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

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 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 { 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 "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"], Oe = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(e), xe = (e) => {
+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) => {
   if (e)
-    return typeof e == "string" && Oe(e) || typeof e == "string" && ge.includes(e) ? e : e + "px";
+    return typeof e == "string" && xe(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", _e = (e) => typeof e == "string", Ee = () => {
+const K = typeof window < "u", Ee = (e) => typeof e == "string", Ie = () => {
 };
 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() : O(e);
+  return typeof e == "function" ? e() : x(e);
 }
-function Ie(e) {
+function Se(e) {
   return e;
 }
 function J(e) {
   return oe() ? (ne(e), !0) : !1;
 }
-function Se(e, o = !0) {
+function Be(e, o = !0) {
   G() ? re(e) : o ? e() : M(e);
 }
-function E(e) {
+function S(e) {
   var o;
   const n = q(e);
   return (o = n == null ? void 0 : n.$el) != null ? o : n;
 }
-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;
+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;
   Array.isArray(n) || (n = [n]), 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)), 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();
+  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();
   };
-  return J(f), f;
+  return J(c), c;
 }
-function Be(e, o = !1) {
+function Te(e, o = !1) {
   const n = v(), t = () => n.value = !!e();
-  return t(), Se(t, o), n;
+  return t(), Be(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, Te = Object.prototype.hasOwnProperty, ze = Object.prototype.propertyIsEnumerable, Ce = (e, o) => {
+var U = Object.getOwnPropertySymbols, _e = Object.prototype.hasOwnProperty, ze = Object.prototype.propertyIsEnumerable, Ce = (e, o) => {
   var n = {};
   for (var t in e)
-    Te.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+    _e.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: 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));
+  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));
   }, { immediate: !0, flush: "post" }), a = () => {
-    r(), f();
+    r(), c();
   };
   return J(a), {
-    isSupported: d,
+    isSupported: u,
     stop: a
   };
 }
 function Pe(e, o = { width: 0, height: 0 }, n = {}) {
-  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);
+  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);
   return We(e, ([r]) => {
-    const f = s === "border-box" ? r.borderBoxSize : s === "content-box" ? r.contentBoxSize : r.devicePixelContentBoxSize;
-    if (t && c.value) {
-      const a = E(e);
+    const c = l === "border-box" ? r.borderBoxSize : l === "content-box" ? r.contentBoxSize : r.devicePixelContentBoxSize;
+    if (t && d.value) {
+      const a = S(e);
       if (a) {
-        const i = t.getComputedStyle(a);
-        u.value = parseFloat(i.width), d.value = parseFloat(i.height);
+        const s = t.getComputedStyle(a);
+        i.value = parseFloat(s.width), u.value = parseFloat(s.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 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
-      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;
+      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;
   }), {
-    width: u,
-    height: d
+    width: i,
+    height: u
   };
 }
 function ke(e, o = {}) {
-  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({
+  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({
     get: () => t.value,
-    set(u) {
-      var d, r;
-      !u && t.value ? (d = s.value) == null || d.blur() : u && !t.value && ((r = s.value) == null || r.focus());
+    set(i) {
+      var u, r;
+      !i && t.value ? (u = l.value) == null || u.blur() : i && !t.value && ((r = l.value) == null || r.focus());
     }
   });
-  return I(s, () => {
-    c.value = n;
-  }, { immediate: !0, flush: "post" }), { focused: c };
+  return B(l, () => {
+    d.value = n;
+  }, { immediate: !0, flush: "post" }), { focused: d };
 }
 function $e(e = {}) {
   const {
     type: o = "page",
     touch: n = !0,
     resetOnTouchEnds: t = !1,
-    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;
+    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;
   }, m = (p) => {
     if (p.touches.length > 0) {
       const g = p.touches[0];
-      o === "page" ? (d.value = g.pageX, r.value = g.pageY) : o === "client" && (d.value = g.clientX, r.value = g.clientY), f.value = "touch";
+      o === "page" ? (u.value = g.pageX, r.value = g.pageY) : o === "client" && (u.value = g.clientX, r.value = g.clientY), c.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 }), n && o !== "movement" && (x(c, "touchstart", w, { passive: !0 }), x(c, "touchmove", w, { passive: !0 }), t && x(c, "touchend", i, { passive: !0 }))), {
-    x: d,
+  }, 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,
     y: r,
-    sourceType: f
+    sourceType: c
   };
 }
 function Le(e, o = {}) {
   const {
     handleOutside: n = !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);
+    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);
   let p = () => {
   };
-  return t && (p = I([d, s, c], () => {
-    const g = E(d);
+  return t && (p = B([u, l, d], () => {
+    const g = S(u);
     if (!g)
       return;
     const {
       left: $,
       top: L,
-      width: S,
-      height: B
+      width: T,
+      height: _
     } = 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, (n || !w.value) && (r.value = l, f.value = y);
-  }, { immediate: !0 }), x(document, "mouseleave", () => {
+    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", () => {
     w.value = !0;
   })), {
-    x: s,
-    y: c,
-    sourceType: u,
+    x: l,
+    y: d,
+    sourceType: i,
     elementX: r,
-    elementY: f,
+    elementY: c,
     elementPositionX: a,
-    elementPositionY: i,
+    elementPositionY: s,
     elementHeight: m,
     elementWidth: b,
     isOutside: w,
@@ -247,32 +247,32 @@ const De = {
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
 Ae({
-  linear: Ie
+  linear: Se
 }, De);
 function Ne({
   elInputRef: e,
   inputValue: o,
   placeholder: n
 }) {
-  var f;
-  const t = (f = G()) == null ? void 0 : f.props, { focused: s } = ke(h(() => {
+  var c;
+  const t = (c = G()) == null ? void 0 : c.props, { focused: l } = ke(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 : 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);
+  })), 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);
   };
-  return I(e, () => {
+  return B(e, () => {
     e.value && r();
-  }), I(
+  }), B(
     () => [o.value, n.value],
     () => {
       M(r);
     }
   ), {
-    showToolTip: u,
-    tooltipContent: d
+    showToolTip: i,
+    tooltipContent: u
   };
 }
 const Fe = {
@@ -308,16 +308,16 @@ const Fe = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { expose: o, emit: n }) {
-    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;
+    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;
       return {
-        "--das-input-width": xe(t.width ?? ((l = V[t.size]) == null ? void 0 : l.defaultWidth)),
+        "--das-input-width": Oe(t.width ?? ((f = V[t.size]) == null ? void 0 : f.defaultWidth)),
         "--das-input-height": (y = V[t.size]) == null ? void 0 : y.height,
-        "--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
+        "--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
       };
-    }), d = h(() => [
+    }), u = h(() => [
       "das-ui-input",
       `das-ui-input--border-type-${t.borderType}`,
       {
@@ -325,111 +325,134 @@ const Fe = {
         "das-ui-input--disabled": t.disabled,
         "das-ui-textarea": t.type === "textarea"
       }
-    ]), r = n, f = h({
+    ]), r = n, c = h({
       get: () => t.modelValue,
-      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);
+      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);
     };
     return o({
-      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));
+      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 */
+    ));
   }
 }), Ue = (e, o) => {
   const n = e.__vccOpts || e;
-  for (const [t, s] of o)
-    n[t] = s;
+  for (const [t, l] of o)
+    n[t] = l;
   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,5 +1,4 @@
 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<{
@@ -1398,12 +1397,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;