vue-devui 1.6.4 → 1.6.6

package/switch/index.es.js

@@ -7917,6 +7917,8 @@ var Switch = defineComponent({
       switchDisabled,
       switchSize
     } = useSwitch(props, ctx);
+    const AnimationNumberDurationSlow = 300;
+    const isMousedown = ref(false);
     return () => {
       const switchCls = {
         [ns2.b()]: true,
@@ -7930,17 +7932,29 @@ var Switch = defineComponent({
       const switchWrapperStyle = [`background: ${checked.value && !switchDisabled.value ? props.color : ""}`, `border-color: ${checked.value && !switchDisabled.value ? props.color : ""}`];
       const checkedContent = renderSlot(useSlots(), "checkedContent");
       const uncheckedContent = renderSlot(useSlots(), "uncheckedContent");
+      const onMousedown = () => {
+        isMousedown.value = true;
+      };
+      const onMouseup = () => {
+        setTimeout(() => {
+          isMousedown.value = false;
+        }, AnimationNumberDurationSlow / 2);
+      };
       return createVNode("div", {
         "class": switchCls
       }, [createVNode("span", {
         "class": switchWrapperCls,
         "style": switchWrapperStyle,
-        "onClick": toggle
+        "onClick": toggle,
+        "onMousedown": onMousedown,
+        "onMouseup": onMouseup
       }, [createVNode("span", {
         "class": ns2.e("inner-wrapper")
       }, [createVNode("div", {
         "class": ns2.e("inner")
-      }, [checked.value ? checkedContent : uncheckedContent])]), createVNode("small", null, null)])]);
+      }, [checked.value ? checkedContent : uncheckedContent])]), createVNode("small", {
+        "class": isMousedown.value && !props.disabled && "mouseDown"
+      }, null)])]);
     };
   }
 });