fix(range): 组件位置计算问题 close #969 (#970)

* fix(range): 组件位置计算问题

#969

* refactor(range): 去除isForceUpdatePos字段,componentWillReceiveProps时都会重新计算位置

Co-authored-by: Garfield Lee <[email protected]>

Author: jsonz1993

src/components/range/index.tsx

@@ -99,8 +99,17 @@ export default class AtRange extends AtComponent<AtRangeProps, AtRangeState> {
     }
   }
 
+  private updatePos(): void {
+    delayQuerySelector(this, '.at-range__container', 0)
+      .then(rect => {
+        this.width = Math.round(rect[0].width)
+        this.left = Math.round(rect[0].left)
+      })
+  }
+
   public componentWillReceiveProps(nextProps: AtRangeProps): void {
     const { value } = nextProps
+    this.updatePos()
     if (
       this.props.value![0] !== value![0] ||
       this.props.value![1] !== value![1]
@@ -111,13 +120,8 @@ export default class AtRange extends AtComponent<AtRangeProps, AtRangeState> {
 
   public componentDidMount(): void {
     const { value } = this.props
-    delayQuerySelector(this, '.at-range__container', 0).then(rect => {
-      this.width = Math.round(rect[0].width)
-      this.left = Math.round(rect[0].left)
-      this.setValue(value!)
-    })
-    // this.triggerEvent('onChange')
-    // this.triggerEvent('onAfterChange')
+    this.updatePos()
+    this.setValue(value!)
   }
 
   public render(): JSX.Element {