vft 0.0.239 → 0.0.240

package/es/components/input/input.vue2.js

@@ -1,21 +1,21 @@
-import { defineComponent as Le, useAttrs as je, useSlots as We, computed as l, ref as V, getCurrentInstance as He, shallowRef as q, watch as G, nextTick as B, onMounted as Ue, withDirectives as qe, createElementBlock as d, openBlock as i, mergeProps as y, Fragment as J, createCommentVNode as r, createElementVNode as g, normalizeClass as c, unref as t, renderSlot as N, createBlock as A, withKeys as Ge, withModifiers as ye, toDisplayString as D, normalizeStyle as Je, vShow as Qe } from "vue";
-import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
-import { useAttrs as Xe, useCursor as Ye } from "@vft/use";
-import { isString as F, singleAttrToObj as X, noop as Ze, isObject as he } from "@vft/utils";
+import { defineComponent as Oe, useAttrs as Te, useSlots as Le, computed as l, ref as S, getCurrentInstance as je, shallowRef as H, watch as U, nextTick as E, onMounted as We, withDirectives as He, createElementBlock as c, openBlock as i, mergeProps as v, Fragment as q, createCommentVNode as r, createElementVNode as w, normalizeClass as u, unref as a, renderSlot as $, createBlock as V, withKeys as Ue, withModifiers as me, toDisplayString as N, normalizeStyle as qe, vShow as Ge } from "vue";
+import { UPDATE_MODEL_EVENT as G } from "@vft/constants";
+import { useAttrs as Je, useCursor as Qe } from "@vft/use";
+import { isString as B, singleAttrToObj as J, noop as Xe, isObject as ve } from "@vft/utils";
 import "../form/index.js";
