@atooyu/uxto-ui 1.1.17 → 1.1.19

package/dist/index.js

@@ -846,24 +846,25 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const nodeSize = vue.computed(() => Math.round(props.size * 0.8));
+    const switchWidth = vue.computed(() => Math.round(props.size * 1.67));
     const switchStyle = vue.computed(() => ({
-      width: `${Math.round(props.size * 1.67)}px`,
+      width: `${switchWidth.value}px`,
       height: `${props.size}px`,
       borderRadius: `${props.size / 2}px`
     }));
     const nodeStyle = vue.computed(() => {
       const node = nodeSize.value;
       const gap = Math.round((props.size - node) / 2);
-      const translateX = props.modelValue ? props.size - node - gap * 2 : 0;
+      const left = props.modelValue ? switchWidth.value - node - gap : gap;
       return {
         width: `${node}px`,
         height: `${node}px`,
         top: `${gap}px`,
-        left: `${gap}px`,
-        transform: `translateX(${translateX}px)`
+        left: `${left}px`
       };
     });
-    const handleClick = () => {
+    const handleClick = (e) => {
+      e.stopPropagation();
       if (props.disabled || props.loading) return;
       const newValue = !props.modelValue;
       emit("update:modelValue", newValue);
@@ -890,7 +891,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const uSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-c9caea3a"]]);
+const uSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-8922fa66"]]);
 const _hoisted_1$y = ["src", "mode", "lazy-load", "fade"];
 const _hoisted_2$p = {
   key: 0,