fix(SwipeAction): SwipeAction 增加 moveRatio 支持设置判断是否展开的滑动比例阈值

Author: luckyadam

packages/taro-ui/src/components/swipe-action/index.tsx

@@ -21,10 +21,11 @@ export default class AtSwipeAction extends React.Component<
   private maxOffsetSize: number
   private moveX: number
   private eleWidth: number
+  private moveRatio: number
 
   public constructor(props: AtSwipeActionProps) {
     super(props)
-    const { isOpened, maxDistance, areaWidth } = props
+    const { isOpened, maxDistance, areaWidth, moveRatio } = props
     this.maxOffsetSize = maxDistance
     this.state = {
       componentId: uuid(),
@@ -34,6 +35,7 @@ export default class AtSwipeAction extends React.Component<
     }
     this.moveX = 0
     this.eleWidth = areaWidth
+    this.moveRatio = moveRatio || 0.5
   }
 
   public UNSAFE_componentWillReceiveProps(nextProps: AtSwipeActionProps): void {
@@ -114,7 +116,7 @@ export default class AtSwipeAction extends React.Component<
       this.handleClosed(e)
       return
     }
-    if (this.maxOffsetSize - this.moveX < this.maxOffsetSize * 0.4) {
+    if (this.maxOffsetSize - this.moveX < this.maxOffsetSize * this.moveRatio) {
       this._reset(false)
       this.handleClosed(e)
     } else {

packages/taro-ui/types/swipe-action.d.ts

@@ -54,9 +54,20 @@ export interface AtSwipeActionProps extends AtComponent {
    */
   onClosed?: CommonEventFunction
 
+  /**
+   * 滑块最大滑动距离，一般是按钮个数乘以按钮宽度
+   */
   maxDistance: number
 
+  /**
+   * SwipeAction 组件宽度
+   */
   areaWidth: number
+
+  /**
+   * 判断是否需要打开的比例阈值，即 滑块滑动距离 / 滑块最大滑动距离， 默认为 0.5
+   */
+  moveRatio?: number
 }
 
 export interface AtSwipeActionState {