@das-fed/upf-ui 6.4.0-dev.222 → 6.4.0-dev.224

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

@@ -1396,12 +1396,12 @@ declare const DasInput: import("@das-fed/upf-utils").SFCWithInstall<{
         error: boolean;
         size: "large" | "default" | "small" | "table";
         type: string;
-        placeholder: string;
         modelValue: any;
         autosize: boolean | {
             minRows?: number;
             maxRows?: number;
         };
+        placeholder: string;
         showWordLimit: boolean;
         isView: boolean;
         noSetDefaultVal: boolean;
@@ -2814,12 +2814,12 @@ declare const DasInput: import("@das-fed/upf-utils").SFCWithInstall<{
         error: boolean;
         size: "large" | "default" | "small" | "table";
         type: string;
-        placeholder: string;
         modelValue: any;
         autosize: boolean | {
             minRows?: number;
             maxRows?: number;
         };
+        placeholder: string;
         showWordLimit: boolean;
         isView: boolean;
         noSetDefaultVal: boolean;
@@ -4232,12 +4232,12 @@ declare const DasInput: import("@das-fed/upf-utils").SFCWithInstall<{
     error: boolean;
     size: "large" | "default" | "small" | "table";
     type: string;
-    placeholder: string;
     modelValue: any;
     autosize: boolean | {
         minRows?: number;
         maxRows?: number;
     };
+    placeholder: string;
     showWordLimit: boolean;
     isView: boolean;
     noSetDefaultVal: boolean;

package/packages/components/input/index.js

@@ -1,16 +1,16 @@
 import '@das-fed/upf-ui/packages/components/input/style.css';
 import { withInstall as ee } from "@das-fed/upf-utils/with-install/index";
 import { setThemeRule as te } from "@das-fed/upf-web/packages/theme/index";
-import { unref as x, getCurrentScope as oe, onScopeDispose as ne, getCurrentInstance as G, onMounted as re, nextTick as M, computed as h, ref as v, watch as B, defineComponent as ae, openBlock as z, createElementBlock as P, normalizeStyle as le, normalizeClass as D, createCommentVNode as I, createVNode as N, withCtx as C, mergeProps as se, createSlots as ie, renderSlot as k, Fragment as ue, withDirectives as de, createTextVNode as ce, toDisplayString as fe, createBlock as pe } from "vue";
+import { unref as O, getCurrentScope as oe, onScopeDispose as ne, getCurrentInstance as G, onMounted as re, nextTick as M, computed as h, ref as v, watch as I, defineComponent as ae, openBlock as T, createElementBlock as W, normalizeStyle as le, normalizeClass as D, createVNode as N, withCtx as z, mergeProps as se, createSlots as ie, renderSlot as P, Fragment as ue, withDirectives as de, createTextVNode as ce, toDisplayString as fe, createCommentVNode as k, createBlock as pe } from "vue";
 import "element-plus/es/components/input/style/css";
 import { ElInput as ve } from "element-plus";
 import { t as me, setI18nRule as he } from "@das-fed/upf-web/packages/i18n/index";
 import { DasTooltip as ye } from "@das-fed/upf-ui/packages/components/tooltip/index";
 import { DasErrorOverlayModel as be } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
 import { vDasTooltip as we } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
-const ge = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], xe = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(e), Oe = (e) => {
+const ge = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], Oe = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(e), xe = (e) => {
   if (e)
-    return typeof e == "string" && xe(e) || typeof e == "string" && ge.includes(e) ? e : e + "px";
+    return typeof e == "string" && Oe(e) || typeof e == "string" && ge.includes(e) ? e : e + "px";
 }, V = {
   large: {
     height: "40px",
@@ -44,164 +44,164 @@ const ge = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
   }
 };
 var Q;
-const K = typeof window < "u", Ee = (e) => typeof e == "string", Ie = () => {
+const K = typeof window < "u", _e = (e) => typeof e == "string", Ee = () => {
 };
 K && ((Q = window == null ? void 0 : window.navigator) != null && Q.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function q(e) {
-  return typeof e == "function" ? e() : x(e);
+  return typeof e == "function" ? e() : O(e);
 }
-function Se(e) {
+function Ie(e) {
   return e;
 }
 function J(e) {
   return oe() ? (ne(e), !0) : !1;
 }
-function Be(e, o = !0) {
+function Se(e, o = !0) {
   G() ? re(e) : o ? e() : M(e);
 }
-function S(e) {
+function E(e) {
   var o;
   const n = q(e);
   return (o = n == null ? void 0 : n.$el) != null ? o : n;
 }
-const W = K ? window : void 0;
-function O(...e) {
-  let o, n, t, l;
-  if (Ee(e[0]) || Array.isArray(e[0]) ? ([n, t, l] = e, o = W) : [o, n, t, l] = e, !o)
-    return Ie;
+const C = K ? window : void 0;
+function x(...e) {
+  let o, n, t, s;
+  if (_e(e[0]) || Array.isArray(e[0]) ? ([n, t, s] = e, o = C) : [o, n, t, s] = e, !o)
+    return Ee;
   Array.isArray(n) || (n = [n]), Array.isArray(t) || (t = [t]);
-  const d = [], i = () => {
-    d.forEach((a) => a()), d.length = 0;
-  }, u = (a, s, m, b) => (a.addEventListener(s, m, b), () => a.removeEventListener(s, m, b)), r = B(() => [S(o), q(l)], ([a, s]) => {
-    i(), a && d.push(...n.flatMap((m) => t.map((b) => u(a, m, b, s))));
-  }, { immediate: !0, flush: "post" }), c = () => {
-    r(), i();
+  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)), r = I(() => [E(o), q(s)], ([a, i]) => {
+    u(), a && c.push(...n.flatMap((m) => t.map((b) => d(a, m, b, i))));
+  }, { immediate: !0, flush: "post" }), f = () => {
+    r(), u();
   };
-  return J(c), c;
+  return J(f), f;
 }
-function Te(e, o = !1) {
+function Be(e, o = !1) {
   const n = v(), t = () => n.value = !!e();
-  return t(), Be(t, o), n;
+  return t(), Se(t, o), n;
 }
 const X = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Y = "__vueuse_ssr_handlers__";
 X[Y] = X[Y] || {};
-var U = Object.getOwnPropertySymbols, _e = Object.prototype.hasOwnProperty, ze = Object.prototype.propertyIsEnumerable, Ce = (e, o) => {
+var U = Object.getOwnPropertySymbols, Te = Object.prototype.hasOwnProperty, ze = Object.prototype.propertyIsEnumerable, Ce = (e, o) => {
   var n = {};
   for (var t in e)
-    _e.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+    Te.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && U)
     for (var t of U(e))
       o.indexOf(t) < 0 && ze.call(e, t) && (n[t] = e[t]);
   return n;
 };
 function We(e, o, n = {}) {
-  const t = n, { window: l = W } = t, d = Ce(t, ["window"]);
-  let i;
-  const u = Te(() => l && "ResizeObserver" in l), r = () => {
-    i && (i.disconnect(), i = void 0);
-  }, c = B(() => S(e), (s) => {
-    r(), u.value && l && s && (i = new ResizeObserver(o), i.observe(s, d));
+  const t = n, { window: s = C } = t, c = Ce(t, ["window"]);
+  let u;
+  const d = Be(() => s && "ResizeObserver" in s), r = () => {
+    u && (u.disconnect(), u = void 0);
+  }, f = I(() => E(e), (i) => {
+    r(), d.value && s && i && (u = new ResizeObserver(o), u.observe(i, c));
   }, { immediate: !0, flush: "post" }), a = () => {
-    r(), c();
+    r(), f();
   };
   return J(a), {
-    isSupported: u,
+    isSupported: d,
     stop: a
   };
 }
 function Pe(e, o = { width: 0, height: 0 }, n = {}) {
-  const { window: t = W, box: l = "content-box" } = n, d = h(() => {
-    var r, c;
-    return (c = (r = S(e)) == null ? void 0 : r.namespaceURI) == null ? void 0 : c.includes("svg");
-  }), i = v(o.width), u = v(o.height);
+  const { window: t = C, box: s = "content-box" } = n, c = h(() => {
+    var r, f;
+    return (f = (r = E(e)) == null ? void 0 : r.namespaceURI) == null ? void 0 : f.includes("svg");
+  }), u = v(o.width), d = v(o.height);
   return We(e, ([r]) => {
-    const c = l === "border-box" ? r.borderBoxSize : l === "content-box" ? r.contentBoxSize : r.devicePixelContentBoxSize;
-    if (t && d.value) {
-      const a = S(e);
+    const f = s === "border-box" ? r.borderBoxSize : s === "content-box" ? r.contentBoxSize : r.devicePixelContentBoxSize;
+    if (t && c.value) {
+      const a = E(e);
       if (a) {
-        const s = t.getComputedStyle(a);
-        i.value = parseFloat(s.width), u.value = parseFloat(s.height);
+        const i = t.getComputedStyle(a);
+        u.value = parseFloat(i.width), d.value = parseFloat(i.height);
       }
-    } else if (c) {
-      const a = Array.isArray(c) ? c : [c];
-      i.value = a.reduce((s, { inlineSize: m }) => s + m, 0), u.value = a.reduce((s, { blockSize: m }) => s + m, 0);
+    } 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
-      i.value = r.contentRect.width, u.value = r.contentRect.height;
-  }, n), B(() => S(e), (r) => {
-    i.value = r ? o.width : 0, u.value = r ? o.height : 0;
+      u.value = r.contentRect.width, d.value = r.contentRect.height;
+  }, n), I(() => E(e), (r) => {
+    u.value = r ? o.width : 0, d.value = r ? o.height : 0;
   }), {
-    width: i,
-    height: u
+    width: u,
+    height: d
   };
 }
 function ke(e, o = {}) {
-  const { initialValue: n = !1 } = o, t = v(!1), l = h(() => S(e));
-  O(l, "focus", () => t.value = !0), O(l, "blur", () => t.value = !1);
-  const d = h({
+  const { initialValue: n = !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(i) {
-      var u, r;
-      !i && t.value ? (u = l.value) == null || u.blur() : i && !t.value && ((r = l.value) == null || r.focus());
+    set(u) {
+      var d, r;
+      !u && t.value ? (d = s.value) == null || d.blur() : u && !t.value && ((r = s.value) == null || r.focus());
     }
   });
-  return B(l, () => {
-    d.value = n;
-  }, { immediate: !0, flush: "post" }), { focused: d };
+  return I(s, () => {
+    c.value = n;
+  }, { immediate: !0, flush: "post" }), { focused: c };
 }
 function $e(e = {}) {
   const {
     type: o = "page",
     touch: n = !0,
     resetOnTouchEnds: t = !1,
-    initialValue: l = { x: 0, y: 0 },
-    window: d = W,
-    eventFilter: i
-  } = e, u = v(l.x), r = v(l.y), c = v(null), a = (p) => {
-    o === "page" ? (u.value = p.pageX, r.value = p.pageY) : o === "client" ? (u.value = p.clientX, r.value = p.clientY) : o === "movement" && (u.value = p.movementX, r.value = p.movementY), c.value = "mouse";
-  }, s = () => {
-    u.value = l.x, r.value = l.y;
+    initialValue: s = { x: 0, y: 0 },
+    window: c = C,
+    eventFilter: u
+  } = e, d = v(s.x), r = v(s.y), f = v(null), a = (p) => {
+    o === "page" ? (d.value = p.pageX, r.value = p.pageY) : o === "client" ? (d.value = p.clientX, r.value = p.clientY) : o === "movement" && (d.value = p.movementX, r.value = p.movementY), f.value = "mouse";
+  }, i = () => {
+    d.value = s.x, r.value = s.y;
   }, m = (p) => {
     if (p.touches.length > 0) {
       const g = p.touches[0];
-      o === "page" ? (u.value = g.pageX, r.value = g.pageY) : o === "client" && (u.value = g.clientX, r.value = g.clientY), c.value = "touch";
+      o === "page" ? (d.value = g.pageX, r.value = g.pageY) : o === "client" && (d.value = g.clientX, r.value = g.clientY), f.value = "touch";
     }
-  }, b = (p) => i === void 0 ? a(p) : i(() => a(p), {}), w = (p) => i === void 0 ? m(p) : i(() => m(p), {});
-  return d && (O(d, "mousemove", b, { passive: !0 }), O(d, "dragover", b, { passive: !0 }), n && o !== "movement" && (O(d, "touchstart", w, { passive: !0 }), O(d, "touchmove", w, { passive: !0 }), t && O(d, "touchend", s, { passive: !0 }))), {
-    x: u,
+  }, 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 }), n && o !== "movement" && (x(c, "touchstart", w, { passive: !0 }), x(c, "touchmove", w, { passive: !0 }), t && x(c, "touchend", i, { passive: !0 }))), {
+    x: d,
     y: r,
-    sourceType: c
+    sourceType: f
   };
 }
 function Le(e, o = {}) {
   const {
     handleOutside: n = !0,
-    window: t = W
-  } = o, { x: l, y: d, sourceType: i } = $e(o), u = v(e ?? (t == null ? void 0 : t.document.body)), r = v(0), c = v(0), a = v(0), s = v(0), m = v(0), b = v(0), w = v(!0);
+    window: t = C
+  } = o, { x: s, y: c, sourceType: u } = $e(o), d = v(e ?? (t == null ? void 0 : t.document.body)), r = 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 = B([u, l, d], () => {
-    const g = S(u);
+  return t && (p = I([d, s, c], () => {
+    const g = E(d);
     if (!g)
       return;
     const {
       left: $,
       top: L,
-      width: T,
-      height: _
+      width: S,
+      height: B
     } = g.getBoundingClientRect();
-    a.value = $ + t.pageXOffset, s.value = L + t.pageYOffset, m.value = _, b.value = T;
-    const f = l.value - a.value, y = d.value - s.value;
-    w.value = T === 0 || _ === 0 || f < 0 || y < 0 || f > T || y > _, (n || !w.value) && (r.value = f, c.value = y);
-  }, { immediate: !0 }), O(document, "mouseleave", () => {
+    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, (n || !w.value) && (r.value = l, f.value = y);
+  }, { immediate: !0 }), x(document, "mouseleave", () => {
     w.value = !0;
   })), {
-    x: l,
-    y: d,
-    sourceType: i,
+    x: s,
+    y: c,
+    sourceType: u,
     elementX: r,
-    elementY: c,
+    elementY: f,
     elementPositionX: a,
-    elementPositionY: s,
+    elementPositionY: i,
     elementHeight: m,
     elementWidth: b,
     isOutside: w,
@@ -247,32 +247,32 @@ const De = {
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
 Ae({
-  linear: Se
+  linear: Ie
 }, De);
 function Ne({
   elInputRef: e,
   inputValue: o,
   placeholder: n
 }) {
-  var c;
-  const t = (c = G()) == null ? void 0 : c.props, { focused: l } = ke(h(() => {
+  var f;
+  const t = (f = G()) == null ? void 0 : f.props, { focused: s } = ke(h(() => {
     var a;
     return (a = e.value) == null ? void 0 : a.ref;
-  })), d = v(!1), i = h(() => d.value && !l.value && t.isTitle), u = h(() => o.value ? o.value : n.value), r = async () => {
-    var s;
-    const a = (s = e.value) == null ? void 0 : s.ref;
-    a && (o.value || (a.value = n.value, await M()), d.value = a.scrollWidth > a.clientWidth, a.value = o.value);
+  })), c = v(!1), u = h(() => c.value && !s.value && t.isTitle), d = h(() => o.value ? o.value : n.value), r = async () => {
+    var i;
+    const a = (i = e.value) == null ? void 0 : i.ref;
+    a && (o.value || (a.value = n.value, await M()), c.value = a.scrollWidth > a.clientWidth, a.value = o.value);
   };
-  return B(e, () => {
+  return I(e, () => {
     e.value && r();
-  }), B(
+  }), I(
     () => [o.value, n.value],
     () => {
       M(r);
     }
   ), {
-    showToolTip: i,
-    tooltipContent: u
+    showToolTip: u,
+    tooltipContent: d
   };
 }
 const Fe = {
@@ -308,16 +308,16 @@ const Fe = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { expose: o, emit: n }) {
-    const t = e, l = h(() => t.placeholder || me("请输入")), d = h(() => t.disabled ? "disabled" : t.isView ? "view" : t.error ? "error" : "default"), i = h(() => {
-      var f, y, E, R, A;
+    const t = e, s = h(() => t.placeholder || me("请输入")), c = h(() => t.disabled ? "disabled" : t.isView ? "view" : t.error ? "error" : "default"), u = h(() => {
+      var l, y, _, R, A;
       return {
-        "--das-input-width": Oe(t.width ?? ((f = V[t.size]) == null ? void 0 : f.defaultWidth)),
+        "--das-input-width": xe(t.width ?? ((l = V[t.size]) == null ? void 0 : l.defaultWidth)),
         "--das-input-height": (y = V[t.size]) == null ? void 0 : y.height,
-        "--das-input-font-size": (E = V[t.size]) == null ? void 0 : E.fontSize,
-        "--das-input-border-color": (R = F[d.value]) == null ? void 0 : R.color,
-        "--das-input-message-color": (A = F[d.value]) == null ? void 0 : A.color
+        "--das-input-font-size": (_ = V[t.size]) == null ? void 0 : _.fontSize,
+        "--das-input-border-color": (R = F[c.value]) == null ? void 0 : R.color,
+        "--das-input-message-color": (A = F[c.value]) == null ? void 0 : A.color
       };
-    }), u = h(() => [
+    }), d = h(() => [
       "das-ui-input",
       `das-ui-input--border-type-${t.borderType}`,
       {
@@ -325,134 +325,111 @@ const Fe = {
         "das-ui-input--disabled": t.disabled,
         "das-ui-textarea": t.type === "textarea"
       }
-    ]), r = n, c = h({
+    ]), r = n, f = h({
       get: () => t.modelValue,
-      set: (f) => r("update:modelValue", f)
-    }), a = v(null), s = v(), { isOutside: m } = Le(h(() => {
-      var f;
-      return (f = s.value) == null ? void 0 : f.$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 ? "" : "-" : l.value ?? ""), { showToolTip: $, tooltipContent: L } = Ne({
-      elInputRef: s,
-      inputValue: c,
-      placeholder: l
-    }), { width: T } = Pe(a), _ = (f) => {
-      let y = f + "";
-      t.type !== "textarea" && t.filterSpace && (y = y.trim()), c.value = y, r("change", y);
+      set: (l) => r("update:modelValue", l)
+    }), a = v(null), i = v(), { isOutside: m } = Le(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 } = Ne({
+      elInputRef: i,
+      inputValue: f,
+      placeholder: s
+    }), { width: S } = Pe(a), B = (l) => {
+      let y = l + "";
+      t.type !== "textarea" && t.filterSpace && (y = y.trim()), f.value = y, r("change", y);
     };
     return o({
-      elInputRef: s
-    }), (f, y) => (z(), P(
-      "div",
-      {
-        ref_key: "containerRef",
-        ref: a,
-        style: le(i.value),
-        class: D(u.value)
-      },
-      [
-        I(" 这里tooltip不能使用v-model:visible 有响应问题 "),
-        N(x(ye), {
-          effect: "light",
-          placement: "top",
-          disabled: !x($),
-          content: x(L)
-        }, {
-          default: C(() => [
-            N(x(ve), se({
-              ref_key: "elInputRef",
-              ref: s
-            }, f.$attrs, {
-              modelValue: c.value,
-              "onUpdate:modelValue": y[0] || (y[0] = (E) => c.value = E),
-              placeholder: g.value,
-              disabled: e.disabled,
-              readonly: e.isView,
-              type: t.type,
-              autosize: t.autosize,
-              showWordLimit: w.value,
-              maxlength: t.maxlength,
-              onChange: _
-            }), ie({
-              _: 2
-              /* DYNAMIC */
-            }, [
-              f.$slots.prepend ? {
-                name: "prepend",
-                fn: C(() => [
-                  I(" 输入框前置内容 "),
-                  k(f.$slots, "prepend", {}, void 0, !0)
-                ]),
-                key: "0"
-              } : void 0,
-              f.$slots.append ? {
-                name: "append",
-                fn: C(() => [
-                  I(" 输入框后置内容 "),
-                  k(f.$slots, "append", {}, void 0, !0)
-                ]),
-                key: "1"
-              } : void 0,
-              f.$slots.suffix ? {
-                name: "suffix",
-                fn: C(() => [
-                  k(f.$slots, "suffix", {}, void 0, !0)
-                ]),
-                key: "2"
-              } : void 0,
-              f.$slots.prefix ? {
-                name: "prefix",
-                fn: C(() => [
-                  k(f.$slots, "prefix", {}, void 0, !0)
-                ]),
-                key: "3"
-              } : void 0
-            ]), 1040, ["modelValue", "placeholder", "disabled", "readonly", "type", "autosize", "showWordLimit", "maxlength"])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["disabled", "content"]),
-        e.error && e.errorLabel ? (z(), P(
-          ue,
-          { key: 0 },
-          [
-            e.errorMode === "default" ? (z(), P("div", Fe, [
-              e.error ? de((z(), P("span", {
-                key: 0,
-                class: D(["das-input-message_content", { "is-ellipsis": e.isErrorTitle }]),
-                title: e.isErrorTitle ? e.errorLabel : ""
-              }, [
-                ce(
-                  fe(e.errorLabel),
-                  1
-                  /* TEXT */
-                )
-              ], 10, Qe)), [
-                [x(we)]
-              ]) : I("v-if", !0)
-            ])) : I("v-if", !0),
-            b.value ? (z(), pe(x(be), {
-              key: 1,
-              errorLabel: e.errorLabel,
-              errorWidth: `${x(T)}`,
-              getEl: () => {
-                var E;
-                return (E = s.value) == null ? void 0 : E.$el;
-              },
-              errorModelZIndex: e.errorModelZIndex
-            }, null, 8, ["errorLabel", "errorWidth", "getEl", "errorModelZIndex"])) : I("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : I("v-if", !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+      elInputRef: i
+    }), (l, y) => (T(), W("div", {
+      ref_key: "containerRef",
+      ref: a,
+      style: le(u.value),
+      class: D(d.value)
+    }, [
+      N(O(ye), {
+        effect: "light",
+        placement: "top",
+        disabled: !O($),
+        content: O(L)
+      }, {
+        default: z(() => [
+          N(O(ve), se({
+            ref_key: "elInputRef",
+            ref: i
+          }, l.$attrs, {
+            modelValue: f.value,
+            "onUpdate:modelValue": y[0] || (y[0] = (_) => f.value = _),
+            placeholder: g.value,
+            disabled: l.disabled,
+            readonly: l.isView,
+            type: t.type,
+            autosize: t.autosize,
+            showWordLimit: w.value,
+            maxlength: t.maxlength,
+            onChange: B
+          }), ie({ _: 2 }, [
+            l.$slots.prepend ? {
+              name: "prepend",
+              fn: z(() => [
+                P(l.$slots, "prepend", {}, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0,
+            l.$slots.append ? {
+              name: "append",
+              fn: z(() => [
+                P(l.$slots, "append", {}, void 0, !0)
+              ]),
+              key: "1"
+            } : void 0,
+            l.$slots.suffix ? {
+              name: "suffix",
+              fn: z(() => [
+                P(l.$slots, "suffix", {}, void 0, !0)
+              ]),
+              key: "2"
+            } : void 0,
+            l.$slots.prefix ? {
+              name: "prefix",
+              fn: z(() => [
+                P(l.$slots, "prefix", {}, void 0, !0)
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["modelValue", "placeholder", "disabled", "readonly", "type", "autosize", "showWordLimit", "maxlength"])
+        ]),
+        _: 3
+      }, 8, ["disabled", "content"]),
+      l.error && l.errorLabel ? (T(), W(ue, { key: 0 }, [
+        l.errorMode === "default" ? (T(), W("div", Fe, [
+          l.error ? de((T(), W("span", {
+            key: 0,
+            class: D(["das-input-message_content", { "is-ellipsis": l.isErrorTitle }]),
+            title: l.isErrorTitle ? l.errorLabel : ""
+          }, [
+            ce(fe(l.errorLabel), 1)
+          ], 10, Qe)), [
+            [O(we)]
+          ]) : k("", !0)
+        ])) : k("", !0),
+        b.value ? (T(), pe(O(be), {
+          key: 1,
+          errorLabel: l.errorLabel,
+          errorWidth: `${O(S)}`,
+          getEl: () => {
+            var _;
+            return (_ = i.value) == null ? void 0 : _.$el;
+          },
+          errorModelZIndex: l.errorModelZIndex
+        }, null, 8, ["errorLabel", "errorWidth", "getEl", "errorModelZIndex"])) : k("", !0)
+      ], 64)) : k("", !0)
+    ], 6));
   }
 }), Ue = (e, o) => {
   const n = e.__vccOpts || e;
-  for (const [t, l] of o)
-    n[t] = l;
+  for (const [t, s] of o)
+    n[t] = s;
   return n;
 }, je = /* @__PURE__ */ Ue(Ye, [["__scopeId", "data-v-62991ba4"]]), He = {
   "--das-ui-input-default-text-color": "#212121",

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

@@ -1,4 +1,5 @@
 import 'element-plus/es/components/input/style/css';
+import { CSSProperties } from 'vue';
 import type { Props } from './type';
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     elInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -1397,12 +1398,12 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     error: boolean;
     size: "large" | "default" | "small" | "table";
     type: string;
-    placeholder: string;
     modelValue: any;
     autosize: boolean | {
         minRows?: number;
         maxRows?: number;
     };
+    placeholder: string;
     showWordLimit: boolean;
     isView: boolean;
     noSetDefaultVal: boolean;