@das-fed/upf-ui 6.4.0-dev.132 → 6.4.0-dev.134

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

@@ -1,5 +1,5 @@
 import '@das-fed/upf-ui/packages/components/input-number/style.css';
-import { defineComponent as oe, mergeModels as F, useCssVars as re, 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 c, ref as u, useModel as ne, watch as M, onMounted as le, onBeforeUnmount as ue, createElementBlock as _, openBlock as g, normalizeClass as ae, createCommentVNode as I, createVNode as H, unref as k, withCtx as se, mergeProps as ie, Fragment as de, createBlock as ve, createElementVNode as ce, normalizeStyle as fe, toDisplayString as pe, nextTick as K } from "vue";
 import { withInstall as me } from "@das-fed/upf-utils/with-install/index";
 import { getVarValue as be, setThemeRule as he } from "@das-fed/upf-web/packages/theme/index";
 import { ElInputNumber as Le } from "element-plus";
@@ -10,10 +10,10 @@ import { calcTextWidth as Be } from "@das-fed/upf-utils/common-tools";
 const Me = {
   key: 0,
   class: "das-input-number-error-label-content"
-}, Ie = {
+}, ge = {
   inheritAttrs: !1
-}, ge = /* @__PURE__ */ oe({
-  ...Ie,
+}, Ie = /* @__PURE__ */ re({
+  ...ge,
   __name: "App",
   props: /* @__PURE__ */ F({
     modelValue: { default: 0 },
@@ -35,49 +35,55 @@ const Me = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ F(["update:modelValue", "input", "change"], ["update:modelValue"]),
-  setup(f, { expose: V, emit: L }) {
-    re((e) => ({
-      "3a9cf634": O.value,
-      "59b01e07": U.value
+  setup(f, { expose: S, emit: L }) {
+    oe((e) => ({
+      "3d2a86ca": O.value,
+      "321ddcf2": 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";
+    const r = f, p = L, o = u(null), a = u(null), w = u(null), y = c(() => r.isView || r.disabled), n = ne(f, "modelValue"), E = c(() => y.value ? r.noSetDefaultVal ? "" : "-" : r.placeholder ?? ""), O = c(() => r.width ? r.width : r.controlsPosition ? r.baseLine ? "230px" : "80px" : "100px"), U = c(() => {
+      if (r.formSize)
+        return r.formSize && {
+          small: "24px",
+          default: "32px",
+          large: "40px"
+        }[r.formSize];
+      if (r.size === "default")
+        return r.controlsPosition === "right" && r.baseLine ? "25px" : "28px";
+      if (r.size === "table") return "30px";
     }), s = u(!1), j = c(
       () => !n.value && typeof n.value != "number" ? E.value : n.value
     ), B = c(() => {
       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 = () => {
+    const z = () => {
       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(
+    M(() => [n.value, E.value], z), M(
       () => {
         var e;
         return (e = w.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          s.value = !0, d.value && clearTimeout(d.value);
+          s.value = !0, v.value && clearTimeout(v.value);
         }), e.addEventListener("mouseleave", function() {
-          d.value = setTimeout(() => {
+          v.value = setTimeout(() => {
             s.value = !1;
           }, 200);
         }));
@@ -90,77 +96,77 @@ 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);
+    }, N = () => {
+      r.error || o.value.classList.add("input-inner-hover");
     }, P = () => {
-      o.error || r.value.classList.add("input-inner-hover");
+      o.value.classList.contains("input-inner-hover") && o.value.classList.remove("input-inner-hover");
     }, D = () => {
-      r.value.classList.contains("input-inner-hover") && r.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");
+      o.value.classList.contains("increase-btn-hover") && o.value.classList.remove("increase-btn-hover");
     }, T = 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);
-    }, A = () => {
-      d.value = setTimeout(() => {
-        o.errorMode === "overlay" ? T.value = !1 : s.value = !1;
+    }), v = u(), x = () => {
+      z(), i.value === d.value || d.value - i.value < 1 ? s.value = !1 : (s.value = !0, v.value && clearTimeout(v.value)), r.errorMode === "overlay" && (T.value = !0);
+    }, R = () => {
+      v.value = setTimeout(() => {
+        r.errorMode === "overlay" ? T.value = !1 : s.value = !1;
       }, 200);
     }, ee = () => {
       var e, t;
-      (e = a.value) == null || e.$el.addEventListener("mouseenter", R), (t = a.value) == null || t.$el.addEventListener("mouseleave", A);
+      (e = a.value) == null || e.$el.addEventListener("mouseenter", x), (t = a.value) == null || t.$el.addEventListener("mouseleave", R);
     }, te = () => {
       var e, t;
-      (e = a.value) == null || e.$el.removeEventListener("mouseenter", R), (t = a.value) == null || t.$el.removeEventListener("mouseleave", A);
-    }, Z = () => {
+      (e = a.value) == null || e.$el.removeEventListener("mouseenter", x), (t = a.value) == null || t.$el.removeEventListener("mouseleave", R);
+    }, A = () => {
       y.value || K(() => {
         var m, b, h;
-        const e = (m = r.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");
-        t && (t.addEventListener("mouseenter", z), t.addEventListener("mouseleave", q));
-        const l = (h = r.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
+        const e = (m = o.value) == null ? void 0 : m.querySelector(".el-input__inner");
+        e && (e.addEventListener("mouseenter", N), e.addEventListener("mouseleave", P));
+        const t = (b = o.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
+        t && (t.addEventListener("mouseenter", D), t.addEventListener("mouseleave", q));
+        const l = (h = o.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
         l && (l.addEventListener("mouseenter", W), l.addEventListener("mouseleave", C));
       });
-    }, x = () => {
+    }, Z = () => {
       var m, b, h;
-      const e = (m = r.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");
-      t && (t.removeEventListener("mouseenter", z), t.removeEventListener("mouseleave", q));
-      const l = (h = r.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
+      const e = (m = o.value) == null ? void 0 : m.querySelector(".el-input__inner");
+      e && (e.removeEventListener("mouseenter", N), e.removeEventListener("mouseleave", P));
+      const t = (b = o.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
+      t && (t.removeEventListener("mouseenter", D), t.removeEventListener("mouseleave", q));
+      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;
-          x();
-        } else {
-          if (o.controlsPosition === "right") return;
+          if (r.controlsPosition === "right") return;
           Z();
+        } else {
+          if (r.controlsPosition === "right") return;
+          A();
         }
       }
     ), le(() => {
-      ee(), o.controlsPosition !== "right" && Z();
+      ee(), r.controlsPosition !== "right" && A();
     }), ue(() => {
-      te(), o.controlsPosition !== "right" && x();
-    }), V({
+      te(), r.controlsPosition !== "right" && Z();
+    }), S({
       $elInputNumber: a
-    }), (e, t) => (I(), _(
+    }), (e, t) => (g(), _(
       "div",
       {
         ref_key: "$inputNumber",
-        ref: r,
+        ref: o,
         class: ae([
           "das-ui-input-number",
           e.controlsPosition === "" ? "default" : e.baseLine ? "base-line" : "controls-right",
@@ -171,7 +177,7 @@ const Me = {
         ])
       },
       [
-        g(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        I(" 这里tooltip不能使用v-model:visible 有响应问题 "),
         H(k(ye), {
           ref_key: "inputTooltipRef",
           ref: w,
@@ -202,11 +208,11 @@ const Me = {
           _: 1
           /* STABLE */
         }, 8, ["visible", "disabled", "content"]),
-        e.error && e.errorLabel ? (I(), _(
-          ve,
+        e.error && e.errorLabel ? (g(), _(
+          de,
           { key: 0 },
           [
-            e.errorMode === "default" ? (I(), _("div", Me, [
+            e.errorMode === "default" ? (g(), _("div", Me, [
               ce(
                 "span",
                 {
@@ -216,8 +222,8 @@ const Me = {
                 5
                 /* TEXT, STYLE */
               )
-            ])) : g("v-if", !0),
-            e.errorMode === "overlay" && T.value ? (I(), de(k(Ee), {
+            ])) : I("v-if", !0),
+            e.errorMode === "overlay" && T.value ? (g(), ve(k(Ee), {
               key: 1,
               errorLabel: e.errorLabel,
               getEl: () => {
@@ -225,22 +231,22 @@ const Me = {
                 return (l = a.value) == null ? void 0 : l.$el;
               },
               errorModelZIndex: e.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : g("v-if", !0)
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : I("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : g("v-if", !0)
+        )) : I("v-if", !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), Ve = (f, V) => {
+}), Se = (f, S) => {
   const L = f.__vccOpts || f;
-  for (const [o, p] of V)
-    L[o] = p;
+  for (const [r, p] of S)
+    L[r] = p;
   return L;
-}, Se = /* @__PURE__ */ Ve(ge, [["__scopeId", "data-v-fffe9dcc"]]), Te = {
+}, Ve = /* @__PURE__ */ Se(Ie, [["__scopeId", "data-v-d059c64f"]]), Te = {
   "--das-ui-input-number-border-view-color": "#E5E5E5",
   "--das-ui-input-number-color": "#212121",
   "--das-ui-input-number-border-color": "#D9D9D9",
@@ -252,7 +258,7 @@ const Me = {
   "--das-ui-input-number-default-placeholder-color": "#B2B2B2"
 };
 he(Te);
-const qe = me(Se), We = () => u(null), Ce = { name: "input-number 步进器" };
+const qe = me(Ve), We = () => u(null), Ce = { name: "input-number 步进器" };
 export {
   qe as DasInputNumber,
   We as DasInputNumberRef,

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

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

package/packages/components/message/index.js

@@ -95,7 +95,7 @@ const S = {
   "--das-ui-message-warning-bd-color": "#FFE0A6",
   "--das-ui-message-error-bg-color": "#FFDBE0",
   "--das-ui-message-error-color": "#FB2323",
-  "--das-ui-message-error-bd-color": "##FFADB6"
+  "--das-ui-message-error-bd-color": "#FFADB6"
 }, B = { 消息提示: { "zh-CN": "消息提示", en: "Message Prompt", _appCode: "framework" } };
 w(B);
 F(S);

package/packages/components/message/style.css

@@ -1 +1 @@
-.das-ui-message.el-message{box-sizing:border-box;min-width:280px;max-width:1000px;padding:10px 20px;color:var(--das-ui-message-color);border:1px solid var(--das-ui-message-bd-color);border-radius:4px;background-color:var(--das-ui-message-bg-color);pointer-events:all;align-items:unset}.das-ui-message.el-message .el-message__icon{margin-top:2px}.das-ui-message.el-message .el-message__content{padding-right:unset;font-size:var(--das-ui-message-font-size-md);line-height:20px;max-height:160px;flex:1;overflow:auto}.das-ui-message.el-message .el-message__content::-webkit-scrollbar{width:0;height:0}.das-ui-message.el-message .el-message__content:hover::-webkit-scrollbar{width:8px}.das-ui-message.el-message .el-message__content:hover::-webkit-scrollbar-thumb{background-color:var(--das-ui-message-thumb-color);border-radius:4px;height:80px}.das-ui-message.el-message .el-message__closeBtn{cursor:pointer;color:var(--das-ui-message-close-color);font-size:var(--das-ui-message-font-size-lg);margin-left:12px;position:unset;transform:unset;display:inline-flex;margin-top:2px}.das-ui-message.el-message .el-message__closeBtn:hover{color:var(--das-ui-message-close-hover-color)}.das-ui-message.el-message.el-message--success{color:var(--das-ui-message-success-color);background:var(--das-ui-message-success-bg-color);border:1px solid var(--das-ui-message-success-bd-color)}.das-ui-message.el-message.el-message--success .el-message__icon,.das-ui-message.el-message.el-message--success .el-message__content{color:var(--das-ui-message-success-color)}.das-ui-message.el-message.el-message--info{color:var(--das-ui-message-info-color);background:var(--das-ui-message-info-bg-color);border:1px solid var(--das-ui-message-info-bd-color)}.das-ui-message.el-message.el-message--info .el-message__icon,.das-ui-message.el-message.el-message--info .el-message__content{color:var(--das-ui-message-info-color)}.das-ui-message.el-message.el-message--warning{color:var(--das-ui-message-warning-color);background:var(--das-ui-message-warning-bg-color);border:1px solid var(--das-ui-message-warning-bd-color)}.das-ui-message.el-message.el-message--warning .el-message__icon,.das-ui-message.el-message.el-message--warning .el-message__content{color:var(--das-ui-message-warning-color)}.das-ui-message.el-message.el-message--error{color:var(--das-ui-message-error-color);background:var(--das-ui-message-error-bg-color);border:1px solid var(--das-ui-message-error-bd-color)}.das-ui-message.el-message.el-message--error .el-message__icon,.das-ui-message.el-message.el-message--error .el-message__content{color:var(--das-ui-message-error-color)}
+.das-ui-message.el-message{box-sizing:border-box;min-width:280px;max-width:1000px;max-height:160px;padding:10px 20px;color:var(--das-ui-message-color);border:1px solid var(--das-ui-message-bd-color);border-radius:4px;background-color:var(--das-ui-message-bg-color);pointer-events:all;align-items:unset}.das-ui-message.el-message .el-message__icon{margin-top:2px}.das-ui-message.el-message .el-message__content{padding-right:unset;font-size:var(--das-ui-message-font-size-md);line-height:20px;max-height:160px;flex:1;overflow:auto}.das-ui-message.el-message .el-message__content::-webkit-scrollbar{width:0;height:0}.das-ui-message.el-message .el-message__content:hover::-webkit-scrollbar{width:8px}.das-ui-message.el-message .el-message__content:hover::-webkit-scrollbar-thumb{background-color:var(--das-ui-message-thumb-color);border-radius:4px;height:80px}.das-ui-message.el-message .el-message__closeBtn{cursor:pointer;color:var(--das-ui-message-close-color);font-size:var(--das-ui-message-font-size-lg);margin-left:12px;position:unset;transform:unset;display:inline-flex;margin-top:2px}.das-ui-message.el-message .el-message__closeBtn:hover{color:var(--das-ui-message-close-hover-color)}.das-ui-message.el-message.el-message--success{color:var(--das-ui-message-success-color);background:var(--das-ui-message-success-bg-color);border:1px solid var(--das-ui-message-success-bd-color)}.das-ui-message.el-message.el-message--success .el-message__icon,.das-ui-message.el-message.el-message--success .el-message__content{color:var(--das-ui-message-success-color)}.das-ui-message.el-message.el-message--info{color:var(--das-ui-message-info-color);background:var(--das-ui-message-info-bg-color);border:1px solid var(--das-ui-message-info-bd-color)}.das-ui-message.el-message.el-message--info .el-message__icon,.das-ui-message.el-message.el-message--info .el-message__content{color:var(--das-ui-message-info-color)}.das-ui-message.el-message.el-message--warning{color:var(--das-ui-message-warning-color);background:var(--das-ui-message-warning-bg-color);border:1px solid var(--das-ui-message-warning-bd-color)}.das-ui-message.el-message.el-message--warning .el-message__icon,.das-ui-message.el-message.el-message--warning .el-message__content{color:var(--das-ui-message-warning-color)}.das-ui-message.el-message.el-message--error{color:var(--das-ui-message-error-color);background:var(--das-ui-message-error-bg-color);border:1px solid var(--das-ui-message-error-bd-color)}.das-ui-message.el-message.el-message--error .el-message__icon,.das-ui-message.el-message.el-message--error .el-message__content{color:var(--das-ui-message-error-color)}