@das-fed/upf-ui 6.4.0-dev.124

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

@@ -0,0 +1,1659 @@
+import '@das-fed/upf-ui/packages/components/menu-aside/style.css';
+import { withInstall as qe } from "@das-fed/upf-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 _, unref as s, mergeProps as de, withCtx as M, createCommentVNode as b, Fragment as O, createElementVNode as h, withDirectives as $, createTextVNode as B, toDisplayString as F, withModifiers as R, renderList as G, normalizeClass as P, renderSlot as U, watch as Ce, onMounted as Je, isRef as Ye } from "vue";
+import { t as H, setI18nRule as Ze } from "@das-fed/upf-web/packages/i18n/index";
+import { DasScrollbar as Qe } from "@das-fed/upf-ui/packages/components/scrollbar/index";
+import { DasTooltip as Xe } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { vDasTooltip as K } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { pureImageSrc as ae } from "@das-fed/upf-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 Fe } from "@das-fed/upf-ui/packages/components/overlay/index";
+import { DasAutoRegisterIcon as rn, DasIcon as Z } from "@das-fed/upf-ui/packages/components/icon/index";
+import { updateStyle as tn, createStyle as an } from "@das-fed/upf-utils/style";
+import { setThemeRule as on } from "@das-fed/upf-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 ln(e) {
+  return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
+}
+function sn(e) {
+  return typeof e == "string" && e.indexOf("%") !== -1;
+}
+function un(e) {
+  return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
+}
+function Q(e) {
+  return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
+}
+function oe(e) {
+  return e.length === 1 ? "0" + e : String(e);
+}
+function cn(e, r, n) {
+  return {
+    r: j(e, 255) * 255,
+    g: j(r, 255) * 255,
+    b: j(n, 255) * 255
+  };
+}
+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 fn(e, r, n) {
+  var t, a, i;
+  if (e = j(e, 360), r = j(r, 100), n = j(n, 100), r === 0)
+    a = n, i = n, t = n;
+  else {
+    var d = n < 0.5 ? n * (1 + r) : n + r - n * r, f = 2 * n - d;
+    t = ie(f, d, e + 1 / 3), a = ie(f, d, e), i = ie(f, d, e - 1 / 3);
+  }
+  return { r: t * 255, g: a * 255, b: i * 255 };
+}
+function dn(e, r, n) {
+  e = j(e, 255), r = j(r, 255), n = j(n, 255);
+  var t = Math.max(e, r, n), a = Math.min(e, r, n), i = 0, d = t, f = t - a, g = t === 0 ? 0 : f / t;
+  if (t === a)
+    i = 0;
+  else {
+    switch (t) {
+      case e:
+        i = (r - n) / f + (r < n ? 6 : 0);
+        break;
+      case r:
+        i = (n - e) / f + 2;
+        break;
+      case n:
+        i = (e - r) / f + 4;
+        break;
+    }
+    i /= 6;
+  }
+  return { h: i, s: g, v: d };
+}
+function pn(e, r, n) {
+  e = j(e, 360) * 6, r = j(r, 100), n = j(n, 100);
+  var t = Math.floor(e), a = e - t, i = n * (1 - r), d = n * (1 - a * r), f = n * (1 - (1 - a) * r), g = t % 6, o = [n, d, i, i, f, n][g], y = [f, n, n, d, i, i][g], u = [i, i, f, n, n, d][g];
+  return { r: o * 255, g: y * 255, b: u * 255 };
+}
+function gn(e, r, n, t) {
+  var a = [
+    oe(Math.round(e).toString(16)),
+    oe(Math.round(r).toString(16)),
+    oe(Math.round(n).toString(16))
+  ];
+  return a.join("");
+}
+function Se(e) {
+  return C(e) / 255;
+}
+function C(e) {
+  return parseInt(e, 16);
+}
+var we = {
+  aliceblue: "#f0f8ff",
+  antiquewhite: "#faebd7",
+  aqua: "#00ffff",
+  aquamarine: "#7fffd4",
+  azure: "#f0ffff",
+  beige: "#f5f5dc",
+  bisque: "#ffe4c4",
+  black: "#000000",
+  blanchedalmond: "#ffebcd",
+  blue: "#0000ff",
+  blueviolet: "#8a2be2",
+  brown: "#a52a2a",
+  burlywood: "#deb887",
+  cadetblue: "#5f9ea0",
+  chartreuse: "#7fff00",
+  chocolate: "#d2691e",
+  coral: "#ff7f50",
+  cornflowerblue: "#6495ed",
+  cornsilk: "#fff8dc",
+  crimson: "#dc143c",
+  cyan: "#00ffff",
+  darkblue: "#00008b",
+  darkcyan: "#008b8b",
+  darkgoldenrod: "#b8860b",
+  darkgray: "#a9a9a9",
+  darkgreen: "#006400",
+  darkgrey: "#a9a9a9",
+  darkkhaki: "#bdb76b",
+  darkmagenta: "#8b008b",
+  darkolivegreen: "#556b2f",
+  darkorange: "#ff8c00",
+  darkorchid: "#9932cc",
+  darkred: "#8b0000",
+  darksalmon: "#e9967a",
+  darkseagreen: "#8fbc8f",
+  darkslateblue: "#483d8b",
+  darkslategray: "#2f4f4f",
+  darkslategrey: "#2f4f4f",
+  darkturquoise: "#00ced1",
+  darkviolet: "#9400d3",
+  deeppink: "#ff1493",
+  deepskyblue: "#00bfff",
+  dimgray: "#696969",
+  dimgrey: "#696969",
+  dodgerblue: "#1e90ff",
+  firebrick: "#b22222",
+  floralwhite: "#fffaf0",
+  forestgreen: "#228b22",
+  fuchsia: "#ff00ff",
+  gainsboro: "#dcdcdc",
+  ghostwhite: "#f8f8ff",
+  goldenrod: "#daa520",
+  gold: "#ffd700",
+  gray: "#808080",
+  green: "#008000",
+  greenyellow: "#adff2f",
+  grey: "#808080",
+  honeydew: "#f0fff0",
+  hotpink: "#ff69b4",
+  indianred: "#cd5c5c",
+  indigo: "#4b0082",
+  ivory: "#fffff0",
+  khaki: "#f0e68c",
+  lavenderblush: "#fff0f5",
+  lavender: "#e6e6fa",
+  lawngreen: "#7cfc00",
+  lemonchiffon: "#fffacd",
+  lightblue: "#add8e6",
+  lightcoral: "#f08080",
+  lightcyan: "#e0ffff",
+  lightgoldenrodyellow: "#fafad2",
+  lightgray: "#d3d3d3",
+  lightgreen: "#90ee90",
+  lightgrey: "#d3d3d3",
+  lightpink: "#ffb6c1",
+  lightsalmon: "#ffa07a",
+  lightseagreen: "#20b2aa",
+  lightskyblue: "#87cefa",
+  lightslategray: "#778899",
+  lightslategrey: "#778899",
+  lightsteelblue: "#b0c4de",
+  lightyellow: "#ffffe0",
+  lime: "#00ff00",
+  limegreen: "#32cd32",
+  linen: "#faf0e6",
+  magenta: "#ff00ff",
+  maroon: "#800000",
+  mediumaquamarine: "#66cdaa",
+  mediumblue: "#0000cd",
+  mediumorchid: "#ba55d3",
+  mediumpurple: "#9370db",
+  mediumseagreen: "#3cb371",
+  mediumslateblue: "#7b68ee",
+  mediumspringgreen: "#00fa9a",
+  mediumturquoise: "#48d1cc",
+  mediumvioletred: "#c71585",
+  midnightblue: "#191970",
+  mintcream: "#f5fffa",
+  mistyrose: "#ffe4e1",
+  moccasin: "#ffe4b5",
+  navajowhite: "#ffdead",
+  navy: "#000080",
+  oldlace: "#fdf5e6",
+  olive: "#808000",
+  olivedrab: "#6b8e23",
+  orange: "#ffa500",
+  orangered: "#ff4500",
+  orchid: "#da70d6",
+  palegoldenrod: "#eee8aa",
+  palegreen: "#98fb98",
+  paleturquoise: "#afeeee",
+  palevioletred: "#db7093",
+  papayawhip: "#ffefd5",
+  peachpuff: "#ffdab9",
+  peru: "#cd853f",
+  pink: "#ffc0cb",
+  plum: "#dda0dd",
+  powderblue: "#b0e0e6",
+  purple: "#800080",
+  rebeccapurple: "#663399",
+  red: "#ff0000",
+  rosybrown: "#bc8f8f",
+  royalblue: "#4169e1",
+  saddlebrown: "#8b4513",
+  salmon: "#fa8072",
+  sandybrown: "#f4a460",
+  seagreen: "#2e8b57",
+  seashell: "#fff5ee",
+  sienna: "#a0522d",
+  silver: "#c0c0c0",
+  skyblue: "#87ceeb",
+  slateblue: "#6a5acd",
+  slategray: "#708090",
+  slategrey: "#708090",
+  snow: "#fffafa",
+  springgreen: "#00ff7f",
+  steelblue: "#4682b4",
+  tan: "#d2b48c",
+  teal: "#008080",
+  thistle: "#d8bfd8",
+  tomato: "#ff6347",
+  turquoise: "#40e0d0",
+  violet: "#ee82ee",
+  wheat: "#f5deb3",
+  white: "#ffffff",
+  whitesmoke: "#f5f5f5",
+  yellow: "#ffff00",
+  yellowgreen: "#9acd32"
+};
+function W(e) {
+  var r = { r: 0, g: 0, b: 0 }, n = 1, t = null, a = null, i = null, d = !1, f = !1;
+  return typeof e == "string" && (e = bn(e)), typeof e == "object" && (x(e.r) && x(e.g) && x(e.b) ? (r = cn(e.r, e.g, e.b), d = !0, f = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : x(e.h) && x(e.s) && x(e.v) ? (t = Q(e.s), a = Q(e.v), r = pn(e.h, t, a), d = !0, f = "hsv") : x(e.h) && x(e.s) && x(e.l) && (t = Q(e.s), i = Q(e.l), r = fn(e.h, t, i), d = !0, f = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = un(n), {
+    ok: d,
+    format: e.format || f,
+    r: Math.min(255, Math.max(r.r, 0)),
+    g: Math.min(255, Math.max(r.g, 0)),
+    b: Math.min(255, Math.max(r.b, 0)),
+    a: n
+  };
+}
+var vn = "[-\\+]?\\d+%?", yn = "[-\\+]?\\d*\\.\\d+%?", E = "(?:".concat(yn, ")|(?:").concat(vn, ")"), le = "[\\s|\\(]+(".concat(E, ")[,|\\s]+(").concat(E, ")[,|\\s]+(").concat(E, ")\\s*\\)?"), se = "[\\s|\\(]+(".concat(E, ")[,|\\s]+(").concat(E, ")[,|\\s]+(").concat(E, ")[,|\\s]+(").concat(E, ")\\s*\\)?"), A = {
+  CSS_UNIT: new RegExp(E),
+  rgb: new RegExp("rgb" + le),
+  rgba: new RegExp("rgba" + se),
+  hsl: new RegExp("hsl" + le),
+  hsla: new RegExp("hsla" + se),
+  hsv: new RegExp("hsv" + le),
+  hsva: new RegExp("hsva" + se),
+  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+};
+function bn(e) {
+  if (e = e.trim().toLowerCase(), e.length === 0)
+    return !1;
+  var r = !1;
+  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 = A.rgb.exec(e);
+  return n ? { r: n[1], g: n[2], b: n[3] } : (n = A.rgba.exec(e), n ? { r: n[1], g: n[2], b: n[3], a: n[4] } : (n = A.hsl.exec(e), n ? { h: n[1], s: n[2], l: n[3] } : (n = A.hsla.exec(e), n ? { h: n[1], s: n[2], l: n[3], a: n[4] } : (n = A.hsv.exec(e), n ? { h: n[1], s: n[2], v: n[3] } : (n = A.hsva.exec(e), n ? { h: n[1], s: n[2], v: n[3], a: n[4] } : (n = A.hex8.exec(e), n ? {
+    r: C(n[1]),
+    g: C(n[2]),
+    b: C(n[3]),
+    a: Se(n[4]),
+    format: r ? "name" : "hex8"
+  } : (n = A.hex6.exec(e), n ? {
+    r: C(n[1]),
+    g: C(n[2]),
+    b: C(n[3]),
+    format: r ? "name" : "hex"
+  } : (n = A.hex4.exec(e), n ? {
+    r: C(n[1] + n[1]),
+    g: C(n[2] + n[2]),
+    b: C(n[3] + n[3]),
+    a: Se(n[4] + n[4]),
+    format: r ? "name" : "hex8"
+  } : (n = A.hex3.exec(e), n ? {
+    r: C(n[1] + n[1]),
+    g: C(n[2] + n[2]),
+    b: C(n[3] + n[3]),
+    format: r ? "name" : "hex"
+  } : !1)))))))));
+}
+function x(e) {
+  return !!A.CSS_UNIT.exec(String(e));
+}
+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
+}, {
+  index: 6,
+  opacity: 0.25
+}, {
+  index: 5,
+  opacity: 0.3
+}, {
+  index: 5,
+  opacity: 0.45
+}, {
+  index: 5,
+  opacity: 0.65
+}, {
+  index: 5,
+  opacity: 0.85
+}, {
+  index: 4,
+  opacity: 0.9
+}, {
+  index: 3,
+  opacity: 0.95
+}, {
+  index: 2,
+  opacity: 0.97
+}, {
+  index: 1,
+  opacity: 0.98
+}];
+function je(e) {
+  var r = e.r, n = e.g, t = e.b, a = dn(r, n, t);
+  return {
+    h: a.h * 360,
+    s: a.s,
+    v: a.v
+  };
+}
+function ee(e) {
+  var r = e.r, n = e.g, t = e.b;
+  return "#".concat(gn(r, n, t));
+}
+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,
+    b: (r.b - e.b) * t + e.b
+  };
+  return a;
+}
+function Ae(e, r, n) {
+  var 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 Te(e, r, n) {
+  if (e.h === 0 && e.s === 0)
+    return e.s;
+  var t;
+  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 xe(e, r, n) {
+  var t;
+  return n ? t = e.v + hn * r : t = e.v - kn * r, t > 1 && (t = 1), Number(t.toFixed(2));
+}
+function pe(e) {
+  for (var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = [], t = W(e), a = ze; a > 0; a -= 1) {
+    var i = je(t), d = ee(W({
+      h: Ae(i, a, !0),
+      s: Te(i, a, !0),
+      v: xe(i, a, !0)
+    }));
+    n.push(d);
+  }
+  n.push(ee(t));
+  for (var f = 1; f <= Re; f += 1) {
+    var g = je(t), o = ee(W({
+      h: Ae(g, f),
+      s: Te(g, f),
+      v: xe(g, f)
+    }));
+    n.push(o);
+  }
+  return r.theme === "dark" ? Cn.map(function(y) {
+    var u = y.index, w = y.opacity, k = ee(Fn(W(r.backgroundColor || "#141414"), W(n[u]), w * 100));
+    return k;
+  }) : n;
+}
+var ue = {
+  red: "#F5222D",
+  volcano: "#FA541C",
+  orange: "#FA8C16",
+  gold: "#FAAD14",
+  yellow: "#FADB14",
+  lime: "#A0D911",
+  green: "#52C41A",
+  cyan: "#13C2C2",
+  blue: "#1890FF",
+  geekblue: "#2F54EB",
+  purple: "#722ED1",
+  magenta: "#EB2F96",
+  grey: "#666666"
+}, ce = {}, fe = {};
+Object.keys(ue).forEach(function(e) {
+  ce[e] = pe(ue[e]), ce[e].primary = ce[e][5], fe[e] = pe(ue[e], {
+    theme: "dark",
+    backgroundColor: "#141414"
+  }), fe[e].primary = fe[e][5];
+});
+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 On(e, r) {
+  if (r = r || {}, e === void 0)
+    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 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) {
+      jn(e, a, n[a]);
+    });
+  }
+  return e;
+}
+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 An(e, r) {
+  process.env.NODE_ENV;
+}
+function Tn(e, r) {
+  An(e, "[@ant-design/icons-vue] ".concat(r));
+}
+function _e(e) {
+  return typeof e == "object" && typeof e.name == "string" && typeof e.theme == "string" && (typeof e.icon == "object" || typeof e.icon == "function");
+}
+function ge(e, r, n) {
+  return n ? ke(e.tag, Me({
+    key: r
+  }, n, e.attrs), (e.children || []).map(function(t, a) {
+    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 ge(t, "".concat(r, "-").concat(e.tag, "-").concat(a));
+  }));
+}
+function He(e) {
+  return pe(e)[0];
+}
+function Ue(e) {
+  return e ? Array.isArray(e) ? e : [e] : [];
+}
+var xn = `
+.anticon {
+  display: inline-block;
+  color: inherit;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.anticon > * {
+  line-height: 1;
+}
+
+.anticon svg {
+  display: inline-block;
+}
+
+.anticon::before {
+  display: none;
+}
+
+.anticon .anticon-icon {
+  display: block;
+}
+
+.anticon[tabindex] {
+  cursor: pointer;
+}
+
+.anticon-spin::before,
+.anticon-spin {
+  display: inline-block;
+  -webkit-animation: loadingCircle 1s infinite linear;
+  animation: loadingCircle 1s infinite linear;
+}
+
+@-webkit-keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+`, 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
+    }), Pe = !0);
+  });
+}, Mn = ["icon", "primaryColor", "secondaryColor"];
+function _n(e, r) {
+  if (e == null) return {};
+  var n = Pn(e, r), t, a;
+  if (Object.getOwnPropertySymbols) {
+    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 Pn(e, r) {
+  if (e == null) return {};
+  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 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) {
+      En(e, a, n[a]);
+    });
+  }
+  return e;
+}
+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 J = {
+  primaryColor: "#333",
+  secondaryColor: "#E6E6E6",
+  calculated: !1
+};
+function Dn(e) {
+  var r = e.primaryColor, n = e.secondaryColor;
+  J.primaryColor = r, J.secondaryColor = n || He(r), J.calculated = !!n;
+}
+function In() {
+  return te({}, J);
+}
+var D = function(r, n) {
+  var t = te({}, r, n.attrs), a = t.icon, i = t.primaryColor, d = t.secondaryColor, f = _n(t, Mn), g = J;
+  if (i && (g = {
+    primaryColor: i,
+    secondaryColor: d || He(i)
+  }), $n(), Tn(_e(a), "icon should be icon definiton, but got ".concat(a)), !_e(a))
+    return null;
+  var o = a;
+  return o && typeof o.icon == "function" && (o = te({}, o, {
+    icon: o.icon(g.primaryColor, g.secondaryColor)
+  })), ge(o.icon, "svg-".concat(o.name), te({}, f, {
+    "data-icon": o.name,
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }));
+};
+D.props = {
+  icon: Object,
+  primaryColor: String,
+  secondaryColor: String,
+  focusable: String
+};
+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 Nn(e, r) {
+  if (e) {
+    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 Ee(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 zn(e, r) {
+  var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (n != null) {
+    var t = [], a = !0, i = !1, d, f;
+    try {
+      for (n = n.call(e); !(a = (d = n.next()).done) && (t.push(d.value), !(r && t.length === r)); a = !0)
+        ;
+    } catch (g) {
+      i = !0, f = g;
+    } finally {
+      try {
+        !a && n.return != null && n.return();
+      } finally {
+        if (i) throw f;
+      }
+    }
+    return t;
+  }
+}
+function Rn(e) {
+  if (Array.isArray(e)) return e;
+}
+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 Hn() {
+  var e = D.getTwoToneColors();
+  return e.calculated ? [e.primaryColor, e.secondaryColor] : e.primaryColor;
+}
+var Un = ["class", "icon", "spin", "rotate", "tabindex", "twoToneColor", "onClick"];
+function Ln(e, r) {
+  return Gn(e) || qn(e, r) || Wn(e, r) || Vn();
+}
+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 Wn(e, r) {
+  if (e) {
+    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 De(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 qn(e, r) {
+  var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (n != null) {
+    var t = [], a = !0, i = !1, d, f;
+    try {
+      for (n = n.call(e); !(a = (d = n.next()).done) && (t.push(d.value), !(r && t.length === r)); a = !0)
+        ;
+    } catch (g) {
+      i = !0, f = g;
+    } finally {
+      try {
+        !a && n.return != null && n.return();
+      } finally {
+        if (i) throw f;
+      }
+    }
+    return t;
+  }
+}
+function Gn(e) {
+  if (Array.isArray(e)) return 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) {
+      ve(e, a, n[a]);
+    });
+  }
+  return e;
+}
+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 Jn(e, r) {
+  if (e == null) return {};
+  var n = Yn(e, r), t, a;
+  if (Object.getOwnPropertySymbols) {
+    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 Yn(e, r) {
+  if (e == null) return {};
+  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;
+}
+Le("#1890ff");
+var N = function(r, n) {
+  var t, a = Ie({}, r, n.attrs), i = a.class, d = a.icon, f = a.spin, g = a.rotate, o = a.tabindex, y = a.twoToneColor, u = a.onClick, w = Jn(a, Un), k = (t = {
+    anticon: !0
+  }, ve(t, "anticon-".concat(d.name), !!d.name), ve(t, i, i), t), z = f === "" || f || d.name === "loading" ? "anticon-spin" : "", V = o;
+  V === void 0 && u && (V = -1, w.tabindex = V);
+  var v = g ? {
+    msTransform: "rotate(".concat(g, "deg)"),
+    transform: "rotate(".concat(g, "deg)")
+  } : void 0, m = Ue(y), l = Ln(m, 2), T = l[0], I = l[1];
+  return S("span", Ie({
+    role: "img",
+    "aria-label": d.name
+  }, w, {
+    onClick: u,
+    class: k
+  }), [S(D, {
+    class: z,
+    icon: d,
+    primaryColor: T,
+    secondaryColor: I,
+    style: v
+  }, null)]);
+};
+N.props = {
+  spin: Boolean,
+  rotate: Number,
+  icon: Object,
+  twoToneColor: String
+};
+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) {
+      Qn(e, a, n[a]);
+    });
+  }
+  return e;
+}
+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 be = function(r, n) {
+  var t = Be({}, r, n.attrs);
+  return S(N, Be({}, t, {
+    icon: Zn
+  }), null);
+};
+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) {
+      er(e, a, n[a]);
+    });
+  }
+  return e;
+}
+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 me = function(r, n) {
+  var t = Ke({}, r, n.attrs);
+  return S(N, Ke({}, t, {
+    icon: Xn
+  }), null);
+};
+me.displayName = "MenuUnfoldOutlined";
+me.inheritAttrs = !1;
+const nr = ["src"], Ve = /* @__PURE__ */ ye({
+  __name: "menu-icon",
+  props: {
+    data: { default: () => ({}) },
+    status: { default: "default" }
+  },
+  setup(e) {
+    const r = e, n = L(() => {
+      var i, d, f, g;
+      return r.status === "default" ? (((i = r.data) == null ? void 0 : i.host) || "") + ae(r.data.iconUrl) : (d = r.data) != null && d.hoverIcon ? (((f = r.data) == null ? void 0 : f.host) || "") + ae(r.data.hoverIcon) : (((g = r.data) == null ? void 0 : g.host) || "") + ae(r.data.iconUrl);
+    }), t = L(() => ({
+      display: "block",
+      "background-color": "currentColor",
+      "mask-image": `url(${n.value})`
+    }));
+    return (a, i) => n.value.endsWith(".svg") ? (c(), p(
+      "i",
+      {
+        key: 0,
+        style: ne(t.value)
+      },
+      null,
+      4
+      /* STYLE */
+    )) : (c(), p("img", {
+      key: 1,
+      src: n.value,
+      alt: ""
+    }, null, 8, nr));
+  }
+}), rr = (e, r) => ({
+  menuClick: (a, i) => {
+    var d;
+    (d = e.selectedKeys) != null && d.includes(i.id) || r("menuClick", { domEvent: a, item: i, key: i.id, keyPath: [i.parentId, i.id] });
+  },
+  toggleAffix: (a, i) => {
+    r("toggleAffix", a, i);
+  }
+}), 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;
+}, ar = { class: "aside-menu-title has-children" }, or = {
+  key: 0,
+  class: "icon-box"
+}, ir = {
+  key: 1,
+  class: "menu-title"
+}, lr = { class: "submenu-container" }, sr = { class: "title-bar" }, ur = { class: "title-left" }, cr = { class: "title" }, fr = { class: "item-container" }, dr = ["onClick"], pr = { class: "name" }, gr = {
+  key: 0,
+  class: "expired"
+}, vr = { class: "name" }, yr = {
+  key: 0,
+  class: "expired"
+}, br = { class: "submenu-container is-collapse" }, mr = { class: "title-bar is-collapse" }, hr = { class: "title-left" }, kr = { class: "title" }, Cr = { class: "icon-title" }, Fr = { class: "icon-title" }, Sr = { class: "item-collapse-container" }, wr = ["onClick"], Or = { class: "name" }, jr = {
+  key: 0,
+  class: "expired"
+}, Ar = {
+  name: "SubMenu"
+}, Tr = /* @__PURE__ */ ye({
+  ...Ar,
+  props: {
+    mode: { default: "vertical" },
+    collapse: { type: Boolean },
+    menuInfo: { default: () => ({
+      id: "",
+      name: ""
+    }) },
+    parentSelectKeys: { default: () => [] },
+    affixKeys: { default: () => [] },
+    selectedKeys: { default: () => [] }
+  },
+  emits: ["menuClick", "toggleAffix"],
+  setup(e, { emit: r }) {
+    const t = Y(!0), a = Y(""), i = e, d = r;
+    rn({
+      unlock: import("@das-fed/upf-ui/packages/icons/unlock"),
+      lock: import("@das-fed/upf-ui/packages/icons/lock")
+    });
+    const { toggleAffix: f, menuClick: g } = rr(i, d);
+    return (o, y) => (c(), _(s(en), de({
+      class: ["das-ui-sub-menu", o.parentSelectKeys.includes(o.menuInfo.id) ? "is-active" : ""],
+      key: o.menuInfo.id,
+      "popup-offset": [0, 0]
+    }, o.$attrs, {
+      onMouseover: y[4] || (y[4] = (u) => a.value = o.menuInfo.id),
+      onMouseleave: y[5] || (y[5] = (u) => a.value = -1)
+    }), {
+      icon: M(() => {
+        var u;
+        return [
+          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("v-if", !0) : (c(), p("div", ir, [
+              U(o.$slots, ((u = o.menuInfo) == null ? void 0 : u.code) + "-name", {}, () => [
+                $((c(), p("div", null, [
+                  B(
+                    F(o.menuInfo.name),
+                    1
+                    /* TEXT */
+                  )
+                ])), [
+                  [s(K)]
+                ])
+              ])
+            ]))
+          ])
+        ];
+      }),
+      default: 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(
+                              F(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(f)(o.menuInfo.id, !1), ["stop"]))
+                            }, [
+                              S(s(Z), {
+                                icon: "unlock",
+                                size: "small"
+                              }),
+                              h(
+                                "div",
+                                Cr,
+                                F(s(H)("解锁")),
+                                1
+                                /* TEXT */
+                              )
+                            ])) : b("v-if", !0),
+                            o.affixKeys.includes(o.menuInfo.id) ? b("v-if", !0) : (c(), p("div", {
+                              key: 1,
+                              class: "title-right affix",
+                              onClick: y[3] || (y[3] = R((u) => s(f)(o.menuInfo.id, !0), ["stop"]))
+                            }, [
+                              S(s(Z), {
+                                icon: "lock",
+                                size: "small"
+                              }),
+                              h(
+                                "div",
+                                Fr,
+                                F(s(H)("锁住")),
+                                1
+                                /* TEXT */
+                              )
+                            ]))
+                          ],
+                          64
+                          /* STABLE_FRAGMENT */
+                        )) : b("v-if", !0)
+                      ]),
+                      $((c(), p("div", Sr, [
+                        (c(!0), p(
+                          O,
+                          null,
+                          G(o.menuInfo.children, (u) => (c(), 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((w) => s(g)(w, u), ["stop"])
+                          }, [
+                            $((c(), p("div", Or, [
+                              B(
+                                F(u.name),
+                                1
+                                /* TEXT */
+                              )
+                            ])), [
+                              [s(K)]
+                            ]),
+                            u != null && u.expired ? (c(), p(
+                              "div",
+                              jr,
+                              F(s(H)("已到期")),
+                              1
+                              /* TEXT */
+                            )) : b("v-if", !0)
+                          ], 10, wr))),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ])), [
+                        [s(Fe), { x: !1 }]
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ],
+              2112
+              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+            )) : (c(), p(
+              O,
+              { key: 0 },
+              [
+                o.mode === "vertical" ? (c(), _(s(re), { key: 0 }, {
+                  default: M(() => [
+                    h("div", lr, [
+                      h("div", sr, [
+                        h("div", ur, [
+                          $((c(), p("div", cr, [
+                            B(
+                              F(o.menuInfo.name),
+                              1
+                              /* TEXT */
+                            )
+                          ])), [
+                            [s(K)]
+                          ])
+                        ]),
+                        s(!1) && t.value ? (c(), p(
+                          O,
+                          { key: 0 },
+                          [
+                            o.affixKeys.includes(o.menuInfo.id) ? (c(), p("div", {
+                              key: 0,
+                              class: "title-right",
+                              onClick: y[0] || (y[0] = R((u) => s(f)(o.menuInfo.id, !1), ["stop"]))
+                            }, [
+                              S(s(Z), {
+                                icon: "unlock",
+                                size: "small"
+                              }),
+                              y[6] || (y[6] = h(
+                                "div",
+                                { class: "icon-title" },
+                                "解锁",
+                                -1
+                                /* HOISTED */
+                              ))
+                            ])) : b("v-if", !0),
+                            o.affixKeys.includes(o.menuInfo.id) ? b("v-if", !0) : (c(), p("div", {
+                              key: 1,
+                              class: "title-right affix",
+                              onClick: y[1] || (y[1] = R((u) => s(f)(o.menuInfo.id, !0), ["stop"]))
+                            }, [
+                              S(s(Z), {
+                                icon: "lock",
+                                size: "small"
+                              }),
+                              y[7] || (y[7] = h(
+                                "div",
+                                { class: "icon-title" },
+                                "锁住",
+                                -1
+                                /* HOISTED */
+                              ))
+                            ]))
+                          ],
+                          64
+                          /* STABLE_FRAGMENT */
+                        )) : b("v-if", !0)
+                      ]),
+                      $((c(), p("div", fr, [
+                        (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: 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"])
+                              }, [
+                                $((c(), p("div", pr, [
+                                  B(
+                                    F(k.name),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ])), [
+                                  [s(K)]
+                                ]),
+                                k != null && k.expired ? (c(), p(
+                                  "div",
+                                  gr,
+                                  F(s(H)("已到期")),
+                                  1
+                                  /* TEXT */
+                                )) : b("v-if", !0)
+                              ], 10, dr))),
+                              128
+                              /* KEYED_FRAGMENT */
+                            ))
+                          ]))),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ])), [
+                        [s(Fe), { x: !1 }]
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })) : b("v-if", !0),
+                o.mode === "inline" ? (c(!0), p(
+                  O,
+                  { key: 1 },
+                  G(o.menuInfo.children, (u) => (c(), _(
+                    s(re),
+                    {
+                      key: u.id
+                    },
+                    {
+                      default: M(() => [
+                        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" : ""
+                            ])
+                          },
+                          [
+                            $((c(), p("div", vr, [
+                              B(
+                                F(u.name),
+                                1
+                                /* TEXT */
+                              )
+                            ])), [
+                              [s(K)]
+                            ]),
+                            u != null && u.expired ? (c(), p(
+                              "div",
+                              yr,
+                              F(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"]));
+  }
+}), xr = (e, r) => {
+  const n = Y([]), t = Y([]);
+  Ce(
+    () => n.value,
+    (o) => {
+      r("update:currentOpenKeys", o);
+    }
+  ), Ce(
+    () => e.currentOpenKeys,
+    (o) => {
+      o && n.value !== o && (n.value = e.currentOpenKeys || []);
+    },
+    { immediate: !0 }
+  );
+  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);
+    });
+  };
+  Je(() => {
+    document.documentElement.style.setProperty("--das-menu-submenu-popup-z-index", "999998");
+  });
+  const i = (o) => {
+    if (e.mode === "inline") {
+      if (!f.value) {
+        const y = t.value.filter((u) => !o.includes(u));
+        t.value = t.value.filter((u) => !y.includes(u));
+      }
+      n.value = [o[o.length - 1]];
+    }
+    e.mode === "vertical" && (n.value = Array.from(new Set(o.concat(t.value))));
+  }, d = (o) => {
+    !o || !o.key || r("menuClick", o);
+  }, f = L({
+    get: () => !!e.collapse,
+    set: (o) => {
+      r("update:collapse", o);
+    }
+  });
+  return {
+    isCollapse: f,
+    openKeys: n,
+    affixKeys: t,
+    toggleAffix: a,
+    openChange: i,
+    menuClick: d,
+    toggleCollapse: (o) => {
+      f.value = o, r("toggleCollapse", o);
+    }
+  };
+}, 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"
+}, Mr = {
+  key: 1,
+  class: "custom-left-icon"
+}, _r = { class: "menu-item-content" }, Pr = {
+  key: 1,
+  class: "expired"
+}, Er = {
+  key: 2,
+  class: "ant-menu-submenu-arrow",
+  custom: "true"
+}, Dr = { class: "das-aside-menu-bottom-container" }, Ir = {
+  name: "DasMenuAside"
+}, Br = /* @__PURE__ */ ye({
+  ...Ir,
+  props: {
+    globalTheme: { default: "default" },
+    mode: { default: "vertical" },
+    collapse: { type: Boolean },
+    menus: {},
+    currentOpenKeys: { default: () => [] },
+    currentSelectKeys: { default: () => [] },
+    parentSelectKeys: { default: () => [] },
+    subMenuAttrs: { default: () => ({}) }
+  },
+  emits: ["update:collapse", "update:currentOpenKeys", "menuClick", "toggleCollapse"],
+  setup(e, { emit: r }) {
+    const n = Y(""), t = e, a = r, i = "das-aside-menu-submenu", d = L(() => {
+      var m;
+      let v = i;
+      return (m = t == null ? void 0 : t.subMenuAttrs) != null && m.popupClassName && (v = `${v} ${t.subMenuAttrs.popupClassName}`), {
+        popupClassName: v
+      };
+    }), f = L(() => {
+      const v = {}, m = document.getElementById(i);
+      if (t.globalTheme === "default")
+        return m && m.remove(), v;
+      Object.keys(Ne).forEach((T) => {
+        var I;
+        v[T] = ((I = Ne[T]) == null ? void 0 : I[t.globalTheme]) ?? void 0;
+      });
+      const l = [
+        {
+          className: `.${i}`,
+          style: v
+        }
+      ];
+      return m ? tn(i, l) : an(i, l), v;
+    }), g = L(() => {
+      const v = t.menus || [], m = JSON.parse(JSON.stringify(v));
+      return !m || !m.length ? [] : We(m);
+    }), { isCollapse: o, openKeys: y, affixKeys: u, toggleAffix: w, openChange: k, menuClick: z, toggleCollapse: V } = xr(
+      t,
+      a
+    );
+    return (v, m) => (c(), p(
+      "div",
+      {
+        class: P(["das-ui-menu-aside", v.collapse ? "is-collapse" : "", `theme-${v.globalTheme}`]),
+        style: ne(f.value)
+      },
+      [
+        (c(), p(
+          "div",
+          {
+            key: v.collapse + "",
+            class: P(["das-ui-aside-menu", v.collapse ? "is-collapse" : ""])
+          },
+          [
+            S(s(Qe), { style: { height: "100%" } }, {
+              default: M(() => [
+                g.value && g.value.length ? (c(), _(s(nn), de({
+                  key: 0,
+                  class: ["das-menu", v.collapse ? "is-collapse" : ""],
+                  mode: v.mode,
+                  openKeys: s(y),
+                  "onUpdate:openKeys": m[1] || (m[1] = (l) => Ye(y) ? y.value = l : null),
+                  selectedKeys: v.currentSelectKeys,
+                  theme: "dark",
+                  "inline-collapsed": s(o)
+                }, v.$attrs, {
+                  onOpenChange: s(k),
+                  onClick: s(z)
+                }), {
+                  default: M(() => [
+                    (c(!0), p(
+                      O,
+                      null,
+                      G(g.value, (l) => (c(), p(
+                        O,
+                        null,
+                        [
+                          b(" 只有一级菜单 "),
+                          l.children ? (c(), p(
+                            O,
+                            { key: 1 },
+                            [
+                              b(" 有二级菜单 "),
+                              (c(), _(Tr, de({
+                                key: l.id,
+                                mode: v.mode,
+                                menuInfo: l,
+                                collapse: s(o),
+                                affixKeys: s(u),
+                                parentSelectKeys: v.parentSelectKeys,
+                                selectedKeys: v.currentSelectKeys,
+                                ref_for: !0
+                              }, d.value, {
+                                onMenuClick: s(z),
+                                onToggleAffix: s(w)
+                              }), null, 16, ["mode", "menuInfo", "collapse", "affixKeys", "parentSelectKeys", "selectedKeys", "onMenuClick", "onToggleAffix"]))
+                            ],
+                            64
+                            /* STABLE_FRAGMENT */
+                          )) : (c(), _(s(re), {
+                            class: P({ "divise-menu-item": l.divise }),
+                            key: l.id,
+                            onMouseover: (T) => n.value = l.id,
+                            onMouseleave: m[0] || (m[0] = (T) => n.value = "")
+                          }, {
+                            icon: M(() => [
+                              S(s(Xe), {
+                                content: l.name,
+                                placement: "right",
+                                disabled: !s(o)
+                              }, {
+                                default: M(() => {
+                                  var T, I, he;
+                                  return [
+                                    h(
+                                      "div",
+                                      {
+                                        class: P([
+                                          "aside-menu-title",
+                                          (T = l == null ? void 0 : l.originalChildren) != null && T.length ? "has-children" : "",
+                                          l != null && l.expired ? "is-expired" : "",
+                                          l != null && l.disable ? "is-disable" : "",
+                                          v.currentSelectKeys.includes(l.id) ? "is-active" : ""
+                                        ])
+                                      },
+                                      [
+                                        b(" 自定义leftIcon "),
+                                        l.hideIcon ? b("v-if", !0) : (c(), p("div", $r, [
+                                          b(" 第一种icon插槽 "),
+                                          v.$slots[`${l == null ? void 0 : l.code}-leftIcon`] ? (c(), p("div", Mr, [
+                                            b(" 第二种icon插槽 "),
+                                            U(v.$slots, `${l == null ? void 0 : l.code}-leftIcon`)
+                                          ])) : U(v.$slots, "icon", {
+                                            key: 0,
+                                            menuInfo: l
+                                          }, () => [
+                                            S(Ve, {
+                                              data: l,
+                                              status: v.currentSelectKeys.includes(l.id) || n.value === l.id ? "hover" : "default"
+                                            }, null, 8, ["data", "status"])
+                                          ])
+                                        ])),
+                                        h("div", _r, [
+                                          s(o) ? b("v-if", !0) : $((c(), p(
+                                            "div",
+                                            {
+                                              key: 0,
+                                              class: "menu-title",
+                                              style: ne({
+                                                "padding-right": v.$slots[(l == null ? void 0 : l.code) + "-rightIcon"] || l != null && l.expired ? "0" : l != null && l.disable && ((I = l == null ? void 0 : l.originalChildren) != null && I.length) ? "30px" : "15px"
+                                              })
+                                            },
+                                            [
+                                              B(
+                                                F(l.name),
+                                                1
+                                                /* TEXT */
+                                              )
+                                            ],
+                                            4
+                                            /* STYLE */
+                                          )), [
+                                            [s(K)]
+                                          ]),
+                                          b(" 已到期标识 "),
+                                          l != null && l.expired ? (c(), p(
+                                            "div",
+                                            Pr,
+                                            F(s(H)("已到期")),
+                                            1
+                                            /* TEXT */
+                                          )) : b("v-if", !0),
+                                          b(" 箭头 "),
+                                          l != null && l.disable && ((he = l == null ? void 0 : l.originalChildren) != null && he.length) ? (c(), p("i", Er)) : b("v-if", !0),
+                                          b("@slots 右侧icon "),
+                                          U(v.$slots, (l == null ? void 0 : l.code) + "-rightIcon")
+                                        ])
+                                      ],
+                                      2
+                                      /* CLASS */
+                                    )
+                                  ];
+                                }),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["content", "disabled"])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["class", "onMouseover"]))
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      ))),
+                      256
+                      /* UNKEYED_FRAGMENT */
+                    ))
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 16, ["class", "mode", "openKeys", "selectedKeys", "inline-collapsed", "onOpenChange", "onClick"])) : b("v-if", !0),
+                b(" 底部插槽 "),
+                h("div", Dr, [
+                  U(v.$slots, "bottom")
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            })
+          ],
+          2
+          /* CLASS */
+        )),
+        h(
+          "div",
+          {
+            class: P(["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(), _(s(me), {
+                    key: 0,
+                    class: "collapse-icon"
+                  })) : (c(), _(s(be), {
+                    key: 1,
+                    class: "collapse-icon"
+                  }))
+                ])
+              ],
+              4
+              /* STYLE */
+            )
+          ],
+          2
+          /* CLASS */
+        )
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), 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-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-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-collapse-icon-bg-color": "rgba(255,255,255,0.65)",
+  "--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 {
+  Xr as DasMenuAside,
+  et as default
+};