From a6d4d2d74ad858191731b5486c0ffa50ee702dc9 Mon Sep 17 00:00:00 2001 From: neverland Date: Tue, 2 Oct 2018 17:01:29 +0800 Subject: [PATCH] [improvement]SwipeCell: add disabled prop (#1884) --- packages/swipe-cell/en-US.md | 1 + packages/swipe-cell/index.vue | 13 +++++++++++++ packages/swipe-cell/zh-CN.md | 1 + 3 files changed, 15 insertions(+) diff --git a/packages/swipe-cell/en-US.md b/packages/swipe-cell/en-US.md index d8e4c536e..8fdaa2cfc 100644 --- a/packages/swipe-cell/en-US.md +++ b/packages/swipe-cell/en-US.md @@ -63,6 +63,7 @@ export default { | left-width | Width of the left scrollable area | `Number` | `0` | | right-width | Width of the right scrollable area | `Number` | `0` | | on-close | Callback function before close | `Function` | - | +| disabled | Whether to disabled swipe | `Boolean` | `false` | ### Slot diff --git a/packages/swipe-cell/index.vue b/packages/swipe-cell/index.vue index a1eb6e9af..1c7c0f49a 100644 --- a/packages/swipe-cell/index.vue +++ b/packages/swipe-cell/index.vue @@ -38,6 +38,7 @@ export default create({ props: { onClose: Function, + disabled: Boolean, leftWidth: { type: Number, default: 0 @@ -106,6 +107,10 @@ export default create({ }, startDrag(event) { + if (this.disabled) { + return; + } + this.draging = true; this.touchStart(event); @@ -115,6 +120,10 @@ export default create({ }, onDrag(event) { + if (this.disabled) { + return; + } + this.touchMove(event); const { deltaX } = this; @@ -130,6 +139,10 @@ export default create({ }, endDrag() { + if (this.disabled) { + return; + } + this.draging = false; if (this.swiping) { this.swipeLeaveTransition(this.offset > 0 ? -1 : 1); diff --git a/packages/swipe-cell/zh-CN.md b/packages/swipe-cell/zh-CN.md index 77b77684c..c8801fcc7 100644 --- a/packages/swipe-cell/zh-CN.md +++ b/packages/swipe-cell/zh-CN.md @@ -63,6 +63,7 @@ export default { | left-width | 左侧滑动区域宽度 | `Number` | `0` | | right-width | 右侧滑动区域宽度 | `Number` | `0` | | on-close | 关闭时的回调函数 | `Function` | - | +| disabled | 是否禁用滑动 | `Boolean` | `false` | ### Slot