fix(SwipeAction): 修复 SwipeAction 初始化点击的问题

luckyadam · luckyadam · commit dee2d6ba8cb4 · 2020-12-20T16:45:47.000+08:00
diff --git a/packages/taro-ui/src/components/swipe-action/index.tsx b/packages/taro-ui/src/components/swipe-action/index.tsx
@@ -41,7 +41,9 @@ export default class AtSwipeAction extends React.Component<
     const { _isOpened } = this.state
 
     if (isOpened !== _isOpened) {
-      this._reset(!!isOpened) // TODO: Check behavior
+      const isOpened = !!this.props.isOpened
+      this.moveX = isOpened ? 0 : this.maxOffsetSize
+      this._reset(isOpened) // TODO: Check behavior
     }
   }
 
@@ -126,7 +128,9 @@ export default class AtSwipeAction extends React.Component<
   }
 
   componentDidMount(): void {
-    this._reset(!!this.props.isOpened)
+    const isOpened = !!this.props.isOpened
+    this.moveX = isOpened ? 0 : this.maxOffsetSize
+    this._reset(isOpened)
   }
 
   public render(): JSX.Element {

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,9 @@ export default class AtSwipeAction extends React.Component<`
`41`	`41`	`const { _isOpened } = this.state`
`42`	`42`
`43`	`43`	`if (isOpened !== _isOpened) {`
`44`		`- this._reset(!!isOpened) // TODO: Check behavior`
	`44`	`+ const isOpened = !!this.props.isOpened`
	`45`	`+ this.moveX = isOpened ? 0 : this.maxOffsetSize`
	`46`	`+ this._reset(isOpened) // TODO: Check behavior`
`45`	`47`	`}`
`46`	`48`	`}`
`47`	`49`
`@@ -126,7 +128,9 @@ export default class AtSwipeAction extends React.Component<`
`126`	`128`	`}`
`127`	`129`
`128`	`130`	`componentDidMount(): void {`
`129`		`- this._reset(!!this.props.isOpened)`
	`131`	`+ const isOpened = !!this.props.isOpened`
	`132`	`+ this.moveX = isOpened ? 0 : this.maxOffsetSize`
	`133`	`+ this._reset(isOpened)`
`130`	`134`	`}`
`131`	`135`
`132`	`136`	`public render(): JSX.Element {`