hys-ui 0.1.0 → 0.2.0

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

@@ -1,7 +1,7 @@
 import o from "./HysInput2.vue.js";
 /* empty css              */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-198d72f2"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f4ad545f"]]);
 export {
-  m as default
+  a as default
 };

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

@@ -1,158 +1,506 @@
-import { defineComponent as P, ref as h, useAttrs as j, useId as q, inject as K, computed as N, openBlock as s, createElementBlock as o, mergeProps as V, unref as i, createElementVNode as b, renderSlot as f, createCommentVNode as r, normalizeClass as O, withKeys as D, withModifiers as H, createVNode as L, createBlock as M, resolveDynamicComponent as R, toDisplayString as c } from "vue";
-import { X as S, EyeOff as F, Eye as X } from "lucide-vue-next";
-import { useHysRootAttrs as G } from "../../config.js";
-import { fieldKey as J } from "../../composables/formContext.js";
-const Q = { class: "hys-ui-input-group" }, T = {
+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 = {
   key: 0,
   class: "hys-ui-input-addon"
-}, U = {
+}, lt = {
   key: 0,
+  class: "hys-ui-input-affix hys-ui-input-prefix"
+}, st = { class: "hys-ui-input-trailing" }, rt = ["aria-label", "aria-pressed", "disabled"], dt = {
+  key: 2,
   class: "hys-ui-input-affix"
-}, W = ["id", "aria-label", "aria-invalid", "aria-required", "aria-describedby", "value", "placeholder", "type", "disabled", "readonly", "maxlength", "minlength", "autocomplete", "name"], Y = ["aria-label", "aria-pressed", "disabled"], Z = {
-  key: 3,
-  class: "hys-ui-input-affix"
-}, _ = {
-  key: 4,
-  class: "hys-ui-input-count"
-}, ee = {
+}, ct = ["id"], vt = {
   key: 1,
   class: "hys-ui-input-addon"
-}, te = ["id"], ne = /* @__PURE__ */ P({
+}, pt = ["name", "value", "disabled"], ft = ["id"], ht = ["id"], Pt = /* @__PURE__ */ Fe({
   inheritAttrs: !1,
   __name: "HysInput",
   props: {
-    modelValue: { default: "" },
+    modelValue: {},
+    defaultValue: {},
     placeholder: {},
     type: { default: "text" },
+    label: {},
     disabled: { type: Boolean },
     readonly: { type: Boolean },
     ariaLabel: {},
     error: {},
+    status: {},
     clearable: { type: Boolean },
+    clearIcon: {},
+    prefixIcon: {},
+    suffixIcon: {},
     showPassword: { type: Boolean },
-    showCount: { type: Boolean },
+    showPasswordOn: { default: "click" },
+    passwordVisible: { type: Boolean, default: void 0 },
+    defaultPasswordVisible: { type: Boolean },
+    showCount: { type: [Boolean, Object] },
+    showWordLimit: { type: Boolean },
+    countPosition: { default: "inside" },
+    wordLimitPosition: {},
+    countGraphemes: { type: [Boolean, Function] },
     maxlength: {},
     minlength: {},
+    formatter: {},
+    parser: {},
+    allowInput: {},
     autocomplete: {},
     name: {},
-    size: { default: "md" }
+    size: {},
+    rows: { default: 2 },
+    autosize: { type: [Boolean, Object] },
+    resize: { default: "vertical" },
+    inputProps: {},
+    autofocus: { type: Boolean },
+    selectOnFocus: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    round: { type: Boolean }
   },
-  emits: ["update:modelValue", "input", "change", "clear", "focus", "blur", "pressEnter"],
-  setup(t, { expose: B, emit: E }) {
-    const m = t, n = E, x = G(), d = h(), z = j(), p = q(), y = h(!1), v = h(!1), u = K(J, void 0), g = N(() => m.error || (u == null ? void 0 : u.error.value));
-    function A() {
-      return Object.fromEntries(Object.entries(z).filter(([e]) => !["class", "style"].includes(e)));
-    }
-    function k(e) {
-      if (v.value || m.disabled || m.readonly) return;
-      const a = e.target.value;
-      n("update:modelValue", a), n("input", a);
-    }
-    function I() {
-      var e;
-      m.disabled || m.readonly || (n("update:modelValue", ""), n("input", ""), n("clear"), (e = d.value) == null || e.focus());
+  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(
+      () => {
+        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);
+      }
+    ), le = c(
+      () => {
+        var e;
+        return ie.value ? "error" : a.status ?? ((e = v == null ? void 0 : v.status) == null ? void 0 : e.value);
+      }
+    ), se = c(
+      () => {
+        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);
+      }
+    ), 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(() => {
+      try {
+        if (typeof a.showCount == "object")
+          return a.showCount.formatter({
+            value: l.value,
+            count: S.value,
+            maxLength: m.value
+          });
+      } catch {
+      }
+      return String(S.value) + (m.value === void 0 ? "" : " / " + m.value);
+    });
+    let k = !0, N = 0, z, ve = "", x, $, M = l.value;
+    function Z(e, t = !1, u = e) {
+      try {
+        return a.formatter ? String(a.formatter(e, { userTyping: t, input: u })) : e;
+      } catch {
+        return e;
+      }
     }
-    return B({ input: d, focus: () => {
-      var e;
-      return (e = d.value) == null ? void 0 : e.focus();
-    }, blur: () => {
+    function _(e) {
+      const t = a.parser ? a.parser(e) : e;
+      if (typeof t != "string" && (typeof t != "number" || !Number.isFinite(t)))
+        throw Error("Invalid input parser result");
+      return String(t);
+    }
+    function q(e) {
+      K.value = e, ve = e, i.value && i.value.value !== e && (i.value.value = e);
+    }
+    function P() {
+      q(Z(l.value));
+    }
+    function Re() {
+      return Object.fromEntries(
+        Object.entries({ ...a.inputProps, ...I }).filter(
+          ([e]) => ![
+            "class",
+            "style",
+            "type",
+            "value",
+            "defaultValue",
+            "modelModifiers"
+          ].includes(e)
+        )
+      );
+    }
+    function O() {
+      const e = i.value;
+      if (!e) return;
+      const t = Se(l.value, a.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 + " 个字符" : ""
+      );
+    }
+    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 je(e, t, u) {
+      if (!a.parser)
+        return Math.max(
+          0,
+          Math.min(
+            t.length,
+            t.length - (e.length - u)
+          )
+        );
+      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;
+        }
+        return d;
+      } catch {
+        return Math.min(u, t.length);
+      }
+    }
+    function fe(e) {
+      const t = e.target;
+      if (!k || r.value || a.readonly) {
+        P();
+        return;
+      }
+      if (f.value) {
+        K.value = t.value;
+        return;
+      }
+      if (x !== void 0) {
+        const d = x === t.value;
+        if (x = void 0, d) return;
+      }
+      const u = t.value, h = t.selectionStart;
+      try {
+        const d = ot(
+          _(u),
+          m.value,
+          a.countGraphemes
+        );
+        if (a.allowInput && !a.allowInput(d))
+          throw Error("Rejected input");
+        const y = Z(d, !0, u);
+        if (q(y), h !== null && y !== u)
+          try {
+            const V = je(u, y, h);
+            t.setSelectionRange(V, V);
+          } catch {
+          }
+        pe(d);
+      } catch {
+        const d = ve;
+        if (q(d), h !== null)
+          try {
+            const y = Math.max(
+              0,
+              h - (u.length - d.length)
+            );
+            t.setSelectionRange(y, y);
+          } catch {
+          }
+      }
+    }
+    function he() {
       var e;
-      return (e = d.value) == null ? void 0 : e.blur();
-    }, select: () => {
+      !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());
+    }
+    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 Te(e) {
+      var t;
+      f.value && (f.value = !1, p("compositionend", e), fe(e), x = (t = i.value) == null ? void 0 : t.value);
+    }
+    function H(e) {
+      r.value || !k || (a.passwordVisible === void 0 && (E.value = e), p("update:passwordVisible", e), p("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))
+        try {
+          e == null || e.setSelectionRange(t, u);
+        } catch {
+        }
+    }
+    function R() {
+      $ == null || $(), $ = void 0;
+    }
+    function Ge(e) {
+      if (e.button !== 0 || a.showPasswordOn !== "mousedown" || r.value)
+        return;
+      e.preventDefault(), R(), H(!0);
+      const t = () => {
+        H(!1), R();
+      };
+      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);
+      };
+    }
+    function Ke(e) {
+      a.showPasswordOn === "mousedown" && [" ", "Enter"].includes(e.key) && (e.preventDefault(), H(!L.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();
+    }
+    return T(
+      l,
+      () => {
+        z !== l.value && (f.value = !1, P(), M = l.value), O();
+      },
+      { flush: "sync" }
+    ), T(
+      () => [a.formatter, a.parser, a.type],
+      () => {
+        f.value = !1, P(), R(), E.value = !1;
+      }
+    ), T(
+      () => [r.value, a.readonly],
+      () => {
+        (r.value || a.readonly) && (R(), E.value = !1, f.value = !1, P());
+      }
+    ), T(
+      () => [a.countGraphemes, a.maxlength, a.minlength],
+      O
+    ), T(
+      () => X == null ? void 0 : X.resetting.value,
+      (e) => {
+        e && (N++, z = void 0, f.value = !1, x = void 0, P(), M = l.value);
+      },
+      { flush: "sync" }
+    ), qe(() => {
       var e;
-      return (e = d.value) == null ? void 0 : e.select();
-    } }), (e, a) => {
-      var w, $, C;
-      return s(), o("div", V(i(x), {
-        class: ["hys-ui-input-wrap", [e.$attrs.class, { "hys-ui-input-disabled": t.disabled }, "hys-ui-input-" + t.size]],
-        style: e.$attrs.style
+      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
+      ),
+      isComposing: f,
+      focus: (e) => {
+        var t;
+        r.value || (t = i.value) == null || t.focus(e);
+      },
+      blur: () => {
+        var e;
+        return (e = i.value) == null ? void 0 : e.blur();
+      },
+      select: () => {
+        var e;
+        return (e = i.value) == null ? void 0 : e.select();
+      },
+      clear: he,
+      resize: De,
+      setSelectionRange: (e, t, u) => {
+        var h;
+        try {
+          (h = i.value) == null || h.setSelectionRange(e, t, u);
+        } catch {
+        }
+      },
+      scrollTo: (e) => {
+        var t;
+        return (t = i.value) == null ? void 0 : t.scrollTo(e);
+      }
+    }), (e, t) => {
+      var u, h, d, y, V, we, be, ge, xe, Pe, Ve;
+      return s(), w("div", Le(n(Me), {
+        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 }
+        ]],
+        style: n(I).style
       }), [
-        b("div", Q, [
-          e.$slots.prepend ? (s(), o("span", T, [
-            f(e.$slots, "prepend", {}, void 0, !0)
-          ])) : r("", !0),
-          b("div", {
-            class: O(["hys-ui-input-shell", { "hys-ui-input-shell-error": g.value }])
+        o.label ? (s(), 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
+          }])
+        }, [
+          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 : "",
+              { "hys-ui-input-borderless": !o.bordered, "hys-ui-input-round": o.round }
+            ]])
           }, [
-            e.$slots.prefix ? (s(), o("span", U, [
-              f(e.$slots, "prefix", {}, void 0, !0)
-            ])) : r("", !0),
-            b("input", V({
+            (s(), A(G(B.value ? "textarea" : "input"), Le({
               ref_key: "input",
-              ref: d
-            }, A(), {
-              id: e.$attrs.id || ((w = i(u)) == null ? void 0 : w.id.value),
-              class: "hys-ui-input",
-              "aria-label": t.ariaLabel || e.$attrs["aria-label"],
-              "aria-invalid": !!g.value || void 0,
-              "aria-required": (($ = i(u)) == null ? void 0 : $.required.value) || void 0,
-              "aria-describedby": t.error ? i(p) : (C = i(u)) != null && C.error.value ? i(u).errorId : e.$attrs["aria-describedby"],
-              value: t.modelValue,
-              placeholder: t.placeholder,
-              type: t.showPassword && y.value ? "text" : t.type,
-              disabled: t.disabled,
-              readonly: t.readonly,
-              maxlength: t.maxlength,
-              minlength: t.minlength,
-              autocomplete: t.autocomplete,
-              name: t.name,
-              onInput: k,
-              onCompositionstart: a[0] || (a[0] = (l) => v.value = !0),
-              onCompositionend: a[1] || (a[1] = (l) => {
-                v.value = !1, k(l);
+              ref: i
+            }, Re(), {
+              id: se.value,
+              class: [
+                (u = o.inputProps) == null ? void 0 : u.class,
+                B.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-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
+              ].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),
+              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,
+              style: [
+                (Ve = o.inputProps) == null ? void 0 : Ve.style,
+                B.value ? { resize: o.autosize ? "none" : a.resize } : void 0
+              ],
+              onInput: fe,
+              onCompositionstart: t[0] || (t[0] = (b) => {
+                f.value = !0, Je(x) ? x.value = void 0 : x = void 0, p("compositionstart", b);
               }),
-              onChange: a[2] || (a[2] = (l) => n("change", l.target.value)),
-              onFocus: a[3] || (a[3] = (l) => n("focus", l)),
-              onBlur: a[4] || (a[4] = (l) => n("blur", l)),
-              onKeydown: a[5] || (a[5] = D((l) => !l.isComposing && n("pressEnter", l), ["enter"]))
-            }), null, 16, W),
-            t.clearable && t.modelValue && !t.disabled && !t.readonly ? (s(), o("button", {
-              key: 1,
-              type: "button",
-              class: "hys-ui-input-action",
-              "aria-label": "清空输入",
-              onMousedown: a[6] || (a[6] = H(() => {
-              }, ["prevent"])),
-              onClick: I
-            }, [
-              L(i(S), {
-                size: 14,
-                "aria-hidden": "true"
-              })
-            ], 32)) : r("", !0),
-            t.showPassword && t.type === "password" ? (s(), o("button", {
-              key: 2,
-              type: "button",
-              class: "hys-ui-input-action",
-              "aria-label": y.value ? "隐藏密码" : "显示密码",
-              "aria-pressed": y.value,
-              disabled: t.disabled,
-              onClick: a[7] || (a[7] = (l) => y.value = !y.value)
-            }, [
-              (s(), M(R(y.value ? i(F) : i(X)), {
-                size: 16,
-                "aria-hidden": "true"
-              }))
-            ], 8, Y)) : r("", !0),
-            e.$slots.suffix ? (s(), o("span", Z, [
-              f(e.$slots, "suffix", {}, void 0, !0)
-            ])) : r("", !0),
-            t.showCount ? (s(), o("small", _, c(t.modelValue.length) + c(t.maxlength ? " / " + t.maxlength : ""), 1)) : r("", !0)
+              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);
+              }),
+              onBlur: t[3] || (t[3] = (b) => {
+                ye(), p("blur", b);
+              }),
+              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), {
+                  size: 16,
+                  "aria-hidden": "true"
+                }))
+              ], !0)
+            ])) : g("", !0),
+            te("div", st, [
+              o.clearable && l.value && !n(r) && !o.readonly ? (s(), w("button", {
+                key: 0,
+                type: "button",
+                class: "hys-ui-input-action",
+                "aria-label": "清空输入",
+                onMousedown: t[5] || (t[5] = Be(() => {
+                }, ["prevent"])),
+                onClick: he
+              }, [
+                C(e.$slots, "clear-icon", {}, () => [
+                  (s(), A(G(o.clearIcon || n(Qe)), {
+                    size: 14,
+                    "aria-hidden": "true"
+                  }))
+                ], !0)
+              ], 32)) : g("", !0),
+              o.showPassword && o.type === "password" ? (s(), 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(() => {
+                }, ["prevent"])),
+                onPointerdown: Ge,
+                onKeydown: Ke,
+                onClick: Ae
+              }, [
+                C(e.$slots, "password-icon", { visible: L.value }, () => [
+                  (s(), A(G(L.value ? n(Ye) : n(Ze)), {
+                    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), {
+                    size: 16,
+                    "aria-hidden": "true"
+                  }))
+                ], !0)
+              ])) : g("", !0),
+              Y.value && !re.value ? (s(), w("small", {
+                key: 3,
+                id: n(J),
+                class: U(["hys-ui-input-count", { "hys-ui-input-count-error": Q.value }])
+              }, [
+                C(e.$slots, "count", {
+                  value: l.value,
+                  count: S.value,
+                  maxLength: m.value
+                }, () => [
+                  Ie(W(ce.value), 1)
+                ], !0)
+              ], 10, ct)) : g("", !0)
+            ])
           ], 2),