-import { VftIcon as K } from "../icon/index.js";
-import { useResizeObserver as _e, isClient as ea } from "@vueuse/core";
-import { debugWarn as Y } from "../../utils/error.js";
+import { VftIcon as A } from "../icon/index.js";
+import { useResizeObserver as Ye, isClient as Ze } from "@vueuse/core";
+import { debugWarn as Q } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import { isNil as aa } from "lodash-es";
-import { useNamespace as be } from "../../hooks/use-namespace/index.js";
+import { isNil as _e } from "lodash-es";
+import { useNamespace as pe } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { calcTextareaHeight as we } from "./utils.js";
-import { useFormSize as ta, useFormDisabled as oa } from "../form/hooks/use-form-common-props.js";
-import { useFormItem as na, useFormItemInputId as la } from "../form/hooks/use-form-item.js";
-const sa = ["role"], ia = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], ua = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], Ea = /* @__PURE__ */ Le({
+import { calcTextareaHeight as ye } from "./utils.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
+const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
     id: {},
@@ -44,346 +44,335 @@ const sa = ["role"], ia = ["id", "type", "disabled", "formatter", "parser", "rea
     inputStyle: { type: [Boolean, null, String, Object, Array] }
   },
   emits: {
-    [Q]: (a) => F(a),
-    input: (a) => F(a),
-    change: (a) => F(a),
-    suffixClick: (a) => F(a),
-    prefixClick: (a) => F(a),
-    focus: (a) => a instanceof FocusEvent,
-    blur: (a) => a instanceof FocusEvent,
+    [G]: (e) => B(e),
+    input: (e) => B(e),
+    change: (e) => B(e),
+    suffixClick: (e) => B(e),
+    prefixClick: (e) => B(e),
+    focus: (e) => e instanceof FocusEvent,
+    blur: (e) => e instanceof FocusEvent,
     clear: () => !0,
     enter: () => !0,
-    mouseleave: (a) => a instanceof MouseEvent,
-    mouseenter: (a) => a instanceof MouseEvent,
+    mouseleave: (e) => e instanceof MouseEvent,
+    mouseenter: (e) => e instanceof MouseEvent,
     // NOTE: when autofill by browser, the keydown event is instanceof Event, not KeyboardEvent
-    keydown: (a) => a instanceof Event,
-    compositionstart: (a) => a instanceof CompositionEvent,
-    compositionupdate: (a) => a instanceof CompositionEvent,
-    compositionend: (a) => a instanceof CompositionEvent
+    keydown: (e) => e instanceof Event,
+    compositionstart: (e) => e instanceof CompositionEvent,
+    compositionupdate: (e) => e instanceof CompositionEvent,
+    compositionend: (e) => e instanceof CompositionEvent
   },
-  setup(a, { expose: xe, emit: ge }) {
-    const s = ge, C = je(), p = We(), Z = l(() => {
-      const e = {};
-      return a.containerRole === "combobox" && (e["aria-haspopup"] = C["aria-haspopup"], e["aria-owns"] = C["aria-owns"], e["aria-expanded"] = C["aria-expanded"]), e;
-    }), Ce = l(() => [
-      a.type === "textarea" ? ee.b() : o.b(),
-      o.m(Ie.value),
-      o.is("disabled", h.value),
-      o.is("exceed", Be.value),
-      o.is("focus", w.value),
+  setup(e, { expose: he, emit: be }) {
+    const s = be, x = Te(), m = Le(), X = l(() => {
+      const t = {};
+      return e.containerRole === "combobox" && (t["aria-haspopup"] = x["aria-haspopup"], t["aria-owns"] = x["aria-owns"], t["aria-expanded"] = x["aria-expanded"]), t;
+    }), we = l(() => [
+      e.type === "textarea" ? Z.b() : o.b(),
+      o.m(ke.value),
+      o.is("disabled", p.value),
+      o.is("exceed", Ee.value),
+      o.is("focus", h.value),
       {
-        [o.b("group")]: p.prepend || p.append,
-        [o.bm("group", "append")]: p.append,
-        [o.bm("group", "prepend")]: p.prepend,
-        [o.m("prefix")]: p.prefix || a.prefixIcon,
-        [o.m("suffix")]: p.suffix || a.suffixIcon || a.clearable || a.showPassword,
-        [o.bm("suffix", "password-clear")]: R.value && W.value
+        [o.b("group")]: m.prepend || m.append,
+        [o.bm("group", "append")]: m.append,
+        [o.bm("group", "prepend")]: m.prepend,
+        [o.m("prefix")]: m.prefix || e.prefixIcon,
+        [o.m("suffix")]: m.suffix || e.suffixIcon || e.clearable || e.showPassword,
+        [o.bm("suffix", "password-clear")]: P.value && L.value
       },
-      C.class
-    ]), ke = He(), ze = l(() => [
+      x.class
+    ]), xe = je(), ge = l(() => [
       o.e("wrapper"),
-      o.is("focus", w.value)
-    ]), f = Xe({
-      excludeKeys: l(() => Object.keys(Z.value))
-    }), { form: O, formItem: u } = na(), { inputId: _ } = la(ke.props, {
-      formItemContext: u
-    }), Ie = ta(), h = oa(), o = be("input"), ee = be("textarea"), M = q(), b = q(), w = V(!1), T = V(!1), k = V(!1), P = V(!1), ae = V(), L = q(a.inputStyle), z = l(() => M.value || b.value), j = l(() => X(a.prefixIcon, "icon", { size: 16 })), te = l(() => X(a.suffixIcon, "icon", { size: 16 })), Se = l(() => X(a.clearIcon, "icon", {
+      o.is("focus", h.value)
+    ]), d = Je({
+      excludeKeys: l(() => Object.keys(X.value))
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
+      formItemContext: F
+    }), ke = et(), p = tt(), o = pe("input"), Z = pe("textarea"), K = H(), y = H(), h = S(!1), D = S(!1), g = S(!1), M = S(!1), _ = S(), O = H(e.inputStyle), C = l(() => K.value || y.value), T = l(() => J(e.prefixIcon, "icon", { size: 16 })), ee = l(() => J(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => J(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
-    })), oe = l(() => (O == null ? void 0 : O.statusIcon) ?? !1), I = l(() => (u == null ? void 0 : u.validateState) || ""), ne = l(
-      () => I.value && {
+    })), te = l(() => Ce?.statusIcon ?? !1), k = l(() => F?.validateState || ""), ae = l(
+      () => k.value && {
         validating: "icon-loading",
         success: "icon-circle-check",
         error: "icon-circle-close"
-      }[I.value]
-    ), Ee = l(
-      () => P.value ? { icon: "icon-view", size: 16 } : { icon: "icon-hide", size: 16 }
-    ), Ve = l(() => [
-      C.style,
-      a.inputStyle
-    ]), le = l(() => [
-      a.inputStyle,
-      L.value,
-      { resize: a.resize }
-    ]), m = l(
-      () => aa(a.modelValue) ? "" : String(a.modelValue)
-    ), R = l(
-      () => a.clearable && !h.value && !a.readonly && !!m.value && (w.value || T.value)
-    ), W = l(
-      () => a.showPassword && !h.value && !a.readonly && !!m.value && (!!m.value || w.value)
-    ), x = l(
-      () => a.showWordLimit && !!f.value.maxlength && (a.type === "text" || a.type === "textarea") && !h.value && !a.readonly && !a.showPassword
-    ), H = l(() => Array.from(m.value).length), Be = l(
+      }[k.value]
+    ), ze = l(
+      () => M.value ? { icon: "icon-view", size: 16 } : { icon: "icon-hide", size: 16 }
+    ), Se = l(() => [
+      x.style,
+      e.inputStyle
+    ]), oe = l(() => [
+      e.inputStyle,
+      O.value,
+      { resize: e.resize }
+    ]), f = l(
+      () => _e(e.modelValue) ? "" : String(e.modelValue)
+    ), P = l(
+      () => e.clearable && !p.value && !e.readonly && !!f.value && (h.value || D.value)
+    ), L = l(
+      () => e.showPassword && !p.value && !e.readonly && !!f.value && (!!f.value || h.value)
+    ), b = l(
+      () => e.showWordLimit && !!d.value.maxlength && (e.type === "text" || e.type === "textarea") && !p.value && !e.readonly && !e.showPassword
+    ), j = l(() => Array.from(f.value).length), Ee = l(
       () => (
         // show exceed style if length of initial value greater then maxlength
-        !!x.value && H.value > Number(f.value.maxlength)
+        !!b.value && j.value > Number(d.value.maxlength)
       )
-    ), Ae = l(
-      () => !!p.suffix || !!a.suffixIcon || R.value || a.showPassword || x.value || !!I.value && oe.value
-    ), [Fe, Ke] = Ye(M);
-    _e(b, (e) => {
-      if (!x.value || a.resize !== "both") return;
-      const n = e[0], { width: v } = n.contentRect;
-      ae.value = {
+    ), Ve = l(
+      () => !!m.suffix || !!e.suffixIcon || P.value || e.showPassword || b.value || !!k.value && te.value
+    ), [Be, Ae] = Qe(K);
+    Ye(y, (t) => {
+      if (!b.value || e.resize !== "both") return;
+      const n = t[0], { width: z } = n.contentRect;
+      _.value = {
         /** right: 100% - width + padding(15) + right(6) */
-        right: `calc(100% - ${v + 15 + 6}px)`
+        right: `calc(100% - ${z + 15 + 6}px)`
       };
     });
-    const $ = () => {
-      if (!(!ea || a.type !== "textarea"))
-        if (a.autosize) {
-          const e = he(a.autosize) ? a.autosize.minRows : void 0, n = he(a.autosize) ? a.autosize.maxRows : void 0;
-          L.value = {
-            ...we(b.value, e, n)
+    const R = () => {
+      if (!(!Ze || e.type !== "textarea"))
+        if (e.autosize) {
+          const t = ve(e.autosize) ? e.autosize.minRows : void 0, n = ve(e.autosize) ? e.autosize.maxRows : void 0;
+          O.value = {
+            ...ye(y.value, t, n)
           };
         } else
-          L.value = {
-            minHeight: we(b.value).minHeight
+          O.value = {
+            minHeight: ye(y.value).minHeight
           };
-    }, S = () => {
-      const e = z.value;
-      !e || e.value === m.value || (e.value = m.value);
-    }, U = async (e) => {
-      Fe();
-      let { value: n } = e.target;
-      if (f.value.maxlength && n.length >= f.value.maxlength && (n = n.slice(0, Number(f.value.maxlength))), a.formatter && (n = a.parser ? a.parser(n) : n, n = a.formatter(n)), !k.value) {
-        if (n === m.value) {
-          S();
+    }, I = () => {
+      const t = C.value;
+      !t || t.value === f.value || (t.value = f.value);
+    }, W = async (t) => {
+      Be();
+      let { value: n } = t.target;
+      if (d.value.maxlength && n.length >= d.value.maxlength && (n = n.slice(0, Number(d.value.maxlength))), e.formatter && (n = e.parser ? e.parser(n) : n, n = e.formatter(n)), !g.value) {
+        if (n === f.value) {
+          I();
           return;
         }
-        s(Q, n), s("input", n), await B(), S(), Ke();
+        s(G, n), s("input", n), await E(), I(), Ae();
       }
-    }, se = (e) => {
-      s("change", e.target.value);
-    }, Me = () => {
-      s("suffixClick", a.modelValue);
+    }, ne = (t) => {
+      s("change", t.target.value);
+    }, Fe = () => {
+      s("suffixClick", e.modelValue);
+    }, Ke = () => {
+      s("prefixClick", e.modelValue);
+    }, le = (t) => {
+      s("compositionstart", t), g.value = !0;
+    }, Me = (t) => /([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(t), se = (t) => {
+      s("compositionupdate", t);
+      const n = t.target?.value, z = n[n.length - 1] || "";
+      g.value = !Me(z);
+    }, ie = (t) => {
+      s("compositionend", t), g.value && (g.value = !1, W(t));
     }, Pe = () => {
-      s("prefixClick", a.modelValue);
-    }, ie = (e) => {
-      s("compositionstart", e), k.value = !0;
-    }, Re = (e) => /([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(e), ue = (e) => {
-      var E;
-      s("compositionupdate", e);
-      const n = (E = e.target) == null ? void 0 : E.value, v = n[n.length - 1] || "";
-      k.value = !Re(v);
-    }, re = (e) => {
-      s("compositionend", e), k.value && (k.value = !1, U(e));
-    }, $e = () => {
-      P.value = !P.value, ce();
-    }, ce = async () => {
-      var e;
-      await B(), (e = z.value) == null || e.focus();
-    }, Ne = () => {
-      var e;
-      return (e = z.value) == null ? void 0 : e.blur();
-    }, de = (e) => {
-      w.value = !0, s("focus", e);
-    }, fe = (e) => {
-      var n;
-      w.value = !1, s("blur", e), a.validateEvent && ((n = u == null ? void 0 : u.validate) == null || n.call(u, "blur").catch((v) => Y(v)));
-    }, De = (e) => {
-      T.value = !1, s("mouseleave", e);
-    }, Oe = (e) => {
-      T.value = !0, s("mouseenter", e);
-    }, ve = (e) => {
-      let n = e.key;
-      if (e.target.type === "number" && ["e", "+", "-0", "E"].includes(n))
-        return e.returnValue = !1, !1;
-      s("keydown", e);
-    }, Te = () => {
-      var e;
-      (e = z.value) == null || e.select();
-    }, me = () => {
-      s(Q, ""), s("change", ""), s("clear"), s("input", "");
+      M.value = !M.value, re();
+    }, re = async () => {
+      await E(), C.value?.focus();
+    }, Re = () => C.value?.blur(), ue = (t) => {
+      h.value = !0, s("focus", t);
+    }, ce = (t) => {
+      h.value = !1, s("blur", t), e.validateEvent && F?.validate?.("blur").catch((n) => Q(n));
+    }, $e = (t) => {
+      D.value = !1, s("mouseleave", t);
+    }, Ne = (t) => {
+      D.value = !0, s("mouseenter", t);
+    }, de = (t) => {
+      let n = t.key;
+      if (t.target.type === "number" && ["e", "+", "-0", "E"].includes(n))
+        return t.returnValue = !1, !1;
+      s("keydown", t);
+    }, De = () => {
+      C.value?.select();
+    }, fe = () => {
+      s(G, ""), s("change", ""), s("clear"), s("input", "");
     };
-    return G(
-      () => a.modelValue,
+    return U(
+      () => e.modelValue,
       () => {
-        var e;
-        B(() => $()), a.validateEvent && ((e = u == null ? void 0 : u.validate) == null || e.call(u, "change").catch((n) => Y(n)));
+        E(() => R()), e.validateEvent && F?.validate?.("change").catch((t) => Q(t));
       }
-    ), G(m, () => S()), G(
-      () => a.type,
+    ), U(f, () => I()), U(
+      () => e.type,
       async () => {
-        await B(), S(), $();
+        await E(), I(), R();
       }
-    ), Ue(() => {
-      !a.formatter && a.parser && Y(
+    ), We(() => {
+      !e.formatter && e.parser && Q(
         "VftInput",
         "If you set the parser, you also need to set the formatter."
-      ), S(), B($);
-    }), xe({
+      ), I(), E(R);
+    }), he({
       /** @description HTML input element */
-      input: M,
+      input: K,
       /** @description HTML textarea element */
-      textarea: b,
+      textarea: y,
       /** @description HTML element, input or textarea */
-      ref: z,
+      ref: C,
       /** @description style of textarea. */
-      textareaStyle: le,
+      textareaStyle: oe,
       /** @description from props (used on unit test) */
-      autosize: a.autosize,
+      autosize: e.autosize,
       /** @description HTML input element native method */
-      focus: ce,
+      focus: re,
       /** @description HTML input element native method */
-      blur: Ne,
+      blur: Re,
       /** @description HTML input element native method */
-      select: Te,
+      select: De,
       /** @description clear input value */
-      clear: me,
+      clear: fe,
       /** @description resize textarea. */
-      resizeTextarea: $
-    }), (e, n) => {
-      var v, E, pe;
-      return qe((i(), d("div", y(Z.value, {
-        class: Ce.value,
-        style: Ve.value,
-        role: e.containerRole,
-        onMouseenter: Oe,
-        onMouseleave: De
-      }), [
-        e.type !== "textarea" ? (i(), d(J, { key: 0 }, [
-          e.$slots.prepend ? (i(), d("div", {
+      resizeTextarea: R
+    }), (t, n) => He((i(), c("div", v(X.value, {
+      class: we.value,
+      style: Se.value,
+      role: t.containerRole,
+      onMouseenter: Ne,
+      onMouseleave: $e
+    }), [
+      t.type !== "textarea" ? (i(), c(q, { key: 0 }, [
+        t.$slots.prepend ? (i(), c("div", {
+          key: 0,
+          class: u(a(o).be("group", "prepend"))
+        }, [
+          $(t.$slots, "prepend")
+        ], 2)) : r("", !0),
+        w("div", {
+          class: u(ge.value)
+        }, [
+          t.$slots.prefix || T.value?.icon ? (i(), c("span", {
             key: 0,
-            class: c(t(o).be("group", "prepend"))
+            class: u(a(o).e("prefix"))
           }, [
-            N(e.$slots, "prepend")
+            w("span", {
+              class: u(a(o).e("prefix-inner")),
+              onClick: Ke
+            }, [
+              $(t.$slots, "prefix"),
+              T.value?.icon ? (i(), V(a(A), v({
+                key: 0,
+                pointer: ""
+              }, T.value, {
+                class: a(o).e("icon")
+              }), null, 16, ["class"])) : r("", !0)
+            ], 2)
           ], 2)) : r("", !0),
-          g("div", {
-            class: c(ze.value)
+          w("input", v({
+            id: a(Y),
+            ref_key: "input",
+            ref: K,
+            class: a(o).e("inner")
+          }, a(d), {
+            type: t.showPassword ? M.value ? "text" : "password" : t.type,
+            disabled: a(p),
+            formatter: t.formatter,
+            parser: t.parser,
+            readonly: t.readonly,
+            autocomplete: t.autocomplete,
+            tabindex: t.tabindex,
+            "aria-label": t.label,
+            placeholder: t.placeholder,
+            style: t.inputStyle,
+            form: t.form,
+            onCompositionstart: le,
+            onCompositionupdate: se,
+            onCompositionend: ie,
+            onInput: W,
+            onFocus: ue,
+            onBlur: ce,
+            onChange: ne,
+            onKeydown: de,
+            onKeyup: n[0] || (n[0] = Ue((z) => s("enter"), ["enter"]))
+          }), null, 16, lt),
+          Ve.value ? (i(), c("span", {
+            key: 1,
+            class: u(a(o).e("suffix"))
           }, [
-            e.$slots.prefix || (v = j.value) != null && v.icon ? (i(), d("span", {
-              key: 0,
-              class: c(t(o).e("prefix"))
+            w("span", {
+              class: u(a(o).e("suffix-inner")),
+              onClick: Fe
             }, [
-              g("span", {
-                class: c(t(o).e("prefix-inner")),
-                onClick: Pe
-              }, [
-                N(e.$slots, "prefix"),
-                (E = j.value) != null && E.icon ? (i(), A(t(K), y({
-                  key: 0,
-                  pointer: ""
-                }, j.value, {
-                  class: t(o).e("icon")
+              !P.value || !L.value || !b.value ? (i(), c(q, { key: 0 }, [
+                $(t.$slots, "suffix"),
+                ee.value?.icon ? (i(), V(a(A), v({ key: 0 }, ee.value, {
+                  class: a(o).e("icon")
                 }), null, 16, ["class"])) : r("", !0)
-              ], 2)
-            ], 2)) : r("", !0),
-            g("input", y({
-              id: t(_),
-              ref_key: "input",
-              ref: M,
-              class: t(o).e("inner")
-            }, t(f), {
-              type: e.showPassword ? P.value ? "text" : "password" : e.type,
-              disabled: t(h),
-              formatter: e.formatter,
-              parser: e.parser,
-              readonly: e.readonly,
-              autocomplete: e.autocomplete,
-              tabindex: e.tabindex,
-              "aria-label": e.label,
-              placeholder: e.placeholder,
-              style: e.inputStyle,
-              form: e.form,
-              onCompositionstart: ie,
-              onCompositionupdate: ue,
-              onCompositionend: re,
-              onInput: U,
-              onFocus: de,
-              onBlur: fe,
-              onChange: se,
-              onKeydown: ve,
-              onKeyup: n[0] || (n[0] = Ge((ra) => s("enter"), ["enter"]))
-            }), null, 16, ia),
-            Ae.value ? (i(), d("span", {
-              key: 1,
-              class: c(t(o).e("suffix"))
-            }, [
-              g("span", {
-                class: c(t(o).e("suffix-inner")),
-                onClick: Me
+              ], 64)) : r("", !0),
+              P.value ? (i(), V(a(A), v({
+                key: 1,
+                pointer: "",
+                class: [a(o).e("icon"), a(o).e("clear")]
+              }, Ie.value, {
+                onMousedown: me(a(Xe), ["prevent"]),
+                onClick: me(fe, ["stop"])
+              }), null, 16, ["class", "onMousedown"])) : r("", !0),
+              L.value ? (i(), V(a(A), v({ key: 2 }, ze.value, {
+                class: [a(o).e("icon"), a(o).e("password")],
+                onClick: Pe
+              }), null, 16, ["class"])) : r("", !0),
+              b.value ? (i(), c("span", {
+                key: 3,
+                class: u(a(o).e("count"))
               }, [
-                !R.value || !W.value || !x.value ? (i(), d(J, { key: 0 }, [
-                  N(e.$slots, "suffix"),
-                  (pe = te.value) != null && pe.icon ? (i(), A(t(K), y({ key: 0 }, te.value, {
-                    class: t(o).e("icon")
-                  }), null, 16, ["class"])) : r("", !0)
-                ], 64)) : r("", !0),
-                R.value ? (i(), A(t(K), y({
-                  key: 1,
-                  pointer: "",
-                  class: [t(o).e("icon"), t(o).e("clear")]
-                }, Se.value, {
-                  onMousedown: ye(t(Ze), ["prevent"]),
-                  onClick: ye(me, ["stop"])
-                }), null, 16, ["class", "onMousedown"])) : r("", !0),
-                W.value ? (i(), A(t(K), y({ key: 2 }, Ee.value, {
-                  class: [t(o).e("icon"), t(o).e("password")],
-                  onClick: $e
-                }), null, 16, ["class"])) : r("", !0),
-                x.value ? (i(), d("span", {
-                  key: 3,
-                  class: c(t(o).e("count"))
-                }, [
-                  g("span", {
-                    class: c(t(o).e("count-inner"))
-                  }, D(H.value) + " / " + D(t(f).maxlength), 3)
-                ], 2)) : r("", !0),
-                I.value && ne.value && oe.value ? (i(), A(t(K), {
-                  key: 4,
-                  icon: ne.value,
-                  class: c([
-                    t(o).e("icon"),
-                    t(o).e("validateIcon"),
-                    t(o).is("loading", I.value === "validating")
-                  ])
-                }, null, 8, ["icon", "class"])) : r("", !0)
-              ], 2)
-            ], 2)) : r("", !0)
-          ], 2),
-          e.$slots.append ? (i(), d("div", {
-            key: 1,
-            class: c(t(o).be("group", "append"))
-          }, [
-            N(e.$slots, "append")
+                w("span", {
+                  class: u(a(o).e("count-inner"))
+                }, N(j.value) + " / " + N(a(d).maxlength), 3)
+              ], 2)) : r("", !0),
+              k.value && ae.value && te.value ? (i(), V(a(A), {
+                key: 4,
+                icon: ae.value,
+                class: u([
+                  a(o).e("icon"),
+                  a(o).e("validateIcon"),
+                  a(o).is("loading", k.value === "validating")
+                ])
+              }, null, 8, ["icon", "class"])) : r("", !0)
+            ], 2)
           ], 2)) : r("", !0)
-        ], 64)) : (i(), d(J, { key: 1 }, [
-          g("textarea", y({
-            id: t(_),
-            ref_key: "textarea",
-            ref: b,
-            class: t(ee).e("inner")
-          }, t(f), {
-            tabindex: e.tabindex,
-            disabled: t(h),
-            readonly: e.readonly,
-            autocomplete: e.autocomplete,
-            style: le.value,
-            "aria-label": e.label,
-            placeholder: e.placeholder,
-            form: e.form,
-            onCompositionstart: ie,
-            onCompositionupdate: ue,
-            onCompositionend: re,
-            onInput: U,
-            onFocus: de,
-            onBlur: fe,
-            onChange: se,
-            onKeydown: ve
-          }), null, 16, ua),
-          x.value ? (i(), d("span", {
-            key: 0,
-            style: Je(ae.value),
-            class: c(t(o).e("count"))
-          }, D(H.value) + " / " + D(t(f).maxlength), 7)) : r("", !0)
-        ], 64))
-      ], 16, sa)), [
-        [Qe, e.type !== "hidden"]
-      ]);
-    };
+        ], 2),
+        t.$slots.append ? (i(), c("div", {
+          key: 1,
+          class: u(a(o).be("group", "append"))
+        }, [
+          $(t.$slots, "append")
+        ], 2)) : r("", !0)
+      ], 64)) : (i(), c(q, { key: 1 }, [
+        w("textarea", v({
+          id: a(Y),
+          ref_key: "textarea",
+          ref: y,
+          class: a(Z).e("inner")
+        }, a(d), {
+          tabindex: t.tabindex,
+          disabled: a(p),
+          readonly: t.readonly,
+          autocomplete: t.autocomplete,
+          style: oe.value,
+          "aria-label": t.label,
+          placeholder: t.placeholder,
+          form: t.form,
+          onCompositionstart: le,
+          onCompositionupdate: se,
+          onCompositionend: ie,
+          onInput: W,
+          onFocus: ue,
+          onBlur: ce,
+          onChange: ne,
+          onKeydown: de
+        }), null, 16, st),
+        b.value ? (i(), c("span", {
+          key: 0,
+          style: qe(_.value),
+          class: u(a(o).e("count"))
+        }, N(j.value) + " / " + N(a(d).maxlength), 7)) : r("", !0)
+      ], 64))
+    ], 16, nt)), [
+      [Ge, t.type !== "hidden"]
+    ]);
   }
 });
 export {
-  Ea as default
+  It as default
 };