@das-fed/ui 7.0.7-hot.21 → 7.0.7-hot.22

package/packages/components/input/index.js

@@ -1,13 +1,13 @@
 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 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 { defineComponent as Y, computed as d, ref as r, watch as h, nextTick as C, createElementBlock as b, openBlock as c, normalizeClass as R, normalizeStyle as _, createCommentVNode as i, createVNode as V, unref as S, withCtx as y, 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 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";
+import { DasErrorOverlayModel as ne } from "@das-fed/ui/packages/components/error-overlay-model/index";
+import { calcTextWidth as ue } from "@das-fed/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";
@@ -20,10 +20,10 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
 }, me = {
   key: 0,
   class: "das-input-label-content"
-}, be = ["title"], ye = {
+}, be = ["title"], he = {
   inheritAttrs: !1
-}, he = /* @__PURE__ */ Y({
-  ...ye,
+}, ye = /* @__PURE__ */ Y({
+  ...he,
   __name: "index",
   props: {
     modelValue: { default: "" },
@@ -52,18 +52,18 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
   },
   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 o = l, v = 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({
+    }), w = T, n = 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);
+    }), O = r(o.isTitle), u = r(!1), P = d(() => n.value ? n.value : v.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 ? "" : "-" : v.value ?? ""), k = r(!1), f = r(0);
     r({
       display: "block",
       color: Q("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
-    }), y(
+    }), h(
       () => {
         var e;
         return (e = s.value) == null ? void 0 : e.textarea;
@@ -77,77 +77,77 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
     );
     const j = (e) => {
       let t = e + "";
-      o.type !== "textarea" && o.filterSpace && (t = t.trim()), u.value = t, w("change", t);
+      o.type !== "textarea" && o.filterSpace && (t = t.trim()), n.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");
+      e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "block", console.log("textareaRef", e.nextSibling));
     }, 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 = () => {
+    }, W = () => {
       const e = o.size === "table" ? 12 : 14;
-      return ne(p.value, e);
+      return ue(v.value, e);
     };
-    y(
+    h(
       () => 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());
+          t && (f.value = ((a = t == null ? void 0 : t.ref) == null ? void 0 : a.offsetWidth) ?? 0, p.value = n.value ? ($ = t == null ? void 0 : t.ref) == null ? void 0 : $.scrollWidth : W());
         }, 200);
       }
     );
-    const v = r(0), I = () => {
+    const p = r(0), z = () => {
       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));
+        (e = s.value) != null && e.ref && (f.value = (t = s.value) == null ? void 0 : t.ref.offsetWidth, p.value = n.value ? (a = s.value) == null ? void 0 : a.ref.scrollWidth : W(), console.log("inputWidth==", f.value), console.log("textWidth==", p.value), (f.value === p.value || p.value - f.value < 1) && (u.value = !1));
       });
     };
-    y(() => [u.value, p.value], I);
+    h(() => [n.value, v.value], z);
     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);
