@das-fed/ui 6.4.0-dev.9 → 6.4.0-dev.91

package/packages/components/input/index.js

@@ -1,963 +1,38 @@
 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 _, 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 = () => {
-};
-ue && ((Ae = window == null ? void 0 : window.navigator) != null && Ae.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function qe(e) {
-  return typeof e == "function" ? e() : r(e);
-}
-function Mt(e) {
-  return e;
-}
-function Xe(e) {
-  return It() ? (St(e), !0) : !1;
-}
-function Ft(e, n = !0) {
-  te() ? ze(e) : n ? e() : R(e);
-}
-function Ge(e) {
-  var n;
-  const o = qe(e);
-  return (n = o == null ? void 0 : o.$el) != null ? n : o;
-}
-const et = ue ? window : void 0;
-function Rt(...e) {
-  let n, o, t, l;
-  if (kt(e[0]) || Array.isArray(e[0]) ? ([o, t, l] = e, n = et) : [n, o, t, l] = e, !n)
-    return Vt;
-  Array.isArray(o) || (o = [o]), Array.isArray(t) || (t = [t]);
-  const c = [], d = () => {
-    c.forEach((h) => h()), c.length = 0;
-  }, b = (h, u, E, L) => (h.addEventListener(u, E, L), () => h.removeEventListener(u, E, L)), m = P(() => [Ge(n), qe(l)], ([h, u]) => {
-    d(), h && c.push(...o.flatMap((E) => t.map((L) => b(h, E, L, u))));
-  }, { immediate: !0, flush: "post" }), p = () => {
-    m(), d();
-  };
-  return Xe(p), p;
-}
-function At(e, n = !1) {
-  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__";
-We[De] = We[De] || {};
-var je = Object.getOwnPropertySymbols, Wt = Object.prototype.hasOwnProperty, Dt = Object.prototype.propertyIsEnumerable, jt = (e, n) => {
-  var o = {};
-  for (var t in e)
-    Wt.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && je)
-    for (var t of je(e))
-      n.indexOf(t) < 0 && Dt.call(e, t) && (o[t] = e[t]);
-  return o;
-};
-function Kt(e, n, o = {}) {
-  const t = o, { window: l = et } = t, c = jt(t, ["window"]);
-  let d;
-  const b = At(() => l && "ResizeObserver" in l), m = () => {
-    d && (d.disconnect(), d = void 0);
-  }, p = P(() => Ge(e), (u) => {
-    m(), b.value && l && u && (d = new ResizeObserver(n), d.observe(u, c));
-  }, { immediate: !0, flush: "post" }), h = () => {
-    m(), p();
-  };
-  return Xe(h), {
-    isSupported: b,
-    stop: h
-  };
-}
-var Ke;
-(function(e) {
-  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(Ke || (Ke = {}));
-var Ht = Object.defineProperty, He = Object.getOwnPropertySymbols, Ut = Object.prototype.hasOwnProperty, Qt = Object.prototype.propertyIsEnumerable, Ue = (e, n, o) => n in e ? Ht(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o, Zt = (e, n) => {
-  for (var o in n || (n = {}))
-    Ut.call(n, o) && Ue(e, o, n[o]);
-  if (He)
-    for (var o of He(n))
-      Qt.call(n, o) && Ue(e, o, n[o]);
-  return e;
-};
-const Yt = {
-  easeInSine: [0.12, 0, 0.39, 0],
-  easeOutSine: [0.61, 1, 0.88, 1],
-  easeInOutSine: [0.37, 0, 0.63, 1],
-  easeInQuad: [0.11, 0, 0.5, 0],
-  easeOutQuad: [0.5, 1, 0.89, 1],
-  easeInOutQuad: [0.45, 0, 0.55, 1],
-  easeInCubic: [0.32, 0, 0.67, 0],
-  easeOutCubic: [0.33, 1, 0.68, 1],
-  easeInOutCubic: [0.65, 0, 0.35, 1],
-  easeInQuart: [0.5, 0, 0.75, 0],
-  easeOutQuart: [0.25, 1, 0.5, 1],
-  easeInOutQuart: [0.76, 0, 0.24, 1],
-  easeInQuint: [0.64, 0, 0.78, 0],
-  easeOutQuint: [0.22, 1, 0.36, 1],
-  easeInOutQuint: [0.83, 0, 0.17, 1],
-  easeInExpo: [0.7, 0, 0.84, 0],
-  easeOutExpo: [0.16, 1, 0.3, 1],
-  easeInOutExpo: [0.87, 0, 0.13, 1],
-  easeInCirc: [0.55, 0, 1, 0.45],
-  easeOutCirc: [0, 0.55, 0.45, 1],
-  easeInOutCirc: [0.85, 0, 0.15, 1],
-  easeInBack: [0.36, 0, 0.66, -0.56],
-  easeOutBack: [0.34, 1.56, 0.64, 1],
-  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
-};
-Zt({
-  linear: Mt
-}, Yt);
-const Jt = () => ue && /firefox/i.test(window.navigator.userAgent);
-/**
-* @vue/shared v3.4.35
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-process.env.NODE_ENV !== "production" && Object.freeze({});
-process.env.NODE_ENV !== "production" && Object.freeze([]);
-const qt = () => {
-}, Xt = Object.prototype.hasOwnProperty, Qe = (e, n) => Xt.call(e, n), Gt = (e) => typeof e == "function", G = (e) => typeof e == "string", he = (e) => e !== null && typeof e == "object";
-function tt(e) {
-  for (var n = -1, o = e == null ? 0 : e.length, t = {}; ++n < o; ) {
-    var l = e[n];
-    t[l[0]] = l[1];
-  }
-  return t;
-}
-function eo(e) {
-  return e == null;
-}
-const to = (e) => e === void 0, Ee = (e) => typeof e == "number", oo = (e) => G(e) ? !Number.isNaN(Number(e)) : !1;
-class no extends Error {
-  constructor(n) {
-    super(n), this.name = "ElementPlusError";
-  }
-}
-function ee(e, n) {
-  if (process.env.NODE_ENV !== "production") {
-    const o = G(e) ? new no(`[${e}] ${n}`) : e;
-  }
-}
-const ao = "utils/dom/style";
-function so(e, n = "px") {
-  if (!e)
-    return "";
-  if (Ee(e) || oo(e))
-    return `${e}${n}`;
-  if (G(e))
-    return e;
-  ee(ao, "binding value must be a string or number");
-}
-/*! Element Plus Icons Vue v2.3.1 */
-var ro = /* @__PURE__ */ M({
-  name: "CircleCheck",
-  __name: "circle-check",
-  setup(e) {
-    return (n, o) => (y(), S("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      C("path", {
-        fill: "currentColor",
-        d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
-      }),
-      C("path", {
-        fill: "currentColor",
-        d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
-      })
-    ]));
-  }
-}), lo = ro, io = /* @__PURE__ */ M({
-  name: "CircleClose",
-  __name: "circle-close",
-  setup(e) {
-    return (n, o) => (y(), S("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      C("path", {
-        fill: "currentColor",
-        d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z"
-      }),
-      C("path", {
-        fill: "currentColor",
-        d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
-      })
-    ]));
-  }
-}), ot = io, uo = /* @__PURE__ */ M({
-  name: "Hide",
-  __name: "hide",
-  setup(e) {
-    return (n, o) => (y(), S("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      C("path", {
-        fill: "currentColor",
-        d: "M876.8 156.8c0-9.6-3.2-16-9.6-22.4-6.4-6.4-12.8-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4 0 9.6 3.2 16 9.6 22.4 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8 28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8 0-44.8 16-83.2 48-112 32-28.8 67.2-48 112-48 28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6-28.8 48-80 105.6-153.6 172.8-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"
-      }),
-      C("path", {
-        fill: "currentColor",
-        d: "M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z"
-      })
-    ]));
-  }
-}), co = uo, po = /* @__PURE__ */ M({
-  name: "Loading",
-  __name: "loading",
-  setup(e) {
-    return (n, o) => (y(), S("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      C("path", {
-        fill: "currentColor",
-        d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"
-      })
-    ]));
-  }
-}), fo = po, vo = /* @__PURE__ */ M({
-  name: "View",
-  __name: "view",
-  setup(e) {
-    return (n, o) => (y(), S("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      C("path", {
-        fill: "currentColor",
-        d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"
-      })
-    ]));
-  }
-}), mo = vo;
-const nt = "__epPropKey", ie = (e) => e, yo = (e) => he(e) && !!e[nt], at = (e, n) => {
-  if (!he(e) || yo(e))
-    return e;
-  const { values: o, required: t, default: l, type: c, validator: d } = e, m = {
-    type: c,
-    required: !!t,
-    validator: o || d ? (p) => {
-      let h = !1, u = [];
-      if (o && (u = Array.from(o), Qe(e, "default") && u.push(l), h || (h = u.includes(p))), d && (h || (h = d(p))), !h && u.length > 0) {
-        const E = [...new Set(u)].map((L) => JSON.stringify(L)).join(", ");
-        Et(`Invalid prop: validation failed${n ? ` for prop "${n}"` : ""}. Expected one of [${E}], got value ${JSON.stringify(p)}.`);
-      }
-      return h;
-    } : void 0,
-    [nt]: !0
-  };
-  return Qe(e, "default") && (m.default = l), m;
-}, st = (e) => tt(Object.entries(e).map(([n, o]) => [
-  n,
-  at(o, n)
-])), Ze = ie([
-  String,
-  Object,
-  Function
-]), bo = {
-  validating: fo,
-  success: lo,
-  error: ot
-}, rt = (e, n) => (e.install = (o) => {
-  for (const t of [e, ...Object.values({})])
-    o.component(t.name, t);
-}, e), Oe = "update:modelValue", ho = ["", "default", "small", "large"], go = (e) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(e), wo = (e) => e, _o = ["class", "style"], xo = /^on[A-Z]/, Io = (e = {}) => {
-  const { excludeListeners: n = !1, excludeKeys: o } = e, t = v(() => ((o == null ? void 0 : o.value) || []).concat(_o)), l = te();
-  return l ? v(() => {
-    var c;
-    return tt(Object.entries((c = l.proxy) == null ? void 0 : c.$attrs).filter(([d]) => !t.value.includes(d) && !(n && xo.test(d))));
-  }) : (ee("use-attrs", "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function"), v(() => ({})));
-}, Ie = "el", So = "is-", Z = (e, n, o, t, l) => {
-  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, _(Ie)) : _(Ie);
-  return v(() => r(n) || Ie);
-}, $e = (e, n) => {
-  const o = lt();
-  return {
-    namespace: o,
-    b: (i = "") => Z(o.value, e, i, "", ""),
-    e: (i) => i ? Z(o.value, e, "", i, "") : "",
-    m: (i) => i ? Z(o.value, e, "", "", i) : "",
-    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, x) => i && w && x ? Z(o.value, e, i, w, x) : "",
-    is: (i, ...w) => {
-      const x = w.length >= 1 ? w[0] : !0;
-      return i && x ? `${So}${i}` : "";
-    },
-    cssVar: (i) => {
-      const w = {};
-      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 x in i)
-        i[x] && (w[`--${o.value}-${e}-${x}`] = i[x]);
-      return w;
-    },
-    cssVarBlockName: (i) => `--${o.value}-${e}-${i}`
-  };
-}, it = (e) => {
-  const n = te();
-  return v(() => {
-    var o, t;
-    return (t = (o = n == null ? void 0 : n.proxy) == null ? void 0 : o.$props) == null ? void 0 : t[e];
-  });
-}, Ce = {
-  prefix: Math.floor(Math.random() * 1e4),
-  current: 0
-}, Oo = Symbol("elIdInjection"), $o = () => te() ? U(Oo, Ce) : Ce, Co = (e) => {
-  const n = $o();
-  !ue && n === Ce && ee("IdInjection", `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
-usage: app.provide(ID_INJECTION_KEY, {
-  prefix: number,
-  current: number,
-})`);
-  const o = lt();
-  return v(() => r(e) || `${o.value}-id-${n.prefix}-${n.current++}`);
-};
-function zo(e) {
-  const n = _();
-  function o() {
-    if (e.value == null)
-      return;
-    const { selectionStart: l, selectionEnd: c, value: d } = e.value;
-    if (l == null || c == null)
-      return;
-    const b = d.slice(0, Math.max(0, l)), m = d.slice(Math.max(0, c));
-    n.value = {
-      selectionStart: l,
-      selectionEnd: c,
-      value: d,
-      beforeTxt: b,
-      afterTxt: m
-    };
-  }
-  function t() {
-    if (e.value == null || n.value == null)
-      return;
-    const { value: l } = e.value, { beforeTxt: c, afterTxt: d, selectionStart: b } = n.value;
-    if (c == null || d == null || b == null)
-      return;
-    let m = l.length;
-    if (l.endsWith(d))
-      m = l.length - d.length;
-    else if (l.startsWith(c))
-      m = c.length;
-    else {
-      const p = c[b - 1], h = l.indexOf(p, b - 1);
-      h !== -1 && (m = h + 1);
-    }
-    e.value.setSelectionRange(m, m);
-  }
-  return [o, t];
-}
-const Lo = at({
-  type: String,
-  values: ho,
-  required: !1
-}), No = Symbol("size"), To = () => {
-  const e = U(No, {});
-  return v(() => r(e.size) || "");
-};
-function Bo(e, { afterFocus: n, beforeBlur: o, afterBlur: t } = {}) {
-  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;
-    Gt(o) && o(u) || u.relatedTarget && ((E = d.value) != null && E.contains(u.relatedTarget)) || (b.value = !1, c("blur", u), t == null || t());
-  }, h = () => {
-    var u;
-    (u = e.value) == null || u.focus();
-  };
-  return P(d, (u) => {
-    u && u.setAttribute("tabindex", "-1");
-  }), Rt(d, "click", h), {
-    wrapperRef: d,
-    isFocused: b,
-    handleFocus: m,
-    handleBlur: p
-  };
-}
-var ut = (e, n) => {
-  const o = e.__vccOpts || e;
-  for (const [t, l] of n)
-    o[t] = l;
-  return o;
-};
-const Po = st({
-  size: {
-    type: ie([Number, String])
-  },
-  color: {
-    type: String
-  }
-}), ko = M({
-  name: "ElIcon",
-  inheritAttrs: !1
-}), Vo = /* @__PURE__ */ M({
-  ...ko,
-  props: Po,
-  setup(e) {
-    const n = e, o = $e("icon"), t = v(() => {
-      const { size: l, color: c } = n;
-      return !l && !c ? {} : {
-        fontSize: to(l) ? void 0 : so(l),
-        "--color": c
-      };
-    });
-    return (l, c) => (y(), S("i", le({
-      class: r(o).b(),
-      style: r(t)
-    }, l.$attrs), [
-      A(l.$slots, "default")
-    ], 16));
-  }
-});
-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 = _(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);
-  return v(() => n.value || r(e) || (o == null ? void 0 : o.disabled) || !1);
-}, Ao = () => {
-  const e = U(Le, void 0), n = U(ct, void 0);
-  return {
-    form: e,
-    formItem: n
-  };
-}, Wo = (e, {
-  formItemContext: n,
-  disableIdGeneration: o,
-  disableIdManagement: t
-}) => {
-  o || (o = _(!1)), t || (t = _(!1));
-  const l = _();
-  let c;
-  const d = v(() => {
-    var b;
-    return !!(!e.label && n && n.inputIds && ((b = n.inputIds) == null ? void 0 : b.length) <= 1);
-  });
-  return ze(() => {
-    c = P([Je(e, "id"), o], ([b, m]) => {
-      const p = b ?? (m ? void 0 : Co().value);
-      p !== l.value && (n != null && n.removeInputId && (l.value && n.removeInputId(l.value), !(t != null && t.value) && !m && p && n.addInputId(p)), l.value = p);
-    }, { immediate: !0 });
-  }), Ot(() => {
-    c && c(), n != null && n.removeInputId && l.value && n.removeInputId(l.value);
-  }), {
-    isLabeledByFormItem: d,
-    inputId: l
-  };
-};
-let B;
-const Do = `
-  height:0 !important;
-  visibility:hidden !important;
-  ${Jt() ? "" : "overflow:hidden !important;"}
-  position:absolute !important;
-  z-index:-1000 !important;
-  top:0 !important;
-  right:0 !important;
-`, jo = [
-  "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"
-];
-function Ko(e) {
-  const n = window.getComputedStyle(e), o = n.getPropertyValue("box-sizing"), t = Number.parseFloat(n.getPropertyValue("padding-bottom")) + Number.parseFloat(n.getPropertyValue("padding-top")), l = Number.parseFloat(n.getPropertyValue("border-bottom-width")) + Number.parseFloat(n.getPropertyValue("border-top-width"));
-  return { contextStyle: jo.map((d) => `${d}:${n.getPropertyValue(d)}`).join(";"), paddingSize: t, borderSize: l, boxSizing: o };
-}
-function Ye(e, n = 1, o) {
-  var t;
-  B || (B = document.createElement("textarea"), document.body.appendChild(B));
-  const { paddingSize: l, borderSize: c, boxSizing: d, contextStyle: b } = Ko(e);
-  B.setAttribute("style", `${b};${Do}`), B.value = e.value || e.placeholder || "";
-  let m = B.scrollHeight;
-  const p = {};
-  d === "border-box" ? m = m + c : d === "content-box" && (m = m - l), B.value = "";
-  const h = B.scrollHeight - l;
-  if (Ee(n)) {
-    let u = h * n;
-    d === "border-box" && (u = u + l + c), m = Math.max(u, m), p.minHeight = `${u}px`;
-  }
-  if (Ee(o)) {
-    let u = h * o;
-    d === "border-box" && (u = u + l + c), m = Math.min(u, m);
-  }
-  return p.height = `${m}px`, (t = B.parentNode) == null || t.removeChild(B), B = void 0, p;
-}
-const Ho = st({
-  id: {
-    type: String,
-    default: void 0
-  },
-  size: Lo,
-  disabled: Boolean,
-  modelValue: {
-    type: ie([
-      String,
-      Number,
-      Object
-    ]),
-    default: ""
-  },
-  type: {
-    type: String,
-    default: "text"
-  },
-  resize: {
-    type: String,
-    values: ["none", "both", "horizontal", "vertical"]
-  },
-  autosize: {
-    type: ie([Boolean, Object]),
-    default: !1
-  },
-  autocomplete: {
-    type: String,
-    default: "off"
-  },
-  formatter: {
-    type: Function
-  },
-  parser: {
-    type: Function
-  },
-  placeholder: {
-    type: String
-  },
-  form: {
-    type: String
-  },
-  readonly: {
-    type: Boolean,
-    default: !1
-  },
-  clearable: {
-    type: Boolean,
-    default: !1
-  },
-  showPassword: {
-    type: Boolean,
-    default: !1
-  },
-  showWordLimit: {
-    type: Boolean,
-    default: !1
-  },
-  suffixIcon: {
-    type: Ze
-  },
-  prefixIcon: {
-    type: Ze
-  },
-  containerRole: {
-    type: String,
-    default: void 0
-  },
-  label: {
-    type: String,
-    default: void 0
-  },
-  tabindex: {
-    type: [String, Number],
-    default: 0
-  },
-  validateEvent: {
-    type: Boolean,
-    default: !0
-  },
-  inputStyle: {
-    type: ie([Object, Array, String]),
-    default: () => wo({})
-  },
-  autofocus: {
-    type: Boolean,
-    default: !1
-  }
-}), Uo = {
-  [Oe]: (e) => G(e),
-  input: (e) => G(e),
-  change: (e) => G(e),
-  focus: (e) => e instanceof FocusEvent,
-  blur: (e) => e instanceof FocusEvent,
-  clear: () => !0,
-  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
-}, Qo = ["role"], Zo = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"], Yo = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"], Jo = M({
-  name: "ElInput",
-  inheritAttrs: !1
-}), qo = /* @__PURE__ */ M({
-  ...Jo,
-  props: Ho,
-  emits: Uo,
-  setup(e, { expose: n, emit: o }) {
-    const t = e, l = $t(), c = Ct(), d = v(() => {
-      const a = {};
-      return t.containerRole === "combobox" && (a["aria-haspopup"] = l["aria-haspopup"], a["aria-owns"] = l["aria-owns"], a["aria-expanded"] = l["aria-expanded"]), a;
-    }), b = v(() => [
-      t.type === "textarea" ? w.b() : i.b(),
-      i.m(L.value),
-      i.is("disabled", F.value),
-      i.is("exceed", dt.value),
-      {
-        [i.b("group")]: c.prepend || c.append,
-        [i.bm("group", "append")]: c.append,
-        [i.bm("group", "prepend")]: c.prepend,
-        [i.m("prefix")]: c.prefix || t.prefixIcon,
-        [i.m("suffix")]: c.suffix || t.suffixIcon || t.clearable || t.showPassword,
-        [i.bm("suffix", "password-clear")]: pe.value && we.value
-      },
-      l.class
-    ]), m = v(() => [
-      i.e("wrapper"),
-      i.is("focus", oe.value)
-    ]), p = Io({
-      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"), 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)));
-      }
-    }), de = v(() => {
-      var a;
-      return (a = h == null ? void 0 : h.statusIcon) != null ? a : !1;
-    }), s = v(() => (u == null ? void 0 : u.validateState) || ""), g = v(() => s.value && bo[s.value]), K = v(() => Y.value ? mo : co), Q = v(() => [
-      l.style,
-      t.inputStyle
-    ]), ne = v(() => [
-      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(x);
-    Kt(z, (a) => {
-      if (mt(), !X.value || t.resize !== "both")
-        return;
-      const f = a[0], { width: O } = f.contentRect;
-      ce.value = {
-        right: `calc(100% - ${O + 15 + 6}px)`
-      };
-    });
-    const ae = () => {
-      const { type: a, autosize: f } = t;
-      if (!(!ue || a !== "textarea" || !z.value))
-        if (f) {
-          const O = he(f) ? f.minRows : void 0, fe = he(f) ? f.maxRows : void 0, Fe = Ye(z.value, O, fe);
-          J.value = {
-            overflowY: "hidden",
-            ...Fe
-          }, R(() => {
-            z.value.offsetHeight, J.value = Fe;
-          });
-        } else
-          J.value = {
-            minHeight: Ye(z.value).minHeight
-          };
-    }, mt = ((a) => {
-      let f = !1;
-      return () => {
-        var O;
-        if (f || !t.autosize)
-          return;
-        ((O = z.value) == null ? void 0 : O.offsetParent) === null || (a(), f = !0);
-      };
-    })(ae), se = () => {
-      const a = j.value, f = t.formatter ? t.formatter(T.value) : T.value;
-      !a || a.value === f || (a.value = f);
-    }, xe = async (a) => {
-      ft();
-      let { value: f } = a.target;
-      if (t.formatter && (f = t.parser ? t.parser(f) : f), !D.value) {
-        if (f === T.value) {
-          se();
-          return;
-        }
-        o(Oe, f), o("input", f), await R(), se(), vt();
-      }
-    }, Ne = (a) => {
-      o("change", a.target.value);
-    }, Te = (a) => {
-      o("compositionstart", a), D.value = !0;
-    }, Be = (a) => {
-      var f;
-      o("compositionupdate", a);
-      const O = (f = a.target) == null ? void 0 : f.value, fe = O[O.length - 1] || "";
-      D.value = !go(fe);
-    }, Pe = (a) => {
-      o("compositionend", a), D.value && (D.value = !1, xe(a));
-    }, yt = () => {
-      Y.value = !Y.value, ke();
-    }, ke = async () => {
-      var a;
-      await R(), (a = j.value) == null || a.focus();
-    }, bt = () => {
-      var a;
-      return (a = j.value) == null ? void 0 : a.blur();
-    }, ht = (a) => {
-      W.value = !1, o("mouseleave", a);
-    }, gt = (a) => {
-      W.value = !0, o("mouseenter", a);
-    }, Ve = (a) => {
-      o("keydown", a);
-    }, wt = () => {
-      var a;
-      (a = j.value) == null || a.select();
-    }, Me = () => {
-      o(Oe, ""), o("change", ""), o("clear"), o("input", "");
-    };
-    return P(() => t.modelValue, () => {
-      var a;
-      R(() => ae()), t.validateEvent && ((a = u == null ? void 0 : u.validate) == null || a.call(u, "change").catch((f) => ee(f)));
-    }), P(T, () => se()), P(() => t.type, async () => {
-      await R(), se(), ae();
-    }), ze(() => {
-      !t.formatter && t.parser && ee("ElInput", "If you set the parser, you also need to set the formatter."), se(), R(ae);
-    }), n({
-      input: x,
-      textarea: z,
-      ref: j,
-      textareaStyle: ne,
-      autosize: Je(t, "autosize"),
-      focus: ke,
-      blur: bt,
-      select: wt,
-      clear: Me,
-      resizeTextarea: ae
-    }), (a, f) => zt((y(), S("div", le(r(d), {
-      class: r(b),
-      style: r(Q),
-      role: a.containerRole,
-      onMouseenter: gt,
-      onMouseleave: ht
-    }), [
-      I(" input "),
-      a.type !== "textarea" ? (y(), S(ye, { key: 0 }, [
-        I(" prepend slot "),
-        a.$slots.prepend ? (y(), S("div", {
-          key: 0,
-          class: $(r(i).be("group", "prepend"))
-        }, [
-          A(a.$slots, "prepend")
-        ], 2)) : I("v-if", !0),
-        C("div", {
-          ref_key: "wrapperRef",
-          ref: ge,
-          class: $(r(m))
-        }, [
-          I(" prefix slot "),
-          a.$slots.prefix || a.prefixIcon ? (y(), S("span", {
-            key: 0,
-            class: $(r(i).e("prefix"))
-          }, [
-            C("span", {
-              class: $(r(i).e("prefix-inner"))
-            }, [
-              A(a.$slots, "prefix"),
-              a.prefixIcon ? (y(), k(r(re), {
-                key: 0,
-                class: $(r(i).e("icon"))
-              }, {
-                default: V(() => [
-                  (y(), k(ve(a.prefixIcon)))
-                ]),
-                _: 1
-              }, 8, ["class"])) : I("v-if", !0)
-            ], 2)
-          ], 2)) : I("v-if", !0),
-          C("input", le({
-            id: r(E),
-            ref_key: "input",
-            ref: x,
-            class: r(i).e("inner")
-          }, r(p), {
-            type: a.showPassword ? Y.value ? "text" : "password" : a.type,
-            disabled: r(F),
-            formatter: a.formatter,
-            parser: a.parser,
-            readonly: a.readonly,
-            autocomplete: a.autocomplete,
-            tabindex: a.tabindex,
-            "aria-label": a.label,
-            placeholder: a.placeholder,
-            style: a.inputStyle,
-            form: t.form,
-            autofocus: t.autofocus,
-            onCompositionstart: Te,
-            onCompositionupdate: Be,
-            onCompositionend: Pe,
-            onInput: xe,
-            onFocus: f[0] || (f[0] = (...O) => r(N) && r(N)(...O)),
-            onBlur: f[1] || (f[1] = (...O) => r(q) && r(q)(...O)),
-            onChange: Ne,
-            onKeydown: Ve
-          }), null, 16, Zo),
-          I(" suffix slot "),
-          r(pt) ? (y(), S("span", {
-            key: 1,
-            class: $(r(i).e("suffix"))
-          }, [
-            C("span", {
-              class: $(r(i).e("suffix-inner"))
-            }, [
-              !r(pe) || !r(we) || !r(X) ? (y(), S(ye, { key: 0 }, [
-                A(a.$slots, "suffix"),
-                a.suffixIcon ? (y(), k(r(re), {
-                  key: 0,
-                  class: $(r(i).e("icon"))
-                }, {
-                  default: V(() => [
-                    (y(), k(ve(a.suffixIcon)))
-                  ]),
-                  _: 1
-                }, 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")]),
-                onMousedown: Lt(r(qt), ["prevent"]),
-                onClick: Me
-              }, {
-                default: V(() => [
-                  Se(r(ot))
-                ]),
-                _: 1
-              }, 8, ["class", "onMousedown"])) : I("v-if", !0),
-              r(we) ? (y(), k(r(re), {
-                key: 2,
-                class: $([r(i).e("icon"), r(i).e("password")]),
-                onClick: yt
-              }, {
-                default: V(() => [
-                  (y(), k(ve(r(K))))
-                ]),
-                _: 1
-              }, 8, ["class"])) : I("v-if", !0),
-              r(X) ? (y(), S("span", {
-                key: 3,
-                class: $(r(i).e("count"))
-              }, [
-                C("span", {
-                  class: $(r(i).e("count-inner"))
-                }, H(r(_e)) + " / " + H(r(p).maxlength), 3)
-              ], 2)) : I("v-if", !0),
-              r(s) && r(g) && r(de) ? (y(), k(r(re), {
-                key: 4,
-                class: $([
-                  r(i).e("icon"),
-                  r(i).e("validateIcon"),
-                  r(i).is("loading", r(s) === "validating")
-                ])
-              }, {
-                default: V(() => [
-                  (y(), k(ve(r(g))))
-                ]),
-                _: 1
-              }, 8, ["class"])) : I("v-if", !0)
-            ], 2)
-          ], 2)) : I("v-if", !0)
-        ], 2),
-        I(" append slot "),
-        a.$slots.append ? (y(), S("div", {
-          key: 1,
-          class: $(r(i).be("group", "append"))
-        }, [
-          A(a.$slots, "append")
-        ], 2)) : I("v-if", !0)
-      ], 64)) : (y(), S(ye, { key: 1 }, [
-        I(" textarea "),
-        C("textarea", le({
-          id: r(E),
-          ref_key: "textarea",
-          ref: z,
-          class: r(w).e("inner")
-        }, r(p), {
-          tabindex: a.tabindex,
-          disabled: r(F),
-          readonly: a.readonly,
-          autocomplete: a.autocomplete,
-          style: r(ne),
-          "aria-label": a.label,
-          placeholder: a.placeholder,
-          form: t.form,
-          autofocus: t.autofocus,
-          onCompositionstart: Te,
-          onCompositionupdate: Be,
-          onCompositionend: Pe,
-          onInput: xe,
-          onFocus: f[2] || (f[2] = (...O) => r(N) && r(N)(...O)),
-          onBlur: f[3] || (f[3] = (...O) => r(q) && r(q)(...O)),
-          onChange: Ne,
-          onKeydown: Ve
-        }), null, 16, Yo),
-        r(X) ? (y(), S("span", {
-          key: 0,
-          style: be(ce.value),
-          class: $(r(i).e("count"))
-        }, H(r(_e)) + " / " + H(r(p).maxlength), 7)) : I("v-if", !0)
-      ], 64))
-    ], 16, Qo)), [
-      [Nt, a.type !== "hidden"]
-    ]);
-  }
-});
-var Xo = /* @__PURE__ */ ut(qo, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/input/src/input.vue"]]);
-const Go = rt(Xo), en = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], tn = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(e), on = (e) => {
-  if (e)
-    return typeof e == "string" && tn(e) || typeof e == "string" && en.includes(e) ? e : e + "px";
-}, nn = {
+import { withInstall as le } from "@das-fed/utils/with-install/index";
+import { getVarValue as D, setThemeRule as ae } from "@das-fed/web/packages/theme/index";
+import { defineComponent as re, computed as i, ref as a, watch as T, nextTick as R, openBlock as u, createElementBlock as p, normalizeStyle as z, normalizeClass as F, createVNode as P, unref as O, withCtx as y, mergeProps as se, createSlots as ie, renderSlot as k, toDisplayString as L, createCommentVNode as h, Fragment as ne, createBlock as ue, Teleport as de, createElementVNode as E } from "vue";
+import "element-plus/es/components/input/style/css";
+import { ElInput as pe } from "element-plus";
+import { t as ce, setI18nRule as fe } from "@das-fed/web/packages/i18n/index";
+import { DasTooltip as ve } from "@das-fed/ui/packages/components/tooltip/index";
+import { calcTextWidth as me } from "@das-fed/utils/common-tools";
+const be = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], ye = (l) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(l), he = (l) => {
+  if (l)
+    return typeof l == "string" && ye(l) || typeof l == "string" && be.includes(l) ? l : l + "px";
+}, ge = {
   key: 0,
   class: "das-input-label-content"
-}, an = {
+}, xe = {
   key: 0,
   class: "das-input-success-label"
-}, sn = {
+}, Be = {
   key: 1,
   class: "das-input-label-content"
-}, rn = ["title"], ln = {
+}, Te = ["title"], ke = {
   key: 1,
   class: "das-input-overlay-error-label-content"
-}, un = { class: "label" }, cn = {
+}, Le = { class: "label" }, Se = {
   inheritAttrs: !1
-}, dn = /* @__PURE__ */ M({
-  ...cn,
+}, we = /* @__PURE__ */ re({
+  ...Se,
   __name: "index",
   props: {
     modelValue: { default: "" },
     type: { default: "text" },
     width: { default: "" },
     borderType: { default: "bottom" },
-    placeholder: { default: "请输入" },
+    placeholder: { default: "" },
     size: { default: "default" },
     disabled: { type: Boolean, default: !1 },
     isView: { type: Boolean, default: !1 },
@@ -975,178 +50,184 @@ const Go = rt(Xo), en = ["auto", "fit-content", "inherit", "initial", "max-conte
     showWordLimit: { type: Boolean, default: !0 },
     showTextWordLimit: { type: Boolean, default: !1 },
     maxlength: { default: 0 },
-    maxLength: { default: 0 }
+    maxLength: { default: 0 },
+    filterSpace: { type: Boolean, default: !0 }
   },
-  emits: ["update:modelValue"],
-  setup(e, { expose: n, emit: o }) {
-    const t = e, l = v(() => `width:${on(t.width)}`), c = v(() => {
-      const s = Number(t.maxLength) ? Number(t.maxLength) : !1, g = Number(t.maxlength) ? Number(t.maxlength) : !1;
-      return s || g && g || !1;
-    }), d = o, b = v({
-      get: () => t.modelValue,
-      set: (s) => d("update:modelValue", s)
-    }), 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 = _({
+  emits: ["update:modelValue", "change"],
+  setup(l, { expose: g, emit: x }) {
+    const o = l, c = i(() => o.placeholder || ce("请输入")), U = i(() => `width:${he(o.width)}`), A = i(() => {
+      const e = Number(o.maxLength) ? Number(o.maxLength) : !1, t = Number(o.maxlength) ? Number(o.maxlength) : !1;
+      return e || t && t || !1;
+    }), W = x, n = i({
+      get: () => o.modelValue,
+      set: (e) => W("update:modelValue", e)
+    }), Z = a(o.isTitle), d = a(!1), j = i(() => n.value ? n.value : c.value), $ = a(), r = a(), S = a(!1), H = i(() => o.type === "textarea" ? o.showWordLimit : o.showTextWordLimit), q = i(() => o.isView || o.disabled), G = i(() => q.value ? o.noSetDefaultVal ? "" : "-" : c.value ?? ""), w = a(!1), f = a(0), B = a({
       x: 0,
       y: 0
-    }), D = _(0), Y = _({
+    }), C = a(0), J = a({
       "font-size": "12px",
-      "background-color": Re("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": D("--das-ui-color-overlay-error").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "2px 8px",
-      "word-break": "break-all",
+      // 'word-break': 'break-all',
       "box-sizing": "border-box"
-    }), ce = v(() => ({
-      ...Y.value,
-      width: D.value + "px",
+    }), K = i(() => ({
+      ...J.value,
+      width: C.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: W.value.y + "px",
-      left: W.value.x + "px",
-      "z-index": t.errorModelZIndex
-    })), J = _({
+      top: B.value.y + "px",
+      left: B.value.x + "px",
+      "z-index": o.errorModelZIndex
+    })), Q = a({
       display: "block",
-      color: Re("--das-ui-input-error-color").value,
+      color: D("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
-    }), j = () => {
-      var Q, ne, T;
-      const { top: s, left: g } = (Q = u.value) == null ? void 0 : Q.$el.getBoundingClientRect(), K = (ne = u.value) == null ? void 0 : ne.$el.clientHeight;
-      D.value = (T = u.value) == null ? void 0 : T.$el.clientWidth, W.value.x = g, W.value.y = s + K;
+    }), X = () => {
+      var b, I, V, N;
+      const { top: e = 0, left: t = 0 } = ((I = (b = r.value) == null ? void 0 : b.$el) == null ? void 0 : I.getBoundingClientRect()) ?? {}, s = (V = r.value) == null ? void 0 : V.$el.clientHeight;
+      C.value = (N = r.value) == null ? void 0 : N.$el.clientWidth, B.value.x = t, B.value.y = e + s;
     };
-    P(
+    T(
       () => {
-        var s;
-        return (s = u.value) == null ? void 0 : s.textarea;
+        var e;
+        return (e = r.value) == null ? void 0 : e.textarea;
       },
-      (s) => {
+      (e) => {
         R(() => {
-          var g;
-          s && (s != null && s.nextSibling) && ((g = s.nextSibling) != null && g.style) && (s.nextSibling.style.display = "none");
+          var t;
+          e && (e != null && e.nextSibling) && ((t = e.nextSibling) != null && t.style) && (e.nextSibling.style.display = "none");
         });
       }
     );
-    const ge = () => {
-      var g;
-      t.borderType === "bottom" && (w.value = !0);
-      const s = (g = u.value) == null ? void 0 : g.textarea;
-      s && s.nextSibling && s.nextSibling.style && (s.nextSibling.style.display = "block");
-    }, oe = () => {
-      var g;
-      t.borderType === "bottom" && (w.value = !1);
-      const s = (g = u.value) == null ? void 0 : g.textarea;
-      s && s.nextSibling && s.nextSibling.style && (s.nextSibling.style.display = "none");
+    const Y = (e) => {
+      let t = e + "";
+      o.type !== "textarea" && o.filterSpace && (t = t.trim()), n.value = t, W("change", t);
+    }, _ = () => {
+      var t;
+      o.borderType === "bottom" && (w.value = !0);
+      const e = (t = r.value) == null ? void 0 : t.textarea;
+      e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "block");
+    }, ee = () => {
+      var t;
+      o.borderType === "bottom" && (w.value = !1);
+      const e = (t = r.value) == null ? void 0 : t.textarea;
+      e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "none");
+    }, M = () => {
+      const e = o.size === "table" ? 12 : 14;
+      return me(c.value, e);
     };
-    P(
-      () => u.value,
-      (s) => {
+    T(
+      () => r.value,
+      (e) => {
         setTimeout(() => {
-          const g = s;
-          g && (x.value = g == null ? void 0 : g.ref.offsetWidth, z.value = g == null ? void 0 : g.ref.scrollWidth);
+          var s, b;
+          const t = e;
+          t && (f.value = ((s = t == null ? void 0 : t.ref) == null ? void 0 : s.offsetWidth) ?? 0, v.value = n.value ? (b = t == null ? void 0 : t.ref) == null ? void 0 : b.scrollWidth : M());
         }, 200);
       }
-    ), P(
-      () => b.value,
-      (s) => {
-        R(() => {
-          var g, K, Q;
-          (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 = _(), 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();
+    const v = a(0);
+    T(() => [n.value, c.value], () => {
+      R(() => {
+        var e, t, s;
+        (e = r.value) != null && e.ref && (f.value = (t = r.value) == null ? void 0 : t.ref.offsetWidth, v.value = n.value ? (s = r.value) == null ? void 0 : s.ref.scrollWidth : M(), (f.value === v.value || v.value - f.value < 1) && (d.value = !1));
+      });
+    });
+    const m = a(), te = () => {
+      f.value === v.value || v.value - f.value < 1 ? d.value = !1 : (d.value = !0, m.value && clearTimeout(m.value)), S.value = !0, X();
+    }, oe = () => {
+      m.value = setTimeout(() => {
+        d.value = !1;
+      }, 200), S.value = !1;
     };
-    P(
+    return T(
       () => {
-        var s;
-        return (s = h.value) == null ? void 0 : s.$tooltipRef.popperRef.contentRef;
+        var e;
+        return (e = $.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
-      (s) => {
-        s && (s.addEventListener("mouseenter", function() {
-          p.value = !0, N.value && clearTimeout(N.value);
-        }), s.addEventListener("mouseleave", function() {
-          N.value = setTimeout(() => {
-            p.value = !1;
+      (e) => {
+        e && (e.addEventListener("mouseenter", function() {
+          d.value = !0, m.value && clearTimeout(m.value);
+        }), e.addEventListener("mouseleave", function() {
+          m.value = setTimeout(() => {
+            d.value = !1;
           }, 200);
         }));
       }
-    );
-    const de = () => {
-      N.value = setTimeout(() => {
-        p.value = !1;
-      }, 200), E.value = !1;
-    };
-    return n({
-      $refInput: u
-    }), (s, g) => (y(), S("div", {
-      style: be(l.value),
-      class: $([
+    ), g({
+      $refInput: r
+    }), (e, t) => (u(), p("div", {
+      style: z(U.value),
+      class: F([
         "das-ui-input",
-        { "only-border-bottom": s.borderType === "bottom" },
-        { "das-input-normal-size": s.size === "default" },
-        { "das-input-table-size": s.size === "table" }
+        { "only-border-bottom": e.borderType === "bottom" },
+        { "das-input-normal-size": e.size === "default" },
+        { "das-input-table-size": e.size === "table" }
       ])
     }, [
-      Se(r(Pt), {
+      P(O(ve), {
         ref_key: "inputTooltipRef",
-        ref: h,
+        ref: $,
         effect: "light",
+        placement: "top",
         manual: !0,
-        visible: p.value,
-        disabled: !m.value,
-        content: b.value,
-        placement: "top"
+        visible: d.value,
+        disabled: !Z.value,
+        content: j.value
       }, {
-        default: V(() => [
-          Se(r(Go), le({
+        default: y(() => [
+          P(O(pe), se({
             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,
+            ref: r
+          }, e.$attrs, {
+            modelValue: n.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (s) => n.value = s),
+            placeholder: G.value,
+            disabled: e.disabled,
+            readonly: e.isView,
+            type: o.type,
             class: [
-              { "is-view": s.isView },
-              { "das-input-success": s.success },
-              { "das-input-error": s.error },
+              { "is-view": e.isView },
+              { "das-input-success": e.success },
+              { "das-input-error": e.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 ? {
+            autosize: o.autosize,
+            showWordLimit: H.value,
+            maxlength: A.value,
+            onChange: Y,
+            onFocus: _,
+            onBlur: ee,
+            onMouseenter: te,
+            onMouseleave: oe
+          }), ie({ _: 2 }, [
+            e.$slots.prepend ? {
               name: "prepend",
-              fn: V(() => [
-                A(s.$slots, "prepend", {}, void 0, !0)
+              fn: y(() => [
+                k(e.$slots, "prepend", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
-            s.$slots.append ? {
+            e.$slots.append ? {
               name: "append",
-              fn: V(() => [
-                A(s.$slots, "append", {}, void 0, !0)
+              fn: y(() => [
+                k(e.$slots, "append", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
-            s.$slots.suffix ? {
+            e.$slots.suffix ? {
               name: "suffix",
-              fn: V(() => [
-                A(s.$slots, "suffix", {}, void 0, !0)
+              fn: y(() => [
+                k(e.$slots, "suffix", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0,
-            s.$slots.prefix ? {
+            e.$slots.prefix ? {
               name: "prefix",
-              fn: V(() => [
-                A(s.$slots, "prefix", {}, void 0, !0)
+              fn: y(() => [
+                k(e.$slots, "prefix", {}, void 0, !0)
               ]),
               key: "3"
             } : void 0
@@ -1154,40 +235,40 @@ const Go = rt(Xo), en = ["auto", "fit-content", "inherit", "initial", "max-conte
         ]),
         _: 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", {
+      e.success && e.successLabel ? (u(), p("div", ge, [
+        e.success ? (u(), p("span", xe, L(e.successLabel), 1)) : h("", !0)
+      ])) : h("", !0),
+      e.error && e.errorLabel && e.errorMode === "default" ? (u(), p("div", Be, [
+        e.error ? (u(), p("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, {
+          class: F(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
+          title: e.isErrorTitle ? e.errorLabel : ""
+        }, L(e.errorLabel), 11, Te)) : h("", !0)
+      ])) : h("", !0),
+      e.error && e.errorLabel && S.value && e.errorMode === "overlay" ? (u(), p(ne, { key: 2 }, [
+        e.teleported ? (u(), ue(de, {
           key: 0,
           to: "body"
         }, [
-          C("div", {
-            style: be(ce.value)
+          E("div", {
+            style: z(K.value)
           }, [
-            C("span", {
-              style: be(J.value)
-            }, H(s.errorLabel), 5)
+            E("span", {
+              style: z(Q.value)
+            }, L(e.errorLabel), 5)
           ], 4)
-        ])) : (y(), S("div", ln, [
-          C("span", un, H(s.errorLabel), 1)
+        ])) : (u(), p("div", ke, [
+          E("span", Le, L(e.errorLabel), 1)
         ]))
-      ], 64)) : I("", !0)
+      ], 64)) : h("", !0)
     ], 6));
   }
-}), pn = (e, n) => {
-  const o = e.__vccOpts || e;
-  for (const [t, l] of n)
-    o[t] = l;
-  return o;
-}, fn = /* @__PURE__ */ pn(dn, [["__scopeId", "data-v-7f83dfbb"]]), vn = {
+}), ze = (l, g) => {
+  const x = l.__vccOpts || l;
+  for (const [o, c] of g)
+    x[o] = c;
+  return x;
+}, Ee = /* @__PURE__ */ ze(we, [["__scopeId", "data-v-181080a1"]]), We = {
   "--das-ui-input-default-text-color": "#212121",
   "--das-ui-input-default-placeholder-text-color": "#B2B2B2",
   "--das-ui-input-full-border-color": "#D9D9D9",
@@ -1204,10 +285,15 @@ const Go = rt(Xo), en = ["auto", "fit-content", "inherit", "initial", "max-conte
   "--das-ui-input-only-bottom-view-border-color": "#E5E5E5",
   "--das-ui-input-success-color": "#1BA854",
   "--das-ui-input-error-color": "#FB2323"
+}, $e = {
+  共: { "zh-CN": "共", en: "Total", _appCode: "framework" },
+  项: { "zh-CN": "项", en: "Item", _appCode: "framework" },
+  请输入: { "zh-CN": "请输入", en: "Please enter", _appCode: "framework" }
 };
-xt(vn);
-const wn = _t(fn);
+fe($e);
+ae(We);
+const Oe = le(Ee);
 export {
-  wn as DasInput,
-  wn as default
+  Oe as DasInput,
+  Oe as default
 };