@das-fed/ui 6.4.0-dev.53 → 6.4.0-dev.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@das-fed/ui",
-  "version": "6.4.0-dev.53",
+  "version": "6.4.0-dev.54",
   "description": "",
   "type": "module",
   "main": "./index.js",
@@ -26,7 +26,7 @@
     "@antv/x6-plugin-snapline": "^2.1.7",
     "@antv/x6-plugin-transform": "^2.1.8",
     "@antv/x6-vue-shape": "^2.1.2",
-    "@das-fed/cli": "6.4.0-dev.53",
+    "@das-fed/cli": "6.4.0-dev.54",
     "@element-plus/icons-vue": "^2.3.1",
     "@types/lodash": "^4.14.194",
     "@types/lodash-es": "^4.17.9",
@@ -56,9 +56,9 @@
     "vue-tsc": "^2.0.29"
   },
   "dependencies": {
-    "@das-fed/ui": "6.4.0-dev.53",
-    "@das-fed/utils": "6.4.0-dev.53",
-    "@das-fed/web": "6.4.0-dev.53",
+    "@das-fed/ui": "6.4.0-dev.54",
+    "@das-fed/utils": "6.4.0-dev.54",
+    "@das-fed/web": "6.4.0-dev.54",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
     "@wangeditor/plugin-upload-attachment": "^1.1.0",

package/packages/business-components/app-container/index.d.ts

@@ -3,6 +3,7 @@ declare const DasAppContainer: import("@das-fed/utils").SFCWithInstall<import("v
 }, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
     "onOpen-app"?: ((item: any) => any) | undefined;
 }>, {
+    theme: "default" | "kjl" | "cjb" | "ssl";
     appCategorys: any[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { DasAppContainer };

package/packages/business-components/app-container/index.js

@@ -1,141 +1,173 @@
 import '@das-fed/ui/packages/business-components/app-container/style.css';
-import { withInstall as u } from "@das-fed/utils/with-install/index";
-import { defineComponent as w, withDirectives as n, openBlock as t, createElementBlock as e, Fragment as r, renderList as c, createElementVNode as i, toDisplayString as l, createBlock as p, unref as a, withCtx as d, createTextVNode as _ } from "vue";
-import { ElRow as E, ElCol as x } from "element-plus";
+import { withInstall as S } from "@das-fed/utils/with-install/index";
+import { defineComponent as T, computed as x, withDirectives as r, openBlock as o, createElementBlock as a, normalizeClass as z, normalizeStyle as B, Fragment as c, renderList as n, createElementVNode as s, toDisplayString as p, createBlock as m, unref as l, withCtx as h, createTextVNode as _ } from "vue";
+import { ElRow as I, ElCol as N } from "element-plus";
 import "element-plus/es/components/row/style/css";
 import "element-plus/es/components/col/style/css";
-import { DasEmpty as B } from "@das-fed/ui/packages/components/empty/index";
-import { vOverlay as T } from "@das-fed/ui/packages/components/overlay/index";
-import { vDasTooltip as f } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { pureImageSrc as h } from "@das-fed/utils/pure-image-src";
-import { setThemeRule as I } from "@das-fed/web/packages/theme/index";
-const N = { class: "application-content" }, R = {
+import { DasEmpty as O } from "@das-fed/ui/packages/components/empty/index";
+import { vOverlay as R } from "@das-fed/ui/packages/components/overlay/index";
+import { vDasTooltip as F } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { pureImageSrc as v } from "@das-fed/utils/pure-image-src";
+import { setThemeRule as U } from "@das-fed/web/packages/theme/index";
+const g = {
+  "--das-application-app-bg-color": {
+    kjl: "#F1F8FF",
+    cjb: "#343848",
+    ssl: "#2D314F"
+  },
+  "--das-application-app-border-color": {
+    kjl: "#2673DC",
+    cjb: "#343848",
+    ssl: "#2D314F"
+  },
+  "--das-application-app-color": {
+    kjl: "#2673DC",
+    cjb: "#FFFFFF",
+    ssl: "#FFFFFF"
+  }
+}, V = {
   key: 0,
   class: "application-list"
-}, S = { class: "app-box" }, U = { class: "cell cell-title" }, V = { class: "app-name" }, z = { class: "cell app-list" }, F = ["onClick"], L = ["src"], O = { class: "box-right" }, $ = { class: "name" }, j = { class: "describe" }, q = /* @__PURE__ */ w({
+}, $ = { class: "app-box" }, L = { class: "cell cell-title" }, q = { class: "app-name" }, G = { class: "cell app-list" }, H = ["onClick"], J = ["src"], K = { class: "box-right" }, M = { class: "name" }, P = { class: "describe" }, Q = /* @__PURE__ */ T({
   __name: "index",
   props: {
+    theme: { default: "default" },
     appCategorys: { default: () => [] }
   },
   emits: ["open-app"],
-  setup(H, { emit: v }) {
-    const g = v, y = (s) => g("open-app", s);
-    return (s, J) => n((t(), e("div", N, [
-      s.appCategorys && s.appCategorys.length ? (t(), e("div", R, [
-        (t(!0), e(
-          r,
-          null,
-          c(s.appCategorys, (m, C) => (t(), e("div", S, [
-            (t(), e("div", {
-              key: C,
-              class: "row"
-            }, [
-              i("div", U, [
-                i(
-                  "div",
-                  V,
-                  l(m.name),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              i("div", z, [
-                (t(!0), e(
-                  r,
-                  null,
-                  c(m.apps, (k) => (t(), p(
-                    a(E),
-                    {
-                      class: "app-row",
-                      gutter: 20
-                    },
-                    {
-                      default: d(() => [
-                        (t(!0), e(
-                          r,
-                          null,
-                          c(k, (o, D) => (t(), p(
-                            a(x),
-                            {
-                              class: "app-col",
-                              key: D,
-                              span: 6
-                            },
-                            {
-                              default: d(() => [
-                                i("div", {
-                                  class: "sub-app",
-                                  onClick: (K) => y(o)
-                                }, [
-                                  i("img", {
-                                    class: "img",
-                                    src: o != null && o.iconDomain ? o.iconDomain + a(h)(o == null ? void 0 : o.iconUrl) : a(h)(o == null ? void 0 : o.iconUrl),
-                                    alt: ""
-                                  }, null, 8, L),
-                                  i("div", O, [
-                                    n((t(), e("div", $, [
-                                      _(
-                                        l(o.name),
-                                        1
-                                        /* TEXT */
-                                      )
-                                    ])), [
-                                      [a(f)]
-                                    ]),
-                                    n((t(), e("div", j, [
-                                      _(
-                                        l(o.description),
-                                        1
-                                        /* TEXT */
-                                      )
-                                    ])), [
-                                      [a(f)]
+  setup(y, { emit: u }) {
+    const d = y, k = u, C = x(() => {
+      const t = {};
+      return d.theme === "default" || Object.keys(g).forEach((i) => {
+        t[i] = g[i][d.theme];
+      }), t;
+    }), D = (t) => k("open-app", t);
+    return (t, i) => r((o(), a(
+      "div",
+      {
+        class: z(["application-content", `theme-${t.theme}`]),
+        style: B(C.value)
+      },
+      [
+        t.appCategorys && t.appCategorys.length ? (o(), a("div", V, [
+          (o(!0), a(
+            c,
+            null,
+            n(t.appCategorys, (f, j) => (o(), a("div", $, [
+              (o(), a("div", {
+                key: j,
+                class: "row"
+              }, [
+                s("div", L, [
+                  s(
+                    "div",
+                    q,
+                    p(f.name),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                s("div", G, [
+                  (o(!0), a(
+                    c,
+                    null,
+                    n(f.apps, (w) => (o(), m(
+                      l(I),
+                      {
+                        class: "app-row",
+                        gutter: 20
+                      },
+                      {
+                        default: h(() => [
+                          (o(!0), a(
+                            c,
+                            null,
+                            n(w, (e, E) => (o(), m(
+                              l(N),
+                              {
+                                class: "app-col",
+                                key: E,
+                                span: 6
+                              },
+                              {
+                                default: h(() => [
+                                  s("div", {
+                                    class: "sub-app",
+                                    onClick: (X) => D(e)
+                                  }, [
+                                    s("img", {
+                                      class: "img",
+                                      src: e != null && e.iconDomain ? e.iconDomain + l(v)(e == null ? void 0 : e.iconUrl) : l(v)(e == null ? void 0 : e.iconUrl),
+                                      alt: ""
+                                    }, null, 8, J),
+                                    s("div", K, [
+                                      r((o(), a("div", M, [
+                                        _(
+                                          p(e.name),
+                                          1
+                                          /* TEXT */
+                                        )
+                                      ])), [
+                                        [l(F)]
+                                      ]),
+                                      r((o(), a("div", P, [
+                                        _(
+                                          p(e.description),
+                                          1
+                                          /* TEXT */
+                                        )
+                                      ])), [
+                                        [l(F)]
+                                      ])
                                     ])
-                                  ])
-                                ], 8, F)
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            },
-                            1024
-                            /* DYNAMIC_SLOTS */
-                          ))),
-                          128
-                          /* KEYED_FRAGMENT */
-                        ))
-                      ]),
-                      _: 2
-                      /* DYNAMIC */
-                    },
-                    1024
-                    /* DYNAMIC_SLOTS */
-                  ))),
-                  256
-                  /* UNKEYED_FRAGMENT */
-                ))
-              ])
-            ]))
-          ]))),
-          256
-          /* UNKEYED_FRAGMENT */
-        ))
-      ])) : (t(), p(a(B), {
-        key: 1,
-        size: "large"
-      }))
-    ])), [
-      [a(T)]
+                                  ], 8, H)
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              },
+                              1024
+                              /* DYNAMIC_SLOTS */
+                            ))),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      },
+                      1024
+                      /* DYNAMIC_SLOTS */
+                    ))),
+                    256
+                    /* UNKEYED_FRAGMENT */
+                  ))
+                ])
+              ]))
+            ]))),
+            256
+            /* UNKEYED_FRAGMENT */
+          ))
+        ])) : (o(), m(l(O), {
+          key: 1,
+          size: "large"
+        }))
+      ],
+      6
+      /* CLASS, STYLE */
+    )), [
+      [l(R)]
     ]);
   }
-}), G = {
+}), W = {
   "--das-application-app-bg-color": "#343848",
+  "--das-application-app-border-color": "#343848",
   "--das-application-app-color": "#ffffff",
   "--das-application-subapp-bg-color": "#ffffff",
   "--das-application-subapp-name-color": "#212121",
   "--das-application-subapp-describe-color": "#999999"
 };
-I(G);
-const to = u(q);
+U(W);
+const ie = S(Q);
 export {
-  to as DasAppContainer
+  ie as DasAppContainer
 };

package/packages/business-components/app-container/src/index.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onOpen-app"?: ((item: any) => any) | undefined;
 }>, {
+    theme: "default" | "kjl" | "cjb" | "ssl";
     appCategorys: any[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/packages/business-components/app-container/src/style-theme.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    '--das-application-app-bg-color': {
+        kjl: string;
+        cjb: string;
+        ssl: string;
+    };
+    '--das-application-app-border-color': {
+        kjl: string;
+        cjb: string;
+        ssl: string;
+    };
+    '--das-application-app-color': {
+        kjl: string;
+        cjb: string;
+        ssl: string;
+    };
+};
+export default _default;

package/packages/business-components/app-container/src/type.d.ts

@@ -1,4 +1,5 @@
 export interface Props {
+  theme?: 'default' | 'kjl' | 'cjb' | 'ssl'
   
   appCategorys: any[]
 }

package/packages/business-components/app-container/style.css

@@ -1 +1 @@
-.application-content{position:relative;width:100%;height:100%;padding:30px 20px;box-sizing:border-box}.application-content .application-list{width:100%;display:table}.application-content .application-list .app-box{width:100%;margin-bottom:20px;display:table}.application-content .application-list .app-box .row{display:table-row}.application-content .application-list .app-box .row .cell{display:table-cell}.application-content .application-list .app-box .row .cell.cell-title{width:110px;color:var(--das-application-app-color);background-color:var(--das-application-app-bg-color);vertical-align:middle;font-size:0}.application-content .application-list .app-box .row .cell.cell-title .app-name{width:110px;height:100%;font-size:18px;text-align:center;box-sizing:border-box;padding:25px 8px;display:inline-block;word-break:break-all}.application-content .application-list .app-box .row .cell.app-list{padding-left:20px;box-sizing:border-box;width:calc(100% - 110px)}.application-content .application-list .app-box .row .cell.app-list .app-row:not(:first-child){margin-top:20px}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app{height:100%;box-shadow:0 4px 12px #86a2d233;background-color:var(--das-application-subapp-bg-color);padding:25px 30px;display:flex;cursor:pointer}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app .img{width:48px;height:48px;border-radius:6px}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app .box-right{padding-left:10px;flex:1;box-sizing:border-box;overflow:hidden}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app .box-right .name{font-size:16px;font-weight:400;color:var(--das-application-subapp-name-color)}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app .box-right .describe{font-size:12px;font-weight:400;color:var(--das-application-subapp-describe-color)}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app:hover,.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app:active{box-shadow:0 0 20px #0003;border-radius:2px}
+.application-content{position:relative;width:100%;height:100%;padding:30px 20px;box-sizing:border-box}.application-content .application-list{width:100%;display:table}.application-content .application-list .app-box{width:100%;margin-bottom:20px;display:table}.application-content .application-list .app-box .row{display:table-row}.application-content .application-list .app-box .row .cell{display:table-cell}.application-content .application-list .app-box .row .cell.cell-title{width:110px;font-size:0;vertical-align:middle;color:var(--das-application-app-color);background-color:var(--das-application-app-bg-color);position:relative}.application-content .application-list .app-box .row .cell.cell-title:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0;background-color:var(--das-application-app-border-color)}.application-content .application-list .app-box .row .cell.cell-title .app-name{width:110px;height:100%;font-size:18px;text-align:center;box-sizing:border-box;padding:25px 8px;display:inline-block;word-break:break-all}.application-content .application-list .app-box .row .cell.app-list{padding-left:20px;box-sizing:border-box;width:calc(100% - 110px)}.application-content .application-list .app-box .row .cell.app-list .app-row:not(:first-child){margin-top:20px}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app{height:100%;box-shadow:0 4px 12px #86a2d233;background-color:var(--das-application-subapp-bg-color);padding:25px 30px;display:flex;cursor:pointer}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app .img{width:48px;height:48px;border-radius:6px}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app .box-right{padding-left:10px;flex:1;box-sizing:border-box;overflow:hidden}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app .box-right .name{font-size:16px;font-weight:400;color:var(--das-application-subapp-name-color)}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app .box-right .describe{font-size:12px;font-weight:400;color:var(--das-application-subapp-describe-color)}.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app:hover,.application-content .application-list .app-box .row .cell.app-list .app-row .app-col .sub-app:active{box-shadow:0 0 20px #0003;border-radius:2px}

package/packages/business-components/app-container/theme/index.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     '--das-application-app-bg-color': string;
+    '--das-application-app-border-color': string;
     '--das-application-app-color': string;
     '--das-application-subapp-bg-color': string;
     '--das-application-subapp-name-color': string;

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

@@ -1,6 +1,6 @@
 import '@das-fed/ui/packages/components/menu-aside/style.css';
 import { withInstall as Le } from "@das-fed/utils/with-install/index";
-import { h as ve, nextTick as Ve, createVNode as _, defineComponent as fe, computed as I, openBlock as c, createElementBlock as g, normalizeStyle as Z, ref as Q, createBlock as T, unref as d, mergeProps as le, withCtx as A, createElementVNode as m, renderSlot as D, createCommentVNode as v, createTextVNode as We, toDisplayString as S, Fragment as O, withDirectives as ye, renderList as R, normalizeClass as M, withModifiers as be, watch as me, onMounted as qe, isRef as Ze } from "vue";
+import { h as ve, nextTick as Ve, createVNode as _, defineComponent as de, computed as I, openBlock as c, createElementBlock as g, normalizeStyle as Z, ref as Q, createBlock as T, unref as f, mergeProps as le, withCtx as A, createElementVNode as m, renderSlot as E, createCommentVNode as v, createTextVNode as We, toDisplayString as S, Fragment as O, withDirectives as ye, renderList as R, normalizeClass as M, withModifiers as be, watch as me, onMounted as qe, isRef as Ze } from "vue";
 import { t as G, setI18nRule as Ge } from "@das-fed/web/packages/i18n/index";
 import { DasScrollbar as Je } from "@das-fed/ui/packages/components/scrollbar/index";
 import { DasTooltip as Ye } from "@das-fed/ui/packages/components/tooltip/index";
@@ -52,9 +52,9 @@ function cn(e, r, n) {
   }
   return { r: t * 255, g: a * 255, b: o * 255 };
 }
-function fn(e, r, n) {
+function dn(e, r, n) {
   e = C(e, 255), r = C(r, 255), n = C(n, 255);
-  var t = Math.max(e, r, n), a = Math.min(e, r, n), o = 0, u = t, l = t - a, f = t === 0 ? 0 : l / t;
+  var t = Math.max(e, r, n), a = Math.min(e, r, n), o = 0, u = t, l = t - a, d = t === 0 ? 0 : l / t;
   if (t === a)
     o = 0;
   else {
@@ -71,11 +71,11 @@ function fn(e, r, n) {
     }
     o /= 6;
   }
-  return { h: o, s: f, v: u };
+  return { h: o, s: d, v: u };
 }
-function dn(e, r, n) {
+function fn(e, r, n) {
   e = C(e, 360) * 6, r = C(r, 100), n = C(n, 100);
-  var t = Math.floor(e), a = e - t, o = n * (1 - r), u = n * (1 - a * r), l = n * (1 - (1 - a) * r), f = t % 6, i = [n, u, o, o, l, n][f], h = [l, n, n, u, o, o][f], y = [o, o, l, n, n, u][f];
+  var t = Math.floor(e), a = e - t, o = n * (1 - r), u = n * (1 - a * r), l = n * (1 - (1 - a) * r), d = t % 6, i = [n, u, o, o, l, n][d], h = [l, n, n, u, o, o][d], y = [o, o, l, n, n, u][d];
   return { r: i * 255, g: h * 255, b: y * 255 };
 }
 function pn(e, r, n, t) {
@@ -244,7 +244,7 @@ var Ce = {
 };
 function B(e) {
   var r = { r: 0, g: 0, b: 0 }, n = 1, t = null, a = null, o = null, u = !1, l = !1;
-  return typeof e == "string" && (e = yn(e)), typeof e == "object" && (j(e.r) && j(e.g) && j(e.b) ? (r = un(e.r, e.g, e.b), u = !0, l = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : j(e.h) && j(e.s) && j(e.v) ? (t = V(e.s), a = V(e.v), r = dn(e.h, t, a), u = !0, l = "hsv") : j(e.h) && j(e.s) && j(e.l) && (t = V(e.s), o = V(e.l), r = cn(e.h, t, o), u = !0, l = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = sn(n), {
+  return typeof e == "string" && (e = yn(e)), typeof e == "object" && (j(e.r) && j(e.g) && j(e.b) ? (r = un(e.r, e.g, e.b), u = !0, l = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : j(e.h) && j(e.s) && j(e.v) ? (t = V(e.s), a = V(e.v), r = fn(e.h, t, a), u = !0, l = "hsv") : j(e.h) && j(e.s) && j(e.l) && (t = V(e.s), o = V(e.l), r = cn(e.h, t, o), u = !0, l = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = sn(n), {
     ok: u,
     format: e.format || l,
     r: Math.min(255, Math.max(r.r, 0)),
@@ -334,7 +334,7 @@ var W = 2, Fe = 0.16, bn = 0.05, mn = 0.05, hn = 0.15, Ke = 5, Ne = 4, kn = [{
   opacity: 0.98
 }];
 function Se(e) {
-  var r = e.r, n = e.g, t = e.b, a = fn(r, n, t);
+  var r = e.r, n = e.g, t = e.b, a = dn(r, n, t);
   return {
     h: a.h * 360,
     s: a.s,
@@ -378,10 +378,10 @@ function se(e) {
   }
   n.push(q(t));
   for (var l = 1; l <= Ne; l += 1) {
-    var f = Se(t), i = q(B({
-      h: we(f, l),
-      s: Oe(f, l),
-      v: xe(f, l)
+    var d = Se(t), i = q(B({
+      h: we(d, l),
+      s: Oe(d, l),
+      v: xe(d, l)
     }));
     n.push(i);
   }
@@ -562,23 +562,23 @@ var H = {
   secondaryColor: "#E6E6E6",
   calculated: !1
 };
-function En(e) {
+function Dn(e) {
   var r = e.primaryColor, n = e.secondaryColor;
   H.primaryColor = r, H.secondaryColor = n || Be(r), H.calculated = !!n;
 }
-function Dn() {
+function En() {
   return Y({}, H);
 }
 var P = function(r, n) {
-  var t = Y({}, r, n.attrs), a = t.icon, o = t.primaryColor, u = t.secondaryColor, l = Mn(t, Tn), f = H;
-  if (o && (f = {
+  var t = Y({}, r, n.attrs), a = t.icon, o = t.primaryColor, u = t.secondaryColor, l = Mn(t, Tn), d = H;
+  if (o && (d = {
     primaryColor: o,
     secondaryColor: u || Be(o)
   }), _n(), jn(_e(a), "icon should be icon definiton, but got ".concat(a)), !_e(a))
     return null;
   var i = a;
   return i && typeof i.icon == "function" && (i = Y({}, i, {
-    icon: i.icon(f.primaryColor, f.secondaryColor)
+    icon: i.icon(d.primaryColor, d.secondaryColor)
   })), ue(i.icon, "svg-".concat(i.name), Y({}, l, {
     "data-icon": i.name,
     width: "1em",
@@ -595,8 +595,8 @@ P.props = {
 };
 P.inheritAttrs = !1;
 P.displayName = "IconBase";
-P.getTwoToneColors = Dn;
-P.setTwoToneColors = En;
+P.getTwoToneColors = En;
+P.setTwoToneColors = Dn;
 function In(e, r) {
   return zn(e) || Bn(e, r) || Nn(e, r) || Kn();
 }
@@ -625,8 +625,8 @@ function Bn(e, r) {
     try {
       for (n = n.call(e); !(a = (u = n.next()).done) && (t.push(u.value), !(r && t.length === r)); a = !0)
         ;
-    } catch (f) {
-      o = !0, l = f;
+    } catch (d) {
+      o = !0, l = d;
     } finally {
       try {
         !a && n.return != null && n.return();
@@ -680,8 +680,8 @@ function Wn(e, r) {
     try {
       for (n = n.call(e); !(a = (u = n.next()).done) && (t.push(u.value), !(r && t.length === r)); a = !0)
         ;
-    } catch (f) {
-      o = !0, l = f;
+    } catch (d) {
+      o = !0, l = d;
     } finally {
       try {
         !a && n.return != null && n.return();
@@ -727,14 +727,14 @@ function Gn(e, r) {
   return n;
 }
 Re("#1890ff");
-var E = function(r, n) {
-  var t, a = Pe({}, r, n.attrs), o = a.class, u = a.icon, l = a.spin, f = a.rotate, i = a.tabindex, h = a.twoToneColor, y = a.onClick, w = Zn(a, Hn), K = (t = {
+var D = function(r, n) {
+  var t, a = Pe({}, r, n.attrs), o = a.class, u = a.icon, l = a.spin, d = a.rotate, i = a.tabindex, h = a.twoToneColor, y = a.onClick, w = Zn(a, Hn), K = (t = {
     anticon: !0
   }, ce(t, "anticon-".concat(u.name), !!u.name), ce(t, o, o), t), U = l === "" || l || u.name === "loading" ? "anticon-spin" : "", N = i;
   N === void 0 && y && (N = -1, w.tabindex = N);
-  var p = f ? {
-    msTransform: "rotate(".concat(f, "deg)"),
-    transform: "rotate(".concat(f, "deg)")
+  var p = d ? {
+    msTransform: "rotate(".concat(d, "deg)"),
+    transform: "rotate(".concat(d, "deg)")
   } : void 0, b = ze(h), s = Un(b, 2), x = s[0], L = s[1];
   return _("span", Pe({
     role: "img",
@@ -750,18 +750,18 @@ var E = function(r, n) {
     style: p
   }, null)]);
 };
-E.props = {
+D.props = {
   spin: Boolean,
   rotate: Number,
   icon: Object,
   twoToneColor: String
 };
-E.displayName = "AntdIcon";
-E.inheritAttrs = !1;
-E.getTwoToneColor = Rn;
-E.setTwoToneColor = Re;
+D.displayName = "AntdIcon";
+D.inheritAttrs = !1;
+D.getTwoToneColor = Rn;
+D.setTwoToneColor = Re;
 var Jn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM115.4 518.9L271.7 642c5.8 4.6 14.4.5 14.4-6.9V388.9c0-7.4-8.5-11.5-14.4-6.9L115.4 505.1a8.74 8.74 0 000 13.8z" } }] }, name: "menu-fold", theme: "outlined" };
-function Ee(e) {
+function De(e) {
   for (var r = 1; r < arguments.length; r++) {
     var n = arguments[r] != null ? Object(arguments[r]) : {}, t = Object.keys(n);
     typeof Object.getOwnPropertySymbols == "function" && (t = t.concat(Object.getOwnPropertySymbols(n).filter(function(a) {
@@ -775,16 +775,16 @@ function Ee(e) {
 function Yn(e, r, n) {
   return r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
 }
-var de = function(r, n) {
-  var t = Ee({}, r, n.attrs);
-  return _(E, Ee({}, t, {
+var fe = function(r, n) {
+  var t = De({}, r, n.attrs);
+  return _(D, De({}, t, {
     icon: Jn
   }), null);
 };
-de.displayName = "MenuFoldOutlined";
-de.inheritAttrs = !1;
+fe.displayName = "MenuFoldOutlined";
+fe.inheritAttrs = !1;
 var Qn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 000-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0014.4 7z" } }] }, name: "menu-unfold", theme: "outlined" };
-function De(e) {
+function Ee(e) {
   for (var r = 1; r < arguments.length; r++) {
     var n = arguments[r] != null ? Object(arguments[r]) : {}, t = Object.keys(n);
     typeof Object.getOwnPropertySymbols == "function" && (t = t.concat(Object.getOwnPropertySymbols(n).filter(function(a) {
@@ -799,14 +799,14 @@ function Xn(e, r, n) {
   return r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
 }
 var pe = function(r, n) {
-  var t = De({}, r, n.attrs);
-  return _(E, De({}, t, {
+  var t = Ee({}, r, n.attrs);
+  return _(D, Ee({}, t, {
     icon: Qn
   }), null);
 };
 pe.displayName = "MenuUnfoldOutlined";
 pe.inheritAttrs = !1;
-const er = ["src"], He = /* @__PURE__ */ fe({
+const er = ["src"], He = /* @__PURE__ */ de({
   __name: "menu-icon",
   props: {
     data: { default: () => ({}) },
@@ -814,8 +814,8 @@ const er = ["src"], He = /* @__PURE__ */ fe({
   },
   setup(e) {
     const r = e, n = I(() => {
-      var o, u, l, f;
-      return r.status === "default" ? (((o = r.data) == null ? void 0 : o.host) || "") + X(r.data.iconUrl) : (u = r.data) != null && u.hoverIcon ? (((l = r.data) == null ? void 0 : l.host) || "") + X(r.data.hoverIcon) : (((f = r.data) == null ? void 0 : f.host) || "") + X(r.data.iconUrl);
+      var o, u, l, d;
+      return r.status === "default" ? (((o = r.data) == null ? void 0 : o.host) || "") + X(r.data.iconUrl) : (u = r.data) != null && u.hoverIcon ? (((l = r.data) == null ? void 0 : l.host) || "") + X(r.data.hoverIcon) : (((d = r.data) == null ? void 0 : d.host) || "") + X(r.data.iconUrl);
     }), t = I(() => ({
       display: "block",
       "background-color": "currentColor",
@@ -854,7 +854,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
 }, or = {
   key: 1,
   class: "menu-title"
-}, ir = { class: "submenu-container" }, lr = { class: "title-bar" }, sr = { class: "title-left" }, ur = { class: "title" }, cr = { class: "item-container" }, fr = ["onClick"], dr = { class: "name" }, pr = {
+}, ir = { class: "submenu-container" }, lr = { class: "title-bar" }, sr = { class: "title-left" }, ur = { class: "title" }, cr = { class: "item-container" }, dr = ["onClick"], fr = { class: "name" }, pr = {
   key: 0,
   class: "expired"
 }, gr = { class: "name" }, vr = {
@@ -865,7 +865,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
   class: "expired"
 }, wr = {
   name: "SubMenu"
-}, Or = /* @__PURE__ */ fe({
+}, Or = /* @__PURE__ */ de({
   ...wr,
   props: {
     mode: { default: "vertical" },
@@ -886,20 +886,20 @@ const er = ["src"], He = /* @__PURE__ */ fe({
       lock: import("@das-fed/ui/packages/icons/lock")
     });
     const { toggleAffix: o, menuClick: u } = nr(t, a);
-    return (l, f) => (c(), T(d(Qe), le({
+    return (l, d) => (c(), T(f(Qe), le({
       class: ["das-ui-sub-menu", l.parentSelectKeys.includes(l.menuInfo.id) ? "is-active" : ""],
       key: l.menuInfo.id,
       "popup-offset": [0, 0]
     }, l.$attrs, {
-      onMouseover: f[0] || (f[0] = (i) => n.value = l.menuInfo.id),
-      onMouseleave: f[1] || (f[1] = (i) => n.value = -1)
+      onMouseover: d[0] || (d[0] = (i) => n.value = l.menuInfo.id),
+      onMouseleave: d[1] || (d[1] = (i) => n.value = -1)
     }), {
       icon: A(() => {
         var i;
         return [
           m("div", tr, [
             l.menuInfo.hideIcon ? v("v-if", !0) : (c(), g("div", ar, [
-              D(l.$slots, "icon", { menuInfo: l.menuInfo }, () => [
+              E(l.$slots, "icon", { menuInfo: l.menuInfo }, () => [
                 _(He, {
                   data: l.menuInfo,
                   status: l.parentSelectKeys.includes(l.menuInfo.id) || n.value === l.menuInfo.id ? "hover" : "default"
@@ -907,7 +907,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
               ])
             ])),
             l.collapse ? v("v-if", !0) : (c(), g("div", or, [
-              D(l.$slots, ((i = l.menuInfo) == null ? void 0 : i.code) + "-name", {}, () => [
+              E(l.$slots, ((i = l.menuInfo) == null ? void 0 : i.code) + "-name", {}, () => [
                 We(
                   S(l.menuInfo.name),
                   1
@@ -929,7 +929,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
               { key: 1 },
               [
                 v(" 收起 "),
-                _(d(J), null, {
+                _(f(J), null, {
                   default: A(() => [
                     m("div", yr, [
                       m("div", br, [
@@ -970,7 +970,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                               l.selectedKeys.includes(i.id) ? "is-active" : "",
                               i != null && i.disable ? "is-disable" : ""
                             ]),
-                            onClick: be((h) => d(u)(h, i), ["stop"])
+                            onClick: be((h) => f(u)(h, i), ["stop"])
                           }, [
                             m(
                               "div",
@@ -982,7 +982,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                             i != null && i.expired ? (c(), g(
                               "div",
                               Sr,
-                              S(d(G)("已到期")),
+                              S(f(G)("已到期")),
                               1
                               /* TEXT */
                             )) : v("v-if", !0)
@@ -991,7 +991,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                           /* KEYED_FRAGMENT */
                         ))
                       ])), [
-                        [d(he), { x: !1 }]
+                        [f(he), { x: !1 }]
                       ])
                     ])
                   ]),
@@ -1005,7 +1005,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
               O,
               { key: 0 },
               [
-                l.mode === "vertical" ? (c(), T(d(J), { key: 0 }, {
+                l.mode === "vertical" ? (c(), T(f(J), { key: 0 }, {
                   default: A(() => [
                     m("div", ir, [
                       m("div", lr, [
@@ -1039,7 +1039,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                         (c(!0), g(
                           O,
                           null,
-                          R(d(rr)(l.menuInfo.children, 4), (i, h) => (c(), g("div", {
+                          R(f(rr)(l.menuInfo.children, 4), (i, h) => (c(), g("div", {
                             key: h,
                             class: "sub-menu-row"
                           }, [
@@ -1053,11 +1053,11 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                                   l.selectedKeys.includes(y.id) ? "is-active" : "",
                                   y != null && y.disable ? "is-disable" : ""
                                 ]),
-                                onClick: be((w) => d(u)(w, y), ["stop"])
+                                onClick: be((w) => f(u)(w, y), ["stop"])
                               }, [
                                 m(
                                   "div",
-                                  dr,
+                                  fr,
                                   S(y.name),
                                   1
                                   /* TEXT */
@@ -1065,11 +1065,11 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                                 y != null && y.expired ? (c(), g(
                                   "div",
                                   pr,
-                                  S(d(G)("已到期")),
+                                  S(f(G)("已到期")),
                                   1
                                   /* TEXT */
                                 )) : v("v-if", !0)
-                              ], 10, fr))),
+                              ], 10, dr))),
                               128
                               /* KEYED_FRAGMENT */
                             ))
@@ -1078,7 +1078,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                           /* KEYED_FRAGMENT */
                         ))
                       ])), [
-                        [d(he), { x: !1 }]
+                        [f(he), { x: !1 }]
                       ])
                     ])
                   ]),
@@ -1089,7 +1089,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                   O,
                   { key: 1 },
                   R(l.menuInfo.children, (i) => (c(), T(
-                    d(J),
+                    f(J),
                     {
                       key: i.id
                     },
@@ -1116,7 +1116,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                             i != null && i.expired ? (c(), g(
                               "div",
                               vr,
-                              S(d(G)("已到期")),
+                              S(f(G)("已到期")),
                               1
                               /* TEXT */
                             )) : v("v-if", !0)
@@ -1198,6 +1198,11 @@ const er = ["src"], He = /* @__PURE__ */ fe({
     }
   };
 }, Ie = {
+  "--das-ui-layout-aside-border-color": {
+    kjl: "#D9D9D9",
+    ssl: "#1B1F40",
+    cjb: "#D9D9D9"
+  },
   "--das-ui-layout-aside-background-color": {
     kjl: "#FFFFFF",
     ssl: "#1B1F40",
@@ -1293,7 +1298,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
   custom: "true"
 }, $r = { class: "das-aside-menu-bottom-container" }, Pr = {
   name: "DasMenuAside"
-}, Er = /* @__PURE__ */ fe({
+}, Dr = /* @__PURE__ */ de({
   ...Pr,
   props: {
     globalTheme: { default: "default" },
@@ -1327,7 +1332,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
         }
       ];
       return b ? rn(o, s) : tn(o, s), p;
-    }), f = I(() => {
+    }), d = I(() => {
       const p = t.menus || [], b = JSON.parse(JSON.stringify(p));
       return !b || !b.length ? [] : Ue(b);
     }), { isCollapse: i, openKeys: h, affixKeys: y, toggleAffix: w, openChange: K, menuClick: U, toggleCollapse: N } = xr(
@@ -1348,26 +1353,26 @@ const er = ["src"], He = /* @__PURE__ */ fe({
             class: M(["das-ui-aside-menu", p.collapse ? "is-collapse" : ""])
           },
           [
-            _(d(Je), { style: { height: "100%" } }, {
+            _(f(Je), { style: { height: "100%" } }, {
               default: A(() => [
-                f.value && f.value.length ? (c(), T(d(Xe), le({
+                d.value && d.value.length ? (c(), T(f(Xe), le({
                   key: 0,
                   class: ["das-menu", p.collapse ? "is-collapse" : ""],
                   mode: p.mode,
-                  openKeys: d(h),
+                  openKeys: f(h),
                   "onUpdate:openKeys": b[1] || (b[1] = (s) => Ze(h) ? h.value = s : null),
                   selectedKeys: p.currentSelectKeys,
                   theme: "dark",
-                  "inline-collapsed": d(i)
+                  "inline-collapsed": f(i)
                 }, p.$attrs, {
-                  onOpenChange: d(K),
-                  onClick: d(U)
+                  onOpenChange: f(K),
+                  onClick: f(U)
                 }), {
                   default: A(() => [
                     (c(!0), g(
                       O,
                       null,
-                      R(f.value, (s) => (c(), g(
+                      R(d.value, (s) => (c(), g(
                         O,
                         null,
                         [
@@ -1381,29 +1386,29 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                                 key: s.id,
                                 mode: p.mode,
                                 menuInfo: s,
-                                collapse: d(i),
-                                affixKeys: d(y),
+                                collapse: f(i),
+                                affixKeys: f(y),
                                 parentSelectKeys: p.parentSelectKeys,
                                 selectedKeys: p.currentSelectKeys,
                                 ref_for: !0
                               }, u.value, {
-                                onMenuClick: d(U),
-                                onToggleAffix: d(w)
+                                onMenuClick: f(U),
+                                onToggleAffix: f(w)
                               }), null, 16, ["mode", "menuInfo", "collapse", "affixKeys", "parentSelectKeys", "selectedKeys", "onMenuClick", "onToggleAffix"]))
                             ],
                             64
                             /* STABLE_FRAGMENT */
-                          )) : (c(), T(d(J), {
+                          )) : (c(), T(f(J), {
                             class: M({ "divise-menu-item": s.divise }),
                             key: s.id,
                             onMouseover: (x) => n.value = s.id,
                             onMouseleave: b[0] || (b[0] = (x) => n.value = "")
                           }, {
                             icon: A(() => [
-                              _(d(Ye), {
+                              _(f(Ye), {
                                 content: s.name,
                                 placement: "right",
-                                disabled: !d(i)
+                                disabled: !f(i)
                               }, {
                                 default: A(() => {
                                   var x, L, ge;
@@ -1425,8 +1430,8 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                                           v(" 第一种icon插槽 "),
                                           p.$slots[`${s == null ? void 0 : s.code}-leftIcon`] ? (c(), g("div", Ar, [
                                             v(" 第二种icon插槽 "),
-                                            D(p.$slots, `${s == null ? void 0 : s.code}-leftIcon`)
-                                          ])) : D(p.$slots, "icon", {
+                                            E(p.$slots, `${s == null ? void 0 : s.code}-leftIcon`)
+                                          ])) : E(p.$slots, "icon", {
                                             key: 0,
                                             menuInfo: s
                                           }, () => [
@@ -1437,7 +1442,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                                           ])
                                         ])),
                                         m("div", _r, [
-                                          d(i) ? v("v-if", !0) : (c(), g(
+                                          f(i) ? v("v-if", !0) : (c(), g(
                                             "div",
                                             {
                                               key: 0,
@@ -1454,14 +1459,14 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                                           s != null && s.expired ? (c(), g(
                                             "div",
                                             Tr,
-                                            S(d(G)("已到期")),
+                                            S(f(G)("已到期")),
                                             1
                                             /* TEXT */
                                           )) : v("v-if", !0),
                                           v(" 箭头 "),
                                           s != null && s.disable && ((ge = s == null ? void 0 : s.originalChildren) != null && ge.length) ? (c(), g("i", Mr)) : v("v-if", !0),
                                           v("@slots 右侧icon "),
-                                          D(p.$slots, (s == null ? void 0 : s.code) + "-rightIcon")
+                                          E(p.$slots, (s == null ? void 0 : s.code) + "-rightIcon")
                                         ])
                                       ],
                                       2
@@ -1489,7 +1494,7 @@ const er = ["src"], He = /* @__PURE__ */ fe({
                 }, 16, ["class", "mode", "openKeys", "selectedKeys", "inline-collapsed", "onOpenChange", "onClick"])) : v("v-if", !0),
                 v(" 底部插槽 "),
                 m("div", $r, [
-                  D(p.$slots, "bottom")
+                  E(p.$slots, "bottom")
                 ])
               ]),
               _: 3
@@ -1502,21 +1507,21 @@ const er = ["src"], He = /* @__PURE__ */ fe({
         m(
           "div",
           {
-            class: M(["icon-container", d(i) ? "is-collapse" : ""])
+            class: M(["icon-container", f(i) ? "is-collapse" : ""])
           },
           [
             m(
               "div",
               {
-                style: Z({ "padding-left": d(i) ? "0" : "16px" }),
-                onClick: b[2] || (b[2] = (s) => d(N)(!d(i)))
+                style: Z({ "padding-left": f(i) ? "0" : "16px" }),
+                onClick: b[2] || (b[2] = (s) => f(N)(!f(i)))
               },
               [
                 m("div", null, [
-                  d(i) ? (c(), T(d(pe), {
+                  f(i) ? (c(), T(f(pe), {
                     key: 0,
                     class: "collapse-icon"
-                  })) : (c(), T(d(de), {
+                  })) : (c(), T(f(fe), {
                     key: 1,
                     class: "collapse-icon"
                   }))
@@ -1534,10 +1539,11 @@ const er = ["src"], He = /* @__PURE__ */ fe({
       /* CLASS, STYLE */
     ));
   }
-}), Dr = {
+}), Er = {
   "--das-ui-layout-aside-menu-width": "214px",
   "--das-ui-layout-aside-collapse-menu-width": "50px",
   "--das-ui-layout-aside-menu-item-height": "50px",
+  "--das-ui-layout-aside-border-color": "#343848",
   "--das-ui-layout-aside-background-color": "#343848",
   "--das-ui-layout-aside--item-color": "rgba(255,255,255,0.65)",
   "--das-ui-layout-aside--item-arrow-color": "rgba(255, 255, 255, 0.65)",
@@ -1561,8 +1567,8 @@ const er = ["src"], He = /* @__PURE__ */ fe({
   已到期: { "zh-CN": "已到期", en: "Expired" }
 };
 Ge(Ir);
-an(Dr);
-const Jr = Le(Er), Yr = { title: "Menu-Aside 垂直导航栏" };
+an(Er);
+const Jr = Le(Dr), Yr = { title: "Menu-Aside 垂直导航栏" };
 export {
   Jr as DasMenuAside,
   Yr as default

package/packages/components/menu-aside/src/style-theme.d.ts

@@ -1,4 +1,9 @@
 declare const _default: {
+    '--das-ui-layout-aside-border-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
     '--das-ui-layout-aside-background-color': {
         kjl: string;
         ssl: string;

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;margin:0 24px;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.is-collapse{margin:0 12px 0 20px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside--item-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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 30px 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:126px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin-right:7px;margin-left: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-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-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-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-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-hover-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-layout-aside{display:flex;flex-direction:column;width:var(--das-ui-layout-aside-menu-width);height:100%}.das-ui-layout-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)}.das-ui-layout-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-layout-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-layout-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-layout-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-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:before{transform:rotate(45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:after{transform:rotate(-45deg) translate(-3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-layout-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-layout-aside .das-ui-aside-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .das-ui-aside-menu.is-collapse .ant-menu-submenu-arrow{display:none}.das-ui-layout-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-layout-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-layout-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-layout-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-layout-aside .das-ui-aside-menu .das-aside-menu-bottom-container{margin-top:auto}.das-ui-layout-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-layout-aside .das-ui-aside-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent!important}.das-ui-layout-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-layout-aside .das-ui-aside-menu .ant-menu-item:focus-visible{box-shadow:none!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow{opacity:.6;transition:all .3s}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:after,.das-ui-layout-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-layout-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-layout-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-layout-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-layout-aside .das-ui-aside-menu .aside-menu-title.is-expired{padding-right:18px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box{flex-shrink:0;padding-right:15px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box i,.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box img{width:20px;height:20px}.das-ui-layout-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-layout-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-layout-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-layout-aside .das-ui-aside-menu .ant-menu-item:hover{color:var(--das-ui-layout-aside-collapse-icon-bg-color)!important}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title:hover{color:var(--das-ui-layout-aside-item-hover-color)}.das-ui-layout-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-layout-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-layout-aside .das-ui-aside-menu .ant-menu-submenu-title{padding-left:15px}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.das-ui-layout-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-layout-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title{height:59px;line-height:59px}.das-ui-layout-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-layout-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}.das-ui-layout-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.das-ui-layout-aside.theme-kjl .ant-menu-submenu.is-active,.das-ui-layout-aside.theme-kjl .aside-menu-title.is-active,.das-ui-layout-aside.theme-kjl .sub-menu-item_inline.is-active,.das-ui-layout-aside.theme-cjb .ant-menu-submenu.is-active,.das-ui-layout-aside.theme-cjb .aside-menu-title.is-active,.das-ui-layout-aside.theme-cjb .sub-menu-item_inline.is-active{border-left:2px solid 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.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;margin:0 24px;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.is-collapse{margin:0 12px 0 20px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside--item-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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 30px 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:126px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin-right:7px;margin-left: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-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-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-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-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-hover-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-layout-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-layout-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)}.das-ui-layout-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-layout-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-layout-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-layout-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-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:before{transform:rotate(45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:after{transform:rotate(-45deg) translate(-3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-layout-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-layout-aside .das-ui-aside-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .das-ui-aside-menu.is-collapse .ant-menu-submenu-arrow{display:none}.das-ui-layout-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-layout-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-layout-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-layout-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-layout-aside .das-ui-aside-menu .das-aside-menu-bottom-container{margin-top:auto}.das-ui-layout-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-layout-aside .das-ui-aside-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent!important}.das-ui-layout-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-layout-aside .das-ui-aside-menu .ant-menu-item:focus-visible{box-shadow:none!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow{opacity:.6;transition:all .3s}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:after,.das-ui-layout-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-layout-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-layout-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-layout-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-layout-aside .das-ui-aside-menu .aside-menu-title.is-expired{padding-right:18px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box{flex-shrink:0;padding-right:15px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box i,.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box img{width:20px;height:20px}.das-ui-layout-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-layout-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-layout-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-layout-aside .das-ui-aside-menu .ant-menu-item:hover{color:var(--das-ui-layout-aside-collapse-icon-bg-color)!important}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title:hover{color:var(--das-ui-layout-aside-item-hover-color)}.das-ui-layout-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-layout-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-layout-aside .das-ui-aside-menu .ant-menu-submenu-title{padding-left:15px}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.das-ui-layout-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-layout-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title{height:59px;line-height:59px}.das-ui-layout-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-layout-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}.das-ui-layout-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.das-ui-layout-aside.theme-kjl .ant-menu-submenu.is-active,.das-ui-layout-aside.theme-kjl .aside-menu-title.is-active,.das-ui-layout-aside.theme-kjl .sub-menu-item_inline.is-active,.das-ui-layout-aside.theme-cjb .ant-menu-submenu.is-active,.das-ui-layout-aside.theme-cjb .aside-menu-title.is-active,.das-ui-layout-aside.theme-cjb .sub-menu-item_inline.is-active{border-left:2px solid var(--das-ui-layout-aside--item-active-color)}

package/packages/components/menu-aside/theme/base.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     '--das-ui-layout-aside-menu-width': string;
     '--das-ui-layout-aside-collapse-menu-width': string;
     '--das-ui-layout-aside-menu-item-height': string;
+    '--das-ui-layout-aside-border-color': string;
     '--das-ui-layout-aside-background-color': string;
     '--das-ui-layout-aside--item-color': string;
     '--das-ui-layout-aside--item-arrow-color': string;

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

@@ -1,19 +1,24 @@
 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 o, createElementBlock as n, normalizeStyle as g, createVNode as v, unref as l, mergeProps as p, withCtx as s, createElementVNode as F, renderSlot as c, Fragment as k, renderList as j, createBlock as _, withDirectives as H, createTextVNode as E, toDisplayString as x } from "vue";
-import { Tabs as D, TabPane as T } from "ant-design-vue";
+import { computed as h, defineComponent as y, openBlock as o, createElementBlock as d, normalizeClass as g, normalizeStyle as v, createVNode as p, unref as l, mergeProps as k, withCtx as s, createElementVNode as F, renderSlot as c, Fragment as j, renderList as _, createBlock as D, withDirectives as H, createTextVNode as E, 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 B } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { vDasTooltip as C } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { setThemeRule as S } from "@das-fed/web/packages/theme/index";
-function w(e) {
+function $(e) {
   return typeof e == "string" && e.includes("px") ? e : e + "px";
 }
-const C = (e, m) => ({
+const w = (e, m) => ({
   realHeight: h(() => {
     let a;
-    return e.height && (a = w(e.height)), a;
+    return e.height && (a = $(e.height)), a;
   })
 }), i = {
+  "--das-ui-layout-header-menu-border-color": {
+    kjl: "#2673DC",
+    cjb: "#D9D9D9",
+    ssl: "rgba(255, 255, 255, 0.0978)"
+  },
   "--das-ui-layout-header-menu-background-color": {
     kjl: "#2673DC",
     cjb: "#ffffff",
@@ -54,11 +59,11 @@ const C = (e, m) => ({
     cjb: "#FFFFFF",
     ssl: "#FFFFFF"
   }
-}, M = { class: "das-tab-label" }, N = { class: "header-left" }, V = { class: "header-right" }, $ = {
+}, M = { class: "das-tab-label" }, N = { class: "header-left" }, V = { class: "header-right" }, z = {
   name: "DasMenuHeader",
   inheritAttrs: !1
 }, A = /* @__PURE__ */ y({
-  ...$,
+  ...z,
   props: {
     theme: { default: "default" },
     height: {},
@@ -66,20 +71,20 @@ const C = (e, m) => ({
   },
   emits: ["update:currentKey"],
   setup(e, { emit: m }) {
-    const r = e, { realHeight: a } = C(r), f = h(() => {
+    const r = e, { realHeight: a } = w(r), f = h(() => {
       const t = {};
       return r.theme === "default" || Object.keys(i).forEach((u) => {
         t[u] = i[u][r.theme];
       }), t;
     });
-    return (t, u) => (o(), n(
+    return (t, u) => (o(), d(
       "div",
       {
-        class: "das-ui-header-menu",
-        style: g(f.value)
+        class: g(["das-ui-header-menu", `theme-${t.theme}`]),
+        style: v(f.value)
       },
       [
-        v(l(D), p(t.$attrs, {
+        p(l(x), k(t.$attrs, {
           style: { height: l(a) },
           type: "editable-card",
           contextmenu: !1,
@@ -96,24 +101,24 @@ const C = (e, m) => ({
             ])
           ]),
           default: s(() => [
-            (o(!0), n(
-              k,
+            (o(!0), d(
+              j,
               null,
-              j(t.menus, (d) => (o(), _(
-                l(T),
+              _(t.menus, (n) => (o(), D(
+                l(B),
                 {
-                  key: d.code
+                  key: n.code
                 },
                 {
                   tab: s(() => [
-                    H((o(), n("div", M, [
+                    H((o(), d("div", M, [
                       E(
-                        x(d.name),
+                        T(n.name),
                         1
                         /* TEXT */
                       )
                     ])), [
-                      [l(B)]
+                      [l(C)]
                     ])
                   ]),
                   _: 2
@@ -130,11 +135,12 @@ const C = (e, m) => ({
           /* FORWARDED */
         }, 16, ["style"])
       ],
-      4
-      /* STYLE */
+      6
+      /* CLASS, STYLE */
     ));
   }
 }), L = {
+  "--das-ui-layout-header-menu-border-color": "#ffffff",
   "--das-ui-layout-header-menu-background-color": "#ffffff",
   "--das-ui-layout-header-menu-color": "#212121",
   "--das-ui-layout-header-menu-hover-background-color": "#F2F6FF",
@@ -145,8 +151,8 @@ const C = (e, m) => ({
   "--das-ui-layout-header-menu-remove-btn-hover-color": "#ffffff"
 };
 S(L);
-const q = b(A), G = { title: "Menu-Header 水平导航栏" };
+const G = b(A), J = { title: "Menu-Header 水平导航栏" };
 export {
-  q as DasMenuHeader,
-  G as default
+  G as DasMenuHeader,
+  J as default
 };

package/packages/components/menu-header/src/style-theme.d.ts

@@ -1,4 +1,9 @@
 declare const _default: {
+    '--das-ui-layout-header-menu-border-color': {
+        kjl: string;
+        cjb: string;
+        ssl: string;
+    };
     '--das-ui-layout-header-menu-background-color': {
         kjl: string;
         cjb: string;

package/packages/components/menu-header/theme/base.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    '--das-ui-layout-header-menu-border-color': string;
     '--das-ui-layout-header-menu-background-color': string;
     '--das-ui-layout-header-menu-color': string;
     '--das-ui-layout-header-menu-hover-background-color': string;