@das-fed/ui 6.4.0-dev.3 → 6.4.0-dev.5

package/packages/components/input/index.d.ts

@@ -100,7 +100,7 @@ declare const DasInput: import("@das-fed/utils").SFCWithInstall<{
     }>> & {
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     }, {
-        $refInput: import("vue").Ref<any, any>;
+        $refInput: import("vue").Ref<any>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (val: any) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -338,7 +338,7 @@ declare const DasInput: import("@das-fed/utils").SFCWithInstall<{
     }>> & {
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     }, {
-        $refInput: import("vue").Ref<any, any>;
+        $refInput: import("vue").Ref<any>;
     }, {}, {}, {}, {
         size: "default" | "table";
         error: boolean;
@@ -471,7 +471,7 @@ declare const DasInput: import("@das-fed/utils").SFCWithInstall<{
 }>> & {
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
 }, {
-    $refInput: import("vue").Ref<any, any>;
+    $refInput: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: any) => void;
 }, string, {

package/packages/components/input/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/ui/packages/components/input/style.css';
 import { withInstall as _t } from "@das-fed/utils/with-install/index";
 import { getVarValue as Re, setThemeRule as xt } from "@das-fed/web/packages/theme/index";
-import { getCurrentScope as It, onScopeDispose as St, unref as r, getCurrentInstance as te, onMounted as ze, nextTick as R, watch as P, ref as x, defineComponent as M, openBlock as y, createElementBlock as S, createElementVNode as C, warn as Et, computed as v, inject as U, shallowRef as me, mergeProps as le, renderSlot as A, toRef as Je, onUnmounted as Ot, useAttrs as $t, useSlots as Ct, withDirectives as zt, createCommentVNode as _, Fragment as ye, normalizeClass as $, createBlock as k, withCtx as V, resolveDynamicComponent as ve, withModifiers as Lt, createVNode as Se, toDisplayString as H, normalizeStyle as be, vShow as Nt, createSlots as Tt, Teleport as Bt } from "vue";
+import { getCurrentScope as It, onScopeDispose as St, unref as r, getCurrentInstance as te, onMounted as ze, nextTick as R, watch as P, ref as _, defineComponent as M, openBlock as y, createElementBlock as S, createElementVNode as C, warn as Et, computed as v, inject as U, shallowRef as me, mergeProps as le, renderSlot as A, toRef as Je, onUnmounted as Ot, useAttrs as $t, useSlots as Ct, withDirectives as zt, createCommentVNode as I, Fragment as ye, normalizeClass as $, createBlock as k, withCtx as V, resolveDynamicComponent as ve, withModifiers as Lt, createVNode as Se, toDisplayString as H, normalizeStyle as be, vShow as Nt, createSlots as Tt, Teleport as Bt } from "vue";
 import { DasTooltip as Pt } from "@das-fed/ui/packages/components/tooltip/index";
 var Ae;
 const ue = typeof window < "u", kt = (e) => typeof e == "string", Vt = () => {
@@ -40,7 +40,7 @@ function Rt(...e) {
   return Xe(p), p;
 }
 function At(e, n = !1) {
-  const o = x(), t = () => o.value = !!e();
+  const o = _(), t = () => o.value = !!e();
   return t(), Ft(t, n), o;
 }
 const We = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, De = "__vueuse_ssr_handlers__";
@@ -276,7 +276,7 @@ const nt = "__epPropKey", ie = (e) => e, yo = (e) => he(e) && !!e[nt], at = (e,
   let c = `${e}-${n}`;
   return o && (c += `-${o}`), t && (c += `__${t}`), l && (c += `--${l}`), c;
 }, Eo = Symbol("namespaceContextKey"), lt = (e) => {
-  const n = te() ? U(Eo, x(Ie)) : x(Ie);
+  const n = te() ? U(Eo, _(Ie)) : _(Ie);
   return v(() => r(n) || Ie);
 }, $e = (e, n) => {
   const o = lt();
@@ -288,22 +288,22 @@ const nt = "__epPropKey", ie = (e) => e, yo = (e) => he(e) && !!e[nt], at = (e,
     be: (i, w) => i && w ? Z(o.value, e, i, w, "") : "",
     em: (i, w) => i && w ? Z(o.value, e, "", i, w) : "",
     bm: (i, w) => i && w ? Z(o.value, e, i, "", w) : "",
-    bem: (i, w, I) => i && w && I ? Z(o.value, e, i, w, I) : "",
+    bem: (i, w, x) => i && w && x ? Z(o.value, e, i, w, x) : "",
     is: (i, ...w) => {
-      const I = w.length >= 1 ? w[0] : !0;
-      return i && I ? `${So}${i}` : "";
+      const x = w.length >= 1 ? w[0] : !0;
+      return i && x ? `${So}${i}` : "";
     },
     cssVar: (i) => {
       const w = {};
-      for (const I in i)
-        i[I] && (w[`--${o.value}-${I}`] = i[I]);
+      for (const x in i)
+        i[x] && (w[`--${o.value}-${x}`] = i[x]);
       return w;
     },
     cssVarName: (i) => `--${o.value}-${i}`,
     cssVarBlock: (i) => {
       const w = {};
-      for (const I in i)
-        i[I] && (w[`--${o.value}-${e}-${I}`] = i[I]);
+      for (const x in i)
+        i[x] && (w[`--${o.value}-${e}-${x}`] = i[x]);
       return w;
     },
     cssVarBlockName: (i) => `--${o.value}-${e}-${i}`
@@ -328,7 +328,7 @@ usage: app.provide(ID_INJECTION_KEY, {
   return v(() => r(e) || `${o.value}-id-${n.prefix}-${n.current++}`);
 };
 function zo(e) {
-  const n = x();
+  const n = _();
   function o() {
     if (e.value == null)
       return;
@@ -372,7 +372,7 @@ const Lo = at({
   return v(() => r(e.size) || "");
 };
 function Bo(e, { afterFocus: n, beforeBlur: o, afterBlur: t } = {}) {
-  const l = te(), { emit: c } = l, d = me(), b = x(!1), m = (u) => {
+  const l = te(), { emit: c } = l, d = me(), b = _(!1), m = (u) => {
     b.value || (b.value = !0, c("focus", u), n == null || n());
   }, p = (u) => {
     var E;
@@ -427,7 +427,7 @@ const Po = st({
 });
 var Mo = /* @__PURE__ */ ut(Vo, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
 const re = rt(Mo), Le = Symbol("formContextKey"), ct = Symbol("formItemContextKey"), Fo = (e, n = {}) => {
-  const o = x(void 0), t = n.prop ? o : it("size"), l = n.global ? o : To(), c = n.form ? { size: void 0 } : U(Le, void 0), d = n.formItem ? { size: void 0 } : U(ct, void 0);
+  const o = _(void 0), t = n.prop ? o : it("size"), l = n.global ? o : To(), c = n.form ? { size: void 0 } : U(Le, void 0), d = n.formItem ? { size: void 0 } : U(ct, void 0);
   return v(() => t.value || r(e) || (d == null ? void 0 : d.size) || (c == null ? void 0 : c.size) || l.value || "");
 }, Ro = (e) => {
   const n = it("disabled"), o = U(Le, void 0);
@@ -443,8 +443,8 @@ const re = rt(Mo), Le = Symbol("formContextKey"), ct = Symbol("formItemContextKe
   disableIdGeneration: o,
   disableIdManagement: t
 }) => {
-  o || (o = x(!1)), t || (t = x(!1));
-  const l = x();
+  o || (o = _(!1)), t || (t = _(!1));
+  const l = _();
   let c;
   const d = v(() => {
     var b;
@@ -645,7 +645,7 @@ const Ho = st({
       excludeKeys: v(() => Object.keys(d.value))
     }), { form: h, formItem: u } = Ao(), { inputId: E } = Wo(t, {
       formItemContext: u
-    }), L = Fo(), F = Ro(), i = $e("input"), w = $e("textarea"), I = me(), z = me(), W = x(!1), D = x(!1), Y = x(!1), ce = x(), J = me(t.inputStyle), j = v(() => I.value || z.value), { wrapperRef: ge, isFocused: oe, handleFocus: N, handleBlur: q } = Bo(j, {
+    }), L = Fo(), F = Ro(), i = $e("input"), w = $e("textarea"), x = me(), z = me(), W = _(!1), D = _(!1), Y = _(!1), ce = _(), J = me(t.inputStyle), j = v(() => x.value || z.value), { wrapperRef: ge, isFocused: oe, handleFocus: N, handleBlur: q } = Bo(j, {
       afterBlur() {
         var a;
         t.validateEvent && ((a = u == null ? void 0 : u.validate) == null || a.call(u, "blur").catch((f) => ee(f)));
@@ -660,7 +660,7 @@ const Ho = st({
       t.inputStyle,
       J.value,
       { resize: t.resize }
-    ]), T = v(() => eo(t.modelValue) ? "" : String(t.modelValue)), pe = v(() => t.clearable && !F.value && !t.readonly && !!T.value && (oe.value || W.value)), we = v(() => t.showPassword && !F.value && !t.readonly && !!T.value && (!!T.value || oe.value)), X = v(() => t.showWordLimit && !!p.value.maxlength && (t.type === "text" || t.type === "textarea") && !F.value && !t.readonly && !t.showPassword), _e = v(() => T.value.length), dt = v(() => !!X.value && _e.value > Number(p.value.maxlength)), pt = v(() => !!c.suffix || !!t.suffixIcon || pe.value || t.showPassword || X.value || !!s.value && de.value), [ft, vt] = zo(I);
+    ]), T = v(() => eo(t.modelValue) ? "" : String(t.modelValue)), pe = v(() => t.clearable && !F.value && !t.readonly && !!T.value && (oe.value || W.value)), we = v(() => t.showPassword && !F.value && !t.readonly && !!T.value && (!!T.value || oe.value)), X = v(() => t.showWordLimit && !!p.value.maxlength && (t.type === "text" || t.type === "textarea") && !F.value && !t.readonly && !t.showPassword), _e = v(() => T.value.length), dt = v(() => !!X.value && _e.value > Number(p.value.maxlength)), pt = v(() => !!c.suffix || !!t.suffixIcon || pe.value || t.showPassword || X.value || !!s.value && de.value), [ft, vt] = zo(x);
     Kt(z, (a) => {
       if (mt(), !X.value || t.resize !== "both")
         return;
@@ -744,7 +744,7 @@ const Ho = st({
     }), ze(() => {
       !t.formatter && t.parser && ee("ElInput", "If you set the parser, you also need to set the formatter."), se(), R(ae);
     }), n({
-      input: I,
+      input: x,
       textarea: z,
       ref: j,
       textareaStyle: ne,
@@ -761,21 +761,21 @@ const Ho = st({
       onMouseenter: gt,
       onMouseleave: ht
     }), [
-      _(" input "),
+      I(" input "),
       a.type !== "textarea" ? (y(), S(ye, { key: 0 }, [
-        _(" prepend slot "),
+        I(" prepend slot "),
         a.$slots.prepend ? (y(), S("div", {
           key: 0,
           class: $(r(i).be("group", "prepend"))
         }, [
           A(a.$slots, "prepend")
-        ], 2)) : _("v-if", !0),
+        ], 2)) : I("v-if", !0),
         C("div", {
           ref_key: "wrapperRef",
           ref: ge,
           class: $(r(m))
         }, [
-          _(" prefix slot "),
+          I(" prefix slot "),
           a.$slots.prefix || a.prefixIcon ? (y(), S("span", {
             key: 0,
             class: $(r(i).e("prefix"))
@@ -792,13 +792,13 @@ const Ho = st({
                   (y(), k(ve(a.prefixIcon)))
                 ]),
                 _: 1
-              }, 8, ["class"])) : _("v-if", !0)
+              }, 8, ["class"])) : I("v-if", !0)
             ], 2)
-          ], 2)) : _("v-if", !0),
+          ], 2)) : I("v-if", !0),
           C("input", le({
             id: r(E),
             ref_key: "input",
-            ref: I,
+            ref: x,
             class: r(i).e("inner")
           }, r(p), {
             type: a.showPassword ? Y.value ? "text" : "password" : a.type,
@@ -822,7 +822,7 @@ const Ho = st({
             onChange: Ne,
             onKeydown: Ve
           }), null, 16, Zo),
-          _(" suffix slot "),
+          I(" suffix slot "),
           r(pt) ? (y(), S("span", {
             key: 1,
             class: $(r(i).e("suffix"))
@@ -840,8 +840,8 @@ const Ho = st({
                     (y(), k(ve(a.suffixIcon)))
                   ]),
                   _: 1
-                }, 8, ["class"])) : _("v-if", !0)
-              ], 64)) : _("v-if", !0),
+                }, 8, ["class"])) : I("v-if", !0)
+              ], 64)) : I("v-if", !0),
               r(pe) ? (y(), k(r(re), {
                 key: 1,
                 class: $([r(i).e("icon"), r(i).e("clear")]),
@@ -852,7 +852,7 @@ const Ho = st({
                   Se(r(ot))
                 ]),
                 _: 1
-              }, 8, ["class", "onMousedown"])) : _("v-if", !0),
+              }, 8, ["class", "onMousedown"])) : I("v-if", !0),
               r(we) ? (y(), k(r(re), {
                 key: 2,
                 class: $([r(i).e("icon"), r(i).e("password")]),
@@ -862,7 +862,7 @@ const Ho = st({
                   (y(), k(ve(r(K))))
                 ]),
                 _: 1
-              }, 8, ["class"])) : _("v-if", !0),
+              }, 8, ["class"])) : I("v-if", !0),
               r(X) ? (y(), S("span", {
                 key: 3,
                 class: $(r(i).e("count"))
@@ -870,7 +870,7 @@ const Ho = st({
                 C("span", {
                   class: $(r(i).e("count-inner"))
                 }, H(r(_e)) + " / " + H(r(p).maxlength), 3)
-              ], 2)) : _("v-if", !0),
+              ], 2)) : I("v-if", !0),
               r(s) && r(g) && r(de) ? (y(), k(r(re), {
                 key: 4,
                 class: $([
@@ -883,19 +883,19 @@ const Ho = st({
                   (y(), k(ve(r(g))))
                 ]),
                 _: 1
-              }, 8, ["class"])) : _("v-if", !0)
+              }, 8, ["class"])) : I("v-if", !0)
             ], 2)
