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

package/packages/components/input-dialog-select/index.js

@@ -1,24 +1,24 @@
 import '@das-fed/ui/packages/components/input-dialog-select/style.css';
-import { withInstall as Q } from "@das-fed/utils/with-install/index";
-import { defineComponent as U, ref as a, computed as I, watch as X, nextTick as Y, openBlock as r, createElementBlock as d, mergeProps as ee, createElementVNode as g, normalizeClass as te, unref as l, withDirectives as $, toDisplayString as k, createCommentVNode as M, Fragment as E, withModifiers as oe, createVNode as le, createBlock as ae, Teleport as re, normalizeStyle as F } from "vue";
-import { DasAutoRegisterIcon as se, DasIcon as ie } from "@das-fed/ui/packages/components/icon/index";
-import { vDasTooltip as V } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { getVarValue as N, setThemeRule as de } from "@das-fed/web/packages/theme/index";
-import { t as W, setI18nRule as ne } from "@das-fed/web/packages/i18n/index";
-import { isEmpty as n } from "@das-fed/utils/common-tools";
-const ue = {
+import { withInstall as ee } from "@das-fed/utils/with-install/index";
+import { defineComponent as te, ref as l, computed as I, watch as oe, nextTick as le, openBlock as s, createElementBlock as c, mergeProps as ae, createElementVNode as h, normalizeClass as re, unref as a, withDirectives as N, toDisplayString as M, createCommentVNode as B, Fragment as W, withModifiers as se, createVNode as ie, createBlock as ne, Teleport as de, normalizeStyle as K } from "vue";
+import { DasAutoRegisterIcon as ue, DasIcon as ce } from "@das-fed/ui/packages/components/icon/index";
+import { vDasTooltip as P } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { getVarValue as R, setThemeRule as pe } from "@das-fed/web/packages/theme/index";
+import { t as j, currentLang as fe, setI18nRule as ve } from "@das-fed/web/packages/i18n/index";
+import { isEmpty as p } from "@das-fed/utils/common-tools";
+const me = {
   key: 0,
   class: "placeholder-text"
-}, ce = {
+}, ge = {
   key: 1,
   class: "dialog-text"
-}, pe = {
+}, he = {
   key: 2,
   class: "reset-plus"
-}, fe = { class: "das-input-dialog-select-label-content" }, ve = ["title"], me = {
+}, be = { class: "das-input-dialog-select-label-content" }, ye = ["title"], ke = {
   key: 1,
   class: "das-input-dialog-select-overlay-error-label-content"
-}, ge = { class: "label" }, be = /* @__PURE__ */ U({
+}, Me = { class: "label" }, Ce = /* @__PURE__ */ te({
   __name: "Index",
   props: {
     modelValue: {},
@@ -34,52 +34,52 @@ const ue = {
     borderType: { default: "bottom" },
     optionsLabelKey: { default: "name" },
     optionsValueKey: { default: "id" },
-    placeholder: { default: W("请选择") },
+    placeholder: { default: j("请选择") },
     errorMode: { default: "default" },
     teleported: { type: Boolean, default: !0 },
     errorModelZIndex: { default: 2e3 },
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["update:modelValue", "open-dialog", "clear-dialog", "update:selectedOptions", "change"],
-  setup(B, { emit: S }) {
-    se({
+  setup(L, { emit: H }) {
+    ue({
       search: import("@das-fed/ui/packages/icons/search")
     });
-    const t = B, s = S, z = a(!1), K = I(() => t.teleported), b = I(() => t.isView), x = I(() => t.placeholder), P = I(() => `width:${t.width === "auto" ? "100%" : t.width}`);
-    let i = a("");
-    i.value = t.modelValue;
-    const c = a(null), p = a(null);
-    let h = a(""), w = a([]);
-    X(
+    const t = L, i = H, C = l(!1), A = I(() => t.teleported), b = I(() => t.isView), $ = I(() => t.placeholder), Z = I(() => `width:${t.width === "auto" ? "100%" : t.width}`);
+    let n = l("");
+    n.value = t.modelValue;
+    const m = l(null), g = l(null), q = l(null);
+    let y = l(""), S = l([]);
+    oe(
       () => t.selectedOptions,
-      (e, u) => {
-        let f = "", v = [], m = [];
-        if (n(e) && n(u) && t.modelValue instanceof Array && !t.modelValue.length) {
-          i.value = "", h.value = "";
+      (e, f) => {
+        let d = "", k = [], v = [];
+        if (p(e) && p(f) && t.modelValue instanceof Array && !t.modelValue.length) {
+          n.value = "", y.value = "";
           return;
         }
-        if (n(e) && n(u)) return;
+        if (p(e) && p(f)) return;
         if (typeof e == "string")
-          f = e;
+          d = e;
         else if (e instanceof Array) {
-          if (!(e != null && e.length) && !(u != null && u.length)) {
-            i.value = b.value || t.disabled ? "-" : "";
+          if (!(e != null && e.length) && !(f != null && f.length)) {
+            n.value = b.value || t.disabled ? "-" : "";
             return;
           }
-          m = e.map((y) => {
-            const o = y[t.optionsLabelKey];
+          v = e.map((u) => {
+            const o = u[t.optionsLabelKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), v = e.map((y) => {
-            const o = y[t.optionsValueKey];
+          }), k = e.map((u) => {
+            const o = u[t.optionsValueKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), f = m.join("、");
+          }), d = fe.value === "zh-CN" ? v.join("、") : v.join(",");
         }
-        const L = t.noSetDefaultVal ? "" : "-";
-        i.value = (b.value || t.disabled) && n(f) ? L : f, w.value = v, v.length || (h.value = ""), s("update:modelValue", w.value), s("change", w.value, t.selectedOptions), Y(() => {
-          var y, o, _, O;
-          ((y = c == null ? void 0 : c.value) == null ? void 0 : y.offsetWidth) > 0 && ((o = p == null ? void 0 : p.value) == null ? void 0 : o.offsetWidth) > 0 && ((_ = p == null ? void 0 : p.value) == null ? void 0 : _.offsetWidth) > ((O = c == null ? void 0 : c.value) == null ? void 0 : O.offsetWidth) - 20 && m.length > 1 ? h.value = v.length > 0 ? `${W("das-framework-input-dialog-select-total-items", m.length)}` : "" : h.value = "";
+        const E = t.noSetDefaultVal ? "" : "-";
+        n.value = (b.value || t.disabled) && p(d) ? E : d, S.value = k, k.length || (y.value = ""), i("update:modelValue", S.value), i("change", S.value, t.selectedOptions), le(() => {
+          var u, o, D, r;
+          ((u = m == null ? void 0 : m.value) == null ? void 0 : u.offsetWidth) > 0 && ((o = g == null ? void 0 : g.value) == null ? void 0 : o.offsetWidth) > 0 && ((D = g == null ? void 0 : g.value) == null ? void 0 : D.offsetWidth) > ((r = m == null ? void 0 : m.value) == null ? void 0 : r.offsetWidth) - 20 && v.length > 1 ? y.value = k.length > 0 ? `${j("das-framework-input-dialog-select-total-items", v.length)}` : "" : y.value = "";
         });
       },
       {
@@ -87,51 +87,67 @@ const ue = {
         immediate: !0
       }
     );
-    const C = a(), D = a({
+    const w = l(), z = l({
       x: 0,
       y: 0
-    }), T = a(0), R = a({
+    }), x = l(0), F = l({
       "font-size": "12px",
-      "background-color": N("--das-ui-color-overlay-error").value,
+      "background-color": R("--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"
-    }), A = I(() => ({
-      ...R.value,
-      width: T.value + "px",
+    }), G = I(() => ({
+      ...F.value,
+      width: x.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: D.value.y + "px",
-      left: D.value.x + "px",
+      top: z.value.y + "px",
+      left: z.value.x + "px",
       "z-index": t.errorModelZIndex
-    })), Z = a({
+    })), O = l({
       display: "block",
-      color: N("--das-ui-input-error-color").value,
+      color: R("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
       // 'word-break': 'break-all',
-    }), j = () => {
-      s("open-dialog");
-    }, H = () => {
-      h.value = "", i.value = "", s("update:selectedOptions", []), s("update:modelValue", []), s("clear-dialog"), s("change", [], []);
-    }, q = () => {
-      var v, m, L;
-      const { top: e = 0, left: u = 0 } = ((v = C.value) == null ? void 0 : v.getBoundingClientRect()) ?? {}, f = (m = C.value) == null ? void 0 : m.clientHeight;
-      T.value = (L = C.value) == null ? void 0 : L.clientWidth, D.value.x = u, D.value.y = e + f;
-    }, G = () => {
-      z.value = !0, q();
-    }, J = () => {
-      z.value = !1;
+    }), J = () => {
+      i("open-dialog");
+    }, Q = () => {
+      y.value = "", n.value = "", i("update:selectedOptions", []), i("update:modelValue", []), i("clear-dialog"), i("change", [], []);
+    }, U = () => {
+      var o, D;
+      const e = () => {
+        var r = document.createElement("div");
+        for (let [_, V] of Object.entries({
+          ...F.value,
+          ...O.value,
+          width: x.value + "px"
+        }))
+          r.style[_] = V;
+        r.textContent = t.errorLabel, document.body.appendChild(r);
+        const T = r.offsetHeight;
+        return document.body.removeChild(r), T;
+      }, f = () => {
+        const r = document.documentElement.clientHeight, _ = document.documentElement.scrollHeight - r;
+        return r - _;
+      };
+      x.value = (o = w.value) == null ? void 0 : o.clientWidth;
+      const { top: d = 0, left: k = 0, height: v = 0 } = ((D = w.value) == null ? void 0 : D.getBoundingClientRect()) ?? {}, E = f(), u = e();
+      d + v + u >= E ? z.value.y = d - u : z.value.y = d + v, z.value.x = k;
+    }, X = () => {
+      C.value = !0, U();
+    }, Y = () => {
+      C.value = !1;
     };
-    return (e, u) => (r(), d("div", ee({
+    return (e, f) => (s(), c("div", ae({
       class: "das-ui-input-dialog-select",
       tabindex: "0",
-      style: P.value
+      style: Z.value
     }, e.$attrs, {
       ref_key: "$refInputDialogSelect",
-      ref: C,
-      onMouseenter: G,
-      onMouseleave: J,
+      ref: w,
+      onMouseenter: X,
+      onMouseleave: Y,
       class: [
         { "normal-size": e.size === "default" },
         { "auto-size": e.size === "auto" },
@@ -141,76 +157,78 @@ const ue = {
         { disabled: e.disabled }
       ]
     }), [
-      g("div", {
+      h("div", {
         ref_key: "dialogTextWrap",
-        ref: c,
-        class: te([
+        ref: m,
+        class: re([
           "das-ui-input-dialog-select-content",
           { "only-border-bottom": e.borderType === "bottom" },
           { "das-input-dialog-select-error": e.error },
-          { "das-input-dialog-select-clear-mode": !l(n)(l(i)) && e.isClear }
+          { "das-input-dialog-select-clear-mode": !a(p)(a(n)) && e.isClear }
         ])
       }, [
-        l(n)(l(i)) && !l(n)(x.value) && !b.value && !e.disabled ? $((r(), d("div", ue, [
-          g("span", null, k(x.value), 1)
+        a(p)(a(n)) && !a(p)($.value) && !b.value && !e.disabled ? N((s(), c("div", me, [
+          h("span", null, M($.value), 1)
         ])), [
-          [l(V)]
-        ]) : $((r(), d("div", ce, [
-          g("span", {
+          [a(P)]
+        ]) : N((s(), c("div", ge, [
+          h("span", {
             ref_key: "dialogText",
-            ref: p
-          }, k(l(i)), 513)
+            ref: g
+          }, M(a(n)), 513)
         ])), [
-          [l(V)]
+          [a(P)]
         ]),
-        b.value ? M("", !0) : (r(), d("span", pe, k(l(h)), 1)),
-        !b.value && !e.disabled ? (r(), d(E, { key: 3 }, [
-          !l(n)(l(i)) && e.isClear ? (r(), d("span", {
+        b.value ? B("", !0) : (s(), c("span", he, M(a(y)), 1)),
+        !b.value && !e.disabled ? (s(), c(W, { key: 3 }, [
+          !a(p)(a(n)) && e.isClear ? (s(), c("span", {
             key: 0,
             class: "das-ui-input-dialog-select-clear",
-            onClick: oe(H, ["stop"])
-          })) : M("", !0),
-          le(l(ie), {
+            onClick: se(Q, ["stop"])
+          })) : B("", !0),
+          ie(a(ce), {
             class: "das-ui-input-dialog-select-search",
             icon: e.suffixIcon,
-            onClick: j
+            onClick: J
           }, null, 8, ["icon"])
-        ], 64)) : M("", !0)
+        ], 64)) : B("", !0)
       ], 2),
-      g("div", fe, [
-        e.error && e.errorLabel && e.errorMode === "default" ? (r(), d("span", {
+      h("div", be, [
+        e.error && e.errorLabel && e.errorMode === "default" ? (s(), c("span", {
           key: 0,
           class: "das-input-dialog-select-error-label",
           title: e.errorLabel
-        }, k(e.errorLabel), 9, ve)) : M("", !0)
+        }, M(e.errorLabel), 9, ye)) : B("", !0)
       ]),
-      e.error && e.errorLabel && z.value && e.errorMode === "overlay" ? (r(), d(E, { key: 0 }, [
-        K.value ? (r(), ae(re, {
+      e.error && e.errorLabel && C.value && e.errorMode === "overlay" ? (s(), c(W, { key: 0 }, [
+        A.value ? (s(), ne(de, {
           key: 0,
           to: "body"
         }, [
-          g("div", {
-            style: F(A.value)
+          h("div", {
+            ref_key: "$errorModel",
+            ref: q,
+            style: K(G.value)
           }, [
-            g("span", {
-              style: F(Z.value)
-            }, k(e.errorLabel), 5)
+            h("span", {
+              style: K(O.value)
+            }, M(e.errorLabel), 5)
           ], 4)
-        ])) : (r(), d("div", me, [
-          g("span", ge, k(e.errorLabel), 1)
+        ])) : (s(), c("div", ke, [
+          h("span", Me, M(e.errorLabel), 1)
         ]))
-      ], 64)) : M("", !0)
+      ], 64)) : B("", !0)
     ], 16));
   }
-}), he = (B, S) => {
-  const t = B.__vccOpts || B;
-  for (const [s, z] of S)
-    t[s] = z;
+}), ze = (L, H) => {
+  const t = L.__vccOpts || L;
+  for (const [i, C] of H)
+    t[i] = C;
   return t;
-}, ye = /* @__PURE__ */ he(be, [["__scopeId", "data-v-f26cfc1d"]]), ke = {
+}, De = /* @__PURE__ */ ze(Ce, [["__scopeId", "data-v-66a43561"]]), Ie = {
   请选择: { "zh-CN": "请选择", en: "Please select", _appCode: "framework" },
   "das-framework-input-dialog-select-total-items": { "zh-CN": "共$0项", en: "Total $0 Items", _appCode: "framework" }
-}, ze = {
+}, Be = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -226,10 +244,10 @@ const ue = {
   "--das-ui-color-overlay-error": "#FFDBE0",
   "--das-ui-input-error-color": "#FB2323"
 };
-ne(ke);
-de(ze);
-const we = Q(ye);
+ve(Ie);
+pe(Be);
+const $e = ee(De);
 export {
-  we as DasInputDialogSelect,
-  we as default
+  $e as DasInputDialogSelect,
+  $e as default
 };

package/packages/components/input-dialog-select/style.css

@@ -1 +1 @@
-.das-ui-input-dialog-select[data-v-f26cfc1d]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-f26cfc1d],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-f26cfc1d]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom[data-v-f26cfc1d],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-f26cfc1d]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-f26cfc1d],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-f26cfc1d]{right:18px}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-f26cfc1d],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-f26cfc1d]{visibility:visible}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-f26cfc1d],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-f26cfc1d]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-f26cfc1d]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-f26cfc1d]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-f26cfc1d]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-f26cfc1d]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-f26cfc1d]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-f26cfc1d]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-f26cfc1d]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-f26cfc1d]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-f26cfc1d],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-f26cfc1d]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-f26cfc1d]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-f26cfc1d]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .dialog-text[data-v-f26cfc1d],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-f26cfc1d]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-f26cfc1d]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-f26cfc1d],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-f26cfc1d],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-f26cfc1d]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .dialog-text[data-v-f26cfc1d]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-f26cfc1d]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-f26cfc1d],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-f26cfc1d]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-f26cfc1d]{border:1px solid var(--das-ui-input-dialog-select-border-all);background:#fff;border-radius:2px;padding:2px 8px;display:flex;align-items:center}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-f26cfc1d]{border-color:var(--das-ui-input-dialog-select-error-color)!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-f26cfc1d]{border-color:var(--das-ui-input-dialog-select-border);padding:1px 0 2px;border-width:0 0 1px 0!important;border-radius:0;background:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-f26cfc1d]:focus{border-width:0 0 1px 0!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-icon[data-v-f26cfc1d]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-f26cfc1d]{height:20px;flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--das-ui-input-dialog-select-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-f26cfc1d]{height:20px;line-height:20px;flex:1;min-width:0;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--das-ui-input-dialog-select-disabled-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-f26cfc1d]{cursor:pointer;color:var(--das-ui-input-dialog-select-icon);margin-left:10px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-f26cfc1d]:hover{color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-f26cfc1d]{position:absolute;right:10px;visibility:hidden;margin-left:10px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px;cursor:pointer}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-f26cfc1d]:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear svg[data-v-f26cfc1d]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-f26cfc1d]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-f26cfc1d]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-f26cfc1d]{display:block;color:var(--das-ui-input-dialog-select-error-color);word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content[data-v-f26cfc1d]{width:100%;position:absolute;left:0;background-color:#ffdbe0;box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:1;transition:.2s;word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-f26cfc1d]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}
+.das-ui-input-dialog-select[data-v-66a43561]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-66a43561],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom[data-v-66a43561],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-66a43561],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-66a43561]{right:18px}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-66a43561],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-66a43561]{visibility:visible}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-66a43561],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-66a43561]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-66a43561]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-66a43561]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-66a43561]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-66a43561]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-66a43561]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-66a43561]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-66a43561]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-66a43561]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-66a43561],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-66a43561]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-66a43561]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .dialog-text[data-v-66a43561],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-66a43561]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-66a43561]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-66a43561],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-66a43561],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .dialog-text[data-v-66a43561]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-66a43561]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-66a43561],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-66a43561]{border:1px solid var(--das-ui-input-dialog-select-border-all);background:#fff;border-radius:2px;padding:2px 8px;display:flex;align-items:center}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-error-color)!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-border);padding:1px 0 2px;border-width:0 0 1px 0!important;border-radius:0;background:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-66a43561]:focus{border-width:0 0 1px 0!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-icon[data-v-66a43561]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-66a43561]{height:20px;flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--das-ui-input-dialog-select-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-66a43561]{height:20px;line-height:20px;flex:1;min-width:0;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--das-ui-input-dialog-select-disabled-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-66a43561]{cursor:pointer;color:var(--das-ui-input-dialog-select-icon);margin-left:10px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-66a43561]:hover{color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-66a43561]{position:absolute;right:10px;visibility:hidden;margin-left:10px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px;cursor:pointer}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-66a43561]:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear svg[data-v-66a43561]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-66a43561]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-66a43561]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-66a43561]{display:block;color:var(--das-ui-input-dialog-select-error-color);word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content[data-v-66a43561]{width:100%;position:absolute;left:0;background-color:#ffdbe0;box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:1;transition:.2s;word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-66a43561]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}

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

@@ -37,8 +37,8 @@ const Ne = {
   emits: /* @__PURE__ */ oe(["update:modelValue", "input", "change"], ["update:modelValue"]),
   setup(y, { expose: w, emit: M }) {
     Be((e) => ({
-      "0c016947": de.value,
-      "5a5cc5c6": ce.value
+      "62c95a11": de.value,
+      "46da2388": ce.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(() => {
       if (o.size === "default")
@@ -144,7 +144,7 @@ const Ne = {
       };
       $.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;
+      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 = () => {
@@ -271,7 +271,7 @@ const Ne = {
   for (const [o, L] of w)
     M[o] = L;
   return M;
-}, qe = /* @__PURE__ */ We(De, [["__scopeId", "data-v-362e29d0"]]), Re = {
+}, qe = /* @__PURE__ */ We(De, [["__scopeId", "data-v-3c3eac94"]]), Re = {
   "--das-ui-input-number-border-view-color": "#E5E5E5",
   "--das-ui-input-number-color": "#212121",
   "--das-ui-input-number-border-color": "#D9D9D9",

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

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

package/packages/components/menu-aside/index.js

@@ -1139,7 +1139,7 @@ const nr = ["src"], Ve = /* @__PURE__ */ ve({
     cjb: "#999999"
   },
   "--das-ui-layout-aside--item-active-color": {
-    kjl: "rgba(255, 255, 255)",
+    kjl: "#FFFFFF",
     ssl: "#FFFFFF",
     cjb: "#5582F3"
   },

package/packages/components/menu-aside/style.css

@@ -1 +1 @@
-.ant-menu.ant-menu-dark .ant-menu-sub,.ant-menu-item-selected{background-color:var(--das-ui-layout-aside-submenu-background-color)!important}.ant-menu-vertical .ant-menu-submenu-title{margin:0!important}.ant-menu-submenu>.ant-menu{border-radius:0!important}.das-ui-sub-menu.ant-menu-submenu-vertical.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-item{margin:0!important;padding:0!important}.ant-menu-submenu-title{padding:0!important}.ant-menu-vertical>.ant-menu-item,.ant-menu-inline>.ant-menu-item{height:auto!important}.ant-menu-submenu-popup{z-index:var(--das-menu-submenu-popup-z-index)!important}.ant-menu-submenu-popup .submenu-container{display:flex;flex-direction:column;box-sizing:border-box}.ant-menu-submenu-popup .submenu-container.is-collapse{width:156px}.ant-menu-submenu-popup .submenu-container .title-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;height:50px;box-sizing:border-box;border-bottom:1px solid var(--das-ui-layout-aside-submenu-title-border-color)}.ant-menu-submenu-popup .submenu-container .title-bar:not(.is-collapse){margin:0 22px}.ant-menu-submenu-popup .submenu-container .title-bar.is-collapse{padding:0 12px 0 16px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center;overflow:hidden}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside--item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right{display:flex;align-items:center;color:var(--das-ui-layout-aside-submenu-item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right.affix{color:var(--das-ui-layout-aside-submenu-item-affix-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .das-icon{transform:translateY(-1px)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .icon-title{font-size:12px;padding-left:5px}.ant-menu-submenu-popup .submenu-container .item-container{position:relative;font-size:12px;box-sizing:border-box;max-height:356px;min-height:60px;color:var(--das-ui-layout-aside-submenu-item-color);padding:15px 28px 15px 18px}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin:0 7px;padding:0 8px}@media (min-width: 1100px){.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px}}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:first-child{margin-left:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:last-child{margin-right:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container{max-height:620px;box-sizing:border-box;padding:8px 0}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item{font-size:12px;color:var(--das-ui-layout-aside-submenu-item-color);padding:0 12px 0 20px;height:50px;line-height:50px;display:flex;align-items:center;justify-content:space-between}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-inline .ant-menu-title-content{width:100%}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline{height:var(--das-ui-layout-aside-menu-item-height);padding:0 46px 0 51px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-expired{padding:0 16px 0 51px}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-active-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .name{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;min-width:0}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-menu-aside{display:flex;flex-direction:column;width:var(--das-ui-layout-aside-menu-width);height:100%;border-right:1px solid var(--das-ui-layout-aside-border-color)}.das-ui-menu-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow:before{height:1.3px;width:7px;transform:rotate(45deg) translateY(-3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow:after{height:1.3px;width:7px;transform:rotate(-45deg) translateY(3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow:before{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow:after{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:before{transform:rotate(45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:after{transform:rotate(-45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .das-ui-aside-menu{display:flex;flex-direction:column;flex:1;min-height:0;width:var(--das-ui-layout-aside-menu-width);background-color:var(--das-ui-layout-aside-background-color)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse .ant-menu-submenu-arrow{display:none}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark{width:var(--das-ui-layout-aside-menu-width);color:var(--das-ui-layout-aside--item-color);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon{color:var(--das-ui-layout-aside--item-active-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu-vertical .ant-menu-submenu-open .aside-menu-title{color:var(--das-ui-layout-aside-item-hover-color);background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .das-aside-menu-bottom-container{margin-top:auto}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item{color:var(--das-ui-layout-aside--item-color);margin:0!important;display:flex;flex-direction:column;justify-content:center;transition:none!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .aside-menu-title.is-active{color:var(--das-ui-layout-aside--item-active-color)!important;background-color:var(--das-ui-layout-aside--item-active-background-color)!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item:focus-visible{box-shadow:none!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow{opacity:.8!important;transition:all .3s}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:after,.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:before{background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-color);height:var(--das-ui-layout-aside-menu-item-height)!important;line-height:var(--das-ui-layout-aside-menu-item-height)!important;margin:0!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:30px;font-size:12px;flex:1;min-width:0}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title{width:100%;padding-left:15px;padding-right:4px;box-sizing:border-box;display:flex!important;align-items:center;height:var(--das-ui-layout-aside-menu-item-height)}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title.is-expired{padding-right:18px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box{flex-shrink:0;padding-right:15px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box i,.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box img{width:20px;height:20px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;height:100%}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;flex:1;min-width:0}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title:hover{color:var(--das-ui-layout-aside-item-hover-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-vertical .aside-menu-title:hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-inline .aside-menu-title:not(.has-children):hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title{padding-left:15px}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item{border-bottom:1px solid var(--das-ui-layout-aside-divise-border-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title{height:59px;line-height:59px}.das-ui-menu-aside .icon-container{width:var(--das-ui-layout-aside-menu-width);display:flex;flex-direction:column;justify-content:center;height:50px;border-top:1px solid rgba(255,255,255,.3);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-menu-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}.das-ui-menu-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.das-ui-menu-aside.theme-cjb .aside-menu-title.is-active:before,.das-ui-menu-aside.theme-cjb .sub-menu-item_inline.is-active:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--das-ui-layout-aside--item-active-color)}
+.ant-menu.ant-menu-dark .ant-menu-sub,.ant-menu-item-selected{background-color:var(--das-ui-layout-aside-submenu-background-color)!important}.ant-menu-vertical .ant-menu-submenu-title{margin:0!important}.ant-menu-submenu>.ant-menu{border-radius:0!important}.das-ui-sub-menu.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-active-color)!important}.das-ui-sub-menu.is-active.ant-menu-submenu-vertical .ant-menu-submenu-title{background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)!important}.ant-menu-item{margin:0!important;padding:0!important}.ant-menu-submenu-title{padding:0!important}.ant-menu-vertical>.ant-menu-item,.ant-menu-inline>.ant-menu-item{height:auto!important}.ant-menu-submenu-popup{z-index:var(--das-menu-submenu-popup-z-index)!important}.ant-menu-submenu-popup .submenu-container{display:flex;flex-direction:column;box-sizing:border-box}.ant-menu-submenu-popup .submenu-container.is-collapse{width:156px}.ant-menu-submenu-popup .submenu-container .title-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;height:50px;box-sizing:border-box;border-bottom:1px solid var(--das-ui-layout-aside-submenu-title-border-color)}.ant-menu-submenu-popup .submenu-container .title-bar:not(.is-collapse){margin:0 22px}.ant-menu-submenu-popup .submenu-container .title-bar.is-collapse{padding:0 12px 0 16px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center;overflow:hidden}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside--item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right{display:flex;align-items:center;color:var(--das-ui-layout-aside-submenu-item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right.affix{color:var(--das-ui-layout-aside-submenu-item-affix-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .das-icon{transform:translateY(-1px)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .icon-title{font-size:12px;padding-left:5px}.ant-menu-submenu-popup .submenu-container .item-container{position:relative;font-size:12px;box-sizing:border-box;max-height:356px;min-height:60px;color:var(--das-ui-layout-aside-submenu-item-color);padding:15px 28px 15px 18px}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin:0 7px;padding:0 8px}@media (min-width: 1100px){.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px}}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:first-child{margin-left:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:last-child{margin-right:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container{max-height:620px;box-sizing:border-box;padding:8px 0}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item{font-size:12px;color:var(--das-ui-layout-aside-submenu-item-color);padding:0 12px 0 20px;height:50px;line-height:50px;display:flex;align-items:center;justify-content:space-between}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-inline .ant-menu-title-content{width:100%}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline{height:var(--das-ui-layout-aside-menu-item-height);padding:0 46px 0 51px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-expired{padding:0 16px 0 51px}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-active-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .name{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;min-width:0}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-menu-aside{display:flex;flex-direction:column;width:var(--das-ui-layout-aside-menu-width);height:100%;border-right:1px solid var(--das-ui-layout-aside-border-color)}.das-ui-menu-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow:before{height:1.3px;width:7px;transform:rotate(45deg) translateY(-3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow:after{height:1.3px;width:7px;transform:rotate(-45deg) translateY(3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow:before{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow:after{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:before{transform:rotate(45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:after{transform:rotate(-45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .das-ui-aside-menu{display:flex;flex-direction:column;flex:1;min-height:0;width:var(--das-ui-layout-aside-menu-width);background-color:var(--das-ui-layout-aside-background-color)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse .ant-menu-submenu-arrow{display:none}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark{width:var(--das-ui-layout-aside-menu-width);color:var(--das-ui-layout-aside--item-color);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon{color:var(--das-ui-layout-aside--item-active-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu-vertical .ant-menu-submenu-open .aside-menu-title{color:var(--das-ui-layout-aside-item-hover-color);background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .das-aside-menu-bottom-container{margin-top:auto}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item{color:var(--das-ui-layout-aside--item-color);margin:0!important;display:flex;flex-direction:column;justify-content:center;transition:none!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .aside-menu-title.is-active{color:var(--das-ui-layout-aside--item-active-color)!important;background-color:var(--das-ui-layout-aside--item-active-background-color)!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item:focus-visible{box-shadow:none!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow{opacity:.8!important;transition:all .3s}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:after,.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:before{background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-color);height:var(--das-ui-layout-aside-menu-item-height)!important;line-height:var(--das-ui-layout-aside-menu-item-height)!important;margin:0!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:30px;font-size:12px;flex:1;min-width:0}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title{width:100%;padding-left:15px;padding-right:4px;box-sizing:border-box;display:flex!important;align-items:center;height:var(--das-ui-layout-aside-menu-item-height)}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title.is-expired{padding-right:18px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box{flex-shrink:0;padding-right:15px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box i,.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box img{width:20px;height:20px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;height:100%}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;flex:1;min-width:0}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title:hover{color:var(--das-ui-layout-aside-item-hover-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-vertical .aside-menu-title:hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-inline .aside-menu-title:not(.has-children):hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title{padding-left:15px}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item{border-bottom:1px solid var(--das-ui-layout-aside-divise-border-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title{height:59px;line-height:59px}.das-ui-menu-aside .icon-container{width:var(--das-ui-layout-aside-menu-width);display:flex;flex-direction:column;justify-content:center;height:50px;border-top:1px solid rgba(255,255,255,.3);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-menu-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}.das-ui-menu-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.das-ui-menu-aside.theme-cjb .aside-menu-title.is-active:before,.das-ui-menu-aside.theme-cjb .sub-menu-item_inline.is-active:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--das-ui-layout-aside--item-active-color)}

package/packages/components/menu-header/index.js

@@ -1,6 +1,6 @@
 import '@das-fed/ui/packages/components/menu-header/style.css';
 import { withInstall as b } from "@das-fed/utils/with-install/index";
-import { computed as h, defineComponent as y, openBlock as l, createElementBlock as n, normalizeClass as g, normalizeStyle as v, createVNode as p, unref as s, mergeProps as k, withCtx as u, createElementVNode as F, renderSlot as i, Fragment as j, renderList as _, createBlock as D, withDirectives as H, createTextVNode as E, toDisplayString as T } from "vue";
+import { computed as h, defineComponent as y, openBlock as l, createElementBlock as n, normalizeClass as g, normalizeStyle as v, createVNode as p, unref as s, mergeProps as k, withCtx as u, createElementVNode as F, renderSlot as i, Fragment as j, renderList as _, createBlock as D, withDirectives as E, createTextVNode as H, toDisplayString as T } from "vue";
 import { Tabs as x, TabPane as B } from "ant-design-vue";
 import "ant-design-vue/es/tabs/style/css";
 import { vDasTooltip as C } from "@das-fed/ui/packages/components/text-tooltip/index";
@@ -15,7 +15,7 @@ const w = (e, m) => ({
   })
 }), c = {
   "--das-ui-layout-header-menu-border-color": {
-    kjl: "#2673DC",
+    kjl: "3C81E0",
     cjb: "#D9D9D9",
     ssl: "#313553"
   },
@@ -103,8 +103,8 @@ const w = (e, m) => ({
             key: r.code
           }, {
             tab: u(() => [
-              H((l(), n("div", M, [
-                E(T(r.name), 1)
+              E((l(), n("div", M, [
+                H(T(r.name), 1)
               ])), [
                 [s(C)]
               ])