x-next 1.1.0 → 1.2.0

package/dist/es/components/form-checkbox/Checkbox.js

@@ -1,16 +1,17 @@
-import { defineComponent as K, toRefs as P, ref as V, inject as T, computed as r, watch as N, watchEffect as U, createVNode as c, nextTick as X } from "vue";
-import w from "../_components/icon-hover/index.vue.js";
-import C from "./icon-check.js";
-import { isArray as v, isUndefined as _, isNull as $ } from "../../_utils/is.js";
-import { checkboxGroupKey as q } from "./context.js";
-import { useFormItem as J } from "../../_hooks/use-form-item.js";
-import { getClassNameMixin as L } from "../../_utils/config.js";
-import { useSize as O } from "../../_hooks/use-size.js";
-const le = /* @__PURE__ */ K({
+import { defineComponent as U, toRefs as X, ref as j, inject as _, computed as s, watch as C, watchEffect as $, createVNode as c, mergeProps as A, nextTick as q } from "vue";
+import F from "../_components/icon-hover/index.vue.js";
+import I from "./icon-check.js";
+import { isArray as h, isUndefined as J, isNull as L } from "../../_utils/is.js";
+import { checkboxGroupKey as Q } from "./context.js";
+import { useFormItem as Y, useFormItemControl as Z } from "../../_hooks/use-form-item.js";
+import { getClassNameMixin as G } from "../../_utils/config.js";
+import { useSize as x } from "../../_hooks/use-size.js";
+const oe = /* @__PURE__ */ U({
   name: "Checkbox",
+  inheritAttrs: !1,
   components: {
-    IconCheck: C,
-    IconHover: w
+    IconCheck: I,
+    IconHover: F
   },
   props: {
     /**
@@ -68,14 +69,14 @@ const le = /* @__PURE__ */ K({
     }
   },
   emits: {
-    "update:modelValue": (n) => !0,
+    "update:modelValue": (t) => !0,
     /**
      * @zh 值改变时触发
      * @en Trigger when the value changes
      * @param { boolean | CheckboxValueList } value
      * @param {Event} ev
      */
-    change: (n, h) => !0
+    change: (t, g) => !0
   },
   /**
    * @zh 自定义复选框
@@ -85,92 +86,95 @@ const le = /* @__PURE__ */ K({
    * @binding {boolean} disabled
    * @version 2.18.0
    */
-  setup(n, {
-    emit: h,
-    slots: g
+  setup(t, {
+    emit: g,
+    slots: b,
+    attrs: f
   }) {
     const {
-      disabled: F,
-      modelValue: j,
-      size: A
-    } = P(n), i = L("checkbox"), t = V(), a = n.uninjectGroupContext ? void 0 : T(q, void 0), b = (a == null ? void 0 : a.name) === "XCheckboxGroup", {
+      disabled: N,
+      modelValue: w,
+      size: O
+    } = X(t), i = G("checkbox"), d = j(), l = t.uninjectGroupContext ? void 0 : _(Q, void 0), z = (l == null ? void 0 : l.name) === "XCheckboxGroup", {
+      formItemCtx: p,
       mergedDisabled: k,
-      mergedSize: I,
+      mergedSize: E,
       eventHandlers: y
-    } = J({
-      disabled: F,
-      size: A
-    }), {
-      mergedSize: M
-    } = O(I), s = V(n.defaultChecked), o = r(() => b ? a == null ? void 0 : a.computedValue : n.modelValue ?? s.value), u = r(() => v(o.value) ? o.value.includes(n.value ?? !0) : o.value), m = r(() => (a == null ? void 0 : a.disabled) || (k == null ? void 0 : k.value) || !u.value && (a == null ? void 0 : a.isMaxed)), B = r(() => (a == null ? void 0 : a.size) ?? M.value), p = (l) => {
-      l.stopPropagation();
-    }, H = (l) => {
-      var f, S;
+    } = Y({
+      disabled: N,
+      size: O
+    }), M = Z(z ? {} : p, () => Object.fromEntries(Object.entries(f).filter(([e]) => e === "id" || e === "name" || e.startsWith("aria-")))), H = s(() => Object.fromEntries(Object.entries(f).filter(([e]) => e !== "id" && e !== "name" && e !== "class" && e !== "style" && !e.startsWith("aria-")))), {
+      mergedSize: P
+    } = x(E), r = j(t.defaultChecked), o = s(() => z ? l == null ? void 0 : l.computedValue : t.modelValue ?? r.value), u = s(() => h(o.value) ? o.value.includes(t.value ?? !0) : o.value), m = s(() => (l == null ? void 0 : l.disabled) || (k == null ? void 0 : k.value) || !u.value && (l == null ? void 0 : l.isMaxed)), S = s(() => (l == null ? void 0 : l.size) ?? P.value), R = (e) => {
+      e.stopPropagation();
+    }, W = (e) => {
+      var v, V;
       const {
-        checked: e
-      } = l.target;
-      let d = e;
-      if (v(o.value)) {
-        const z = new Set(o.value);
-        e ? z.add(n.value ?? !0) : z.delete(n.value ?? !0), d = Array.from(z);
+        checked: a
+      } = e.target;
+      let n = a;
+      if (h(o.value)) {
+        const B = new Set(o.value);
+        a ? B.add(t.value ?? !0) : B.delete(t.value ?? !0), n = Array.from(B);
       }
-      s.value = e, b && v(d) ? a == null || a.handleChange(d, l) : (h("update:modelValue", d), h("change", d, l), (S = (f = y.value) == null ? void 0 : f.onChange) == null || S.call(f, l)), X(() => {
-        t.value && t.value.checked !== u.value && (t.value.checked = u.value);
+      r.value = a, z && h(n) ? l == null || l.handleChange(n, e) : (g("update:modelValue", n), g("change", n, e), (V = (v = y.value) == null ? void 0 : v.onChange) == null || V.call(v, e)), q(() => {
+        d.value && d.value.checked !== u.value && (d.value.checked = u.value);
       });
-    }, R = r(() => [i.block, i.modifier(`size-${B.value}`), {
+    }, D = s(() => [i.block, i.modifier(`size-${S.value}`), {
       [i.modifier("checked")]: u.value,
-      [i.modifier("indeterminate")]: n.indeterminate,
+      [i.modifier("indeterminate")]: t.indeterminate,
       [i.modifier("disabled")]: m.value
-    }]), D = (l) => {
-      var e, d;
-      (d = (e = y.value) == null ? void 0 : e.onFocus) == null || d.call(e, l);
-    }, E = (l) => {
-      var e, d;
-      (d = (e = y.value) == null ? void 0 : e.onBlur) == null || d.call(e, l);
+    }]), K = (e) => {
+      var a, n;
+      (n = (a = y.value) == null ? void 0 : a.onFocus) == null || n.call(a, e);
+    }, T = (e) => {
+      var a, n;
+      (n = (a = y.value) == null ? void 0 : a.onBlur) == null || n.call(a, e);
     };
-    return N(j, (l) => {
-      (_(l) || $(l)) && (s.value = !1);
-    }), N(o, (l) => {
-      let e;
-      v(l) ? e = l.includes(n.value ?? !0) : e = l, s.value !== e && (s.value = e), t.value && t.value.checked !== e && (t.value.checked = e);
-    }), U(() => {
-      t.value && (t.value.indeterminate = n.indeterminate);
+    return C(w, (e) => {
+      (J(e) || L(e)) && (r.value = !1);
+    }), C(o, (e) => {
+      let a;
+      h(e) ? a = e.includes(t.value ?? !0) : a = e, r.value !== a && (r.value = a), d.value && d.value.checked !== a && (d.value.checked = a);
+    }), $(() => {
+      d.value && (d.value.indeterminate = t.indeterminate);
     }), () => {
-      var l, e;
-      return c("label", {
+      var e, a;
+      return c("label", A(H.value, {
         "aria-disabled": m.value,
-        class: R.value
-      }, [c("input", {
-        ref: t,
+        class: [D.value, f.class],
+        style: f.style
+      }), [c("input", A(M.value, {
+        ref: d,
         type: "checkbox",
         checked: u.value,
-        "aria-checked": n.indeterminate ? "mixed" : u.value,
-        value: n.value,
+        "aria-checked": t.indeterminate ? "mixed" : u.value,
+        value: t.value,
         class: i.modifier("target"),
         disabled: m.value,
-        onClick: p,
-        onChange: H,
-        onFocus: D,
-        onBlur: E
-      }, null), ((e = g.checkbox ?? ((l = a == null ? void 0 : a.slots) == null ? void 0 : l.checkbox)) == null ? void 0 : e({
+        onClick: R,
+        onChange: W,
+        onFocus: K,
+        onBlur: T
+      }), null), ((a = b.checkbox ?? ((e = l == null ? void 0 : l.slots) == null ? void 0 : e.checkbox)) == null ? void 0 : a({
         checked: u.value,
         disabled: m.value
-      })) ?? c(w, {
+      })) ?? c(F, {
         class: i.modifier("icon-hover"),
-        size: B.value,
+        size: S.value,
         disabled: m.value || u.value
       }, {
         default: () => [c("div", {
           class: i.modifier("icon")
-        }, [u.value && c(C, {
+        }, [u.value && c(I, {
           class: i.modifier("icon-check")
         }, null)])]
-      }), g.default && c("span", {
+      }), b.default && c("span", {
         class: i.element("label")
-      }, [g.default()])]);
+      }, [b.default()])]);
     };
   }
 });
 export {
-  le as default
+  oe as default
 };

package/dist/es/components/form-checkbox/CheckboxGroup.js

@@ -1,11 +1,11 @@
-import { defineComponent as V, toRefs as S, ref as p, computed as d, provide as N, reactive as A, watch as G, createVNode as v } from "vue";
-import { checkboxGroupKey as $ } from "./context.js";
-import { useFormItem as _ } from "../../_hooks/use-form-item.js";
-import B from "./Checkbox.js";
-import { isArray as b, isString as F, isNumber as M, isBoolean as w, isFunction as D } from "../../_utils/is.js";
-import { getClassNameMixin as H } from "../../_utils/config.js";
-import { useSize as I } from "../../_hooks/use-size.js";
-const L = /* @__PURE__ */ V({
+import { defineComponent as A, toRefs as N, ref as G, computed as d, provide as $, reactive as F, watch as I, createVNode as v, mergeProps as _ } from "vue";
+import { checkboxGroupKey as B } from "./context.js";
+import { useFormItem as M, useFormItemControl as w } from "../../_hooks/use-form-item.js";
+import D from "./Checkbox.js";
+import { isArray as b, isString as H, isNumber as K, isBoolean as O, isFunction as P } from "../../_utils/is.js";
+import { getClassNameMixin as R } from "../../_utils/config.js";
+import { useSize as X } from "../../_hooks/use-size.js";
+const W = /* @__PURE__ */ A({
   name: "CheckboxGroup",
   props: {
     /**
@@ -93,61 +93,66 @@ const L = /* @__PURE__ */ V({
    */
   setup(a, {
     emit: n,
-    slots: l
+    slots: l,
+    attrs: g
   }) {
     const {
       disabled: h,
-      size: g
-    } = S(a), i = H("checkbox--group"), {
-      mergedDisabled: y,
-      mergedSize: x,
-      eventHandlers: k
-    } = _({
+      size: y
+    } = N(a), m = R("checkbox--group"), {
+      formItemCtx: x,
+      mergedDisabled: C,
+      mergedSize: k,
+      eventHandlers: p
+    } = M({
       disabled: h,
-      size: g
+      size: y
+    }), z = w(x, () => g, {
+      labelable: !1
     }), {
-      mergedSize: c
-    } = I(x), u = p(a.defaultValue), m = d(() => b(a.modelValue) ? a.modelValue : u.value), o = d(() => a.max === void 0 ? !1 : m.value.length >= a.max), s = d(() => (a.options ?? []).map((e) => F(e) || M(e) || w(e) ? {
+      mergedSize: o
+    } = X(k), r = G(a.defaultValue), i = d(() => b(a.modelValue) ? a.modelValue : r.value), c = d(() => a.max === void 0 ? !1 : i.value.length >= a.max), s = d(() => (a.options ?? []).map((e) => H(e) || K(e) || O(e) ? {
       label: e,
       value: e
     } : e));
-    N($, A({
+    $(B, F({
       name: "XCheckboxGroup",
-      computedValue: m,
-      size: c,
-      disabled: y,
-      isMaxed: o,
+      computedValue: i,
+      size: o,
+      disabled: C,
+      isMaxed: c,
       slots: l,
-      handleChange: (e, r) => {
-        var t, f;
-        u.value = e, n("update:modelValue", e), n("change", e, r), (f = (t = k.value) == null ? void 0 : t.onChange) == null || f.call(t, r);
+      handleChange: (e, t) => {
+        var u, f;
+        r.value = e, n("update:modelValue", e), n("change", e, t), (f = (u = p.value) == null ? void 0 : u.onChange) == null || f.call(u, t);
       }
     }));
-    const z = d(() => [i.block, i.modifier(`size-${c.value}`), i.modifier(`direction-${a.direction}`)]);
-    G(() => a.modelValue, (e) => {
-      b(e) ? u.value = [...e] : u.value = [];
+    const V = d(() => [m.block, m.modifier(`size-${o.value}`), m.modifier(`direction-${a.direction}`)]);
+    I(() => a.modelValue, (e) => {
+      b(e) ? r.value = [...e] : r.value = [];
     });
-    const C = () => s.value.map((e) => {
-      const r = m.value.includes(e.value);
-      return v(B, {
+    const S = () => s.value.map((e) => {
+      const t = i.value.includes(e.value);
+      return v(D, {
         key: `${typeof e.value}-${String(e.value)}`,
         value: e.value,
-        disabled: e.disabled || !r && o.value,
+        disabled: e.disabled || !t && c.value,
         indeterminate: e.indeterminate
       }, {
         default: () => [l.label ? l.label({
           data: e
-        }) : D(e.label) ? e.label() : e.label]
+        }) : P(e.label) ? e.label() : e.label]
       });
     });
     return () => {
       var e;
-      return v("span", {
-        class: z.value
-      }, [s.value.length > 0 ? C() : (e = l.default) == null ? void 0 : e.call(l)]);
+      return v("span", _(z.value, {
+        role: "group",
+        class: V.value
+      }), [s.value.length > 0 ? S() : (e = l.default) == null ? void 0 : e.call(l)]);
     };
   }
 });
 export {
-  L as default
+  W as default
 };

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

@@ -1,18 +1,18 @@
-import { defineComponent as ie, toRefs as se, ref as h, computed as r, watch as ce, createVNode as i, mergeProps as z, createTextVNode as de, nextTick as fe } from "vue";
+import { defineComponent as ce, toRefs as de, ref as h, computed as r, watch as fe, createVNode as i, mergeProps as F, createTextVNode as me, nextTick as ve } from "vue";
 import { INPUT_EVENTS as R } from "../../_utils/constant.js";
-import me from "../_components/feedback-icon/index.vue.js";
-import { Enter as ve } from "../../_utils/keycode.js";
-import pe from "../_components/icon-hover/index.vue.js";
-import he from "../../icons/default/close.js";
+import pe from "../_components/feedback-icon/index.vue.js";
+import { Enter as he } from "../../_utils/keycode.js";
+import ge from "../_components/icon-hover/index.vue.js";
+import ye from "../../icons/default/close.js";
 import { omit as j } from "../../_utils/omit.js";
-import ge from "../../_utils/pick.js";
-import { isUndefined as ye, isNull as xe, isObject as F, isFunction as Ce } from "../../_utils/is.js";
-import { useFormItem as be } from "../../_hooks/use-form-item.js";
-import { useLocale as Le } from "../../locale/index.js";
-import { useSize as we } from "../../_hooks/use-size.js";
-import { useCursor as Be } from "../../_hooks/use-cursor.js";
-import { getClassNameMixin as Ve } from "../../_utils/config.js";
-const Pe = /* @__PURE__ */ ie({
+import xe from "../../_utils/pick.js";
+import { isUndefined as Ce, isNull as be, isObject as z, isFunction as Le } from "../../_utils/is.js";
+import { useFormItem as we, useFormItemControl as Be } from "../../_hooks/use-form-item.js";
+import { useLocale as Ie } from "../../locale/index.js";
+import { useSize as Ve } from "../../_hooks/use-size.js";
+import { useCursor as Se } from "../../_hooks/use-cursor.js";
+import { getClassNameMixin as ke } from "../../_utils/config.js";
+const Ke = /* @__PURE__ */ ce({
   name: "Input",
   inheritAttrs: !1,
   props: {
@@ -191,143 +191,147 @@ const Pe = /* @__PURE__ */ ie({
       disabled: P,
       error: W,
       modelValue: H
-    } = se(t), a = Ve("input"), d = h(), {
-      mergedSize: K,
+    } = de(t), l = ke("input"), d = h(), {
+      formItemCtx: K,
+      mergedSize: U,
       mergedDisabled: g,
-      mergedError: U,
+      mergedError: $,
       feedback: y,
       eventHandlers: v
-    } = be({
+    } = we({
       size: D,
       disabled: P,
       error: W
     }), {
-      t: $
-    } = Le(), {
+      t: q
+    } = Ie(), {
       mergedSize: N
-    } = we(K), [q, G] = Be(d), w = h(t.defaultValue), c = r(() => t.modelValue ?? w.value);
-    ce(H, (e) => {
-      (ye(e) || xe(e)) && (w.value = "");
+    } = Ve(U), [G, J] = Se(d), w = h(t.defaultValue), c = r(() => t.modelValue ?? w.value);
+    fe(H, (e) => {
+      (Ce(e) || be(e)) && (w.value = "");
     });
     let B = c.value;
-    const V = h(!1), J = r(() => t.allowClear && !t.readonly && !g.value && !!c.value), x = h(!1), T = h(""), p = (e) => Ce(t.wordLength) ? t.wordLength(e) : e.length ?? 0, C = r(() => p(c.value)), A = r(() => U.value || !!(F(t.maxLength) && t.maxLength.errorOnly && C.value > o.value)), I = r(() => F(t.maxLength) && !!t.maxLength.errorOnly), o = r(() => F(t.maxLength) ? t.maxLength.length : t.maxLength), Q = r(() => {
+    const I = h(!1), Q = r(() => t.allowClear && !t.readonly && !g.value && !!c.value), x = h(!1), A = h(""), p = (e) => Le(t.wordLength) ? t.wordLength(e) : e.length ?? 0, C = r(() => p(c.value)), T = r(() => $.value || !!(z(t.maxLength) && t.maxLength.errorOnly && C.value > o.value)), V = r(() => z(t.maxLength) && !!t.maxLength.errorOnly), o = r(() => z(t.maxLength) ? t.maxLength.length : t.maxLength), X = r(() => {
       const e = p("a");
       return Math.floor(o.value / e);
     }), S = (e) => {
       var n;
-      o.value && !I.value && p(e) > o.value && (e = ((n = t.wordSlice) == null ? void 0 : n.call(t, e, o.value)) ?? e.slice(0, Q.value)), w.value = e, s("update:modelValue", e);
-    }, X = (e) => {
+      o.value && !V.value && p(e) > o.value && (e = ((n = t.wordSlice) == null ? void 0 : n.call(t, e, o.value)) ?? e.slice(0, X.value)), w.value = e, s("update:modelValue", e);
+    }, Y = (e) => {
       d.value && e.target !== d.value && (e.preventDefault(), d.value.focus());
     }, k = (e, n) => {
-      var l, f;
-      e !== B && (B = e, s("change", e, n), (f = (l = v.value) == null ? void 0 : l.onChange) == null || f.call(l, n));
-    }, Y = (e) => {
-      var n, l;
-      V.value = !0, B = c.value, s("focus", e), (l = (n = v.value) == null ? void 0 : n.onFocus) == null || l.call(n, e);
+      var a, f;
+      e !== B && (B = e, s("change", e, n), (f = (a = v.value) == null ? void 0 : a.onChange) == null || f.call(a, n));
     }, Z = (e) => {
-      var n, l;
-      V.value = !1, k(c.value, e), s("blur", e), (l = (n = v.value) == null ? void 0 : n.onBlur) == null || l.call(n, e);
+      var n, a;
+      I.value = !0, B = c.value, s("focus", e), (a = (n = v.value) == null ? void 0 : n.onFocus) == null || a.call(n, e);
+    }, ee = (e) => {
+      var n, a;
+      I.value = !1, k(c.value, e), s("blur", e), (a = (n = v.value) == null ? void 0 : n.onBlur) == null || a.call(n, e);
     }, E = (e) => {
       var L, O;
       const {
         value: n,
-        selectionStart: l,
+        selectionStart: a,
         selectionEnd: f
       } = e.target;
       if (e.type === "compositionend") {
-        if (x.value = !1, T.value = "", o.value && !I.value && C.value >= o.value && p(n) > o.value && l === f) {
+        if (x.value = !1, A.value = "", o.value && !V.value && C.value >= o.value && p(n) > o.value && a === f) {
           b();
           return;
         }
         S(n), s("input", n, e), (O = (L = v.value) == null ? void 0 : L.onInput) == null || O.call(L, e), b();
       } else
-        x.value = !0, T.value = c.value + (e.data ?? "");
+        x.value = !0, A.value = c.value + (e.data ?? "");
     }, b = () => {
-      q(), fe(() => {
-        d.value && c.value !== d.value.value && (d.value.value = c.value, G());
+      G(), ve(() => {
+        d.value && c.value !== d.value.value && (d.value.value = c.value, J());
       });
-    }, ee = (e) => {
-      var l, f;
+    }, te = (e) => {
+      var a, f;
       const {
         value: n
       } = e.target;
       if (!x.value) {
-        if (o.value && !I.value && C.value >= o.value && p(n) > o.value && e.inputType === "insertText") {
+        if (o.value && !V.value && C.value >= o.value && p(n) > o.value && e.inputType === "insertText") {
           b();
           return;
         }
-        S(n), s("input", n, e), (f = (l = v.value) == null ? void 0 : l.onInput) == null || f.call(l, e), b();
+        S(n), s("input", n, e), (f = (a = v.value) == null ? void 0 : a.onInput) == null || f.call(a, e), b();
       }
-    }, te = (e) => {
-      S(""), k("", e), s("clear", e);
     }, ne = (e) => {
+      var n, a;
+      S(""), k("", e), (a = (n = v.value) == null ? void 0 : n.onInput) == null || a.call(n, e), s("clear", e);
+    }, ae = (e) => {
       const n = e.key || e.code;
-      !x.value && n === ve.key && (k(c.value, e), s("pressEnter", e));
-    }, M = r(() => j(j(m, R), ["class", "style"])), ae = r(() => ge(m, R)), le = r(() => [a.element("outer"), m.class, a.element(`outer-size-${N.value}`), {
-      [a.element("outer-has-suffix")]: !!u.suffix,
-      [a.element("outer-disabled")]: g.value
-    }]), ue = (e) => [a.element("wrapper"), !e && m.class, {
-      [a.modifier("error")]: A.value,
-      [a.modifier("disabled")]: g.value,
-      [a.modifier("focus")]: V.value
-    }], oe = r(() => [a.block, a.modifier(`size-${N.value}`)]), re = r(() => {
+      !x.value && n === he.key && (k(c.value, e), s("pressEnter", e));
+    }, M = r(() => j(j(m, R), ["class", "style"])), le = r(() => xe(m, R)), ue = r(() => [l.element("outer"), m.class, l.element(`outer-size-${N.value}`), {
+      [l.element("outer-has-suffix")]: !!u.suffix,
+      [l.element("outer-disabled")]: g.value
+    }]), oe = (e) => [l.element("wrapper"), !e && m.class, {
+      [l.modifier("error")]: T.value,
+      [l.modifier("disabled")]: g.value,
+      [l.modifier("focus")]: I.value
+    }], re = r(() => [l.block, l.modifier(`size-${N.value}`)]), ie = Be(K, () => ({
+      ...le.value,
+      ...t.inputAttrs
+    })), se = r(() => {
       const e = {
-        ...ae.value,
-        ...t.inputAttrs
+        ...ie.value
       };
-      return A.value && (e["aria-invalid"] = !0), e;
+      return T.value && (e["aria-invalid"] = !0), e;
     }), _ = (e) => {
       var n;
-      return i("span", z({
-        class: ue(e),
+      return i("span", F({
+        class: oe(e),
         style: e ? void 0 : m.style,
-        onMousedown: X
+        onMousedown: Y
       }, e ? void 0 : M.value), [u.prefix && i("span", {
-        class: a.element("prefix")
-      }, [u.prefix()]), i("input", z({
+        class: l.element("prefix")
+      }, [u.prefix()]), i("input", F({
         ref: d,
-        class: oe.value,
+        class: re.value,
         value: c.value,
         type: t.type,
         placeholder: t.placeholder,
         readonly: t.readonly,
         disabled: g.value,
-        onInput: ee,
-        onKeydown: ne,
-        onFocus: Y,
-        onBlur: Z,
+        onInput: te,
+        onKeydown: ae,
+        onFocus: Z,
+        onBlur: ee,
         onCompositionstart: E,
         onCompositionupdate: E,
         onCompositionend: E
-      }, re.value), null), J.value && i(pe, {
+      }, se.value), null), Q.value && i(ge, {
         as: "button",
-        "aria-label": $("common.clearTarget", {
+        "aria-label": q("common.clearTarget", {
           target: "输入"
         }),
         prefix: "x-input",
-        class: a.element("clear-btn"),
-        onClick: te
+        class: l.element("clear-btn"),
+        onClick: ne
       }, {
-        default: () => [i(he, null, null)]
+        default: () => [i(ye, null, null)]
       }), (u.suffix || !!t.maxLength && t.showWordLimit || !!y.value) && i("span", {
-        class: [a.element("suffix"), {
-          [a.element("suffix-has-feedback")]: y.value
+        class: [l.element("suffix"), {
+          [l.element("suffix-has-feedback")]: y.value
         }]
       }, [!!t.maxLength && t.showWordLimit && i("span", {
-        class: a.element("word-limit")
-      }, [C.value, de("/"), o.value]), (n = u.suffix) == null ? void 0 : n.call(u), !!y.value && i(me, {
+        class: l.element("word-limit")
+      }, [C.value, me("/"), o.value]), (n = u.suffix) == null ? void 0 : n.call(u), !!y.value && i(pe, {
         type: y.value
       }, null)])]);
     };
     return {
       inputRef: d,
-      render: () => u.prepend || u.append ? i("span", z({
-        class: le.value,
+      render: () => u.prepend || u.append ? i("span", F({
+        class: ue.value,
         style: m.style
       }, M.value), [u.prepend && i("span", {
-        class: a.element("prepend")
+        class: l.element("prepend")
       }, [u.prepend()]), _(!0), u.append && i("span", {
-        class: a.element("append")
+        class: l.element("append")
       }, [u.append()])]) : _()
     };
   },
@@ -356,5 +360,5 @@ const Pe = /* @__PURE__ */ ie({
   }
 });
 export {
-  Pe as default
+  Ke as default
 };

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

@@ -1,13 +1,14 @@
-import u from "./InputPassword.vue2.js";
-import { resolveComponent as s, openBlock as i, createBlock as t, createSlots as m, withCtx as o, renderSlot as p, withModifiers as r, createCommentVNode as v } from "vue";
-import y from "../../_virtual/_plugin-vue_export-helper.js";
-function $(e, n, b, k, w, c) {
-  const l = s("icon-eye"), d = s("icon-eye-invisible"), a = s("icon-hover"), f = s("x-input");
-  return i(), t(f, {
+import m from "./InputPassword.vue2.js";
+import { resolveComponent as n, openBlock as i, createBlock as r, createSlots as u, withCtx as o, renderSlot as p, withModifiers as d, createCommentVNode as b } from "vue";
+import v from "../../_virtual/_plugin-vue_export-helper.js";
+function y(e, s, $, k, w, g) {
+  const t = n("icon-eye"), l = n("icon-eye-invisible"), a = n("icon-hover"), f = n("x-input");
+  return i(), r(f, {
     ref: "inputRef",
     class: "x-input-password",
-    type: e.mergedVisible ? "text" : "password"
-  }, m({ _: 2 }, [
+    type: e.mergedVisible ? "text" : "password",
+    disabled: e.mergedDisabled
+  }, u({ _: 2 }, [
     e.$slots.prepend ? {
       name: "prepend",
       fn: o(() => [
@@ -25,21 +26,23 @@ function $(e, n, b, k, w, c) {
     e.invisibleButton || e.$slots.suffix ? {
       name: "suffix",
       fn: o(() => [
-        e.invisibleButton ? (i(), t(a, {
+        e.invisibleButton ? (i(), r(a, {
           key: 0,
           as: "button",
           "aria-label": e.mergedVisible ? e.t("input.hidePassword") : e.t("input.showPassword"),
+          disabled: e.mergedDisabled,
+          "aria-pressed": e.mergedVisible,
           onClick: e.handleInvisible,
-          onMousedown: n[0] || (n[0] = r(() => {
+          onMousedown: s[0] || (s[0] = d(() => {
           }, ["prevent"])),
-          onMouseup: n[1] || (n[1] = r(() => {
+          onMouseup: s[1] || (s[1] = d(() => {
           }, ["prevent"]))
         }, {
           default: o(() => [
-            e.mergedVisible ? (i(), t(d, { key: 1 })) : (i(), t(l, { key: 0 }))
+            e.mergedVisible ? (i(), r(l, { key: 1 })) : (i(), r(t, { key: 0 }))
           ]),
           _: 1
-        }, 8, ["aria-label", "onClick"])) : v("", !0),
+        }, 8, ["aria-label", "disabled", "aria-pressed", "onClick"])) : b("", !0),
         p(e.$slots, "suffix")
       ]),
       key: "2"
@@ -51,9 +54,9 @@ function $(e, n, b, k, w, c) {
       ]),
       key: "3"
     } : void 0
-  ]), 1032, ["type"]);
+  ]), 1032, ["type", "disabled"]);
 }
-const V = /* @__PURE__ */ y(u, [["render", $]]);
+const B = /* @__PURE__ */ v(m, [["render", y]]);
 export {
-  V as default
+  B as default
 };