@das-fed/ui 6.4.0-dev.93 → 6.4.0-dev.95

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

@@ -1,20 +1,21 @@
 import '@das-fed/ui/packages/components/input-number/style.css';
-import { defineComponent as Ee, mergeModels as oe, useCssVars as Be, ref as u, computed as d, useModel as Me, watch as k, onMounted as xe, onBeforeUnmount as Se, openBlock as h, createElementBlock as E, normalizeClass as Te, createVNode as ne, unref as re, withCtx as Ve, mergeProps as Ie, Fragment as le, createElementVNode as _, normalizeStyle as B, toDisplayString as N, createBlock as ke, Teleport as _e, createCommentVNode as ue, nextTick as ae } from "vue";
-import { withInstall as we } from "@das-fed/utils/with-install/index";
-import { getVarValue as se, setThemeRule as He } from "@das-fed/web/packages/theme/index";
-import { ElInputNumber as $e } from "element-plus";
+import { defineComponent as te, mergeModels as H, useCssVars as oe, ref as l, computed as v, useModel as re, watch as g, onMounted as ne, onBeforeUnmount as le, openBlock as T, createElementBlock as I, normalizeClass as ue, createVNode as K, unref as _, withCtx as ae, mergeProps as se, Fragment as ie, createElementVNode as ce, normalizeStyle as de, toDisplayString as ve, createCommentVNode as k, createBlock as fe, nextTick as O } from "vue";
+import { withInstall as pe } from "@das-fed/utils/with-install/index";
+import { getVarValue as me, setThemeRule as be } from "@das-fed/web/packages/theme/index";
+import { ElInputNumber as he } from "element-plus";
 import "element-plus/es/components/input-number/style/css";
