@das-fed/ui 6.4.0-hot.9.1 → 6.4.0-test.10

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

@@ -1,95 +1,98 @@
 import '@das-fed/ui/packages/components/menu-aside/style.css';
-import { withInstall as He } from "@das-fed/utils/with-install/index";
-import { h as ue, nextTick as Ue, createVNode as E, defineComponent as je, ref as G, openBlock as d, createBlock as M, unref as f, mergeProps as te, withCtx as A, createElementVNode as h, createElementBlock as v, renderSlot as x, createCommentVNode as y, createTextVNode as Pe, toDisplayString as F, Fragment as O, withDirectives as fe, renderList as B, normalizeClass as I, withModifiers as U, watch as ce, onMounted as Le, computed as Ee, isRef as Ve, normalizeStyle as de, createSlots as We } from "vue";
-import { DasScrollbar as qe } from "@das-fed/ui/packages/components/scrollbar/index";
-import { pureImageSrc as j } from "@das-fed/utils/pure-image-src";
-import { SubMenu as Ze, MenuItem as q, Menu as Ge } from "ant-design-vue";
+import { withInstall as qe } from "@das-fed/utils/with-install/index";
+import { h as ke, nextTick as Ge, createVNode as S, defineComponent as ye, computed as L, openBlock as c, createElementBlock as p, normalizeStyle as ne, ref as Y, createBlock as _, unref as s, mergeProps as de, withCtx as M, createElementVNode as h, renderSlot as U, createCommentVNode as b, withDirectives as $, createTextVNode as B, toDisplayString as F, Fragment as O, withModifiers as R, renderList as G, normalizeClass as P, watch as Ce, onMounted as Je, isRef as Ye } from "vue";
+import { t as H, setI18nRule as Ze } from "@das-fed/web/packages/i18n/index";
+import { DasScrollbar as Qe } from "@das-fed/ui/packages/components/scrollbar/index";
+import { DasTooltip as Xe } from "@das-fed/ui/packages/components/tooltip/index";
+import { vDasTooltip as K } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { pureImageSrc as ae } from "@das-fed/utils/pure-image-src";
+import { SubMenu as en, MenuItem as re, Menu as nn } from "ant-design-vue";
 import "ant-design-vue/es/menu/style/css";
