st-comp 0.0.279 → 0.0.281

package/es/el-input-d23f5442.js

@@ -0,0 +1,761 @@
+import { v as tt, X as Ct, b as Nt, c as L, a as Ce, s as Ke, u as Xe, l as Ne, N as D, y as Pt, k as Ye, w as zt } from "./base-dd156b8e.js";
+import { u as Mt, U as he, v as ot, I as Pe, C as Ze } from "./el-popper-0454c8e8.js";
+import { h as Vt, i as ze, d as kt, f as Tt, e as Lt, g as Rt, V as Bt, u as Ft } from "./use-form-item-784142b4.js";
+import { r as Ot, c as qe } from "./raf-b4fd1e12.js";
+import { computed as u, getCurrentInstance as $t, markRaw as At, defineComponent as Gt, useAttrs as Ht, useSlots as Dt, shallowRef as Me, ref as j, watch as fe, nextTick as U, onMounted as jt, onBeforeUnmount as Ut, toRef as Wt, openBlock as d, createElementBlock as M, normalizeClass as h, unref as a, normalizeStyle as ve, createCommentVNode as v, Fragment as Ve, renderSlot as te, createElementVNode as W, createBlock as C, withCtx as K, resolveDynamicComponent as X, mergeProps as Je, withModifiers as pe, toDisplayString as me } from "vue";
+import { u as Kt } from "./index-a181f161.js";
+import { a as Xt, u as Yt } from "./index-dddacf80.js";
+import { t as at, H as Zt, I as qt, E as Y } from "./index-6a52dc7c.js";
+import { m as Jt } from "./typescript-7ae59c4c.js";
+const Qt = ["class", "style"], _t = /^on[A-Z]/, eo = (e = {}) => {
+  const { excludeListeners: r = !1, excludeKeys: I } = e, t = u(() => ((I == null ? void 0 : I.value) || []).concat(Qt)), l = $t();
+  return l ? u(() => {
+    var c;
+    return Ct(Object.entries((c = l.proxy) == null ? void 0 : c.$attrs).filter(([p]) => !t.value.includes(p) && !(r && _t.test(p))));
+  }) : (tt("use-attrs", "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function"), u(() => ({})));
+};
+function to(e) {
+  let r;
+  function I() {
+    if (e.value == null)
+      return;
+    const { selectionStart: l, selectionEnd: c, value: p } = e.value;
+    l == null || c == null || (r = {
+      selectionStart: l,
+      selectionEnd: c,
+      value: p,
+      beforeTxt: p.slice(0, Math.max(0, l)),
+      afterTxt: p.slice(Math.max(0, c))
+    });
+  }
+  function t() {
+    if (e.value == null || r == null)
+      return;
+    const { value: l } = e.value, { beforeTxt: c, afterTxt: p, selectionStart: g } = r;
+    if (c == null || p == null || g == null)
+      return;
+    let N = l.length;
+    if (l.endsWith(p))
+      N = l.length - p.length;
+    else if (l.startsWith(c))
+      N = c.length;
+    else {
+      const R = c[g - 1], x = l.indexOf(R, g - 1);
+      x !== -1 && (N = x + 1);
+    }
+    e.value.setSelectionRange(N, N);
+  }
+  return [I, t];
+}
+const oo = Nt({
+  /**
+  * @description native input id
+  */
+  id: {
+    type: String,
+    default: void 0
+  },
+  /**
+  * @description input box size
+  */
+  size: Vt,
+  /**
+  * @description whether to disable
+  */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description binding value
+  */
+  modelValue: {
+    type: L([
+      String,
+      Number,
+      Object
+    ]),
+    default: ""
+  },
+  /**
+  * @description v-model modifiers, reference [Vue modifiers](https://vuejs.org/guide/essentials/forms.html#modifiers)
+  */
+  modelModifiers: {
+    type: L(Object),
+    default: () => ({})
+  },
+  /**
+  * @description same as `maxlength` in native input
+  */
+  maxlength: { type: [String, Number] },
+  /**
+  * @description same as `minlength` in native input
+  */
+  minlength: { type: [String, Number] },
+  /**
+  * @description type of input, see more in [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types)
+  */
+  type: {
+    type: L(String),
+    default: "text"
+  },
+  /**
+  * @description control the resizability
+  */
+  resize: {
+    type: String,
+    values: [
+      "none",
+      "both",
+      "horizontal",
+      "vertical"
+    ]
+  },
+  /**
+  * @description whether textarea has an adaptive height
+  */
+  autosize: {
+    type: L([Boolean, Object]),
+    default: !1
+  },
+  /**
+  * @description native input autocomplete
+  */
+  autocomplete: {
+    type: L(String),
+    default: "off"
+  },
+  /**
+  * @description format content
+  */
+  formatter: { type: Function },
+  /**
+  * @description parse content
+  */
+  parser: { type: Function },
+  /**
+  * @description placeholder
+  */
+  placeholder: { type: String },
+  /**
+  * @description native input form
+  */
+  form: { type: String },
+  /**
+  * @description native input readonly
+  */
+  readonly: Boolean,
+  /**
+  * @description whether to show clear button
+  */
+  clearable: Boolean,
+  /**
+  * @description custom clear icon component
+  */
+  clearIcon: {
+    type: ze,
+    default: at
+  },
+  /**
+  * @description toggleable password input
+  */
+  showPassword: Boolean,
+  /**
+  * @description word count
+  */
+  showWordLimit: Boolean,
+  /**
+  * @description word count position, valid when `show-word-limit` is true
+  */
+  wordLimitPosition: {
+    type: String,
+    values: ["inside", "outside"],
+    default: "inside"
+  },
+  /**
+  * @description suffix icon
+  */
+  suffixIcon: { type: ze },
+  /**
+  * @description prefix icon
+  */
+  prefixIcon: { type: ze },
+  /**
+  * @description container role, internal properties provided for use by the picker component
+  */
+  containerRole: {
+    type: String,
+    default: void 0
+  },
+  /**
+  * @description input tabindex
+  */
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  /**
+  * @description whether to trigger form validation
+  */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+  * @description input or textarea element style
+  */
+  inputStyle: {
+    type: L([
+      Object,
+      Array,
+      String,
+      Boolean
+    ]),
+    default: () => Jt({})
+  },
+  /**
+  * @description Count graphemes of input value. If it's set, native maxlength and minlength won't be used.
+  */
+  countGraphemes: { type: L(Function) },
+  /**
+  * @description native input autofocus
+  */
+  autofocus: Boolean,
+  rows: {
+    type: Number,
+    default: 2
+  },
+  ...Mt(["ariaLabel"]),
+  /**
+  * @description native input mode for virtual keyboards
+  */
+  inputmode: {
+    type: L(String),
+    default: void 0
+  },
+  /**
+  * @description same as `name` in native input
+  */
+  name: String
+}), ao = {
+  [he]: (e) => Ce(e),
+  input: (e) => Ce(e),
+  change: (e, r) => Ce(e) && (r instanceof Event || r === void 0),
+  focus: (e) => e instanceof FocusEvent,
+  blur: (e) => e instanceof FocusEvent,
+  clear: (e) => e === void 0 || e instanceof MouseEvent,
+  mouseleave: (e) => e instanceof MouseEvent,
+  mouseenter: (e) => e instanceof MouseEvent,
+  keydown: (e) => e instanceof Event,
+  compositionstart: (e) => e instanceof CompositionEvent,
+  compositionupdate: (e) => e instanceof CompositionEvent,
+  compositionend: (e) => e instanceof CompositionEvent
+};
+At(at);
+let b;
+const no = {
+  height: "0",
+  visibility: "hidden",
+  overflow: ot() ? "" : "hidden",
+  position: "absolute",
+  "z-index": "-1000",
+  top: "0",
+  right: "0"
+}, so = [
+  "letter-spacing",
+  "line-height",
+  "padding-top",
+  "padding-bottom",
+  "font-family",
+  "font-weight",
+  "font-size",
+  "text-rendering",
+  "text-transform",
+  "width",
+  "text-indent",
+  "padding-left",
+  "padding-right",
+  "border-width",
+  "box-sizing",
+  "word-break"
+], Qe = (e) => {
+  const r = Number.parseFloat(e);
+  return Number.isNaN(r) ? e : r;
+};
+function io(e) {
+  const r = window.getComputedStyle(e), I = r.getPropertyValue("box-sizing"), t = Number.parseFloat(r.getPropertyValue("padding-bottom")) + Number.parseFloat(r.getPropertyValue("padding-top")), l = Number.parseFloat(r.getPropertyValue("border-bottom-width")) + Number.parseFloat(r.getPropertyValue("border-top-width"));
+  return {
+    contextStyle: so.map((c) => [c, r.getPropertyValue(c)]),
+    paddingSize: t,
+    borderSize: l,
+    boxSizing: I
+  };
+}
+function _e(e, r = 1, I) {
+  var x;
+  if (!b) {
+    b = document.createElement("textarea");
+    let f = document.body;
+    !ot() && e.parentNode && (f = e.parentNode), f.appendChild(b);
+  }
+  const { paddingSize: t, borderSize: l, boxSizing: c, contextStyle: p } = io(e);
+  p.forEach(([f, m]) => b == null ? void 0 : b.style.setProperty(f, m)), Object.entries(no).forEach(([f, m]) => b == null ? void 0 : b.style.setProperty(f, m, "important")), b.value = e.value || e.placeholder || "";
+  let g = b.scrollHeight;
+  const N = {};
+  c === "border-box" ? g = g + l : c === "content-box" && (g = g - t), b.value = "";
+  const R = b.scrollHeight - t;
+  if (Ke(r)) {
+    let f = R * r;
+    c === "border-box" && (f = f + t + l), g = Math.max(f, g), N.minHeight = `${f}px`;
+  }
+  if (Ke(I)) {
+    let f = R * I;
+    c === "border-box" && (f = f + t + l), g = Math.min(f, g);
+  }
+  return N.height = `${g}px`, (x = b.parentNode) == null || x.removeChild(b), b = void 0, N;
+}
+const lo = [
+  "id",
+  "name",
+  "minlength",
+  "maxlength",
+  "type",
+  "disabled",
+  "readonly",
+  "autocomplete",
+  "tabindex",
+  "aria-label",
+  "placeholder",
+  "form",
+  "autofocus",
+  "role",
+  "inputmode"
+], ro = ["aria-label"], uo = [
+  "id",
+  "name",
+  "minlength",
+  "maxlength",
+  "tabindex",
+  "disabled",
+  "readonly",
+  "autocomplete",
+  "aria-label",
+  "placeholder",
+  "form",
+  "autofocus",
+  "rows",
+  "role",
+  "inputmode"
+], co = ["aria-label"], et = "ElInput";
+var fo = /* @__PURE__ */ Gt({
+  name: et,
+  inheritAttrs: !1,
+  __name: "input",
+  props: oo,
+  emits: ao,
+  setup(e, { expose: r, emit: I }) {
+    const t = e, l = I, c = Ht(), p = Dt(), g = u(() => [
+      t.type === "textarea" ? Z.b() : i.b(),
+      i.m(nt.value),
+      i.is("disabled", B.value),
+      i.is("exceed", ut.value),
+      {
+        [i.b("group")]: p.prepend || p.append,
+        [i.m("prefix")]: p.prefix || t.prefixIcon,
+        [i.m("suffix")]: p.suffix || t.suffixIcon || t.clearable || t.showPassword,
+        [i.bm("suffix", "password-clear")]: se.value && xe.value,
+        [i.b("hidden")]: t.type === "hidden"
+      },
+      c.class
+    ]), N = u(() => [i.e("wrapper"), i.is("focus", be.value)]), R = eo(), x = u(() => {
+      var o;
+      return (o = t.maxlength) == null ? void 0 : o.toString();
+    }), { form: f, formItem: m } = kt(), { inputId: ke } = Tt(t, { formItemContext: m }), nt = Lt(), B = Rt(), i = Xe("input"), Z = Xe("textarea"), { t: st } = Kt(), oe = Me(), z = Me(), ye = j(!1), F = j(!1), Te = j(), Le = j(), ae = Me(t.inputStyle), q = j("");
+    let O;
+    const ne = j(), w = u(() => oe.value || z.value), { wrapperRef: it, isFocused: be, handleFocus: Re, handleBlur: Be } = Xt(w, {
+      disabled: B,
+      afterFocus() {
+        var o;
+        t.showPassword && (O = (o = w.value) == null ? void 0 : o.value);
+      },
+      beforeBlur(o) {
+        var s;
+        if (t.showPassword) {
+          const n = w.value;
+          if (o.relatedTarget && ((s = n == null ? void 0 : n.parentElement) != null && s.contains(o.relatedTarget)))
+            return;
+          const y = n == null ? void 0 : n.value;
+          !Ne(y) && !Ne(O) && y !== O && (n == null || n.dispatchEvent(new Event("change", { bubbles: !0 }))), O = void 0;
+        }
+      },
+      afterBlur() {
+        var o;
+        t.validateEvent && ((o = m == null ? void 0 : m.validate) == null || o.call(m, "blur").catch(D));
+      }
+    }), Fe = u(() => (f == null ? void 0 : f.statusIcon) ?? !1), J = u(() => (m == null ? void 0 : m.validateState) || ""), Oe = u(() => J.value && Bt[J.value]), lt = u(() => F.value ? Zt : qt), rt = u(() => [c.style]), $e = u(() => [
+      t.inputStyle,
+      ae.value,
+      { resize: t.resize },
+      ne.value ? { height: ne.value } : void 0
+    ]), V = u(() => Ne(t.modelValue) ? "" : String(t.modelValue)), ge = u(() => t.clearable && !B.value && !t.readonly), se = u(() => ge.value && !!V.value && (be.value || ye.value)), xe = u(() => t.showPassword && !B.value && !!V.value), $ = u(() => t.showWordLimit && !!x.value && (t.type === "text" || t.type === "textarea") && !B.value && !t.readonly && !t.showPassword), ie = u(() => t.countGraphemes && t.showWordLimit ? t.countGraphemes(V.value) : V.value.length), Ae = u(() => st("el.input.characters", {
+      count: ie.value,
+      max: x.value ?? ""
+    })), ut = u(() => !!$.value && ie.value > Number(x.value)), ct = u(() => !!p.suffix || !!t.suffixIcon || t.clearable || t.showPassword || $.value || !!J.value && Fe.value), dt = u(() => !!Object.keys(t.modelModifiers).length), [ft, vt] = to(oe);
+    let A;
+    Ft(z, (o) => {
+      if (pt(), !$.value && !ge.value || t.resize !== "both" && t.resize !== "horizontal")
+        return;
+      const { width: s } = o[0].target.getBoundingClientRect(), n = () => {
+        A = void 0, Te.value = {
+          /** right: 100% - (width - right(10)) */
+          right: `calc(100% - ${s - 10}px)`
+        }, Le.value = {
+          /** right: 100% - (width - right(11)) */
+          right: `calc(100% - ${s - 11}px)`
+        };
+      };
+      A && qe(A), A = Ot(n);
+    });
+    const Q = () => {
+      const { type: o, autosize: s } = t;
+      if (!(!Pt || o !== "textarea" || !z.value))
+        if (s) {
+          const n = Ye(s) ? s.minRows : void 0, y = Ye(s) ? s.maxRows : void 0, E = _e(z.value, n, y);
+          ae.value = {
+            overflowY: "hidden",
+            ...E
+          }, U(() => {
+            z.value.offsetHeight, ae.value = E;
+          });
+        } else
+          ae.value = { minHeight: _e(z.value).minHeight };
+    }, pt = ((o) => {
+      let s = !1;
+      return () => {
+        var n;
+        if (s || !t.autosize) {
+          t.resize !== "none" && setTimeout(() => {
+            var y;
+            ne.value = (y = z.value) == null ? void 0 : y.style.height;
+          });
+          return;
+        }
+        ((n = z.value) == null ? void 0 : n.offsetParent) !== null && (setTimeout(o), s = !0);
+      };
+    })(Q), G = () => {
+      const o = w.value, s = t.formatter ? t.formatter(V.value) : V.value;
+      !o || o.value === s || t.type === "file" || (o.value = s);
+    }, Ge = (o) => {
+      const { trim: s, number: n } = t.modelModifiers;
+      return s && (o = o.trim()), n && (o = `${Qe(o)}`), t.formatter && t.parser && (o = t.parser(o)), o;
+    }, we = async (o) => {
+      if (De.value)
+        return;
+      const { lazy: s } = t.modelModifiers;
+      let { value: n } = o.target, y = !1;
+      if (s) {
+        l(Pe, n);
+        return;
+      }
+      if (n = Ge(n), t.countGraphemes && x.value != null) {
+        const E = Number(x.value), ce = t.countGraphemes(n), H = t.countGraphemes(q.value);
+        if (ce > E && ce > H)
+          if (H > E)
+            n = q.value, y = !0;
+          else {
+            const k = q.value, P = n;
+            let S = 0;
+            for (; S < k.length && S < P.length && k[S] === P[S]; )
+              S++;
+            let T = k.length, _ = P.length;
+            for (; T > S && _ > S && k[T - 1] === P[_ - 1]; )
+              T--, _--;
+            const wt = P.slice(0, S), St = k.slice(S, T), Ue = P.slice(S, _), Et = P.slice(_), It = H - t.countGraphemes(St), Ee = Math.max(0, E - It);
+            let ee = "";
+            if (Ee > 0)
+              if (typeof Intl < "u" && "Segmenter" in Intl) {
+                const Ie = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+                for (const { segment: de } of Ie.segment(Ue)) {
+                  const We = ee + de;
+                  if (t.countGraphemes(We) > Ee)
+                    break;
+                  ee = We;
+                }
+              } else
+                for (const Ie of Array.from(Ue)) {
+                  const de = ee + Ie;
+                  if (t.countGraphemes(de) > Ee)
+                    break;
+                  ee = de;
+                }
+            n = wt + ee + Et, y = !0;
+          }
+      }
+      if (String(n) === V.value) {
+        if (t.formatter || y) {
+          const E = o.target, ce = E.value, H = E.selectionStart, k = E.selectionEnd;
+          if (G(), y && w.value && H != null && k != null) {
+            const P = w.value.value, S = ce.slice(Math.max(0, k));
+            let T = Math.min(H, P.length);
+            S && P.endsWith(S) && (T = P.length - S.length), w.value.setSelectionRange(T, T);
+          }
+        }
+        return;
+      }
+      q.value = n, ft(), l(he, n), l(Pe, n), await U(), (t.formatter && t.parser || !dt.value) && G(), vt();
+    }, He = async (o) => {
+      let { value: s } = o.target;
+      t.showPassword && (O = s), s = Ge(s), t.modelModifiers.lazy && l(he, s), l(Ze, s, o), await U(), G();
+    }, { isComposing: De, handleCompositionStart: le, handleCompositionUpdate: re, handleCompositionEnd: ue } = Yt({
+      emit: l,
+      afterComposition: we
+    }), mt = () => {
+      F.value = !F.value;
+    }, ht = () => {
+      var o;
+      return (o = w.value) == null ? void 0 : o.focus();
+    }, yt = () => {
+      var o;
+      return (o = w.value) == null ? void 0 : o.blur();
+    }, bt = (o) => {
+      ye.value = !1, l("mouseleave", o);
+    }, gt = (o) => {
+      ye.value = !0, l("mouseenter", o);
+    }, je = (o) => {
+      l("keydown", o);
+    }, xt = () => {
+      var o;
+      (o = w.value) == null || o.select();
+    }, Se = (o) => {
+      l(he, ""), O = "", l(Ze, ""), l("clear", o), l(Pe, "");
+    };
+    return fe(() => t.modelValue, () => {
+      var o;
+      U(() => {
+        Q(), t.autosize && (ne.value = void 0);
+      }), t.validateEvent && ((o = m == null ? void 0 : m.validate) == null || o.call(m, "change").catch(D));
+    }), fe(() => V.value, (o) => {
+      q.value = o;
+    }, { immediate: !0 }), fe(V, (o) => {
+      if (!w.value)
+        return;
+      const { trim: s, number: n } = t.modelModifiers, y = w.value.value, E = (n || t.type === "number") && !/^0\d/.test(y) ? `${Qe(y)}` : y;
+      E !== o && (document.activeElement === w.value && w.value.type !== "range" && s && E.trim() === o || G());
+    }), fe(() => t.type, async () => {
+      await U(), G(), Q();
+    }), jt(() => {
+      !t.formatter && t.parser && tt(et, "If you set the parser, you also need to set the formatter."), G(), U(Q);
+    }), Ut(() => {
+      A && qe(A);
+    }), r({
+      /** @description HTML input element */
+      input: oe,
+      /** @description HTML textarea element */
+      textarea: z,
+      /** @description HTML element, input or textarea */
+      ref: w,
+      /** @description style of textarea. */
+      textareaStyle: $e,
+      /** @description from props (used on unit test) */
+      autosize: Wt(t, "autosize"),
+      /** @description is input composing */
+      isComposing: De,
+      /** @description whether the password is visible */
+      passwordVisible: F,
+      /** @description HTML input element native method */
+      focus: ht,
+      /** @description HTML input element native method */
+      blur: yt,
+      /** @description HTML input element native method */
+      select: xt,
+      /** @description clear input value */
+      clear: Se,
+      /** @description resize textarea. */
+      resizeTextarea: Q
+    }), (o, s) => (d(), M("div", {
+      class: h([g.value, {
+        [a(i).bm("group", "append")]: o.$slots.append,
+        [a(i).bm("group", "prepend")]: o.$slots.prepend
+      }]),
+      style: ve(rt.value),
+      onMouseenter: gt,
+      onMouseleave: bt
+    }, [v(" input "), e.type !== "textarea" ? (d(), M(Ve, { key: 0 }, [
+      v(" prepend slot "),
+      o.$slots.prepend ? (d(), M("div", {
+        key: 0,
+        class: h(a(i).be("group", "prepend"))
+      }, [te(o.$slots, "prepend")], 2)) : v("v-if", !0),
+      W("div", {
+        ref_key: "wrapperRef",
+        ref: it,
+        class: h(N.value)
+      }, [
+        v(" prefix slot "),
+        o.$slots.prefix || e.prefixIcon ? (d(), M("span", {
+          key: 0,
+          class: h(a(i).e("prefix"))
+        }, [W("span", { class: h(a(i).e("prefix-inner")) }, [te(o.$slots, "prefix"), e.prefixIcon ? (d(), C(a(Y), {
+          key: 0,
+          class: h(a(i).e("icon"))
+        }, {
+          default: K(() => [(d(), C(X(e.prefixIcon)))]),
+          _: 1
+        }, 8, ["class"])) : v("v-if", !0)], 2)], 2)) : v("v-if", !0),
+        W("input", Je({
+          id: a(ke),
+          ref_key: "input",
+          ref: oe,
+          class: a(i).e("inner")
+        }, a(R), {
+          name: e.name,
+          minlength: e.countGraphemes ? void 0 : e.minlength,
+          maxlength: e.countGraphemes ? void 0 : x.value,
+          type: e.showPassword ? F.value ? "text" : "password" : e.type,
+          disabled: a(B),
+          readonly: e.readonly,
+          autocomplete: e.autocomplete,
+          tabindex: e.tabindex,
+          "aria-label": e.ariaLabel,
+          placeholder: e.placeholder,
+          style: e.inputStyle,
+          form: e.form,
+          autofocus: e.autofocus,
+          role: e.containerRole,
+          inputmode: e.inputmode,
+          onCompositionstart: s[0] || (s[0] = (...n) => a(le) && a(le)(...n)),
+          onCompositionupdate: s[1] || (s[1] = (...n) => a(re) && a(re)(...n)),
+          onCompositionend: s[2] || (s[2] = (...n) => a(ue) && a(ue)(...n)),
+          onInput: we,
+          onChange: He,
+          onKeydown: je
+        }), null, 16, lo),
+        v(" suffix slot "),
+        ct.value ? (d(), M("span", {
+          key: 1,
+          class: h(a(i).e("suffix"))
+        }, [W("span", { class: h(a(i).e("suffix-inner")) }, [
+          ge.value ? (d(), C(a(Y), {
+            key: 0,
+            class: h([a(i).e("icon"), a(i).e("clear")]),
+            style: ve({ visibility: se.value ? "visible" : "hidden" }),
+            onMousedown: pe(a(D), ["prevent"]),
+            onClick: Se
+          }, {
+            default: K(() => [(d(), C(X(e.clearIcon)))]),
+            _: 1
+          }, 8, [
+            "class",
+            "style",
+            "onMousedown"
+          ])) : v("v-if", !0),
+          !se.value || !xe.value || !$.value ? (d(), M(Ve, { key: 1 }, [te(o.$slots, "suffix"), e.suffixIcon ? (d(), C(a(Y), {
+            key: 0,
+            class: h(a(i).e("icon"))
+          }, {
+            default: K(() => [(d(), C(X(e.suffixIcon)))]),
+            _: 1
+          }, 8, ["class"])) : v("v-if", !0)], 64)) : v("v-if", !0),
+          xe.value ? (d(), C(a(Y), {
+            key: 2,
+            class: h([a(i).e("icon"), a(i).e("password")]),
+            onClick: mt,
+            onMousedown: pe(a(D), ["prevent"]),
+            onMouseup: pe(a(D), ["prevent"])
+          }, {
+            default: K(() => [te(o.$slots, "password-icon", { visible: F.value }, () => [(d(), C(X(lt.value)))])]),
+            _: 3
+          }, 8, [
+            "class",
+            "onMousedown",
+            "onMouseup"
+          ])) : v("v-if", !0),
+          $.value ? (d(), M("span", {
+            key: 3,
+            class: h([a(i).e("count"), a(i).is("outside", e.wordLimitPosition === "outside")]),
+            "aria-label": Ae.value,
+            role: "status"
+          }, [W("span", { class: h(a(i).e("count-inner")) }, me(ie.value) + " / " + me(x.value), 3)], 10, ro)) : v("v-if", !0),
+          J.value && Oe.value && Fe.value ? (d(), C(a(Y), {
+            key: 4,
+            class: h([
+              a(i).e("icon"),
+              a(i).e("validateIcon"),
+              a(i).is("loading", J.value === "validating")
+            ])
+          }, {
+            default: K(() => [(d(), C(X(Oe.value)))]),
+            _: 1
+          }, 8, ["class"])) : v("v-if", !0)
+        ], 2)], 2)) : v("v-if", !0)
+      ], 2),
+      v(" append slot "),
+      o.$slots.append ? (d(), M("div", {
+        key: 1,
+        class: h(a(i).be("group", "append"))
+      }, [te(o.$slots, "append")], 2)) : v("v-if", !0)
+    ], 64)) : (d(), M(Ve, { key: 1 }, [
+      v(" textarea "),
+      W("textarea", Je({
+        id: a(ke),
+        ref_key: "textarea",
+        ref: z,
+        class: [
+          a(Z).e("inner"),
+          a(i).is("focus", a(be)),
+          a(Z).is("clearable", e.clearable)
+        ]
+      }, a(R), {
+        name: e.name,
+        minlength: e.countGraphemes ? void 0 : e.minlength,
+        maxlength: e.countGraphemes ? void 0 : x.value,
+        tabindex: e.tabindex,
+        disabled: a(B),
+        readonly: e.readonly,
+        autocomplete: e.autocomplete,
+        style: $e.value,
+        "aria-label": e.ariaLabel,
+        placeholder: e.placeholder,
+        form: e.form,
+        autofocus: e.autofocus,
+        rows: e.rows,
+        role: e.containerRole,
+        inputmode: e.inputmode,
+        onCompositionstart: s[3] || (s[3] = (...n) => a(le) && a(le)(...n)),
+        onCompositionupdate: s[4] || (s[4] = (...n) => a(re) && a(re)(...n)),
+        onCompositionend: s[5] || (s[5] = (...n) => a(ue) && a(ue)(...n)),
+        onInput: we,
+        onFocus: s[6] || (s[6] = (...n) => a(Re) && a(Re)(...n)),
+        onBlur: s[7] || (s[7] = (...n) => a(Be) && a(Be)(...n)),
+        onChange: He,
+        onKeydown: je
+      }), null, 16, uo),
+      se.value ? (d(), C(a(Y), {
+        key: 0,
+        class: h([a(Z).e("icon"), a(Z).e("clear")]),
+        style: ve(Le.value),
+        onMousedown: pe(a(D), ["prevent"]),
+        onClick: Se
+      }, {
+        default: K(() => [(d(), C(X(e.clearIcon)))]),
+        _: 1
+      }, 8, [
+        "class",
+        "style",
+        "onMousedown"
+      ])) : v("v-if", !0),
+      $.value ? (d(), M("span", {
+        key: 1,
+        style: ve(Te.value),
+        class: h([a(i).e("count"), a(i).is("outside", e.wordLimitPosition === "outside")]),
+        "aria-label": Ae.value,
+        role: "status"
+      }, me(ie.value) + " / " + me(x.value), 15, co)) : v("v-if", !0)
+    ], 64))], 38));
+  }
+}), vo = fo;
+const Io = zt(vo);
+export {
+  Io as E,
+  oo as i
+};