+      z(), f.value === p.value || p.value - f.value < 1 ? u.value = !1 : (u.value = !0, m && clearTimeout(m.value), E && clearTimeout(E.value)), o.errorMode === "overlay" && (L.value = !0);
     }, J = () => {
       m.value = setTimeout(() => {
-        n.value = !1;
+        u.value = !1;
       }, 200), E.value = setTimeout(() => {
         L.value = !1;
       }, 200);
+    }, I = () => {
+      console.log("进入tooltip"), u.value = !0, m.value && clearTimeout(m.value);
     }, M = () => {
-      n.value = !0, m.value && clearTimeout(m.value);
-    }, W = () => {
-      m.value = setTimeout(() => {
-        n.value = !1;
+      console.log("离开toolTip"), m.value = setTimeout(() => {
+        u.value = !1;
       }, 200);
     };
-    return y(
+    return h(
       () => {
         var e;
         return (e = B.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
-        e && (e.addEventListener("mouseenter", M), e.addEventListener("mouseleave", W));
+        e && (e.addEventListener("mouseenter", I), e.addEventListener("mouseleave", M));
       }
-    ), y(
-      () => n.value,
+    ), h(
+      () => u.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));
+          a && (a.removeEventListener("mouseenter", I), a.removeEventListener("mouseleave", M));
         }
       }
     ), g({
       $refInput: s
-    }), (e, t) => (f(), b(
+    }), (e, t) => (c(), b(
       "div",
       {
         style: _(N.value),
-        class: V([
+        class: R([
           "das-ui-input",
           { "only-border-bottom": e.borderType === "bottom" },
           { "das-input-normal-size": e.size === "default" },
@@ -156,23 +156,23 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
       },
       [
         i(" 这里tooltip不能使用v-model:visible 有响应问题 "),
-        R(S(ie), {
+        V(S(ie), {
           ref_key: "inputTooltipRef",
           ref: B,
           effect: "light",
           placement: "top",
           manual: !0,
-          visible: n.value,
+          visible: u.value,
           disabled: !O.value,
           content: P.value
         }, {
-          default: h(() => [
-            R(S(ae), ee({
+          default: y(() => [
+            V(S(ae), ee({
               ref_key: "$refInput",
               ref: s
             }, e.$attrs, {
-              modelValue: u.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (a) => u.value = a),
+              modelValue: n.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (a) => n.value = a),
               placeholder: A.value,
               disabled: e.disabled,
               readonly: e.isView,
@@ -197,7 +197,7 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
             }, [
               e.$slots.prepend ? {
                 name: "prepend",
-                fn: h(() => [
+                fn: y(() => [
                   i(" 输入框前置内容 "),
                   x(e.$slots, "prepend", {}, void 0, !0)
                 ]),
@@ -205,7 +205,7 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
               } : void 0,
               e.$slots.append ? {
                 name: "append",
-                fn: h(() => [
+                fn: y(() => [
                   i(" 输入框后置内容 "),
                   x(e.$slots, "append", {}, void 0, !0)
                 ]),
@@ -213,14 +213,14 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
               } : void 0,
               e.$slots.suffix ? {
                 name: "suffix",
-                fn: h(() => [
+                fn: y(() => [
                   x(e.$slots, "suffix", {}, void 0, !0)
                 ]),
                 key: "2"
               } : void 0,
               e.$slots.prefix ? {
                 name: "prefix",
-                fn: h(() => [
+                fn: y(() => [
                   x(e.$slots, "prefix", {}, void 0, !0)
                 ]),
                 key: "3"
@@ -230,8 +230,8 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
           _: 3
           /* FORWARDED */
         }, 8, ["visible", "disabled", "content"]),
-        e.success && e.successLabel ? (f(), b("div", ce, [
-          e.success ? (f(), b(
+        e.success && e.successLabel ? (c(), b("div", ce, [
+          e.success ? (c(), b(
             "span",
             ve,
             D(e.successLabel),
@@ -239,18 +239,18 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
             /* TEXT */
           )) : i("v-if", !0)
         ])) : i("v-if", !0),
-        e.error && e.errorLabel ? (f(), b(
+        e.error && e.errorLabel ? (c(), b(
           oe,
           { key: 1 },
           [
-            e.errorMode === "default" ? (f(), b("div", me, [
-              e.error ? (f(), b("span", {
+            e.errorMode === "default" ? (c(), b("div", me, [
+              e.error ? (c(), b("span", {
                 key: 0,
-                class: V(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
+                class: R(["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), {
+            L.value && e.errorMode === "overlay" ? (c(), le(S(ne), {
               key: 1,
               errorLabel: e.errorLabel,
               getEl: () => s.value.$el,
@@ -267,10 +267,10 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
   }
 }), ge = (l, g) => {
   const T = l.__vccOpts || l;
-  for (const [o, p] of g)
-    T[o] = p;
+  for (const [o, v] of g)
+    T[o] = v;
   return T;
-}, Te = /* @__PURE__ */ ge(he, [["__scopeId", "data-v-d9b9d4c5"]]), xe = {
+}, Te = /* @__PURE__ */ ge(ye, [["__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",

package/packages/components/input-number/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/input-number/style.css';
-import { defineComponent as oe, mergeModels as F, useCssVars as re, computed as c, ref as u, useModel as ne, watch as M, onMounted as le, onBeforeUnmount as ue, createElementBlock as _, openBlock as I, normalizeClass as ae, createCommentVNode as g, createVNode as H, unref as k, withCtx as se, mergeProps as ie, Fragment as ve, createBlock as de, createElementVNode as ce, normalizeStyle as fe, toDisplayString as pe, nextTick as K } from "vue";
+import { defineComponent as oe, mergeModels as F, useCssVars as re, computed as c, ref as u, useModel as ne, watch as g, onMounted as le, onBeforeUnmount as ue, createElementBlock as _, openBlock as M, normalizeClass as ae, createCommentVNode as I, createVNode as H, unref as k, withCtx as se, mergeProps as ie, Fragment as ve, createBlock as de, createElementVNode as ce, normalizeStyle as fe, toDisplayString as pe, nextTick as K } from "vue";
 import { withInstall as me } from "@das-fed/utils/with-install/index";
 import { getVarValue as be, setThemeRule as he } from "@das-fed/web/packages/theme/index";
 import { ElInputNumber as Le } from "element-plus";
@@ -7,13 +7,13 @@ import "element-plus/es/components/input-number/style/css";
 import { DasTooltip as ye } from "@das-fed/ui/packages/components/tooltip/index";
 import { DasErrorOverlayModel as Ee } from "@das-fed/ui/packages/components/error-overlay-model/index";
 import { calcTextWidth as Be } from "@das-fed/utils/common-tools";
-const Me = {
+const ge = {
   key: 0,
   class: "das-input-number-error-label-content"
-}, Ie = {
+}, Me = {
   inheritAttrs: !1
-}, ge = /* @__PURE__ */ oe({
-  ...Ie,
+}, Ie = /* @__PURE__ */ oe({
+  ...Me,
   __name: "App",
   props: /* @__PURE__ */ F({
     modelValue: { default: 0 },
@@ -53,7 +53,7 @@ const Me = {
       const e = o.size === "table" ? 12 : 14;
       return Be(E.value, e);
     }, i = u(0), v = u(0);
-    M(
+    g(
       () => B.value,
       (e) => {
         setTimeout(() => {
@@ -68,16 +68,16 @@ const Me = {
         B.value && (i.value = ((e = B.value) == null ? void 0 : e.offsetWidth) ?? 0, v.value = !n.value && typeof n.value != "number" ? $() : (t = B.value) == null ? void 0 : t.scrollWidth, (i.value === v.value || v.value - i.value < 1) && (s.value = !1));
       });
     };
-    M(() => [n.value, E.value], N), M(
+    g(() => [n.value, E.value], N), g(
       () => {
         var e;
         return (e = w.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          s.value = !0, d.value && clearTimeout(d.value);
+          console.log("进入tooltip"), s.value = !0, d.value && clearTimeout(d.value);
         }), e.addEventListener("mouseleave", function() {
-          d.value = setTimeout(() => {
+          console.log("离开toolTip"), d.value = setTimeout(() => {
             s.value = !1;
           }, 200);
         }));
@@ -90,8 +90,8 @@ const Me = {
       !e && e !== 0 && (n.value = e), p("input", e);
     }, Q = (e, t) => {
       p("change", e, t);
-    }, S = u(n.value), X = () => {
-      S.value !== n.value && (p("change", n.value, S.value), S.value = n.value);
+    }, T = u(n.value), X = () => {
+      T.value !== n.value && (p("change", n.value, T.value), T.value = n.value);
     }, P = () => {
       o.error || r.value.classList.add("input-inner-hover");
     }, D = () => {
@@ -104,15 +104,15 @@ const Me = {
       o.error || r.value.classList.add("increase-btn-hover");
     }, C = () => {
       r.value.classList.contains("increase-btn-hover") && r.value.classList.remove("increase-btn-hover");
-    }, T = u(!1), Y = u({
+    }, S = u(!1), Y = u({
       display: "block",
       color: be("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
     }), d = u(), R = () => {
-      N(), i.value === v.value || v.value - i.value < 1 ? s.value = !1 : (s.value = !0, d.value && clearTimeout(d.value)), o.errorMode === "overlay" && (T.value = !0);
+      N(), i.value === v.value || v.value - i.value < 1 ? s.value = !1 : (s.value = !0, d.value && clearTimeout(d.value)), o.errorMode === "overlay" && (S.value = !0);
     }, A = () => {
       d.value = setTimeout(() => {
-        o.errorMode === "overlay" ? T.value = !1 : s.value = !1;
+        o.errorMode === "overlay" ? S.value = !1 : s.value = !1;
       }, 200);
     }, ee = () => {
       var e, t;
@@ -139,7 +139,7 @@ const Me = {
       const l = (h = r.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
       l && (l.removeEventListener("mouseenter", W), l.removeEventListener("mouseleave", C));
     };
-    return M(
+    return g(
       () => y.value,
       (e) => {
         if (e) {
@@ -156,7 +156,7 @@ const Me = {
       te(), o.controlsPosition !== "right" && x();
     }), V({
       $elInputNumber: a
-    }), (e, t) => (I(), _(
+    }), (e, t) => (M(), _(
       "div",
       {
         ref_key: "$inputNumber",
@@ -171,7 +171,7 @@ const Me = {
         ])
       },
       [
-        g(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        I(" 这里tooltip不能使用v-model:visible 有响应问题 "),
         H(k(ye), {
           ref_key: "inputTooltipRef",
           ref: w,
@@ -202,11 +202,11 @@ const Me = {
           _: 1
           /* STABLE */
         }, 8, ["visible", "disabled", "content"]),
-        e.error && e.errorLabel ? (I(), _(
+        e.error && e.errorLabel ? (M(), _(
           ve,
           { key: 0 },
           [
-            e.errorMode === "default" ? (I(), _("div", Me, [
+            e.errorMode === "default" ? (M(), _("div", ge, [
               ce(
                 "span",
                 {
@@ -216,8 +216,8 @@ const Me = {
                 5
                 /* TEXT, STYLE */
               )
-            ])) : g("v-if", !0),
-            e.errorMode === "overlay" && T.value ? (I(), de(k(Ee), {
+            ])) : I("v-if", !0),
+            e.errorMode === "overlay" && S.value ? (M(), de(k(Ee), {
               key: 1,
               errorLabel: e.errorLabel,
               getEl: () => {
@@ -225,11 +225,11 @@ const Me = {
                 return (l = a.value) == null ? void 0 : l.$el;
               },
               errorModelZIndex: e.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : g("v-if", !0)
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : I("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : g("v-if", !0)
+        )) : I("v-if", !0)
       ],
       2
       /* CLASS */
@@ -240,7 +240,7 @@ const Me = {
   for (const [o, p] of V)
     L[o] = p;
   return L;
-}, Se = /* @__PURE__ */ Ve(ge, [["__scopeId", "data-v-97241aec"]]), Te = {
+}, Te = /* @__PURE__ */ Ve(Ie, [["__scopeId", "data-v-97241aec"]]), Se = {
   "--das-ui-input-number-border-view-color": "#E5E5E5",
   "--das-ui-input-number-color": "#212121",
   "--das-ui-input-number-border-color": "#D9D9D9",
@@ -251,8 +251,8 @@ const Me = {
   "--das-ui-input-number-overlay-error-color": "#FB2323",
   "--das-ui-input-number-default-placeholder-color": "#B2B2B2"
 };
-he(Te);
-const qe = me(Se), We = () => u(null), Ce = { name: "input-number 步进器" };
+he(Se);
+const qe = me(Te), We = () => u(null), Ce = { name: "input-number 步进器" };
 export {
   qe as DasInputNumber,
   We as DasInputNumberRef,