feat(Cascader): add swipeable prop (#8383)

src/cascader/Cascader.tsx

@@ -48,6 +48,10 @@ export default defineComponent({
       type: String,
       default: 'cross',
     },
+    swipeable: {
+      type: Boolean,
+      default: true,
+    },
   },
 
   emits: ['close', 'change', 'finish', 'update:modelValue'],
@@ -243,10 +247,10 @@ export default defineComponent({
       <Tabs
         v-model={[state.activeTab, 'active']}
         animated
-        swipeable
-        swipeThreshold={0}
         class={bem('tabs')}
         color={props.activeColor}
+        swipeThreshold={0}
+        swipeable={props.swipeable}
       >
         {state.tabs.map(renderTab)}
       </Tabs>

src/cascader/README.md

@@ -204,6 +204,7 @@ export default {
 | options | Options | _Option[]_ | `[]` |
 | placeholder | Placeholder of unselected tab | _string_ | `Select` |
 | active-color | Active color | _string_ | `#ee0a24` |
+| swipeable `v3.0.11` | Whether to enable gestures to slide left and right | _boolean_ | `false` |
 | closeable | Whether to show close icon | _boolean_ | `true` |
 | close-icon `v3.0.10` | Close icon name | _string_ | `cross` |
 | field-names `v3.0.4` | Custom the fields of options | _object_ | `{ text: 'text', value: 'value', children: 'children' }` |

src/cascader/README.zh-CN.md

@@ -218,6 +218,7 @@ export default {
 | options | 可选项数据源 | _Option[]_ | `[]` |
 | placeholder | 未选中时的提示文案 | _string_ | `请选择` |
 | active-color | 选中状态的高亮颜色 | _string_ | `#ee0a24` |
+| swipeable `v3.0.11` | 是否开启手势左右滑动切换 | _boolean_ | `false` |
 | closeable | 是否显示关闭图标 | _boolean_ | `true` |
 | close-icon `v3.0.10` | 关闭[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `cross` |
 | field-names `v3.0.4` | 自定义 `options` 结构中的字段 | _object_ | `{ text: 'text', value: 'value', children: 'children' }` |

src/tab/README.md

@@ -241,7 +241,7 @@ export default {
 | border | Whether to show border when `type="line"` | _boolean_ | `false` |
 | ellipsis | Whether to ellipsis too long title | _boolean_ | `true` |
 | sticky | Whether to use sticky mode | _boolean_ | `false` |
-| swipeable | Whether to switch tabs with swipe gestrue in the content | _boolean_ | `false` |
+| swipeable | Whether to enable gestures to slide left and right | _boolean_ | `false` |
 | lazy-render | Whether to enable tab content lazy render | _boolean_ | `true` |
 | scrollspy | Whether to use scrollspy mode | _boolean_ | `false` |
 | offset-top | Sticky offset top , supports `px` `vw` `vh` `rem` unit, default `px` | _number \| string_ | `0` |

src/tab/README.zh-CN.md

@@ -252,7 +252,7 @@ export default {
 | border | 是否显示标签栏外边框，仅在 `type="line"` 时有效 | _boolean_ | `false` |
 | ellipsis | 是否省略过长的标题文字 | _boolean_ | `true` |
 | sticky | 是否使用粘性定位布局 | _boolean_ | `false` |
-| swipeable | 是否开启手势滑动切换 | _boolean_ | `false` |
+| swipeable | 是否开启手势左右滑动切换 | _boolean_ | `false` |
 | lazy-render | 是否开启延迟渲染（首次切换到标签时才触发内容渲染） | _boolean_ | `true` |
 | scrollspy | 是否开启滚动导航 | _boolean_ | `false` |
 | offset-top | 粘性定位布局下与顶部的最小距离，支持 `px` `vw` `vh` `rem` 单位，默认 `px` | _number \| string_ | `0` |