-          ], 2)) : _("v-if", !0)
+          ], 2)) : I("v-if", !0)
         ], 2),
-        _(" append slot "),
+        I(" append slot "),
         a.$slots.append ? (y(), S("div", {
           key: 1,
           class: $(r(i).be("group", "append"))
         }, [
           A(a.$slots, "append")
-        ], 2)) : _("v-if", !0)
+        ], 2)) : I("v-if", !0)
       ], 64)) : (y(), S(ye, { key: 1 }, [
-        _(" textarea "),
+        I(" textarea "),
         C("textarea", le({
           id: r(E),
           ref_key: "textarea",
@@ -924,7 +924,7 @@ const Ho = st({
           key: 0,
           style: be(ce.value),
           class: $(r(i).e("count"))
-        }, H(r(_e)) + " / " + H(r(p).maxlength), 7)) : _("v-if", !0)
+        }, H(r(_e)) + " / " + H(r(p).maxlength), 7)) : I("v-if", !0)
       ], 64))
     ], 16, Qo)), [
       [Nt, a.type !== "hidden"]
@@ -985,10 +985,10 @@ const Go = rt(Xo), en = ["auto", "fit-content", "inherit", "initial", "max-conte
     }), d = o, b = v({
       get: () => t.modelValue,
       set: (s) => d("update:modelValue", s)
-    }), m = x(t.isTitle), p = x(!1), h = x(), u = x(), E = x(!1), L = v(() => t.type === "textarea" ? t.showWordLimit : t.showTextWordLimit), F = v(() => t.isView || t.disabled), i = v(() => F.value ? t.noSetDefaultVal ? "" : "-" : t.placeholder ?? ""), w = x(!1), I = x(0), z = x(0), W = x({
+    }), m = _(t.isTitle), p = _(!1), h = _(), u = _(), E = _(!1), L = v(() => t.type === "textarea" ? t.showWordLimit : t.showTextWordLimit), F = v(() => t.isView || t.disabled), i = v(() => F.value ? t.noSetDefaultVal ? "" : "-" : t.placeholder ?? ""), w = _(!1), x = _(0), z = _(0), W = _({
       x: 0,
       y: 0
-    }), D = x(0), Y = x({
+    }), D = _(0), Y = _({
       "font-size": "12px",
       "background-color": Re("--das-ui-input-number-overlay-error-bg-color").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
@@ -1004,7 +1004,7 @@ const Go = rt(Xo), en = ["auto", "fit-content", "inherit", "initial", "max-conte
       top: W.value.y + "px",
       left: W.value.x + "px",
       "z-index": t.errorModelZIndex
-    })), J = x({
+    })), J = _({
       display: "block",
       color: Re("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
@@ -1041,7 +1041,7 @@ const Go = rt(Xo), en = ["auto", "fit-content", "inherit", "initial", "max-conte
       (s) => {
         setTimeout(() => {
           const g = s;
-          g && (I.value = g == null ? void 0 : g.ref.offsetWidth, z.value = g == null ? void 0 : g.ref.scrollWidth);
+          g && (x.value = g == null ? void 0 : g.ref.offsetWidth, z.value = g == null ? void 0 : g.ref.scrollWidth);
         }, 200);
       }
     ), P(
@@ -1049,12 +1049,12 @@ const Go = rt(Xo), en = ["auto", "fit-content", "inherit", "initial", "max-conte
       (s) => {
         R(() => {
           var g, K, Q;
-          (g = u.value) != null && g.ref && (I.value = (K = u.value) == null ? void 0 : K.ref.offsetWidth, z.value = (Q = u.value) == null ? void 0 : Q.ref.scrollWidth, (I.value === z.value || z.value - I.value < 5) && (p.value = !1));
+          (g = u.value) != null && g.ref && (x.value = (K = u.value) == null ? void 0 : K.ref.offsetWidth, z.value = (Q = u.value) == null ? void 0 : Q.ref.scrollWidth, (x.value === z.value || z.value - x.value < 5) && (p.value = !1));
         });
       }
     );
-    const N = x(), q = () => {
-      I.value === z.value || z.value - I.value < 5 ? p.value = !1 : (p.value = !0, N.value && clearTimeout(N.value)), E.value = !0, j();
+    const N = _(), q = () => {
+      x.value === z.value || z.value - x.value < 5 ? p.value = !1 : (p.value = !0, N.value && clearTimeout(N.value)), E.value = !0, j();
     };
     P(
       () => {
@@ -1078,152 +1078,109 @@ const Go = rt(Xo), en = ["auto", "fit-content", "inherit", "initial", "max-conte
     };
     return n({
       $refInput: u
-    }), (s, g) => (y(), S(
-      "div",
-      {
-        style: be(l.value),
-        class: $([
-          "das-ui-input",
-          { "only-border-bottom": s.borderType === "bottom" },
-          { "das-input-normal-size": s.size === "default" },
-          { "das-input-table-size": s.size === "table" }
-        ])
-      },
-      [
-        _(" 这里tooltip不能使用v-model:visible 有响应问题 "),
-        Se(r(Pt), {
-          ref_key: "inputTooltipRef",
-          ref: h,
-          effect: "light",
-          manual: !0,
-          visible: p.value,
-          disabled: !m.value,
-          content: b.value,
-          placement: "top"
-        }, {
-          default: V(() => [
-            Se(r(Go), le({
-              ref_key: "$refInput",
-              ref: u
-            }, s.$attrs, {
-              modelValue: b.value,
-              "onUpdate:modelValue": g[0] || (g[0] = (K) => b.value = K),
-              placeholder: i.value,
-              disabled: s.disabled,
-              readonly: s.isView,
-              type: t.type,
-              class: [
-                { "is-view": s.isView },
-                { "das-input-success": s.success },
-                { "das-input-error": s.error },
-                { "input-focus-color": w.value }
-              ],
-              autosize: t.autosize,
-              showWordLimit: L.value,
-              maxlength: c.value,
-              onFocus: ge,
-              onBlur: oe,
-              onMouseenter: q,
-              onMouseleave: de
-            }), Tt({
-              _: 2
-              /* DYNAMIC */
-            }, [
-              s.$slots.prepend ? {
-                name: "prepend",
-                fn: V(() => [
-                  _(" 输入框前置内容 "),
-                  A(s.$slots, "prepend", {}, void 0, !0)
-                ]),
-                key: "0"
-              } : void 0,
-              s.$slots.append ? {
-                name: "append",
-                fn: V(() => [
-                  _(" 输入框后置内容 "),
-                  A(s.$slots, "append", {}, void 0, !0)
-                ]),
-                key: "1"
-              } : void 0,
-              s.$slots.suffix ? {
-                name: "suffix",
-                fn: V(() => [
-                  A(s.$slots, "suffix", {}, void 0, !0)
-                ]),
-                key: "2"
-              } : void 0,
-              s.$slots.prefix ? {
-                name: "prefix",
-                fn: V(() => [
-                  A(s.$slots, "prefix", {}, void 0, !0)
-                ]),
-                key: "3"
-              } : void 0
-            ]), 1040, ["modelValue", "placeholder", "disabled", "readonly", "type", "class", "autosize", "showWordLimit", "maxlength"])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["visible", "disabled", "content"]),
-        s.success && s.successLabel ? (y(), S("div", nn, [
-          s.success ? (y(), S(
-            "span",
-            an,
-            H(s.successLabel),
-            1
-            /* TEXT */
-          )) : _("v-if", !0)
-        ])) : _("v-if", !0),
-        s.error && s.errorLabel && s.errorMode === "default" ? (y(), S("div", sn, [
-          s.error ? (y(), S("span", {
-            key: 0,
-            class: $(["das-input-error-label", { "error-label-overflow": s.isErrorTitle }]),
-            title: s.isErrorTitle ? s.errorLabel : ""
-          }, H(s.errorLabel), 11, rn)) : _("v-if", !0)
-        ])) : _("v-if", !0),
-        s.error && s.errorLabel && E.value && s.errorMode === "overlay" ? (y(), S(
-          ye,
-          { key: 2 },
-          [
-            s.teleported ? (y(), k(Bt, {
-              key: 0,
-              to: "body"
-            }, [
-              C(
-                "div",
-                {
-                  style: be(ce.value)
-                },
-                [
-                  C(
-                    "span",
-                    {
-                      style: be(J.value)
-                    },
-                    H(s.errorLabel),
-                    5
-                    /* TEXT, STYLE */
-                  )
-                ],
-                4
-                /* STYLE */
-              )
-            ])) : (y(), S("div", ln, [
-              C(
-                "span",
-                un,
-                H(s.errorLabel),
-                1
-                /* TEXT */
-              )
-            ]))
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : _("v-if", !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+    }), (s, g) => (y(), S("div", {
+      style: be(l.value),
+      class: $([
+        "das-ui-input",
+        { "only-border-bottom": s.borderType === "bottom" },
+        { "das-input-normal-size": s.size === "default" },
+        { "das-input-table-size": s.size === "table" }
+      ])
+    }, [
+      Se(r(Pt), {
+        ref_key: "inputTooltipRef",
+        ref: h,
+        effect: "light",
+        manual: !0,
+        visible: p.value,
+        disabled: !m.value,
+        content: b.value,
+        placement: "top"
+      }, {
+        default: V(() => [
+          Se(r(Go), le({
+            ref_key: "$refInput",
+            ref: u
+          }, s.$attrs, {
+            modelValue: b.value,
+            "onUpdate:modelValue": g[0] || (g[0] = (K) => b.value = K),
+            placeholder: i.value,
+            disabled: s.disabled,
+            readonly: s.isView,
+            type: t.type,
+            class: [
+              { "is-view": s.isView },
+              { "das-input-success": s.success },
+              { "das-input-error": s.error },
+              { "input-focus-color": w.value }
+            ],
+            autosize: t.autosize,
+            showWordLimit: L.value,
+            maxlength: c.value,
+            onFocus: ge,
+            onBlur: oe,
+            onMouseenter: q,
+            onMouseleave: de
+          }), Tt({ _: 2 }, [
+            s.$slots.prepend ? {
+              name: "prepend",
+              fn: V(() => [
+                A(s.$slots, "prepend", {}, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0,
+            s.$slots.append ? {
+              name: "append",
+              fn: V(() => [
+                A(s.$slots, "append", {}, void 0, !0)
+              ]),
+              key: "1"
+            } : void 0,
+            s.$slots.suffix ? {
+              name: "suffix",
+              fn: V(() => [
+                A(s.$slots, "suffix", {}, void 0, !0)
+              ]),
+              key: "2"
+            } : void 0,
+            s.$slots.prefix ? {
+              name: "prefix",
+              fn: V(() => [
+                A(s.$slots, "prefix", {}, void 0, !0)
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["modelValue", "placeholder", "disabled", "readonly", "type", "class", "autosize", "showWordLimit", "maxlength"])
+        ]),
+        _: 3
+      }, 8, ["visible", "disabled", "content"]),
+      s.success && s.successLabel ? (y(), S("div", nn, [
+        s.success ? (y(), S("span", an, H(s.successLabel), 1)) : I("", !0)
+      ])) : I("", !0),
+      s.error && s.errorLabel && s.errorMode === "default" ? (y(), S("div", sn, [
+        s.error ? (y(), S("span", {
+          key: 0,
+          class: $(["das-input-error-label", { "error-label-overflow": s.isErrorTitle }]),
+          title: s.isErrorTitle ? s.errorLabel : ""
+        }, H(s.errorLabel), 11, rn)) : I("", !0)
+      ])) : I("", !0),
+      s.error && s.errorLabel && E.value && s.errorMode === "overlay" ? (y(), S(ye, { key: 2 }, [
+        s.teleported ? (y(), k(Bt, {
+          key: 0,
+          to: "body"
+        }, [
+          C("div", {
+            style: be(ce.value)
+          }, [
+            C("span", {
+              style: be(J.value)
+            }, H(s.errorLabel), 5)
+          ], 4)
+        ])) : (y(), S("div", ln, [
+          C("span", un, H(s.errorLabel), 1)
+        ]))
+      ], 64)) : I("", !0)
+    ], 6));
   }
 }), pn = (e, n) => {
   const o = e.__vccOpts || e;

package/packages/components/input/src/index.vue.d.ts

@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maxLength: number;
     maxlength: number;
 }>, {
-    $refInput: import("vue").Ref<any, any>;
+    $refInput: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: any) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {