@das-fed/upf-ui 6.4.0-dev.132 → 6.4.0-dev.134

package/packages/components/input/index.js

@@ -1,276 +1,460 @@
 import '@das-fed/upf-ui/packages/components/input/style.css';
-import { withInstall as K } from "@das-fed/upf-utils/with-install/index";
-import { getVarValue as Q, setThemeRule as X } from "@das-fed/upf-web/packages/theme/index";
-import { defineComponent as Y, computed as d, ref as r, watch as y, nextTick as C, createElementBlock as b, openBlock as f, normalizeClass as V, normalizeStyle as _, createCommentVNode as i, createVNode as R, unref as S, withCtx as h, mergeProps as ee, createSlots as te, renderSlot as x, toDisplayString as D, Fragment as oe, createBlock as le } from "vue";
+import { withInstall as q } from "@das-fed/upf-utils/with-install/index";
+import { setThemeRule as J } from "@das-fed/upf-web/packages/theme/index";
+import { unref as O, getCurrentScope as ee, onScopeDispose as te, getCurrentInstance as H, onMounted as oe, nextTick as R, ref as v, watch as I, computed as h, defineComponent as re, createElementBlock as P, openBlock as T, normalizeClass as A, normalizeStyle as ne, createCommentVNode as _, createVNode as M, withCtx as C, mergeProps as ae, createSlots as le, renderSlot as k, Fragment as se, createBlock as ie, withDirectives as ue, createTextVNode as de, toDisplayString as ce } from "vue";
 import "element-plus/es/components/input/style/css";
