@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.240

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

@@ -1,21 +1,20 @@
 import '@das-fed/upf-ui/packages/components/input-number/style.css';
-import { defineComponent as ne, mergeModels as H, useCssVars as re, ref as a, computed as f, useModel as oe, watch as M, onMounted as le, onBeforeUnmount as ue, openBlock as g, createElementBlock as T, normalizeClass as ae, createCommentVNode as x, createVNode as K, unref as k, withCtx as ie, mergeProps as se, Fragment as ce, createElementVNode as de, normalizeStyle as ve, toDisplayString as fe, createBlock as me, nextTick as O } from "vue";
+import { defineComponent as ne, mergeModels as K, useCssVars as re, ref as u, computed as f, useModel as oe, watch as M, onMounted as le, onBeforeUnmount as ae, openBlock as x, createElementBlock as T, normalizeClass as ue, createCommentVNode as I, createVNode as O, unref as k, withCtx as se, mergeProps as ie, Fragment as ce, createElementVNode as ve, normalizeStyle as de, toDisplayString as fe, createBlock as me, nextTick as U } from "vue";
 import { withInstall as pe } 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";
+import { ElInputNumber as be } from "element-plus";
 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 Me = {
+import { DasTooltip as he } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { DasErrorOverlayModel as Le } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
+import { calcTextWidth as ye } from "@das-fed/upf-utils/common-tools";
+const Ee = {
   key: 0,
   class: "das-input-number-error-label-content"
-}, ge = {
+}, Se = {
   inheritAttrs: !1
-}, xe = /* @__PURE__ */ ne({
-  ...ge,
+}, Me = /* @__PURE__ */ ne({
+  ...Se,
   __name: "App",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ K({
     modelValue: { default: 0 },
     placeholder: {},
     size: { default: "default" },
@@ -29,18 +28,19 @@ const Me = {
     errorLabel: { default: "" },
     errorModelZIndex: { default: 2e3 },
     noSetDefaultVal: { type: Boolean },
-    disabledTooltip: { type: Boolean }
+    disabledTooltip: { type: Boolean },
+    formSize: {}
   }, {
     modelValue: { type: Number, default: 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["update:modelValue", "input", "change"], ["update:modelValue"]),
-  setup(r, { expose: I, emit: L }) {
+  emits: /* @__PURE__ */ K(["update:modelValue", "input", "change"], ["update:modelValue"]),
+  setup(r, { expose: g, emit: L }) {
     re((e) => ({
-      v3d2a86ca: U.value,
-      v321ddcf2: j.value
+      v4683fdc8: F.value,
+      v702cc165: j.value
     }));
-    const n = r, m = L, o = a(null), i = a(null), w = a(null), y = f(() => n.isView || n.disabled), l = oe(r, "modelValue"), E = f(() => y.value ? n.noSetDefaultVal ? "" : "-" : n.placeholder ?? ""), U = f(() => n.width ? n.width : n.controlsPosition ? n.baseLine ? "230px" : "80px" : "100px"), j = f(() => {
+    const n = r, m = L, o = u(null), s = u(null), z = u(null), y = f(() => n.isView || n.disabled), l = oe(r, "modelValue"), E = f(() => y.value ? n.noSetDefaultVal ? "" : "-" : n.placeholder ?? ""), F = f(() => n.width ? n.width : n.controlsPosition ? n.baseLine ? "230px" : "80px" : "100px"), j = f(() => {
       if (n.formSize)
         return n.formSize && {
           small: "24px",
@@ -50,41 +50,41 @@ const Me = {
       if (n.size === "default")
         return n.controlsPosition === "right" && n.baseLine ? "25px" : "28px";
       if (n.size === "table") return "30px";
-    }), s = a(!1), G = f(
+    }), i = u(!1), G = f(
       () => !l.value && typeof l.value != "number" ? E.value : l.value
-    ), B = f(() => {
+    ), S = f(() => {
       var e;
-      return i.value ? (e = i.value.$el) == null ? void 0 : e.querySelector(".el-input__inner") : null;
+      return s.value ? (e = s.value.$el) == null ? void 0 : e.querySelector(".el-input__inner") : null;
     }), $ = () => {
       const e = n.size === "table" ? 12 : 14;
-      return Be(E.value, e);
-    }, c = a(0), d = a(0);
+      return ye(E.value, e);
+    }, c = u(0), v = u(0);
     M(
-      () => B.value,
+      () => S.value,
       (e) => {
         setTimeout(() => {
           const t = e;
-          t && (c.value = (t == null ? void 0 : t.offsetWidth) ?? 0, d.value = !l.value && typeof l.value != "number" ? $() : t == null ? void 0 : t.scrollWidth);
+          t && (c.value = (t == null ? void 0 : t.offsetWidth) ?? 0, v.value = !l.value && typeof l.value != "number" ? $() : t == null ? void 0 : t.scrollWidth);
         }, 200);
       }
     );
-    const z = () => {
-      O(() => {
+    const w = () => {
+      U(() => {
         var e, t;
-        B.value && (c.value = ((e = B.value) == null ? void 0 : e.offsetWidth) ?? 0, d.value = !l.value && typeof l.value != "number" ? $() : (t = B.value) == null ? void 0 : t.scrollWidth, (c.value === d.value || d.value - c.value < 1) && (s.value = !1));
+        S.value && (c.value = ((e = S.value) == null ? void 0 : e.offsetWidth) ?? 0, v.value = !l.value && typeof l.value != "number" ? $() : (t = S.value) == null ? void 0 : t.scrollWidth, (c.value === v.value || v.value - c.value < 1) && (i.value = !1));
       });
     };
-    M(() => [l.value, E.value], z), M(
+    M(() => [l.value, E.value], w), M(
       () => {
         var e;
-        return (e = w.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = z.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          s.value = !0, v.value && clearTimeout(v.value);
+          i.value = !0, d.value && clearTimeout(d.value);
         }), e.addEventListener("mouseleave", function() {
-          v.value = setTimeout(() => {
-            s.value = !1;
+          d.value = setTimeout(() => {
+            i.value = !1;
           }, 200);
         }));
       }
@@ -96,61 +96,61 @@ const Me = {
       !e && e !== 0 && (l.value = e), m("input", e);
     }, X = (e, t) => {
       m("change", e, t);
-    }, S = a(l.value), Y = () => {
-      S.value !== l.value && (m("change", l.value, S.value), S.value = l.value);
+    }, B = u(l.value), Y = () => {
+      B.value !== l.value && (m("change", l.value, B.value), B.value = l.value);
     }, N = () => {
       n.error || o.value.classList.add("input-inner-hover");
     }, P = () => {
       o.value.classList.contains("input-inner-hover") && o.value.classList.remove("input-inner-hover");
-    }, D = () => {
-      n.error || o.value.classList.add("decrease-btn-hover");
     }, q = () => {
+      n.error || o.value.classList.add("decrease-btn-hover");
+    }, D = () => {
       o.value.classList.contains("decrease-btn-hover") && o.value.classList.remove("decrease-btn-hover");
     }, W = () => {
       n.error || o.value.classList.add("increase-btn-hover");
     }, C = () => {
       o.value.classList.contains("increase-btn-hover") && o.value.classList.remove("increase-btn-hover");
-    }, V = a(!1), _ = a({
+    }, V = u(!1), _ = u({
       display: "block",
-      color: be("--das-ui-input-error-color").value,
+      color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), v = a(), R = () => {
-      z(), c.value === d.value || d.value - c.value < 1 ? s.value = !1 : (s.value = !0, v.value && clearTimeout(v.value)), n.errorMode === "overlay" && (V.value = !0);
+    }), d = u(), R = () => {
+      w(), c.value === v.value || v.value - c.value < 1 ? i.value = !1 : (i.value = !0, d.value && clearTimeout(d.value)), n.errorMode === "overlay" && (V.value = !0);
     }, A = () => {
-      v.value = setTimeout(() => {
-        n.errorMode === "overlay" ? V.value = !1 : s.value = !1;
+      d.value = setTimeout(() => {
+        n.errorMode === "overlay" ? V.value = !1 : i.value = !1;
       }, 200);
     }, ee = () => {
       var e, t;
-      (e = i.value) == null || e.$el.addEventListener("mouseenter", R), (t = i.value) == null || t.$el.addEventListener("mouseleave", A);
+      (e = s.value) == null || e.$el.addEventListener("mouseenter", R), (t = s.value) == null || t.$el.addEventListener("mouseleave", A);
     }, te = () => {
       var e, t;
-      (e = i.value) == null || e.$el.removeEventListener("mouseenter", R), (t = i.value) == null || t.$el.removeEventListener("mouseleave", A);
+      (e = s.value) == null || e.$el.removeEventListener("mouseenter", R), (t = s.value) == null || t.$el.removeEventListener("mouseleave", A);
     }, Z = () => {
-      y.value || O(() => {
+      y.value || U(() => {
         var p, b, h;
         const e = (p = o.value) == null ? void 0 : p.querySelector(".el-input__inner");
         e && (e.addEventListener("mouseenter", N), e.addEventListener("mouseleave", P));
         const t = (b = o.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
-        t && (t.addEventListener("mouseenter", D), t.addEventListener("mouseleave", q));
-        const u = (h = o.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
-        u && (u.addEventListener("mouseenter", W), u.addEventListener("mouseleave", C));
+        t && (t.addEventListener("mouseenter", q), t.addEventListener("mouseleave", D));
+        const a = (h = o.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
+        a && (a.addEventListener("mouseenter", W), a.addEventListener("mouseleave", C));
       });
-    }, F = () => {
+    }, H = () => {
       var p, b, h;
       const e = (p = o.value) == null ? void 0 : p.querySelector(".el-input__inner");
       e && (e.removeEventListener("mouseenter", N), e.removeEventListener("mouseleave", P));
       const t = (b = o.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
-      t && (t.removeEventListener("mouseenter", D), t.removeEventListener("mouseleave", q));
-      const u = (h = o.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
-      u && (u.removeEventListener("mouseenter", W), u.removeEventListener("mouseleave", C));
+      t && (t.removeEventListener("mouseenter", q), t.removeEventListener("mouseleave", D));
+      const a = (h = o.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
+      a && (a.removeEventListener("mouseenter", W), a.removeEventListener("mouseleave", C));
     };
     return M(
       () => y.value,
       (e) => {
         if (e) {
           if (n.controlsPosition === "right") return;
-          F();
+          H();
         } else {
           if (n.controlsPosition === "right") return;
           Z();
@@ -158,16 +158,16 @@ const Me = {
       }
     ), le(() => {
       ee(), n.controlsPosition !== "right" && Z();
-    }), ue(() => {
-      te(), n.controlsPosition !== "right" && F();
-    }), I({
-      $elInputNumber: i
-    }), (e, t) => (g(), T(
+    }), ae(() => {
+      te(), n.controlsPosition !== "right" && H();
+    }), g({
+      $elInputNumber: s
+    }), (e, t) => (x(), T(
       "div",
       {
         ref_key: "$inputNumber",
         ref: o,
-        class: ae([
+        class: ue([
           "das-ui-input-number",
           r.controlsPosition === "" ? "default" : r.baseLine ? "base-line" : "controls-right",
           r.isView ? "is-view" : "",
@@ -177,24 +177,24 @@ const Me = {
         ])
       },
       [
-        x(" 这里tooltip不能使用v-model:visible 有响应问题 "),
-        K(k(ye), {
+        I(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        O(k(he), {
           ref_key: "inputTooltipRef",
-          ref: w,
+          ref: z,
           effect: "light",
           placement: "top",
           manual: !0,
-          visible: s.value,
+          visible: i.value,
           disabled: r.disabledTooltip,
-          content: G.value
+          content: String(G.value)
         }, {
-          default: ie(() => [
-            K(k(Le), se({
+          default: se(() => [
+            O(k(be), ie({
               ref_key: "$elInputNumber",
-              ref: i,
+              ref: s,
               class: { "das-input-number-error": r.error },
               modelValue: l.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (u) => l.value = u),
+              "onUpdate:modelValue": t[0] || (t[0] = (a) => l.value = a),
               readonly: y.value,
               "controls-position": r.controlsPosition,
               placeholder: E.value
@@ -208,59 +208,47 @@ const Me = {
           _: 1
           /* STABLE */
         }, 8, ["visible", "disabled", "content"]),
-        r.error && r.errorLabel ? (g(), T(
+        r.error && r.errorLabel ? (x(), T(
           ce,
           { key: 0 },
           [
-            r.errorMode === "default" ? (g(), T("div", Me, [
-              de(
+            r.errorMode === "default" ? (x(), T("div", Ee, [
+              ve(
                 "span",
                 {
-                  style: ve(_.value)
+                  style: de(_.value)
                 },
                 fe(r.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : x("v-if", !0),
-            r.errorMode === "overlay" && V.value ? (g(), me(k(Ee), {
+            ])) : I("v-if", !0),
+            r.errorMode === "overlay" && V.value ? (x(), me(k(Le), {
               key: 1,
               errorLabel: r.errorLabel,
               getEl: () => {
-                var u;
-                return (u = i.value) == null ? void 0 : u.$el;
+                var a;
+                return (a = s.value) == null ? void 0 : a.$el;
               },
               errorModelZIndex: r.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : x("v-if", !0)
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : I("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : x("v-if", !0)
+        )) : I("v-if", !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), Ie = (r, I) => {
+}), xe = (r, g) => {
   const L = r.__vccOpts || r;
-  for (const [n, m] of I)
+  for (const [n, m] of g)
     L[n] = m;
   return L;
-}, Se = /* @__PURE__ */ Ie(xe, [["__scopeId", "data-v-d059c64f"]]), Ve = {
-  "--das-ui-input-number-border-view-color": "#E5E5E5",
-  "--das-ui-input-number-color": "#212121",
-  "--das-ui-input-number-border-color": "#D9D9D9",
-  "--das-ui-input-number-button-color": "#666666",
-  "--das-ui-input-number-button-bg-color": "#ffffff",
-  "--das-ui-input-number-active-color": "#5582F3",
-  "--das-ui-input-number-disabled-color": "#B2B2B2",
-  "--das-ui-input-number-overlay-error-color": "#FB2323",
-  "--das-ui-input-number-default-placeholder-color": "#B2B2B2"
-};
-he(Ve);
-const qe = pe(Se), We = () => a(null), Ce = { name: "input-number 步进器" };
+}, Ie = /* @__PURE__ */ xe(Me, [["__scopeId", "data-v-587a7585"]]), we = pe(Ie), Ne = () => u(null), Pe = { name: "input-number 步进器" };
 export {
-  qe as DasInputNumber,
-  We as DasInputNumberRef,
-  Ce as default
+  we as DasInputNumber,
+  Ne as DasInputNumberRef,
+  Pe as default
 };

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

@@ -22,9 +22,9 @@ declare const _default: import("vue").DefineComponent<Props & {
     disabled: boolean;
     modelValue: number;
     isView: boolean;
+    errorLabel: string;
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
-    errorLabel: string;
     controlsPosition: "" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/packages/components/input-number/src/type.d.ts

@@ -42,6 +42,8 @@ export interface Props {
 
   
   disabledTooltip?: boolean
+
+  formSize?: 'small' | 'default' | 'large'
 }
 
 export interface Emits {

package/packages/components/input-number/style.css

@@ -1 +1 @@
-@charset "UTF-8";.das-ui-input-number[data-v-d059c64f]{position:relative}.das-ui-input-number[data-v-d059c64f] .el-input-number .el-input{font-size:14px}.das-ui-input-number[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--das-ui-input-number-color)}.das-ui-input-number[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:14px;color:var(--das-ui-input-number-default-placeholder-color)}.das-ui-input-number.size-table[data-v-d059c64f] .el-input-number .el-input{font-size:12px}.das-ui-input-number.size-table[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:12px}.das-ui-input-number.default[data-v-d059c64f]{box-sizing:border-box}.das-ui-input-number.default[data-v-d059c64f] .el-input-number{width:var(--v3d2a86ca);height:var(--v321ddcf2)}.das-ui-input-number.default[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.default[data-v-d059c64f] .el-input-number .el-input-number__increase{width:27px!important;color:var(--das-ui-input-number-button-color);background-color:var(--das-ui-input-number-button-bg-color)}.das-ui-input-number.default[data-v-d059c64f] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.default[data-v-d059c64f] .el-input-number .el-input-number__increase.is-disabled{color:var(--das-ui-input-number-disabled-color)}.das-ui-input-number.default[data-v-d059c64f] .el-input-number .el-input-number__decrease.is-disabled:hover,.das-ui-input-number.default[data-v-d059c64f] .el-input-number .el-input-number__increase.is-disabled:hover{border:1px solid var(--das-ui-input-number-border-color)!important}.das-ui-input-number.default[data-v-d059c64f] .el-input-number .el-input{line-height:var(--v321ddcf2)}.das-ui-input-number.default[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper{height:var(--v321ddcf2);border:1px solid var(--das-ui-input-number-border-color);box-shadow:none;padding-left:26px;padding-right:26px;box-sizing:border-box}.das-ui-input-number.default[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:var(--v321ddcf2);box-sizing:border-box}.das-ui-input-number.default.input-inner-hover[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.input-inner-hover[data-v-d059c64f] .el-input-number .el-input-number__increase{border:1px solid var(--das-ui-input-number-border-color)}.das-ui-input-number.default.input-inner-hover[data-v-d059c64f] .el-input-number .el-input-number__decrease{border-right:1px solid var(--das-ui-input-number-active-color)!important}.das-ui-input-number.default.input-inner-hover[data-v-d059c64f] .el-input-number .el-input-number__increase{border-left:1px solid var(--das-ui-input-number-active-color)!important}.das-ui-input-number.default.input-inner-hover[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.input-inner-hover[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper .el-input__inner{border-top:1px solid var(--das-ui-input-number-active-color);border-bottom:1px solid var(--das-ui-input-number-active-color)}.das-ui-input-number.default.decrease-btn-hover[data-v-d059c64f] .el-input-number .el-input-number__decrease{border:1px solid var(--das-ui-input-number-active-color)}.das-ui-input-number.default.decrease-btn-hover[data-v-d059c64f] .el-input-number .el-input-number__increase{border:1px solid var(--das-ui-input-number-border-color)!important}.das-ui-input-number.default.decrease-btn-hover[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.decrease-btn-hover[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper .el-input__inner{border-top:1px solid var(--das-ui-input-number-border-color);border-bottom:1px solid var(--das-ui-input-number-border-color)}.das-ui-input-number.default.increase-btn-hover[data-v-d059c64f] .el-input-number .el-input-number__increase{border:1px solid var(--das-ui-input-number-active-color)}.das-ui-input-number.default.increase-btn-hover[data-v-d059c64f] .el-input-number .el-input-number__decrease{border:1px solid var(--das-ui-input-number-border-color)!important}.das-ui-input-number.default.increase-btn-hover[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.increase-btn-hover[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper .el-input__inner{border-top:1px solid var(--das-ui-input-number-border-color);border-bottom:1px solid var(--das-ui-input-number-border-color)}.das-ui-input-number.default.input-inner-hover[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.input-inner-hover[data-v-d059c64f] .el-input-number .el-input-number__increase,.das-ui-input-number.default.decrease-btn-hover[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.decrease-btn-hover[data-v-d059c64f] .el-input-number .el-input-number__increase,.das-ui-input-number.default.increase-btn-hover[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.increase-btn-hover[data-v-d059c64f] .el-input-number .el-input-number__increase{width:var(--v321ddcf2)!important;height:var(--v321ddcf2);top:0}.das-ui-input-number.default.input-inner-hover[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.decrease-btn-hover[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.increase-btn-hover[data-v-d059c64f] .el-input-number .el-input-number__decrease{left:0}.das-ui-input-number.default.input-inner-hover[data-v-d059c64f] .el-input-number .el-input-number__increase,.das-ui-input-number.default.decrease-btn-hover[data-v-d059c64f] .el-input-number .el-input-number__increase,.das-ui-input-number.default.increase-btn-hover[data-v-d059c64f] .el-input-number .el-input-number__increase{right:0}.das-ui-input-number.default.is-disabled[data-v-d059c64f] .el-input-number .el-input__inner,.das-ui-input-number.default.is-disabled[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.is-disabled[data-v-d059c64f] .el-input-number .el-input-number__increase{cursor:not-allowed;color:var(--das-ui-input-number-disabled-color)}.das-ui-input-number.default.is-view[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper{border-color:var(--das-ui-input-number-border-view-color)}.das-ui-input-number.default.is-view[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.is-view[data-v-d059c64f] .el-input-number .el-input-number__increase{display:none}.das-ui-input-number.controls-right[data-v-d059c64f] .el-input-number{width:var(--v3d2a86ca);height:var(--v321ddcf2);box-sizing:border-box}.das-ui-input-number.controls-right[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right[data-v-d059c64f] .el-input-number .el-input-number__increase{visibility:hidden;width:16px;height:50%;box-sizing:border-box;color:var(--das-ui-input-number-button-color);background-color:var(--das-ui-input-number-button-bg-color)}.das-ui-input-number.controls-right[data-v-d059c64f] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.controls-right[data-v-d059c64f] .el-input-number .el-input-number__increase.is-disabled{color:var(--das-ui-input-number-disabled-color)}.das-ui-input-number.controls-right[data-v-d059c64f] .el-input-number:hover .el-input-number__decrease,.das-ui-input-number.controls-right[data-v-d059c64f] .el-input-number:hover .el-input-number__increase{visibility:visible}.das-ui-input-number.controls-right[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper{height:var(--v321ddcf2);padding-left:8px;padding-right:16px}.das-ui-input-number.controls-right[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--das-ui-input-number-active-color) inset}.das-ui-input-number.controls-right[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:calc(var(--v321ddcf2) - 2px);text-align:left;box-sizing:border-box}.das-ui-input-number.controls-right.is-disabled[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right.is-disabled[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper.is-focus,.das-ui-input-number.controls-right.is-view[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right.is-view[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--das-ui-input-number-border-view-color) inset}.das-ui-input-number.controls-right.is-disabled[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right.is-disabled[data-v-d059c64f] .el-input-number .el-input-number__increase,.das-ui-input-number.controls-right.is-view[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right.is-view[data-v-d059c64f] .el-input-number .el-input-number__increase{visibility:hidden}.das-ui-input-number.controls-right.is-disabled[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper .el-input__inner{color:var(--das-ui-input-number-disabled-color);cursor:not-allowed}.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number{width:var(--v3d2a86ca);height:var(--v321ddcf2)}.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number .el-input-number__increase{visibility:hidden;width:16px;height:50%;box-sizing:border-box;color:var(--das-ui-input-number-button-color);background-color:var(--das-ui-input-number-button-bg-color);border:none}.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number .el-input-number__decrease:hover,.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number .el-input-number__increase:hover{color:var(--das-ui-input-number-active-color)}.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number .el-input-number__increase.is-disabled{color:var(--das-ui-input-number-disabled-color)}.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper{height:var(--v321ddcf2);padding-left:0;padding-right:24px;box-shadow:none;border-bottom:1px solid var(--das-ui-color-help);border-radius:0}.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper.is-focus{border-color:var(--das-ui-input-number-active-color)}.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:calc(var(--v321ddcf2) - 2px);text-align:left;box-sizing:border-box}.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number:hover .el-input-number__decrease,.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number:hover .el-input-number__increase{visibility:visible}.das-ui-input-number.base-line.is-disabled[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line.is-disabled[data-v-d059c64f] .el-input-number .el-input-number__increase,.das-ui-input-number.base-line.is-view[data-v-d059c64f] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line.is-view[data-v-d059c64f] .el-input-number .el-input-number__increase{visibility:hidden}.das-ui-input-number.base-line.is-disabled[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper,.das-ui-input-number.base-line.is-view[data-v-d059c64f] .el-input-number .el-input .el-input__wrapper{border-bottom:1px solid var(--das-ui-input-number-border-view-color)}.das-ui-input-number.base-line.is-disabled[data-v-d059c64f] .el-input-number .el-input__wrapper .el-input__inner{cursor:not-allowed}.das-ui-input-number[data-v-d059c64f]:not(.base-line) .el-input-number.das-input-number-error .el-input__wrapper{border:1px solid var(--das-ui-input-error-color)!important;box-shadow:none!important}.das-ui-input-number.base-line[data-v-d059c64f] .el-input-number.das-input-number-error .el-input__wrapper{border-bottom:1px solid var(--das-ui-input-error-color)!important}.das-ui-input-number .das-input-number-error-label-content[data-v-d059c64f]{width:var(--v3d2a86ca);font-size:12px}.das-ui-input-number .das-input-number-error-label-content .label[data-v-d059c64f]{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-input-number .das-input-number-overlay-error-label-content[data-v-d059c64f]{position:absolute;top:100%;left:0;width:var(--v3d2a86ca)}.das-ui-input-number.is-view[data-v-d059c64f] .el-input .el-input__inner{cursor:default}
+@charset "UTF-8";.das-ui-input-number[data-v-587a7585]{position:relative}.das-ui-input-number[data-v-587a7585] .el-input-number .el-input{font-size:14px}.das-ui-input-number[data-v-587a7585] .el-input-number .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--upf-text-primary)}.das-ui-input-number[data-v-587a7585] .el-input-number .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:14px;color:var(--upf-text-placeholder)}.das-ui-input-number.size-table[data-v-587a7585] .el-input-number .el-input{font-size:12px}.das-ui-input-number.size-table[data-v-587a7585] .el-input-number .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:12px}.das-ui-input-number.default[data-v-587a7585]{box-sizing:border-box}.das-ui-input-number.default[data-v-587a7585] .el-input-number{width:var(--v4683fdc8);height:var(--v702cc165)}.das-ui-input-number.default[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.default[data-v-587a7585] .el-input-number .el-input-number__increase{width:27px!important;color:var(--upf-text-secondary);background-color:var(--upf-bg-primary)}.das-ui-input-number.default[data-v-587a7585] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.default[data-v-587a7585] .el-input-number .el-input-number__increase.is-disabled{color:var(--upf-text-disabled)}.das-ui-input-number.default[data-v-587a7585] .el-input-number .el-input-number__decrease.is-disabled:hover,.das-ui-input-number.default[data-v-587a7585] .el-input-number .el-input-number__increase.is-disabled:hover{border:1px solid var(--upf-border-color)!important}.das-ui-input-number.default[data-v-587a7585] .el-input-number .el-input{line-height:var(--v702cc165)}.das-ui-input-number.default[data-v-587a7585] .el-input-number .el-input .el-input__wrapper{height:var(--v702cc165);border:1px solid var(--upf-border-color);box-shadow:none;padding-left:26px;padding-right:26px;box-sizing:border-box}.das-ui-input-number.default[data-v-587a7585] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:var(--v702cc165);box-sizing:border-box}.das-ui-input-number.default.input-inner-hover[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.input-inner-hover[data-v-587a7585] .el-input-number .el-input-number__increase{border:1px solid var(--upf-border-color)}.das-ui-input-number.default.input-inner-hover[data-v-587a7585] .el-input-number .el-input-number__decrease{border-right:1px solid var(--upf-color-primary)!important}.das-ui-input-number.default.input-inner-hover[data-v-587a7585] .el-input-number .el-input-number__increase{border-left:1px solid var(--upf-color-primary)!important}.das-ui-input-number.default.input-inner-hover[data-v-587a7585] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.input-inner-hover[data-v-587a7585] .el-input-number .el-input .el-input__wrapper .el-input__inner{border-top:1px solid var(--upf-color-primary);border-bottom:1px solid var(--upf-color-primary)}.das-ui-input-number.default.decrease-btn-hover[data-v-587a7585] .el-input-number .el-input-number__decrease{border:1px solid var(--upf-color-primary)}.das-ui-input-number.default.decrease-btn-hover[data-v-587a7585] .el-input-number .el-input-number__increase{border:1px solid var(--upf-border-color)!important}.das-ui-input-number.default.decrease-btn-hover[data-v-587a7585] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.decrease-btn-hover[data-v-587a7585] .el-input-number .el-input .el-input__wrapper .el-input__inner{border-top:1px solid var(--upf-border-color);border-bottom:1px solid var(--upf-border-color)}.das-ui-input-number.default.increase-btn-hover[data-v-587a7585] .el-input-number .el-input-number__increase{border:1px solid var(--upf-color-primary)}.das-ui-input-number.default.increase-btn-hover[data-v-587a7585] .el-input-number .el-input-number__decrease{border:1px solid var(--upf-border-color)!important}.das-ui-input-number.default.increase-btn-hover[data-v-587a7585] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.increase-btn-hover[data-v-587a7585] .el-input-number .el-input .el-input__wrapper .el-input__inner{border-top:1px solid var(--upf-border-color);border-bottom:1px solid var(--upf-border-color)}.das-ui-input-number.default.input-inner-hover[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.input-inner-hover[data-v-587a7585] .el-input-number .el-input-number__increase,.das-ui-input-number.default.decrease-btn-hover[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.decrease-btn-hover[data-v-587a7585] .el-input-number .el-input-number__increase,.das-ui-input-number.default.increase-btn-hover[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.increase-btn-hover[data-v-587a7585] .el-input-number .el-input-number__increase{width:var(--v702cc165)!important;height:var(--v702cc165);top:0}.das-ui-input-number.default.input-inner-hover[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.decrease-btn-hover[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.increase-btn-hover[data-v-587a7585] .el-input-number .el-input-number__decrease{left:0}.das-ui-input-number.default.input-inner-hover[data-v-587a7585] .el-input-number .el-input-number__increase,.das-ui-input-number.default.decrease-btn-hover[data-v-587a7585] .el-input-number .el-input-number__increase,.das-ui-input-number.default.increase-btn-hover[data-v-587a7585] .el-input-number .el-input-number__increase{right:0}.das-ui-input-number.default.is-disabled[data-v-587a7585] .el-input-number .el-input__inner,.das-ui-input-number.default.is-disabled[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.is-disabled[data-v-587a7585] .el-input-number .el-input-number__increase{cursor:not-allowed;color:var(--upf-text-disabled)}.das-ui-input-number.default.is-view[data-v-587a7585] .el-input-number .el-input .el-input__wrapper{border-color:var(--upf-divider-color)}.das-ui-input-number.default.is-view[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.is-view[data-v-587a7585] .el-input-number .el-input-number__increase{display:none}.das-ui-input-number.controls-right[data-v-587a7585] .el-input-number{width:var(--v4683fdc8);height:var(--v702cc165);box-sizing:border-box}.das-ui-input-number.controls-right[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right[data-v-587a7585] .el-input-number .el-input-number__increase{visibility:hidden;width:16px;height:50%;box-sizing:border-box;color:var(--upf-text-secondary);background-color:var(--upf-bg-primary)}.das-ui-input-number.controls-right[data-v-587a7585] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.controls-right[data-v-587a7585] .el-input-number .el-input-number__increase.is-disabled{color:var(--upf-text-disabled)}.das-ui-input-number.controls-right[data-v-587a7585] .el-input-number:hover .el-input-number__decrease,.das-ui-input-number.controls-right[data-v-587a7585] .el-input-number:hover .el-input-number__increase{visibility:visible}.das-ui-input-number.controls-right[data-v-587a7585] .el-input-number .el-input .el-input__wrapper{height:var(--v702cc165);padding-left:8px;padding-right:16px}.das-ui-input-number.controls-right[data-v-587a7585] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right[data-v-587a7585] .el-input-number .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--upf-color-primary) inset}.das-ui-input-number.controls-right[data-v-587a7585] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:calc(var(--v702cc165) - 2px);text-align:left;box-sizing:border-box}.das-ui-input-number.controls-right.is-disabled[data-v-587a7585] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right.is-disabled[data-v-587a7585] .el-input-number .el-input .el-input__wrapper.is-focus,.das-ui-input-number.controls-right.is-view[data-v-587a7585] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right.is-view[data-v-587a7585] .el-input-number .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--upf-divider-color) inset}.das-ui-input-number.controls-right.is-disabled[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right.is-disabled[data-v-587a7585] .el-input-number .el-input-number__increase,.das-ui-input-number.controls-right.is-view[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right.is-view[data-v-587a7585] .el-input-number .el-input-number__increase{visibility:hidden}.das-ui-input-number.controls-right.is-disabled[data-v-587a7585] .el-input-number .el-input .el-input__wrapper .el-input__inner{color:var(--upf-text-disabled);cursor:not-allowed}.das-ui-input-number.base-line[data-v-587a7585] .el-input-number{width:var(--v4683fdc8);height:var(--v702cc165)}.das-ui-input-number.base-line[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line[data-v-587a7585] .el-input-number .el-input-number__increase{visibility:hidden;width:16px;height:50%;box-sizing:border-box;color:var(--upf-text-secondary);background-color:var(--upf-bg-primary);border:none}.das-ui-input-number.base-line[data-v-587a7585] .el-input-number .el-input-number__decrease:hover,.das-ui-input-number.base-line[data-v-587a7585] .el-input-number .el-input-number__increase:hover{color:var(--upf-color-primary)}.das-ui-input-number.base-line[data-v-587a7585] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.base-line[data-v-587a7585] .el-input-number .el-input-number__increase.is-disabled{color:var(--upf-text-disabled)}.das-ui-input-number.base-line[data-v-587a7585] .el-input-number .el-input .el-input__wrapper{height:var(--v702cc165);padding-left:0;padding-right:24px;box-shadow:none;border-bottom:1px solid var(--upf-text-disabled);border-radius:0}.das-ui-input-number.base-line[data-v-587a7585] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.base-line[data-v-587a7585] .el-input-number .el-input .el-input__wrapper.is-focus{border-color:var(--upf-color-primary)}.das-ui-input-number.base-line[data-v-587a7585] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:calc(var(--v702cc165) - 2px);text-align:left;box-sizing:border-box}.das-ui-input-number.base-line[data-v-587a7585] .el-input-number:hover .el-input-number__decrease,.das-ui-input-number.base-line[data-v-587a7585] .el-input-number:hover .el-input-number__increase{visibility:visible}.das-ui-input-number.base-line.is-disabled[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line.is-disabled[data-v-587a7585] .el-input-number .el-input-number__increase,.das-ui-input-number.base-line.is-view[data-v-587a7585] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line.is-view[data-v-587a7585] .el-input-number .el-input-number__increase{visibility:hidden}.das-ui-input-number.base-line.is-disabled[data-v-587a7585] .el-input-number .el-input .el-input__wrapper,.das-ui-input-number.base-line.is-view[data-v-587a7585] .el-input-number .el-input .el-input__wrapper{border-bottom:1px solid var(--upf-divider-color)}.das-ui-input-number.base-line.is-disabled[data-v-587a7585] .el-input-number .el-input__wrapper .el-input__inner{cursor:not-allowed}.das-ui-input-number[data-v-587a7585]:not(.base-line) .el-input-number.das-input-number-error .el-input__wrapper{border:1px solid var(--upf-color-error)!important;box-shadow:none!important}.das-ui-input-number.base-line[data-v-587a7585] .el-input-number.das-input-number-error .el-input__wrapper{border-bottom:1px solid var(--upf-color-error)!important}.das-ui-input-number .das-input-number-error-label-content[data-v-587a7585]{width:var(--v4683fdc8);font-size:12px}.das-ui-input-number .das-input-number-error-label-content .label[data-v-587a7585]{display:block;color:var(--upf-color-error);white-space:break-spaces}.das-ui-input-number .das-input-number-overlay-error-label-content[data-v-587a7585]{position:absolute;top:100%;left:0;width:var(--v4683fdc8)}.das-ui-input-number.is-view[data-v-587a7585] .el-input .el-input__inner{cursor:default}