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

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

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