@das-fed/ui 6.4.0-test.2.1 → 6.4.0-test.3

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 Le } from "@das-fed/utils/with-install/index";
+import { h as ve, nextTick as Ve, createVNode as _, defineComponent as fe, computed as I, openBlock as c, createElementBlock as g, normalizeStyle as Z, ref as Q, createBlock as T, unref as d, mergeProps as le, withCtx as A, createElementVNode as m, renderSlot as D, createCommentVNode as v, createTextVNode as We, toDisplayString as S, Fragment as O, withDirectives as ye, renderList as R, normalizeClass as M, withModifiers as be, watch as me, onMounted as qe, isRef as Ze } from "vue";
+import { 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 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 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 Xe(e) {
+function an(e) {
   return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
 }
-function en(e) {
+function on(e) {
   return typeof e == "string" && e.indexOf("%") !== -1;
 }
-function nn(e) {
+function ln(e) {
   return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
-function L(e) {
+function V(e) {
   return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
 }
-function J(e) {
+function ee(e) {
   return e.length === 1 ? "0" + e : String(e);
 }
-function rn(e, r, n) {
+function sn(e, r, n) {
   return {
-    r: k(e, 255) * 255,
-    g: k(r, 255) * 255,
-    b: k(n, 255) * 255
+    r: C(e, 255) * 255,
+    g: C(r, 255) * 255,
+    b: C(n, 255) * 255
   };
 }
-function Y(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 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 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 = Y(o, u, e + 1 / 3), a = Y(o, u, e), l = Y(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 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 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: c, v: u };
+  return { h: o, s: f, v: u };
 }
-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 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 ln(e, r, n, t) {
+function dn(e, r, n, t) {
   var a = [
-    J(Math.round(e).toString(16)),
-    J(Math.round(r).toString(16)),
-    J(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 ve(e) {
-  return m(e) / 255;
+function ke(e) {
+  return k(e) / 255;
 }
-function m(e) {
+function k(e) {
   return parseInt(e, 16);
 }
-var ye = {
+var Ce = {
   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), {
+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 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 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 fn(e) {
+function vn(e) {
   if (e = e.trim().toLowerCase(), e.length === 0)
     return !1;
   var r = !1;
-  if (ye[e])
-    e = ye[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 = 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 = 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 = S.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 = 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 = 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 = S.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 T(e) {
-  return !!S.CSS_UNIT.exec(String(e));
+function j(e) {
+  return !!F.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 W = 2, Fe = 0.16, yn = 0.05, bn = 0.05, mn = 0.15, Ke = 5, Ne = 4, hn = [{
   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 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,
     v: a.v
   };
 }
-function W(e) {
+function q(e) {
   var r = e.r, n = e.g, t = e.b;
-  return "#".concat(ln(r, n, t));
+  return "#".concat(dn(r, n, t));
 }
-function vn(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,
@@ -350,44 +353,44 @@ function vn(e, r, n) {
   };
   return a;
 }
-function me(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) - 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) - 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 Ce(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 - 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 - 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 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 + 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(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(q(t));
+  for (var l = 1; l <= Ne; l += 1) {
+    var f = Se(t), i = q(B({
+      h: we(f, l),
+      s: Oe(f, l),
+      v: xe(f, l)
     }));
-    n.push(s);
+    n.push(i);
   }
-  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" ? 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 ee = {
+var ae = {
   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], {
+}, 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"
-  }), re[e].primary = re[e][5];
+  }), ie[e].primary = ie[e][5];
 });
-var we = [], D = [], yn = "insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).";
-function hn() {
+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 bn(e, r) {
+function Sn(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(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 Se(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) {
-      mn(e, a, n[a]);
+      wn(e, a, n[a]);
     });
   }
   return e;
 }
-function mn(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 Cn(e, r) {
+function On(e, r) {
   process.env.NODE_ENV;
 }
-function kn(e, r) {
-  Cn(e, "[@ant-design/icons-vue] ".concat(r));
+function xn(e, r) {
+  On(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 ue(e, r, n) {
+  return n ? ve(e.tag, Ae({
     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 ue(t, "".concat(r, "-").concat(e.tag, "-").concat(a));
+  })) : ve(e.tag, Ae({
     key: r
   }, e.attrs), (e.children || []).map(function(t, a) {
-    return oe(t, "".concat(r, "-").concat(e.tag, "-").concat(a));
+    return ue(t, "".concat(r, "-").concat(e.tag, "-").concat(a));
   }));
 }
-function Ke(e) {
-  return ae(e)[0];
+function Be(e) {
+  return se(e)[0];
 }
 function ze(e) {
   return e ? Array.isArray(e) ? e : [e] : [];
 }
-var wn = `
+var jn = `
 .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, {
+`, 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
-    }), Ae = !0);
+    }), Te = !0);
   });
-}, On = ["icon", "primaryColor", "secondaryColor"];
-function An(e, r) {
+}, _n = ["icon", "primaryColor", "secondaryColor"];
+function Tn(e, r) {
   if (e == null) return {};
-  var n = Tn(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 Tn(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 Z(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) {
       return Object.getOwnPropertyDescriptor(n, a).enumerable;
     }))), t.forEach(function(a) {
-      xn(e, a, n[a]);
+      $n(e, a, n[a]);
     });
   }
   return e;
 }
-function xn(e, r, n) {
+function $n(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 H = {
   primaryColor: "#333",
   secondaryColor: "#E6E6E6",
   calculated: !1
 };
-function $n(e) {
+function Pn(e) {
   var r = e.primaryColor, n = e.secondaryColor;
-  R.primaryColor = r, R.secondaryColor = n || Ke(r), R.calculated = !!n;
+  H.primaryColor = r, H.secondaryColor = n || Be(r), H.calculated = !!n;
 }
-function Mn() {
-  return Z({}, R);
+function En() {
+  return Y({}, H);
 }
-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 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 = Z({}, s, {
-    icon: s.icon(c.primaryColor, c.secondaryColor)
-  })), oe(s.icon, "svg-".concat(s.name), Z({}, 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"
   }));
 };
-_.props = {
+P.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() {
+P.inheritAttrs = !1;
+P.displayName = "IconBase";
+P.getTwoToneColors = En;
+P.setTwoToneColors = Pn;
+function Dn(e, r) {
+  return Bn(e) || Nn(e, r) || Kn(e, r) || In();
+}
+function In() {
   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 Te(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 Te(e, r);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Me(e, r);
   }
 }
-function Te(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 (c) {
-      l = !0, o = c;
+    } 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 _n(e) {
+function Bn(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 Re(e) {
+  var r = ze(e), n = Dn(r, 2), t = n[0], a = n[1];
+  return P.setTwoToneColors({
     primaryColor: t,
     secondaryColor: a
   });
 }
-function Fn() {
-  var e = _.getTwoToneColors();
+function zn() {
+  var e = P.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 Rn = ["class", "icon", "spin", "rotate", "tabindex", "twoToneColor", "onClick"];
+function Hn(e, r) {
+  return Wn(e) || Vn(e, r) || Ln(e, r) || Un();
 }
-function Nn() {
+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 Dn(e, r) {
+function Ln(e, r) {
   if (e) {
-    if (typeof e == "string") return xe(e, r);
+    if (typeof e == "string") return $e(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 $e(e, r);
   }
 }
-function xe(e, r) {
+function $e(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 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 (c) {
-      l = !0, o = c;
+    } 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 Rn(e) {
+function Wn(e) {
   if (Array.isArray(e)) return e;
 }
-function $e(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) {
-      ie(e, a, n[a]);
+      ce(e, a, n[a]);
     });
   }
   return e;
 }
-function ie(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 Hn(e, r) {
+function qn(e, r) {
   if (e == null) return {};
-  var n = Un(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 Un(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;
 }
-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 = {
+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
-  }, 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({
+  }, 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
   }, w, {
-    onClick: g,
-    class: p
-  }), [E(_, {
-    class: C,
+    onClick: y,
+    class: K
+  }), [_(P, {
+    class: U,
     icon: u,
-    primaryColor: Be,
-    secondaryColor: Re,
-    style: $
+    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 = 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) {
+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) {
-      Vn(e, a, n[a]);
+      Jn(e, a, n[a]);
     });
   }
   return e;
 }
-function Vn(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 le = function(r, n) {
-  var t = Me({}, r, n.attrs);
-  return E(K, Me({}, t, {
-    icon: Ln
+var de = function(r, n) {
+  var t = Ee({}, r, n.attrs);
+  return _(E, Ee({}, t, {
+    icon: Gn
   }), 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) {
+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 De(e) {
   for (var r = 1; r < arguments.length; r++) {
     var n = arguments[r] != null ? Object(arguments[r]) : {}, t = Object.keys(n);
     typeof Object.getOwnPropertySymbols == "function" && (t = t.concat(Object.getOwnPropertySymbols(n).filter(function(a) {
       return Object.getOwnPropertyDescriptor(n, a).enumerable;
     }))), t.forEach(function(a) {
-      qn(e, a, n[a]);
+      Qn(e, a, n[a]);
     });
   }
   return e;
 }
-function qn(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 se = function(r, n) {
-  var t = Ie({}, r, n.attrs);
-  return E(K, Ie({}, t, {
-    icon: Wn
+var pe = function(r, n) {
+  var t = De({}, r, n.attrs);
+  return _(E, De({}, t, {
+    icon: Yn
   }), null);
 };
-se.displayName = "MenuUnfoldOutlined";
-se.inheritAttrs = !1;
-const Zn = (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 = I(() => {
+      var o, u, l, f;
+      return r.status === "default" ? (((o = r.data) == null ? void 0 : o.host) || "") + X(r.data.iconUrl) : (u = r.data) != null && u.hoverIcon ? (((l = r.data) == null ? void 0 : l.host) || "") + X(r.data.hoverIcon) : (((f = r.data) == null ? void 0 : f.host) || "") + X(r.data.iconUrl);
+    }), t = I(() => ({
+      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);
   }
-}), 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) => {
+}), 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;
-}, Jn = { class: "aside-menu-title has-children" }, Yn = {
+}, rr = { class: "aside-menu-title has-children" }, tr = {
   key: 0,
   class: "icon-box"
-}, Qn = ["src"], Xn = {
+}, ar = {
   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 = {
+}, 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"
-}, sr = { class: "name" }, ur = {
+}, pr = { class: "name" }, gr = {
   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 = {
+}, 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"
-}, br = {
+}, Sr = {
   name: "SubMenu"
-}, mr = /* @__PURE__ */ je({
-  ...br,
+}, wr = /* @__PURE__ */ fe({
+  ...Sr,
   props: {
     mode: { default: "vertical" },
     collapse: { type: Boolean },
@@ -847,39 +880,36 @@ const Zn = (e, r) => ({
   },
   emits: ["menuClick", "toggleAffix"],
   setup(e, { emit: r }) {
-    const n = G(""), t = e, a = r;
-    Je({
+    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 } = Zn(t, a);
-    return (o, c) => (d(), M(f(Ze), te({
-      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: c[2] || (c[2] = (s) => n.value = o.menuInfo.id),
-      onMouseleave: c[3] || (c[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: A(() => {
-        var s;
+        var i;
         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)
-                ];
-              })
+          m("div", rr, [
+            l.menuInfo.hideIcon ? v("v-if", !0) : (c(), g("div", tr, [
+              D(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) : (d(), v("div", Xn, [
-              x(o.$slots, ((s = o.menuInfo) == null ? void 0 : s.code) + "-name", {}, () => [
-                Pe(
-                  F(o.menuInfo.name),
+            l.collapse ? v("v-if", !0) : (c(), g("div", ar, [
+              D(l.$slots, ((i = l.menuInfo) == null ? void 0 : i.code) + "-name", {}, () => [
+                We(
+                  S(l.menuInfo.name),
                   1
                   /* TEXT */
                 )
@@ -889,91 +919,79 @@ const Zn = (e, r) => ({
         ];
       }),
       default: A(() => [
-        o.menuInfo.children.length ? (d(), v(
+        l.menuInfo.children.length ? (c(), g(
           O,
           { key: 0 },
           [
-            y(" 展开 "),
-            o.collapse ? (d(), v(
+            v(" 展开 "),
+            l.collapse ? (c(), g(
               O,
               { key: 1 },
               [
-                y(" 收起 "),
-                E(f(q), null, {
+                v(" 收起 "),
+                _(d(J), null, {
                   default: A(() => [
-                    h("div", fr, [
-                      h("div", cr, [
-                        h("div", dr, [
-                          h(
+                    m("div", vr, [
+                      m("div", yr, [
+                        m("div", br, [
+                          m(
                             "div",
-                            pr,
-                            F(o.menuInfo.name),
+                            mr,
+                            S(l.menuInfo.name),
                             1
                             /* TEXT */
                           )
                         ]),
-                        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 */
-                          ))
-                        ]))
+                        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> `)
                       ]),
-                      fe((d(), v("div", gr, [
-                        (d(!0), v(
+                      ye((c(), g("div", hr, [
+                        (c(!0), g(
                           O,
                           null,
-                          B(o.menuInfo.children, (s) => (d(), v("div", {
-                            key: s.id,
-                            class: I([
+                          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: U((b) => f(u)(b, s), ["stop"])
+                            onClick: be((h) => d(u)(h, i), ["stop"])
                           }, [
-                            h(
+                            m(
                               "div",
-                              yr,
-                              F(s.name),
+                              Cr,
+                              S(i.name),
                               1
                               /* TEXT */
                             ),
-                            s != null && s.expired ? (d(), v("div", hr, "已到期")) : y("v-if", !0)
-                          ], 10, vr))),
+                            i != null && i.expired ? (c(), g(
+                              "div",
+                              Fr,
+                              S(d(G)("已到期")),
+                              1
+                              /* TEXT */
+                            )) : v("v-if", !0)
+                          ], 10, kr))),
                           128
                           /* KEYED_FRAGMENT */
                         ))
                       ])), [
-                        [f(pe), { x: !1 }]
+                        [d(he), { x: !1 }]
                       ])
                     ])
                   ]),
@@ -983,24 +1001,24 @@ const Zn = (e, r) => ({
               ],
               2112
               /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-            )) : (d(), v(
+            )) : (c(), g(
               O,
               { key: 0 },
               [
-                o.mode === "vertical" ? (d(), M(f(q), { key: 0 }, {
+                l.mode === "vertical" ? (c(), T(d(J), { key: 0 }, {
                   default: A(() => [
-                    h("div", er, [
-                      h("div", nr, [
-                        h("div", rr, [
-                          h(
+                    m("div", or, [
+                      m("div", ir, [
+                        m("div", lr, [
+                          m(
                             "div",
-                            tr,
-                            F(o.menuInfo.name),
+                            sr,
+                            S(l.menuInfo.name),
                             1
                             /* TEXT */
                           )
                         ]),
-                        y(` <div\r
+                        v(` <div\r
                 class="title-right"\r
                 @click.stop="toggleAffix(menuInfo.id, false)"\r
                 v-if="affixKeys.includes(menuInfo.id)"\r
@@ -1017,35 +1035,41 @@ const Zn = (e, r) => ({
                 <div class="icon-title">锁住</div>\r
               </div> `)
                       ]),
-                      fe((d(), v("div", ar, [
-                        (d(!0), v(
+                      ye((c(), g("div", ur, [
+                        (c(!0), g(
                           O,
                           null,
-                          B(f(Gn)(o.menuInfo.children, 4), (s, b) => (d(), v("div", {
-                            key: b,
+                          R(d(nr)(l.menuInfo.children, 4), (i, h) => (c(), g("div", {
+                            key: h,
                             class: "sub-menu-row"
                           }, [
-                            (d(!0), v(
+                            (c(!0), g(
                               O,
                               null,
-                              B(s, (g) => (d(), v("div", {
-                                key: g.id,
-                                class: I([
+                              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: U((w) => f(u)(w, g), ["stop"])
+                                onClick: be((w) => d(u)(w, y), ["stop"])
                               }, [
-                                h(
+                                m(
                                   "div",
-                                  ir,
-                                  F(g.name),
+                                  fr,
+                                  S(y.name),
                                   1
                                   /* TEXT */
                                 ),
-                                g != null && g.expired ? (d(), v("div", lr, "已到期")) : y("v-if", !0)
-                              ], 10, or))),
+                                y != null && y.expired ? (c(), g(
+                                  "div",
+                                  dr,
+                                  S(d(G)("已到期")),
+                                  1
+                                  /* TEXT */
+                                )) : v("v-if", !0)
+                              ], 10, cr))),
                               128
                               /* KEYED_FRAGMENT */
                             ))
@@ -1054,42 +1078,48 @@ const Zn = (e, r) => ({
                           /* KEYED_FRAGMENT */
                         ))
                       ])), [
-                        [f(pe), { x: !1 }]
+                        [d(he), { x: !1 }]
                       ])
                     ])
                   ]),
                   _: 1
                   /* STABLE */
-                })) : y("v-if", !0),
-                o.mode === "inline" ? (d(!0), v(
+                })) : v("v-if", !0),
+                l.mode === "inline" ? (c(!0), g(
                   O,
                   { key: 1 },
-                  B(o.menuInfo.children, (s) => (d(), M(
-                    f(q),
+                  R(l.menuInfo.children, (i) => (c(), T(
+                    d(J),
                     {
-                      key: s.id
+                      key: i.id
                     },
                     {
                       default: A(() => [
-                        h(
+                        m(
                           "div",
                           {
-                            class: I([
+                            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",
-                              sr,
-                              F(s.name),
+                              pr,
+                              S(i.name),
                               1
                               /* TEXT */
                             ),
-                            s != null && s.expired ? (d(), v("div", ur, "已到期")) : y("v-if", !0)
+                            i != null && i.expired ? (c(), g(
+                              "div",
+                              gr,
+                              S(d(G)("已到期")),
+                              1
+                              /* TEXT */
+                            )) : v("v-if", !0)
                           ],
                           2
                           /* CLASS */
@@ -1103,7 +1133,7 @@ const Zn = (e, r) => ({
                   ))),
                   128
                   /* KEYED_FRAGMENT */
-                )) : y("v-if", !0)
+                )) : v("v-if", !0)
               ],
               64
               /* STABLE_FRAGMENT */
@@ -1111,77 +1141,162 @@ const Zn = (e, r) => ({
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : y("v-if", !0)
+        )) : v("v-if", !0)
       ]),
       _: 3
       /* FORWARDED */
     }, 16, ["class"]));
   }
-}), Cr = (e, r) => {
-  const n = G([]), t = G([]);
-  ce(
+}), Or = (e, r) => {
+  const n = Q([]), t = Q([]);
+  me(
     () => n.value,
-    (s) => {
-      r("update:currentOpenKeys", s);
+    (i) => {
+      r("update:currentOpenKeys", i);
     }
-  ), ce(
+  ), 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, w) => {
-      g === s && t.value.splice(w, 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);
     });
   };
-  Le(() => {
+  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));
+  const o = (i) => {
+    if (e.mode === "inline") {
+      if (!l.value) {
+        const h = t.value.filter((y) => !i.includes(y));
+        t.value = t.value.filter((y) => !h.includes(y));
+      }
+      n.value = [i[i.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(i.concat(t.value))), 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 = I({
     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);
     }
   };
-}, kr = {
+}, Ie = {
+  "--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-submenu-title-border-color": {
+    kjl: "#D9D9D9",
+    ssl: "#D9D9D9",
+    cjb: "#D9D9D9"
+  },
+  "--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"
-}, wr = ["src"], Sr = {
+}, jr = {
   key: 1,
   class: "custom-left-icon"
-}, Or = { class: "menu-item-content" }, Ar = {
+}, Ar = { class: "menu-item-content" }, _r = {
   key: 1,
   class: "expired"
 }, Tr = {
   key: 2,
   class: "ant-menu-submenu-arrow",
   custom: "true"
-}, xr = { class: "das-aside-menu-bottom-container" }, $r = {
+}, Mr = { class: "das-aside-menu-bottom-container" }, $r = {
   name: "DasMenuAside"
-}, Mr = /* @__PURE__ */ je({
+}, Pr = /* @__PURE__ */ fe({
   ...$r,
   props: {
+    globalTheme: { default: "default" },
     mode: { default: "vertical" },
     collapse: { type: Boolean },
     menus: {},
@@ -1192,161 +1307,172 @@ 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 = Q(""), t = e, a = r, o = "das-aside-menu-submenu", u = I(() => {
+      var b;
+      let p = o;
+      return (b = t == null ? void 0 : t.subMenuAttrs) != null && b.popupClassName && (p = `${p} ${t.subMenuAttrs.popupClassName}`), {
+        popupClassName: p
+      };
+    }), l = I(() => {
+      const p = {}, b = document.getElementById(o);
+      if (t.globalTheme === "default")
+        return b && b.remove(), p;
+      Object.keys(Ie).forEach((x) => {
+        p[x] = Ie[x][t.globalTheme];
+      });
+      const s = [
+        {
+          className: `.${o}`,
+          style: p
+        }
+      ];
+      return b ? nn(o, s) : rn(o, s), p;
+    }), f = I(() => {
+      const p = t.menus || [], b = JSON.parse(JSON.stringify(p));
+      return !b || !b.length ? [] : Ue(b);
+    }), { isCollapse: i, openKeys: h, affixKeys: y, toggleAffix: w, openChange: K, menuClick: U, toggleCollapse: N } = Or(
       t,
       a
     );
-    return (p, C) => (d(), v(
+    return (p, b) => (c(), g(
       "div",
       {
-        class: I(["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)
       },
       [
-        (d(), v(
+        (c(), g(
           "div",
           {
             key: p.collapse + "",
-            class: I(["das-ui-aside-menu", p.collapse ? "is-collapse" : ""])
+            class: M(["das-ui-aside-menu", p.collapse ? "is-collapse" : ""])
           },
           [
-            E(f(qe), { style: { height: "100%" } }, {
+            _(d(Ge), { style: { height: "100%" } }, {
               default: A(() => [
-                l.value && l.value.length ? (d(), M(f(Ge), te({
+                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": C[1] || (C[1] = (i) => Ve(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: A(() => [
-                    (d(!0), v(
+                    (c(!0), g(
                       O,
                       null,
-                      B(l.value, (i) => (d(), v(
+                      R(f.value, (s) => (c(), g(
                         O,
                         null,
                         [
-                          y(" 只有一级菜单 "),
-                          i.children ? (d(), v(
+                          v(" 只有一级菜单 "),
+                          s.children ? (c(), g(
                             O,
                             { key: 1 },
                             [
-                              y(" 有二级菜单 "),
-                              (d(), M(mr, te({
-                                key: i.id,
+                              v(" 有二级菜单 "),
+                              (c(), T(wr, le({
+                                key: s.id,
                                 mode: p.mode,
-                                menuInfo: i,
-                                collapse: p.collapse,
-                                affixKeys: f(c),
+                                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)
-                              }), 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"]))
+                              }, u.value, {
+                                onMenuClick: d(U),
+                                onToggleAffix: d(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(), 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: 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: 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插槽 "),
+                                            D(p.$slots, `${s == null ? void 0 : s.code}-leftIcon`)
+                                          ])) : D(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 ? (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 */
-                                )
-                              ];
-                            }),
+                                        ])),
+                                        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 "),
+                                          D(p.$slots, (s == null ? void 0 : s.code) + "-rightIcon")
+                                        ])
+                                      ],
+                                      2
+                                      /* CLASS */
+                                    )
+                                  ];
+                                }),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["content", "disabled"])
+                            ]),
                             _: 2
                             /* DYNAMIC */
                           }, 1032, ["class", "onMouseover"]))
@@ -1360,10 +1486,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"])) : v("v-if", !0),
+                v(" 底部插槽 "),
+                m("div", Mr, [
+                  D(p.$slots, "bottom")
                 ])
               ]),
               _: 3
@@ -1373,25 +1499,24 @@ const Zn = (e, r) => ({
           2
           /* CLASS */
         )),
-        h(
+        m(
           "div",
           {
-            class: I(["icon-container", f(u) ? "is-collapse" : ""])
+            class: M(["icon-container", d(i) ? "is-collapse" : ""])
           },
           [
-            h(
+            m(
               "div",
               {
-                style: de({ "padding-left": f(u) ? "0" : "16px" }),
-                onClick: C[2] || (C[2] = //@ts-ignore
-                (...i) => f(w) && f(w)(...i))
+                style: Z({ "padding-left": d(i) ? "0" : "16px" }),
+                onClick: b[2] || (b[2] = (s) => d(N)(!d(i)))
               },
               [
-                h("div", null, [
-                  f(u) ? (d(), M(f(se), {
+                m("div", null, [
+                  d(i) ? (c(), T(d(pe), {
                     key: 0,
                     class: "collapse-icon"
-                  })) : (d(), M(f(le), {
+                  })) : (c(), T(d(de), {
                     key: 1,
                     class: "collapse-icon"
                   }))
@@ -1405,31 +1530,37 @@ const Zn = (e, r) => ({
           /* CLASS */
         )
       ],
-      2
-      /* CLASS */
+      6
+      /* CLASS, STYLE */
     ));
   }
-}), Ir = {
+}), 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-submenu-title-border-color": "rgba(255, 255, 255, 0.3)",
   "--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"
 };
-Qe(Ir);
-const Rr = He(Mr), Hr = { title: "Menu-Aside 垂直导航栏" };
+tn(Er);
+const Zr = Le(Pr), Gr = { title: "Menu-Aside 垂直导航栏" };
 export {
-  Rr as DasMenuAside,
-  Hr as default
+  Zr as DasMenuAside,
+  Gr as default
 };