@das-fed/upf-ui 6.4.0-dev.216 → 6.4.0-dev.217

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

@@ -1,5 +1,5 @@
 import '@das-fed/upf-ui/packages/components/input-number/style.css';
-import { defineComponent as oe, mergeModels as F, useCssVars as re, ref as u, computed as v, useModel as ne, watch as g, onMounted as le, onBeforeUnmount as ue, openBlock as M, createElementBlock as T, normalizeClass as ae, createVNode as H, unref as _, withCtx as se, mergeProps as ie, Fragment as de, createElementVNode as ce, normalizeStyle as ve, toDisplayString as fe, createCommentVNode as k, createBlock as pe, nextTick as K } from "vue";
+import { defineComponent as re, mergeModels as F, useCssVars as oe, ref as u, computed as v, useModel as ne, watch as M, onMounted as le, onBeforeUnmount as ue, openBlock as g, createElementBlock as T, normalizeClass as ae, createVNode as H, unref as _, withCtx as se, mergeProps as ie, Fragment as de, createElementVNode as ce, normalizeStyle as ve, toDisplayString as fe, createCommentVNode as k, createBlock as pe, nextTick as K } from "vue";
 import { withInstall as me } from "@das-fed/upf-utils/with-install/index";
 import { getVarValue as be, setThemeRule as he } from "@das-fed/upf-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/upf-ui/packages/components/tooltip/index";
 import { DasErrorOverlayModel as Ee } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
 import { calcTextWidth as Be } from "@das-fed/upf-utils/common-tools";
