ep-craft 0.1.39 → 0.1.40

package/dist/components/input/EpInput.vue.js

@@ -1,36 +1,31 @@
-import { defineComponent as yt, useAttrs as ht, useSlots as bt, computed as r, shallowRef as he, ref as P, toRef as be, watch as ae, nextTick as B, onMounted as gt, onBeforeUnmount as xt, openBlock as i, createElementBlock as h, normalizeStyle as ne, normalizeClass as u, unref as o, Fragment as ge, renderSlot as N, createCommentVNode as m, createElementVNode as R, toDisplayString as $, createBlock as b, withCtx as G, resolveDynamicComponent as T, mergeProps as Ae, withModifiers as le, mergeDefaults as wt } from "vue";
-import { useResizeObserver as Ct, isClient as It } from "@vueuse/core";
-import { isNil as kt } from "lodash-unified";
-import { ElIcon as A } from "../icon/index.js";
-import { View as St, Hide as Mt } from "@element-plus/icons-vue";
-import "../form/index.js";
-import { NOOP as O, isObject as Oe } from "@vue/shared";
-import { debugWarn as Et } from "../../utils/error.js";
-import { rAF as Vt, cAF as De } from "../../utils/raf.js";
-import { INPUT_EVENT as xe, UPDATE_MODEL_EVENT as we, CHANGE_EVENT as He } from "../../constants/event.js";
-import { ValidateComponentsMap as zt } from "../../utils/vue/icon.js";
+import { defineComponent as gt, useAttrs as xt, useSlots as wt, computed as r, shallowRef as ge, ref as P, toRef as xe, watch as oe, nextTick as B, onMounted as Ct, onBeforeUnmount as It, openBlock as i, createElementBlock as y, normalizeStyle as ne, normalizeClass as u, unref as a, Fragment as we, renderSlot as N, createCommentVNode as f, createElementVNode as R, toDisplayString as A, createBlock as b, withCtx as $, resolveDynamicComponent as G, mergeProps as Oe, withModifiers as le, mergeDefaults as kt } from "vue";
+import { useResizeObserver as St, isClient as Mt } from "@vueuse/core";
+import { isNil as Et } from "lodash-unified";
+import { ElIcon as T } from "../icon/index.js";
+import { View as Lt, Hide as Vt } from "@element-plus/icons-vue";
+import { debugWarn as zt } from "../../utils/error.js";
+import { NOOP as O, isObject as De } from "@vue/shared";
+import { rAF as Pt, cAF as He } from "../../utils/raf.js";
+import { ValidateComponentsMap as Bt } from "../../utils/vue/icon.js";
 import { useNamespace as Fe } from "../../hooks/use-namespace/index.js";
+import { useId as Nt } from "../../hooks/use-id/index.js";
 import "../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "../../hooks/use-delayed-toggle/index.js";
 import "../../hooks/use-aria/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "../../hooks/use-empty-values/index.js";