-import { DasTooltip as Pe } from "@das-fed/ui/packages/components/tooltip/index";
-import { calcTextWidth as ze } from "@das-fed/utils/common-tools";
-const Ne = {
+import { DasTooltip as Le } from "@das-fed/ui/packages/components/tooltip/index";
+import { DasErrorOverlayModel as ye } from "@das-fed/ui/packages/components/error-overlay-model/index";
+import { calcTextWidth as Ee } from "@das-fed/utils/common-tools";
+const Be = {
   key: 0,
   class: "das-input-number-error-label-content"
-}, Ce = {
+}, ge = {
   inheritAttrs: !1
-}, De = /* @__PURE__ */ Ee({
-  ...Ce,
+}, Te = /* @__PURE__ */ te({
+  ...ge,
   __name: "App",
-  props: /* @__PURE__ */ oe({
+  props: /* @__PURE__ */ H({
     modelValue: { default: 0 },
     placeholder: {},
     size: { default: "default" },
@@ -34,169 +35,130 @@ const Ne = {
     modelValue: { type: Number, default: 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ oe(["update:modelValue", "input", "change"], ["update:modelValue"]),
-  setup(y, { expose: w, emit: M }) {
-    Be((e) => ({
-      "62c95a11": de.value,
-      "46da2388": ce.value
+  emits: /* @__PURE__ */ H(["update:modelValue", "input", "change"], ["update:modelValue"]),
+  setup(f, { expose: V, emit: L }) {
+    oe((e) => ({
+      "79a2d4b1": U.value,
+      be2e70c8: x.value
     }));
-    const o = y, L = M, n = u(null), a = u(null), C = u(null), ie = u(null), x = d(() => o.isView || o.disabled), r = Me(y, "modelValue"), S = d(() => x.value ? o.noSetDefaultVal ? "" : "-" : o.placeholder ?? ""), de = d(() => o.width ? o.width : o.controlsPosition ? o.baseLine ? "230px" : "80px" : "100px"), ce = d(() => {
+    const o = f, p = L, r = l(null), a = l(null), w = l(null), y = v(() => o.isView || o.disabled), n = re(f, "modelValue"), E = v(() => y.value ? o.noSetDefaultVal ? "" : "-" : o.placeholder ?? ""), U = v(() => o.width ? o.width : o.controlsPosition ? o.baseLine ? "230px" : "80px" : "100px"), x = v(() => {
       if (o.size === "default")
         return o.controlsPosition === "right" && o.baseLine ? "25px" : "28px";
       if (o.size === "table") return "30px";
-    }), c = u(!1), ve = d(
-      () => !r.value && typeof r.value != "number" ? S.value : r.value
-    ), T = d(() => {
+    }), s = l(!1), Z = 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;
-    }), D = () => {
+    }), $ = () => {
       const e = o.size === "table" ? 12 : 14;
-      return ze(S.value, e);
-    }, f = u(0), m = u(0);
-    k(
-      () => T.value,
+      return Ee(E.value, e);
+    }, i = l(0), c = l(0);
+    g(
+      () => B.value,
       (e) => {
         setTimeout(() => {
           const t = e;
-          t && (f.value = (t == null ? void 0 : t.offsetWidth) ?? 0, m.value = !r.value && typeof r.value != "number" ? D() : t == null ? void 0 : t.scrollWidth);
+          t && (i.value = (t == null ? void 0 : t.offsetWidth) ?? 0, c.value = !n.value && typeof n.value != "number" ? $() : t == null ? void 0 : t.scrollWidth);
         }, 200);
       }
-    ), k(() => [r.value, S.value], () => {
-      ae(() => {
+    ), g(() => [n.value, E.value], () => {
+      O(() => {
         var e, t;
-        T.value && (f.value = ((e = T.value) == null ? void 0 : e.offsetWidth) ?? 0, m.value = !r.value && typeof r.value != "number" ? D() : (t = T.value) == null ? void 0 : t.scrollWidth, (f.value === m.value || m.value - f.value < 1) && (c.value = !1));
+        B.value && (i.value = ((e = B.value) == null ? void 0 : e.offsetWidth) ?? 0, c.value = !n.value && typeof n.value != "number" ? $() : (t = B.value) == null ? void 0 : t.scrollWidth, (i.value === c.value || c.value - i.value < 1) && (s.value = !1));
       });
-    }), k(
+    }), g(
       () => {
         var e;
-        return (e = C.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = w.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          c.value = !0, b.value && clearTimeout(b.value);
+          s.value = !0, d.value && clearTimeout(d.value);
         }), e.addEventListener("mouseleave", function() {
-          b.value = setTimeout(() => {
-            c.value = !1;
+          d.value = setTimeout(() => {
+            s.value = !1;
           }, 200);
         }));
       }
     );
-    const pe = (e) => {
+    const j = (e) => {
       const t = e.code;
       return ["KeyE", "Equal", "Minus"].includes(t) ? (e.returnValue = !1, !1) : !0;
-    }, fe = (e) => {
-      !e && e !== 0 && (r.value = e), L("input", e);
-    }, me = (e, t) => {
-      L("change", e, t);
-    }, H = u(r.value), be = () => {
-      H.value !== r.value && (L("change", r.value, H.value), H.value = r.value);
-    }, W = () => {
-      o.error || n.value.classList.add("input-inner-hover");
+    }, G = (e) => {
+      !e && e !== 0 && (n.value = e), p("input", e);
+    }, J = (e, t) => {
+      p("change", e, t);
+    }, M = l(n.value), Q = () => {
+      M.value !== n.value && (p("change", n.value, M.value), M.value = n.value);
+    }, N = () => {
+      o.error || r.value.classList.add("input-inner-hover");
+    }, P = () => {
+      r.value.classList.contains("input-inner-hover") && r.value.classList.remove("input-inner-hover");
+    }, D = () => {
+      o.error || r.value.classList.add("decrease-btn-hover");
+    }, z = () => {
+      r.value.classList.contains("decrease-btn-hover") && r.value.classList.remove("decrease-btn-hover");
     }, q = () => {
-      n.value.classList.contains("input-inner-hover") && n.value.classList.remove("input-inner-hover");
-    }, R = () => {
-      o.error || n.value.classList.add("decrease-btn-hover");
-    }, F = () => {
-      n.value.classList.contains("decrease-btn-hover") && n.value.classList.remove("decrease-btn-hover");
-    }, A = () => {
-      o.error || n.value.classList.add("increase-btn-hover");
-    }, K = () => {
-      n.value.classList.contains("increase-btn-hover") && n.value.classList.remove("increase-btn-hover");
-    }, V = u(!1), g = u({
-      x: 0,
-      y: 0
-    }), $ = u(0), P = d(() => ({
-      "font-size": "12px",
-      "background-color": se("--das-ui-color-overlay-error").value,
-      "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
-      "border-radius": "1px",
-      padding: "2px 8px",
-      "box-sizing": "border-box",
-      "z-index": o.errorModelZIndex
-      // 'word-break': 'break-all',
-    })), he = d(() => ({
-      ...P.value,
-      width: $.value + "px",
-      position: "fixed",
-      visibility: "visible",
-      top: g.value.y + "px",
-      left: g.value.x + "px"
-    })), I = u({
+      o.error || r.value.classList.add("increase-btn-hover");
+    }, W = () => {
+      r.value.classList.contains("increase-btn-hover") && r.value.classList.remove("increase-btn-hover");
+    }, S = l(!1), X = l({
       display: "block",
-      color: se("--das-ui-input-error-color").value,
+      color: me("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
-    }), ye = () => {
-      var J, Q, X, Y;
-      const e = () => {
-        var i = document.createElement("div");
-        for (let [z, te] of Object.entries({
-          ...P.value,
-          ...I.value,
-          width: $.value + "px"
-        }))
-          i.style[z] = te;
-        i.textContent = o.errorLabel, document.body.appendChild(i);
-        const ee = i.offsetHeight;
-        return document.body.removeChild(i), ee;
-      }, t = () => {
-        const i = document.documentElement.clientHeight, z = document.documentElement.scrollHeight - i;
-        return i - z;
-      };
-      $.value = (Q = (J = a.value) == null ? void 0 : J.$el) == null ? void 0 : Q.clientWidth;
-      const { top: l = 0, left: v = 0, height: s = 0 } = ((Y = (X = a.value) == null ? void 0 : X.$el) == null ? void 0 : Y.getBoundingClientRect()) ?? {}, p = t(), G = e();
-      l + s + G > p ? g.value.y = l - G : g.value.y = l + s, g.value.x = v;
-    }, b = u(), O = () => {
-      f.value === m.value || m.value - f.value < 1 ? c.value = !1 : (c.value = !0, b.value && clearTimeout(b.value)), o.errorMode === "overlay" && (ye(), V.value = !0);
-    }, U = () => {
-      b.value = setTimeout(() => {
-        o.errorMode === "overlay" ? V.value = !1 : c.value = !1;
+    }), d = l(), C = () => {
+      i.value === c.value || c.value - i.value < 1 ? s.value = !1 : (s.value = !0, d.value && clearTimeout(d.value)), o.errorMode === "overlay" && (S.value = !0);
+    }, R = () => {
+      d.value = setTimeout(() => {
+        o.errorMode === "overlay" ? S.value = !1 : s.value = !1;
       }, 200);
-    }, Le = () => {
+    }, Y = () => {
       var e, t;
-      (e = a.value) == null || e.$el.addEventListener("mouseenter", O), (t = a.value) == null || t.$el.addEventListener("mouseleave", U);
-    }, ge = () => {
+      (e = a.value) == null || e.$el.addEventListener("mouseenter", C), (t = a.value) == null || t.$el.addEventListener("mouseleave", R);
+    }, ee = () => {
       var e, t;
-      (e = a.value) == null || e.$el.removeEventListener("mouseenter", O), (t = a.value) == null || t.$el.removeEventListener("mouseleave", U);
-    }, Z = () => {
-      x.value || ae(() => {
-        var v, s, p;
-        const e = (v = n.value) == null ? void 0 : v.querySelector(".el-input__inner");
-        e && (e.addEventListener("mouseenter", W), e.addEventListener("mouseleave", q));
-        const t = (s = n.value) == null ? void 0 : s.querySelector(".el-input-number__decrease");
-        t && (t.addEventListener("mouseenter", R), t.addEventListener("mouseleave", F));
-        const l = (p = n.value) == null ? void 0 : p.querySelector(".el-input-number__increase");
-        l && (l.addEventListener("mouseenter", A), l.addEventListener("mouseleave", K));
+      (e = a.value) == null || e.$el.removeEventListener("mouseenter", C), (t = a.value) == null || t.$el.removeEventListener("mouseleave", R);
+    }, A = () => {
+      y.value || O(() => {
+        var m, b, h;
+        const e = (m = r.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");
+        t && (t.addEventListener("mouseenter", D), t.addEventListener("mouseleave", z));
+        const u = (h = r.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
+        u && (u.addEventListener("mouseenter", q), u.addEventListener("mouseleave", W));
       });
-    }, j = () => {
-      var v, s, p;
-      const e = (v = n.value) == null ? void 0 : v.querySelector(".el-input__inner");
-      e && (e.removeEventListener("mouseenter", W), e.removeEventListener("mouseleave", q));
-      const t = (s = n.value) == null ? void 0 : s.querySelector(".el-input-number__decrease");
-      t && (t.removeEventListener("mouseenter", R), t.removeEventListener("mouseleave", F));
-      const l = (p = n.value) == null ? void 0 : p.querySelector(".el-input-number__increase");
-      l && (l.removeEventListener("mouseenter", A), l.removeEventListener("mouseleave", K));
+    }, F = () => {
+      var m, b, h;
+      const e = (m = r.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");
+      t && (t.removeEventListener("mouseenter", D), t.removeEventListener("mouseleave", z));
+      const u = (h = r.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
+      u && (u.removeEventListener("mouseenter", q), u.removeEventListener("mouseleave", W));
     };
-    return k(
-      () => x.value,
+    return g(
+      () => y.value,
       (e) => {
         if (e) {
           if (o.controlsPosition === "right") return;
-          j();
+          F();
         } else {
           if (o.controlsPosition === "right") return;
-          Z();
+          A();
         }
       }
-    ), xe(() => {
-      Le(), o.controlsPosition !== "right" && Z();
-    }), Se(() => {
-      ge(), o.controlsPosition !== "right" && j();
-    }), w({
+    ), ne(() => {
+      Y(), o.controlsPosition !== "right" && A();
+    }), le(() => {
+      ee(), o.controlsPosition !== "right" && F();
+    }), V({
       $elInputNumber: a
-    }), (e, t) => (h(), E("div", {
+    }), (e, t) => (T(), I("div", {
       ref_key: "$inputNumber",
-      ref: n,
-      class: Te([
+      ref: r,
+      class: ue([
         "das-ui-input-number",
         e.controlsPosition === "" ? "default" : e.baseLine ? "base-line" : "controls-right",
         e.isView ? "is-view" : "",
@@ -205,73 +167,55 @@ const Ne = {
         `size-${e.size}`
       ])
     }, [
-      ne(re(Pe), {
+      K(_(Le), {
         ref_key: "inputTooltipRef",
-        ref: C,
+        ref: w,
         effect: "light",
         placement: "top",
         manual: !0,
-        visible: c.value,
+        visible: s.value,
         disabled: e.disabledTooltip,
-        content: ve.value
+        content: Z.value
       }, {
-        default: Ve(() => [
-          ne(re($e), Ie({
+        default: ae(() => [
+          K(_(he), se({
             ref_key: "$elInputNumber",
             ref: a,
             class: { "das-input-number-error": e.error },
-            modelValue: r.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (l) => r.value = l),
-            readonly: x.value,
+            modelValue: n.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (u) => n.value = u),
+            readonly: y.value,
             "controls-position": e.controlsPosition,
-            placeholder: S.value
+            placeholder: E.value
           }, e.$attrs, {
-            onKeydown: pe,
-            onInput: fe,
-            onBlur: be,
-            onChange: me
+            onKeydown: j,
+            onInput: G,
+            onBlur: Q,
+            onChange: J
           }), null, 16, ["class", "modelValue", "readonly", "controls-position", "placeholder"])
         ]),
         _: 1
       }, 8, ["visible", "disabled", "content"]),
-      e.error && e.errorLabel ? (h(), E(le, { key: 0 }, [
-        e.errorMode === "default" ? (h(), E("div", Ne, [
-          _("span", {
-            style: B(I.value)
-          }, N(e.errorLabel), 5)
-        ])) : V.value ? (h(), E(le, { key: 1 }, [
-          V.value ? (h(), ke(_e, {
-            key: 0,
-            to: "body"
-          }, [
-            _("div", {
-              ref_key: "$errorModel",
-              ref: ie,
-              style: B(he.value)
-            }, [
-              _("span", {
-                style: B(I.value)
-              }, N(e.errorLabel), 5)
-            ], 4)
-          ])) : (h(), E("div", {
-            key: 1,
-            style: B(P.value),
-            class: "das-input-number-overlay-error-label-content"
-          }, [
-            _("span", {
-              style: B(I.value)
-            }, N(e.errorLabel), 5)
-          ], 4))
-        ], 64)) : ue("", !0)
-      ], 64)) : ue("", !0)
+      e.error && e.errorLabel ? (T(), I(ie, { key: 0 }, [
+        e.errorMode === "default" ? (T(), I("div", Be, [
+          ce("span", {
+            style: de(X.value)
+          }, ve(e.errorLabel), 5)
+        ])) : k("", !0),
+        e.errorMode === "overlay" && S.value ? (T(), fe(_(ye), {
+          key: 1,
+          errorLabel: e.errorLabel,
+          getEl: () => a.value.$el
+        }, null, 8, ["errorLabel", "getEl"])) : k("", !0)
+      ], 64)) : k("", !0)
     ], 2));
   }
-}), We = (y, w) => {
-  const M = y.__vccOpts || y;
-  for (const [o, L] of w)
-    M[o] = L;
-  return M;
-}, qe = /* @__PURE__ */ We(De, [["__scopeId", "data-v-3c3eac94"]]), Re = {
+}), Ve = (f, V) => {
+  const L = f.__vccOpts || f;
+  for (const [o, p] of V)
+    L[o] = p;
+  return L;
+}, Me = /* @__PURE__ */ Ve(Te, [["__scopeId", "data-v-fbb73deb"]]), Se = {
   "--das-ui-input-number-border-view-color": "#E5E5E5",
   "--das-ui-input-number-color": "#212121",
   "--das-ui-input-number-border-color": "#D9D9D9",
@@ -282,10 +226,10 @@ const Ne = {
   "--das-ui-input-number-overlay-error-color": "#FB2323",
   "--das-ui-input-number-default-placeholder-color": "#B2B2B2"
 };
-He(Re);
-const Je = we(qe), Qe = () => u(null), Xe = { name: "input-number 步进器" };
+be(Se);
+const qe = pe(Me), We = () => l(null), Ce = { name: "input-number 步进器" };
 export {
-  Je as DasInputNumber,
-  Qe as DasInputNumberRef,
-  Xe as default
+  qe as DasInputNumber,
+  We as DasInputNumberRef,
+  Ce as default
 };

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

@@ -1 +1 @@
-@charset "UTF-8";.das-ui-input-number[data-v-3c3eac94]{position:relative}.das-ui-input-number[data-v-3c3eac94] .el-input-number .el-input{font-size:14px}.das-ui-input-number[data-v-3c3eac94] .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-3c3eac94] .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-3c3eac94] .el-input-number .el-input{font-size:12px}.das-ui-input-number.size-table[data-v-3c3eac94] .el-input-number .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:12px}.das-ui-input-number.default[data-v-3c3eac94]{box-sizing:border-box}.das-ui-input-number.default[data-v-3c3eac94] .el-input-number{width:var(--62c95a11);height:var(--46da2388)}.das-ui-input-number.default[data-v-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.default[data-v-3c3eac94] .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-3c3eac94] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.default[data-v-3c3eac94] .el-input-number .el-input-number__increase.is-disabled{color:var(--das-ui-input-number-disabled-color)}.das-ui-input-number.default[data-v-3c3eac94] .el-input-number .el-input-number__decrease.is-disabled:hover,.das-ui-input-number.default[data-v-3c3eac94] .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-3c3eac94] .el-input-number .el-input{line-height:var(--46da2388)}.das-ui-input-number.default[data-v-3c3eac94] .el-input-number .el-input .el-input__wrapper{height:var(--46da2388);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-3c3eac94] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:var(--46da2388);box-sizing:border-box}.das-ui-input-number.default.input-inner-hover[data-v-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.input-inner-hover[data-v-3c3eac94] .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-3c3eac94] .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-3c3eac94] .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-3c3eac94] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.input-inner-hover[data-v-3c3eac94] .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-3c3eac94] .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-3c3eac94] .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-3c3eac94] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.decrease-btn-hover[data-v-3c3eac94] .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-3c3eac94] .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-3c3eac94] .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-3c3eac94] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.increase-btn-hover[data-v-3c3eac94] .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-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.input-inner-hover[data-v-3c3eac94] .el-input-number .el-input-number__increase,.das-ui-input-number.default.decrease-btn-hover[data-v-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.decrease-btn-hover[data-v-3c3eac94] .el-input-number .el-input-number__increase,.das-ui-input-number.default.increase-btn-hover[data-v-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.increase-btn-hover[data-v-3c3eac94] .el-input-number .el-input-number__increase{width:var(--46da2388)!important;height:var(--46da2388);top:0}.das-ui-input-number.default.input-inner-hover[data-v-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.decrease-btn-hover[data-v-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.increase-btn-hover[data-v-3c3eac94] .el-input-number .el-input-number__decrease{left:0}.das-ui-input-number.default.input-inner-hover[data-v-3c3eac94] .el-input-number .el-input-number__increase,.das-ui-input-number.default.decrease-btn-hover[data-v-3c3eac94] .el-input-number .el-input-number__increase,.das-ui-input-number.default.increase-btn-hover[data-v-3c3eac94] .el-input-number .el-input-number__increase{right:0}.das-ui-input-number.default.is-disabled[data-v-3c3eac94] .el-input-number .el-input__inner,.das-ui-input-number.default.is-disabled[data-v-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.is-disabled[data-v-3c3eac94] .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-3c3eac94] .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-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.is-view[data-v-3c3eac94] .el-input-number .el-input-number__increase{display:none}.das-ui-input-number.controls-right[data-v-3c3eac94] .el-input-number{width:var(--62c95a11);height:var(--46da2388);box-sizing:border-box}.das-ui-input-number.controls-right[data-v-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right[data-v-3c3eac94] .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-3c3eac94] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.controls-right[data-v-3c3eac94] .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-3c3eac94] .el-input-number:hover .el-input-number__decrease,.das-ui-input-number.controls-right[data-v-3c3eac94] .el-input-number:hover .el-input-number__increase{visibility:visible}.das-ui-input-number.controls-right[data-v-3c3eac94] .el-input-number .el-input .el-input__wrapper{height:var(--46da2388);padding-left:8px;padding-right:16px}.das-ui-input-number.controls-right[data-v-3c3eac94] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right[data-v-3c3eac94] .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-3c3eac94] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:calc(var(--46da2388) - 2px);text-align:left;box-sizing:border-box}.das-ui-input-number.controls-right.is-disabled[data-v-3c3eac94] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right.is-disabled[data-v-3c3eac94] .el-input-number .el-input .el-input__wrapper.is-focus,.das-ui-input-number.controls-right.is-view[data-v-3c3eac94] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right.is-view[data-v-3c3eac94] .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-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right.is-disabled[data-v-3c3eac94] .el-input-number .el-input-number__increase,.das-ui-input-number.controls-right.is-view[data-v-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right.is-view[data-v-3c3eac94] .el-input-number .el-input-number__increase{visibility:hidden}.das-ui-input-number.controls-right.is-disabled[data-v-3c3eac94] .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-3c3eac94] .el-input-number{width:var(--62c95a11);height:var(--46da2388)}.das-ui-input-number.base-line[data-v-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line[data-v-3c3eac94] .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-3c3eac94] .el-input-number .el-input-number__decrease:hover,.das-ui-input-number.base-line[data-v-3c3eac94] .el-input-number .el-input-number__increase:hover{color:var(--das-ui-input-number-active-color)}.das-ui-input-number.base-line[data-v-3c3eac94] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.base-line[data-v-3c3eac94] .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-3c3eac94] .el-input-number .el-input .el-input__wrapper{height:var(--46da2388);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-3c3eac94] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.base-line[data-v-3c3eac94] .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-3c3eac94] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:calc(var(--46da2388) - 2px);text-align:left;box-sizing:border-box}.das-ui-input-number.base-line[data-v-3c3eac94] .el-input-number:hover .el-input-number__decrease,.das-ui-input-number.base-line[data-v-3c3eac94] .el-input-number:hover .el-input-number__increase{visibility:visible}.das-ui-input-number.base-line.is-disabled[data-v-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line.is-disabled[data-v-3c3eac94] .el-input-number .el-input-number__increase,.das-ui-input-number.base-line.is-view[data-v-3c3eac94] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line.is-view[data-v-3c3eac94] .el-input-number .el-input-number__increase{visibility:hidden}.das-ui-input-number.base-line.is-disabled[data-v-3c3eac94] .el-input-number .el-input .el-input__wrapper,.das-ui-input-number.base-line.is-view[data-v-3c3eac94] .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-3c3eac94] .el-input-number .el-input__wrapper .el-input__inner{cursor:not-allowed}.das-ui-input-number[data-v-3c3eac94]: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-3c3eac94] .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-3c3eac94]{width:var(--62c95a11);font-size:12px}.das-ui-input-number .das-input-number-error-label-content .label[data-v-3c3eac94]{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-3c3eac94]{position:absolute;top:100%;left:0;width:var(--62c95a11)}.das-ui-input-number.is-view[data-v-3c3eac94] .el-input .el-input__inner{cursor:default}
+@charset "UTF-8";.das-ui-input-number[data-v-fbb73deb]{position:relative}.das-ui-input-number[data-v-fbb73deb] .el-input-number .el-input{font-size:14px}.das-ui-input-number[data-v-fbb73deb] .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-fbb73deb] .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-fbb73deb] .el-input-number .el-input{font-size:12px}.das-ui-input-number.size-table[data-v-fbb73deb] .el-input-number .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:12px}.das-ui-input-number.default[data-v-fbb73deb]{box-sizing:border-box}.das-ui-input-number.default[data-v-fbb73deb] .el-input-number{width:var(--79a2d4b1);height:var(--be2e70c8)}.das-ui-input-number.default[data-v-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.default[data-v-fbb73deb] .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-fbb73deb] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.default[data-v-fbb73deb] .el-input-number .el-input-number__increase.is-disabled{color:var(--das-ui-input-number-disabled-color)}.das-ui-input-number.default[data-v-fbb73deb] .el-input-number .el-input-number__decrease.is-disabled:hover,.das-ui-input-number.default[data-v-fbb73deb] .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-fbb73deb] .el-input-number .el-input{line-height:var(--be2e70c8)}.das-ui-input-number.default[data-v-fbb73deb] .el-input-number .el-input .el-input__wrapper{height:var(--be2e70c8);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-fbb73deb] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:var(--be2e70c8);box-sizing:border-box}.das-ui-input-number.default.input-inner-hover[data-v-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.input-inner-hover[data-v-fbb73deb] .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-fbb73deb] .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-fbb73deb] .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-fbb73deb] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.input-inner-hover[data-v-fbb73deb] .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-fbb73deb] .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-fbb73deb] .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-fbb73deb] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.decrease-btn-hover[data-v-fbb73deb] .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-fbb73deb] .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-fbb73deb] .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-fbb73deb] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.increase-btn-hover[data-v-fbb73deb] .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-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.input-inner-hover[data-v-fbb73deb] .el-input-number .el-input-number__increase,.das-ui-input-number.default.decrease-btn-hover[data-v-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.decrease-btn-hover[data-v-fbb73deb] .el-input-number .el-input-number__increase,.das-ui-input-number.default.increase-btn-hover[data-v-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.increase-btn-hover[data-v-fbb73deb] .el-input-number .el-input-number__increase{width:var(--be2e70c8)!important;height:var(--be2e70c8);top:0}.das-ui-input-number.default.input-inner-hover[data-v-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.decrease-btn-hover[data-v-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.increase-btn-hover[data-v-fbb73deb] .el-input-number .el-input-number__decrease{left:0}.das-ui-input-number.default.input-inner-hover[data-v-fbb73deb] .el-input-number .el-input-number__increase,.das-ui-input-number.default.decrease-btn-hover[data-v-fbb73deb] .el-input-number .el-input-number__increase,.das-ui-input-number.default.increase-btn-hover[data-v-fbb73deb] .el-input-number .el-input-number__increase{right:0}.das-ui-input-number.default.is-disabled[data-v-fbb73deb] .el-input-number .el-input__inner,.das-ui-input-number.default.is-disabled[data-v-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.is-disabled[data-v-fbb73deb] .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-fbb73deb] .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-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.is-view[data-v-fbb73deb] .el-input-number .el-input-number__increase{display:none}.das-ui-input-number.controls-right[data-v-fbb73deb] .el-input-number{width:var(--79a2d4b1);height:var(--be2e70c8);box-sizing:border-box}.das-ui-input-number.controls-right[data-v-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right[data-v-fbb73deb] .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-fbb73deb] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.controls-right[data-v-fbb73deb] .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-fbb73deb] .el-input-number:hover .el-input-number__decrease,.das-ui-input-number.controls-right[data-v-fbb73deb] .el-input-number:hover .el-input-number__increase{visibility:visible}.das-ui-input-number.controls-right[data-v-fbb73deb] .el-input-number .el-input .el-input__wrapper{height:var(--be2e70c8);padding-left:8px;padding-right:16px}.das-ui-input-number.controls-right[data-v-fbb73deb] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right[data-v-fbb73deb] .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-fbb73deb] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:calc(var(--be2e70c8) - 2px);text-align:left;box-sizing:border-box}.das-ui-input-number.controls-right.is-disabled[data-v-fbb73deb] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right.is-disabled[data-v-fbb73deb] .el-input-number .el-input .el-input__wrapper.is-focus,.das-ui-input-number.controls-right.is-view[data-v-fbb73deb] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right.is-view[data-v-fbb73deb] .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-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right.is-disabled[data-v-fbb73deb] .el-input-number .el-input-number__increase,.das-ui-input-number.controls-right.is-view[data-v-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right.is-view[data-v-fbb73deb] .el-input-number .el-input-number__increase{visibility:hidden}.das-ui-input-number.controls-right.is-disabled[data-v-fbb73deb] .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-fbb73deb] .el-input-number{width:var(--79a2d4b1);height:var(--be2e70c8)}.das-ui-input-number.base-line[data-v-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line[data-v-fbb73deb] .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-fbb73deb] .el-input-number .el-input-number__decrease:hover,.das-ui-input-number.base-line[data-v-fbb73deb] .el-input-number .el-input-number__increase:hover{color:var(--das-ui-input-number-active-color)}.das-ui-input-number.base-line[data-v-fbb73deb] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.base-line[data-v-fbb73deb] .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-fbb73deb] .el-input-number .el-input .el-input__wrapper{height:var(--be2e70c8);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-fbb73deb] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.base-line[data-v-fbb73deb] .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-fbb73deb] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:calc(var(--be2e70c8) - 2px);text-align:left;box-sizing:border-box}.das-ui-input-number.base-line[data-v-fbb73deb] .el-input-number:hover .el-input-number__decrease,.das-ui-input-number.base-line[data-v-fbb73deb] .el-input-number:hover .el-input-number__increase{visibility:visible}.das-ui-input-number.base-line.is-disabled[data-v-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line.is-disabled[data-v-fbb73deb] .el-input-number .el-input-number__increase,.das-ui-input-number.base-line.is-view[data-v-fbb73deb] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line.is-view[data-v-fbb73deb] .el-input-number .el-input-number__increase{visibility:hidden}.das-ui-input-number.base-line.is-disabled[data-v-fbb73deb] .el-input-number .el-input .el-input__wrapper,.das-ui-input-number.base-line.is-view[data-v-fbb73deb] .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-fbb73deb] .el-input-number .el-input__wrapper .el-input__inner{cursor:not-allowed}.das-ui-input-number[data-v-fbb73deb]: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-fbb73deb] .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-fbb73deb]{width:var(--79a2d4b1);font-size:12px}.das-ui-input-number .das-input-number-error-label-content .label[data-v-fbb73deb]{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-fbb73deb]{position:absolute;top:100%;left:0;width:var(--79a2d4b1)}.das-ui-input-number.is-view[data-v-fbb73deb] .el-input .el-input__inner{cursor:default}