-          e.$slots.append ? (s(), o("span", ee, [
-            f(e.$slots, "append", {}, void 0, !0)
-          ])) : r("", !0)
-        ]),
-        t.error ? (s(), o("small", {
-          key: 0,
-          id: i(p),
+          e.$slots.append ? (s(), w("div", vt, [
+            C(e.$slots, "append", {}, void 0, !0)
+          ])) : g("", !0)
+        ], 2),
+        de.value ? (s(), 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", {
+          key: 2,
+          id: n(J),
+          class: U(["hys-ui-input-count hys-ui-input-count-outside", { "hys-ui-input-count-error": Q.value }])
+        }, [
+          C(e.$slots, "count", {
+            value: l.value,
+            count: S.value,
+            maxLength: m.value
+          }, () => [
+            Ie(W(ce.value), 1)
+          ], !0)
+        ], 10, ft)) : g("", !0),
+        o.error ? (s(), w("small", {
+          key: 3,
+          id: n(ne),
           class: "hys-ui-error-text",
           role: "alert"
-        }, c(t.error), 9, te)) : r("", !0)
+        }, W(o.error), 9, ht)) : g("", !0)
       ], 16);
     };
   }
 });
 export {
-  ne as default
+  Pt as default
 };

package/dist/components/HysMention/HysMention.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysMention2.vue.js";
 /* empty css                */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6b7d901d"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-68c4bc79"]]);
 export {
-  s as default
+  p as default
 };