-import { vOverlay as pe } from "@das-fed/ui/packages/components/overlay/index";
-import { DasAutoRegisterIcon as Je, DasIcon as ge } from "@das-fed/ui/packages/components/icon/index";
-import { useZIndex as Ye } from "@das-fed/utils/hooks/popup-manager/use-zindex";
-import { setThemeRule as Qe } from "@das-fed/web/packages/theme/index";
-function k(e, r) {
-  Xe(e) && (e = "100%");
-  var n = en(e);
+import { vOverlay as Fe } from "@das-fed/ui/packages/components/overlay/index";
+import { DasAutoRegisterIcon as rn, DasIcon as Z } from "@das-fed/ui/packages/components/icon/index";
+import { updateStyle as tn, createStyle as an } from "@das-fed/utils/style";
+import { setThemeRule as on } from "@das-fed/web/packages/theme/index";
+function j(e, r) {
+  ln(e) && (e = "100%");
+  var n = sn(e);
   return e = r === 360 ? e : Math.min(r, Math.max(0, parseFloat(e))), n && (e = parseInt(String(e * r), 10) / 100), Math.abs(e - r) < 1e-6 ? 1 : (r === 360 ? e = (e < 0 ? e % r + r : e % r) / parseFloat(String(r)) : e = e % r / parseFloat(String(r)), e);
 }
-function Xe(e) {
+function ln(e) {
   return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
 }
-function en(e) {
+function sn(e) {
   return typeof e == "string" && e.indexOf("%") !== -1;
 }
-function nn(e) {
+function un(e) {
   return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
-function L(e) {
+function Q(e) {
   return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
 }
-function J(e) {
+function oe(e) {
   return e.length === 1 ? "0" + e : String(e);
 }
-function rn(e, r, n) {
+function cn(e, r, n) {
   return {
-    r: k(e, 255) * 255,
-    g: k(r, 255) * 255,
-    b: k(n, 255) * 255
+    r: j(e, 255) * 255,
+    g: j(r, 255) * 255,
+    b: j(n, 255) * 255
   };
 }
-function Y(e, r, n) {
+function ie(e, r, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (r - e) * (6 * n) : n < 1 / 2 ? r : n < 2 / 3 ? e + (r - e) * (2 / 3 - n) * 6 : e;
 }
-function tn(e, r, n) {
-  var t, a, l;
-  if (e = k(e, 360), r = k(r, 100), n = k(n, 100), r === 0)
-    a = n, l = n, t = n;
+function fn(e, r, n) {
+  var t, a, i;
+  if (e = j(e, 360), r = j(r, 100), n = j(n, 100), r === 0)
+    a = n, i = n, t = n;
   else {
-    var u = n < 0.5 ? n * (1 + r) : n + r - n * r, o = 2 * n - u;
-    t = Y(o, u, e + 1 / 3), a = Y(o, u, e), l = Y(o, u, e - 1 / 3);
+    var d = n < 0.5 ? n * (1 + r) : n + r - n * r, f = 2 * n - d;
+    t = ie(f, d, e + 1 / 3), a = ie(f, d, e), i = ie(f, d, e - 1 / 3);
   }
-  return { r: t * 255, g: a * 255, b: l * 255 };
+  return { r: t * 255, g: a * 255, b: i * 255 };
 }
-function an(e, r, n) {
-  e = k(e, 255), r = k(r, 255), n = k(n, 255);
-  var t = Math.max(e, r, n), a = Math.min(e, r, n), l = 0, u = t, o = t - a, c = t === 0 ? 0 : o / t;
+function dn(e, r, n) {
+  e = j(e, 255), r = j(r, 255), n = j(n, 255);
+  var t = Math.max(e, r, n), a = Math.min(e, r, n), i = 0, d = t, f = t - a, g = t === 0 ? 0 : f / t;
   if (t === a)
-    l = 0;
+    i = 0;
   else {
     switch (t) {
       case e:
-        l = (r - n) / o + (r < n ? 6 : 0);
+        i = (r - n) / f + (r < n ? 6 : 0);
         break;
       case r:
-        l = (n - e) / o + 2;
+        i = (n - e) / f + 2;
         break;
       case n:
-        l = (e - r) / o + 4;
+        i = (e - r) / f + 4;
         break;
     }
-    l /= 6;
+    i /= 6;
   }
-  return { h: l, s: c, v: u };
+  return { h: i, s: g, v: d };
 }
-function on(e, r, n) {
-  e = k(e, 360) * 6, r = k(r, 100), n = k(n, 100);
-  var t = Math.floor(e), a = e - t, l = n * (1 - r), u = n * (1 - a * r), o = n * (1 - (1 - a) * r), c = t % 6, s = [n, u, l, l, o, n][c], b = [o, n, n, u, l, l][c], g = [l, l, o, n, n, u][c];
-  return { r: s * 255, g: b * 255, b: g * 255 };
+function pn(e, r, n) {
+  e = j(e, 360) * 6, r = j(r, 100), n = j(n, 100);
+  var t = Math.floor(e), a = e - t, i = n * (1 - r), d = n * (1 - a * r), f = n * (1 - (1 - a) * r), g = t % 6, o = [n, d, i, i, f, n][g], y = [f, n, n, d, i, i][g], u = [i, i, f, n, n, d][g];
+  return { r: o * 255, g: y * 255, b: u * 255 };
 }
-function ln(e, r, n, t) {
+function gn(e, r, n, t) {
   var a = [
-    J(Math.round(e).toString(16)),
-    J(Math.round(r).toString(16)),
-    J(Math.round(n).toString(16))
+    oe(Math.round(e).toString(16)),
+    oe(Math.round(r).toString(16)),
+    oe(Math.round(n).toString(16))
   ];
   return a.join("");
 }
-function ve(e) {
-  return m(e) / 255;
+function Se(e) {
+  return C(e) / 255;
 }
-function m(e) {
+function C(e) {
   return parseInt(e, 16);
 }
-var ye = {
+var we = {
   aliceblue: "#f0f8ff",
   antiquewhite: "#faebd7",
   aqua: "#00ffff",
@@ -239,67 +242,67 @@ var ye = {
   yellow: "#ffff00",
   yellowgreen: "#9acd32"
 };
-function N(e) {
-  var r = { r: 0, g: 0, b: 0 }, n = 1, t = null, a = null, l = null, u = !1, o = !1;
-  return typeof e == "string" && (e = fn(e)), typeof e == "object" && (T(e.r) && T(e.g) && T(e.b) ? (r = rn(e.r, e.g, e.b), u = !0, o = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : T(e.h) && T(e.s) && T(e.v) ? (t = L(e.s), a = L(e.v), r = on(e.h, t, a), u = !0, o = "hsv") : T(e.h) && T(e.s) && T(e.l) && (t = L(e.s), l = L(e.l), r = tn(e.h, t, l), u = !0, o = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = nn(n), {
-    ok: u,
-    format: e.format || o,
+function W(e) {
+  var r = { r: 0, g: 0, b: 0 }, n = 1, t = null, a = null, i = null, d = !1, f = !1;
+  return typeof e == "string" && (e = bn(e)), typeof e == "object" && (x(e.r) && x(e.g) && x(e.b) ? (r = cn(e.r, e.g, e.b), d = !0, f = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : x(e.h) && x(e.s) && x(e.v) ? (t = Q(e.s), a = Q(e.v), r = pn(e.h, t, a), d = !0, f = "hsv") : x(e.h) && x(e.s) && x(e.l) && (t = Q(e.s), i = Q(e.l), r = fn(e.h, t, i), d = !0, f = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = un(n), {
+    ok: d,
+    format: e.format || f,
     r: Math.min(255, Math.max(r.r, 0)),
     g: Math.min(255, Math.max(r.g, 0)),
     b: Math.min(255, Math.max(r.b, 0)),
     a: n
   };
 }
-var sn = "[-\\+]?\\d+%?", un = "[-\\+]?\\d*\\.\\d+%?", P = "(?:".concat(un, ")|(?:").concat(sn, ")"), Q = "[\\s|\\(]+(".concat(P, ")[,|\\s]+(").concat(P, ")[,|\\s]+(").concat(P, ")\\s*\\)?"), X = "[\\s|\\(]+(".concat(P, ")[,|\\s]+(").concat(P, ")[,|\\s]+(").concat(P, ")[,|\\s]+(").concat(P, ")\\s*\\)?"), S = {
-  CSS_UNIT: new RegExp(P),
-  rgb: new RegExp("rgb" + Q),
-  rgba: new RegExp("rgba" + X),
-  hsl: new RegExp("hsl" + Q),
-  hsla: new RegExp("hsla" + X),
-  hsv: new RegExp("hsv" + Q),
-  hsva: new RegExp("hsva" + X),
+var vn = "[-\\+]?\\d+%?", yn = "[-\\+]?\\d*\\.\\d+%?", E = "(?:".concat(yn, ")|(?:").concat(vn, ")"), le = "[\\s|\\(]+(".concat(E, ")[,|\\s]+(").concat(E, ")[,|\\s]+(").concat(E, ")\\s*\\)?"), se = "[\\s|\\(]+(".concat(E, ")[,|\\s]+(").concat(E, ")[,|\\s]+(").concat(E, ")[,|\\s]+(").concat(E, ")\\s*\\)?"), A = {
+  CSS_UNIT: new RegExp(E),
+  rgb: new RegExp("rgb" + le),
+  rgba: new RegExp("rgba" + se),
+  hsl: new RegExp("hsl" + le),
+  hsla: new RegExp("hsla" + se),
+  hsv: new RegExp("hsv" + le),
+  hsva: new RegExp("hsva" + se),
   hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
   hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
   hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
   hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
 };
-function fn(e) {
+function bn(e) {
   if (e = e.trim().toLowerCase(), e.length === 0)
     return !1;
   var r = !1;
-  if (ye[e])
-    e = ye[e], r = !0;
+  if (we[e])
+    e = we[e], r = !0;
   else if (e === "transparent")
     return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-  var n = S.rgb.exec(e);
-  return n ? { r: n[1], g: n[2], b: n[3] } : (n = S.rgba.exec(e), n ? { r: n[1], g: n[2], b: n[3], a: n[4] } : (n = S.hsl.exec(e), n ? { h: n[1], s: n[2], l: n[3] } : (n = S.hsla.exec(e), n ? { h: n[1], s: n[2], l: n[3], a: n[4] } : (n = S.hsv.exec(e), n ? { h: n[1], s: n[2], v: n[3] } : (n = S.hsva.exec(e), n ? { h: n[1], s: n[2], v: n[3], a: n[4] } : (n = S.hex8.exec(e), n ? {
-    r: m(n[1]),
-    g: m(n[2]),
-    b: m(n[3]),
-    a: ve(n[4]),
+  var n = A.rgb.exec(e);
+  return n ? { r: n[1], g: n[2], b: n[3] } : (n = A.rgba.exec(e), n ? { r: n[1], g: n[2], b: n[3], a: n[4] } : (n = A.hsl.exec(e), n ? { h: n[1], s: n[2], l: n[3] } : (n = A.hsla.exec(e), n ? { h: n[1], s: n[2], l: n[3], a: n[4] } : (n = A.hsv.exec(e), n ? { h: n[1], s: n[2], v: n[3] } : (n = A.hsva.exec(e), n ? { h: n[1], s: n[2], v: n[3], a: n[4] } : (n = A.hex8.exec(e), n ? {
+    r: C(n[1]),
+    g: C(n[2]),
+    b: C(n[3]),
+    a: Se(n[4]),
     format: r ? "name" : "hex8"
-  } : (n = S.hex6.exec(e), n ? {
-    r: m(n[1]),
-    g: m(n[2]),
-    b: m(n[3]),
+  } : (n = A.hex6.exec(e), n ? {
+    r: C(n[1]),
+    g: C(n[2]),
+    b: C(n[3]),
     format: r ? "name" : "hex"
-  } : (n = S.hex4.exec(e), n ? {
-    r: m(n[1] + n[1]),
-    g: m(n[2] + n[2]),
-    b: m(n[3] + n[3]),
-    a: ve(n[4] + n[4]),
+  } : (n = A.hex4.exec(e), n ? {
+    r: C(n[1] + n[1]),
+    g: C(n[2] + n[2]),
+    b: C(n[3] + n[3]),
+    a: Se(n[4] + n[4]),
     format: r ? "name" : "hex8"
-  } : (n = S.hex3.exec(e), n ? {
-    r: m(n[1] + n[1]),
-    g: m(n[2] + n[2]),
-    b: m(n[3] + n[3]),
+  } : (n = A.hex3.exec(e), n ? {
+    r: C(n[1] + n[1]),
+    g: C(n[2] + n[2]),
+    b: C(n[3] + n[3]),
     format: r ? "name" : "hex"
   } : !1)))))))));
 }
-function T(e) {
-  return !!S.CSS_UNIT.exec(String(e));
+function x(e) {
+  return !!A.CSS_UNIT.exec(String(e));
 }
-var V = 2, he = 0.16, cn = 0.05, dn = 0.05, pn = 0.15, _e = 5, Fe = 4, gn = [{
+var X = 2, Oe = 0.16, mn = 0.05, hn = 0.05, kn = 0.15, ze = 5, Re = 4, Cn = [{
   index: 7,
   opacity: 0.15
 }, {
@@ -330,19 +333,19 @@ var V = 2, he = 0.16, cn = 0.05, dn = 0.05, pn = 0.15, _e = 5, Fe = 4, gn = [{
   index: 1,
   opacity: 0.98
 }];
-function be(e) {
-  var r = e.r, n = e.g, t = e.b, a = an(r, n, t);
+function je(e) {
+  var r = e.r, n = e.g, t = e.b, a = dn(r, n, t);
   return {
     h: a.h * 360,
     s: a.s,
     v: a.v
   };
 }
-function W(e) {
+function ee(e) {
   var r = e.r, n = e.g, t = e.b;
-  return "#".concat(ln(r, n, t));
+  return "#".concat(gn(r, n, t));
 }
-function vn(e, r, n) {
+function Fn(e, r, n) {
   var t = n / 100, a = {
     r: (r.r - e.r) * t + e.r,
     g: (r.g - e.g) * t + e.g,
@@ -350,44 +353,44 @@ function vn(e, r, n) {
   };
   return a;
 }
-function me(e, r, n) {
+function Ae(e, r, n) {
   var t;
-  return Math.round(e.h) >= 60 && Math.round(e.h) <= 240 ? t = n ? Math.round(e.h) - V * r : Math.round(e.h) + V * r : t = n ? Math.round(e.h) + V * r : Math.round(e.h) - V * r, t < 0 ? t += 360 : t >= 360 && (t -= 360), t;
+  return Math.round(e.h) >= 60 && Math.round(e.h) <= 240 ? t = n ? Math.round(e.h) - X * r : Math.round(e.h) + X * r : t = n ? Math.round(e.h) + X * r : Math.round(e.h) - X * r, t < 0 ? t += 360 : t >= 360 && (t -= 360), t;
 }
-function Ce(e, r, n) {
+function Te(e, r, n) {
   if (e.h === 0 && e.s === 0)
     return e.s;
   var t;
-  return n ? t = e.s - he * r : r === Fe ? t = e.s + he : t = e.s + cn * r, t > 1 && (t = 1), n && r === _e && t > 0.1 && (t = 0.1), t < 0.06 && (t = 0.06), Number(t.toFixed(2));
+  return n ? t = e.s - Oe * r : r === Re ? t = e.s + Oe : t = e.s + mn * r, t > 1 && (t = 1), n && r === ze && t > 0.1 && (t = 0.1), t < 0.06 && (t = 0.06), Number(t.toFixed(2));
 }
-function ke(e, r, n) {
+function xe(e, r, n) {
   var t;
-  return n ? t = e.v + dn * r : t = e.v - pn * r, t > 1 && (t = 1), Number(t.toFixed(2));
-}
-function ae(e) {
-  for (var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = [], t = N(e), a = _e; a > 0; a -= 1) {
-    var l = be(t), u = W(N({
-      h: me(l, a, !0),
-      s: Ce(l, a, !0),
-      v: ke(l, a, !0)
+  return n ? t = e.v + hn * r : t = e.v - kn * r, t > 1 && (t = 1), Number(t.toFixed(2));
+}
+function pe(e) {
+  for (var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = [], t = W(e), a = ze; a > 0; a -= 1) {
+    var i = je(t), d = ee(W({
+      h: Ae(i, a, !0),
+      s: Te(i, a, !0),
+      v: xe(i, a, !0)
     }));
-    n.push(u);
+    n.push(d);
   }
-  n.push(W(t));
-  for (var o = 1; o <= Fe; o += 1) {
-    var c = be(t), s = W(N({
-      h: me(c, o),
-      s: Ce(c, o),
-      v: ke(c, o)
+  n.push(ee(t));
+  for (var f = 1; f <= Re; f += 1) {
+    var g = je(t), o = ee(W({
+      h: Ae(g, f),
+      s: Te(g, f),
+      v: xe(g, f)
     }));
-    n.push(s);
+    n.push(o);
   }
-  return r.theme === "dark" ? gn.map(function(b) {
-    var g = b.index, w = b.opacity, p = W(vn(N(r.backgroundColor || "#141414"), N(n[g]), w * 100));
-    return p;
+  return r.theme === "dark" ? Cn.map(function(y) {
+    var u = y.index, w = y.opacity, k = ee(Fn(W(r.backgroundColor || "#141414"), W(n[u]), w * 100));
+    return k;
   }) : n;
 }
-var ee = {
+var ue = {
   red: "#F5222D",
   volcano: "#FA541C",
   orange: "#FA8C16",
@@ -401,67 +404,67 @@ var ee = {
   purple: "#722ED1",
   magenta: "#EB2F96",
   grey: "#666666"
-}, ne = {}, re = {};
-Object.keys(ee).forEach(function(e) {
-  ne[e] = ae(ee[e]), ne[e].primary = ne[e][5], re[e] = ae(ee[e], {
+}, ce = {}, fe = {};
+Object.keys(ue).forEach(function(e) {
+  ce[e] = pe(ue[e]), ce[e].primary = ce[e][5], fe[e] = pe(ue[e], {
     theme: "dark",
     backgroundColor: "#141414"
-  }), re[e].primary = re[e][5];
+  }), fe[e].primary = fe[e][5];
 });
-var we = [], D = [], yn = "insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).";
-function hn() {
+var $e = [], q = [], Sn = "insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).";
+function wn() {
   var e = document.createElement("style");
   return e.setAttribute("type", "text/css"), e;
 }
-function bn(e, r) {
+function On(e, r) {
   if (r = r || {}, e === void 0)
-    throw new Error(yn);
-  var n = r.prepend === !0 ? "prepend" : "append", t = r.container !== void 0 ? r.container : document.querySelector("head"), a = we.indexOf(t);
-  a === -1 && (a = we.push(t) - 1, D[a] = {});
-  var l;
-  return D[a] !== void 0 && D[a][n] !== void 0 ? l = D[a][n] : (l = D[a][n] = hn(), n === "prepend" ? t.insertBefore(l, t.childNodes[0]) : t.appendChild(l)), e.charCodeAt(0) === 65279 && (e = e.substr(1, e.length)), l.styleSheet ? l.styleSheet.cssText += e : l.textContent += e, l;
+    throw new Error(Sn);
+  var n = r.prepend === !0 ? "prepend" : "append", t = r.container !== void 0 ? r.container : document.querySelector("head"), a = $e.indexOf(t);
+  a === -1 && (a = $e.push(t) - 1, q[a] = {});
+  var i;
+  return q[a] !== void 0 && q[a][n] !== void 0 ? i = q[a][n] : (i = q[a][n] = wn(), n === "prepend" ? t.insertBefore(i, t.childNodes[0]) : t.appendChild(i)), e.charCodeAt(0) === 65279 && (e = e.substr(1, e.length)), i.styleSheet ? i.styleSheet.cssText += e : i.textContent += e, i;
 }
-function Se(e) {
+function Me(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) {
       return Object.getOwnPropertyDescriptor(n, a).enumerable;
     }))), t.forEach(function(a) {
-      mn(e, a, n[a]);
+      jn(e, a, n[a]);
     });
   }
   return e;
 }
-function mn(e, r, n) {
+function jn(e, r, n) {
   return r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
 }
-function Cn(e, r) {
+function An(e, r) {
   process.env.NODE_ENV;
 }
-function kn(e, r) {
-  Cn(e, "[@ant-design/icons-vue] ".concat(r));
+function Tn(e, r) {
+  An(e, "[@ant-design/icons-vue] ".concat(r));
 }
-function Oe(e) {
+function _e(e) {
   return typeof e == "object" && typeof e.name == "string" && typeof e.theme == "string" && (typeof e.icon == "object" || typeof e.icon == "function");
 }
-function oe(e, r, n) {
-  return n ? ue(e.tag, Se({
+function ge(e, r, n) {
+  return n ? ke(e.tag, Me({
     key: r
   }, n, e.attrs), (e.children || []).map(function(t, a) {
-    return oe(t, "".concat(r, "-").concat(e.tag, "-").concat(a));
-  })) : ue(e.tag, Se({
+    return ge(t, "".concat(r, "-").concat(e.tag, "-").concat(a));
+  })) : ke(e.tag, Me({
     key: r
   }, e.attrs), (e.children || []).map(function(t, a) {
-    return oe(t, "".concat(r, "-").concat(e.tag, "-").concat(a));
+    return ge(t, "".concat(r, "-").concat(e.tag, "-").concat(a));
   }));
 }
-function Ke(e) {
-  return ae(e)[0];
+function He(e) {
+  return pe(e)[0];
 }
-function ze(e) {
+function Ue(e) {
   return e ? Array.isArray(e) ? e : [e] : [];
 }
-var wn = `
+var xn = `
 .anticon {
   display: inline-block;
   color: inherit;
@@ -515,325 +518,355 @@ var wn = `
     transform: rotate(360deg);
   }
 }
-`, Ae = !1, Sn = function() {
-  var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : wn;
-  Ue(function() {
-    Ae || (typeof window < "u" && window.document && window.document.documentElement && bn(r, {
+`, Pe = !1, $n = function() {
+  var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : xn;
+  Ge(function() {
+    Pe || (typeof window < "u" && window.document && window.document.documentElement && On(r, {
       prepend: !0
-    }), Ae = !0);
+    }), Pe = !0);
   });
-}, On = ["icon", "primaryColor", "secondaryColor"];
-function An(e, r) {
+}, Mn = ["icon", "primaryColor", "secondaryColor"];
+function _n(e, r) {
   if (e == null) return {};
-  var n = Tn(e, r), t, a;
+  var n = Pn(e, r), t, a;
   if (Object.getOwnPropertySymbols) {
-    var l = Object.getOwnPropertySymbols(e);
-    for (a = 0; a < l.length; a++)
-      t = l[a], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (a = 0; a < i.length; a++)
+      t = i[a], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
   }
   return n;
 }
-function Tn(e, r) {
+function Pn(e, r) {
   if (e == null) return {};
-  var n = {}, t = Object.keys(e), a, l;
-  for (l = 0; l < t.length; l++)
-    a = t[l], !(r.indexOf(a) >= 0) && (n[a] = e[a]);
+  var n = {}, t = Object.keys(e), a, i;
+  for (i = 0; i < t.length; i++)
+    a = t[i], !(r.indexOf(a) >= 0) && (n[a] = e[a]);
   return n;
 }
-function Z(e) {
+function te(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) {
       return Object.getOwnPropertyDescriptor(n, a).enumerable;
     }))), t.forEach(function(a) {
-      xn(e, a, n[a]);
+      En(e, a, n[a]);
     });
   }
   return e;
 }
-function xn(e, r, n) {
+function En(e, r, n) {
   return r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
 }
-var R = {
+var J = {
   primaryColor: "#333",
   secondaryColor: "#E6E6E6",
   calculated: !1
 };
-function $n(e) {
+function Dn(e) {
   var r = e.primaryColor, n = e.secondaryColor;
-  R.primaryColor = r, R.secondaryColor = n || Ke(r), R.calculated = !!n;
+  J.primaryColor = r, J.secondaryColor = n || He(r), J.calculated = !!n;
 }
-function Mn() {
-  return Z({}, R);
+function In() {
+  return te({}, J);
 }
-var _ = function(r, n) {
-  var t = Z({}, r, n.attrs), a = t.icon, l = t.primaryColor, u = t.secondaryColor, o = An(t, On), c = R;
-  if (l && (c = {
-    primaryColor: l,
-    secondaryColor: u || Ke(l)
-  }), Sn(), kn(Oe(a), "icon should be icon definiton, but got ".concat(a)), !Oe(a))
+var D = function(r, n) {
+  var t = te({}, r, n.attrs), a = t.icon, i = t.primaryColor, d = t.secondaryColor, f = _n(t, Mn), g = J;
+  if (i && (g = {
+    primaryColor: i,
+    secondaryColor: d || He(i)
+  }), $n(), Tn(_e(a), "icon should be icon definiton, but got ".concat(a)), !_e(a))
     return null;
-  var s = a;
-  return s && typeof s.icon == "function" && (s = Z({}, s, {
-    icon: s.icon(c.primaryColor, c.secondaryColor)
-  })), oe(s.icon, "svg-".concat(s.name), Z({}, o, {
-    "data-icon": s.name,
+  var o = a;
+  return o && typeof o.icon == "function" && (o = te({}, o, {
+    icon: o.icon(g.primaryColor, g.secondaryColor)
+  })), ge(o.icon, "svg-".concat(o.name), te({}, f, {
+    "data-icon": o.name,
     width: "1em",
     height: "1em",
     fill: "currentColor",
     "aria-hidden": "true"
   }));
 };
-_.props = {
+D.props = {
   icon: Object,
   primaryColor: String,
   secondaryColor: String,
   focusable: String
 };
-_.inheritAttrs = !1;
-_.displayName = "IconBase";
-_.getTwoToneColors = Mn;
-_.setTwoToneColors = $n;
-function In(e, r) {
-  return _n(e) || En(e, r) || Pn(e, r) || jn();
-}
-function jn() {
+D.inheritAttrs = !1;
+D.displayName = "IconBase";
+D.getTwoToneColors = In;
+D.setTwoToneColors = Dn;
+function Bn(e, r) {
+  return Rn(e) || zn(e, r) || Nn(e, r) || Kn();
+}
+function Kn() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Pn(e, r) {
+function Nn(e, r) {
   if (e) {
-    if (typeof e == "string") return Te(e, r);
+    if (typeof e == "string") return Ee(e, r);
     var n = Object.prototype.toString.call(e).slice(8, -1);
     if (n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set") return Array.from(e);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Te(e, r);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Ee(e, r);
   }
 }
-function Te(e, r) {
+function Ee(e, r) {
   (r == null || r > e.length) && (r = e.length);
   for (var n = 0, t = new Array(r); n < r; n++)
     t[n] = e[n];
   return t;
 }
-function En(e, r) {
+function zn(e, r) {
   var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (n != null) {
-    var t = [], a = !0, l = !1, u, o;
+    var t = [], a = !0, i = !1, d, f;
     try {
-      for (n = n.call(e); !(a = (u = n.next()).done) && (t.push(u.value), !(r && t.length === r)); a = !0)
+      for (n = n.call(e); !(a = (d = n.next()).done) && (t.push(d.value), !(r && t.length === r)); a = !0)
         ;
-    } catch (c) {
-      l = !0, o = c;
+    } catch (g) {
+      i = !0, f = g;
     } finally {
       try {
         !a && n.return != null && n.return();
       } finally {
-        if (l) throw o;
+        if (i) throw f;
       }
     }
     return t;
   }
 }
-function _n(e) {
+function Rn(e) {
   if (Array.isArray(e)) return e;
 }
-function Ne(e) {
-  var r = ze(e), n = In(r, 2), t = n[0], a = n[1];
-  return _.setTwoToneColors({
+function Le(e) {
+  var r = Ue(e), n = Bn(r, 2), t = n[0], a = n[1];
+  return D.setTwoToneColors({
     primaryColor: t,
     secondaryColor: a
   });
 }
-function Fn() {
-  var e = _.getTwoToneColors();
+function Hn() {
+  var e = D.getTwoToneColors();
   return e.calculated ? [e.primaryColor, e.secondaryColor] : e.primaryColor;
 }
-var Kn = ["class", "icon", "spin", "rotate", "tabindex", "twoToneColor", "onClick"];
-function zn(e, r) {
-  return Rn(e) || Bn(e, r) || Dn(e, r) || Nn();
+var Un = ["class", "icon", "spin", "rotate", "tabindex", "twoToneColor", "onClick"];
+function Ln(e, r) {
+  return Gn(e) || qn(e, r) || Wn(e, r) || Vn();
 }
-function Nn() {
+function Vn() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Dn(e, r) {
+function Wn(e, r) {
   if (e) {
-    if (typeof e == "string") return xe(e, r);
+    if (typeof e == "string") return De(e, r);
     var n = Object.prototype.toString.call(e).slice(8, -1);
     if (n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set") return Array.from(e);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return xe(e, r);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return De(e, r);
   }
 }
-function xe(e, r) {
+function De(e, r) {
   (r == null || r > e.length) && (r = e.length);
   for (var n = 0, t = new Array(r); n < r; n++)
     t[n] = e[n];
   return t;
 }
-function Bn(e, r) {
+function qn(e, r) {
   var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (n != null) {
-    var t = [], a = !0, l = !1, u, o;
+    var t = [], a = !0, i = !1, d, f;
     try {
-      for (n = n.call(e); !(a = (u = n.next()).done) && (t.push(u.value), !(r && t.length === r)); a = !0)
+      for (n = n.call(e); !(a = (d = n.next()).done) && (t.push(d.value), !(r && t.length === r)); a = !0)
         ;
-    } catch (c) {
-      l = !0, o = c;
+    } catch (g) {
+      i = !0, f = g;
     } finally {
       try {
         !a && n.return != null && n.return();
       } finally {
-        if (l) throw o;
+        if (i) throw f;
       }
     }
     return t;
   }
 }
-function Rn(e) {
+function Gn(e) {
   if (Array.isArray(e)) return e;
 }
-function $e(e) {
+function Ie(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) {
       return Object.getOwnPropertyDescriptor(n, a).enumerable;
     }))), t.forEach(function(a) {
-      ie(e, a, n[a]);
+      ve(e, a, n[a]);
     });
   }
   return e;
 }
-function ie(e, r, n) {
+function ve(e, r, n) {
   return r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
 }
-function Hn(e, r) {
+function Jn(e, r) {
   if (e == null) return {};
-  var n = Un(e, r), t, a;
+  var n = Yn(e, r), t, a;
   if (Object.getOwnPropertySymbols) {
-    var l = Object.getOwnPropertySymbols(e);
-    for (a = 0; a < l.length; a++)
-      t = l[a], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (a = 0; a < i.length; a++)
+      t = i[a], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
   }
   return n;
 }
-function Un(e, r) {
+function Yn(e, r) {
   if (e == null) return {};
-  var n = {}, t = Object.keys(e), a, l;
-  for (l = 0; l < t.length; l++)
-    a = t[l], !(r.indexOf(a) >= 0) && (n[a] = e[a]);
+  var n = {}, t = Object.keys(e), a, i;
+  for (i = 0; i < t.length; i++)
+    a = t[i], !(r.indexOf(a) >= 0) && (n[a] = e[a]);
   return n;
 }
-Ne("#1890ff");
-var K = function(r, n) {
-  var t, a = $e({}, r, n.attrs), l = a.class, u = a.icon, o = a.spin, c = a.rotate, s = a.tabindex, b = a.twoToneColor, g = a.onClick, w = Hn(a, Kn), p = (t = {
+Le("#1890ff");
+var N = function(r, n) {
+  var t, a = Ie({}, r, n.attrs), i = a.class, d = a.icon, f = a.spin, g = a.rotate, o = a.tabindex, y = a.twoToneColor, u = a.onClick, w = Jn(a, Un), k = (t = {
     anticon: !0
-  }, ie(t, "anticon-".concat(u.name), !!u.name), ie(t, l, l), t), C = o === "" || o || u.name === "loading" ? "anticon-spin" : "", i = s;
-  i === void 0 && g && (i = -1, w.tabindex = i);
-  var $ = c ? {
-    msTransform: "rotate(".concat(c, "deg)"),
-    transform: "rotate(".concat(c, "deg)")
-  } : void 0, H = ze(b), z = zn(H, 2), Be = z[0], Re = z[1];
-  return E("span", $e({
+  }, ve(t, "anticon-".concat(d.name), !!d.name), ve(t, i, i), t), z = f === "" || f || d.name === "loading" ? "anticon-spin" : "", V = o;
+  V === void 0 && u && (V = -1, w.tabindex = V);
+  var v = g ? {
+    msTransform: "rotate(".concat(g, "deg)"),
+    transform: "rotate(".concat(g, "deg)")
+  } : void 0, m = Ue(y), l = Ln(m, 2), T = l[0], I = l[1];
+  return S("span", Ie({
     role: "img",
-    "aria-label": u.name
+    "aria-label": d.name
   }, w, {
-    onClick: g,
-    class: p
-  }), [E(_, {
-    class: C,
-    icon: u,
-    primaryColor: Be,
-    secondaryColor: Re,
-    style: $
+    onClick: u,
+    class: k
+  }), [S(D, {
+    class: z,
+    icon: d,
+    primaryColor: T,
+    secondaryColor: I,
+    style: v
   }, null)]);
 };
-K.props = {
+N.props = {
   spin: Boolean,
   rotate: Number,
   icon: Object,
   twoToneColor: String
 };
-K.displayName = "AntdIcon";
-K.inheritAttrs = !1;
-K.getTwoToneColor = Fn;
-K.setTwoToneColor = Ne;
-var Ln = { 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 Me(e) {
+N.displayName = "AntdIcon";
+N.inheritAttrs = !1;
+N.getTwoToneColor = Hn;
+N.setTwoToneColor = Le;
+var Zn = { 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 Be(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) {
       return Object.getOwnPropertyDescriptor(n, a).enumerable;
     }))), t.forEach(function(a) {
-      Vn(e, a, n[a]);
+      Qn(e, a, n[a]);
     });
   }
   return e;
 }
-function Vn(e, r, n) {
+function Qn(e, r, n) {
   return r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
 }
-var le = function(r, n) {
-  var t = Me({}, r, n.attrs);
-  return E(K, Me({}, t, {
-    icon: Ln
+var be = function(r, n) {
+  var t = Be({}, r, n.attrs);
+  return S(N, Be({}, t, {
+    icon: Zn
   }), null);
 };
-le.displayName = "MenuFoldOutlined";
-le.inheritAttrs = !1;
-var Wn = { 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 Ie(e) {
+be.displayName = "MenuFoldOutlined";
+be.inheritAttrs = !1;
+var Xn = { 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 Ke(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) {
       return Object.getOwnPropertyDescriptor(n, a).enumerable;
     }))), t.forEach(function(a) {
-      qn(e, a, n[a]);
+      er(e, a, n[a]);
     });
   }
   return e;
 }
-function qn(e, r, n) {
+function er(e, r, n) {
   return r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
 }
-var se = function(r, n) {
-  var t = Ie({}, r, n.attrs);
-  return E(K, Ie({}, t, {
-    icon: Wn
+var me = function(r, n) {
+  var t = Ke({}, r, n.attrs);
+  return S(N, Ke({}, t, {
+    icon: Xn
   }), null);
 };
-se.displayName = "MenuUnfoldOutlined";
-se.inheritAttrs = !1;
-const Zn = (e, r) => ({
-  menuClick: (a, l) => {
-    var u;
-    (u = e.selectedKeys) != null && u.includes(l.id) || r("menuClick", { domEvent: a, item: l, key: l.id, keyPath: [l.parentId, l.id] });
+me.displayName = "MenuUnfoldOutlined";
+me.inheritAttrs = !1;
+const nr = ["src"], Ve = /* @__PURE__ */ ye({
+  __name: "menu-icon",
+  props: {
+    data: { default: () => ({}) },
+    status: { default: "default" }
+  },
+  setup(e) {
+    const r = e, n = L(() => {
+      var i, d, f, g;
+      return r.status === "default" ? (((i = r.data) == null ? void 0 : i.host) || "") + ae(r.data.iconUrl) : (d = r.data) != null && d.hoverIcon ? (((f = r.data) == null ? void 0 : f.host) || "") + ae(r.data.hoverIcon) : (((g = r.data) == null ? void 0 : g.host) || "") + ae(r.data.iconUrl);
+    }), t = L(() => ({
+      display: "block",
+      "background-color": "currentColor",
+      "mask-image": `url(${n.value})`
+    }));
+    return (a, i) => n.value.endsWith(".svg") ? (c(), p(
+      "i",
+      {
+        key: 0,
+        style: ne(t.value)
+      },
+      null,
+      4
+      /* STYLE */
+    )) : (c(), p("img", {
+      key: 1,
+      src: n.value,
+      alt: ""
+    }, null, 8, nr));
+  }
+}), rr = (e, r) => ({
+  menuClick: (a, i) => {
+    var d;
+    (d = e.selectedKeys) != null && d.includes(i.id) || r("menuClick", { domEvent: a, item: i, key: i.id, keyPath: [i.parentId, i.id] });
   },
-  toggleAffix: (a, l) => {
-    r("toggleAffix", a, l);
+  toggleAffix: (a, i) => {
+    r("toggleAffix", a, i);
   }
-}), De = (e, r = "children") => e.map((t) => (t[r] && t[r].length && (t[r] = De(t[r], r)), (!t[r] || !t[r].length) && (t[r] = null), t)), Gn = (e, r) => {
+}), We = (e, r = "children") => e.map((t) => (t[r] && t[r].length && (t[r] = We(t[r], r)), (!t[r] || !t[r].length) && (t[r] = null), t)), tr = (e, r) => {
   for (var n = [], t = 0; t < e.length; t += r)
     n.push(e.slice(t, t + r));
   return n;
-}, Jn = { class: "aside-menu-title has-children" }, Yn = {
+}, ar = { class: "aside-menu-title has-children" }, or = {
   key: 0,
   class: "icon-box"
-}, Qn = ["src"], Xn = {
+}, ir = {
   key: 1,
   class: "menu-title"
-}, er = { class: "submenu-container" }, nr = { class: "title-bar" }, rr = { class: "title-left" }, tr = { class: "title" }, ar = { class: "item-container" }, or = ["onClick"], ir = { class: "name" }, lr = {
+}, lr = { class: "submenu-container" }, sr = { class: "title-bar" }, ur = { class: "title-left" }, cr = { class: "title" }, fr = { class: "item-container" }, dr = ["onClick"], pr = { class: "name" }, gr = {
   key: 0,
   class: "expired"
-}, sr = { class: "name" }, ur = {
+}, vr = { class: "name" }, yr = {
   key: 0,
   class: "expired"
-}, fr = { class: "submenu-container is-collapse" }, cr = { class: "title-bar is-collapse" }, dr = { class: "title-left" }, pr = { class: "title" }, gr = { class: "item-collapse-container" }, vr = ["onClick"], yr = { class: "name" }, hr = {
+}, br = { class: "submenu-container is-collapse" }, mr = { class: "title-bar is-collapse" }, hr = { class: "title-left" }, kr = { class: "title" }, Cr = { class: "icon-title" }, Fr = { class: "icon-title" }, Sr = { class: "item-collapse-container" }, wr = ["onClick"], Or = { class: "name" }, jr = {
   key: 0,
   class: "expired"
-}, br = {
+}, Ar = {
   name: "SubMenu"
-}, mr = /* @__PURE__ */ je({
-  ...br,
+}, Tr = /* @__PURE__ */ ye({
+  ...Ar,
   props: {
     mode: { default: "vertical" },
     collapse: { type: Boolean },
@@ -847,133 +880,152 @@ const Zn = (e, r) => ({
   },
   emits: ["menuClick", "toggleAffix"],
   setup(e, { emit: r }) {
-    const n = G(""), t = e, a = r;
-    Je({
+    const t = Y(!0), a = Y(""), i = e, d = r;
+    rn({
       unlock: import("@das-fed/ui/packages/icons/unlock"),
       lock: import("@das-fed/ui/packages/icons/lock")
     });
-    const { toggleAffix: l, menuClick: u } = Zn(t, a);
-    return (o, c) => (d(), M(f(Ze), te({
+    const { toggleAffix: f, menuClick: g } = rr(i, d);
+    return (o, y) => (c(), _(s(en), de({
       class: ["das-ui-sub-menu", o.parentSelectKeys.includes(o.menuInfo.id) ? "is-active" : ""],
       key: o.menuInfo.id,
       "popup-offset": [0, 0]
     }, o.$attrs, {
-      onMouseover: c[2] || (c[2] = (s) => n.value = o.menuInfo.id),
-      onMouseleave: c[3] || (c[3] = (s) => n.value = -1)
+      onMouseover: y[4] || (y[4] = (u) => a.value = o.menuInfo.id),
+      onMouseleave: y[5] || (y[5] = (u) => a.value = -1)
     }), {
-      icon: A(() => {
-        var s;
+      icon: M(() => {
+        var u;
         return [
-          h("div", Jn, [
-            o.menuInfo.hideIcon ? y("v-if", !0) : (d(), v("div", Yn, [
-              x(o.$slots, "icon", { menuInfo: o.menuInfo }, () => {
-                var b, g;
-                return [
-                  h("img", {
-                    src: o.parentSelectKeys.includes(o.menuInfo.id) || n.value === o.menuInfo.id ? (b = o.menuInfo) != null && b.host ? o.menuInfo.host + f(j)(o.menuInfo.hoverIcon) : f(j)(o.menuInfo.hoverIcon) : (g = o.menuInfo) != null && g.host ? o.menuInfo.host + f(j)(o.menuInfo.iconUrl) : f(j)(o.menuInfo.iconUrl),
-                    alt: ""
-                  }, null, 8, Qn)
-                ];
-              })
+          h("div", ar, [
+            o.menuInfo.hideIcon ? b("v-if", !0) : (c(), p("div", or, [
+              U(o.$slots, "icon", { menuInfo: o.menuInfo }, () => [
+                S(Ve, {
+                  data: o.menuInfo,
+                  status: o.parentSelectKeys.includes(o.menuInfo.id) || a.value === o.menuInfo.id ? "hover" : "default"
+                }, null, 8, ["data", "status"])
+              ])
             ])),
-            o.collapse ? y("v-if", !0) : (d(), v("div", Xn, [
-              x(o.$slots, ((s = o.menuInfo) == null ? void 0 : s.code) + "-name", {}, () => [
-                Pe(
-                  F(o.menuInfo.name),
-                  1
-                  /* TEXT */
-                )
+            o.collapse ? b("v-if", !0) : (c(), p("div", ir, [
+              U(o.$slots, ((u = o.menuInfo) == null ? void 0 : u.code) + "-name", {}, () => [
+                $((c(), p("div", null, [
+                  B(
+                    F(o.menuInfo.name),
+                    1
+                    /* TEXT */
+                  )
+                ])), [
+                  [s(K)]
+                ])
               ])
             ]))
           ])
         ];
       }),
-      default: A(() => [
-        o.menuInfo.children.length ? (d(), v(
+      default: M(() => [
+        o.menuInfo.children.length ? (c(), p(
           O,
           { key: 0 },
           [
-            y(" 展开 "),
-            o.collapse ? (d(), v(
+            b(" 展开 "),
+            o.collapse ? (c(), p(
               O,
               { key: 1 },
               [
-                y(" 收起 "),
-                E(f(q), null, {
-                  default: A(() => [
-                    h("div", fr, [
-                      h("div", cr, [
-                        h("div", dr, [
-                          h(
-                            "div",
-                            pr,
-                            F(o.menuInfo.name),
-                            1
-                            /* TEXT */
-                          )
+                b(" 收起 "),
+                S(s(re), null, {
+                  default: M(() => [
+                    h("div", br, [
+                      h("div", mr, [
+                        h("div", hr, [
+                          $((c(), p("div", kr, [
+                            B(
+                              F(o.menuInfo.name),
+                              1
+                              /* TEXT */
+                            )
+                          ])), [
+                            [s(K)]
+                          ])
                         ]),
-                        o.affixKeys.includes(o.menuInfo.id) ? (d(), v("div", {
-                          key: 0,
-                          class: "title-right",
-                          onClick: c[0] || (c[0] = U((s) => f(l)(o.menuInfo.id, !1), ["stop"]))
-                        }, [
-                          E(f(ge), {
-                            icon: "unlock",
-                            size: "small"
-                          }),
-                          c[4] || (c[4] = h(
-                            "div",
-                            { class: "icon-title" },
-                            "解锁",
-                            -1
-                            /* HOISTED */
-                          ))
-                        ])) : y("v-if", !0),
-                        o.affixKeys.includes(o.menuInfo.id) ? y("v-if", !0) : (d(), v("div", {
-                          key: 1,
-                          class: "title-right affix",
-                          onClick: c[1] || (c[1] = U((s) => f(l)(o.menuInfo.id, !0), ["stop"]))
-                        }, [
-                          E(f(ge), {
-                            icon: "lock",
-                            size: "small"
-                          }),
-                          c[5] || (c[5] = h(
-                            "div",
-                            { class: "icon-title" },
-                            "锁住",
-                            -1
-                            /* HOISTED */
-                          ))
-                        ]))
+                        s(!1) && t.value ? (c(), p(
+                          O,
+                          { key: 0 },
+                          [
+                            o.affixKeys.includes(o.menuInfo.id) ? (c(), p("div", {
+                              key: 0,
+                              class: "title-right",
+                              onClick: y[2] || (y[2] = R((u) => s(f)(o.menuInfo.id, !1), ["stop"]))
+                            }, [
+                              S(s(Z), {
+                                icon: "unlock",
+                                size: "small"
+                              }),
+                              h(
+                                "div",
+                                Cr,
+                                F(s(H)("解锁")),
+                                1
+                                /* TEXT */
+                              )
+                            ])) : b("v-if", !0),
+                            o.affixKeys.includes(o.menuInfo.id) ? b("v-if", !0) : (c(), p("div", {
+                              key: 1,
+                              class: "title-right affix",
+                              onClick: y[3] || (y[3] = R((u) => s(f)(o.menuInfo.id, !0), ["stop"]))
+                            }, [
+                              S(s(Z), {
+                                icon: "lock",
+                                size: "small"
+                              }),
+                              h(
+                                "div",
+                                Fr,
+                                F(s(H)("锁住")),
+                                1
+                                /* TEXT */
+                              )
+                            ]))
+                          ],
+                          64
+                          /* STABLE_FRAGMENT */
+                        )) : b("v-if", !0)
                       ]),
-                      fe((d(), v("div", gr, [
-                        (d(!0), v(
+                      $((c(), p("div", Sr, [
+                        (c(!0), p(
                           O,
                           null,
-                          B(o.menuInfo.children, (s) => (d(), v("div", {
-                            key: s.id,
-                            class: I([
+                          G(o.menuInfo.children, (u) => (c(), p("div", {
+                            key: u.id,
+                            class: P([
                               "sub-menu-item",
-                              o.selectedKeys.includes(s.id) ? "is-active" : "",
-                              s != null && s.disable ? "is-disable" : ""
+                              o.selectedKeys.includes(u.id) ? "is-active" : "",
+                              u != null && u.disable ? "is-disable" : ""
                             ]),
-                            onClick: U((b) => f(u)(b, s), ["stop"])
+                            onClick: R((w) => s(g)(w, u), ["stop"])
                           }, [
-                            h(
+                            $((c(), p("div", Or, [
+                              B(
+                                F(u.name),
+                                1
+                                /* TEXT */
+                              )
+                            ])), [
+                              [s(K)]
+                            ]),
+                            u != null && u.expired ? (c(), p(
                               "div",
-                              yr,
-                              F(s.name),
+                              jr,
+                              F(s(H)("已到期")),
                               1
                               /* TEXT */
-                            ),
-                            s != null && s.expired ? (d(), v("div", hr, "已到期")) : y("v-if", !0)
-                          ], 10, vr))),
+                            )) : b("v-if", !0)
+                          ], 10, wr))),
                           128
                           /* KEYED_FRAGMENT */
                         ))
                       ])), [
-                        [f(pe), { x: !1 }]
+                        [s(Fe), { x: !1 }]
                       ])
                     ])
                   ]),
@@ -983,69 +1035,105 @@ const Zn = (e, r) => ({
               ],
               2112
               /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-            )) : (d(), v(
+            )) : (c(), p(
               O,
               { key: 0 },
               [
-                o.mode === "vertical" ? (d(), M(f(q), { key: 0 }, {
-                  default: A(() => [
-                    h("div", er, [
-                      h("div", nr, [
-                        h("div", rr, [
-                          h(
-                            "div",
-                            tr,
-                            F(o.menuInfo.name),
-                            1
-                            /* TEXT */
-                          )
+                o.mode === "vertical" ? (c(), _(s(re), { key: 0 }, {
+                  default: M(() => [
+                    h("div", lr, [
+                      h("div", sr, [
+                        h("div", ur, [
+                          $((c(), p("div", cr, [
+                            B(
+                              F(o.menuInfo.name),
+                              1
+                              /* TEXT */
+                            )
+                          ])), [
+                            [s(K)]
+                          ])
                         ]),
-                        y(` <div\r
-                class="title-right"\r
-                @click.stop="toggleAffix(menuInfo.id, false)"\r
-                v-if="affixKeys.includes(menuInfo.id)"\r
-              >\r
-                <das-icon icon="unlock" size="small"></das-icon>\r
-                <div class="icon-title">解锁</div>\r
-              </div>\r
-              <div\r
-                class="title-right affix"\r
-                @click.stop="toggleAffix(menuInfo.id, true)"\r
-                v-if="!affixKeys.includes(menuInfo.id)"\r
-              >\r
-                <das-icon icon="lock" size="small"></das-icon>\r
-                <div class="icon-title">锁住</div>\r
-              </div> `)
+                        s(!1) && t.value ? (c(), p(
+                          O,
+                          { key: 0 },
+                          [
+                            o.affixKeys.includes(o.menuInfo.id) ? (c(), p("div", {
+                              key: 0,
+                              class: "title-right",
+                              onClick: y[0] || (y[0] = R((u) => s(f)(o.menuInfo.id, !1), ["stop"]))
+                            }, [
+                              S(s(Z), {
+                                icon: "unlock",
+                                size: "small"
+                              }),
+                              y[6] || (y[6] = h(
+                                "div",
+                                { class: "icon-title" },
+                                "解锁",
+                                -1
+                                /* HOISTED */
+                              ))
+                            ])) : b("v-if", !0),
+                            o.affixKeys.includes(o.menuInfo.id) ? b("v-if", !0) : (c(), p("div", {
+                              key: 1,
+                              class: "title-right affix",
+                              onClick: y[1] || (y[1] = R((u) => s(f)(o.menuInfo.id, !0), ["stop"]))
+                            }, [
+                              S(s(Z), {
+                                icon: "lock",
+                                size: "small"
+                              }),
+                              y[7] || (y[7] = h(
+                                "div",
+                                { class: "icon-title" },
+                                "锁住",
+                                -1
+                                /* HOISTED */
+                              ))
+                            ]))
+                          ],
+                          64
+                          /* STABLE_FRAGMENT */
+                        )) : b("v-if", !0)
                       ]),
-                      fe((d(), v("div", ar, [
-                        (d(!0), v(
+                      $((c(), p("div", fr, [
+                        (c(!0), p(
                           O,
                           null,
-                          B(f(Gn)(o.menuInfo.children, 4), (s, b) => (d(), v("div", {
-                            key: b,
+                          G(s(tr)(o.menuInfo.children, 4), (u, w) => (c(), p("div", {
+                            key: w,
                             class: "sub-menu-row"
                           }, [
-                            (d(!0), v(
+                            (c(!0), p(
                               O,
                               null,
-                              B(s, (g) => (d(), v("div", {
-                                key: g.id,
-                                class: I([
+                              G(u, (k) => (c(), p("div", {
+                                key: k.id,
+                                class: P([
                                   "sub-menu-item",
-                                  o.selectedKeys.includes(g.id) ? "is-active" : "",
-                                  g != null && g.disable ? "is-disable" : ""
+                                  o.selectedKeys.includes(k.id) ? "is-active" : "",
+                                  k != null && k.disable ? "is-disable" : ""
                                 ]),
-                                onClick: U((w) => f(u)(w, g), ["stop"])
+                                onClick: R((z) => s(g)(z, k), ["stop"])
                               }, [
-                                h(
+                                $((c(), p("div", pr, [
+                                  B(
+                                    F(k.name),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ])), [
+                                  [s(K)]
+                                ]),
+                                k != null && k.expired ? (c(), p(
                                   "div",
-                                  ir,
-                                  F(g.name),
+                                  gr,
+                                  F(s(H)("已到期")),
                                   1
                                   /* TEXT */
-                                ),
-                                g != null && g.expired ? (d(), v("div", lr, "已到期")) : y("v-if", !0)
-                              ], 10, or))),
+                                )) : b("v-if", !0)
+                              ], 10, dr))),
                               128
                               /* KEYED_FRAGMENT */
                             ))
@@ -1054,42 +1142,50 @@ const Zn = (e, r) => ({
                           /* KEYED_FRAGMENT */
                         ))
                       ])), [
-                        [f(pe), { x: !1 }]
+                        [s(Fe), { x: !1 }]
                       ])
                     ])
                   ]),
                   _: 1
                   /* STABLE */
-                })) : y("v-if", !0),
-                o.mode === "inline" ? (d(!0), v(
+                })) : b("v-if", !0),
+                o.mode === "inline" ? (c(!0), p(
                   O,
                   { key: 1 },
-                  B(o.menuInfo.children, (s) => (d(), M(
-                    f(q),
+                  G(o.menuInfo.children, (u) => (c(), _(
+                    s(re),
                     {
-                      key: s.id
+                      key: u.id
                     },
                     {
-                      default: A(() => [
+                      default: M(() => [
                         h(
                           "div",
                           {
-                            class: I([
+                            class: P([
                               "sub-menu-item_inline",
-                              o.selectedKeys.includes(s.id) ? "is-active" : "",
-                              s != null && s.expired ? "is-expired" : "",
-                              s != null && s.disable ? "is-disable" : ""
+                              o.selectedKeys.includes(u.id) ? "is-active" : "",
+                              u != null && u.expired ? "is-expired" : "",
+                              u != null && u.disable ? "is-disable" : ""
                             ])
                           },
                           [
-                            h(
+                            $((c(), p("div", vr, [
+                              B(
+                                F(u.name),
+                                1
+                                /* TEXT */
+                              )
+                            ])), [
+                              [s(K)]
+                            ]),
+                            u != null && u.expired ? (c(), p(
                               "div",
-                              sr,
-                              F(s.name),
+                              yr,
+                              F(s(H)("已到期")),
                               1
                               /* TEXT */
-                            ),
-                            s != null && s.expired ? (d(), v("div", ur, "已到期")) : y("v-if", !0)
+                            )) : b("v-if", !0)
                           ],
                           2
                           /* CLASS */
@@ -1103,7 +1199,7 @@ const Zn = (e, r) => ({
                   ))),
                   128
                   /* KEYED_FRAGMENT */
-                )) : y("v-if", !0)
+                )) : b("v-if", !0)
               ],
               64
               /* STABLE_FRAGMENT */
@@ -1111,77 +1207,177 @@ const Zn = (e, r) => ({
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : y("v-if", !0)
+        )) : b("v-if", !0)
       ]),
       _: 3
       /* FORWARDED */
     }, 16, ["class"]));
   }
-}), Cr = (e, r) => {
-  const n = G([]), t = G([]);
-  ce(
+}), xr = (e, r) => {
+  const n = Y([]), t = Y([]);
+  Ce(
     () => n.value,
-    (s) => {
-      r("update:currentOpenKeys", s);
+    (o) => {
+      r("update:currentOpenKeys", o);
     }
-  ), ce(
+  ), Ce(
     () => e.currentOpenKeys,
-    (s) => {
-      s && n.value !== s && (n.value = e.currentOpenKeys || []);
+    (o) => {
+      o && n.value !== o && (n.value = e.currentOpenKeys || []);
     },
     { immediate: !0 }
   );
-  const a = (s, b) => {
-    b ? (t.value.push(s), t.value = Array.from(new Set(t.value))) : t.value.map((g, w) => {
-      g === s && t.value.splice(w, 1);
+  const a = (o, y) => {
+    y ? (t.value.push(o), t.value = Array.from(new Set(t.value))) : t.value.map((u, w) => {
+      u === o && t.value.splice(w, 1);
     });
   };
-  Le(() => {
-    document.documentElement.style.setProperty("--das-menu-submenu-popup-z-index", "2000");
+  Je(() => {
+    document.documentElement.style.setProperty("--das-menu-submenu-popup-z-index", "999998");
   });
-  const l = (s) => {
-    if (e.mode === "inline" && !o.value) {
-      const b = t.value.filter((g) => !s.includes(g));
-      t.value = t.value.filter((g) => !b.includes(g));
+  const i = (o) => {
+    if (e.mode === "inline") {
+      if (!f.value) {
+        const y = t.value.filter((u) => !o.includes(u));
+        t.value = t.value.filter((u) => !y.includes(u));
+      }
+      n.value = [o[o.length - 1]];
     }
-    n.value = Array.from(new Set(s.concat(t.value))), e.mode === "vertical" && s && s.length === 1 && document.documentElement.style.setProperty("--das-menu-submenu-popup-z-index", Ye().nextZIndex());
-  }, u = (s) => {
-    !s || !s.key || r("menuClick", s);
-  }, o = Ee({
+    e.mode === "vertical" && (n.value = Array.from(new Set(o.concat(t.value))));
+  }, d = (o) => {
+    !o || !o.key || r("menuClick", o);
+  }, f = L({
     get: () => !!e.collapse,
-    set: (s) => {
-      r("update:collapse", s);
+    set: (o) => {
+      r("update:collapse", o);
     }
   });
   return {
-    isCollapse: o,
+    isCollapse: f,
     openKeys: n,
     affixKeys: t,
     toggleAffix: a,
-    openChange: l,
-    menuClick: u,
-    toggleCollapse: () => {
-      o.value = !o.value, r("toggleCollapse", o.value);
+    openChange: i,
+    menuClick: d,
+    toggleCollapse: (o) => {
+      f.value = o, r("toggleCollapse", o);
     }
   };
-}, kr = {
+}, Ne = {
+  "--das-ui-layout-aside-border-color": {
+    kjl: "#D9D9D9",
+    ssl: "#1B1F40",
+    cjb: "#D9D9D9"
+  },
+  "--das-ui-layout-aside-background-color": {
+    kjl: "#2673DC",
+    ssl: "#1B1F40",
+    cjb: "#FFFFFF"
+  },
+  "--das-ui-layout-aside--item-color": {
+    kjl: "rgba(255, 255, 255, 0.8)",
+    ssl: "#D6D7DA",
+    cjb: "#666666"
+  },
+  "--das-ui-layout-aside--item-arrow-color": {
+    kjl: "#FFFFFF",
+    ssl: "#999999",
+    cjb: "#999999"
+  },
+  "--das-ui-layout-aside--item-active-color": {
+    kjl: "rgba(255, 255, 255)",
+    ssl: "#FFFFFF",
+    cjb: "#5582F3"
+  },
+  "--das-ui-layout-aside--item-active-background-color": {
+    kjl: "#1352A7",
+    ssl: "#0D122C",
+    cjb: "#F2F6FF"
+  },
+  "--das-ui-layout-aside-item-hover-color": {
+    kjl: "rgba(255, 255, 255)",
+    ssl: "#FFFFFF",
+    cjb: "#5582F3"
+  },
+  "--das-ui-layout-aside-item-hover-background-color": {
+    kjl: "#1352A7",
+    ssl: "#0D122C",
+    cjb: "transparent"
+  },
+  "--das-ui-layout-aside-submenu-vertical-background-color": {
+    kjl: "#FFFFFF",
+    ssl: "#0D122C",
+    cjb: "#FFFFFF"
+  },
+  "--das-ui-layout-aside-submenu-vertical-item-hover-background-color": {
+    kjl: "#1352A7",
+    ssl: "#000000",
+    cjb: "#F2F6FF"
+  },
+  "--das-ui-layout-aside-submenu-item-color": {
+    kjl: "rgba(255,255,255,0.8)",
+    ssl: "rgba(255,255,255,0.8)",
+    cjb: "#666666"
+  },
+  "--das-ui-layout-aside-submenu-background-color": {
+    kjl: "#185EBE",
+    ssl: "#0D122C",
+    cjb: "#FFFFFF"
+  },
+  "--das-ui-layout-aside-submenu-item-hover-color": {
+    kjl: "#FFFFFF",
+    ssl: "#FFFFFF",
+    cjb: "#5582F3"
+  },
+  "--das-ui-layout-aside-submenu-item-hover-background-color": {
+    kjl: "#1352A7",
+    ssl: "#000000",
+    cjb: "transparent"
+  },
+  "--das-ui-layout-aside-submenu-item-active-background-color": {
+    kjl: "#1352A7",
+    ssl: "#000000",
+    cjb: "#F2F6FF"
+  },
+  "--das-ui-layout-aside-submenu-title-border-color": {
+    kjl: "rgba(217,217,217,0.3)",
+    ssl: "rgba(217,217,217,0.3)",
+    cjb: "#D9D9D9"
+  },
+  "--das-ui-layout-aside-collapse-icon-bg-color": {
+    kjl: "rgba(255,255,255,0.65)",
+    ssl: "#D6D7DA",
+    cjb: "#666666"
+  },
+  "--das-ui-layout-aside-collapse-icon-hover-bg-color": {
+    kjl: "rgba(255,255,255)",
+    ssl: "#FFFFFF",
+    cjb: "#5582F3"
+  },
+  "--das-ui-layout-aside-divise-border-color": {
+    kjl: "rgba(255, 255, 255, 0.3)",
+    ssl: "rgba(255, 255, 255, 0.3)",
+    cjb: "rgba(102, 102, 102, 0.3)"
+  }
+}, $r = {
   key: 0,
   class: "icon-box"
-}, wr = ["src"], Sr = {
+}, Mr = {
   key: 1,
   class: "custom-left-icon"
-}, Or = { class: "menu-item-content" }, Ar = {
+}, _r = { class: "menu-item-content" }, Pr = {
   key: 1,
   class: "expired"
-}, Tr = {
+}, Er = {
   key: 2,
   class: "ant-menu-submenu-arrow",
   custom: "true"
-}, xr = { class: "das-aside-menu-bottom-container" }, $r = {
+}, Dr = { class: "das-aside-menu-bottom-container" }, Ir = {
   name: "DasMenuAside"
-}, Mr = /* @__PURE__ */ je({
-  ...$r,
+}, Br = /* @__PURE__ */ ye({
+  ...Ir,
   props: {
+    globalTheme: { default: "default" },
     mode: { default: "vertical" },
     collapse: { type: Boolean },
     menus: {},
@@ -1192,161 +1388,181 @@ const Zn = (e, r) => ({
   },
   emits: ["update:collapse", "update:currentOpenKeys", "menuClick", "toggleCollapse"],
   setup(e, { emit: r }) {
-    const n = G(""), t = e, a = r, l = Ee(() => {
-      const p = t.menus || [], C = JSON.parse(JSON.stringify(p));
-      return !C || !C.length ? [] : De(C);
-    }), { isCollapse: u, openKeys: o, affixKeys: c, toggleAffix: s, openChange: b, menuClick: g, toggleCollapse: w } = Cr(
+    const n = Y(""), t = e, a = r, i = "das-aside-menu-submenu", d = L(() => {
+      var m;
+      let v = i;
+      return (m = t == null ? void 0 : t.subMenuAttrs) != null && m.popupClassName && (v = `${v} ${t.subMenuAttrs.popupClassName}`), {
+        popupClassName: v
+      };
+    }), f = L(() => {
+      const v = {}, m = document.getElementById(i);
+      if (t.globalTheme === "default")
+        return m && m.remove(), v;
+      Object.keys(Ne).forEach((T) => {
+        var I;
+        v[T] = ((I = Ne[T]) == null ? void 0 : I[t.globalTheme]) ?? void 0;
+      });
+      const l = [
+        {
+          className: `.${i}`,
+          style: v
+        }
+      ];
+      return m ? tn(i, l) : an(i, l), v;
+    }), g = L(() => {
+      const v = t.menus || [], m = JSON.parse(JSON.stringify(v));
+      return !m || !m.length ? [] : We(m);
+    }), { isCollapse: o, openKeys: y, affixKeys: u, toggleAffix: w, openChange: k, menuClick: z, toggleCollapse: V } = xr(
       t,
       a
     );
-    return (p, C) => (d(), v(
+    return (v, m) => (c(), p(
       "div",
       {
-        class: I(["das-ui-layout-aside", p.collapse ? "is-collapse" : ""])
+        class: P(["das-ui-menu-aside", v.collapse ? "is-collapse" : "", `theme-${v.globalTheme}`]),
+        style: ne(f.value)
       },
       [
-        (d(), v(
+        (c(), p(
           "div",
           {
-            key: p.collapse + "",
-            class: I(["das-ui-aside-menu", p.collapse ? "is-collapse" : ""])
+            key: v.collapse + "",
+            class: P(["das-ui-aside-menu", v.collapse ? "is-collapse" : ""])
           },
           [
-            E(f(qe), { style: { height: "100%" } }, {
-              default: A(() => [
-                l.value && l.value.length ? (d(), M(f(Ge), te({
+            S(s(Qe), { style: { height: "100%" } }, {
+              default: M(() => [
+                g.value && g.value.length ? (c(), _(s(nn), de({
                   key: 0,
-                  class: ["das-menu", p.collapse ? "is-collapse" : ""],
-                  mode: p.mode,
-                  openKeys: f(o),
-                  "onUpdate:openKeys": C[1] || (C[1] = (i) => Ve(o) ? o.value = i : null),
-                  selectedKeys: p.currentSelectKeys,
-                  theme: "dark"
-                }, p.$attrs, {
-                  "inline-collapsed": f(u),
-                  onOpenChange: f(b),
-                  onClick: f(g)
+                  class: ["das-menu", v.collapse ? "is-collapse" : ""],
+                  mode: v.mode,
+                  openKeys: s(y),
+                  "onUpdate:openKeys": m[1] || (m[1] = (l) => Ye(y) ? y.value = l : null),
+                  selectedKeys: v.currentSelectKeys,
+                  theme: "dark",
+                  "inline-collapsed": s(o)
+                }, v.$attrs, {
+                  onOpenChange: s(k),
+                  onClick: s(z)
                 }), {
-                  default: A(() => [
-                    (d(!0), v(
+                  default: M(() => [
+                    (c(!0), p(
                       O,
                       null,
-                      B(l.value, (i) => (d(), v(
+                      G(g.value, (l) => (c(), p(
                         O,
                         null,
                         [
-                          y(" 只有一级菜单 "),
-                          i.children ? (d(), v(
+                          b(" 只有一级菜单 "),
+                          l.children ? (c(), p(
                             O,
                             { key: 1 },
                             [
-                              y(" 有二级菜单 "),
-                              (d(), M(mr, te({
-                                key: i.id,
-                                mode: p.mode,
-                                menuInfo: i,
-                                collapse: p.collapse,
-                                affixKeys: f(c),
-                                parentSelectKeys: p.parentSelectKeys,
-                                selectedKeys: p.currentSelectKeys,
+                              b(" 有二级菜单 "),
+                              (c(), _(Tr, de({
+                                key: l.id,
+                                mode: v.mode,
+                                menuInfo: l,
+                                collapse: s(o),
+                                affixKeys: s(u),
+                                parentSelectKeys: v.parentSelectKeys,
+                                selectedKeys: v.currentSelectKeys,
                                 ref_for: !0
-                              }, p.subMenuAttrs, {
-                                onMenuClick: f(g),
-                                onToggleAffix: f(s)
-                              }), We({
-                                _: 2
-                                /* DYNAMIC */
-                              }, [
-                                p.$slots.icon ? {
-                                  name: "icon",
-                                  fn: A(({ menuInfo: $ }) => [
-                                    x(p.$slots, "icon", { menuInfo: $ })
-                                  ]),
-                                  key: "0"
-                                } : void 0,
-                                p.$slots[`${i == null ? void 0 : i.code}-name`] ? {
-                                  name: `${i == null ? void 0 : i.code}-name`,
-                                  fn: A(() => [
-                                    x(p.$slots, i.code + "-name")
-                                  ]),
-                                  key: "1"
-                                } : void 0
-                              ]), 1040, ["mode", "menuInfo", "collapse", "affixKeys", "parentSelectKeys", "selectedKeys", "onMenuClick", "onToggleAffix"]))
+                              }, d.value, {
+                                onMenuClick: s(z),
+                                onToggleAffix: s(w)
+                              }), null, 16, ["mode", "menuInfo", "collapse", "affixKeys", "parentSelectKeys", "selectedKeys", "onMenuClick", "onToggleAffix"]))
                             ],
                             64
                             /* STABLE_FRAGMENT */
-                          )) : (d(), M(f(q), {
-                            class: I({ "divise-menu-item": i.divise }),
-                            key: i.id,
-                            onMouseover: ($) => n.value = i.id,
-                            onMouseleave: C[0] || (C[0] = ($) => n.value = "")
+                          )) : (c(), _(s(re), {
+                            class: P({ "divise-menu-item": l.divise }),
+                            key: l.id,
+                            onMouseover: (T) => n.value = l.id,
+                            onMouseleave: m[0] || (m[0] = (T) => n.value = "")
                           }, {
-                            icon: A(() => {
-                              var $, H, z;
-                              return [
-                                h(
-                                  "div",
-                                  {
-                                    class: I([
-                                      "aside-menu-title",
-                                      ($ = i == null ? void 0 : i.originalChildren) != null && $.length ? "has-children" : "",
-                                      i != null && i.expired ? "is-expired" : "",
-                                      i != null && i.disable ? "is-disable" : "",
-                                      p.currentSelectKeys.includes(i.id) ? "is-active" : ""
-                                    ])
-                                  },
-                                  [
-                                    y(" 自定义leftIcon "),
-                                    i.hideIcon ? y("v-if", !0) : (d(), v("div", kr, [
-                                      y(" 第一种icon插槽 "),
-                                      p.$slots[`${i == null ? void 0 : i.code}-leftIcon`] ? (d(), v("div", Sr, [
-                                        y(" 第二种icon插槽 "),
-                                        x(p.$slots, `${i == null ? void 0 : i.code}-leftIcon`)
-                                      ])) : x(p.$slots, "icon", {
-                                        key: 0,
-                                        menuInfo: i
-                                      }, () => [
-                                        h("img", {
-                                          src: p.currentSelectKeys.includes(i.id) || n.value === i.id ? i != null && i.host ? i.host + f(j)(i.hoverIcon) : f(j)(i.hoverIcon) : i != null && i.host ? i.host + f(j)(i.iconUrl) : f(j)(i.iconUrl),
-                                          alt: ""
-                                        }, null, 8, wr)
-                                      ])
-                                    ])),
-                                    h("div", Or, [
-                                      p.collapse ? y("v-if", !0) : (d(), v(
-                                        "div",
-                                        {
-                                          key: 0,
-                                          class: "menu-title",
-                                          style: de({
-                                            "padding-right": p.$slots[(i == null ? void 0 : i.code) + "-rightIcon"] || i != null && i.expired ? "0" : i != null && i.disable && ((H = i == null ? void 0 : i.originalChildren) != null && H.length) ? "30px" : "15px"
-                                          })
-                                        },
-                                        [
-                                          x(p.$slots, (i == null ? void 0 : i.code) + "-name", {}, () => [
-                                            Pe(
-                                              F(i.name),
-                                              1
-                                              /* TEXT */
-                                            )
+                            icon: M(() => [
+                              S(s(Xe), {
+                                content: l.name,
+                                placement: "right",
+                                disabled: !s(o)
+                              }, {
+                                default: M(() => {
+                                  var T, I, he;
+                                  return [
+                                    h(
+                                      "div",
+                                      {
+                                        class: P([
+                                          "aside-menu-title",
+                                          (T = l == null ? void 0 : l.originalChildren) != null && T.length ? "has-children" : "",
+                                          l != null && l.expired ? "is-expired" : "",
+                                          l != null && l.disable ? "is-disable" : "",
+                                          v.currentSelectKeys.includes(l.id) ? "is-active" : ""
+                                        ])
+                                      },
+                                      [
+                                        b(" 自定义leftIcon "),
+                                        l.hideIcon ? b("v-if", !0) : (c(), p("div", $r, [
+                                          b(" 第一种icon插槽 "),
+                                          v.$slots[`${l == null ? void 0 : l.code}-leftIcon`] ? (c(), p("div", Mr, [
+                                            b(" 第二种icon插槽 "),
+                                            U(v.$slots, `${l == null ? void 0 : l.code}-leftIcon`)
+                                          ])) : U(v.$slots, "icon", {
+                                            key: 0,
+                                            menuInfo: l
+                                          }, () => [
+                                            S(Ve, {
+                                              data: l,
+                                              status: v.currentSelectKeys.includes(l.id) || n.value === l.id ? "hover" : "default"
+                                            }, null, 8, ["data", "status"])
                                           ])
-                                        ],
-                                        4
-                                        /* STYLE */
-                                      )),
-                                      y(" 已到期标识 "),
-                                      i != null && i.expired ? (d(), v("div", Ar, "已到期")) : y("v-if", !0),
-                                      y(" 箭头 "),
-                                      i != null && i.disable && ((z = i == null ? void 0 : i.originalChildren) != null && z.length) ? (d(), v("i", Tr)) : y("v-if", !0),
-                                      y("@slots 右侧icon "),
-                                      x(p.$slots, (i == null ? void 0 : i.code) + "-rightIcon")
-                                    ])
-                                  ],
-                                  2
-                                  /* CLASS */
-                                )
-                              ];
-                            }),
+                                        ])),
+                                        h("div", _r, [
+                                          s(o) ? b("v-if", !0) : $((c(), p(
+                                            "div",
+                                            {
+                                              key: 0,
+                                              class: "menu-title",
+                                              style: ne({
+                                                "padding-right": v.$slots[(l == null ? void 0 : l.code) + "-rightIcon"] || l != null && l.expired ? "0" : l != null && l.disable && ((I = l == null ? void 0 : l.originalChildren) != null && I.length) ? "30px" : "15px"
+                                              })
+                                            },
+                                            [
+                                              B(
+                                                F(l.name),
+                                                1
+                                                /* TEXT */
+                                              )
+                                            ],
+                                            4
+                                            /* STYLE */
+                                          )), [
+                                            [s(K)]
+                                          ]),
+                                          b(" 已到期标识 "),
+                                          l != null && l.expired ? (c(), p(
+                                            "div",
+                                            Pr,
+                                            F(s(H)("已到期")),
+                                            1
+                                            /* TEXT */
+                                          )) : b("v-if", !0),
+                                          b(" 箭头 "),
+                                          l != null && l.disable && ((he = l == null ? void 0 : l.originalChildren) != null && he.length) ? (c(), p("i", Er)) : b("v-if", !0),
+                                          b("@slots 右侧icon "),
+                                          U(v.$slots, (l == null ? void 0 : l.code) + "-rightIcon")
+                                        ])
+                                      ],
+                                      2
+                                      /* CLASS */
+                                    )
+                                  ];
+                                }),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["content", "disabled"])
+                            ]),
                             _: 2
                             /* DYNAMIC */
                           }, 1032, ["class", "onMouseover"]))
@@ -1360,10 +1576,10 @@ const Zn = (e, r) => ({
                   ]),
                   _: 3
                   /* FORWARDED */
-                }, 16, ["class", "mode", "openKeys", "selectedKeys", "inline-collapsed", "onOpenChange", "onClick"])) : y("v-if", !0),
-                y(" 底部插槽 "),
-                h("div", xr, [
-                  x(p.$slots, "bottom")
+                }, 16, ["class", "mode", "openKeys", "selectedKeys", "inline-collapsed", "onOpenChange", "onClick"])) : b("v-if", !0),
+                b(" 底部插槽 "),
+                h("div", Dr, [
+                  U(v.$slots, "bottom")
                 ])
               ]),
               _: 3
@@ -1376,22 +1592,21 @@ const Zn = (e, r) => ({
         h(
           "div",
           {
-            class: I(["icon-container", f(u) ? "is-collapse" : ""])
+            class: P(["icon-container", s(o) ? "is-collapse" : ""])
           },
           [
             h(
               "div",
               {
-                style: de({ "padding-left": f(u) ? "0" : "16px" }),
-                onClick: C[2] || (C[2] = //@ts-ignore
-                (...i) => f(w) && f(w)(...i))
+                style: ne({ "padding-left": s(o) ? "0" : "16px" }),
+                onClick: m[2] || (m[2] = (l) => s(V)(!s(o)))
               },
               [
                 h("div", null, [
-                  f(u) ? (d(), M(f(se), {
+                  s(o) ? (c(), _(s(me), {
                     key: 0,
                     class: "collapse-icon"
-                  })) : (d(), M(f(le), {
+                  })) : (c(), _(s(be), {
                     key: 1,
                     class: "collapse-icon"
                   }))
@@ -1405,31 +1620,40 @@ const Zn = (e, r) => ({
           /* CLASS */
         )
       ],
-      2
-      /* CLASS */
+      6
+      /* CLASS, STYLE */
     ));
   }
-}), Ir = {
+}), Kr = {
   "--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-active-background-color": "rgba(0,0,0,0.4)",
-  "--das-ui-layout-aside--item-color": "rgba(255,255,255,0.8)",
+  "--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)",
   "--das-ui-layout-aside--item-active-color": "#ffffff",
+  "--das-ui-layout-aside--item-active-background-color": "rgba(0,0,0,0.4)",
+  "--das-ui-layout-aside-item-hover-color": "rgba(255,255,255,0.9)",
+  "--das-ui-layout-aside-item-hover-background-color": "rgba(0,0,0,0.4)",
+  "--das-ui-layout-aside-submenu-title-border-color": "rgba(255, 255, 255, 0.3)",
+  "--das-ui-layout-aside-submenu-vertical-background-color": "#1F212B",
+  "--das-ui-layout-aside-submenu-vertical-item-hover-background-color": "rgba(0,0,0,0.4)",
   "--das-ui-layout-aside-submenu-background-color": "#1F212B",
   "--das-ui-layout-aside-submenu-item-affix-color": "#5582F3",
   "--das-ui-layout-aside-submenu-item-color": "rgba(255,255,255,0.65)",
-  "--das-ui-layout-aside-submenu-item-hover-background-color": "rgba(0,0,0,0.4)",
   "--das-ui-layout-aside-submenu-item-hover-color": "rgba(255,255,255,0.9)",
+  "--das-ui-layout-aside-submenu-item-hover-background-color": "rgba(0,0,0,0.4)",
   "--das-ui-layout-aside-submenu-item-active-background-color": "rgba(0,0,0,0.4)",
-  "--das-ui-layout-aside-submenu-item-active-color": "rgba(255,255,255,0.9)",
   "--das-ui-layout-aside-collapse-icon-bg-color": "rgba(255,255,255,0.65)",
-  "--das-ui-layout-aside-collapse-icon-hover-bg-color": "#5582F3"
-};
-Qe(Ir);
-const Rr = He(Mr), Hr = { title: "Menu-Aside 垂直导航栏" };
+  "--das-ui-layout-aside-collapse-icon-hover-bg-color": "#FFFFFF",
+  "--das-ui-layout-aside-divise-border-color": "rgba(255, 255, 255, 0.3)",
+  "--das-ui-layout-aside-menu-expired-color": "#BBBBBB"
+}, Nr = { 已到期: { "zh-CN": "已到期", en: "Expired", _appCode: "framework" } };
+Ze(Nr);
+on(Kr);
+const Xr = qe(Br), et = { title: "Menu-Aside 垂直导航栏" };
 export {
-  Rr as DasMenuAside,
-  Hr as default
+  Xr as DasMenuAside,
+  et as default
 };