-const ge = {
+const Me = {
   key: 0,
   class: "das-input-number-error-label-content"
-}, Me = {
+}, ge = {
   inheritAttrs: !1
-}, Ie = /* @__PURE__ */ oe({
-  ...Me,
+}, Ie = /* @__PURE__ */ re({
+  ...ge,
   __name: "App",
   props: /* @__PURE__ */ F({
     modelValue: { default: 0 },
@@ -36,30 +36,30 @@ const ge = {
   }),
   emits: /* @__PURE__ */ F(["update:modelValue", "input", "change"], ["update:modelValue"]),
   setup(f, { expose: I, emit: L }) {
-    re((e) => ({
+    oe((e) => ({
       "3d2a86ca": O.value,
       "321ddcf2": U.value
     }));
-    const o = f, p = L, r = u(null), a = u(null), w = u(null), y = v(() => o.isView || o.disabled), n = ne(f, "modelValue"), E = v(() => y.value ? o.noSetDefaultVal ? "" : "-" : o.placeholder ?? ""), O = v(() => o.width ? o.width : o.controlsPosition ? o.baseLine ? "230px" : "80px" : "100px"), U = v(() => {
-      if (o.formSize)
-        return o.formSize && {
+    const r = f, p = L, o = u(null), a = u(null), w = u(null), y = v(() => r.isView || r.disabled), n = ne(f, "modelValue"), E = v(() => y.value ? r.noSetDefaultVal ? "" : "-" : r.placeholder ?? ""), O = v(() => r.width ? r.width : r.controlsPosition ? r.baseLine ? "230px" : "80px" : "100px"), U = v(() => {
+      if (r.formSize)
+        return r.formSize && {
           small: "24px",
           default: "32px",
           large: "40px"
-        }[o.formSize];
-      if (o.size === "default")
-        return o.controlsPosition === "right" && o.baseLine ? "25px" : "28px";
-      if (o.size === "table") return "30px";
+        }[r.formSize];
+      if (r.size === "default")
+        return r.controlsPosition === "right" && r.baseLine ? "25px" : "28px";
+      if (r.size === "table") return "30px";
     }), s = u(!1), j = v(
       () => !n.value && typeof n.value != "number" ? E.value : n.value
     ), B = v(() => {
       var e;
       return a.value ? (e = a.value.$el) == null ? void 0 : e.querySelector(".el-input__inner") : null;
     }), $ = () => {
-      const e = o.size === "table" ? 12 : 14;
+      const e = r.size === "table" ? 12 : 14;
       return Be(E.value, e);
     }, i = u(0), d = u(0);
-    g(
+    M(
       () => B.value,
       (e) => {
         setTimeout(() => {
@@ -74,16 +74,16 @@ const ge = {
         B.value && (i.value = ((e = B.value) == null ? void 0 : e.offsetWidth) ?? 0, d.value = !n.value && typeof n.value != "number" ? $() : (t = B.value) == null ? void 0 : t.scrollWidth, (i.value === d.value || d.value - i.value < 1) && (s.value = !1));
       });
     };
-    g(() => [n.value, E.value], z), g(
+    M(() => [n.value, E.value], z), M(
       () => {
         var e;
         return (e = w.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          console.log("进入tooltip"), s.value = !0, c.value && clearTimeout(c.value);
+          s.value = !0, c.value && clearTimeout(c.value);
         }), e.addEventListener("mouseleave", function() {
-          console.log("离开toolTip"), c.value = setTimeout(() => {
+          c.value = setTimeout(() => {
             s.value = !1;
           }, 200);
         }));
@@ -99,26 +99,26 @@ const ge = {
     }, S = u(n.value), X = () => {
       S.value !== n.value && (p("change", n.value, S.value), S.value = n.value);
     }, N = () => {
-      o.error || r.value.classList.add("input-inner-hover");
+      r.error || o.value.classList.add("input-inner-hover");
     }, P = () => {
-      r.value.classList.contains("input-inner-hover") && r.value.classList.remove("input-inner-hover");
+      o.value.classList.contains("input-inner-hover") && o.value.classList.remove("input-inner-hover");
     }, D = () => {
-      o.error || r.value.classList.add("decrease-btn-hover");
+      r.error || o.value.classList.add("decrease-btn-hover");
     }, q = () => {
-      r.value.classList.contains("decrease-btn-hover") && r.value.classList.remove("decrease-btn-hover");
+      o.value.classList.contains("decrease-btn-hover") && o.value.classList.remove("decrease-btn-hover");
     }, W = () => {
-      o.error || r.value.classList.add("increase-btn-hover");
+      r.error || o.value.classList.add("increase-btn-hover");
     }, C = () => {
-      r.value.classList.contains("increase-btn-hover") && r.value.classList.remove("increase-btn-hover");
+      o.value.classList.contains("increase-btn-hover") && o.value.classList.remove("increase-btn-hover");
     }, V = u(!1), Y = u({
       display: "block",
       color: be("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
     }), c = u(), x = () => {
-      z(), i.value === d.value || d.value - i.value < 1 ? s.value = !1 : (s.value = !0, c.value && clearTimeout(c.value)), o.errorMode === "overlay" && (V.value = !0);
+      z(), i.value === d.value || d.value - i.value < 1 ? s.value = !1 : (s.value = !0, c.value && clearTimeout(c.value)), r.errorMode === "overlay" && (V.value = !0);
     }, R = () => {
       c.value = setTimeout(() => {
-        o.errorMode === "overlay" ? V.value = !1 : s.value = !1;
+        r.errorMode === "overlay" ? V.value = !1 : s.value = !1;
       }, 200);
     }, ee = () => {
       var e, t;
@@ -129,42 +129,42 @@ const ge = {
     }, A = () => {
       y.value || K(() => {
         var m, b, h;
-        const e = (m = r.value) == null ? void 0 : m.querySelector(".el-input__inner");
+        const e = (m = o.value) == null ? void 0 : m.querySelector(".el-input__inner");
         e && (e.addEventListener("mouseenter", N), e.addEventListener("mouseleave", P));
-        const t = (b = r.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
+        const t = (b = o.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
         t && (t.addEventListener("mouseenter", D), t.addEventListener("mouseleave", q));
-        const l = (h = r.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
+        const l = (h = o.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
         l && (l.addEventListener("mouseenter", W), l.addEventListener("mouseleave", C));
       });
     }, Z = () => {
       var m, b, h;
-      const e = (m = r.value) == null ? void 0 : m.querySelector(".el-input__inner");
+      const e = (m = o.value) == null ? void 0 : m.querySelector(".el-input__inner");
       e && (e.removeEventListener("mouseenter", N), e.removeEventListener("mouseleave", P));
-      const t = (b = r.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
+      const t = (b = o.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
       t && (t.removeEventListener("mouseenter", D), t.removeEventListener("mouseleave", q));
-      const l = (h = r.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
+      const l = (h = o.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
       l && (l.removeEventListener("mouseenter", W), l.removeEventListener("mouseleave", C));
     };
-    return g(
+    return M(
       () => y.value,
       (e) => {
         if (e) {
-          if (o.controlsPosition === "right") return;
+          if (r.controlsPosition === "right") return;
           Z();
         } else {
-          if (o.controlsPosition === "right") return;
+          if (r.controlsPosition === "right") return;
           A();
         }
       }
     ), le(() => {
-      ee(), o.controlsPosition !== "right" && A();
+      ee(), r.controlsPosition !== "right" && A();
     }), ue(() => {
-      te(), o.controlsPosition !== "right" && Z();
+      te(), r.controlsPosition !== "right" && Z();
     }), I({
       $elInputNumber: a
-    }), (e, t) => (M(), T("div", {
+    }), (e, t) => (g(), T("div", {
       ref_key: "$inputNumber",
-      ref: r,
+      ref: o,
       class: ae([
         "das-ui-input-number",
         e.controlsPosition === "" ? "default" : e.baseLine ? "base-line" : "controls-right",
@@ -203,13 +203,13 @@ const ge = {
         ]),
         _: 1
       }, 8, ["visible", "disabled", "content"]),
-      e.error && e.errorLabel ? (M(), T(de, { key: 0 }, [
-        e.errorMode === "default" ? (M(), T("div", ge, [
+      e.error && e.errorLabel ? (g(), T(de, { key: 0 }, [
+        e.errorMode === "default" ? (g(), T("div", Me, [
           ce("span", {
             style: ve(Y.value)
           }, fe(e.errorLabel), 5)
         ])) : k("", !0),
-        e.errorMode === "overlay" && V.value ? (M(), pe(_(Ee), {
+        e.errorMode === "overlay" && V.value ? (g(), pe(_(Ee), {
           key: 1,
           errorLabel: e.errorLabel,
           getEl: () => {
@@ -223,8 +223,8 @@ const ge = {
   }
 }), Se = (f, I) => {
   const L = f.__vccOpts || f;
-  for (const [o, p] of I)
-    L[o] = p;
+  for (const [r, p] of I)
+    L[r] = p;
   return L;
 }, Ve = /* @__PURE__ */ Se(Ie, [["__scopeId", "data-v-d059c64f"]]), Te = {
   "--das-ui-input-number-border-view-color": "#E5E5E5",