hys-ui 0.4.0 → 0.6.0

package/dist/components/HysInput/HysInput2.vue.js

@@ -1,26 +1,27 @@
-import { defineComponent as Fe, inject as Ce, useAttrs as Ne, ref as j, useId as ee, computed as c, watch as T, onMounted as qe, onActivated as He, onDeactivated as We, onBeforeUnmount as Ue, openBlock as s, createElementBlock as w, mergeProps as Le, unref as n, toDisplayString as W, createCommentVNode as g, createElementVNode as te, normalizeClass as U, renderSlot as C, createBlock as A, resolveDynamicComponent as G, withKeys as Xe, isRef as Je, withModifiers as Be, createTextVNode as Ie, nextTick as ae } from "vue";
-import { X as Qe, EyeOff as Ye, Eye as Ze } from "lucide-vue-next";
-import { useHysControlState as _e, fieldKey as et, formKey as tt } from "../../composables/formContext.js";
-import { useHysRootAttrs as at } from "../../config.js";
-import { textLengthLimit as Ee, textCount as Se, textLimit as ot } from "../../composables/textInput.js";
-import { useTextareaSize as nt } from "../../composables/useTextareaSize.js";
-const ut = ["for"], it = {
+import { defineComponent as Je, inject as $e, useAttrs as Qe, ref as z, useId as ie, computed as r, watch as G, onMounted as Ye, onActivated as Ze, onDeactivated as _e, onBeforeUnmount as et, openBlock as f, createElementBlock as w, mergeProps as Oe, unref as n, toDisplayString as I, createCommentVNode as x, createElementVNode as se, normalizeClass as Q, renderSlot as E, createTextVNode as Y, createBlock as N, resolveDynamicComponent as K, isRef as tt, withModifiers as Ae, nextTick as re } from "vue";
+import { X as at, EyeOff as ot, Eye as nt } from "lucide-vue-next";
+import { useHysControlState as lt, fieldKey as ut, formKey as it } from "../../composables/formContext.js";
+import { useHysRootAttrs as st } from "../../config.js";
+import { textLengthLimit as je, textCount as Re, textInputSize as rt, textLimit as dt, modelText as vt } from "../../composables/textInput.js";
+import { useTextareaSize as ct } from "../../composables/useTextareaSize.js";
+const ft = ["data-hys-ui-validate-event"], mt = ["for"], pt = {
   key: 0,
   class: "hys-ui-input-addon"
-}, lt = {
+}, yt = {
   key: 0,
   class: "hys-ui-input-affix hys-ui-input-prefix"
-}, st = { class: "hys-ui-input-trailing" }, rt = ["aria-label", "aria-pressed", "disabled"], dt = {
+}, ht = { class: "hys-ui-input-trailing" }, bt = ["aria-label", "aria-pressed", "disabled"], wt = {
   key: 2,
   class: "hys-ui-input-affix"
-}, ct = ["id"], vt = {
+}, gt = ["id"], xt = {
   key: 1,
   class: "hys-ui-input-addon"
-}, pt = ["name", "value", "disabled"], ft = ["id"], ht = ["id"], Pt = /* @__PURE__ */ Fe({
+}, Pt = ["name", "form", "value", "disabled"], Bt = ["id"], Vt = ["id"], It = /* @__PURE__ */ Je({
   inheritAttrs: !1,
   __name: "HysInput",
   props: {
     modelValue: {},
+    modelModifiers: {},
     defaultValue: {},
     placeholder: {},
     type: { default: "text" },
@@ -30,7 +31,10 @@ const ut = ["for"], it = {
     ariaLabel: {},
     error: {},
     status: {},
-    clearable: { type: Boolean },
+    clearable: { type: Boolean, default: void 0 },
+    allowClear: { type: Boolean },
+    addonBefore: {},
+    addonAfter: {},
     clearIcon: {},
     prefixIcon: {},
     suffixIcon: {},
@@ -55,75 +59,93 @@ const ut = ["for"], it = {
     autosize: { type: [Boolean, Object] },
     resize: { default: "vertical" },
     inputProps: {},
+    inputStyle: { type: [Boolean, null, String, Object, Array] },
+    inputmode: {},
+    tabindex: {},
+    form: {},
+    validateEvent: { type: Boolean, default: !0 },
     autofocus: { type: Boolean },
     selectOnFocus: { type: Boolean },
     bordered: { type: Boolean, default: !0 },
     round: { type: Boolean }
   },
-  emits: ["update:modelValue", "input", "change", "clear", "focus", "blur", "pressEnter", "compositionstart", "compositionupdate", "compositionend", "update:passwordVisible", "passwordVisibleChange"],
-  setup(o, { expose: ze, emit: $e }) {
-    const a = o, p = $e, { disabled: r, size: oe } = _e(a), v = Ce(et, void 0), X = Ce(tt, void 0), Me = at(), I = Ne(), i = j(), ne = ee(), Oe = ee(), J = ee(), ue = j(String(a.defaultValue ?? "")), l = c(
-      () => a.modelValue === void 0 ? ue.value : String(a.modelValue ?? "")
-    ), f = j(!1), K = j(""), E = j(a.defaultPasswordVisible), L = c(
-      () => a.passwordVisible ?? E.value ?? !1
-    ), B = c(() => a.type === "textarea"), m = c(() => Ee(a.maxlength)), D = c(() => Ee(a.minlength)), S = c(() => Se(l.value, a.countGraphemes)), Q = c(
-      () => m.value !== void 0 && S.value > m.value
-    ), ie = c(
+  emits: ["update:modelValue", "input", "change", "clear", "focus", "blur", "pressEnter", "keydown", "mouseenter", "mouseleave", "compositionstart", "compositionupdate", "compositionend", "update:passwordVisible", "passwordVisibleChange"],
+  setup(o, { expose: Te, emit: De }) {
+    const t = o, d = De, { disabled: v, size: de } = lt({
+      get disabled() {
+        return t.disabled;
+      },
+      get size() {
+        return rt(t.size);
+      }
+    }), u = $e(ut, void 0), Z = $e(it, void 0), Fe = st(), S = Qe(), s = z(), ve = ie(), Ge = ie(), _ = ie(), ce = z(String(t.defaultValue ?? "")), m = r(
+      () => t.modelValue === void 0 ? ce.value : String(t.modelValue ?? "")
+    ), p = z(!1), q = z(""), L = z(), M = z(t.defaultPasswordVisible), k = r(
+      () => t.passwordVisible ?? M.value ?? !1
+    ), C = r(() => t.type === "textarea"), b = r(() => je(t.maxlength)), H = r(() => je(t.minlength)), $ = r(() => L.value ?? m.value), O = r(() => Re($.value, t.countGraphemes)), ee = r(
+      () => b.value !== void 0 && O.value > b.value
+    ), fe = r(
       () => {
         var e;
-        return !!(a.error || (e = v == null ? void 0 : v.invalid) != null && e.value || v != null && v.error.value || a.status === "error" || Q.value);
+        return !!(t.error || (e = u == null ? void 0 : u.invalid) != null && e.value || u != null && u.error.value || t.status === "error" || ee.value);
       }
-    ), le = c(
+    ), me = r(
       () => {
         var e;
-        return ie.value ? "error" : a.status ?? ((e = v == null ? void 0 : v.status) == null ? void 0 : e.value);
+        return fe.value ? "error" : t.status ?? ((e = u == null ? void 0 : u.status) == null ? void 0 : e.value);
       }
-    ), se = c(
+    ), pe = r(
       () => {
         var e;
-        return I.id || ((e = a.inputProps) == null ? void 0 : e.id) || (v == null ? void 0 : v.id.value) || (a.label ? Oe : void 0);
+        return S.id || ((e = t.inputProps) == null ? void 0 : e.id) || (u == null ? void 0 : u.id.value) || (t.label ? Ge : void 0);
       }
-    ), Y = c(() => !!(a.showCount || a.showWordLimit)), re = c(
-      () => (a.wordLimitPosition ?? a.countPosition) === "outside"
-    ), F = c(
-      () => !!(a.countGraphemes || a.formatter || a.parser)
-    ), de = c(
-      () => !!(a.formatter || a.parser) && !!a.name
-    ), ce = c(() => {
+    ), te = r(() => !!(t.showCount || t.showWordLimit)), ye = r(
+      () => (t.wordLimitPosition ?? t.countPosition) === "outside"
+    ), W = r(
+      () => !!(t.countGraphemes || t.formatter || t.parser)
+    ), ae = r(() => {
+      var e;
+      return t.name ?? ((e = t.inputProps) == null ? void 0 : e.name);
+    }), he = r(() => {
+      var e;
+      return t.form ?? ((e = t.inputProps) == null ? void 0 : e.form);
+    }), be = r(
+      () => !!(t.formatter || t.parser) && !!ae.value
+    ), we = r(() => {
       try {
-        if (typeof a.showCount == "object")
-          return a.showCount.formatter({
-            value: l.value,
-            count: S.value,
-            maxLength: m.value
+        if (typeof t.showCount == "object")
+          return t.showCount.formatter({
+            value: $.value,
+            count: O.value,
+            maxLength: b.value
           });
       } catch {
       }
-      return String(S.value) + (m.value === void 0 ? "" : " / " + m.value);
+      return String(O.value) + (b.value === void 0 ? "" : " / " + b.value);
     });
-    let k = !0, N = 0, z, ve = "", x, $, M = l.value;
-    function Z(e, t = !1, u = e) {
+    let B = !0, U = 0, A, ge = "", P, j, R = m.value;
+    function oe(e, a = !1, l = e) {
       try {
-        return a.formatter ? String(a.formatter(e, { userTyping: t, input: u })) : e;
+        return t.formatter ? String(t.formatter(e, { userTyping: a, input: l })) : e;
       } catch {
         return e;
       }
     }
-    function _(e) {
-      const t = a.parser ? a.parser(e) : e;
-      if (typeof t != "string" && (typeof t != "number" || !Number.isFinite(t)))
+    function ne(e) {
+      const a = t.parser ? t.parser(e) : e;
+      if (typeof a != "string" && (typeof a != "number" || !Number.isFinite(a)))
         throw Error("Invalid input parser result");
-      return String(t);
+      return String(a);
     }
-    function q(e) {
-      K.value = e, ve = e, i.value && i.value.value !== e && (i.value.value = e);
+    function X(e) {
+      q.value = e, ge = e, s.value && s.value.value !== e && (s.value.value = e);
     }
-    function P() {
-      q(Z(l.value));
+    function V() {
+      L.value = void 0, X(oe(m.value));
     }
-    function Re() {
+    function Ne() {
       return Object.fromEntries(
-        Object.entries({ ...a.inputProps, ...I }).filter(
+        Object.entries({ ...t.inputProps, ...S }).filter(
           ([e]) => ![
             "class",
             "style",
@@ -135,372 +157,403 @@ const ut = ["for"], it = {
         )
       );
     }
-    function O() {
-      const e = i.value;
+    function T() {
+      const e = s.value;
       if (!e) return;
-      const t = Se(l.value, a.countGraphemes);
+      const a = Re(m.value, t.countGraphemes);
       e.setCustomValidity(
-        F.value && l.value && D.value !== void 0 && t < D.value ? "请至少输入 " + D.value + " 个字符" : F.value && m.value !== void 0 && t > m.value ? "请最多输入 " + m.value + " 个字符" : ""
+        W.value && m.value && H.value !== void 0 && a < H.value ? "请至少输入 " + H.value + " 个字符" : W.value && b.value !== void 0 && a > b.value ? "请最多输入 " + b.value + " 个字符" : ""
       );
     }
-    function pe(e) {
-      const t = ++N;
-      z = e, a.modelValue === void 0 && (ue.value = e), p("update:modelValue", e), p("input", e), ae(() => {
-        t !== N || !k || (l.value !== e && P(), z = void 0, O());
+    function le(e, a = !0) {
+      var i;
+      const l = ++U, c = vt(e, t.modelModifiers), y = t.validateEvent || (i = u == null ? void 0 : u.deferChangeValidation) == null ? void 0 : i.call(u);
+      A = c, t.modelValue === void 0 && (ce.value = c), d("update:modelValue", e), a && d("input", e), re(() => {
+        y == null || y(), !(l !== U || !B) && (m.value !== c && V(), A = void 0, T());
       });
     }
-    function je(e, t, u) {
-      if (!a.parser)
+    function Ke(e, a, l) {
+      if (!t.parser)
         return Math.max(
           0,
           Math.min(
-            t.length,
-            t.length - (e.length - u)
+            a.length,
+            a.length - (e.length - l)
           )
         );
       try {
-        const h = _(e.slice(0, u)).length;
-        if (!h)
-          return Math.max(0, t.length - (e.length - u));
-        let d = 0, y = t.length;
-        for (; d < y; ) {
-          const V = Math.floor((d + y) / 2);
-          _(t.slice(0, V)).length >= h ? y = V : d = V + 1;
+        const c = ne(e.slice(0, l)).length;
+        if (!c)
+          return Math.max(0, a.length - (e.length - l));
+        let y = 0, i = a.length;
+        for (; y < i; ) {
+          const h = Math.floor((y + i) / 2);
+          ne(a.slice(0, h)).length >= c ? i = h : y = h + 1;
         }
-        return d;
+        return y;
       } catch {
-        return Math.min(u, t.length);
+        return Math.min(l, a.length);
       }
     }
-    function fe(e) {
-      const t = e.target;
-      if (!k || r.value || a.readonly) {
-        P();
+    function xe(e) {
+      var y;
+      const a = e.target;
+      if (!B || v.value || t.readonly) {
+        V();
         return;
       }
-      if (f.value) {
-        K.value = t.value;
+      if (p.value) {
+        q.value = a.value;
         return;
       }
-      if (x !== void 0) {
-        const d = x === t.value;
-        if (x = void 0, d) return;
+      if (P !== void 0) {
+        const i = P === a.value;
+        if (P = void 0, i) return;
       }
-      const u = t.value, h = t.selectionStart;
+      const l = a.value, c = a.selectionStart;
       try {
-        const d = ot(
-          _(u),
-          m.value,
-          a.countGraphemes
+        const i = dt(
+          ne(l),
+          b.value,
+          t.countGraphemes
         );
-        if (a.allowInput && !a.allowInput(d))
+        if (t.allowInput && !t.allowInput(i))
           throw Error("Rejected input");
-        const y = Z(d, !0, u);
-        if (q(y), h !== null && y !== u)
+        const h = oe(i, !0, l);
+        if (X(h), c !== null && h !== l)
           try {
-            const V = je(u, y, h);
-            t.setSelectionRange(V, V);
+            const F = Ke(l, h, c);
+            a.setSelectionRange(F, F);
           } catch {
           }
-        pe(d);
+        (y = t.modelModifiers) != null && y.lazy ? (L.value = i, d("input", i)) : le(i);
       } catch {
-        const d = ve;
-        if (q(d), h !== null)
+        const i = ge;
+        if (X(i), c !== null)
           try {
-            const y = Math.max(
+            const h = Math.max(
               0,
-              h - (u.length - d.length)
+              c - (l.length - i.length)
             );
-            t.setSelectionRange(y, y);
+            a.setSelectionRange(h, h);
           } catch {
           }
       }
     }
-    function he() {
+    function Pe() {
       var e;
-      !k || r.value || a.readonly || (f.value = !1, x = void 0, q(Z("")), pe(""), M = "", p("change", ""), p("clear"), (e = i.value) == null || e.focus());
+      !B || v.value || t.readonly || (p.value = !1, P = void 0, L.value = void 0, X(oe("")), le(""), R = "", d("change", ""), d("clear"), (e = s.value) == null || e.focus());
+    }
+    async function ue() {
+      if (!(!B || v.value || t.readonly || p.value)) {
+        if (L.value !== void 0) {
+          const e = L.value;
+          L.value = void 0, le(e, !1);
+        }
+        await re(), !(!B || v.value || t.readonly || p.value) && (V(), T(), R !== m.value && (R = m.value, d("change", m.value)));
+      }
     }
-    async function ye() {
-      await ae(), !(!k || r.value || a.readonly || f.value) && (P(), O(), M !== l.value && (M = l.value, p("change", l.value)));
+    function qe(e) {
+      d("keydown", e), !(e.key !== "Enter" || e.defaultPrevented || e.isComposing || p.value || e.keyCode === 229) && (C.value || ue(), d("pressEnter", e));
     }
-    function Te(e) {
-      var t;
-      f.value && (f.value = !1, p("compositionend", e), fe(e), x = (t = i.value) == null ? void 0 : t.value);
+    function He(e) {
+      var a;
+      p.value && (p.value = !1, d("compositionend", e), xe(e), P = (a = s.value) == null ? void 0 : a.value);
     }
-    function H(e) {
-      r.value || !k || (a.passwordVisible === void 0 && (E.value = e), p("update:passwordVisible", e), p("passwordVisibleChange", e));
+    function J(e) {
+      v.value || !B || (t.passwordVisible === void 0 && (M.value = e), d("update:passwordVisible", e), d("passwordVisibleChange", e));
     }
-    async function Ae() {
-      if (r.value || a.showPasswordOn === "mousedown") return;
-      const e = i.value, t = e == null ? void 0 : e.selectionStart, u = e == null ? void 0 : e.selectionEnd;
-      if (H(!L.value), await ae(), !(!k || r.value) && (e == null || e.focus({ preventScroll: !0 }), t != null && u != null))
+    async function We() {
+      if (v.value || t.showPasswordOn === "mousedown") return;
+      const e = s.value, a = e == null ? void 0 : e.selectionStart, l = e == null ? void 0 : e.selectionEnd;
+      if (J(!k.value), await re(), !(!B || v.value) && (e == null || e.focus({ preventScroll: !0 }), a != null && l != null))
         try {
-          e == null || e.setSelectionRange(t, u);
+          e == null || e.setSelectionRange(a, l);
         } catch {
         }
     }
-    function R() {
-      $ == null || $(), $ = void 0;
+    function D() {
+      j == null || j(), j = void 0;
     }
-    function Ge(e) {
-      if (e.button !== 0 || a.showPasswordOn !== "mousedown" || r.value)
+    function Ue(e) {
+      if (e.button !== 0 || t.showPasswordOn !== "mousedown" || v.value)
         return;
-      e.preventDefault(), R(), H(!0);
-      const t = () => {
-        H(!1), R();
+      e.preventDefault(), D(), J(!0);
+      const a = () => {
+        J(!1), D();
       };
-      document.addEventListener("pointerup", t, !0), document.addEventListener("pointercancel", t, !0), window.addEventListener("blur", t), $ = () => {
-        document.removeEventListener("pointerup", t, !0), document.removeEventListener("pointercancel", t, !0), window.removeEventListener("blur", t);
+      document.addEventListener("pointerup", a, !0), document.addEventListener("pointercancel", a, !0), window.addEventListener("blur", a), j = () => {
+        document.removeEventListener("pointerup", a, !0), document.removeEventListener("pointercancel", a, !0), window.removeEventListener("blur", a);
       };
     }
-    function Ke(e) {
-      a.showPasswordOn === "mousedown" && [" ", "Enter"].includes(e.key) && (e.preventDefault(), H(!L.value));
+    function Xe(e) {
+      t.showPasswordOn === "mousedown" && [" ", "Enter"].includes(e.key) && (e.preventDefault(), J(!k.value));
     }
-    const De = nt(i, a, oe, K);
-    function me() {
-      R(), k = !1, N++, z = void 0, f.value = !1, x = void 0, E.value = !1, P();
+    const { resize: Be, textareaStyle: Ve } = ct(s, t, de, q);
+    function ke() {
+      D(), B = !1, U++, A = void 0, p.value = !1, P = void 0, M.value = !1, V();
     }
-    return T(
-      l,
+    return G(
+      m,
       () => {
-        z !== l.value && (f.value = !1, P(), M = l.value), O();
+        A !== m.value && (p.value = !1, V(), R = m.value), T();
       },
       { flush: "sync" }
-    ), T(
-      () => [a.formatter, a.parser, a.type],
+    ), G(
+      () => {
+        var e;
+        return [t.formatter, t.parser, t.type, (e = t.modelModifiers) == null ? void 0 : e.lazy];
+      },
       () => {
-        f.value = !1, P(), R(), E.value = !1;
+        p.value = !1, V(), D(), M.value = !1;
       }
-    ), T(
-      () => [r.value, a.readonly],
+    ), G(
+      () => [v.value, t.readonly],
       () => {
-        (r.value || a.readonly) && (R(), E.value = !1, f.value = !1, P());
+        (v.value || t.readonly) && (D(), M.value = !1, p.value = !1, V());
       }
-    ), T(
-      () => [a.countGraphemes, a.maxlength, a.minlength],
-      O
-    ), T(
-      () => X == null ? void 0 : X.resetting.value,
+    ), G(
+      () => [t.countGraphemes, t.maxlength, t.minlength],
+      T
+    ), G(
+      () => Z == null ? void 0 : Z.resetting.value,
       (e) => {
-        e && (N++, z = void 0, f.value = !1, x = void 0, P(), M = l.value);
+        e && (U++, A = void 0, p.value = !1, P = void 0, V(), R = m.value);
       },
       { flush: "sync" }
-    ), qe(() => {
+    ), Ye(() => {
       var e;
-      P(), O(), a.autofocus && !r.value && ((e = i.value) == null || e.focus());
-    }), He(() => {
-      k = !0;
-    }), We(me), Ue(me), ze({
-      input: i,
-      textarea: c(
-        () => B.value ? i.value : void 0
+      V(), T(), t.autofocus && !v.value && ((e = s.value) == null || e.focus());
+    }), Ze(() => {
+      B = !0;
+    }), _e(ke), et(ke), Te({
+      element: s,
+      input: s,
+      textarea: r(
+        () => C.value ? s.value : void 0
       ),
-      isComposing: f,
+      isComposing: p,
+      passwordVisible: k,
+      textareaStyle: Ve,
       focus: (e) => {
-        var t;
-        r.value || (t = i.value) == null || t.focus(e);
+        var a;
+        v.value || (a = s.value) == null || a.focus(e);
       },
       blur: () => {
         var e;
-        return (e = i.value) == null ? void 0 : e.blur();
+        return (e = s.value) == null ? void 0 : e.blur();
       },
       select: () => {
         var e;
-        return (e = i.value) == null ? void 0 : e.select();
+        return (e = s.value) == null ? void 0 : e.select();
       },
-      clear: he,
-      resize: De,
-      setSelectionRange: (e, t, u) => {
-        var h;
+      clear: Pe,
+      resize: Be,
+      resizeTextarea: Be,
+      setSelectionRange: (e, a, l) => {
+        var c;
         try {
-          (h = i.value) == null || h.setSelectionRange(e, t, u);
+          (c = s.value) == null || c.setSelectionRange(e, a, l);
         } catch {
         }
       },
       scrollTo: (e) => {
-        var t;
-        return (t = i.value) == null ? void 0 : t.scrollTo(e);
+        var a;
+        return (a = s.value) == null ? void 0 : a.scrollTo(e);
       }
-    }), (e, t) => {
-      var u, h, d, y, V, we, be, ge, xe, Pe, Ve;
-      return s(), w("div", Le(n(Me), {
+    }), (e, a) => {
+      var l, c, y, i, h, F, Ce, Ee, Le, Se, ze, Ie;
+      return f(), w("div", Oe(n(Fe), {
         class: ["hys-ui-input-wrap", [
-          n(I).class,
-          "hys-ui-input-" + n(oe),
-          { "hys-ui-input-disabled": n(r), "hys-ui-input-textarea": B.value }
+          n(S).class,
+          "hys-ui-input-" + n(de),
+          { "hys-ui-input-disabled": n(v), "hys-ui-input-textarea": C.value }
         ]],
-        style: n(I).style
+        style: n(S).style,
+        "data-hys-ui-validate-event": o.validateEvent ? void 0 : "off",
+        onMouseenter: a[6] || (a[6] = (g) => d("mouseenter", g)),
+        onMouseleave: a[7] || (a[7] = (g) => d("mouseleave", g))
       }), [
-        o.label ? (s(), w("label", {
+        o.label ? (f(), w("label", {
           key: 0,
           class: "hys-ui-input-label",
-          for: se.value
-        }, W(o.label), 9, ut)) : g("", !0),
-        te("div", {
-          class: U(["hys-ui-input-group", {
-            "hys-ui-input-has-prepend": e.$slots.prepend,
-            "hys-ui-input-has-append": e.$slots.append
+          for: pe.value
+        }, I(o.label), 9, mt)) : x("", !0),
+        se("div", {
+          class: Q(["hys-ui-input-group", {
+            "hys-ui-input-has-prepend": e.$slots.prepend || o.addonBefore,
+            "hys-ui-input-has-append": e.$slots.append || o.addonAfter
           }])
         }, [
-          e.$slots.prepend ? (s(), w("div", it, [
-            C(e.$slots, "prepend", {}, void 0, !0)
-          ])) : g("", !0),
-          te("div", {
-            class: U(["hys-ui-input-shell", [
-              le.value ? "hys-ui-input-shell-" + le.value : "",
+          e.$slots.prepend || o.addonBefore ? (f(), w("div", pt, [
+            E(e.$slots, "prepend", {}, () => [
+              Y(I(o.addonBefore), 1)
+            ], !0)
+          ])) : x("", !0),
+          se("div", {
+            class: Q(["hys-ui-input-shell", [
+              me.value ? "hys-ui-input-shell-" + me.value : "",
               { "hys-ui-input-borderless": !o.bordered, "hys-ui-input-round": o.round }
             ]])
           }, [
-            (s(), A(G(B.value ? "textarea" : "input"), Le({
+            (f(), N(K(C.value ? "textarea" : "input"), Oe({
               ref_key: "input",
-              ref: i
-            }, Re(), {
-              id: se.value,
+              ref: s
+            }, Ne(), {
+              id: pe.value,
               class: [
-                (u = o.inputProps) == null ? void 0 : u.class,
-                B.value ? "hys-ui-input hys-ui-ex-control" : "hys-ui-input"
+                (l = o.inputProps) == null ? void 0 : l.class,
+                C.value ? "hys-ui-input hys-ui-ex-control" : "hys-ui-input"
               ],
               "data-hys-ui-field-managed": "",
-              "aria-label": o.ariaLabel || n(I)["aria-label"] || ((h = n(v)) == null ? void 0 : h.label.value) || (o.label || (d = o.inputProps) == null ? void 0 : d["aria-label"]),
-              "aria-invalid": ie.value || void 0,
-              "aria-required": ((y = n(v)) == null ? void 0 : y.required.value) || ((V = o.inputProps) == null ? void 0 : V["aria-required"]),
+              "aria-label": o.ariaLabel || n(S)["aria-label"] || ((c = n(u)) == null ? void 0 : c.label.value) || (o.label || (y = o.inputProps) == null ? void 0 : y["aria-label"]),
+              "aria-invalid": fe.value || void 0,
+              "aria-required": ((i = n(u)) == null ? void 0 : i.required.value) || ((h = o.inputProps) == null ? void 0 : h["aria-required"]),
               "aria-describedby": [
-                o.error ? n(ne) : (we = n(v)) == null ? void 0 : we.describedBy.value,
-                n(I)["aria-describedby"] || ((be = o.inputProps) == null ? void 0 : be["aria-describedby"]),
-                Y.value ? n(J) : void 0
+                o.error ? n(ve) : (F = n(u)) == null ? void 0 : F.describedBy.value,
+                n(S)["aria-describedby"] || ((Ce = o.inputProps) == null ? void 0 : Ce["aria-describedby"]),
+                te.value ? n(_) : void 0
               ].filter(Boolean).join(" ") || void 0,
-              value: K.value,
-              placeholder: o.placeholder ?? ((ge = o.inputProps) == null ? void 0 : ge.placeholder),
-              type: B.value ? void 0 : o.showPassword && L.value && o.type === "password" ? "text" : o.type,
-              disabled: n(r),
+              value: q.value,
+              placeholder: o.placeholder ?? ((Ee = o.inputProps) == null ? void 0 : Ee.placeholder),
+              type: C.value ? void 0 : o.showPassword && k.value && o.type === "password" ? "text" : o.type,
+              disabled: n(v),
               readonly: o.readonly,
-              maxlength: F.value ? void 0 : m.value,
-              minlength: F.value ? void 0 : D.value,
-              autocomplete: o.autocomplete ?? ((xe = o.inputProps) == null ? void 0 : xe.autocomplete),
-              name: de.value ? void 0 : o.name ?? ((Pe = o.inputProps) == null ? void 0 : Pe.name),
-              rows: B.value ? o.rows : void 0,
+              maxlength: W.value ? void 0 : b.value,
+              minlength: W.value ? void 0 : H.value,
+              autocomplete: o.autocomplete ?? ((Le = o.inputProps) == null ? void 0 : Le.autocomplete),
+              inputmode: o.inputmode ?? ((Se = o.inputProps) == null ? void 0 : Se.inputmode),
+              tabindex: o.tabindex ?? ((ze = o.inputProps) == null ? void 0 : ze.tabindex),
+              form: he.value,
+              name: be.value ? void 0 : ae.value,
+              rows: C.value ? o.rows : void 0,
               style: [
-                (Ve = o.inputProps) == null ? void 0 : Ve.style,
-                B.value ? { resize: o.autosize ? "none" : a.resize } : void 0
+                (Ie = o.inputProps) == null ? void 0 : Ie.style,
+                o.inputStyle,
+                C.value ? { resize: o.autosize ? "none" : t.resize } : void 0,
+                n(Ve)
               ],
-              onInput: fe,
-              onCompositionstart: t[0] || (t[0] = (b) => {
-                f.value = !0, Je(x) ? x.value = void 0 : x = void 0, p("compositionstart", b);
+              onInput: xe,
+              onCompositionstart: a[0] || (a[0] = (g) => {
+                p.value = !0, tt(P) ? P.value = void 0 : P = void 0, d("compositionstart", g);
               }),
-              onCompositionupdate: t[1] || (t[1] = (b) => p("compositionupdate", b)),
-              onCompositionend: Te,
-              onChange: ye,
-              onFocus: t[2] || (t[2] = (b) => {
-                var ke;
-                o.selectOnFocus && ((ke = i.value) == null || ke.select()), p("focus", b);
+              onCompositionupdate: a[1] || (a[1] = (g) => d("compositionupdate", g)),
+              onCompositionend: He,
+              onChange: ue,
+              onFocus: a[2] || (a[2] = (g) => {
+                var Me;
+                o.selectOnFocus && ((Me = s.value) == null || Me.select()), d("focus", g);
               }),
-              onBlur: t[3] || (t[3] = (b) => {
-                ye(), p("blur", b);
+              onBlur: a[3] || (a[3] = (g) => {
+                ue(), d("blur", g);
               }),
-              onKeydown: t[4] || (t[4] = Xe((b) => !b.isComposing && !f.value && b.keyCode !== 229 && p("pressEnter", b), ["enter"]))
-            }), null, 16, ["id", "class", "aria-label", "aria-invalid", "aria-required", "aria-describedby", "value", "placeholder", "type", "disabled", "readonly", "maxlength", "minlength", "autocomplete", "name", "rows", "style"])),
-            e.$slots.prefix || o.prefixIcon ? (s(), w("span", lt, [
-              C(e.$slots, "prefix", {}, () => [
-                (s(), A(G(o.prefixIcon), {
+              onKeydown: qe
+            }), null, 16, ["id", "class", "aria-label", "aria-invalid", "aria-required", "aria-describedby", "value", "placeholder", "type", "disabled", "readonly", "maxlength", "minlength", "autocomplete", "inputmode", "tabindex", "form", "name", "rows", "style"])),
+            e.$slots.prefix || o.prefixIcon ? (f(), w("span", yt, [
+              E(e.$slots, "prefix", {}, () => [
+                (f(), N(K(o.prefixIcon), {
                   size: 16,
                   "aria-hidden": "true"
                 }))
               ], !0)
-            ])) : g("", !0),
-            te("div", st, [
-              o.clearable && l.value && !n(r) && !o.readonly ? (s(), w("button", {
+            ])) : x("", !0),
+            se("div", ht, [
+              (o.clearable ?? o.allowClear) && $.value && !n(v) && !o.readonly ? (f(), w("button", {
                 key: 0,
                 type: "button",
                 class: "hys-ui-input-action",
                 "aria-label": "清空输入",
-                onMousedown: t[5] || (t[5] = Be(() => {
+                onMousedown: a[4] || (a[4] = Ae(() => {
                 }, ["prevent"])),
-                onClick: he
+                onClick: Pe
               }, [
-                C(e.$slots, "clear-icon", {}, () => [
-                  (s(), A(G(o.clearIcon || n(Qe)), {
+                E(e.$slots, "clear-icon", {}, () => [
+                  (f(), N(K(o.clearIcon || n(at)), {
                     size: 14,
                     "aria-hidden": "true"
                   }))
                 ], !0)
-              ], 32)) : g("", !0),
-              o.showPassword && o.type === "password" ? (s(), w("button", {
+              ], 32)) : x("", !0),
+              o.showPassword && o.type === "password" ? (f(), w("button", {
                 key: 1,
                 type: "button",
                 class: "hys-ui-input-action",
-                "aria-label": L.value ? "隐藏密码" : "显示密码",
-                "aria-pressed": L.value,
-                disabled: n(r),
-                onMousedown: t[6] || (t[6] = Be(() => {
+                "aria-label": k.value ? "隐藏密码" : "显示密码",
+                "aria-pressed": k.value,
+                disabled: n(v),
+                onMousedown: a[5] || (a[5] = Ae(() => {
                 }, ["prevent"])),
-                onPointerdown: Ge,
-                onKeydown: Ke,
-                onClick: Ae
+                onPointerdown: Ue,
+                onKeydown: Xe,
+                onClick: We
               }, [
-                C(e.$slots, "password-icon", { visible: L.value }, () => [
-                  (s(), A(G(L.value ? n(Ye) : n(Ze)), {
+                E(e.$slots, "password-icon", { visible: k.value }, () => [
+                  (f(), N(K(k.value ? n(ot) : n(nt)), {
                     size: 16,
                     "aria-hidden": "true"
                   }))
                 ], !0)
-              ], 40, rt)) : g("", !0),
-              e.$slots.suffix || o.suffixIcon ? (s(), w("span", dt, [
-                C(e.$slots, "suffix", {}, () => [
-                  (s(), A(G(o.suffixIcon), {
+              ], 40, bt)) : x("", !0),
+              e.$slots.suffix || o.suffixIcon ? (f(), w("span", wt, [
+                E(e.$slots, "suffix", {}, () => [
+                  (f(), N(K(o.suffixIcon), {
                     size: 16,
                     "aria-hidden": "true"
                   }))
                 ], !0)
-              ])) : g("", !0),
-              Y.value && !re.value ? (s(), w("small", {
+              ])) : x("", !0),
+              te.value && !ye.value ? (f(), w("small", {
                 key: 3,
-                id: n(J),
-                class: U(["hys-ui-input-count", { "hys-ui-input-count-error": Q.value }])
+                id: n(_),
+                class: Q(["hys-ui-input-count", { "hys-ui-input-count-error": ee.value }])
               }, [
-                C(e.$slots, "count", {
-                  value: l.value,
-                  count: S.value,
-                  maxLength: m.value
+                E(e.$slots, "count", {
+                  value: $.value,
+                  count: O.value,
+                  maxLength: b.value
                 }, () => [
-                  Ie(W(ce.value), 1)
+                  Y(I(we.value), 1)
                 ], !0)
-              ], 10, ct)) : g("", !0)
+              ], 10, gt)) : x("", !0)
             ])
           ], 2),
-          e.$slots.append ? (s(), w("div", vt, [
-            C(e.$slots, "append", {}, void 0, !0)
-          ])) : g("", !0)
+          e.$slots.append || o.addonAfter ? (f(), w("div", xt, [
+            E(e.$slots, "append", {}, () => [
+              Y(I(o.addonAfter), 1)
+            ], !0)
+          ])) : x("", !0)
         ], 2),
-        de.value ? (s(), w("input", {
+        be.value ? (f(), w("input", {
           key: 1,
           type: "hidden",
-          name: o.name,
-          value: l.value,
-          disabled: n(r)
-        }, null, 8, pt)) : g("", !0),
-        Y.value && re.value ? (s(), w("small", {
+          name: ae.value,
+          form: he.value,
+          value: m.value,
+          disabled: n(v)
+        }, null, 8, Pt)) : x("", !0),
+        te.value && ye.value ? (f(), w("small", {
           key: 2,
-          id: n(J),
-          class: U(["hys-ui-input-count hys-ui-input-count-outside", { "hys-ui-input-count-error": Q.value }])
+          id: n(_),
+          class: Q(["hys-ui-input-count hys-ui-input-count-outside", { "hys-ui-input-count-error": ee.value }])
         }, [
-          C(e.$slots, "count", {
-            value: l.value,
-            count: S.value,
-            maxLength: m.value
+          E(e.$slots, "count", {
+            value: $.value,
+            count: O.value,
+            maxLength: b.value
           }, () => [
-            Ie(W(ce.value), 1)
+            Y(I(we.value), 1)
           ], !0)
-        ], 10, ft)) : g("", !0),
-        o.error ? (s(), w("small", {
+        ], 10, Bt)) : x("", !0),
+        o.error ? (f(), w("small", {
           key: 3,
-          id: n(ne),
+          id: n(ve),
           class: "hys-ui-error-text",
           role: "alert"
-        }, W(o.error), 9, ht)) : g("", !0)
-      ], 16);
+        }, I(o.error), 9, Vt)) : x("", !0)
+      ], 16, ft);
     };
   }
 });
 export {
-  Pt as default
+  It as default
 };