-import { useFocusController as Lt } from "../../hooks/use-focus-controller/index.js";
-import { useAttrs as Pt } from "../../hooks/use-attrs/index.js";
-import { useComposition as Bt } from "../../hooks/use-composition/index.js";
-import { useCursor as Nt } from "../../hooks/use-cursor/index.js";
-import { useFloatLabel as Rt } from "../../hooks/use-float-label/index.js";
-import { looseToNumber as We, calcTextareaHeight as Ke } from "./utils.js";
-import { inputEmits as $t, inputPropsDefaults as Gt } from "./input.js";
-import { useFormItem as Tt, useFormItemInputId as At } from "../form/src/hooks/use-form-item.js";
-import { useFormSize as Ot, useFormDisabled as Dt } from "../form/src/hooks/use-form-common-props.js";
-const Ht = ["id", "name", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus", "role", "inputmode"], Ft = ["id", "name", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows", "role", "inputmode"], Ue = "EpInput", xo = /* @__PURE__ */ yt({
-  name: Ue,
+import { useFocusController as Rt } from "../../hooks/use-focus-controller/index.js";
+import { useAttrs as At } from "../../hooks/use-attrs/index.js";
+import { useComposition as $t } from "../../hooks/use-composition/index.js";
+import { useCursor as Gt } from "../../hooks/use-cursor/index.js";
+import { useFloatLabel as Tt } from "../../hooks/use-float-label/index.js";
+import { INPUT_EVENT as Ce, UPDATE_MODEL_EVENT as Ie, CHANGE_EVENT as We } from "../../constants/event.js";
+import { looseToNumber as Ke, calcTextareaHeight as Ue } from "./utils.js";
+import { inputEmits as Ot, inputPropsDefaults as Dt } from "./input.js";
+import { useFormItem as Ht, useFormItemInputId as Ft } from "../form/src/hooks/use-form-item.js";
+import { useFormSize as Wt, useFormDisabled as Kt } from "../form/src/hooks/use-form-common-props.js";
+const Ut = ["id"], jt = ["id", "name", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus", "role", "inputmode"], Yt = ["id"], qt = ["id", "name", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows", "role", "inputmode"], je = "EpInput", xa = /* @__PURE__ */ gt({
+  name: je,
   inheritAttrs: !1,
   __name: "EpInput",
-  props: /* @__PURE__ */ wt({
+  props: /* @__PURE__ */ kt({
     id: {},
     size: {},
     disabled: { type: Boolean },
@@ -65,81 +60,86 @@ const Ht = ["id", "name", "minlength", "maxlength", "type", "disabled", "readonl
     name: {},
     countGraphemes: { type: Function },
     floatLabel: { type: Boolean }
-  }, Gt),
-  emits: $t,
-  setup(a, { expose: je, emit: Ye }) {
-    const t = a, p = Ye, Ce = ht(), D = bt(), qe = r(() => [
-      t.type === "textarea" ? H.b() : s.b(),
-      s.m(Qe.value),
+  }, Dt),
+  emits: Ot,
+  setup(o, { expose: Ye, emit: qe }) {
+    const e = o, p = qe, se = xt(), D = wt(), Je = r(() => [
+      e.type === "textarea" ? H.b() : s.b(),
+      s.m(Ze.value),
       s.is("disabled", I.value),
-      s.is("exceed", et.value),
-      s.is("float-label", t.floatLabel),
+      s.is("exceed", ot.value),
+      s.is("float-label", e.floatLabel),
       {
         [s.b("group")]: D.prepend || D.append,
-        [s.m("prefix")]: D.prefix || t.prefixIcon,
-        [s.m("suffix")]: D.suffix || t.suffixIcon || t.clearable || t.showPassword,
-        [s.bm("suffix", "password-clear")]: X.value && ue.value,
-        [s.b("hidden")]: t.type === "hidden"
+        [s.m("prefix")]: D.prefix || e.prefixIcon,
+        [s.m("suffix")]: D.suffix || e.suffixIcon || e.clearable || e.showPassword,
+        [s.bm("suffix", "password-clear")]: X.value && de.value,
+        [s.b("hidden")]: e.type === "hidden"
       },
-      Ce.class
-    ]), Je = r(() => [
+      se.class
+    ]), Qe = r(() => [
       s.e("wrapper"),
       s.is("focus", Q.value)
-    ]), Ie = Pt(), C = r(() => {
-      var e;
-      return (e = t.maxlength) == null ? void 0 : e.toString();
-    }), { form: se, formItem: f } = Tt(), { inputId: ke } = At(t, {
-      formItemContext: f
-    }), Qe = Ot(), I = Dt(), s = Fe("input"), H = Fe("textarea"), Y = he(), x = he(), ie = P(!1), M = P(!1), Se = P(), Me = P(), q = he(t.inputStyle), F = P(""), J = P(), y = r(() => Y.value || x.value), { wrapperRef: Xe, isFocused: Q, handleFocus: Ee, handleBlur: Ve } = Lt(
-      y,
+    ]), Xe = At(), C = r(() => {
+      var t;
+      return (t = e.maxlength) == null ? void 0 : t.toString();
+    }), { form: ie, formItem: m } = Ht(), { inputId: ke } = Ft(e, {
+      formItemContext: m
+    }), Ze = Wt(), I = Kt(), s = Fe("input"), H = Fe("textarea"), Y = ge(), x = ge(), re = P(!1), M = P(!1), Se = P(), Me = P(), q = ge(e.inputStyle), F = P(""), J = P(), h = r(() => Y.value || x.value), { wrapperRef: _e, isFocused: Q, handleFocus: Ee, handleBlur: Le } = Rt(
+      h,
       {
         disabled: I,
         afterBlur() {
-          var e;
-          t.validateEvent && ((e = f == null ? void 0 : f.validate) == null || e.call(f, "blur").catch(O));
+          var t;
+          e.validateEvent && ((t = m == null ? void 0 : m.validate) == null || t.call(m, "blur").catch(O));
         }
       }
-    ), ze = r(() => (se == null ? void 0 : se.statusIcon) ?? !1), W = r(() => (f == null ? void 0 : f.validateState) || ""), Le = r(
-      () => W.value && zt[W.value]
-    ), Ze = r(() => M.value ? St : Mt), _e = r(() => [
-      Ce.style
+    ), Ve = r(() => (ie == null ? void 0 : ie.statusIcon) ?? !1), W = r(() => (m == null ? void 0 : m.validateState) || ""), ze = r(
+      () => W.value && Bt[W.value]
+    ), et = r(() => M.value ? Lt : Vt), tt = r(() => [
+      se.style
     ]), Pe = r(() => [
-      t.inputStyle,
+      e.inputStyle,
       q.value,
-      { resize: t.resize },
+      { resize: e.resize },
       J.value ? { height: J.value } : void 0
     ]), w = r(
-      () => kt(t.modelValue) ? "" : String(t.modelValue)
-    ), { floatLabelClass: Be } = Rt({
-      floatLabel: be(t, "floatLabel"),
+      () => Et(e.modelValue) ? "" : String(e.modelValue)
+    ), { floatLabelClass: Be } = Tt({
+      floatLabel: xe(e, "floatLabel"),
       isFocused: Q,
       hasValue: r(() => !!w.value),
       isDisabled: I,
-      isReadonly: be(t, "readonly")
-    }), re = r(
-      () => t.clearable && !I.value && !t.readonly
+      isReadonly: xe(e, "readonly")
+    }), ue = Nt(), at = r(
+      () => !e.floatLabel || !e.placeholder || e.ariaLabel || se["aria-labelledby"] ? {} : { "aria-labelledby": ue.value }
+    ), Ne = r(() => ({
+      ...Xe.value,
+      ...at.value
+    })), ce = r(
+      () => e.clearable && !I.value && !e.readonly
     ), X = r(
-      () => re.value && !!w.value && (Q.value || ie.value)
-    ), ue = r(
-      () => t.showPassword && !I.value && !!w.value
+      () => ce.value && !!w.value && (Q.value || re.value)
+    ), de = r(
+      () => e.showPassword && !I.value && !!w.value
     ), E = r(
-      () => t.showWordLimit && !!C.value && (t.type === "text" || t.type === "textarea") && !I.value && !t.readonly && !t.showPassword
-    ), ce = r(() => t.countGraphemes && t.showWordLimit ? t.countGraphemes(w.value) : w.value.length), et = r(
+      () => e.showWordLimit && !!C.value && (e.type === "text" || e.type === "textarea") && !I.value && !e.readonly && !e.showPassword
+    ), fe = r(() => e.countGraphemes && e.showWordLimit ? e.countGraphemes(w.value) : w.value.length), ot = r(
       () => (
         // show exceed style if length of initial value greater then maxlength
-        !!E.value && ce.value > Number(C.value)
+        !!E.value && fe.value > Number(C.value)
       )
-    ), tt = r(
-      () => !!D.suffix || !!t.suffixIcon || t.clearable || t.showPassword || E.value || !!W.value && ze.value
-    ), ot = r(
-      () => !!Object.keys(t.modelModifiers).length
-    ), [at, nt] = Nt(Y);
-    let V;
-    Ct(x, (e) => {
-      if (lt(), !E.value && !re.value || t.resize !== "both" && t.resize !== "horizontal")
+    ), nt = r(
+      () => !!D.suffix || !!e.suffixIcon || e.clearable || e.showPassword || E.value || !!W.value && Ve.value
+    ), lt = r(
+      () => !!Object.keys(e.modelModifiers).length
+    ), [st, it] = Gt(Y);
+    let L;
+    St(x, (t) => {
+      if (rt(), !E.value && !ce.value || e.resize !== "both" && e.resize !== "horizontal")
         return;
-      const n = e[0], { width: l } = n.target.getBoundingClientRect(), d = () => {
-        V = void 0, Se.value = {
+      const n = t[0], { width: l } = n.target.getBoundingClientRect(), d = () => {
+        L = void 0, Se.value = {
           /** right: 100% - (width - right(10)) */
           right: `calc(100% - ${l - 10}px)`
         }, Me.value = {
@@ -147,13 +147,13 @@ const Ht = ["id", "name", "minlength", "maxlength", "type", "disabled", "readonl
           right: `calc(100% - ${l - 11}px)`
         };
       };
-      V && De(V), V = Vt(d);
+      L && He(L), L = Pt(d);
     });
     const K = () => {
-      const { type: e, autosize: n } = t;
-      if (!(!It || e !== "textarea" || !x.value))
+      const { type: t, autosize: n } = e;
+      if (!(!Mt || t !== "textarea" || !x.value))
         if (n) {
-          const l = Oe(n) ? n.minRows : void 0, d = Oe(n) ? n.maxRows : void 0, c = Ke(x.value, l, d);
+          const l = De(n) ? n.minRows : void 0, d = De(n) ? n.maxRows : void 0, c = Ue(x.value, l, d);
           q.value = {
             overflowY: "hidden",
             ...c
@@ -162,39 +162,39 @@ const Ht = ["id", "name", "minlength", "maxlength", "type", "disabled", "readonl
           });
         } else
           q.value = {
-            minHeight: Ke(x.value).minHeight
+            minHeight: Ue(x.value).minHeight
           };
-    }, lt = ((e) => {
+    }, rt = ((t) => {
       let n = !1;
       return () => {
         var d;
-        if (n || !t.autosize) {
-          t.resize !== "none" && setTimeout(() => {
+        if (n || !e.autosize) {
+          e.resize !== "none" && setTimeout(() => {
             var c;
             J.value = (c = x.value) == null ? void 0 : c.style.height;
           });
           return;
         }
-        ((d = x.value) == null ? void 0 : d.offsetParent) === null || (setTimeout(e), n = !0);
+        ((d = x.value) == null ? void 0 : d.offsetParent) === null || (setTimeout(t), n = !0);
       };
-    })(K), z = () => {
-      const e = y.value, n = t.formatter ? t.formatter(w.value) : w.value;
-      !e || e.value === n || t.type === "file" || (e.value = n);
-    }, Ne = (e) => {
-      const { trim: n, number: l } = t.modelModifiers;
-      return n && (e = e.trim()), l && (e = `${We(e)}`), t.formatter && t.parser && (e = t.parser(e)), e;
-    }, de = async (e) => {
+    })(K), V = () => {
+      const t = h.value, n = e.formatter ? e.formatter(w.value) : w.value;
+      !t || t.value === n || e.type === "file" || (t.value = n);
+    }, Re = (t) => {
+      const { trim: n, number: l } = e.modelModifiers;
+      return n && (t = t.trim()), l && (t = `${Ke(t)}`), e.formatter && e.parser && (t = e.parser(t)), t;
+    }, me = async (t) => {
       if ($e.value) return;
-      const { lazy: n } = t.modelModifiers;
-      let { value: l } = e.target, d = !1;
+      const { lazy: n } = e.modelModifiers;
+      let { value: l } = t.target, d = !1;
       if (n) {
-        p(xe, l);
+        p(Ce, l);
         return;
       }
-      if (l = Ne(l), t.countGraphemes && C.value != null) {
-        const c = Number(C.value), te = t.countGraphemes(l), L = t.countGraphemes(F.value);
-        if (te > c && te > L)
-          if (L > c)
+      if (l = Re(l), e.countGraphemes && C.value != null) {
+        const c = Number(C.value), te = e.countGraphemes(l), z = e.countGraphemes(F.value);
+        if (te > c && te > z)
+          if (z > c)
             l = F.value, d = !0;
           else {
             const k = F.value, g = l;
@@ -204,350 +204,352 @@ const Ht = ["id", "name", "minlength", "maxlength", "type", "disabled", "readonl
             let S = k.length, U = g.length;
             for (; S > v && U > v && k[S - 1] === g[U - 1]; )
               S--, U--;
-            const dt = g.slice(0, v), mt = k.slice(v, S), Te = g.slice(v, U), ft = g.slice(U), vt = t.countGraphemes(mt), pt = L - vt, ve = Math.max(0, c - pt);
+            const vt = g.slice(0, v), pt = k.slice(v, S), Te = g.slice(v, U), ht = g.slice(U), yt = e.countGraphemes(pt), bt = z - yt, he = Math.max(0, c - bt);
             let j = "";
-            if (ve > 0)
+            if (he > 0)
               if (typeof Intl < "u" && "Segmenter" in Intl) {
-                const pe = new Intl.Segmenter(void 0, {
+                const ye = new Intl.Segmenter(void 0, {
                   granularity: "grapheme"
                 });
-                for (const { segment: oe } of pe.segment(Te)) {
-                  const ye = j + oe;
-                  if (t.countGraphemes(ye) > ve) break;
-                  j = ye;
+                for (const { segment: ae } of ye.segment(Te)) {
+                  const be = j + ae;
+                  if (e.countGraphemes(be) > he) break;
+                  j = be;
                 }
               } else
-                for (const pe of Array.from(Te)) {
-                  const oe = j + pe;
-                  if (t.countGraphemes(oe) > ve) break;
-                  j = oe;
+                for (const ye of Array.from(Te)) {
+                  const ae = j + ye;
+                  if (e.countGraphemes(ae) > he) break;
+                  j = ae;
                 }
-            l = dt + j + ft, d = !0;
+            l = vt + j + ht, d = !0;
           }
       }
       if (String(l) === w.value) {
-        if (t.formatter || d) {
-          const c = e.target, te = c.value, L = c.selectionStart, k = c.selectionEnd;
-          if (z(), d && y.value && L != null && k != null) {
-            const g = y.value.value, v = te.slice(Math.max(0, k));
-            let S = Math.min(L, g.length);
-            v && g.endsWith(v) && (S = g.length - v.length), y.value.setSelectionRange(S, S);
+        if (e.formatter || d) {
+          const c = t.target, te = c.value, z = c.selectionStart, k = c.selectionEnd;
+          if (V(), d && h.value && z != null && k != null) {
+            const g = h.value.value, v = te.slice(Math.max(0, k));
+            let S = Math.min(z, g.length);
+            v && g.endsWith(v) && (S = g.length - v.length), h.value.setSelectionRange(S, S);
           }
         }
         return;
       }
-      F.value = l, at(), p(we, l), p(xe, l), await B(), (t.formatter && t.parser || !ot.value) && z(), nt();
-    }, Re = async (e) => {
-      let { value: n } = e.target;
-      n = Ne(n), t.modelModifiers.lazy && p(we, n), p(He, n, e), await B(), z();
+      F.value = l, st(), p(Ie, l), p(Ce, l), await B(), (e.formatter && e.parser || !lt.value) && V(), it();
+    }, Ae = async (t) => {
+      let { value: n } = t.target;
+      n = Re(n), e.modelModifiers.lazy && p(Ie, n), p(We, n, t), await B(), V();
     }, {
       isComposing: $e,
       handleCompositionStart: Z,
       handleCompositionUpdate: _,
       handleCompositionEnd: ee
-    } = Bt({ emit: p, afterComposition: de }), st = () => {
+    } = $t({ emit: p, afterComposition: me }), ut = () => {
       M.value = !M.value;
-    }, me = () => {
-      var e;
-      return (e = y.value) == null ? void 0 : e.focus();
-    }, it = () => {
-      var e;
-      return (e = y.value) == null ? void 0 : e.blur();
-    }, rt = (e) => {
-      ie.value = !1, p("mouseleave", e);
-    }, ut = (e) => {
-      ie.value = !0, p("mouseenter", e);
-    }, Ge = (e) => {
-      p("keydown", e);
+    }, ve = () => {
+      var t;
+      return (t = h.value) == null ? void 0 : t.focus();
     }, ct = () => {
-      var e;
-      (e = y.value) == null || e.select();
-    }, fe = (e) => {
-      p(we, ""), p(He, ""), p("clear", e), p(xe, "");
+      var t;
+      return (t = h.value) == null ? void 0 : t.blur();
+    }, dt = (t) => {
+      re.value = !1, p("mouseleave", t);
+    }, ft = (t) => {
+      re.value = !0, p("mouseenter", t);
+    }, Ge = (t) => {
+      p("keydown", t);
+    }, mt = () => {
+      var t;
+      (t = h.value) == null || t.select();
+    }, pe = (t) => {
+      p(Ie, ""), p(We, ""), p("clear", t), p(Ce, "");
     };
-    return ae(
-      () => t.modelValue,
+    return oe(
+      () => e.modelValue,
       () => {
-        var e;
+        var t;
         B(() => {
-          K(), t.autosize && (J.value = void 0);
-        }), t.validateEvent && ((e = f == null ? void 0 : f.validate) == null || e.call(f, "change").catch(O));
+          K(), e.autosize && (J.value = void 0);
+        }), e.validateEvent && ((t = m == null ? void 0 : m.validate) == null || t.call(m, "change").catch(O));
       }
-    ), ae(
+    ), oe(
       () => w.value,
-      (e) => {
-        F.value = e;
+      (t) => {
+        F.value = t;
       },
       { immediate: !0 }
-    ), ae(w, (e) => {
-      if (!y.value)
+    ), oe(w, (t) => {
+      if (!h.value)
         return;
-      const { trim: n, number: l } = t.modelModifiers, d = y.value.value, c = (l || t.type === "number") && !/^0\d/.test(d) ? `${We(d)}` : d;
-      c !== e && (document.activeElement === y.value && y.value.type !== "range" && n && c.trim() === e || z());
-    }), ae(
-      () => t.type,
+      const { trim: n, number: l } = e.modelModifiers, d = h.value.value, c = (l || e.type === "number") && !/^0\d/.test(d) ? `${Ke(d)}` : d;
+      c !== t && (document.activeElement === h.value && h.value.type !== "range" && n && c.trim() === t || V());
+    }), oe(
+      () => e.type,
       async () => {
-        await B(), z(), K();
+        await B(), V(), K();
       }
-    ), gt(() => {
-      !t.formatter && t.parser && Et(
-        Ue,
+    ), Ct(() => {
+      !e.formatter && e.parser && zt(
+        je,
         "If you set the parser, you also need to set the formatter."
-      ), z(), B(K);
-    }), xt(() => {
-      V && De(V);
-    }), je({
+      ), V(), B(K);
+    }), It(() => {
+      L && He(L);
+    }), Ye({
       /** @description HTML input element */
       input: Y,
       /** @description HTML textarea element */
       textarea: x,
       /** @description HTML element, input or textarea */
-      ref: y,
+      ref: h,
       /** @description style of textarea. */
       textareaStyle: Pe,
       /** @description from props (used on unit test) */
-      autosize: be(t, "autosize"),
+      autosize: xe(e, "autosize"),
       /** @description is input composing */
       isComposing: $e,
       /** @description whether the password is visible */
       passwordVisible: M,
       /** @description HTML input element native method */
-      focus: me,
+      focus: ve,
       /** @description HTML input element native method */
-      blur: it,
+      blur: ct,
       /** @description HTML input element native method */
-      select: ct,
+      select: mt,
       /** @description clear input value */
-      clear: fe,
+      clear: pe,
       /** @description resize textarea. */
       resizeTextarea: K
-    }), (e, n) => (i(), h("div", {
+    }), (t, n) => (i(), y("div", {
       class: u([
-        qe.value,
+        Je.value,
         {
-          [o(s).bm("group", "append")]: e.$slots.append,
-          [o(s).bm("group", "prepend")]: e.$slots.prepend
+          [a(s).bm("group", "append")]: t.$slots.append,
+          [a(s).bm("group", "prepend")]: t.$slots.prepend
         }
       ]),
-      style: ne(_e.value),
-      onMouseenter: ut,
-      onMouseleave: rt
+      style: ne(tt.value),
+      onMouseenter: ft,
+      onMouseleave: dt
     }, [
-      a.type !== "textarea" ? (i(), h(ge, { key: 0 }, [
-        e.$slots.prepend ? (i(), h("div", {
+      o.type !== "textarea" ? (i(), y(we, { key: 0 }, [
+        t.$slots.prepend ? (i(), y("div", {
           key: 0,
-          class: u(o(s).be("group", "prepend"))
+          class: u(a(s).be("group", "prepend"))
         }, [
-          N(e.$slots, "prepend")
-        ], 2)) : m("", !0),
+          N(t.$slots, "prepend")
+        ], 2)) : f("", !0),
         R("div", {
           ref_key: "wrapperRef",
-          ref: Xe,
-          class: u(Je.value)
+          ref: _e,
+          class: u(Qe.value)
         }, [
-          a.floatLabel ? (i(), h("span", {
+          o.floatLabel ? (i(), y("span", {
             key: 0,
-            class: u(["el-float-label", o(Be)]),
-            onClick: me
-          }, $(a.placeholder), 3)) : m("", !0),
-          e.$slots.prefix || a.prefixIcon ? (i(), h("span", {
+            id: a(ue),
+            class: u(["el-float-label", a(Be)]),
+            onClick: ve
+          }, A(o.placeholder), 11, Ut)) : f("", !0),
+          t.$slots.prefix || o.prefixIcon ? (i(), y("span", {
             key: 1,
-            class: u(o(s).e("prefix"))
+            class: u(a(s).e("prefix"))
           }, [
             R("span", {
-              class: u(o(s).e("prefix-inner"))
+              class: u(a(s).e("prefix-inner"))
             }, [
-              N(e.$slots, "prefix"),
-              a.prefixIcon ? (i(), b(o(A), {
+              N(t.$slots, "prefix"),
+              o.prefixIcon ? (i(), b(a(T), {
                 key: 0,
-                class: u(o(s).e("icon"))
+                class: u(a(s).e("icon"))
               }, {
-                default: G(() => [
-                  (i(), b(T(a.prefixIcon)))
+                default: $(() => [
+                  (i(), b(G(o.prefixIcon)))
                 ]),
                 _: 1
-              }, 8, ["class"])) : m("", !0)
+              }, 8, ["class"])) : f("", !0)
             ], 2)
-          ], 2)) : m("", !0),
-          R("input", Ae({
-            id: o(ke),
+          ], 2)) : f("", !0),
+          R("input", Oe({
+            id: a(ke),
             ref_key: "input",
             ref: Y,
-            class: o(s).e("inner")
-          }, o(Ie), {
-            name: a.name,
-            minlength: a.countGraphemes ? void 0 : a.minlength,
-            maxlength: a.countGraphemes ? void 0 : C.value,
-            type: a.showPassword ? M.value ? "text" : "password" : a.type,
-            disabled: o(I),
-            readonly: a.readonly,
-            autocomplete: a.autocomplete,
-            tabindex: a.tabindex,
-            "aria-label": a.ariaLabel,
-            placeholder: a.floatLabel ? void 0 : a.placeholder,
-            style: a.inputStyle,
-            form: a.form,
-            autofocus: a.autofocus,
-            role: a.containerRole,
-            inputmode: a.inputmode,
+            class: a(s).e("inner")
+          }, Ne.value, {
+            name: o.name,
+            minlength: o.countGraphemes ? void 0 : o.minlength,
+            maxlength: o.countGraphemes ? void 0 : C.value,
+            type: o.showPassword ? M.value ? "text" : "password" : o.type,
+            disabled: a(I),
+            readonly: o.readonly,
+            autocomplete: o.autocomplete,
+            tabindex: o.tabindex,
+            "aria-label": o.ariaLabel,
+            placeholder: o.floatLabel ? void 0 : o.placeholder,
+            style: o.inputStyle,
+            form: o.form,
+            autofocus: o.autofocus,
+            role: o.containerRole,
+            inputmode: o.inputmode,
             onCompositionstart: n[0] || (n[0] = //@ts-ignore
-            (...l) => o(Z) && o(Z)(...l)),
+            (...l) => a(Z) && a(Z)(...l)),
             onCompositionupdate: n[1] || (n[1] = //@ts-ignore
-            (...l) => o(_) && o(_)(...l)),
+            (...l) => a(_) && a(_)(...l)),
             onCompositionend: n[2] || (n[2] = //@ts-ignore
-            (...l) => o(ee) && o(ee)(...l)),
-            onInput: de,
-            onChange: Re,
+            (...l) => a(ee) && a(ee)(...l)),
+            onInput: me,
+            onChange: Ae,
             onKeydown: Ge
-          }), null, 16, Ht),
-          tt.value ? (i(), h("span", {
+          }), null, 16, jt),
+          nt.value ? (i(), y("span", {
             key: 2,
-            class: u(o(s).e("suffix"))
+            class: u(a(s).e("suffix"))
           }, [
             R("span", {
-              class: u(o(s).e("suffix-inner"))
+              class: u(a(s).e("suffix-inner"))
             }, [
-              re.value ? (i(), b(o(A), {
+              ce.value ? (i(), b(a(T), {
                 key: 0,
-                class: u([o(s).e("icon"), o(s).e("clear")]),
+                class: u([a(s).e("icon"), a(s).e("clear")]),
                 style: ne({ visibility: X.value ? "visible" : "hidden" }),
-                onMousedown: le(o(O), ["prevent"]),
-                onClick: fe
+                onMousedown: le(a(O), ["prevent"]),
+                onClick: pe
               }, {
-                default: G(() => [
-                  (i(), b(T(a.clearIcon)))
+                default: $(() => [
+                  (i(), b(G(o.clearIcon)))
                 ]),
                 _: 1
-              }, 8, ["class", "style", "onMousedown"])) : m("", !0),
-              !X.value || !ue.value || !E.value ? (i(), h(ge, { key: 1 }, [
-                N(e.$slots, "suffix"),
-                a.suffixIcon ? (i(), b(o(A), {
+              }, 8, ["class", "style", "onMousedown"])) : f("", !0),
+              !X.value || !de.value || !E.value ? (i(), y(we, { key: 1 }, [
+                N(t.$slots, "suffix"),
+                o.suffixIcon ? (i(), b(a(T), {
                   key: 0,
-                  class: u(o(s).e("icon"))
+                  class: u(a(s).e("icon"))
                 }, {
-                  default: G(() => [
-                    (i(), b(T(a.suffixIcon)))
+                  default: $(() => [
+                    (i(), b(G(o.suffixIcon)))
                   ]),
                   _: 1
-                }, 8, ["class"])) : m("", !0)
-              ], 64)) : m("", !0),
-              ue.value ? (i(), b(o(A), {
+                }, 8, ["class"])) : f("", !0)
+              ], 64)) : f("", !0),
+              de.value ? (i(), b(a(T), {
                 key: 2,
-                class: u([o(s).e("icon"), o(s).e("password")]),
-                onClick: st,
-                onMousedown: le(o(O), ["prevent"]),
-                onMouseup: le(o(O), ["prevent"])
+                class: u([a(s).e("icon"), a(s).e("password")]),
+                onClick: ut,
+                onMousedown: le(a(O), ["prevent"]),
+                onMouseup: le(a(O), ["prevent"])
               }, {
-                default: G(() => [
-                  N(e.$slots, "password-icon", { visible: M.value }, () => [
-                    (i(), b(T(Ze.value)))
+                default: $(() => [
+                  N(t.$slots, "password-icon", { visible: M.value }, () => [
+                    (i(), b(G(et.value)))
                   ])
                 ]),
                 _: 3
-              }, 8, ["class", "onMousedown", "onMouseup"])) : m("", !0),
-              E.value ? (i(), h("span", {
+              }, 8, ["class", "onMousedown", "onMouseup"])) : f("", !0),
+              E.value ? (i(), y("span", {
                 key: 3,
                 class: u([
-                  o(s).e("count"),
-                  o(s).is("outside", a.wordLimitPosition === "outside")
+                  a(s).e("count"),
+                  a(s).is("outside", o.wordLimitPosition === "outside")
                 ])
               }, [
                 R("span", {
-                  class: u(o(s).e("count-inner"))
-                }, $(ce.value) + " / " + $(C.value), 3)
-              ], 2)) : m("", !0),
-              W.value && Le.value && ze.value ? (i(), b(o(A), {
+                  class: u(a(s).e("count-inner"))
+                }, A(fe.value) + " / " + A(C.value), 3)
+              ], 2)) : f("", !0),
+              W.value && ze.value && Ve.value ? (i(), b(a(T), {
                 key: 4,
                 class: u([
-                  o(s).e("icon"),
-                  o(s).e("validateIcon"),
-                  o(s).is("loading", W.value === "validating")
+                  a(s).e("icon"),
+                  a(s).e("validateIcon"),
+                  a(s).is("loading", W.value === "validating")
                 ])
               }, {
-                default: G(() => [
-                  (i(), b(T(Le.value)))
+                default: $(() => [
+                  (i(), b(G(ze.value)))
                 ]),
                 _: 1
-              }, 8, ["class"])) : m("", !0)
+              }, 8, ["class"])) : f("", !0)
             ], 2)
-          ], 2)) : m("", !0)
+          ], 2)) : f("", !0)
         ], 2),
-        e.$slots.append ? (i(), h("div", {
+        t.$slots.append ? (i(), y("div", {
           key: 1,
-          class: u(o(s).be("group", "append"))
+          class: u(a(s).be("group", "append"))
         }, [
-          N(e.$slots, "append")
-        ], 2)) : m("", !0)
-      ], 64)) : (i(), h(ge, { key: 1 }, [
-        a.floatLabel ? (i(), h("span", {
+          N(t.$slots, "append")
+        ], 2)) : f("", !0)
+      ], 64)) : (i(), y(we, { key: 1 }, [
+        o.floatLabel ? (i(), y("span", {
           key: 0,
-          class: u(["el-float-label", o(Be)]),
-          onClick: me
-        }, $(a.placeholder), 3)) : m("", !0),
-        R("textarea", Ae({
-          id: o(ke),
+          id: a(ue),
+          class: u(["el-float-label", a(Be)]),
+          onClick: ve
+        }, A(o.placeholder), 11, Yt)) : f("", !0),
+        R("textarea", Oe({
+          id: a(ke),
           ref_key: "textarea",
           ref: x,
           class: [
-            o(H).e("inner"),
-            o(s).is("focus", o(Q)),
-            o(H).is("clearable", a.clearable)
+            a(H).e("inner"),
+            a(s).is("focus", a(Q)),
+            a(H).is("clearable", o.clearable)
           ]
-        }, o(Ie), {
-          name: a.name,
-          minlength: a.countGraphemes ? void 0 : a.minlength,
-          maxlength: a.countGraphemes ? void 0 : C.value,
-          tabindex: a.tabindex,
-          disabled: o(I),
-          readonly: a.readonly,
-          autocomplete: a.autocomplete,
+        }, Ne.value, {
+          name: o.name,
+          minlength: o.countGraphemes ? void 0 : o.minlength,
+          maxlength: o.countGraphemes ? void 0 : C.value,
+          tabindex: o.tabindex,
+          disabled: a(I),
+          readonly: o.readonly,
+          autocomplete: o.autocomplete,
           style: Pe.value,
-          "aria-label": a.ariaLabel,
-          placeholder: a.floatLabel ? void 0 : a.placeholder,
-          form: a.form,
-          autofocus: a.autofocus,
-          rows: a.rows,
-          role: a.containerRole,
-          inputmode: a.inputmode,
+          "aria-label": o.ariaLabel,
+          placeholder: o.floatLabel ? void 0 : o.placeholder,
+          form: o.form,
+          autofocus: o.autofocus,
+          rows: o.rows,
+          role: o.containerRole,
+          inputmode: o.inputmode,
           onCompositionstart: n[3] || (n[3] = //@ts-ignore
-          (...l) => o(Z) && o(Z)(...l)),
+          (...l) => a(Z) && a(Z)(...l)),
           onCompositionupdate: n[4] || (n[4] = //@ts-ignore
-          (...l) => o(_) && o(_)(...l)),
+          (...l) => a(_) && a(_)(...l)),
           onCompositionend: n[5] || (n[5] = //@ts-ignore
-          (...l) => o(ee) && o(ee)(...l)),
-          onInput: de,
+          (...l) => a(ee) && a(ee)(...l)),
+          onInput: me,
           onFocus: n[6] || (n[6] = //@ts-ignore
-          (...l) => o(Ee) && o(Ee)(...l)),
+          (...l) => a(Ee) && a(Ee)(...l)),
           onBlur: n[7] || (n[7] = //@ts-ignore
-          (...l) => o(Ve) && o(Ve)(...l)),
-          onChange: Re,
+          (...l) => a(Le) && a(Le)(...l)),
+          onChange: Ae,
           onKeydown: Ge
-        }), null, 16, Ft),
-        X.value ? (i(), b(o(A), {
+        }), null, 16, qt),
+        X.value ? (i(), b(a(T), {
           key: 1,
-          class: u([o(H).e("icon"), o(H).e("clear")]),
+          class: u([a(H).e("icon"), a(H).e("clear")]),
           style: ne(Me.value),
-          onMousedown: le(o(O), ["prevent"]),
-          onClick: fe
+          onMousedown: le(a(O), ["prevent"]),
+          onClick: pe
         }, {
-          default: G(() => [
-            (i(), b(T(a.clearIcon)))
+          default: $(() => [
+            (i(), b(G(o.clearIcon)))
           ]),
           _: 1
-        }, 8, ["class", "style", "onMousedown"])) : m("", !0),
-        E.value ? (i(), h("span", {
+        }, 8, ["class", "style", "onMousedown"])) : f("", !0),
+        E.value ? (i(), y("span", {
           key: 2,
           style: ne(Se.value),
           class: u([
-            o(s).e("count"),
-            o(s).is("outside", a.wordLimitPosition === "outside")
+            a(s).e("count"),
+            a(s).is("outside", o.wordLimitPosition === "outside")
           ])
-        }, $(ce.value) + " / " + $(C.value), 7)) : m("", !0)
+        }, A(fe.value) + " / " + A(C.value), 7)) : f("", !0)
       ], 64)),
-      N(e.$slots, "default")
+      N(t.$slots, "default")
     ], 38));
   }
 });
 export {
-  xo as default
+  xa as default
 };