x-next 1.1.0 → 1.3.0

package/dist/es/components/form-input/InputPassword.vue2.js

@@ -1,19 +1,28 @@
-import { defineComponent as f, toRefs as m, ref as c, reactive as v } from "vue";
-import d from "../_components/icon-hover/index.vue.js";
-import b from "../../icons/_self/eye.js";
-import y from "../../icons/_self/eye-invisible.js";
-import I from "../../_hooks/use-merge-state.js";
-import { useLocale as h } from "../../locale/index.js";
-import g from "./Input.js";
-const C = f({
+import { defineComponent as d, toRefs as c, ref as v, reactive as b } from "vue";
+import y from "../_components/icon-hover/index.vue.js";
+import I from "../../icons/_self/eye.js";
+import h from "../../icons/_self/eye-invisible.js";
+import g from "../../_hooks/use-merge-state.js";
+import { useLocale as B } from "../../locale/index.js";
+import R from "./Input.js";
+import { useFormItem as _ } from "../../_hooks/use-form-item.js";
+const M = d({
   name: "InputPassword",
   components: {
-    IconEye: b,
-    IconEyeInvisible: y,
-    IconHover: d,
-    XInput: g
+    IconEye: I,
+    IconEyeInvisible: h,
+    IconHover: y,
+    XInput: R
   },
   props: {
+    /**
+     * @zh 是否禁用输入和显隐按钮
+     * @en Whether to disable the input and visibility button
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * @zh 是否可见，受控属性
      * @en Whether is visible
@@ -49,35 +58,36 @@ const C = f({
     "visibility-change",
     "update:visibility"
   ],
-  setup(t, { emit: o }) {
-    const { visibility: s, defaultVisibility: n } = m(t), l = c(), { t: u } = h(), r = () => {
-      p(!e.value);
-    }, [e, a] = I(
-      n.value,
-      v({
-        value: s
+  setup(e, { emit: o }) {
+    const { visibility: l, defaultVisibility: a, disabled: n } = c(e), r = v(), { t: u } = B(), { mergedDisabled: s } = _({ disabled: n }), f = () => {
+      s.value || m(!i.value);
+    }, [i, p] = g(
+      a.value,
+      b({
+        value: l
       })
-    ), p = (i) => {
-      i !== e.value && (o("visibility-change", i), o("update:visibility", i), a(i));
+    ), m = (t) => {
+      t !== i.value && (o("visibility-change", t), o("update:visibility", t), p(t));
     };
     return {
-      inputRef: l,
-      mergedVisible: e,
-      handleInvisible: r,
+      inputRef: r,
+      mergedVisible: i,
+      mergedDisabled: s,
+      handleInvisible: f,
       t: u
     };
   },
   methods: {
     focus() {
-      var t;
-      (t = this.inputRef) == null || t.focus();
+      var e;
+      (e = this.inputRef) == null || e.focus();
     },
     blur() {
-      var t;
-      (t = this.inputRef) == null || t.blur();
+      var e;
+      (e = this.inputRef) == null || e.blur();
     }
   }
 });
 export {
-  C as default
+  M as default
 };

package/dist/es/components/form-input/InputSearch.js

@@ -1,13 +1,14 @@
-import { defineComponent as p, toRefs as b, ref as h, createVNode as u, mergeProps as x, Fragment as g } from "vue";
-import { useLocale as v } from "../../locale/index.js";
-import y from "../_components/icon-hover/index.vue.js";
-import f from "../../icons/_self/search.js";
-import B from "../../icons/animation/animation-loading.js";
-import { Button as S } from "../button/index.js";
-import z from "./Input.js";
-import { useSize as R } from "../../_hooks/use-size.js";
-import { getClassNameMixin as C } from "../../_utils/config.js";
-const H = /* @__PURE__ */ p({
+import { defineComponent as x, toRefs as S, ref as y, createVNode as r, mergeProps as z, Fragment as B } from "vue";
+import { useLocale as I } from "../../locale/index.js";
+import R from "../_components/icon-hover/index.vue.js";
+import m from "../../icons/_self/search.js";
+import C from "../../icons/animation/animation-loading.js";
+import { Button as P } from "../button/index.js";
+import k from "./Input.js";
+import { useSize as T } from "../../_hooks/use-size.js";
+import { useFormItem as N } from "../../_hooks/use-form-item.js";
+import { getClassNameMixin as _ } from "../../_utils/config.js";
+const E = /* @__PURE__ */ x({
   name: "InputSearch",
   props: {
     /**
@@ -73,51 +74,60 @@ const H = /* @__PURE__ */ p({
     slots: t
   }) {
     const {
-      size: d
-    } = b(e), i = C("input-search"), {
-      t: c
-    } = v(), {
-      mergedSize: o
-    } = R(d), r = h(), l = (n) => {
-      r.value.inputRef && a("search", r.value.inputRef.value, n);
-    }, m = () => {
+      size: s,
+      disabled: b
+    } = S(e), i = _("input-search"), {
+      t: p
+    } = I(), {
+      mergedSize: g,
+      mergedDisabled: u
+    } = N({
+      size: s,
+      disabled: b
+    }), {
+      mergedSize: l
+    } = T(g), o = y(), d = (n) => {
+      u.value || e.loading || o.value.inputRef && a("search", o.value.inputRef.value, n);
+    }, h = () => {
       var n;
-      return u(g, null, [e.loading ? u(B, null, null) : u(y, {
+      return r(B, null, [e.loading ? r(C, null, null) : r(R, {
         as: "button",
-        "aria-label": c("common.search"),
-        onClick: l
+        "aria-label": p("common.search"),
+        disabled: u.value,
+        onClick: d
       }, {
-        default: () => [u(f, null, null)]
+        default: () => [r(m, null, null)]
       }), (n = t.suffix) == null ? void 0 : n.call(t)]);
-    }, s = () => {
+    }, v = () => {
+      var f, c;
       let n = {};
       return e.buttonText || t["button-default"] || t["button-icon"] ? n = {
         default: t["button-default"] ?? (e.buttonText ? () => e.buttonText : void 0),
         icon: t["button-icon"]
       } : n = {
-        icon: () => u(f, null, null)
-      }, u(S, x({
+        icon: () => r(m, null, null)
+      }, r(P, z({
         type: "primary",
         class: i.element("btn"),
-        disabled: e.disabled,
-        size: o.value,
-        loading: e.loading
+        size: l.value
       }, e.buttonProps, {
-        onClick: l
+        disabled: u.value || ((f = e.buttonProps) == null ? void 0 : f.disabled),
+        loading: e.loading || ((c = e.buttonProps) == null ? void 0 : c.loading),
+        onClick: d
       }), n);
     };
     return {
-      inputRef: r,
-      render: () => u(z, {
-        ref: r,
+      inputRef: o,
+      render: () => r(k, {
+        ref: o,
         class: i.block,
-        size: o.value,
-        disabled: e.disabled
+        size: l.value,
+        disabled: u.value
       }, {
         prepend: t.prepend,
         prefix: t.prefix,
-        suffix: e.searchButton ? t.suffix : m,
-        append: e.searchButton ? s : t.append
+        suffix: e.searchButton ? t.suffix : h,
+        append: e.searchButton ? v : t.append
       })
     };
   },
@@ -136,5 +146,5 @@ const H = /* @__PURE__ */ p({
   }
 });
 export {
-  H as default
+  E as default
 };

package/dist/es/components/form-input-number/InputNumber.js

@@ -1,19 +1,19 @@
-import { defineComponent as X, toRefs as G, ref as S, computed as I, watch as z, onUnmounted as J, createVNode as d, Fragment as Q } from "vue";
-import D from "../../node_modules/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js";
-import { isNumber as m, isUndefined as Z } from "../../_utils/is.js";
-import ee from "../../icons/_self/up.js";
-import ne from "../../icons/_self/down.js";
-import ue from "../../icons/_self/plus.js";
-import te from "../../icons/_self/minus.js";
-import _ from "../button/Button.js";
-import { Input as ae } from "../form-input/index.js";
-import { useFormItem as le } from "../../_hooks/use-form-item.js";
-import { useSize as ie } from "../../_hooks/use-size.js";
-import { getKeyDownHandler as re, KEYBOARD_KEY as p } from "../../_utils/keyboard.js";
-import { getClassNameMixin as de } from "../../_utils/config.js";
-const oe = 800, fe = 150;
-D.enableBoundaryChecking(!1);
-const Be = /* @__PURE__ */ X({
+import { defineComponent as G, toRefs as J, ref as V, computed as D, watch as p, onUnmounted as Q, createVNode as o, Fragment as Z } from "vue";
+import O from "../../node_modules/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js";
+import { isNumber as s, isUndefined as ee } from "../../_utils/is.js";
+import ne from "../../icons/_self/up.js";
+import ue from "../../icons/_self/down.js";
+import te from "../../icons/_self/plus.js";
+import ae from "../../icons/_self/minus.js";
+import E from "../button/Button.js";
+import { Input as le } from "../form-input/index.js";
+import { useFormItem as ie } from "../../_hooks/use-form-item.js";
+import { useSize as re } from "../../_hooks/use-size.js";
+import { getKeyDownHandler as de, KEYBOARD_KEY as A } from "../../_utils/keyboard.js";
+import { getClassNameMixin as oe } from "../../_utils/config.js";
+const fe = 800, me = 150;
+O.enableBoundaryChecking(!1);
+const Ie = /* @__PURE__ */ G({
   name: "InputNumber",
   props: {
     /**
@@ -230,169 +230,170 @@ const Be = /* @__PURE__ */ X({
     slots: a
   }) {
     const {
-      size: E,
-      disabled: A
-    } = G(n), r = de("input-number"), V = S(), {
-      mergedSize: F,
-      mergedDisabled: s,
-      eventHandlers: P
-    } = le({
-      size: E,
-      disabled: A
+      size: F,
+      disabled: P
+    } = J(n), d = oe("input-number"), B = V(), {
+      mergedSize: $,
+      mergedDisabled: v,
+      eventHandlers: I
+    } = ie({
+      size: F,
+      disabled: P
     }), {
-      mergedSize: x
-    } = ie(F), g = I(() => {
-      if (m(n.precision)) {
+      mergedSize: g
+    } = re($), h = D(() => {
+      if (s(n.precision)) {
         const e = `${n.step}`.split(".")[1], u = e && e.length || 0;
         return Math.max(u, n.precision);
       }
-    }), h = (e) => {
+    }), w = (e) => {
       var t;
-      if (!m(e))
+      if (!s(e))
         return "";
-      const u = g.value ? e.toFixed(g.value) : String(e);
+      const u = h.value ? e.toFixed(h.value) : String(e);
       return ((t = n.formatter) == null ? void 0 : t.call(n, u)) ?? u;
-    }, o = S(h(n.modelValue ?? n.defaultValue)), l = I(() => {
+    }, f = V(w(n.modelValue ?? n.defaultValue)), l = D(() => {
       var u;
-      if (!o.value)
+      if (!f.value)
         return;
-      const e = Number(((u = n.parser) == null ? void 0 : u.call(n, o.value)) ?? o.value);
+      const e = Number(((u = n.parser) == null ? void 0 : u.call(n, f.value)) ?? f.value);
       return Number.isNaN(e) ? void 0 : e;
-    }), v = S(m(l.value) && l.value <= n.min), b = S(m(l.value) && l.value >= n.max);
-    let y = 0;
-    const f = () => {
-      y && (window.clearTimeout(y), y = 0);
-    }, O = (e) => {
-      if (!Z(e))
-        return m(n.min) && e < n.min && (e = n.min), m(n.max) && e > n.max && (e = n.max), m(g.value) ? D.round(e, g.value) : e;
-    }, w = (e) => {
+    }), b = V(s(l.value) && l.value <= n.min), y = V(s(l.value) && l.value >= n.max);
+    let x = 0;
+    const m = () => {
+      x && (window.clearTimeout(x), x = 0);
+    }, R = (e) => {
+      if (!ee(e))
+        return s(n.min) && e < n.min && (e = n.min), s(n.max) && e > n.max && (e = n.max), s(h.value) ? O.round(e, h.value) : e;
+    }, M = (e) => {
       let u = !1, t = !1;
-      m(e) && (e <= n.min && (u = !0), e >= n.max && (t = !0)), b.value !== t && (b.value = t), v.value !== u && (v.value = u);
-    }, B = (e) => !s.value && !n.readOnly && !(e === "plus" && b.value) && !(e === "minus" && v.value), R = () => {
-      const e = O(l.value), u = h(e);
-      (e !== l.value || o.value !== u) && (o.value = u), i("update:modelValue", e);
+      s(e) && (e <= n.min && (u = !0), e >= n.max && (t = !0)), y.value !== t && (y.value = t), b.value !== u && (b.value = u);
+    }, C = (e) => !v.value && !n.readOnly && !(e === "plus" && y.value) && !(e === "minus" && b.value), z = () => {
+      const e = R(l.value), u = w(e);
+      (e !== l.value || f.value !== u) && (f.value = u), i("update:modelValue", e);
     };
-    z(() => [n.max, n.min], () => {
-      R(), w(l.value);
+    p(() => [n.max, n.min], () => {
+      z(), M(l.value);
     });
-    const M = (e, u) => {
-      if (!B(e))
+    const N = (e, u) => {
+      var r, c;
+      if (!C(e))
         return;
       let t;
-      m(l.value) ? t = O(D[e](l.value, n.step)) : t = n.min === -1 / 0 ? 0 : n.min, o.value = h(t), w(t), i("update:modelValue", t), i("change", t, u);
-    }, N = (e, u, t = !1) => {
-      var c;
-      if (e.preventDefault(), !!B(u) && ((c = V.value) == null || c.focus(), M(u, e), t)) {
-        f();
-        const C = () => {
-          if (!B(u)) {
-            f();
+      s(l.value) ? t = R(O[e](l.value, n.step)) : t = n.min === -1 / 0 ? 0 : n.min, f.value = w(t), M(t), i("update:modelValue", t), i("change", t, u), (c = (r = I.value) == null ? void 0 : r.onChange) == null || c.call(r, u);
+    }, S = (e, u, t = !1) => {
+      var r;
+      if (e.preventDefault(), !!C(u) && ((r = B.value) == null || r.focus(), N(u, e), t)) {
+        m();
+        const c = () => {
+          if (!C(u)) {
+            m();
             return;
           }
-          M(u, e), y = window.setTimeout(C, fe);
+          N(u, e), x = window.setTimeout(c, me);
         };
-        y = window.setTimeout(C, oe);
+        x = window.setTimeout(c, fe);
       }
-    }, $ = (e, u) => {
-      var t, c;
-      e = e.trim().replace(/。/g, "."), e = ((t = n.parser) == null ? void 0 : t.call(n, e)) ?? e, (m(Number(e)) || /^(\.|-)$/.test(e)) && (o.value = ((c = n.formatter) == null ? void 0 : c.call(n, e)) ?? e, w(l.value), i("input", l.value, o.value, u), n.modelEvent === "input" && (i("update:modelValue", l.value), i("change", l.value, u)));
-    }, k = (e) => {
+    }, k = (e, u) => {
+      var t, r, c, _;
+      e = e.trim().replace(/。/g, "."), e = ((t = n.parser) == null ? void 0 : t.call(n, e)) ?? e, (s(Number(e)) || /^(\.|-)$/.test(e)) && (f.value = ((r = n.formatter) == null ? void 0 : r.call(n, e)) ?? e, M(l.value), i("input", l.value, f.value, u), n.modelEvent === "input" && (i("update:modelValue", l.value), i("change", l.value, u), (_ = (c = I.value) == null ? void 0 : c.onChange) == null || _.call(c, u)));
+    }, T = (e) => {
       i("focus", e);
-    }, T = (e, u) => {
-      u instanceof MouseEvent && !e || (R(), i("change", l.value, u));
-    }, K = (e) => {
-      i("blur", e);
+    }, K = (e, u) => {
+      u instanceof MouseEvent && !e || (z(), i("change", l.value, u));
     }, U = (e) => {
+      i("blur", e);
+    }, H = (e) => {
       var u, t;
-      o.value = "", i("update:modelValue", void 0), i("change", void 0, e), (t = (u = P.value) == null ? void 0 : u.onChange) == null || t.call(u, e), i("clear", e);
-    }, H = re(/* @__PURE__ */ new Map([[p.ARROW_UP, (e) => {
-      e.preventDefault(), !n.readOnly && M("plus", e);
-    }], [p.ARROW_DOWN, (e) => {
-      e.preventDefault(), !n.readOnly && M("minus", e);
-    }]])), W = (e) => {
-      i("keydown", e), e.defaultPrevented || H(e);
+      f.value = "", i("update:modelValue", void 0), i("change", void 0, e), (t = (u = I.value) == null ? void 0 : u.onChange) == null || t.call(u, e), i("clear", e);
+    }, W = de(/* @__PURE__ */ new Map([[A.ARROW_UP, (e) => {
+      e.preventDefault(), !n.readOnly && N("plus", e);
+    }], [A.ARROW_DOWN, (e) => {
+      e.preventDefault(), !n.readOnly && N("minus", e);
+    }]])), Y = (e) => {
+      i("keydown", e), e.defaultPrevented || W(e);
     };
-    z(() => n.modelValue, (e) => {
-      e !== l.value && (o.value = h(e), w(e));
+    p(() => n.modelValue, (e) => {
+      e !== l.value && (f.value = w(e), M(e));
     });
-    const Y = () => {
+    const q = () => {
       var e, u, t;
-      return n.readOnly ? null : d(Q, null, [a.suffix && d("div", {
-        class: r.element("suffix")
-      }, [(e = a.suffix) == null ? void 0 : e.call(a)]), d("div", {
-        class: r.element("step")
-      }, [d("button", {
-        class: [r.element("step--button"), {
-          [`${r.element("step--button")}-disabled`]: s.value || b.value
+      return n.readOnly ? null : o(Z, null, [a.suffix && o("div", {
+        class: d.element("suffix")
+      }, [(e = a.suffix) == null ? void 0 : e.call(a)]), o("div", {
+        class: d.element("step")
+      }, [o("button", {
+        class: [d.element("step--button"), {
+          [`${d.element("step--button")}-disabled`]: v.value || y.value
         }],
         type: "button",
         tabindex: "-1",
-        disabled: s.value || b.value,
-        onMousedown: (c) => N(c, "plus", !0),
-        onMouseup: f,
-        onMouseleave: f
-      }, [a.plus ? (u = a.plus) == null ? void 0 : u.call(a) : d(ee, null, null)]), d("button", {
-        class: [r.element("step--button"), {
-          [`${r.element("step--button")}-disabled`]: s.value || v.value
+        disabled: v.value || y.value,
+        onMousedown: (r) => S(r, "plus", !0),
+        onMouseup: m,
+        onMouseleave: m
+      }, [a.plus ? (u = a.plus) == null ? void 0 : u.call(a) : o(ne, null, null)]), o("button", {
+        class: [d.element("step--button"), {
+          [`${d.element("step--button")}-disabled`]: v.value || b.value
         }],
         type: "button",
         tabindex: "-1",
-        disabled: s.value || v.value,
-        onMousedown: (c) => N(c, "minus", !0),
-        onMouseup: f,
-        onMouseleave: f
-      }, [a.minus ? (t = a.minus) == null ? void 0 : t.call(a) : d(ne, null, null)])])]);
-    }, q = I(() => [r.block, r.modifier(`mode-${n.mode}`), r.modifier(`size-${x.value}`), {
-      [r.modifier("readonly")]: n.readOnly
-    }]), L = () => d(_, {
-      size: x.value,
+        disabled: v.value || b.value,
+        onMousedown: (r) => S(r, "minus", !0),
+        onMouseup: m,
+        onMouseleave: m
+      }, [a.minus ? (t = a.minus) == null ? void 0 : t.call(a) : o(ue, null, null)])])]);
+    }, L = D(() => [d.block, d.modifier(`mode-${n.mode}`), d.modifier(`size-${g.value}`), {
+      [d.modifier("readonly")]: n.readOnly
+    }]), j = () => o(E, {
+      size: g.value,
       shape: "square",
       narrow: !0,
       tabindex: "-1",
-      class: r.element("step--button"),
-      disabled: s.value || v.value,
-      onMousedown: (e) => N(e, "minus", !0),
-      onMouseup: f,
-      onMouseleave: f
+      class: d.element("step--button"),
+      disabled: v.value || b.value,
+      onMousedown: (e) => S(e, "minus", !0),
+      onMouseup: m,
+      onMouseleave: m
     }, {
-      icon: () => d(te, null, null)
-    }), j = () => d(_, {
-      size: x.value,
+      icon: () => o(ae, null, null)
+    }), X = () => o(E, {
+      size: g.value,
       shape: "square",
       narrow: !0,
       tabindex: "-1",
-      class: r.element("step--button"),
-      disabled: s.value || b.value,
-      onMousedown: (e) => N(e, "plus", !0),
-      onMouseup: f,
-      onMouseleave: f
+      class: d.element("step--button"),
+      disabled: v.value || y.value,
+      onMousedown: (e) => S(e, "plus", !0),
+      onMouseup: m,
+      onMouseleave: m
     }, {
-      icon: () => d(ue, null, null)
+      icon: () => o(te, null, null)
     });
-    return J(f), {
-      inputRef: V,
+    return Q(m), {
+      inputRef: B,
       render: () => {
         const e = n.mode === "embed" ? {
           prepend: a.prepend,
           prefix: a.prefix,
-          suffix: n.hideButton ? a.suffix : Y,
+          suffix: n.hideButton ? a.suffix : q,
           append: a.append
         } : {
-          prepend: n.hideButton ? a.prepend : L,
+          prepend: n.hideButton ? a.prepend : j,
           prefix: a.prefix,
           suffix: a.suffix,
-          append: n.hideButton ? a.append : j
+          append: n.hideButton ? a.append : X
         };
-        return d(ae, {
+        return o(le, {
           key: `input-number-${n.mode}`,
-          ref: V,
-          class: q.value,
+          ref: B,
+          class: L.value,
           type: "text",
           allowClear: n.allowClear,
-          size: x.value,
-          modelValue: o.value,
+          size: g.value,
+          modelValue: f.value,
           placeholder: n.placeholder,
-          disabled: s.value,
+          disabled: v.value,
           readonly: n.readOnly,
           error: n.error,
           inputAttrs: {
@@ -402,12 +403,12 @@ const Be = /* @__PURE__ */ X({
             "aria-valuenow": l.value,
             ...n.inputAttrs
           },
-          onInput: $,
-          onFocus: k,
-          onBlur: K,
-          onClear: U,
-          onChange: T,
-          onKeydown: W
+          onInput: k,
+          onFocus: T,
+          onBlur: U,
+          onClear: H,
+          onChange: K,
+          onKeydown: Y
         }, e);
       }
     };
@@ -437,5 +438,5 @@ const Be = /* @__PURE__ */ X({
   }
 });
 export {
-  Be as default
+  Ie as default
 };