@das-fed/ui 7.0.7-dev.2 → 7.0.7-dev.3

package/packages/components/input/index.js

@@ -1,23 +1,23 @@
 import '@das-fed/ui/packages/components/input/style.css';
 import { withInstall as K } from "@das-fed/utils/with-install/index";
 import { getVarValue as Q, setThemeRule as X } from "@das-fed/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 c, normalizeClass as V, normalizeStyle as _, createCommentVNode as s, createVNode as R, unref as S, withCtx as h, mergeProps as ee, createSlots as te, renderSlot as T, toDisplayString as D, Fragment as oe, createBlock as le } from "vue";
+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 "element-plus/es/components/input/style/css";
 import { ElInput as ae } from "element-plus";
-import { t as re, setI18nRule as ie } from "@das-fed/web/packages/i18n/index";
-import { DasTooltip as se } from "@das-fed/ui/packages/components/tooltip/index";
+import { t as re, setI18nRule as se } from "@das-fed/web/packages/i18n/index";
+import { DasTooltip as ie } from "@das-fed/ui/packages/components/tooltip/index";
 import { DasErrorOverlayModel as ue } from "@das-fed/ui/packages/components/error-overlay-model/index";
 import { calcTextWidth as ne } from "@das-fed/utils/common-tools";
-const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], ce = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(t), fe = (t) => {
-  if (t)
-    return typeof t == "string" && ce(t) || typeof t == "string" && de.includes(t) ? t : t + "px";
-}, ve = {
+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"
-}, me = {
+}, ve = {
   key: 0,
   class: "das-input-success-label"
-}, pe = {
+}, me = {
   key: 0,
   class: "das-input-label-content"
 }, be = ["title"], ye = {
@@ -51,14 +51,14 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
     filterSpace: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { expose: x, emit: g }) {
-    const l = t, f = d(() => l.placeholder || re("请输入")), N = d(() => `width:${fe(l.width)}`), F = d(() => {
-      const e = Number(l.maxLength) ? Number(l.maxLength) : !1, o = Number(l.maxlength) ? Number(l.maxlength) : !1;
-      return e || o && o || !1;
-    }), w = g, u = d({
-      get: () => l.modelValue,
+  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(l.isTitle), n = r(!1), P = d(() => u.value ? u.value : f.value), B = r(), i = r(), L = r(!1), Z = d(() => l.type === "textarea" ? l.showWordLimit : l.showTextWordLimit), U = d(() => l.isView || l.disabled), A = d(() => U.value ? l.noSetDefaultVal ? "" : "-" : f.value ?? ""), k = r(!1), v = r(0);
+    }), 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,
@@ -66,61 +66,61 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
     }), y(
       () => {
         var e;
-        return (e = i.value) == null ? void 0 : e.textarea;
+        return (e = s.value) == null ? void 0 : e.textarea;
       },
       (e) => {
         C(() => {
-          var o;
-          e && (e != null && e.nextSibling) && ((o = e.nextSibling) != null && o.style) && (e.nextSibling.style.display = "none");
+          var t;
+          e && (e != null && e.nextSibling) && ((t = e.nextSibling) != null && t.style) && (e.nextSibling.style.display = "none");
         });
       }
     );
     const j = (e) => {
-      let o = e + "";
-      l.type !== "textarea" && l.filterSpace && (o = o.trim()), u.value = o, w("change", o);
+      let t = e + "";
+      o.type !== "textarea" && o.filterSpace && (t = t.trim()), u.value = t, w("change", t);
     }, q = () => {
-      var o;
-      l.borderType === "bottom" && (k.value = !0);
-      const e = (o = i.value) == null ? void 0 : o.textarea;
+      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 o;
-      l.borderType === "bottom" && (k.value = !1);
-      const e = (o = i.value) == null ? void 0 : o.textarea;
+      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 = l.size === "table" ? 12 : 14;
-      return ne(f.value, e);
+      const e = o.size === "table" ? 12 : 14;
+      return ne(p.value, e);
     };
     y(
-      () => i.value,
+      () => s.value,
       (e) => {
         setTimeout(() => {
           var a, $;
-          const o = e;
-          o && (v.value = ((a = o == null ? void 0 : o.ref) == null ? void 0 : a.offsetWidth) ?? 0, m.value = u.value ? ($ = o == null ? void 0 : o.ref) == null ? void 0 : $.scrollWidth : z());
+          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);
       }
     );
-    const m = r(0), I = () => {
+    const v = r(0), I = () => {
       C(() => {
-        var e, o, a;
-        (e = i.value) != null && e.ref && (v.value = (o = i.value) == null ? void 0 : o.ref.offsetWidth, m.value = u.value ? (a = i.value) == null ? void 0 : a.ref.scrollWidth : z(), (v.value === m.value || m.value - v.value < 1) && (n.value = !1));
+        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, f.value], I);
-    const E = r(), p = r(), H = () => {
-      I(), v.value === m.value || m.value - v.value < 1 ? n.value = !1 : (n.value = !0, p && clearTimeout(p.value), E && clearTimeout(E.value)), l.errorMode === "overlay" && (L.value = !0);
+    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 = () => {
-      p.value = setTimeout(() => {
+      m.value = setTimeout(() => {
         n.value = !1;
       }, 200), E.value = setTimeout(() => {
         L.value = !1;
       }, 200);
     }, M = () => {
-      n.value = !0, p.value && clearTimeout(p.value);
+      n.value = !0, m.value && clearTimeout(m.value);
     }, W = () => {
-      p.value = setTimeout(() => {
+      m.value = setTimeout(() => {
         n.value = !1;
       }, 200);
     };
@@ -135,28 +135,28 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
     ), y(
       () => n.value,
       (e) => {
-        var o;
+        var t;
         if (!e) {
-          const a = (o = B.value) == null ? void 0 : o.$tooltipRef.popperRef.contentRef;
+          const a = (t = B.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
           a && (a.removeEventListener("mouseenter", M), a.removeEventListener("mouseleave", W));
         }
       }
-    ), x({
-      $refInput: i
-    }), (e, o) => (c(), b(
+    ), g({
+      $refInput: s
+    }), (e, t) => (f(), b(
       "div",
       {
         style: _(N.value),
         class: V([
           "das-ui-input",
-          { "only-border-bottom": t.borderType === "bottom" },
-          { "das-input-normal-size": t.size === "default" },
-          { "das-input-table-size": t.size === "table" }
+          { "only-border-bottom": e.borderType === "bottom" },
+          { "das-input-normal-size": e.size === "default" },
+          { "das-input-table-size": e.size === "table" }
         ])
       },
       [
-        s(" 这里tooltip不能使用v-model:visible 有响应问题 "),
-        R(S(se), {
+        i(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        R(S(ie), {
           ref_key: "inputTooltipRef",
           ref: B,
           effect: "light",
@@ -169,21 +169,21 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
           default: h(() => [
             R(S(ae), ee({
               ref_key: "$refInput",
-              ref: i
+              ref: s
             }, e.$attrs, {
               modelValue: u.value,
-              "onUpdate:modelValue": o[0] || (o[0] = (a) => u.value = a),
+              "onUpdate:modelValue": t[0] || (t[0] = (a) => u.value = a),
               placeholder: A.value,
-              disabled: t.disabled,
-              readonly: t.isView,
-              type: l.type,
+              disabled: e.disabled,
+              readonly: e.isView,
+              type: o.type,
               class: [
-                { "is-view": t.isView },
-                { "das-input-success": t.success },
-                { "das-input-error": t.error },
+                { "is-view": e.isView },
+                { "das-input-success": e.success },
+                { "das-input-error": e.error },
                 { "input-focus-color": k.value }
               ],
-              autosize: l.autosize,
+              autosize: o.autosize,
               showWordLimit: Z.value,
               maxlength: F.value,
               onChange: j,
@@ -198,30 +198,30 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
               e.$slots.prepend ? {
                 name: "prepend",
                 fn: h(() => [
-                  s(" 输入框前置内容 "),
-                  T(e.$slots, "prepend", {}, void 0, !0)
+                  i(" 输入框前置内容 "),
+                  x(e.$slots, "prepend", {}, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
               e.$slots.append ? {
                 name: "append",
                 fn: h(() => [
-                  s(" 输入框后置内容 "),
-                  T(e.$slots, "append", {}, void 0, !0)
+                  i(" 输入框后置内容 "),
+                  x(e.$slots, "append", {}, void 0, !0)
                 ]),
                 key: "1"
               } : void 0,
               e.$slots.suffix ? {
                 name: "suffix",
                 fn: h(() => [
-                  T(e.$slots, "suffix", {}, void 0, !0)
+                  x(e.$slots, "suffix", {}, void 0, !0)
                 ]),
                 key: "2"
               } : void 0,
               e.$slots.prefix ? {
                 name: "prefix",
                 fn: h(() => [
-                  T(e.$slots, "prefix", {}, void 0, !0)
+                  x(e.$slots, "prefix", {}, void 0, !0)
                 ]),
                 key: "3"
               } : void 0
@@ -230,47 +230,47 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
           _: 3
           /* FORWARDED */
         }, 8, ["visible", "disabled", "content"]),
-        t.success && t.successLabel ? (c(), b("div", ve, [
-          t.success ? (c(), b(
+        e.success && e.successLabel ? (f(), b("div", ce, [
+          e.success ? (f(), b(
             "span",
-            me,
-            D(t.successLabel),
+            ve,
+            D(e.successLabel),
             1
             /* TEXT */
-          )) : s("v-if", !0)
-        ])) : s("v-if", !0),
-        t.error && t.errorLabel ? (c(), b(
+          )) : i("v-if", !0)
+        ])) : i("v-if", !0),
+        e.error && e.errorLabel ? (f(), b(
           oe,
           { key: 1 },
           [
-            t.errorMode === "default" ? (c(), b("div", pe, [
-              t.error ? (c(), b("span", {
+            e.errorMode === "default" ? (f(), b("div", me, [
+              e.error ? (f(), b("span", {
                 key: 0,
-                class: V(["das-input-error-label", { "error-label-overflow": t.isErrorTitle }]),
-                title: t.isErrorTitle ? t.errorLabel : ""
-              }, D(t.errorLabel), 11, be)) : s("v-if", !0)
-            ])) : s("v-if", !0),
-            L.value && t.errorMode === "overlay" ? (c(), le(S(ue), {
+                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), {
               key: 1,
-              errorLabel: t.errorLabel,
-              getEl: () => i.value.$el,
-              errorModelZIndex: t.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : s("v-if", !0)
+              errorLabel: e.errorLabel,
+              getEl: () => s.value.$el,
+              errorModelZIndex: e.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : i("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : s("v-if", !0)
+        )) : i("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), xe = (t, x) => {
-  const g = t.__vccOpts || t;
-  for (const [l, f] of x)
-    g[l] = f;
-  return g;
-}, ge = /* @__PURE__ */ xe(he, [["__scopeId", "data-v-d9b9d4c5"]]), Te = {
+}), 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-d9b9d4c5"]]), xe = {
   "--das-ui-input-default-text-color": "#212121",
   "--das-ui-input-default-placeholder-text-color": "#B2B2B2",
   "--das-ui-input-full-border-color": "#D9D9D9",
@@ -292,9 +292,9 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
   项: { "zh-CN": "项", en: "Item", _appCode: "framework" },
   请输入: { "zh-CN": "请输入", en: "Please enter", _appCode: "framework" }
 };
-ie(Be);
-X(Te);
-const $e = K(ge);
+se(Be);
+X(xe);
+const $e = K(Te);
 export {
   $e as DasInput,
   $e as default