feat(components): [switch] 新增阻止切换钩子

Ce1ling · Oct 4, 2023 · 61bbb45 · 61bbb45
1 parent 942090e
commit 61bbb45
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/packages/components/Switch/Switch.vue b/packages/components/Switch/Switch.vue
@@ -56,6 +56,8 @@ const switchStyle = computed(() => ({
 const toggleChecked = () => {
   if (props.disabled || props.loading) return
 
+  if (props.beforeChange && !props.beforeChange()) return
+
   emit('update:modelValue', !props.modelValue)
 }
 

diff --git a/packages/components/Switch/switch.ts b/packages/components/Switch/switch.ts
@@ -13,6 +13,7 @@ export interface SwitchProps {
   offIcon?: string
   width?: string
   size?: ViBaseSizes
+  beforeChange?: () => boolean
 }
 
 export interface SwitchEmits {