@das-fed/ui 6.4.0-hot.24 → 6.4.0-hot.26

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

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