vue-devui 1.6.5 → 1.6.6

package/category-search/index.es.js

@@ -2715,6 +2715,10 @@ const commonProps = {
   size: {
     type: String,
     default: "md"
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
@@ -10440,7 +10444,10 @@ var Checkbox = defineComponent({
         active: mergedChecked.value,
         "half-checked": props.halfChecked,
         disabled: mergedDisabled.value,
-        unchecked: !mergedChecked.value
+        unchecked: !mergedChecked.value,
+        [ns2.m("glow-style")]: props.showGlowStyle,
+        [ns2.m(`checkbox-${size.value}`)]: border.value,
+        [ns2.m("checkbox-bordered")]: border.value
       };
       const labelTitle = mergedIsShowTitle.value ? props.title || props.label : "";
       const bgImgStyle = mergedColor.value && props.halfChecked || mergedColor.value ? `linear-gradient(${mergedColor.value}, ${mergedColor.value})` : "";
@@ -10457,7 +10464,7 @@ var Checkbox = defineComponent({
         [ns2.m("no-animation")]: !mergedShowAnimation.value
       };
       const labelCls = {
-        [ns2.m(size.value)]: size.value,
+        [ns2.m(size.value)]: border.value,
         [ns2.m("bordered")]: border.value
       };
       const stopPropagation = ($event) => $event.stopPropagation();
@@ -10469,7 +10476,11 @@ var Checkbox = defineComponent({
         "style": wrapperStyle.value
       }, [createVNode("div", {
         "class": checkboxCls
-      }, [createVNode("label", {
+      }, [props.showGlowStyle && mergedShowAnimation.value && createVNode("div", {
+        "class": ns2.e("glow-box")
+      }, [createVNode("span", {
+        "class": "glow-bg"
+      }, null)]), createVNode("label", {
         "title": labelTitle,
         "onClick": handleClick,
         "class": labelCls,
@@ -10491,18 +10502,20 @@ var Checkbox = defineComponent({
       }, [createVNode("span", {
         "class": ns2.e("halfchecked-bg")
       }, null), createVNode("svg", {
-        "viewBox": "0 0 16 16",
-        "version": "1.1",
-        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 14 14",
+        "width": "14",
+        "height": "14",
         "class": ns2.e("tick-wrap")
       }, [createVNode("g", {
         "stroke": "none",
         "stroke-width": "1",
         "fill": "none",
         "fill-rule": "evenodd"
-      }, [createVNode("polygon", {
-        "fill-rule": "nonzero",
-        "points": "5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",
+      }, [createVNode("path", {
+        "d": "M 2.3 7.0 5.6 9.6 11.4 3.5",
+        "stroke": "#fff",
+        "stroke-width": "1.5",
+        "fill": "none",
         "class": polygonCls
       }, null)])])]), createVNode("span", {
         "class": ns2.e("label-text")
@@ -11088,19 +11101,36 @@ var Button = defineComponent({
       classes,
       iconClass
     } = useButton(props, ctx);
+    const isMouseDown = ref(false);
+    const showWave = ref(false);
+    const waveStyle = reactive({
+      top: "0px",
+      left: "0px"
+    });
+    const showClickWave = (e) => {
+      waveStyle.left = e.offsetX + "px";
+      waveStyle.top = e.offsetY + "px";
+      showWave.value = true;
+      setTimeout(() => {
+        showWave.value = false;
+      }, 300);
+    };
     const onClick = (e) => {
       if (loading2.value) {
         return;
       }
+      showClickWave(e);
       ctx.emit("click", e);
     };
     return () => {
       var _a, _b;
       return createVNode("button", {
-        "class": classes.value,
+        "class": [classes.value, isMouseDown.value ? "mousedown" : ""],
         "disabled": disabled.value,
         "onClick": onClick,
-        "type": nativeType.value
+        "type": nativeType.value,
+        "onMousedown": () => isMouseDown.value = true,
+        "onMouseup": () => isMouseDown.value = false
       }, [icon2.value && createVNode(Icon, {
         "name": icon2.value,
         "size": "var(--devui-font-size, 12px)",
@@ -11114,7 +11144,10 @@ var Button = defineComponent({
         "color": "#BBDEFB"
       }, null)]), [[vShow, loading2.value]]), createVNode("span", {
         "class": "button-content"
-      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])]);
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]), showWave.value && createVNode("div", {
+        "class": "water-wave",
+        "style": waveStyle
+      }, null)]);
     };
   }
 });
@@ -11339,6 +11372,10 @@ const inputNumberProps = {
   reg: {
     type: [RegExp, String],
     default: ""
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const ns$1 = useNamespace$1("input-number");
@@ -11393,6 +11430,7 @@ function useRender(props, ctx) {
   const wrapClass = computed(() => [
     {
       [ns.b()]: true,
+      [ns.m("glow-style")]: props.showGlowStyle,
       [ns.m(inputNumberSize.value)]: true
     },
     customClass