-import { ElInput as ae } from "element-plus";
-import { t as re, setI18nRule as se } from "@das-fed/upf-web/packages/i18n/index";
-import { DasTooltip as ie } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { DasErrorOverlayModel as ue } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
-import { calcTextWidth as ne } from "@das-fed/upf-utils/common-tools";
-const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], fe = (l) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(l), pe = (l) => {
-  if (l)
-    return typeof l == "string" && fe(l) || typeof l == "string" && de.includes(l) ? l : l + "px";
-}, ce = {
-  key: 0,
-  class: "das-input-label-content"
-}, ve = {
-  key: 0,
-  class: "das-input-success-label"
-}, me = {
+import { ElInput as fe } from "element-plus";
+import { t as pe, setI18nRule as ve } from "@das-fed/upf-web/packages/i18n/index";
+import { DasTooltip as me } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { DasErrorOverlayModel as he } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
+import { vDasTooltip as ye } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+const be = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], we = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(e), ge = (e) => {
+  if (e)
+    return typeof e == "string" && we(e) || typeof e == "string" && be.includes(e) ? e : e + "px";
+}, V = {
+  large: {
+    height: "40px",
+    fontSize: "14px",
+    defaultWidth: "230px"
+  },
+  default: {
+    height: "32px",
+    fontSize: "14px",
+    defaultWidth: "230px"
+  },
+  small: {
+    height: "24px",
+    fontSize: "12px",
+    defaultWidth: "230px"
+  },
+  table: {
+    height: "30px",
+    fontSize: "12",
+    defaultWidth: "132px"
+  }
+}, D = {
+  view: {
+    color: "#d9d9d9"
+  },
+  disabled: {
+    color: "#d9d9d9"
+  },
+  error: {
+    color: "#F0262D"
+  }
+};
+var N;
+const Z = typeof window < "u", Oe = (e) => typeof e == "string", xe = () => {
+};
+Z && ((N = window == null ? void 0 : window.navigator) != null && N.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function G(e) {
+  return typeof e == "function" ? e() : O(e);
+}
+function _e(e) {
+  return e;
+}
+function K(e) {
+  return ee() ? (te(e), !0) : !1;
+}
+function Ee(e, o = !0) {
+  H() ? oe(e) : o ? e() : R(e);
+}
+function E(e) {
+  var o;
+  const r = G(e);
+  return (o = r == null ? void 0 : r.$el) != null ? o : r;
+}
+const z = Z ? window : void 0;
+function x(...e) {
+  let o, r, t, s;
+  if (Oe(e[0]) || Array.isArray(e[0]) ? ([r, t, s] = e, o = z) : [o, r, t, s] = e, !o)
+    return xe;
+  Array.isArray(r) || (r = [r]), Array.isArray(t) || (t = [t]);
+  const c = [], u = () => {
+    c.forEach((a) => a()), c.length = 0;
+  }, d = (a, i, m, b) => (a.addEventListener(i, m, b), () => a.removeEventListener(i, m, b)), n = I(() => [E(o), G(s)], ([a, i]) => {
+    u(), a && c.push(...r.flatMap((m) => t.map((b) => d(a, m, b, i))));
+  }, { immediate: !0, flush: "post" }), f = () => {
+    n(), u();
+  };
+  return K(f), f;
+}
+function Ie(e, o = !1) {
+  const r = v(), t = () => r.value = !!e();
+  return t(), Ee(t, o), r;
+}
+const F = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Q = "__vueuse_ssr_handlers__";
+F[Q] = F[Q] || {};
+var X = Object.getOwnPropertySymbols, Se = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable, Te = (e, o) => {
+  var r = {};
+  for (var t in e)
+    Se.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && X)
+    for (var t of X(e))
+      o.indexOf(t) < 0 && Be.call(e, t) && (r[t] = e[t]);
+  return r;
+};
+function Ce(e, o, r = {}) {
+  const t = r, { window: s = z } = t, c = Te(t, ["window"]);
+  let u;
+  const d = Ie(() => s && "ResizeObserver" in s), n = () => {
+    u && (u.disconnect(), u = void 0);
+  }, f = I(() => E(e), (i) => {
+    n(), d.value && s && i && (u = new ResizeObserver(o), u.observe(i, c));
+  }, { immediate: !0, flush: "post" }), a = () => {
+    n(), f();
+  };
+  return K(a), {
+    isSupported: d,
+    stop: a
+  };
+}
+function ze(e, o = { width: 0, height: 0 }, r = {}) {
+  const { window: t = z, box: s = "content-box" } = r, c = h(() => {
+    var n, f;
+    return (f = (n = E(e)) == null ? void 0 : n.namespaceURI) == null ? void 0 : f.includes("svg");
+  }), u = v(o.width), d = v(o.height);
+  return Ce(e, ([n]) => {
+    const f = s === "border-box" ? n.borderBoxSize : s === "content-box" ? n.contentBoxSize : n.devicePixelContentBoxSize;
+    if (t && c.value) {
+      const a = E(e);
+      if (a) {
+        const i = t.getComputedStyle(a);
+        u.value = parseFloat(i.width), d.value = parseFloat(i.height);
+      }
+    } else if (f) {
+      const a = Array.isArray(f) ? f : [f];
+      u.value = a.reduce((i, { inlineSize: m }) => i + m, 0), d.value = a.reduce((i, { blockSize: m }) => i + m, 0);
+    } else
+      u.value = n.contentRect.width, d.value = n.contentRect.height;
+  }, r), I(() => E(e), (n) => {
+    u.value = n ? o.width : 0, d.value = n ? o.height : 0;
+  }), {
+    width: u,
+    height: d
+  };
+}
+function We(e, o = {}) {
+  const { initialValue: r = !1 } = o, t = v(!1), s = h(() => E(e));
+  x(s, "focus", () => t.value = !0), x(s, "blur", () => t.value = !1);
+  const c = h({
+    get: () => t.value,
+    set(u) {
+      var d, n;
+      !u && t.value ? (d = s.value) == null || d.blur() : u && !t.value && ((n = s.value) == null || n.focus());
+    }
+  });
+  return I(s, () => {
+    c.value = r;
+  }, { immediate: !0, flush: "post" }), { focused: c };
+}
+function Pe(e = {}) {
+  const {
+    type: o = "page",
+    touch: r = !0,
+    resetOnTouchEnds: t = !1,
+    initialValue: s = { x: 0, y: 0 },
+    window: c = z,
+    eventFilter: u
+  } = e, d = v(s.x), n = v(s.y), f = v(null), a = (p) => {
+    o === "page" ? (d.value = p.pageX, n.value = p.pageY) : o === "client" ? (d.value = p.clientX, n.value = p.clientY) : o === "movement" && (d.value = p.movementX, n.value = p.movementY), f.value = "mouse";
+  }, i = () => {
+    d.value = s.x, n.value = s.y;
+  }, m = (p) => {
+    if (p.touches.length > 0) {
+      const g = p.touches[0];
+      o === "page" ? (d.value = g.pageX, n.value = g.pageY) : o === "client" && (d.value = g.clientX, n.value = g.clientY), f.value = "touch";
+    }
+  }, b = (p) => u === void 0 ? a(p) : u(() => a(p), {}), w = (p) => u === void 0 ? m(p) : u(() => m(p), {});
+  return c && (x(c, "mousemove", b, { passive: !0 }), x(c, "dragover", b, { passive: !0 }), r && o !== "movement" && (x(c, "touchstart", w, { passive: !0 }), x(c, "touchmove", w, { passive: !0 }), t && x(c, "touchend", i, { passive: !0 }))), {
+    x: d,
+    y: n,
+    sourceType: f
+  };
+}
+function ke(e, o = {}) {
+  const {
+    handleOutside: r = !0,
+    window: t = z
+  } = o, { x: s, y: c, sourceType: u } = Pe(o), d = v(e ?? (t == null ? void 0 : t.document.body)), n = v(0), f = v(0), a = v(0), i = v(0), m = v(0), b = v(0), w = v(!0);
+  let p = () => {
+  };
+  return t && (p = I([d, s, c], () => {
+    const g = E(d);
+    if (!g)
+      return;
+    const {
+      left: $,
+      top: L,
+      width: S,
+      height: B
+    } = g.getBoundingClientRect();
+    a.value = $ + t.pageXOffset, i.value = L + t.pageYOffset, m.value = B, b.value = S;
+    const l = s.value - a.value, y = c.value - i.value;
+    w.value = S === 0 || B === 0 || l < 0 || y < 0 || l > S || y > B, (r || !w.value) && (n.value = l, f.value = y);
+  }, { immediate: !0 }), x(document, "mouseleave", () => {
+    w.value = !0;
+  })), {
+    x: s,
+    y: c,
+    sourceType: u,
+    elementX: n,
+    elementY: f,
+    elementPositionX: a,
+    elementPositionY: i,
+    elementHeight: m,
+    elementWidth: b,
+    isOutside: w,
+    stop: p
+  };
+}
+var Y;
+(function(e) {
+  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
+})(Y || (Y = {}));
+var $e = Object.defineProperty, U = Object.getOwnPropertySymbols, Le = Object.prototype.hasOwnProperty, Ve = Object.prototype.propertyIsEnumerable, j = (e, o, r) => o in e ? $e(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, Re = (e, o) => {
+  for (var r in o || (o = {}))
+    Le.call(o, r) && j(e, r, o[r]);
+  if (U)
+    for (var r of U(o))
+      Ve.call(o, r) && j(e, r, o[r]);
+  return e;
+};
+const Ae = {
+  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]
+};
+Re({
+  linear: _e
+}, Ae);
+function Me({
+  elInputRef: e,
+  inputValue: o,
+  placeholder: r
+}) {
+  var f;
+  const t = (f = H()) == null ? void 0 : f.props, { focused: s } = We(h(() => {
+    var a;
+    return (a = e.value) == null ? void 0 : a.ref;
+  })), c = v(!1), u = h(() => c.value && !s.value && t.isTitle), d = h(() => o.value ? o.value : r.value), n = async () => {
+    var i;
+    const a = (i = e.value) == null ? void 0 : i.ref;
+    a && (o.value || (a.value = r.value, await R()), c.value = a.scrollWidth > a.clientWidth, a.value = o.value);
+  };
+  return I(e, () => {
+    e.value && n();
+  }), I(
+    () => [o.value, r.value],
+    () => {
+      R(n);
+    }
+  ), {
+    showToolTip: u,
+    tooltipContent: d
+  };
+}
+const De = {
   key: 0,
-  class: "das-input-label-content"
-}, be = ["title"], ye = {
+  class: "das-input-message"
+}, Ne = ["title"], Fe = {
   inheritAttrs: !1
-}, he = /* @__PURE__ */ Y({
-  ...ye,
+}, Qe = /* @__PURE__ */ re({
+  ...Fe,
   __name: "index",
   props: {
     modelValue: { default: "" },
     type: { default: "text" },
-    width: { default: "" },
-    borderType: { default: "bottom" },
+    width: {},
+    borderType: { default: "bordered" },
     placeholder: { default: "" },
     size: { default: "default" },
     disabled: { type: Boolean, default: !1 },
     isView: { type: Boolean, default: !1 },
-    success: { type: Boolean, default: !1 },
-    successLabel: { default: "" },
     error: { type: Boolean, default: !1 },
     errorLabel: { default: "" },
-    isErrorTitle: { type: Boolean, default: !1 },
+    isErrorTitle: { type: Boolean, default: !0 },
     isTitle: { type: Boolean, default: !0 },
     errorMode: { default: "default" },
     errorModelZIndex: { default: 2e3 },
     noSetDefaultVal: { type: Boolean, default: !1 },
-    autosize: { type: [Boolean, Object], default: !0 },
+    autosize: { type: [Boolean, Object], default: () => ({ minRows: 3 }) },
     showWordLimit: { type: Boolean, default: !0 },
     showTextWordLimit: { type: Boolean, default: !1 },
-    maxlength: { default: 0 },
-    maxLength: { default: 0 },
-    filterSpace: { type: Boolean, default: !0 }
+    maxlength: {},
+    filterSpace: { type: Boolean, default: !0 },
+    clearable: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(l, { expose: g, emit: T }) {
-    const o = l, p = d(() => o.placeholder || re("请输入")), N = d(() => `width:${pe(o.width)}`), F = d(() => {
-      const e = Number(o.maxLength) ? Number(o.maxLength) : !1, t = Number(o.maxlength) ? Number(o.maxlength) : !1;
-      return e || t && t || !1;
-    }), w = T, u = d({
-      get: () => o.modelValue,
-      set: (e) => w("update:modelValue", e)
-    }), O = r(o.isTitle), n = r(!1), P = d(() => u.value ? u.value : p.value), B = r(), s = r(), L = r(!1), Z = d(() => o.type === "textarea" ? o.showWordLimit : o.showTextWordLimit), U = d(() => o.isView || o.disabled), A = d(() => U.value ? o.noSetDefaultVal ? "" : "-" : p.value ?? ""), k = r(!1), c = r(0);
-    r({
-      display: "block",
-      color: Q("--das-ui-input-error-color").value,
-      "white-space": "break-spaces"
-    }), y(
-      () => {
-        var e;
-        return (e = s.value) == null ? void 0 : e.textarea;
-      },
-      (e) => {
-        C(() => {
-          var t;
-          e && (e != null && e.nextSibling) && ((t = e.nextSibling) != null && t.style) && (e.nextSibling.style.display = "none");
-        });
-      }
-    );
-    const j = (e) => {
-      let t = e + "";
-      o.type !== "textarea" && o.filterSpace && (t = t.trim()), u.value = t, w("change", t);
-    }, q = () => {
-      var t;
-      o.borderType === "bottom" && (k.value = !0);
-      const e = (t = s.value) == null ? void 0 : t.textarea;
-      e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "block");
-    }, G = () => {
-      var t;
-      o.borderType === "bottom" && (k.value = !1);
-      const e = (t = s.value) == null ? void 0 : t.textarea;
-      e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "none");
-    }, z = () => {
-      const e = o.size === "table" ? 12 : 14;
-      return ne(p.value, e);
-    };
-    y(
-      () => s.value,
-      (e) => {
-        setTimeout(() => {
-          var a, $;
-          const t = e;
-          t && (c.value = ((a = t == null ? void 0 : t.ref) == null ? void 0 : a.offsetWidth) ?? 0, v.value = u.value ? ($ = t == null ? void 0 : t.ref) == null ? void 0 : $.scrollWidth : z());
-        }, 200);
+  setup(e, { expose: o, emit: r }) {
+    const t = e, s = h(() => t.placeholder || pe("请输入")), c = h(() => t.disabled ? "disabled" : t.isView ? "view" : t.error ? "error" : "default"), u = h(() => {
+      var l, y;
+      return {
+        "--das-input-width": ge(t.width ?? V[t.size].defaultWidth),
+        "--das-input-height": V[t.size].height,
+        "--das-input-font-size": V[t.size].fontSize,
+        "--das-input-border-color": (l = D[c.value]) == null ? void 0 : l.color,
+        "--das-input-message-color": (y = D[c.value]) == null ? void 0 : y.color
+      };
+    }), d = h(() => [
+      "das-ui-input",
+      `das-ui-input--border-type-${t.borderType}`,
+      {
+        "das-ui-input--view": t.isView,
+        "das-ui-input--disabled": t.disabled,
+        "das-ui-textarea": t.type === "textarea"
       }
-    );
-    const v = r(0), I = () => {
-      C(() => {
-        var e, t, a;
-        (e = s.value) != null && e.ref && (c.value = (t = s.value) == null ? void 0 : t.ref.offsetWidth, v.value = u.value ? (a = s.value) == null ? void 0 : a.ref.scrollWidth : z(), (c.value === v.value || v.value - c.value < 1) && (n.value = !1));
-      });
-    };
-    y(() => [u.value, p.value], I);
-    const E = r(), m = r(), H = () => {
-      I(), c.value === v.value || v.value - c.value < 1 ? n.value = !1 : (n.value = !0, m && clearTimeout(m.value), E && clearTimeout(E.value)), o.errorMode === "overlay" && (L.value = !0);
-    }, J = () => {
-      m.value = setTimeout(() => {
-        n.value = !1;
-      }, 200), E.value = setTimeout(() => {
-        L.value = !1;
-      }, 200);
-    }, M = () => {
-      n.value = !0, m.value && clearTimeout(m.value);
-    }, W = () => {
-      m.value = setTimeout(() => {
-        n.value = !1;
-      }, 200);
+    ]), n = r, f = h({
+      get: () => t.modelValue,
+      set: (l) => n("update:modelValue", l)
+    }), a = v(null), i = v(), { isOutside: m } = ke(h(() => {
+      var l;
+      return (l = i.value) == null ? void 0 : l.$el;
+    })), b = h(() => !m.value && t.errorMode === "overlay"), w = h(() => t.type === "textarea" ? t.showWordLimit : t.showTextWordLimit), p = h(() => t.isView || t.disabled), g = h(() => p.value ? t.noSetDefaultVal ? "" : "-" : s.value ?? ""), { showToolTip: $, tooltipContent: L } = Me({
+      elInputRef: i,
+      inputValue: f,
+      placeholder: s
+    }), { width: S } = ze(a), B = (l) => {
+      let y = l + "";
+      t.type !== "textarea" && t.filterSpace && (y = y.trim()), f.value = y, n("change", y);
     };
-    return y(
-      () => {
-        var e;
-        return (e = B.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
-      },
-      (e) => {
-        e && (e.addEventListener("mouseenter", M), e.addEventListener("mouseleave", W));
-      }
-    ), y(
-      () => n.value,
-      (e) => {
-        var t;
-        if (!e) {
-          const a = (t = B.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
-          a && (a.removeEventListener("mouseenter", M), a.removeEventListener("mouseleave", W));
-        }
-      }
-    ), g({
-      $refInput: s
-    }), (e, t) => (f(), b(
+    return o({
+      elInputRef: i
+    }), (l, y) => (T(), P(
       "div",
       {
-        style: _(N.value),
-        class: V([
-          "das-ui-input",
-          { "only-border-bottom": e.borderType === "bottom" },
-          { "das-input-normal-size": e.size === "default" },
-          { "das-input-table-size": e.size === "table" }
-        ])
+        ref_key: "containerRef",
+        ref: a,
+        style: ne(u.value),
+        class: A(d.value)
       },
       [
-        i(" 这里tooltip不能使用v-model:visible 有响应问题 "),
-        R(S(ie), {
-          ref_key: "inputTooltipRef",
-          ref: B,
+        _(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        M(O(me), {
           effect: "light",
           placement: "top",
-          manual: !0,
-          visible: n.value,
-          disabled: !O.value,
-          content: P.value
+          disabled: !O($),
+          content: O(L)
         }, {
-          default: h(() => [
-            R(S(ae), ee({
-              ref_key: "$refInput",
-              ref: s
-            }, e.$attrs, {
-              modelValue: u.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (a) => u.value = a),
-              placeholder: A.value,
-              disabled: e.disabled,
-              readonly: e.isView,
-              type: o.type,
-              class: [
-                { "is-view": e.isView },
-                { "das-input-success": e.success },
-                { "das-input-error": e.error },
-                { "input-focus-color": k.value }
-              ],
-              autosize: o.autosize,
-              showWordLimit: Z.value,
-              maxlength: F.value,
-              onChange: j,
-              onFocus: q,
-              onBlur: G,
-              onMouseenter: H,
-              onMouseleave: J
-            }), te({
+          default: C(() => [
+            M(O(fe), ae({
+              ref_key: "elInputRef",
+              ref: i
+            }, l.$attrs, {
+              modelValue: f.value,
+              "onUpdate:modelValue": y[0] || (y[0] = (W) => f.value = W),
+              placeholder: g.value,
+              disabled: l.disabled,
+              readonly: l.isView,
+              type: t.type,
+              autosize: t.autosize,
+              showWordLimit: w.value,
+              maxlength: t.maxlength,
+              onChange: B
+            }), le({
               _: 2
               /* DYNAMIC */
             }, [
-              e.$slots.prepend ? {
+              l.$slots.prepend ? {
                 name: "prepend",
-                fn: h(() => [
-                  i(" 输入框前置内容 "),
-                  x(e.$slots, "prepend", {}, void 0, !0)
+                fn: C(() => [
+                  _(" 输入框前置内容 "),
+                  k(l.$slots, "prepend", {}, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
-              e.$slots.append ? {
+              l.$slots.append ? {
                 name: "append",
-                fn: h(() => [
-                  i(" 输入框后置内容 "),
-                  x(e.$slots, "append", {}, void 0, !0)
+                fn: C(() => [
+                  _(" 输入框后置内容 "),
+                  k(l.$slots, "append", {}, void 0, !0)
                 ]),
                 key: "1"
               } : void 0,
-              e.$slots.suffix ? {
+              l.$slots.suffix ? {
                 name: "suffix",
-                fn: h(() => [
-                  x(e.$slots, "suffix", {}, void 0, !0)
+                fn: C(() => [
+                  k(l.$slots, "suffix", {}, void 0, !0)
                 ]),
                 key: "2"
               } : void 0,
-              e.$slots.prefix ? {
+              l.$slots.prefix ? {
                 name: "prefix",
-                fn: h(() => [
-                  x(e.$slots, "prefix", {}, void 0, !0)
+                fn: C(() => [
+                  k(l.$slots, "prefix", {}, void 0, !0)
                 ]),
                 key: "3"
               } : void 0
-            ]), 1040, ["modelValue", "placeholder", "disabled", "readonly", "type", "class", "autosize", "showWordLimit", "maxlength"])
+            ]), 1040, ["modelValue", "placeholder", "disabled", "readonly", "type", "autosize", "showWordLimit", "maxlength"])
           ]),
           _: 3
           /* FORWARDED */
-        }, 8, ["visible", "disabled", "content"]),
-        e.success && e.successLabel ? (f(), b("div", ce, [
-          e.success ? (f(), b(
-            "span",
-            ve,
-            D(e.successLabel),
-            1
-            /* TEXT */
-          )) : i("v-if", !0)
-        ])) : i("v-if", !0),
-        e.error && e.errorLabel ? (f(), b(
-          oe,
-          { key: 1 },
+        }, 8, ["disabled", "content"]),
+        l.error && l.errorLabel ? (T(), P(
+          se,
+          { key: 0 },
           [
-            e.errorMode === "default" ? (f(), b("div", me, [
-              e.error ? (f(), b("span", {
+            l.errorMode === "default" ? (T(), P("div", De, [
+              l.error ? ue((T(), P("span", {
                 key: 0,
-                class: V(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
-                title: e.isErrorTitle ? e.errorLabel : ""
-              }, D(e.errorLabel), 11, be)) : i("v-if", !0)
-            ])) : i("v-if", !0),
-            L.value && e.errorMode === "overlay" ? (f(), le(S(ue), {
+                class: A(["das-input-message_content", { "is-ellipsis": l.isErrorTitle }]),
+                title: l.isErrorTitle ? l.errorLabel : ""
+              }, [
+                de(
+                  ce(l.errorLabel),
+                  1
+                  /* TEXT */
+                )
+              ], 10, Ne)), [
+                [O(ye)]
+              ]) : _("v-if", !0)
+            ])) : _("v-if", !0),
+            b.value ? (T(), ie(O(he), {
               key: 1,
-              errorLabel: e.errorLabel,
-              getEl: () => s.value.$el,
-              errorModelZIndex: e.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : i("v-if", !0)
+              errorLabel: l.errorLabel,
+              errorWidth: `${O(S)}`,
+              getEl: () => {
+                var W;
+                return (W = i.value) == null ? void 0 : W.$el;
+              },
+              errorModelZIndex: l.errorModelZIndex
+            }, null, 8, ["errorLabel", "errorWidth", "getEl", "errorModelZIndex"])) : _("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : i("v-if", !0)
+        )) : _("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), ge = (l, g) => {
-  const T = l.__vccOpts || l;
-  for (const [o, p] of g)
-    T[o] = p;
-  return T;
-}, Te = /* @__PURE__ */ ge(he, [["__scopeId", "data-v-ab034003"]]), xe = {
+}), Xe = (e, o) => {
+  const r = e.__vccOpts || e;
+  for (const [t, s] of o)
+    r[t] = s;
+  return r;
+}, Ye = /* @__PURE__ */ Xe(Qe, [["__scopeId", "data-v-765411f7"]]), Ue = {
   "--das-ui-input-default-text-color": "#212121",
   "--das-ui-input-default-placeholder-text-color": "#B2B2B2",
   "--das-ui-input-full-border-color": "#D9D9D9",
@@ -287,15 +471,15 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
   "--das-ui-input-only-bottom-view-border-color": "#E5E5E5",
   "--das-ui-input-success-color": "#1BA854",
   "--das-ui-input-error-color": "#FB2323"
-}, Be = {
+}, je = {
   共: { "zh-CN": "共", en: "Total", _appCode: "framework" },
   项: { "zh-CN": "项", en: "Item", _appCode: "framework" },
   请输入: { "zh-CN": "请输入", en: "Please enter", _appCode: "framework" }
 };
-se(Be);
-X(xe);
-const $e = K(Te);
+ve(je);
+J(Ue);
+const rt = q(Ye);
 export {
-  $e as DasInput,
-  $e as default
+  rt as DasInput,
+  rt as default
 };