@das-fed/ui 6.4.0-hot.6 → 6.4.0-hot.61

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