@das-fed/ui 6.4.0-hot.43 → 6.4.0-hot.45

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 re, mergeModels as F, useCssVars as oe, computed as v, ref as u, useModel as ne, watch as M, onMounted as le, onBeforeUnmount as ue, createElementBlock as T, openBlock as I, normalizeClass as ae, createVNode as H, createCommentVNode as _, unref as k, withCtx as se, mergeProps as ie, Fragment as de, createBlock as ce, createElementVNode as ve, 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";
@@ -12,7 +12,7 @@ const Me = {
   class: "das-input-number-error-label-content"
 }, Ie = {
   inheritAttrs: !1
-}, ge = /* @__PURE__ */ oe({
+}, ge = /* @__PURE__ */ re({
   ...Ie,
   __name: "App",
   props: /* @__PURE__ */ F({
@@ -35,37 +35,37 @@ const Me = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ F(["update:modelValue", "input", "change"], ["update:modelValue"]),
-  setup(f, { expose: V, emit: L }) {
-    re((e) => ({
+  setup(f, { expose: g, emit: L }) {
+    oe((e) => ({
       "1b8e8582": O.value,
       "3c7330eb": U.value
     }));
-    const o = f, p = L, r = u(null), a = u(null), w = u(null), y = c(() => o.isView || o.disabled), n = ne(f, "modelValue"), E = c(() => y.value ? o.noSetDefaultVal ? "" : "-" : o.placeholder ?? ""), O = c(() => o.width ? o.width : o.controlsPosition ? o.baseLine ? "230px" : "80px" : "100px"), U = c(() => {
-      if (o.size === "default")
-        return o.controlsPosition === "right" && o.baseLine ? "25px" : "28px";
-      if (o.size === "table") return "30px";
-    }), s = u(!1), j = c(
+    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.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 = c(() => {
+    ), 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), v = u(0);
+    }, i = u(0), d = u(0);
     M(
       () => B.value,
       (e) => {
         setTimeout(() => {
           const t = e;
-          t && (i.value = (t == null ? void 0 : t.offsetWidth) ?? 0, v.value = !n.value && typeof n.value != "number" ? $() : t == null ? void 0 : t.scrollWidth);
+          t && (i.value = (t == null ? void 0 : t.offsetWidth) ?? 0, d.value = !n.value && typeof n.value != "number" ? $() : t == null ? void 0 : t.scrollWidth);
         }, 200);
       }
     );
     const N = () => {
       K(() => {
         var e, t;
-        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));
+        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));
       });
     };
     M(() => [n.value, E.value], N), M(
@@ -75,9 +75,9 @@ const Me = {
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          s.value = !0, d.value && clearTimeout(d.value);
+          s.value = !0, c.value && clearTimeout(c.value);
         }), e.addEventListener("mouseleave", function() {
-          d.value = setTimeout(() => {
+          c.value = setTimeout(() => {
             s.value = !1;
           }, 200);
         }));
@@ -90,29 +90,29 @@ 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);
+    }, V = u(n.value), X = () => {
+      V.value !== n.value && (p("change", n.value, V.value), V.value = n.value);
     }, P = () => {
-      o.error || r.value.classList.add("input-inner-hover");
+      r.error || o.value.classList.add("input-inner-hover");
     }, D = () => {
-      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");
     }, z = () => {
-      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");
-    }, T = u(!1), Y = u({
+      o.value.classList.contains("increase-btn-hover") && o.value.classList.remove("increase-btn-hover");
+    }, 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);
+    }), c = u(), R = () => {
+      N(), i.value === d.value || d.value - i.value < 1 ? s.value = !1 : (s.value = !0, c.value && clearTimeout(c.value)), r.errorMode === "overlay" && (S.value = !0);
     }, A = () => {
-      d.value = setTimeout(() => {
-        o.errorMode === "overlay" ? T.value = !1 : s.value = !1;
+      c.value = setTimeout(() => {
+        r.errorMode === "overlay" ? S.value = !1 : s.value = !1;
       }, 200);
     }, ee = () => {
       var e, t;
@@ -123,122 +123,102 @@ const Me = {
     }, Z = () => {
       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", P), e.addEventListener("mouseleave", D));
-        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", z), 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));
       });
     }, x = () => {
       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", P), e.removeEventListener("mouseleave", D));
-      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", z), 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 M(
       () => y.value,
       (e) => {
         if (e) {
-          if (o.controlsPosition === "right") return;
+          if (r.controlsPosition === "right") return;
           x();
         } else {
-          if (o.controlsPosition === "right") return;
+          if (r.controlsPosition === "right") return;
           Z();
         }
       }
     ), le(() => {
-      ee(), o.controlsPosition !== "right" && Z();
+      ee(), r.controlsPosition !== "right" && Z();
     }), ue(() => {
-      te(), o.controlsPosition !== "right" && x();
-    }), V({
+      te(), r.controlsPosition !== "right" && x();
+    }), g({
       $elInputNumber: a
-    }), (e, t) => (I(), _(
-      "div",
-      {
-        ref_key: "$inputNumber",
-        ref: r,
-        class: ae([
-          "das-ui-input-number",
-          e.controlsPosition === "" ? "default" : e.baseLine ? "base-line" : "controls-right",
-          e.isView ? "is-view" : "",
-          e.disabled ? "is-disabled" : "",
-          e.noSetDefaultVal ? "nodefault" : "",
-          `size-${e.size}`
-        ])
-      },
-      [
-        g(" 这里tooltip不能使用v-model:visible 有响应问题 "),
-        H(k(ye), {
-          ref_key: "inputTooltipRef",
-          ref: w,
-          effect: "light",
-          placement: "top",
-          manual: !0,
-          visible: s.value,
-          disabled: e.disabledTooltip,
-          content: j.value
-        }, {
-          default: se(() => [
-            H(k(Le), ie({
-              ref_key: "$elInputNumber",
-              ref: a,
-              class: { "das-input-number-error": e.error },
-              modelValue: n.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (l) => n.value = l),
-              readonly: y.value,
-              "controls-position": e.controlsPosition,
-              placeholder: E.value
-            }, e.$attrs, {
-              onKeydown: G,
-              onInput: J,
-              onBlur: X,
-              onChange: Q
-            }), null, 16, ["class", "modelValue", "readonly", "controls-position", "placeholder"])
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["visible", "disabled", "content"]),
-        e.error && e.errorLabel ? (I(), _(
-          ve,
-          { key: 0 },
-          [
-            e.errorMode === "default" ? (I(), _("div", Me, [
-              ce(
-                "span",
-                {
-                  style: fe(Y.value)
-                },
-                pe(e.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : g("v-if", !0),
-            e.errorMode === "overlay" && T.value ? (I(), de(k(Ee), {
-              key: 1,
-              errorLabel: e.errorLabel,
-              getEl: () => {
-                var l;
-                return (l = a.value) == null ? void 0 : l.$el;
-              },
-              errorModelZIndex: e.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : g("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : g("v-if", !0)
-      ],
-      2
-      /* CLASS */
-    ));
+    }), (e, t) => (I(), T("div", {
+      ref_key: "$inputNumber",
+      ref: o,
+      class: ae([
+        "das-ui-input-number",
+        e.controlsPosition === "" ? "default" : e.baseLine ? "base-line" : "controls-right",
+        e.isView ? "is-view" : "",
+        e.disabled ? "is-disabled" : "",
+        e.noSetDefaultVal ? "nodefault" : "",
+        `size-${e.size}`
+      ])
+    }, [
+      H(k(ye), {
+        ref_key: "inputTooltipRef",
+        ref: w,
+        effect: "light",
+        placement: "top",
+        manual: !0,
+        visible: s.value,
+        disabled: e.disabledTooltip,
+        content: j.value
+      }, {
+        default: se(() => [
+          H(k(Le), ie({
+            ref_key: "$elInputNumber",
+            ref: a,
+            class: { "das-input-number-error": e.error },
+            modelValue: n.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (l) => n.value = l),
+            readonly: y.value,
+            "controls-position": e.controlsPosition,
+            placeholder: E.value
+          }, e.$attrs, {
+            onKeydown: G,
+            onInput: J,
+            onBlur: X,
+            onChange: Q
+          }), null, 16, ["class", "modelValue", "readonly", "controls-position", "placeholder"])
+        ]),
+        _: 1
+      }, 8, ["visible", "disabled", "content"]),
+      e.error && e.errorLabel ? (I(), T(de, { key: 0 }, [
+        e.errorMode === "default" ? (I(), T("div", Me, [
+          ve("span", {
+            style: fe(Y.value)
+          }, pe(e.errorLabel), 5)
+        ])) : _("", !0),
+        e.errorMode === "overlay" && S.value ? (I(), ce(k(Ee), {
+          key: 1,
+          errorLabel: e.errorLabel,
+          getEl: () => {
+            var l;
+            return (l = a.value) == null ? void 0 : l.$el;
+          },
+          errorModelZIndex: e.errorModelZIndex
+        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : _("", !0)
+      ], 64)) : _("", !0)
+    ], 2));
   }
-}), Ve = (f, V) => {
+}), Ve = (f, g) => {
   const L = f.__vccOpts || f;
-  for (const [o, p] of V)
-    L[o] = p;
+  for (const [r, p] of g)
+    L[r] = p;
   return L;
 }, Se = /* @__PURE__ */ Ve(ge, [["__scopeId", "data-v-97241aec"]]), Te = {
   "--das-ui-input-number-border-view-color": "#E5E5E5",

package/packages/components/input-number/src/App.vue.d.ts

@@ -1,30 +1,65 @@
 import 'element-plus/es/components/input-number/style/css';
 import type { Props } from './type';
-declare const _default: import("vue").DefineComponent<{
-    modelValue?: number;
-} & Props, {
-    $elInputNumber: import("vue").Ref<any, any>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: number) => any;
-} & {
-    input: (curValue: number | null | undefined) => any;
-    "update:modelValue": (value: number | null) => any;
-    change: (curVal: number | null | undefined, oldVal: number | null | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    modelValue?: number;
-} & Props> & Readonly<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    modelValue?: NonNullable<(typeof modelValue)["value"]>;
+} & Props>, {
+    modelValue: number;
+    controlsPosition: string;
+    size: string;
+    errorMode: string;
+    error: boolean;
+    errorLabel: string;
+    errorModelZIndex: number;
+    disabled: boolean;
+    isView: boolean;
+}>, {
+    $elInputNumber: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": ((modelValue: any) => void) & ((value: number | null) => void);
+    input: (curValue: number | null | undefined) => void;
+    change: (curVal: number | null | undefined, oldVal: number | null | undefined) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    modelValue?: NonNullable<(typeof modelValue)["value"]>;
+} & Props>, {
+    modelValue: number;
+    controlsPosition: string;
+    size: string;
+    errorMode: string;
+    error: boolean;
+    errorLabel: string;
+    errorModelZIndex: number;
+    disabled: boolean;
+    isView: boolean;
+}>>> & {
+    onChange?: ((curVal: number | null | undefined, oldVal: number | null | undefined) => any) | undefined;
     onInput?: ((curValue: number | null | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
-    onChange?: ((curVal: number | null | undefined, oldVal: number | null | undefined) => any) | undefined;
-}>, {
+}, {
     size: "default" | "table";
     disabled: boolean;
-    modelValue: number;
-    isView: boolean;
+    modelValue: NonNullable<(typeof modelValue)["value"]>;
     error: boolean;
-    errorLabel: string;
+    isView: boolean;
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
+    errorLabel: string;
     controlsPosition: "" | "right";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};