@gx-design-vue/pro-layout 0.1.0-beta.6 → 0.1.0-beta.61

package/dist/pro-layout.js

@@ -0,0 +1,4595 @@
+import { defineComponent as A, createVNode as n, mergeProps as V, provide as st, readonly as Pt, inject as Lt, resolveComponent as ut, computed as m, isVNode as oe, Fragment as Z, toRefs as Oe, unref as j, createTextVNode as Q, ref as we, reactive as He, watch as ce, withDirectives as Dt, vShow as Nt, watchEffect as zt, Transition as Ht } from "vue";
+import { Spin as Se, Menu as ne, ConfigProvider as Ke, Layout as fe, Drawer as Ce, Breadcrumb as Kt, Card as jt, LayoutFooter as At, Tabs as je, Dropdown as Ge, Tooltip as Re, List as ae, Switch as dt, TabPane as Wt, Select as be, message as Ut, Divider as Te, Alert as Et, Button as Xt } from "ant-design-vue";
+import { useProAppContext as Ae } from "@gx-design-vue/pro-app";
+import { useRouter as We, RouterLink as Yt } from "vue-router";
+import { createFromIconfontCN as Vt, MenuUnfoldOutlined as _t, MenuFoldOutlined as Gt, GithubOutlined as qt, EllipsisOutlined as Zt, ReloadOutlined as Jt, CloseOutlined as ct, CheckOutlined as mt, SettingOutlined as Qt, NotificationOutlined as en, CopyOutlined as tn } from "@ant-design/icons-vue";
+import { isArray as ft, isBoolean as qe, getSlot as W, getPrefixCls as he, classNames as ht, merge as gt, getRandomNumber as Ze, getLevelData as nn, isBrowser as an } from "@gx-design-vue/pro-utils";
+import on, { themeConfig as K, getDefaultLayoutToken as Fe, Keyframe as s, useStyle as ge, mergeToken as $e, useProConfigContext as ye, useProStyle as ie, defaultTheme as ln, defaultLayout as rn, colorList as sn } from "@gx-design-vue/pro-provider";
+import { createTypes as un } from "vue-types";
+import { cloneDeep as Be, pick as re, omit as Ue } from "lodash-es";
+import { GPorWaterMark as dn } from "@gx-design-vue/pro-watermark";
+import { useMediaQuery as cn, useState as xe, useMergedState as mn } from "@gx-design-vue/pro-hooks";
+import fn from "dayjs";
+import { useWindowSize as hn, useClipboard as gn } from "@vueuse/core";
+import yn from "@gx-design-vue/scrollbar";
+import { GColorPicker as Je } from "@gx-design-vue/color-picker";
+const bn = /* @__PURE__ */ A({
+  name: "PageLoading",
+  props: {
+    ...Se.props
+  },
+  setup(e) {
+    const {
+      indicator: t
+    } = Ae();
+    return n("div", {
+      style: {
+        paddingTop: "100px",
+        textAlign: "center"
+      }
+    }, [n(Se, V(e, {
+      indicator: t == null ? void 0 : t.value
+    }), null)]);
+  }
+}), L = un({
+  func: void 0,
+  bool: void 0,
+  string: void 0,
+  number: void 0,
+  array: void 0,
+  object: void 0,
+  integer: void 0
+});
+L.extend([{
+  name: "looseBool",
+  getter: !0,
+  type: Boolean,
+  default: void 0
+}, {
+  name: "style",
+  getter: !0,
+  type: [String, Object],
+  default: void 0
+}, {
+  name: "VueNode",
+  getter: !0,
+  type: null
+}]);
+const ue = {
+  theme: {
+    type: String,
+    default: K.theme
+  },
+  layout: {
+    type: String,
+    default: K.layout
+  },
+  wideWidth: {
+    type: Number,
+    default: K.wideWidth
+  },
+  splitMenus: {
+    type: Boolean,
+    default: K.splitMenus
+  },
+  fixedMultiTab: {
+    type: Boolean,
+    default: K.fixedMultiTab
+  },
+  showProgressBar: {
+    type: Boolean,
+    default: K.showProgressBar
+  },
+  fixedHeader: {
+    type: Boolean,
+    default: K.fixedHeader
+  },
+  fixSiderbar: {
+    type: Boolean,
+    default: K.fixSiderbar
+  },
+  showTabsBar: {
+    type: Boolean,
+    default: K.showTabsBar
+  },
+  showFullScreen: {
+    type: Boolean,
+    default: K.showFullScreen
+  },
+  autoHideHeader: {
+    type: Boolean,
+    default: K.autoHideHeader
+  },
+  headerHeight: {
+    type: Number,
+    default: K.headerHeight
+  },
+  title: {
+    type: String,
+    default: K.title
+  },
+  iconfontUrl: {
+    type: String,
+    default: K.iconfontUrl
+  },
+  animate: {
+    type: Object,
+    default: K.animate
+  },
+  primaryColor: {
+    type: String,
+    default: K.primaryColor
+  }
+}, se = {
+  renderKey: L.string.def("menuHeaderRender"),
+  title: ue.title,
+  layout: ue.layout,
+  logo: {
+    type: [Object, String, Function],
+    default: () => {
+    }
+  },
+  logoStyle: {
+    type: Object,
+    default: () => {
+    }
+  },
+  logoDirection: {
+    type: String,
+    default: "horizontal"
+  },
+  drawer: L.looseBool,
+  collapsed: L.looseBool,
+  menuHeaderRender: {
+    type: [Object, Function],
+    default: () => {
+    }
+  },
+  onMenuHeaderClick: Function
+}, ke = {
+  ...ue,
+  mode: {
+    type: String,
+    default: "inline"
+  },
+  menuData: {
+    type: Array,
+    default: () => []
+  },
+  theme: {
+    type: String,
+    default: "dark"
+  },
+  layout: {
+    type: String,
+    default: "mix"
+  },
+  collapsed: {
+    type: Boolean,
+    default: () => !1
+  },
+  openKeys: {
+    type: [Array, Boolean],
+    default: () => []
+  },
+  selectedKeys: {
+    type: Array,
+    default: () => []
+  },
+  menuProps: {
+    type: Object,
+    default: () => null
+  },
+  menuItemRender: {
+    type: [Function, Boolean],
+    default: () => {
+    }
+  },
+  subMenuItemRender: {
+    type: [Function, Boolean],
+    default: () => {
+    }
+  },
+  onClick: [Function, Object],
+  onOpenKeys: {
+    type: Function
+  },
+  onSelect: {
+    type: Function
+  }
+}, _ = {
+  ...ue,
+  ...ke,
+  menuLoading: L.looseBool,
+  logo: se.logo,
+  logoStyle: se.logoStyle,
+  logoDirection: se.logoDirection,
+  siderWidth: L.number.def(208),
+  headerHeight: L.number.def(48),
+  collapsedWidth: L.number.def(48),
+  links: {
+    type: [Function, Object, Array],
+    default: () => {
+    }
+  },
+  menuHeaderRender: {
+    type: [Function, Object],
+    default: () => {
+    }
+  },
+  menuFooterRender: {
+    type: [Function, Object, Boolean],
+    default: () => !1
+  },
+  menuContentRender: {
+    type: [Function, Object, Boolean],
+    default: () => !1
+  },
+  menuExtraRender: {
+    type: [Function, Object, Boolean],
+    default: () => !1
+  },
+  collapsedButtonRender: {
+    type: [Function, Object, Boolean],
+    default: () => {
+    }
+  },
+  breakpoint: {
+    type: [Object, Boolean],
+    default: () => !1
+  },
+  isMobile: L.looseBool,
+  matchMenuKeys: {
+    type: Array,
+    default: () => []
+  },
+  // events
+  onMenuHeaderClick: L.func,
+  onMenuClick: L.func,
+  onCollapse: {
+    type: Function
+  }
+}, pn = /(((^https?:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-]*)?\??[-+=&;%@.\w]*#?\w*))$/, yt = (e) => pn.test(e);
+function vn(e) {
+  return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
+}
+const Pe = {
+  colorItemBg: "colorBgMenu",
+  colorSubItemBg: "colorSubItemBg",
+  colorItemBgHover: "colorBgMenuItemHover",
+  colorItemBgSelected: "colorBgMenuItemSelected",
+  colorItemBgSelectedHorizontal: "colorBgMenuItemSelected",
+  colorItemText: "colorTextMenu",
+  colorItemTextHover: "colorTextMenuHover",
+  colorItemTextSelected: "colorTextMenuSelected",
+  colorItemTextSelectedHorizontal: "colorTextMenuSelected"
+};
+function bt({ type: e, token: t, theme: a, staticToken: i, layoutThemeKey: o }) {
+  var C;
+  const u = a === "dark" || a === "realDark", f = (C = t.layout) == null ? void 0 : C[e], b = Fe(e, t)[o], g = Object.keys(Pe).reduce((d, F) => (d[F] = f[Pe[F]] || b[Pe[F]], d), {}), M = Object.assign(i, Object.fromEntries(Object.entries(g).filter(([d, F]) => F !== void 0)));
+  return u && e === "header" && (M.colorActiveBarHeight = 0), M;
+}
+const Cn = ["left", "right"], me = ["left", "right", "down", "up"], xn = ["downBig", "upBig", "leftBig", "rightBig"], wn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Sn = ["downLeft", "upRight", "downRight", "upLeft"], Ee = {
+  preset: [
+    // 预设动画配置
+    { name: "back", alias: "渐近", directions: me },
+    { name: "bounce", alias: "弹跳", directions: me.concat("default") },
+    {
+      name: "fade",
+      alias: "淡化",
+      directions: me.concat(xn).concat(wn).concat("default")
+    },
+    { name: "flip", alias: "翻转", directions: ["x", "y"] },
+    { name: "lightSpeed", alias: "光速", directions: Cn },
+    { name: "rotate", alias: "旋转", directions: Sn.concat("default") },
+    { name: "roll", alias: "翻滚", directions: ["default"] },
+    { name: "zoom", alias: "缩放", directions: me.concat("default") },
+    { name: "slide", alias: "滑动", directions: me }
+  ]
+};
+function In(e) {
+  return e.map((t) => {
+    var i;
+    const a = { ...t };
+    if ((i = a.meta) != null && i.hideInMenu)
+      return null;
+    if (a && (a != null && a.children)) {
+      if (a.children.some((o) => {
+        var u;
+        return o && !((u = o.meta) != null && u.hideInMenu);
+      }))
+        return {
+          ...a,
+          children: In(a.children)
+        };
+      delete a.children;
+    }
+    return a;
+  }).filter((t) => t);
+}
+function Mn(e) {
+  return e.map((t) => {
+    var i;
+    const a = { ...t };
+    return (i = a.meta) != null && i.hideInMenu ? null : (a.linkPath = Rn(a.children || []), a.children && delete a.children, a);
+  }).filter((t) => t);
+}
+function On(e, t) {
+  const a = (t || "").split("/").length === 2 ? t || "" : `/${(t || "").split("/")[1]}`, i = e.find((o) => o.path === a);
+  return t === void 0 ? [] : (i == null ? void 0 : i.children) || [];
+}
+function Rn(e) {
+  let t = "";
+  const a = function(o) {
+    let u = "";
+    return o.children && o.children.length > 0 ? u = a(o.children[0]) : u = o.path, u;
+  }, i = e == null ? void 0 : e.filter((o) => !o.hidden);
+  if (i.length > 0 && i[0].children && i[0].children.length > 0)
+    t = a(i[0].children[0]);
+  else {
+    const o = i.length > 0 ? i[0] : void 0;
+    t = (o == null ? void 0 : o.path) || "";
+  }
+  return t;
+}
+function Pi(e, t) {
+  var i, o;
+  const a = ((o = (i = e.find((u) => u.path === t)) == null ? void 0 : i.meta) == null ? void 0 : o.key) || "";
+  if (a) {
+    const u = [], f = a.split("-");
+    for (let b = 0; b < f.length; b += 1)
+      u.push(Be(f).splice(0, b + 1).join("-"));
+    return e.filter((b) => u.some((g) => {
+      var M;
+      return g === ((M = b == null ? void 0 : b.meta) == null ? void 0 : M.key) || "";
+    }));
+  }
+  return [];
+}
+function Fn(e) {
+  return e.layout === "mix" && (e.fixSiderbar = !0, e.fixedHeader = !0, e.splitMenus = !0), e.layout === "top" && (e.fixSiderbar = !1, e.fixedHeader = !0, e.splitMenus = !1), e.layout === "simple" && (e.splitMenus = !1, e.showTabsBar = !1), e.layout === "side" && (e.splitMenus = !1), e.layout === "wide" && (e.splitMenus = !1, e.fixSiderbar = !1, e.fixedHeader = !0, e.showTabsBar = !1, e.fixedMultiTab = !1), { ...e };
+}
+function $n(e) {
+  const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
+  let i = Object.keys(e).reduce((o, u) => (o[u] = !1, o), {});
+  return i = Bn(i, t), e.layout === "mix" && (i.fixSiderbar = !0, i.fixedHeader = !0), e.layout === "side" && (i.splitMenus = !0), e.layout === "simple" && (i.splitMenus = !0, i.fixedHeader = !0, i.showTabsBar = !0, i.fixedMultiTab = !0), e.layout === "wide" && (i.splitMenus = !0, i.fixedHeader = !0, i.fixSiderbar = !0, i.showTabsBar = !0, i.fixedMultiTab = !0), i;
+}
+function Bn(e, t) {
+  return {
+    ...t.reduce((a, i) => ({ ...a, [i]: e[i] }), {})
+  };
+}
+const kn = (e = Symbol(), t = "Context.Provider") => A({
+  name: t,
+  props: {
+    value: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(i, { slots: o }) {
+    return st(e, Pt(i.value)), () => {
+      var u;
+      return (u = o.default) == null ? void 0 : u.call(o);
+    };
+  }
+}), Tn = (e = Symbol(), t) => Lt(e, t || {}), Xe = Symbol("pro-layout-context"), Pn = () => kn(Xe, "ProLayoutContext.Provider"), Ln = (e) => {
+  st(Xe, e);
+}, J = () => Tn(Xe);
+Pn();
+function Qe(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
+}
+const Ie = (e) => {
+  const {
+    icon: t,
+    iconType: a,
+    iconfontUrl: i
+  } = e;
+  if (!t)
+    return null;
+  if (typeof t == "string" && t !== "") {
+    if (yt(t) || vn(t))
+      return n("img", {
+        src: t,
+        alt: "icon",
+        class: `${e.className}-icon-image`
+      }, null);
+    if (a === 1) {
+      const u = Vt({
+        scriptUrl: i || K.iconfontUrl
+      });
+      return i ? n(u, {
+        type: t
+      }, null) : n("i", {
+        class: `iconfont ${t} ${e.className}-icon`
+      }, null);
+    }
+  }
+  if (oe(t))
+    return t;
+  const o = ut(t);
+  return typeof Ie == "function" && n(o, null, null) || null;
+};
+Ie.props = {
+  icon: {
+    type: [String, Function, Object]
+  },
+  iconType: Number,
+  className: String,
+  iconfontUrl: String
+};
+const pt = /* @__PURE__ */ A({
+  name: "BaseMenu",
+  props: ke,
+  setup(e) {
+    const t = We(), {
+      getPrefixCls: a
+    } = J(), i = a({
+      suffixCls: "menu-item",
+      isPor: !0
+    }), o = (l) => {
+      var r;
+      (r = e.onOpenKeys) == null || r.call(e, l);
+    }, u = (l) => {
+      var r;
+      (r = e.onSelect) == null || r.call(e, l.selectedKeys);
+    }, f = (l) => {
+      var r;
+      (r = e.onClick) == null || r.call(e, ...l);
+    }, b = (l, r) => {
+      var S;
+      const x = l.target || "", w = yt(x);
+      ((S = t.currentRoute.value) == null ? void 0 : S.fullPath) !== r.to && w && x && l.targetStatus === 1 && window.open(x);
+    }, g = ut("router-link"), M = (l) => {
+      var y, T, h, p, P;
+      const r = {
+        ...l.meta
+      }, x = r.targetStatus === 1 && r.target ? "a" : g, w = {
+        to: l.linkPath || l.path || ""
+      }, S = (y = l.meta) == null ? void 0 : y.title, O = (T = l.meta) != null && T.icon ? n(x, V(w, {
+        class: "gx-pro-sider-menu-item",
+        onClick: () => b(r, w)
+      }), {
+        default: () => [n("span", {
+          class: "gx-pro-sider-menu-item-title"
+        }, [S])]
+      }) : n(x, V(w, {
+        class: "gx-pro-sider-menu-item",
+        onClick: () => b(r, w)
+      }), {
+        default: () => [n("span", null, [S])]
+      }), v = ((h = l.meta) == null ? void 0 : h.icon) && n(Ie, {
+        className: i,
+        icon: (p = l.meta) == null ? void 0 : p.icon,
+        iconfontUrl: e.iconfontUrl,
+        iconType: (P = l.meta) == null ? void 0 : P.iconType
+      }, null) || void 0;
+      return [O, v];
+    }, C = (l) => {
+      var w, S, O, v, y, T, h, p, P;
+      if (Array.isArray(l.children) && l.children.length > 0 && !((w = l == null ? void 0 : l.meta) != null && w.hideInMenu) && !((S = l == null ? void 0 : l.meta) != null && S.hideChildrenInMenu)) {
+        let k;
+        if (e.subMenuItemRender)
+          return e.subMenuItemRender({
+            item: l,
+            children: d(l.children)
+          });
+        const N = (O = l.meta) == null ? void 0 : O.title, B = (v = l.meta) != null && v.icon ? n("span", {
+          class: "gx-pro-sider-menu-item"
+        }, [n("span", {
+          class: "gx-pro-sider-menu-item-title"
+        }, [N])]) : n("span", {
+          class: "gx-pro-sider-menu-item"
+        }, [N]), U = ((y = l.meta) == null ? void 0 : y.type) === "group", z = U ? ne.ItemGroup : ne.SubMenu;
+        return n(z, {
+          title: B,
+          key: l.path,
+          icon: U ? null : n(Ie, {
+            className: i,
+            icon: (T = l.meta) == null ? void 0 : T.icon,
+            iconfontUrl: e.iconfontUrl,
+            iconType: (h = l.meta) == null ? void 0 : h.iconType
+          }, null)
+        }, Qe(k = d(l.children)) ? k : {
+          default: () => [k]
+        });
+      }
+      const [r, x] = M(l);
+      return e.menuItemRender && e.menuItemRender({
+        item: l,
+        title: r,
+        icon: x
+      }) || n(ne.Item, {
+        disabled: (p = l.meta) == null ? void 0 : p.disabled,
+        danger: (P = l.meta) == null ? void 0 : P.danger,
+        key: l.path,
+        icon: x
+      }, Qe(r) ? r : {
+        default: () => [r]
+      });
+    };
+    function d(l = []) {
+      return l.map((r) => C(r)).filter((r) => r);
+    }
+    const F = m(() => d(e.menuData));
+    return () => n(ne, V({
+      key: "Menu",
+      inlineIndent: 16,
+      mode: e.mode,
+      theme: e.theme,
+      openKeys: e.openKeys === !1 ? [] : ft(e.openKeys) ? e.openKeys : [],
+      selectedKeys: e.selectedKeys || [],
+      onOpenChange: (l) => o(l),
+      onSelect: u,
+      onClick: f
+    }, e.menuProps), {
+      default: () => [F.value]
+    });
+  }
+}), vt = new s("pro-layout-title-hide", {
+  "0%": { display: "none", opacity: 0 },
+  "99%": {
+    display: "none",
+    opacity: 0
+  },
+  "100%": {
+    display: "block",
+    opacity: 1
+  }
+}), Dn = (e) => {
+  const t = `${e.antCls}-menu`;
+  return {
+    [`${e.proComponentsCls}-basic-layout`]: {
+      [`${t}${t}-root`]: {
+        [`${t}-item a`]: {
+          transition: "none"
+        }
+      }
+    }
+  };
+}, Nn = (e) => {
+  var t, a, i, o;
+  return {
+    [`${e.proComponentsCls}-basic-layout`]: {
+      [`&${e.proComponentsCls}-basic-layout-wide`]: {
+        [e.componentCls]: {
+          position: "sticky",
+          zIndex: 100,
+          borderRadius: e.borderRadiusSM
+        }
+      },
+      [e.componentCls]: {
+        position: "relative",
+        borderRight: 0,
+        zIndex: 9,
+        "&-menu": {
+          position: "relative",
+          zIndex: 10,
+          minHeight: "100%",
+          "&-icon": {
+            verticalAlign: "unset"
+          }
+        },
+        [`& ${e.antCls}-layout-sider-children`]: {
+          position: "relative",
+          display: "flex",
+          flexDirection: "column",
+          height: "100%"
+        },
+        "&-links": {
+          width: "100%",
+          borderTop: "1px solid rgba(0,0,0,.06)",
+          ul: {
+            height: "auto"
+          }
+        },
+        "&-link-menu": {
+          border: "none",
+          boxShadow: "none",
+          background: "transparent"
+        },
+        "&-footer": {
+          paddingBlockEnd: 16,
+          fontSize: e.fontSize,
+          animationName: vt,
+          animationDuration: ".4s",
+          animationTimingFunction: "ease"
+        }
+      },
+      [`${e.componentCls}${e.componentCls}-fixed`]: {
+        position: "fixed",
+        insetBlockStart: 0,
+        insetInlineStart: 0,
+        zIndex: "100",
+        height: "100%",
+        "&-mix": {
+          height: `calc(100% - ${((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.heightLayoutHeader) || K.headerHeight}px)`,
+          insetBlockStart: `${((o = (i = e.layout) == null ? void 0 : i.header) == null ? void 0 : o.heightLayoutHeader) || K.headerHeight}px`
+        }
+      }
+    }
+  };
+}, zn = (e) => ({
+  [`${e.proComponentsCls}-basic-layout`]: {
+    [`${e.antCls}-menu`]: {
+      [`${e.proComponentsCls}-menu-item-icon${e.antCls}-menu-item-icon`]: {
+        verticalAlign: "unset",
+        lineHeight: 1
+      }
+    }
+  }
+}), Hn = (e) => ({
+  [`${e.proComponentsCls}-sider`]: {
+    "&-logo": {
+      position: "relative",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      padding: "16px 8px",
+      cursor: "pointer",
+      transition: "padding .3s cubic-bezier(.645,.045,.355,1)",
+      "> a": {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        maxHeight: 32,
+        "> img": {
+          display: "inline-block",
+          height: 32,
+          verticalAlign: "middle"
+        },
+        "> h1": {
+          display: "inline-block",
+          lineHeight: "32px",
+          marginBlock: 0,
+          marginInlineEnd: 0,
+          marginInlineStart: 12,
+          color: e.theme === "light" ? e.colorPrimary : e.colorWhite,
+          animationName: vt,
+          animationDuration: ".2s",
+          fontWeight: 600,
+          fontSize: 18,
+          overflow: "hidden",
+          verticalAlign: "middle"
+        }
+      },
+      "&-collapsed": {
+        flexDirection: "column-reverse",
+        margin: 0,
+        padding: 12,
+        [`${e.proComponentsCls}-layout-apps-icon`]: {
+          marginBlockEnd: 8,
+          fontSize: 16,
+          transition: "font-size 0.2s ease-in-out,color 0.2s ease-in-out"
+        }
+      }
+    },
+    [`&${e.antCls}-layout-sider-collapsed`]: {
+      [`${e.proComponentsCls}-sider-logo`]: {
+        padding: "16px 8px"
+      }
+    }
+  }
+});
+function Kn(e, t) {
+  return ge("AppLayoutSider", (a) => {
+    const i = $e(a, {
+      theme: t.value
+    });
+    return [Hn(i)];
+  }, e);
+}
+const Ct = (e, t) => e ? typeof e == "string" ? n("img", {
+  src: e,
+  alt: "logo",
+  style: t
+}, null) : typeof e == "function" ? e() : e : null, jn = (e, t = "menuHeaderRender") => {
+  const {
+    logo: a,
+    logoStyle: i,
+    title: o,
+    layout: u
+  } = e, f = e[t || ""];
+  if (f === !1)
+    return null;
+  const b = Ct(a, i), g = o && n("h1", null, [o]);
+  return typeof f == "function" ? f(b, e.collapsed ? null : g, e) : n(Z, null, [b || null, e.collapsed && u === "side" ? null : g]);
+}, Ye = /* @__PURE__ */ A({
+  name: "LogoContent",
+  props: se,
+  setup(e) {
+    const {
+      getPrefixCls: t,
+      theme: a
+    } = J(), i = m(() => e.layout === "side" || e.layout === "simple"), o = m(() => t({
+      suffixCls: i.value || e.drawer ? "sider" : "global-header",
+      isPor: !0
+    })), {
+      wrapSSR: u,
+      hashId: f
+    } = Kn(o.value, a), b = m(() => jn(e, e.renderKey));
+    return () => u(n("div", {
+      id: "logo",
+      class: {
+        [`${f.value}`]: !0,
+        [`${o.value}-logo`]: !0,
+        [`${o.value}-logo-collapsed`]: !!e.collapsed
+      },
+      onClick: () => {
+        var g;
+        return (g = e.onMenuHeaderClick) == null ? void 0 : g.call(e);
+      }
+    }, [n("a", null, [b.value || null])]));
+  }
+});
+Ye.inheritAttrs = !1;
+function An(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
+}
+const {
+  Sider: Wn
+} = fe, {
+  Item: et
+} = ne, xt = (e) => e ? n(_t, null, null) : n(Gt, null, null), tt = /* @__PURE__ */ A({
+  props: _,
+  inheritAttrs: !1,
+  setup(e) {
+    const {
+      getPrefixCls: t,
+      selectedKeys: a,
+      flatMenuData: i,
+      menuData: o,
+      openKeys: u,
+      theme: f
+    } = J(), {
+      indicator: b
+    } = Ae(), {
+      token: g
+    } = ye(), {
+      theme: M,
+      layout: C,
+      isMobile: d,
+      menuLoading: F,
+      breakpoint: l,
+      fixSiderbar: r,
+      collapsed: x,
+      siderWidth: w,
+      collapsedWidth: S,
+      menuExtraRender: O,
+      menuContentRender: v,
+      menuFooterRender: y,
+      collapsedButtonRender: T,
+      links: h
+    } = Oe(e), p = t({
+      suffixCls: "sider",
+      isPor: !0
+    }), P = m(() => e.layout === "wide"), k = m(() => e.layout === "mix" && !e.isMobile && e.splitMenus), N = m(() => C.value === "side" || C.value === "simple"), B = m(() => (e.layout === "mix" || P.value) && "light" || M.value), U = m(() => `${f.value}:${C.value}`), {
+      wrapSSR: z,
+      hashId: H
+    } = ie("ProLayoutSiderMenu", [zn, Dn, Nn, (I) => {
+      var E, X, q;
+      const $ = (E = I == null ? void 0 : I.layout) == null ? void 0 : E.sider, D = ((X = I.layout) == null ? void 0 : X.layoutThemeKey) || "";
+      return {
+        [`${I.proComponentsCls}-basic-layout`]: {
+          [I.componentCls]: {
+            [`&-${f.value}`]: {
+              background: ($ == null ? void 0 : $.colorBgMenu) || ((q = Fe("sider", I)[D]) == null ? void 0 : q.colorBgMenu),
+              boxShadow: f.value === "realDark" ? "#0d0d0da6 0 2px 8px" : "2px 0 8px 0 rgba(29,35,41,.05)",
+              [`${I.componentCls}-footer`]: {
+                color: $ == null ? void 0 : $.colorTextMenu
+              }
+            }
+          }
+        }
+      };
+    }], p), ee = m(() => C.value === "top" ? [] : o.value), G = m(() => e.collapsed ? e.collapsedWidth : e.siderWidth), de = m(() => [H.value, p, d.value ? "shadow" : null, `${p}-${f.value}`, r.value && e.layout !== "wide" ? `${p}-fixed` : null]), le = m(() => {
+      var I;
+      return typeof h.value == "function" ? (I = h.value) == null ? void 0 : I.call(h) : h.value;
+    }), c = m(() => T.value !== !1 ? T.value || xt : !1), R = (I) => {
+      var $;
+      if (e.onSelect) {
+        if (j(k)) {
+          e.onSelect([($ = a == null ? void 0 : a.value) == null ? void 0 : $[0], ...I]);
+          return;
+        }
+        e.onSelect(I);
+      }
+    };
+    return () => {
+      var E;
+      const I = N.value ? n(Ye, V({
+        drawer: d.value
+      }, e), null) : null, $ = O.value && ((E = O.value) == null ? void 0 : E.call(O, e)), D = n(pt, {
+        class: `${p}-menu ${H.value}`,
+        theme: B.value,
+        mode: "inline",
+        menuData: k.value ? i.value : ee.value,
+        iconfontUrl: e.iconfontUrl,
+        openKeys: u.value,
+        selectedKeys: a.value,
+        menuItemRender: e.menuItemRender,
+        subMenuItemRender: e.subMenuItemRender,
+        onClick: e.onMenuClick,
+        style: {
+          width: "100%"
+        },
+        onOpenKeys: (X) => {
+          var q;
+          return e.onOpenKeys && ((q = e.onOpenKeys) == null ? void 0 : q.call(e, X));
+        },
+        onSelect: R
+      }, null);
+      return k.value && j(i.value).length === 0 || ee.value.length === 0 ? null : z(n(Ke, {
+        theme: {
+          components: {
+            Menu: bt({
+              token: (g == null ? void 0 : g.value) || {},
+              staticToken: {
+                radiusItem: 4,
+                colorActiveBarWidth: 0,
+                colorActiveBarHeight: 0,
+                colorActiveBarBorderSize: 0
+              },
+              theme: f.value,
+              type: "sider",
+              layoutThemeKey: U.value
+            })
+          }
+        }
+      }, {
+        default: () => [r.value && n("div", {
+          style: {
+            width: `${G.value}px`,
+            overflow: "hidden",
+            flex: `0 0 ${G.value}px`,
+            maxWidth: `${G.value}px`,
+            minWidth: `${G.value}px`,
+            transition: "background-color 0.2s, min-width 0.2s, max-width 0.2s"
+          }
+        }, null), n(Wn, {
+          collapsible: !0,
+          trigger: null,
+          class: de.value,
+          style: {
+            overflow: "hidden",
+            zIndex: r.value ? 101 : void 0,
+            paddingTop: N.value || e.isMobile || P.value ? 0 : `${e.headerHeight}px`,
+            top: e.layout === "wide" ? `${e.headerHeight + 20}px` : void 0,
+            height: e.layout === "wide" ? `calc(100vh - ${e.headerHeight + 20 * 2}px)` : void 0
+          },
+          theme: B.value,
+          breakpoint: l.value || void 0,
+          collapsed: x.value,
+          width: w.value,
+          collapsedWidth: S.value
+        }, {
+          default: () => {
+            var X, q;
+            return [F.value && n("div", {
+              class: ["gx-pro-sider-loading", H.value]
+            }, [n(Se, {
+              spinning: F.value,
+              indicator: b == null ? void 0 : b.value
+            }, null)]), I || null, $ && !e.collapsed && n("div", {
+              class: {
+                [`${H.value}`]: !0,
+                [`${p}-extra`]: !0,
+                [`${p}-extra-no-logo`]: !I
+              }
+            }, [$]), n("div", {
+              style: {
+                flex: "1 1 0%",
+                overflow: "hidden auto"
+              }
+            }, [v.value && ((X = v.value) == null ? void 0 : X.call(v, e, D)) || D]), e.layout !== "wide" && n("div", {
+              class: `${p}-links ${H.value}`
+            }, [n(ne, {
+              theme: B.value,
+              inlineIndent: 16,
+              class: `${p}-link-menu ${H.value}`,
+              selectedKeys: [],
+              openKeys: [],
+              mode: "inline"
+            }, {
+              default: () => [(le.value || []).map((te, Tt) => n(et, {
+                class: `${p}-link ${H.value}`,
+                key: Tt
+              }, An(te) ? te : {
+                default: () => [te]
+              })), c.value && !d.value && n(et, {
+                class: `${p}-collapsed-button ${H.value}`,
+                title: !1,
+                key: "collapsed",
+                onClick: () => {
+                  var te;
+                  e.onCollapse && ((te = e.onCollapse) == null || te.call(e, !x.value));
+                }
+              }, {
+                default: () => {
+                  var te;
+                  return [(te = c.value) == null ? void 0 : te.call(c, x.value)];
+                }
+              })]
+            })]), y.value && n("div", {
+              class: `${p}-footer ${H.value}`
+            }, [(q = y.value) == null ? void 0 : q.call(y, e)])];
+          }
+        })]
+      }));
+    };
+  }
+}), Le = /* @__PURE__ */ A({
+  name: "SiderMenuWrapper",
+  inheritAttrs: !1,
+  props: {
+    ..._,
+    matchMenuKeys: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e) {
+    return () => n(Z, null, [e.isMobile ? n(Ce, {
+      maskClosable: !0,
+      open: !e.collapsed,
+      closable: !1,
+      placement: "left",
+      style: {
+        padding: 0,
+        height: "100vh"
+      },
+      getContainer: !1,
+      onClose: () => e.onCollapse && e.onCollapse(!0),
+      width: e.siderWidth,
+      bodyStyle: {
+        height: "100vh",
+        padding: 0,
+        display: "flex",
+        flexDirection: "row"
+      }
+    }, {
+      default: () => [n(tt, V(e, {
+        collapsed: e.isMobile ? !1 : e.collapsed
+      }), null)]
+    }) : n(tt, e, null)]);
+  }
+}), wt = {
+  usePageCard: {
+    type: Boolean,
+    default: () => {
+    }
+  },
+  pageCardProps: Object,
+  pageContentStyle: L.style,
+  pageChildrenContentStyle: L.style,
+  waterMarkProps: {
+    type: Object
+  },
+  waterMark: L.bool.def(!0),
+  pageHeaderRender: {
+    type: [Object, Function, Boolean],
+    default: () => {
+    }
+  }
+}, Me = {
+  pageChildrenExtraRender: {
+    type: [Object, Function, Boolean],
+    default: () => {
+    }
+  },
+  contentRender: {
+    type: [Object, Function, Boolean],
+    default: () => {
+    }
+  },
+  breadcrumbRender: {
+    type: [Object, Function, Boolean],
+    default: () => {
+    }
+  },
+  pageHeaderStyle: L.style,
+  loading: L.bool.def(!1),
+  ...wt
+}, Un = (e) => ({
+  [e.componentCls]: {
+    background: e.colorBgContainer,
+    padding: `${e.paddingLG}px`,
+    "&-has-breadcrumb": {
+      paddingBlock: `${e.paddingSM}px`
+    },
+    "&-content": {
+      marginTop: "8px"
+    }
+  }
+}), En = /* @__PURE__ */ A({
+  name: "ProPageHeader",
+  props: {
+    content: Me.contentRender,
+    breadcrumb: Me.breadcrumbRender
+  },
+  setup(e) {
+    const {
+      breadcrumb: t,
+      getPrefixCls: a
+    } = J(), i = a({
+      isPor: !0,
+      suffixCls: "page-header"
+    }), {
+      wrapSSR: o,
+      hashId: u
+    } = ie("ProPageHeader", [Un], i), f = m(() => {
+      var b;
+      return {
+        ...t.value,
+        itemRender: ((b = t.value) == null ? void 0 : b.itemRender) || (({
+          route: g
+        }) => g.path ? n(Yt, {
+          to: g.path
+        }, {
+          default: () => [g.breadcrumbName]
+        }) : g.breadcrumbName)
+      };
+    });
+    return () => {
+      var b, g;
+      return o(n("div", {
+        class: [`${i}`, u.value, `${i}-has-breadcrumb`]
+      }, [e.breadcrumb ? (b = e.breadcrumb) == null ? void 0 : b.call(e, f.value) : n(Kt, f.value, null), e.content && n("div", {
+        class: [`${i}-content`, u.value]
+      }, [(g = e.content) == null ? void 0 : g.call(e)])]));
+    };
+  }
+}), Xn = (e) => {
+  var t, a, i, o, u, f, b, g;
+  return {
+    [`${e.proComponentsCls}-basic-layout`]: {
+      [e.componentCls]: {
+        marginInline: -(((a = (t = e.layout) == null ? void 0 : t.pageContainer) == null ? void 0 : a.paddingBlockPageContainerContent) || 24),
+        marginBlockStart: -(((o = (i = e.layout) == null ? void 0 : i.pageContainer) == null ? void 0 : o.paddingBlockPageContainerContent) || 24)
+      },
+      [e.gridContent]: {
+        width: "100%"
+      }
+    },
+    [e.componentCls]: {
+      "&-children-content": {
+        marginInline: ((f = (u = e.layout) == null ? void 0 : u.pageContainer) == null ? void 0 : f.marginInlinePageContainerContent) || 24,
+        marginBlockStart: ((g = (b = e.layout) == null ? void 0 : b.pageContainer) == null ? void 0 : g.marginBlockPageContainerContent) || 24,
+        padding: "inherit"
+      }
+    }
+  };
+};
+function Yn(e) {
+  return ge("ProPageContainter", (t) => {
+    const a = $e(t, {
+      gridContent: `${t.proComponentsCls}-grid-content`
+    });
+    return [Xn(a)];
+  }, e);
+}
+function Vn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
+}
+const Li = /* @__PURE__ */ A({
+  inheritAttrs: !1,
+  name: "GProPageContainer",
+  props: Me,
+  setup(e, {
+    slots: t,
+    attrs: a
+  }) {
+    const {
+      getPrefixCls: i,
+      hasContentWide: o,
+      waterMark: u,
+      pageHeaderRender: f,
+      pageContentStyle: b,
+      pageChildrenContentStyle: g,
+      pageCardProps: M,
+      usePageCard: C,
+      waterMarkProps: d
+    } = J(), {
+      indicator: F
+    } = Ae(), l = ye(), r = i({
+      suffixCls: "page-container",
+      isPor: !0
+    }), x = i({
+      suffixCls: "grid-content",
+      isPor: !0
+    }), w = m(() => e.pageCardProps || M.value), S = m(() => e.waterMarkProps || d.value || {}), O = m(() => e.pageContentStyle || b.value), v = m(() => e.pageChildrenContentStyle || g.value || {}), y = m(() => qe(e.usePageCard) ? e.usePageCard : qe(C.value) ? C.value : !0), {
+      wrapSSR: T,
+      hashId: h
+    } = Yn(r), p = () => {
+      var N, B, U, z, H, ee;
+      const k = W(t, e, "pageChildrenExtraRender");
+      return n("div", {
+        class: `${r}-children-content ${h.value}`,
+        style: v.value
+      }, [k && (k == null ? void 0 : k()), y.value ? n(jt, V(w.value ? re(w.value, ["loading", "bodyStyle"]) : {}, {
+        style: o.value ? {
+          minHeight: "853px"
+        } : void 0,
+        bordered: !1
+      }), {
+        default: () => {
+          var G;
+          return [(G = t.default) == null ? void 0 : G.call(t)];
+        }
+      }) : k ? n("div", {
+        style: {
+          marginBlockStart: `${(z = (U = (B = (N = l == null ? void 0 : l.token) == null ? void 0 : N.value) == null ? void 0 : B.layout) == null ? void 0 : U.pageContainer) == null ? void 0 : z.marginBlockPageContainerContent}px`
+        }
+      }, [(H = t.default) == null ? void 0 : H.call(t)]) : (ee = t.default) == null ? void 0 : ee.call(t)]);
+    }, P = () => {
+      let k;
+      return n(Z, null, [e.waterMark && u.value ? n(dn, S.value, Vn(k = p()) ? k : {
+        default: () => [k]
+      }) : p()]);
+    };
+    return () => {
+      const k = W(t, e, "pageHeaderRender") || f.value, N = W(t, e, "breadcrumbRender"), B = W(t, e, "contentRender");
+      return T(n(Se, {
+        spinning: e.loading,
+        indicator: F == null ? void 0 : F.value
+      }, {
+        default: () => [n("div", {
+          style: a.style,
+          class: {
+            [`${h.value}`]: !0,
+            [`${r}`]: !0
+          }
+        }, [!o.value && k !== !1 && (k || n(En, {
+          style: e.pageHeaderStyle,
+          breadcrumb: N,
+          content: B
+        }, null)), n("div", {
+          class: [x, h.value]
+        }, [n("div", {
+          class: `${x}-children ${h.value}`,
+          style: O.value
+        }, [P()])])])]
+      }));
+    };
+  }
+}), Ve = {
+  ...ue,
+  ...ke,
+  logo: se.logo,
+  logoStyle: se.logoStyle,
+  logoDirection: se.logoDirection,
+  menuLoading: Boolean,
+  autoHideHeader: Boolean,
+  collapsed: Boolean,
+  isMobile: Boolean,
+  siderWidth: _.siderWidth,
+  headerTheme: {
+    type: String,
+    default: "dark"
+  },
+  menuData: {
+    type: Array,
+    default: () => []
+  },
+  menuRender: {
+    type: [Object, Function],
+    default: () => {
+    }
+  },
+  extraRightDropdownRender: {
+    type: [Object, Function],
+    default: () => {
+    }
+  },
+  rightContentRender: {
+    type: [Object, Function],
+    default: () => {
+    }
+  },
+  collapsedButtonRender: _.collapsedButtonRender,
+  matchMenuKeys: _.matchMenuKeys,
+  onCollapse: _.onCollapse,
+  onOpenKeys: _.onOpenKeys,
+  onMenuHeaderClick: Function,
+  onSelect: _.onSelect
+}, St = {
+  ...Ve,
+  headerTitleRender: {
+    type: [Object, Function],
+    default: () => {
+    }
+  },
+  headerRender: {
+    type: [Object, Function],
+    default: () => {
+    }
+  },
+  headerContentRender: {
+    type: [Object, Function],
+    default: () => {
+    }
+  },
+  hasSiderMenu: Boolean,
+  collapsedWidth: _.collapsedWidth,
+  siderWidth: _.siderWidth
+}, It = {
+  loading: L.looseBool,
+  isMobile: _.isMobile,
+  collapsed: ke.collapsed,
+  siderWidth: _.siderWidth,
+  collapsedWidth: _.collapsedWidth,
+  isFixedMultiTab: ue.fixedMultiTab,
+  onReloadPage: {
+    type: Function
+  },
+  onChangeTabs: {
+    type: Function
+  },
+  "onUpdate:tabs": {
+    type: Function
+  }
+}, _n = (e) => ({
+  [e.componentCls]: {
+    marginBlock: 0,
+    marginBlockStart: 48,
+    marginBlockEnd: 24,
+    marginInline: 0,
+    paddingBlock: 0,
+    paddingInline: 16,
+    textAlign: "center",
+    "&-links": {
+      marginBottom: 8,
+      a: {
+        color: e.colorTextSecondary,
+        textDecoration: e.linkDecoration,
+        "&:hover": {
+          color: e.colorPrimary
+        }
+      },
+      "a:not(:last-child)": {
+        marginInlineEnd: 40
+      }
+    },
+    "&-copyright": {
+      fontSize: "14px",
+      color: e.colorTextSecondary,
+      a: {
+        color: e.colorTextSecondary,
+        textDecoration: e.linkDecoration
+      }
+    }
+  }
+}), Mt = [{
+  key: "Ant Design Pro",
+  title: "Ant Design Pro",
+  href: "https://pro.ant.design",
+  blankTarget: !0
+}, {
+  key: "gitee",
+  title: n(qt, null, null),
+  href: "https://gitee.com/gx12358/vue-antd-admin",
+  blankTarget: !0
+}, {
+  key: "Ant Design Vue",
+  title: "Ant Design Vue",
+  href: "https://next.antdv.com/components/overview-cn/",
+  blankTarget: !0
+}], De = /* @__PURE__ */ A({
+  name: "GlobalFooter",
+  props: {
+    links: {
+      type: [Array, Boolean],
+      default: Mt
+    },
+    copyright: {
+      type: [Object, Function, Boolean, String],
+      default: "皖ICP备2022010510号-1"
+    }
+  },
+  setup(e) {
+    const t = he({
+      suffixCls: "global-footer",
+      isPor: !0
+    }), {
+      wrapSSR: a,
+      hashId: i
+    } = ie("ProLayoutFooter", [_n], t);
+    return () => a(n(At, {
+      style: {
+        padding: 0
+      }
+    }, {
+      default: () => [n("div", {
+        class: [t, i.value]
+      }, [e.links && n("div", {
+        class: `${t}-links ${i.value}`
+      }, [e.links.map((o) => n("a", {
+        key: o.key,
+        title: o.key,
+        target: o.blankTarget ? "_blank" : "_self",
+        href: o.href
+      }, [o.title]))]), e.copyright && n("div", {
+        class: `${t}-copyright ${i.value}`
+      }, [Q("Copyright  "), fn().format("YYYY"), Q("  "), n("a", {
+        href: "https://beian.miit.gov.cn/"
+      }, [e.copyright])])])]
+    }));
+  }
+}), Ot = {
+  ...ue,
+  ...Ve,
+  ..._,
+  ...St,
+  ...It,
+  ...Me,
+  pure: Boolean,
+  token: Object,
+  waterMark: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * 是否禁用移动端模式，有的管理系统不需要移动端模式，此属性设置为true即可
+   */
+  disableMobile: {
+    type: Boolean,
+    required: !1
+  },
+  contentStyle: {
+    type: [String, Object],
+    default: () => null
+  },
+  breadcrumb: [Object, Function],
+  disableContentMargin: L.looseBool,
+  isChildrenLayout: L.looseBool,
+  loading: L.looseBool,
+  footerLinks: {
+    type: [Array, Boolean],
+    default: Mt
+  },
+  copyrightRender: {
+    type: [Object, Function, Boolean, String],
+    default: () => {
+    }
+  },
+  footerRender: {
+    type: [Object, Function, Boolean],
+    default: () => {
+    }
+  },
+  menuData: {
+    type: Array,
+    default: () => []
+  },
+  levelMenuData: {
+    type: Array,
+    default: () => []
+  },
+  collapsed: L.looseBool
+}, Gn = (e) => ({
+  [e.componentCls]: {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    minHeight: "100vh"
+  }
+}), qn = (e) => {
+  var t, a;
+  return {
+    [e.componentCls]: {
+      a: {
+        color: e.colorPrimary,
+        "&:hover": {
+          color: e.colorPrimaryHover
+        }
+      },
+      [`&${e.componentCls}-wide`]: {
+        backgroundColor: e.colorBgLayout,
+        [`${e.componentCls}-content`]: {
+          margin: 0,
+          marginInlineStart: 20
+        }
+      },
+      [`${e.componentCls}-content`]: {
+        position: "relative",
+        margin: (a = (t = e.layout) == null ? void 0 : t.pageContainer) == null ? void 0 : a.paddingBlockPageContainerContent
+      },
+      [`${e.componentCls}-container`]: {
+        width: "100%",
+        display: "flex",
+        flexDirection: "column",
+        minWidth: 0,
+        minHeight: 0,
+        backgroundColor: "transparent"
+      }
+    }
+  };
+}, Zn = (e) => {
+  var t, a;
+  return {
+    [`${e.componentCls}-title`]: {
+      display: "flex",
+      alignItems: "center",
+      gap: 8,
+      [`${e.componentCls}-reload-btn,${e.componentCls}-close-btn`]: {
+        color: e.colorTextSecondary,
+        fontSize: 12,
+        cursor: "pointer",
+        transition: "color .3s cubic-bezier(.645,.045,.355,1)",
+        "&:hover": {
+          color: e.colorPrimary
+        }
+      }
+    },
+    [`${e.componentCls}`]: {
+      "&-fixed": {
+        width: "100%",
+        height: 62,
+        background: "transparent"
+      }
+    },
+    [`${e.componentWrapCls}`]: {
+      background: e.colorBgContainer,
+      [`${e.antCls}-tabs-nav`]: {
+        paddingLeft: 16,
+        ".ant-tabs-tab .anticon": {
+          margin: 0
+        },
+        [`${e.antCls}-tabs-tab:not(${e.antCls}-tabs-tab-active)`]: {
+          borderBottomColor: "transparent"
+        },
+        [`${e.componentCls}-dropdown-menu-btn`]: {
+          marginInlineEnd: 8,
+          padding: 12,
+          fontSize: 16,
+          cursor: "pointer"
+        }
+      },
+      "&-fixed": {
+        position: "fixed",
+        height: 62,
+        top: ((a = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : a.heightLayoutHeader) || K.headerHeight,
+        right: 0,
+        zIndex: 9,
+        transition: "width .2s"
+      }
+    }
+  };
+};
+function Jn(e) {
+  return ge("ProMultiTabs", (t) => {
+    const a = $e(t, {
+      componentWrapCls: `${t.componentCls}-wrap`
+    });
+    return [Zn(a)];
+  }, e);
+}
+const Qn = [
+  {
+    key: "closeOthersTabs",
+    label: "关闭其他"
+  },
+  {
+    key: "closeLeftTabs",
+    label: "关闭左侧"
+  },
+  {
+    key: "closeRightTabs",
+    label: "关闭右侧"
+  },
+  {
+    key: "reloadPage",
+    label: "刷新当前页"
+  }
+];
+function ea(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
+}
+function Y(e) {
+  var t;
+  return ((t = e == null ? void 0 : e.meta) == null ? void 0 : t.currenFulltPath) || e.fullPath || e.path;
+}
+const ta = je.TabPane, na = ne.Item, aa = /* @__PURE__ */ A({
+  props: {
+    ...It,
+    visible: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  inheritAttrs: !1,
+  setup(e) {
+    const {
+      isMobile: t,
+      isFixedMultiTab: a
+    } = Oe(e), i = we(!1), o = He({
+      activeKey: "",
+      contextMenuActiveKey: ""
+    }), u = We(), {
+      menuData: f,
+      flatMenuData: b,
+      layout: g,
+      splitMenus: M,
+      getPrefixCls: C
+    } = J(), d = C({
+      isPor: !0,
+      suffixCls: "multi-tab"
+    }), {
+      wrapSSR: F,
+      hashId: l
+    } = Jn(d), r = we([]);
+    ce(r, () => {
+      var c;
+      (c = e.onChangeTabs) == null || c.call(e, Be(j(r)));
+    }, {
+      deep: !0
+    });
+    const x = m(() => g.value === "mix" && !e.isMobile && M.value), w = m(() => Y(u.currentRoute.value)), S = m(() => a.value && !t.value), O = m(() => {
+      const c = !(x.value && j(b.value).length === 0 || f.value.length === 0 || g.value === "top");
+      return S.value && c ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
+    }), v = m(() => ht(`${d}-wrap`, {
+      [`${l.value}`]: !0,
+      [`${d}-wrap-fixed`]: e.isFixedMultiTab,
+      [`${d}-wrap-loading`]: e.loading
+    })), y = m(() => {
+      const c = {
+        display: e.visible ? void 0 : "none"
+      };
+      return e.isFixedMultiTab ? {
+        margin: 0,
+        width: O.value,
+        paddingTop: "6px",
+        zIndex: 99,
+        ...c
+      } : c;
+    }), T = (c) => Y(c) === w.value, h = (c) => {
+      if (c.name && c.meta && c.meta.tagHidden !== !0) {
+        const R = Y(c), I = r.value.find((D) => Y(D) === R), $ = {
+          path: c.path,
+          fullPath: R,
+          query: c.query,
+          params: c.params,
+          name: c.name,
+          meta: {
+            ...c.meta,
+            originTagPath: c.fullPath
+          }
+        };
+        I ? Object.assign(I, $) : c.meta.tagFixed ? r.value.unshift($) : r.value.push($), T(c) && (o.activeKey = R);
+      }
+    }, p = (c) => {
+      c.forEach((R) => {
+        R.meta && R.meta.tagFixed && h(R), R.children && p(R.children);
+      });
+    };
+    ce(() => f.value, (c) => {
+      p(c);
+    }, {
+      deep: !0,
+      immediate: !0
+    }), ce(() => u.currentRoute.value, (c) => {
+      h(c);
+    }, {
+      deep: !0,
+      immediate: !0
+    });
+    const P = (c) => {
+      var R, I;
+      return ((I = (R = r.value.find(($) => (c || o.activeKey) === Y($))) == null ? void 0 : R.meta) == null ? void 0 : I.originTagPath) || c || o.activeKey;
+    }, k = () => {
+      const c = r.value.slice(-1)[0];
+      c ? u.push({
+        path: P(Y(c))
+      }) : u.push("/");
+    }, N = async (c) => {
+      const R = r.value.find((I) => c === Y(I));
+      r.value = r.value.filter((I) => Y(I) !== c), R && T(R) && k();
+    }, B = (c) => {
+      const R = r.value.find((I) => Y(I) === c);
+      R && o.activeKey !== Y(R) && u.push({
+        path: P(Y(R))
+      });
+    }, U = () => {
+      var c;
+      i.value = !0, e.onReloadPage && ((c = e.onReloadPage) == null || c.call(e)), setTimeout(() => {
+        i.value = !1;
+      }, 500);
+    }, z = (c) => c.meta && c.meta.tagFixed, H = (c) => o[c], ee = (c, R) => {
+      const I = r.value.findIndex(($) => Y($) === H(R));
+      switch (c) {
+        case "closeOthersTabs":
+          r.value = r.value.filter(($) => {
+            var D;
+            return Y($) === H(R) || ((D = $.meta) == null ? void 0 : D.tagFixed);
+          });
+          break;
+        case "closeLeftTabs":
+          I && (r.value = r.value.filter(($, D) => {
+            var E;
+            return D >= I || ((E = $.meta) == null ? void 0 : E.tagFixed);
+          }));
+          break;
+        case "closeRightTabs":
+          I && (r.value = r.value.filter(($, D) => {
+            var E;
+            return D <= I || ((E = $.meta) == null ? void 0 : E.tagFixed);
+          }));
+          break;
+        case "reloadPage":
+          (I === 0 || I) && o.activeKey === H(R) && U();
+          break;
+      }
+      o.activeKey !== H(R) && u.push(P(H(R)));
+    }, G = (c, R) => {
+      const I = r.value.findIndex(($) => Y($) === R);
+      if (c === "closeOthersTabs")
+        return r.value.filter((D, E) => {
+          var X;
+          return E !== I && !((X = D.meta) != null && X.tagFixed);
+        }).length === 0;
+      if (c === "closeLeftTabs")
+        return r.value.filter((D, E) => {
+          var X;
+          return E < I && !((X = D.meta) != null && X.tagFixed);
+        }).length === 0;
+      if (c === "closeRightTabs")
+        return r.value.filter((D, E) => {
+          var X;
+          return E > I && !((X = D.meta) != null && X.tagFixed);
+        }).length === 0;
+    }, de = (c) => {
+      let R;
+      const {
+        path: I,
+        stateType: $
+      } = c;
+      return n(ne, {
+        selectedKeys: [],
+        onClick: (D) => ee(D.key, $)
+      }, ea(R = Qn.map((D) => n(na, {
+        key: D.key,
+        disabled: G(D.key, I)
+      }, {
+        default: () => [D.label]
+      }))) ? R : {
+        default: () => [R]
+      });
+    }, le = (c) => {
+      const {
+        router: R
+      } = c;
+      return n(Ge, {
+        trigger: "contextmenu",
+        overlay: n(de, {
+          path: Y(R) || "",
+          stateType: "contextMenuActiveKey"
+        }, null),
+        onOpenChange: (I) => {
+          o.contextMenuActiveKey = I && Y(R) || "";
+        }
+      }, {
+        default: () => {
+          var I;
+          return [n("div", {
+            class: [`${d}-title`, l.value]
+          }, [(I = R.meta) == null ? void 0 : I.title, o.activeKey === Y(R) && n(Jt, {
+            class: [`${d}-reload-btn`, l.value],
+            spin: i.value,
+            onClick: ($) => {
+              $.stopPropagation(), !i.value && U();
+            }
+          }, null), r.value.length > 1 && !z(R) && n(ct, {
+            class: [`${d}-close-btn`, l.value],
+            onClick: ($) => {
+              $.stopPropagation(), !i.value && N(Y(R) || "");
+            }
+          }, null)])];
+        }
+      });
+    };
+    return () => F(n(Z, null, [!!e.isFixedMultiTab && Dt(n("div", {
+      class: [`${d}-fixed`, l.value]
+    }, null), [[Nt, e.visible]]), n(je, {
+      hideAdd: !0,
+      type: "editable-card",
+      style: y.value,
+      class: v.value,
+      activeKey: o.activeKey,
+      onTabClick: B
+    }, {
+      default: () => [r.value.map((c) => n(ta, {
+        key: Y(c),
+        closable: !1,
+        tab: n(le, {
+          router: c
+        }, null)
+      }, null))],
+      rightExtra: () => n(Ge, {
+        overlay: n(de, {
+          path: o.activeKey,
+          stateType: "activeKey"
+        }, null)
+      }, {
+        default: () => [n(Zt, {
+          class: [`${d}-dropdown-menu-btn`, l.value],
+          rotate: 90
+        }, null)]
+      })
+    })]));
+  }
+}), {
+  Content: oa
+} = fe, _e = (e, {
+  slots: t,
+  attrs: a
+}) => {
+  var x;
+  const {
+    hashId: i,
+    prefixCls: o,
+    isMobile: u,
+    loading: f,
+    collapsed: b,
+    siderWidth: g,
+    isShowTabsBar: M,
+    isFixedMultiTab: C,
+    onReloadPage: d,
+    onChangeTabs: F
+  } = e;
+  if (e.isChildrenLayout)
+    return (x = t.default) == null ? void 0 : x.call(t);
+  const {
+    flatMenuData: l,
+    layout: r
+  } = J();
+  return n(Z, null, [n(aa, {
+    visible: (j(r) === "mix" ? j(l).length > 0 : !0) && M,
+    isMobile: u,
+    loading: f,
+    isFixedMultiTab: C,
+    siderWidth: g,
+    collapsed: b,
+    onReloadPage: d,
+    onChangeTabs: F
+  }, null), n(oa, {
+    style: a.style,
+    class: [`${o}-content`]
+  }, {
+    default: () => {
+      var w;
+      return [f && n(bn, null, null), n("div", {
+        class: [`${o}-content-spin-container`, i],
+        style: {
+          opacity: f ? "0" : void 0
+        }
+      }, [(w = t.default) == null ? void 0 : w.call(t)])];
+    }
+  })]);
+};
+_e.inheritAttrs = !1;
+_e.displayName = "wrap-content";
+const ia = (e) => ({
+  [`${e.proComponentsCls}-header`]: {
+    "&-light": {
+      [`${e.componentCls}-logo`]: {
+        h1: {
+          color: e.colorBgSpotlight
+        }
+      }
+    }
+  },
+  [e.componentCls]: {
+    position: "relative",
+    background: "transparent",
+    display: "flex",
+    marginBlock: 0,
+    paddingInline: 16,
+    width: "100%",
+    height: "100%",
+    boxShadow: "0 1px 4px rgba(0,21,41,.12)",
+    "&-wide": {
+      padding: 0,
+      [`${e.componentCls}-main`]: {
+        margin: "0 auto"
+      }
+    },
+    "&-main": {
+      display: "flex",
+      width: "100%",
+      height: "100%",
+      "&-left": {
+        display: "flex",
+        minWidth: 192
+      }
+    },
+    "> a": {
+      height: "100%"
+    },
+    "> *": {
+      height: "100%"
+    },
+    [`${e.proComponentsCls}-layout-apps-icon`]: {
+      marginInlineEnd: 16
+    },
+    "&-collapsed-button": {
+      display: "flex",
+      alignItems: "center",
+      fontSize: "20px",
+      marginInlineEnd: "16px"
+    },
+    "&-logo": {
+      position: "relative",
+      marginInlineEnd: "16px",
+      a: {
+        display: "flex",
+        alignItems: "center",
+        height: "100%",
+        minHeight: "22px",
+        fontSize: "20px"
+      },
+      img: { height: "28px" },
+      h1: {
+        marginBlock: 0,
+        marginInline: 0,
+        marginInlineStart: 12,
+        fontWeight: "500",
+        color: e.colorWhite,
+        fontSize: 16
+      },
+      "&-mix": {
+        display: "flex",
+        alignItems: "center"
+      }
+    },
+    "&-logo-mobile": {
+      minWidth: "24px",
+      marginInlineEnd: 0
+    }
+  }
+}), Rt = {
+  ..._,
+  ...Ve
+}, la = (e, t) => e === !1 ? null : e ? e(t, null) : t, ra = /* @__PURE__ */ A({
+  props: Rt,
+  setup(e) {
+    return () => e.rightContentRender && typeof e.rightContentRender == "function" && n(Z, null, [e.rightContentRender({
+      ...e
+    })]);
+  }
+}), sa = /* @__PURE__ */ A({
+  props: Rt,
+  inheritAttrs: !1,
+  setup(e, {
+    slots: t,
+    emit: a
+  }) {
+    const i = We(), {
+      token: o
+    } = ye(), {
+      getPrefixCls: u,
+      openKeys: f,
+      selectedKeys: b,
+      theme: g
+    } = J(), {
+      width: M
+    } = hn(), C = u({
+      suffixCls: "global-header",
+      isPor: !0
+    }), {
+      wrapSSR: d,
+      hashId: F
+    } = ie("ProGlobalHeader", [ia], C), l = m(() => e.isMobile ? !1 : e.layout === "top" || e.layout === "mix" && e.splitMenus), r = m(() => `${g.value}:${e.layout}`), x = m(() => ({
+      [`${F.value}`]: !0,
+      [`${C}`]: !0,
+      [`${C}-${e.layout}`]: !0
+    })), w = (y) => {
+      var T;
+      if (i.currentRoute) {
+        const h = i.currentRoute.value.matched.concat();
+        e.onSelect && y === "select" && e.onSelect(h.filter((p) => p.name !== "index").map((p) => p.path)), e.onOpenKeys && y === "openKeys" && ((T = e.onOpenKeys) == null || T.call(e, h.filter((p) => p.path !== i.currentRoute.value.path).map((p) => p.path)));
+      }
+    }, S = () => {
+      a("collapse", !e.collapsed);
+    }, O = m(() => e.collapsedButtonRender || xt), v = () => {
+      var y, T;
+      return n(Z, null, [l.value ? n("div", {
+        style: {
+          flex: 1
+        },
+        class: [`${C}-menu`, F.value]
+      }, [((y = e.menuData) == null ? void 0 : y.length) > 0 && n(Ke, {
+        theme: {
+          components: {
+            Layout: {
+              headerBg: "transparent",
+              bodyBg: "transparent"
+            },
+            Menu: bt({
+              token: (o == null ? void 0 : o.value) || {},
+              staticToken: {
+                radiusItem: 4,
+                colorActiveBarWidth: 0,
+                colorActiveBarHeight: 2,
+                colorActiveBarBorderSize: 0,
+                horizontalItemBorderRadius: 4
+              },
+              theme: g.value,
+              type: "header",
+              layoutThemeKey: r.value
+            })
+          }
+        }
+      }, {
+        default: () => [n(pt, V({
+          theme: e.theme,
+          mode: e.mode,
+          collapsed: e.collapsed,
+          menuData: e.menuData,
+          openKeys: f.value,
+          selectedKeys: b.value,
+          iconfontUrl: e.iconfontUrl,
+          menuItemRender: e.menuItemRender,
+          subMenuItemRender: e.subMenuItemRender,
+          class: {
+            "top-nav-menu": e.mode === "horizontal",
+            [`${F.value}`]: !0
+          }
+        }, {
+          "onUpdate:openKeys": () => w("openKeys"),
+          "onUpdate:selectedKeys": () => w("select")
+        }), null)]
+      })]) : n("div", {
+        style: {
+          flex: 1
+        }
+      }, [(T = t.default) == null ? void 0 : T.call(t)]), e.layout !== "simple" && n(ra, V(e, {
+        extraRightDropdownRender: e.extraRightDropdownRender,
+        rightContentRender: e.rightContentRender
+      }), null)]);
+    };
+    return () => {
+      const y = n("span", {
+        key: "logo",
+        onClick: () => {
+          var T;
+          return (T = e.onMenuHeaderClick) == null ? void 0 : T.call(e);
+        },
+        class: [`${C}-logo`, e.isMobile ? "mobile" : "", F.value]
+      }, [n("a", null, [Ct(e.logo)])]);
+      return d(n("div", {
+        class: x.value
+      }, [e.isMobile ? n(Z, null, [la(e.menuHeaderRender, y), e.isMobile && j(O) && n("span", {
+        class: `${C}-collapsed-button ${F.value}`,
+        onClick: S
+      }, [j(O)(e.collapsed)]), v()]) : ["mix", "wide", "top"].includes(e.layout) ? n("div", {
+        style: {
+          width: e.layout === "wide" ? `${e.wideWidth}px` : void 0,
+          padding: e.layout === "wide" && M.value < e.wideWidth ? "0 50px" : void 0
+        },
+        class: `${C}-main ${F.value}`
+      }, [n("div", {
+        class: `${C}-main-left ${F.value}`
+      }, [n(Ye, V(e, {
+        renderKey: "headerTitleRender"
+      }), null)]), v()]) : v()]));
+    };
+  }
+});
+function ua(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
+}
+const {
+  Header: nt
+} = fe, Ne = /* @__PURE__ */ A({
+  inheritAttrs: !1,
+  props: St,
+  setup(e) {
+    const {
+      theme: t,
+      isMobile: a,
+      fixedHeader: i,
+      headerHeight: o,
+      layout: u,
+      onCollapse: f,
+      splitMenus: b
+    } = Oe(e), {
+      getPrefixCls: g,
+      menuData: M,
+      theme: C
+    } = J(), d = g({
+      suffixCls: "header",
+      isPor: !0
+    }), F = g({
+      suffixCls: "fixed-header",
+      isPor: !0
+    }), l = m(() => u.value === "wide"), r = m(() => i.value), x = m(() => u.value === "mix" || l.value), w = m(() => u.value === "side" || u.value === "simple"), S = m(() => w.value && "light" || t.value), O = m(() => `${j(C)}:${j(u)}`), {
+      wrapSSR: v,
+      hashId: y
+    } = ge("ProLayoutHeader", (B) => {
+      var z, H;
+      const U = (z = B.layout) == null ? void 0 : z.header;
+      return {
+        [`${B.proComponentsCls}-basic-layout`]: {
+          [`${B.antCls}-layout-header${B.componentCls}${B.componentCls}-${j(C)}`]: {
+            color: C.value === "light" ? B.colorText : B.colorWhite,
+            backgroundColor: (U == null ? void 0 : U.colorBgMenu) || ((H = Fe("header", B)[O.value]) == null ? void 0 : H.colorBgMenu),
+            boxShadow: C.value === "realDark" ? "#0d0d0da6 0 2px 8px" : "",
+            [`${B.proComponentsCls}-global-header-collapsed-button`]: {
+              color: C.value === "light" ? void 0 : "#fff"
+            }
+          },
+          [`${B.antCls}-layout-header${B.componentCls}`]: {
+            zIndex: 19,
+            paddingBlock: 0,
+            paddingInline: 0,
+            WebkitBackdropFilter: "blur(8px)",
+            backdropFilter: "blur(8px)",
+            transition: "background-color 0.2s cubic-bezier(.645,.045,.355,1)",
+            [`&${B.proComponentsCls}`]: {
+              "&-fixed-header": {
+                position: "fixed",
+                width: "100%",
+                zIndex: 9,
+                top: 0,
+                transition: "width .2s",
+                "&-action": {
+                  transition: "width .3s cubic-bezier(.645,.045,.355,1)"
+                }
+              },
+              "&-header-actions": {
+                display: "flex",
+                alignItems: "center",
+                fontSize: "16",
+                cursor: "pointer",
+                "& &-item": {
+                  paddingBlock: 0,
+                  paddingInline: 8,
+                  "&:hover": {
+                    color: B.colorText
+                  }
+                }
+              },
+              "&-header-actions-header-action": {
+                transition: "width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"
+              }
+            }
+          }
+        }
+      };
+    }, d), T = m(() => ({
+      [`${y.value}`]: !0,
+      [`${d}`]: !0,
+      [`${d}-${C.value}`]: !0,
+      [`${F}`]: r.value
+    })), h = m(() => r.value && !a.value), p = m(() => b.value ? M.value && Mn(M.value) || [] : u.value === "top" ? M.value : []), P = m(() => w.value && h.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), k = m(() => r.value ? 0 : void 0), N = () => {
+      const B = n(sa, V(e, {
+        theme: S.value,
+        mode: "horizontal",
+        onCollapse: f.value,
+        menuData: p.value
+      }), {
+        default: () => [x.value ? null : e.headerContentRender && typeof e.headerContentRender == "function" ? e.headerContentRender(e) : e.headerContentRender]
+      });
+      return e.headerRender ? e.headerRender(e, B) : B;
+    };
+    return () => {
+      let B;
+      return v(n(Z, null, [r.value && !l.value && n(nt, {
+        style: {
+          height: `${o.value}px`,
+          lineHeight: `${o.value}px`,
+          background: "transparent"
+        }
+      }, null), n(nt, {
+        class: T.value,
+        style: {
+          height: `${o.value}px`,
+          lineHeight: `${o.value}px`,
+          width: P.value,
+          zIndex: w.value ? 100 : 101,
+          right: k.value
+        }
+      }, ua(B = N()) ? B : {
+        default: () => [B]
+      })]));
+    };
+  }
+}), da = /* @__PURE__ */ A({
+  name: "BaseProLayout",
+  inheritAttrs: !1,
+  components: {
+    GlobalHeader: Ne,
+    GlobalFooter: De,
+    SiderMenuWrapper: Le
+  },
+  props: Ot,
+  emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
+  setup(e, {
+    slots: t
+  }) {
+    const a = he({
+      suffixCls: "basic-layout",
+      isPor: !0
+    }), {
+      wrapSSR: i,
+      hashId: o
+    } = ie("ProLayout", [Gn, qn], a), u = cn(), {
+      token: f
+    } = ye(), b = we(Ze().uuid(10)), g = He({
+      position: "relative"
+    }), M = m(() => {
+      var y;
+      return (y = f == null ? void 0 : f.value) == null ? void 0 : y.colorPrimary;
+    });
+    zt(() => {
+      M.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", M.value);
+    });
+    const C = m(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), d = m(() => e.layout === "wide"), F = m(() => C.value), l = m(() => e.collapsed ? e.collapsedWidth : e.siderWidth), r = m(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light"), x = m(() => e.theme === "realDark"), w = m(() => (u.value === "sm" || u.value === "xs") && !e.disableMobile && !d.value);
+    ce([() => e.layout, () => e.theme], () => {
+      b.value = Ze().uuid(10);
+    }), (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (g.minHeight = 0);
+    const S = (y, T) => y.headerRender === !1 || y.pure ? null : n(Ne, V(y, {
+      matchMenuKeys: T || []
+    }), null), O = m(() => ({
+      ...e.breadcrumb || {},
+      itemRender: W(t, e, "breadcrumbRender")
+    })), v = m(() => F.value && e.selectedKeys ? On(e.menuData, e.selectedKeys[0]) : []);
+    return Ln({
+      getPrefixCls: he,
+      ...re(Oe(e), ["layout", "theme", "waterMark", "menuData", "openKeys", "splitMenus", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader", "waterMarkProps"].concat(Object.keys(wt))),
+      menuTheme: r,
+      isDarkMode: x,
+      hasContentWide: d,
+      isMobile: w,
+      siderWidth: l,
+      breadcrumb: O,
+      flatMenuData: v,
+      hasSide: C,
+      flatMenu: F,
+      pageHeaderRender: m(() => W(t, e, "pageHeaderRender"))
+    }), () => {
+      var X;
+      const y = W(t, e, "collapsedButtonRender"), T = W(t, e, "headerContentRender"), h = W(t, e, "rightContentRender"), p = W(t, e, "headerRender"), P = W(t, e, "footerRender"), k = W(t, e, "links"), N = W(t, e, "copyrightRender"), B = W(t, e, "extraRightDropdownRender"), U = W(t, e, "menuHeaderRender"), z = W(t, e, "menuExtraRender"), H = W(t, e, "menuContentRender"), ee = W(t, e, "menuFooterRender"), G = W(t, e, "menuItemRender"), de = W(t, e, "subMenuItemRender"), le = W(t, e, "settingDrawer"), c = {
+        menuItemRender: G,
+        subMenuItemRender: de
+      }, R = m(() => S({
+        ...e,
+        ...c,
+        hasSiderMenu: C.value,
+        menuData: e.menuData,
+        isMobile: j(w),
+        rightContentRender: h,
+        extraRightDropdownRender: B,
+        headerTitleRender: U,
+        headerContentRender: T,
+        headerRender: p,
+        theme: r.value
+      }, e.matchMenuKeys)), I = m(() => ({
+        [`${o.value}`]: !0,
+        [`${a}`]: !0,
+        [`${a}-${e.layout}`]: !0
+      })), $ = m(() => d.value ? {
+        minWidth: `${e.wideWidth}px`
+      } : void 0), D = m(() => d.value ? {
+        width: e.menuData.length ? `${e.wideWidth}px` : `${e.wideWidth - e.siderWidth - 20}px`,
+        paddingTop: `${e.headerHeight + 20}px`,
+        margin: d.value ? "0 auto" : void 0
+      } : void 0), E = m(() => d.value ? {
+        minHeight: "835px"
+      } : {});
+      return i(n(Z, null, [e.pure ? (X = t.default) == null ? void 0 : X.call(t) : n("div", {
+        class: I.value,
+        style: $.value,
+        "data-theme": x.value ?? "dark"
+      }, [n(fe, {
+        style: D.value
+      }, {
+        default: () => [n(Le, V(Ue(e, ["pure", "theme"]), {
+          links: k,
+          theme: r.value,
+          isMobile: w.value,
+          menuHeaderRender: U,
+          menuContentRender: H,
+          menuExtraRender: z,
+          menuFooterRender: ee,
+          collapsedButtonRender: y
+        }), null), n(fe, {
+          style: g
+        }, {
+          default: () => [R.value, n(_e, V({
+            hashId: o.value,
+            isMobile: w.value,
+            prefixCls: a,
+            collapsedWidth: e.collapsedWidth,
+            isChildrenLayout: e.isChildrenLayout,
+            loading: e.loading,
+            isShowTabsBar: e.showTabsBar,
+            isFixedMultiTab: e.fixedMultiTab,
+            siderWidth: e.siderWidth,
+            collapsed: e.collapsed,
+            style: e.disableContentMargin ? E.value : {
+              ...e.contentStyle,
+              ...E.value
+            }
+          }, re(e, ["onReloadPage", "onChangeTabs"])), {
+            default: () => {
+              var q;
+              return [(q = t.default) == null ? void 0 : q.call(t)];
+            }
+          }), P === !1 ? null : P ? P(e) : n(De, {
+            copyright: N
+          }, null)]
+        })]
+      }), le == null ? void 0 : le()])]));
+    };
+  }
+}), Di = /* @__PURE__ */ A({
+  components: {
+    GlobalHeader: Ne,
+    GlobalFooter: De,
+    SiderMenuWrapper: Le
+  },
+  props: Ot,
+  emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
+  setup(e, {
+    slots: t,
+    emit: a
+  }) {
+    const i = m(() => e.theme !== void 0 ? {
+      dark: e.theme === "realDark"
+    } : {}), o = m(() => gt(e.token || {}, {
+      layout: {
+        layoutThemeKey: `${e.theme}:${e.layout}`
+      }
+    })), u = (g) => {
+      a("update:collapsed", g), a("collapse", g);
+    }, f = (g) => {
+      a("update:open-keys", g), a("openKeys", g);
+    }, b = (g) => {
+      a("update:selected-keys", g), a("select", g);
+    };
+    return () => n(Ke, {
+      theme: e.primaryColor ? {
+        token: {
+          colorPrimary: e.primaryColor
+        }
+      } : void 0
+    }, {
+      default: () => [n(on, V({
+        token: o.value
+      }, i.value), {
+        default: () => [n(da, V(Ue(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
+          onSelect: b,
+          onOpenKeys: f,
+          onCollapse: u
+        }), t)]
+      })]
+    });
+  }
+}), Ft = (e, t, a) => e.map((i, o) => {
+  var u;
+  return i.meta && (i.meta.key = a ? `${a}-${o}` : `${o}`), i.path = i.path.replace("//", "/"), i.children && i.children.length > 0 && (i.children = Ft(i.children, t, (u = i.meta) == null ? void 0 : u.key)), t[`${i.path}`] = i, i;
+}), Ni = (e) => {
+  const t = e.find((o) => {
+    var u;
+    return o.path === "/" && ((u = o.children) == null ? void 0 : u.length);
+  }), a = {}, i = Ft((t == null ? void 0 : t.children) || [], a);
+  return {
+    menuData: i,
+    breadcrumb: a,
+    levelMenuData: nn(i)
+  };
+}, $t = [
+  {
+    key: "light",
+    title: "亮色菜单风格"
+  },
+  {
+    key: "dark",
+    title: "暗色菜单风格"
+  },
+  {
+    key: "realDark",
+    title: "暗黑模式"
+  }
+], Bt = [
+  {
+    key: "side",
+    title: "侧边菜单布局"
+  },
+  {
+    key: "mix",
+    title: "混合菜单布局"
+  },
+  {
+    key: "wide",
+    title: "定宽菜单布局"
+  },
+  {
+    key: "simple",
+    title: "简单菜单布局"
+  },
+  {
+    key: "top",
+    title: "顶部菜单布局"
+  }
+], ca = [
+  {
+    key: "header",
+    title: "顶部主题"
+  },
+  {
+    key: "sider",
+    title: "左侧主题"
+  }
+], ma = [
+  {
+    key: "colorBgMenu",
+    name: "全部背景"
+  },
+  {
+    key: "colorSubItemBg",
+    name: "子菜单背景"
+  },
+  {
+    key: "colorBgMenuItemHover",
+    name: "菜单移入背景"
+  },
+  {
+    key: "colorBgMenuItemSelected",
+    name: "菜单背景选中背景"
+  },
+  {
+    key: "colorTextMenu",
+    name: "菜单文字颜色"
+  },
+  {
+    key: "colorTextMenuHover",
+    name: "菜单文字移入颜色"
+  },
+  {
+    key: "colorTextMenuSelected",
+    name: "菜单文字选中颜色"
+  }
+], fa = (e) => ({
+  [e.componentCls]: {
+    [`${e.antCls}-drawer-content-wrapper`]: {
+      transform: "translate(100%)",
+      display: "block !important"
+    },
+    "&-show": {
+      [`${e.antCls}-drawer-content-wrapper`]: {
+        transform: "translate(0%)"
+      }
+    },
+    "&-trantion-none": {
+      [`${e.antCls}-drawer-content-wrapper`]: {
+        transition: "none !important;"
+      }
+    },
+    "&-handle": {
+      position: "absolute",
+      top: 240,
+      right: 300,
+      zIndex: 0,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: "48px",
+      height: "48px",
+      fontSize: "16px",
+      textAlign: "center",
+      backgroundColor: e.colorPrimary,
+      borderEndStartRadius: e.borderRadiusLG,
+      borderStartStartRadius: e.borderRadiusLG,
+      "-webkit-backdropilter": "saturate(180%) blur(20px)",
+      backdropFilter: "saturate(180%) blur(20px)",
+      cursor: "pointer",
+      pointerEvents: "auto"
+    },
+    "&-wrapper": {
+      position: "relative",
+      height: `calc(100vh - ${e.marginLG * 2}px)`
+    },
+    "&-content": {
+      padding: e.marginLG
+    },
+    "&-body-title": {
+      margin: 0,
+      marginBlockEnd: e.marginSM,
+      fontSize: "14px",
+      lineHeight: "22px",
+      color: e.colorBgSpotlight
+    },
+    "&-block-checkbox": {
+      display: "flex",
+      minHeight: 42,
+      gap: e.marginSM,
+      "& &-item": {
+        position: "relative",
+        width: "44px",
+        height: "36px",
+        overflow: "hidden",
+        borderRadius: "4px",
+        boxShadow: "0 1px 2.5px rgba(0,0,0,.18)",
+        cursor: "pointer",
+        fontSize: 56,
+        lineHeight: "56px",
+        "&::before": {
+          position: "absolute",
+          insetBlockStart: 0,
+          insetInlineStart: 0,
+          width: "33%",
+          height: "100%",
+          content: "''"
+        },
+        "&::after": {
+          position: "absolute",
+          insetBlockStart: 0,
+          insetInlineStart: 0,
+          width: "100%",
+          height: "25%",
+          content: "''"
+        },
+        "&-dark": {
+          backgroundColor: "rgba(0, 21, 41, 0.85)",
+          "&::before": { backgroundColor: "rgba(0, 0, 0, 0.65)" },
+          "&::after": { backgroundColor: "rgba(0, 0, 0, 0.85)" }
+        },
+        "&-light": {
+          backgroundColor: "#f7f8fa",
+          "&::before": { backgroundColor: "#fff" },
+          "&::after": { backgroundColor: "#fff" }
+        },
+        "&-realDark": {
+          backgroundColor: "rgba(0, 21, 41, 0.85)",
+          "&::before": { backgroundColor: "rgba(0, 0, 0, 0.65)" },
+          "&::after": { backgroundColor: "rgba(0, 0, 0, 0.85)" }
+        },
+        "&-dark,&-side": {
+          backgroundColor: "#f7f8fa",
+          "&::before": { zIndex: "1", backgroundColor: "#001529" },
+          "&::after": { backgroundColor: "#fff" }
+        },
+        "&-wide": {
+          backgroundColor: "#f7f8fa",
+          "&::before": { backgroundColor: "#fff", left: "15%", width: "15%", height: "calc(100% - 38%)", top: "38%" },
+          "&::after": { backgroundColor: "#fff" },
+          "&-content": {
+            position: "absolute",
+            height: "calc(100% - 38%)",
+            top: "38%",
+            right: "15%",
+            width: "calc(100% - 15% - 15% - 10% - 15%)",
+            backgroundColor: "#fff"
+          }
+        },
+        "&-simple": {
+          backgroundColor: "#f7f8fa",
+          "&::before": { backgroundColor: "#fff" },
+          "&::after": { display: "none" }
+        },
+        "&-mix": {
+          backgroundColor: "#f7f8fa",
+          "&::before": { backgroundColor: "#fff" },
+          "&::after": { backgroundColor: "#001529" }
+        },
+        "&-top": {
+          backgroundColor: "#f7f8fa",
+          "&::after": { backgroundColor: "#001529" }
+        }
+      },
+      "& &-selectIcon": {
+        position: "absolute",
+        insetInlineEnd: "6px",
+        bottom: "4px",
+        color: e.colorPrimary,
+        fontWeight: "bold",
+        fontSize: "14px",
+        pointerEvents: "none",
+        ".action": { color: e.colorPrimary }
+      },
+      "& &-icon": {
+        fontSize: 56,
+        lineHeight: "56px"
+      }
+    },
+    "&-theme-color": {
+      marginBlockStart: "16px",
+      display: "flex",
+      gap: 8,
+      "&-label": {
+        marginBlock: "16px"
+      },
+      "&-block": {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "20px",
+        height: "20px",
+        color: "#fff",
+        fontWeight: "bold",
+        textAlign: "center",
+        borderRadius: "2px",
+        cursor: "pointer"
+      }
+    },
+    "&-list": {
+      [`&${e.antCls}-list-sm ${e.antCls}-list-item`]: {
+        paddingInline: 0
+      }
+    }
+  }
+}), at = /* @__PURE__ */ A({
+  name: "BlockCheckbox",
+  props: {
+    value: L.string,
+    list: {
+      type: Array,
+      default: () => []
+    },
+    configType: L.string,
+    prefixCls: L.string,
+    hashId: L.string,
+    onChange: Function
+  },
+  setup(e) {
+    return () => {
+      const t = `${e.prefixCls}-block-checkbox`;
+      return n("div", {
+        class: [t, e.hashId]
+      }, [e.list.map((a) => n(Re, {
+        title: a.title,
+        key: a.key
+      }, {
+        default: () => [n("div", {
+          class: ht(e.hashId, `${t}-item`, `${t}-item-${a.key}`, `${t}-${e.configType}-item`),
+          onClick: () => {
+            var i;
+            return (i = e.onChange) == null ? void 0 : i.call(e, a.key);
+          }
+        }, [a.key === "wide" && n("div", {
+          class: [`${t}-item-${a.key}-content`, e.hashId]
+        }, null), n(mt, {
+          class: `${t}-selectIcon ${e.hashId}`.trim(),
+          style: {
+            display: e.value === a.key ? "block" : "none"
+          }
+        }, null), a != null && a.icon ? n("div", {
+          class: `${t}-icon ${e.hashId}`.trim()
+        }, [a.icon]) : null])]
+      }))]);
+    };
+  }
+}), ha = /* @__PURE__ */ A({
+  name: "ThemeColor",
+  inheritAttrs: !1,
+  props: {
+    settingValue: Object,
+    colorList: {
+      type: Array,
+      default: () => []
+    },
+    prefixCls: L.string,
+    hashId: L.string,
+    onChange: Function
+  },
+  setup(e) {
+    return () => {
+      var a;
+      const t = `${e.prefixCls}-theme-color`;
+      return n("div", {
+        class: `${t} ${e.hashId}`.trim()
+      }, [(a = e.colorList) == null ? void 0 : a.map(({
+        key: i,
+        color: o,
+        title: u
+      }) => i ? n(Re, {
+        key: o,
+        title: u
+      }, {
+        default: () => {
+          var f, b;
+          return [n("div", {
+            class: [`${t}-block  ${e.hashId}`.trim(), ((f = e.settingValue) == null ? void 0 : f.primaryColor) === o ? `${t}-block-checked` : ""],
+            style: {
+              backgroundColor: o
+            },
+            onClick: () => e.onChange && e.onChange(o)
+          }, [((b = e.settingValue) == null ? void 0 : b.primaryColor) === o && n(mt, null, null)])];
+        }
+      }) : null)]);
+    };
+  }
+}), pe = /* @__PURE__ */ A({
+  name: "RegionalChange",
+  props: {
+    label: L.string,
+    value: L.bool,
+    prefixCls: L.string,
+    valueKey: String,
+    hashId: L.string,
+    disabled: L.bool,
+    onChange: Function
+  },
+  setup(e) {
+    return () => n(ae, {
+      class: `${e.prefixCls}-list ${e.hashId}`.trim(),
+      split: !1,
+      size: "small",
+      renderItem: ({
+        item: t
+      }) => n(Re, {
+        title: t.disabled ? t.disabledReason : "",
+        placement: "left"
+      }, {
+        default: () => [n(ae.Item, {
+          actions: [t.action]
+        }, {
+          default: () => [n("span", {
+            style: {
+              opacity: t.disabled ? 0.5 : 1
+            }
+          }, [t.title])]
+        })]
+      }),
+      dataSource: [{
+        title: e.label,
+        action: n(dt, {
+          size: "small",
+          disabled: e.disabled,
+          checked: !!e.value,
+          onChange: (t) => {
+            e.onChange && e.onChange(e.valueKey, t);
+          }
+        }, null)
+      }]
+    }, null);
+  }
+}), ga = (e) => ({
+  [e.componentCls]: {
+    padding: e.marginLG,
+    "*": {
+      boxSizing: "border-box"
+    },
+    "&-title": {
+      display: "flex",
+      alignItems: "center",
+      margin: 0,
+      gap: 10,
+      marginBlockEnd: e.marginSM,
+      fontSize: "14px",
+      lineHeight: "22px",
+      color: e.colorBgSpotlight
+    },
+    "&-sub-title": {
+      margin: 0,
+      display: "flex",
+      alignItems: "center",
+      fontSize: 12,
+      fontWeight: "normal",
+      color: e.colorTextDescription
+    },
+    "&-list": {
+      [`&${e.antCls}-list-sm ${e.antCls}-list-item`]: {
+        paddingInline: 0,
+        [`${e.antCls}-list-item-action`]: {
+          marginInlineStart: 10
+        }
+      }
+    }
+  }
+});
+function ya(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
+}
+const kt = [];
+ln.forEach((e) => {
+  rn.forEach((t) => {
+    kt.push({
+      key: `${e}:${t}`,
+      token: {}
+    });
+  });
+});
+const ba = /* @__PURE__ */ A({
+  name: "ThemeEditor",
+  props: {
+    settingValue: Object,
+    onChange: Function
+  },
+  setup(e) {
+    const {
+      getPrefixCls: t
+    } = J(), [a, i] = xe("header"), o = t({
+      suffixCls: "theme-editor",
+      isPor: !0
+    }), {
+      wrapSSR: u,
+      hashId: f
+    } = ie("ProThemeEditor", [ga], o), {
+      token: b
+    } = ye();
+    function g(l) {
+      const r = Fe(l, b.value);
+      return Be(kt).filter((x) => r[x.key]).map((x) => {
+        var w, S, O;
+        x.token = r[x.key];
+        for (const v in x.token) {
+          const y = ((O = (S = (w = b.value) == null ? void 0 : w.layout) == null ? void 0 : S[l]) == null ? void 0 : O[v]) || x.token[v];
+          x.token[v] = y;
+        }
+        return x;
+      });
+    }
+    const M = He({
+      header: g("header"),
+      sider: g("sider")
+    }), C = m(() => {
+      var l;
+      return (l = b.value) == null ? void 0 : l.layout;
+    }), d = m(() => {
+      var r;
+      const l = (r = M[a.value].find((x) => {
+        var w;
+        return x.key === ((w = C.value) == null ? void 0 : w.layoutThemeKey);
+      })) == null ? void 0 : r.token;
+      return Object.keys(l || {}).map((x) => {
+        var S;
+        return {
+          title: ((S = ma.find((O) => O.key === x)) == null ? void 0 : S.name) || "",
+          key: x,
+          value: (l == null ? void 0 : l[x]) || ""
+        };
+      });
+    }), F = (l, r) => {
+      var x;
+      M[a.value] = M[a.value].map((w) => {
+        var S;
+        return w.key === ((S = C.value) == null ? void 0 : S.layoutThemeKey) && (w.token[r] = l), w;
+      }), (x = e.onChange) == null || x.call(e, l, a.value, r);
+    };
+    return () => {
+      var r, x, w;
+      let l;
+      return u(n("div", {
+        class: [o, f.value]
+      }, [n("h3", {
+        class: [`${o}-title`, f.value]
+      }, [Q("主题编辑器"), n("div", {
+        class: [`${o}-sub-title`, f.value]
+      }, [n("span", null, [(r = $t.find((S) => {
+        var O;
+        return S.key === ((O = e.settingValue) == null ? void 0 : O.theme);
+      })) == null ? void 0 : r.title]), n("span", {
+        style: {
+          marginInline: "8px"
+        }
+      }, [Q("/")]), n("span", null, [(x = Bt.find((S) => {
+        var O;
+        return S.key === ((O = e.settingValue) == null ? void 0 : O.layout);
+      })) == null ? void 0 : x.title])])]), n("div", {
+        class: [`${o}-content`, f.value]
+      }, [n(ae, {
+        class: `${o}-list ${f.value}`.trim(),
+        split: !1,
+        size: "small",
+        renderItem: ({
+          item: S
+        }) => n(ae.Item, {
+          actions: [S.action]
+        }, {
+          default: () => [n("span", {
+            style: {
+              opacity: S.show ? 1 : 0.5
+            }
+          }, [S.title])]
+        }),
+        dataSource: [{
+          title: "自定义主题色",
+          action: n(Je, {
+            value: (w = e.settingValue) == null ? void 0 : w.primaryColor,
+            actions: ["confirm"],
+            modes: ["rgb"],
+            size: "small",
+            onConfirm: (S) => e.onChange && e.onChange(S, "primaryColor")
+          }, null)
+        }]
+      }, null), n(je, {
+        activeKey: a.value,
+        onChange: (S) => i(S)
+      }, ya(l = ca.map((S) => n(Wt, {
+        key: S.key,
+        tab: S.title
+      }, {
+        default: () => [n(ae, {
+          class: `${o}-list ${f.value}`.trim(),
+          split: !1,
+          size: "small",
+          renderItem: ({
+            item: O
+          }) => n(ae.Item, {
+            actions: [O.action]
+          }, {
+            default: () => [n("span", {
+              style: {
+                opacity: O.disabled ? 0.5 : 1
+              }
+            }, [O.title])]
+          }),
+          dataSource: d.value.map((O) => ({
+            ...O,
+            action: n(Je, {
+              value: O.value,
+              actions: ["confirm"],
+              size: "small",
+              onChangeComplete: (v) => F(v.toCssString(), O.key)
+            }, null)
+          }))
+        }, null)]
+      }))) ? l : {
+        default: () => [l]
+      })])]));
+    };
+  }
+}), pa = (e) => ({
+  [e.componentCls]: {
+    padding: e.marginLG,
+    "&-title": {
+      display: "flex",
+      alignItems: "center",
+      margin: 0,
+      gap: 10,
+      marginBlockEnd: e.marginSM,
+      fontSize: "14px",
+      lineHeight: "22px",
+      color: e.colorBgSpotlight
+    },
+    "&-sub-title": {
+      margin: 0,
+      display: "flex",
+      alignItems: "center",
+      fontSize: 12,
+      fontWeight: "normal",
+      color: e.colorTextDescription
+    },
+    "&-list": {
+      [`&${e.antCls}-list-sm ${e.antCls}-list-item`]: {
+        paddingInline: 0,
+        [`${e.antCls}-list-item-action`]: {
+          marginInlineStart: 10
+        }
+      }
+    }
+  }
+});
+function ot(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
+}
+const {
+  preset: it
+} = Ee, va = /* @__PURE__ */ A({
+  name: "OthersChange",
+  props: {
+    prefixCls: L.string,
+    settingValue: Object,
+    onChange: Function
+  },
+  setup(e) {
+    const t = he({
+      suffixCls: "others",
+      isPor: !0
+    }), {
+      wrapSSR: a,
+      hashId: i
+    } = ie("SettingsDrawOthers", [pa], t);
+    return () => {
+      var u, f, b, g, M, C, d, F, l, r, x, w, S, O;
+      let o;
+      return a(n("div", {
+        class: [t, i.value]
+      }, [n("h3", {
+        class: [`${t}-title`, i.value]
+      }, [Q("页面动画设置")]), n(ae, {
+        class: `${t}-list ${i.value}`.trim(),
+        split: !1,
+        size: "small",
+        renderItem: ({
+          item: v
+        }) => n(Re, {
+          title: v.disabled ? v.disabledReason : "",
+          placement: "left"
+        }, {
+          default: () => [n(ae.Item, {
+            actions: [v.action]
+          }, {
+            default: () => [n("span", {
+              style: {
+                opacity: v.disabled ? 0.5 : 1
+              }
+            }, [v.title])]
+          })]
+        }),
+        dataSource: [{
+          title: "禁用动画",
+          action: n(dt, {
+            checked: !((f = (u = e.settingValue) == null ? void 0 : u.animate) != null && f.disabled),
+            size: "small",
+            onChange: (v) => {
+              var y;
+              return (y = e.onChange) == null ? void 0 : y.call(e, "animate", "disabled", !v);
+            }
+          }, null)
+        }, {
+          title: "动画效果",
+          disabled: (g = (b = e.settingValue) == null ? void 0 : b.animate) == null ? void 0 : g.disabled,
+          action: n(be, {
+            value: (C = (M = e.settingValue) == null ? void 0 : M.animate) == null ? void 0 : C.name,
+            style: {
+              width: "100px"
+            },
+            size: "small",
+            disabled: (F = (d = e.settingValue) == null ? void 0 : d.animate) == null ? void 0 : F.disabled,
+            getPopupContainer: (v) => v && v.parentNode ? v.parentNode : v,
+            onChange: (v) => {
+              var y;
+              return (y = e.onChange) == null ? void 0 : y.call(e, "animate", "name", v);
+            }
+          }, ot(o = it.map((v) => n(be.Option, {
+            value: v.name
+          }, {
+            default: () => [v.alias]
+          }))) ? o : {
+            default: () => [o]
+          })
+        }, {
+          title: "动画方向",
+          disabled: (r = (l = e.settingValue) == null ? void 0 : l.animate) == null ? void 0 : r.disabled,
+          action: n(be, {
+            value: (w = (x = e.settingValue) == null ? void 0 : x.animate) == null ? void 0 : w.direction,
+            style: {
+              width: "100px"
+            },
+            size: "small",
+            dropdownStyle: {
+              minWidth: "120px"
+            },
+            disabled: (O = (S = e.settingValue) == null ? void 0 : S.animate) == null ? void 0 : O.disabled,
+            getPopupContainer: (v) => v && v.parentNode ? v.parentNode : v,
+            onChange: (v) => {
+              var y;
+              return (y = e.onChange) == null ? void 0 : y.call(e, "animate", "direction", v);
+            }
+          }, {
+            default: () => {
+              var v;
+              return [(v = it.find((y) => {
+                var T, h;
+                return y.name === ((h = (T = e.settingValue) == null ? void 0 : T.animate) == null ? void 0 : h.name);
+              })) == null ? void 0 : v.directions.map((y) => n(be.Option, {
+                value: y
+              }, ot(y) ? y : {
+                default: () => [y]
+              }))];
+            }
+          })
+        }]
+      }, null)]));
+    };
+  }
+}), {
+  preset: Ca
+} = Ee, ze = Object.keys(K).filter((e) => e !== "title"), lt = {
+  color: "#fff",
+  fontSize: 20
+}, xa = [{
+  label: "fixedHeader",
+  title: "固定 Header"
+}, {
+  label: "fixSiderbar",
+  title: "固定侧边菜单"
+}, {
+  label: "splitMenus",
+  title: "自动分割菜单"
+}], wa = [{
+  label: "showTabsBar",
+  title: "多标签"
+}, {
+  label: "fixedMultiTab",
+  title: "固定多标签"
+}], rt = (e) => an() ? {
+  ...re(K, ze),
+  ...e || {}
+} : Be(K), ve = (e, {
+  slots: t
+}) => {
+  var a;
+  return n("div", {
+    style: {
+      marginBottom: "24px"
+    }
+  }, [n("h3", {
+    class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
+  }, [e.title]), (a = t.default) == null ? void 0 : a.call(t)]);
+}, zi = /* @__PURE__ */ A({
+  name: "SettingDrawer",
+  props: {
+    themeOnly: Boolean,
+    hideHintAlert: Boolean,
+    hideCopyButton: Boolean,
+    weakmode: Boolean,
+    showProgress: Boolean,
+    settings: {
+      type: Object
+    },
+    colorList: {
+      type: [Boolean, Array],
+      default: () => sn
+    },
+    onChange: Function,
+    onChangeLayout: Function
+  },
+  emits: ["change", "changeLayout"],
+  setup(e) {
+    const {
+      getPrefixCls: t
+    } = J(), a = t({
+      suffixCls: "setting-drawer",
+      isPor: !0
+    }), {
+      wrapSSR: i,
+      hashId: o
+    } = ie("ProSettingDraw", [fa], a), u = we(!1), [f, b] = xe(!1), [g, M] = xe(!1), [C, d] = xe(!1), F = m(() => rt(re(e.settings, ze))), [l, r] = mn(() => rt(re(e.settings, ze)), {
+      value: F,
+      onChange: e.onChange
+    }), x = m(() => e.colorList && ft(e.colorList) ? e.colorList : []), w = m(() => $n(j(l))), {
+      copy: S,
+      copied: O,
+      isSupported: v
+    } = gn();
+    ce(f, () => {
+      u.value || (u.value = !0);
+    });
+    const y = (h, p, P) => {
+      var B, U;
+      const k = ["header", "sider"], N = {};
+      if (P && k.includes(h)) {
+        N[h] = {}, N[h][P] = p, e.onChangeLayout && e.onChangeLayout(re(N, k));
+        return;
+      } else
+        h === "animate" ? (N[h] = {}, N[h][P] = p, P === "name" && (N[h].direction = (U = (B = Ca.find((z) => z.name === p)) == null ? void 0 : B.directions) == null ? void 0 : U[0])) : N[h] = p;
+      if (h === "colorWeak") {
+        const z = document.querySelector("body");
+        z && (z.dataset.prosettingdrawer = p === !0 ? z.style.filter : z.dataset.prosettingdrawer || "none", p === !0 && (z.dataset.prosettingdrawer = z.style.filter), z.style.filter = p === !0 ? "invert(80%)" : z.dataset.prosettingdrawer || "none", p || delete z.dataset.prosettingdrawer);
+      }
+      r(gt(j(l), {
+        ...Fn(Ue(N, k))
+      }));
+    }, T = () => {
+      v.value && S(JSON.stringify(j(l)));
+    };
+    return ce(O, (h) => {
+      h && Ut.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    }), () => i(n(Ce, {
+      width: 300,
+      closable: !1,
+      open: f.value,
+      rootClassName: `${a} ${o.value} ${f.value && `${a}-show`} ${!u.value && `${a}-trantion-none`}`,
+      placement: "right",
+      rootStyle: {
+        zIndex: 999
+      },
+      bodyStyle: {
+        padding: 0
+      },
+      onClose: () => b(!1),
+      handle: n("div", {
+        class: [`${a}-handle`, o.value],
+        onClick: () => b(!f.value)
+      }, [f.value ? n(ct, {
+        style: lt
+      }, null) : n(Qt, {
+        style: lt
+      }, null)])
+    }, {
+      default: () => [n("div", {
+        class: [`${a}-wrapper`, o.value]
+      }, [n(yn, null, {
+        default: () => [n("div", {
+          class: [`${a}-content`, o.value]
+        }, [n(ve, {
+          prefixCls: a,
+          hashId: o.value,
+          title: "整体风格设置"
+        }, {
+          default: () => [n(at, {
+            hashId: o.value,
+            prefixCls: a,
+            list: $t,
+            value: l.value.theme,
+            configType: "theme",
+            key: "navTheme",
+            onChange: (h) => y("theme", h)
+          }, null)]
+        }), n(ve, {
+          hashId: o.value,
+          title: n("span", null, [Q("主题色"), n("a", {
+            style: {
+              fontSize: "12px"
+            },
+            onClick: () => M(!0)
+          }, [Q("更多配置")])]),
+          prefixCls: a
+        }, {
+          default: () => [n(ha, {
+            hashId: o.value,
+            prefixCls: a,
+            colorList: x.value,
+            settingValue: l.value,
+            onChange: (h, p) => y(p || "primaryColor", h)
+          }, null)]
+        }), !e.themeOnly && n(Z, null, [n(Te, null, null), n(ve, {
+          hashId: o.value,
+          prefixCls: a,
+          title: "导航模式"
+        }, {
+          default: () => [n(at, {
+            prefixCls: a,
+            value: j(l).layout,
+            key: "layout",
+            hashId: o.value,
+            configType: "layout",
+            list: Bt,
+            onChange: (h) => y("layout", h)
+          }, null)]
+        }), xa.map(({
+          label: h,
+          title: p
+        }) => n(pe, {
+          label: p,
+          disabled: j(w)[h],
+          value: j(l)[h],
+          prefixCls: a,
+          hashId: o.value,
+          valueKey: h,
+          onChange: (P, k) => y(P, k)
+        }, null)), n(Te, null, null), n(ve, {
+          hashId: o.value,
+          prefixCls: a,
+          title: n("span", null, [Q("其他设置"), n("a", {
+            style: {
+              fontSize: "12px"
+            },
+            onClick: () => d(!0)
+          }, [Q("更多配置")])])
+        }, {
+          default: () => [wa.map(({
+            label: h,
+            title: p
+          }) => n(pe, {
+            label: p,
+            disabled: j(w)[h],
+            value: j(l)[h],
+            prefixCls: a,
+            hashId: o.value,
+            valueKey: h,
+            onChange: (P, k) => y(P, k)
+          }, null)), e.weakmode && n(pe, {
+            label: "色弱模式",
+            value: j(l).colorWeak,
+            prefixCls: a,
+            hashId: o.value,
+            valueKey: "colorWeak",
+            onChange: (h, p) => y(h, p)
+          }, null), e.showProgress && n(pe, {
+            label: "顶部进度条",
+            value: j(l).showProgressBar,
+            prefixCls: a,
+            hashId: o.value,
+            valueKey: "showProgressBar",
+            onChange: (h, p) => y(h, p)
+          }, null)]
+        })]), e.hideHintAlert && e.hideCopyButton ? null : n(Te, null, null), e.hideHintAlert ? null : n(Et, {
+          type: "warning",
+          message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
+          icon: n(en, null, null),
+          showIcon: !0,
+          style: {
+            marginBottom: "16px"
+          }
+        }, null), e.hideCopyButton ? null : n(Xt, {
+          onClick: () => T(),
+          block: !0
+        }, {
+          default: () => [n(tn, null, null), Q("拷贝设置")]
+        })])]
+      })]), n(Ce, {
+        width: 320,
+        closable: !1,
+        placement: "right",
+        open: g.value,
+        bodyStyle: {
+          padding: 0
+        },
+        onClose: () => M(!1)
+      }, {
+        default: () => [n(ba, {
+          settingValue: l.value,
+          onChange: (h, p, P) => y(p || "primaryColor", h, P)
+        }, null)]
+      }), n(Ce, {
+        width: 320,
+        closable: !1,
+        placement: "right",
+        open: C.value,
+        bodyStyle: {
+          padding: 0
+        },
+        onClose: () => d(!1)
+      }, {
+        default: () => [n(va, {
+          settingValue: l.value,
+          onChange: (h, p, P) => y(h, P, p)
+        }, null)]
+      })]
+    }));
+  }
+}), Sa = new s("backInLeft", {
+  "0%": {
+    opacity: 0.7,
+    transform: "translateX(-2000px) scale(0.7)"
+  },
+  "80%": {
+    opacity: 0.7,
+    transform: "translateX(0px) scale(0.7)"
+  },
+  "100%": {
+    opacity: 1,
+    transform: "scale(1)"
+  }
+}), Ia = new s("backInRight", {
+  "0%": {
+    opacity: 0.7,
+    transform: "translateX(2000px) scale(0.7)"
+  },
+  "80%": {
+    opacity: 0.7,
+    transform: "translateX(0px) scale(0.7)"
+  },
+  "100%": {
+    opacity: 1,
+    transform: "scale(1)"
+  }
+}), Ma = new s("backInUp", {
+  "0%": {
+    opacity: 0.7,
+    transform: "translateY(1200px) scale(0.7)"
+  },
+  "80%": {
+    opacity: 0.7,
+    transform: "translateY(0px) scale(0.7)"
+  },
+  "100%": {
+    opacity: 1,
+    transform: "scale(1)"
+  }
+}), Oa = new s("backInDown", {
+  "0%": {
+    opacity: 0.7,
+    transform: "translateY(-1200px) scale(0.7)"
+  },
+  "80%": {
+    opacity: 0.7,
+    transform: "translateY(0px) scale(0.7)"
+  },
+  "100%": {
+    opacity: 1,
+    transform: "scale(1)"
+  }
+}), Ra = new s("backOutLeft", {
+  "0%": {
+    opacity: 1,
+    transform: "scale(1)"
+  },
+  "20%": {
+    opacity: 0.7,
+    transform: "translateX(0px) scale(0.7)"
+  },
+  "100%": {
+    opacity: 0.7,
+    transform: "translateX(-2000px) scale(0.7)"
+  }
+}), Fa = new s("backOutRight", {
+  "0%": {
+    opacity: 1,
+    transform: "scale(1)"
+  },
+  "20%": {
+    opacity: 0.7,
+    transform: "translateX(0px) scale(0.7)"
+  },
+  "100%": {
+    opacity: 0.7,
+    transform: "translateX(2000px) scale(0.7)"
+  }
+}), $a = new s("backOutUp", {
+  "0%": {
+    opacity: 1,
+    transform: "scale(1)"
+  },
+  "20%": {
+    opacity: 0.7,
+    transform: "translateY(0px) scale(0.7)"
+  },
+  "100%": {
+    opacity: 0.7,
+    transform: "translateY(-700px) scale(0.7)"
+  }
+}), Ba = new s("backOutDown", {
+  "0%": {
+    opacity: 1,
+    transform: "scale(1)"
+  },
+  "20%": {
+    opacity: 0.7,
+    transform: "translateY(0px) scale(0.7)"
+  },
+  "100%": {
+    opacity: 0.7,
+    transform: "translateY(700px) scale(0.7)"
+  }
+}), ka = () => ({
+  "&.backInLeft": {
+    animationFillMode: "both",
+    animationName: Sa
+  },
+  "&.backInRight": {
+    animationFillMode: "both",
+    animationName: Ia
+  },
+  "&.backInUp": {
+    animationFillMode: "both",
+    animationName: Ma
+  },
+  "&.backInDown": {
+    animationFillMode: "both",
+    animationName: Oa
+  }
+}), Ta = () => ({
+  "&.backOutLeft": {
+    animationFillMode: "both",
+    animationName: Ra
+  },
+  "&.backOutRight": {
+    animationFillMode: "both",
+    animationName: Fa
+  },
+  "&.backOutUp": {
+    animationFillMode: "both",
+    animationName: $a
+  },
+  "&.backOutDown": {
+    animationFillMode: "both",
+    animationName: Ba
+  }
+}), Pa = new s("bounceIn", {
+  "from,20%,40%,60%,80%,to": {
+    animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
+  },
+  "0%": {
+    opacity: 0,
+    transform: "scale3d(0.3, 0.3, 0.3)"
+  },
+  "20%": {
+    transform: "scale3d(1.1, 1.1, 1.1)"
+  },
+  "40%": {
+    transform: "scale3d(0.9, 0.9, 0.9)"
+  },
+  "60%": {
+    transform: "scale3d(1.03, 1.03, 1.03)"
+  },
+  "80%": {
+    transform: "scale3d(0.97, 0.97, 0.97)"
+  },
+  to: {
+    opacity: 1,
+    transform: "scale3d(1, 1, 1)"
+  }
+}), La = new s("bounceInLeft", {
+  "from,60%,75%,90%,to": {
+    animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
+  },
+  "0%": {
+    opacity: 0,
+    transform: "translate3d(-3000px, 0, 0) scaleX(3)"
+  },
+  "60%": {
+    opacity: 1,
+    transform: "translate3d(25px, 0, 0) scaleX(1)"
+  },
+  "75%": {
+    transform: "translate3d(-10px, 0, 0) scaleX(0.98)"
+  },
+  "90%": {
+    transform: "translate3d(5px, 0, 0) scaleX(0.995)"
+  },
+  to: {
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Da = new s("bounceInRight", {
+  "from,60%,75%,90%,to": {
+    animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
+  },
+  from: {
+    opacity: 0,
+    transform: "translate3d(3000px, 0, 0) scaleX(3)"
+  },
+  "60%": {
+    opacity: 1,
+    transform: "translate3d(-25px, 0, 0) scaleX(1)"
+  },
+  "75%": {
+    transform: "translate3d(10px, 0, 0) scaleX(0.98)"
+  },
+  "90%": {
+    transform: "translate3d(-5px, 0, 0) scaleX(0.995)"
+  },
+  to: {
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Na = new s("bounceInDown", {
+  "from,60%,75%,90%,to": {
+    animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
+  },
+  "0%": {
+    opacity: 0,
+    transform: "translate3d(0, -3000px, 0) scaleY(3)"
+  },
+  "60%": {
+    opacity: 1,
+    transform: "translate3d(0, 25px, 0) scaleY(0.9)"
+  },
+  "75%": {
+    transform: "translate3d(0, -10px, 0) scaleY(0.95)"
+  },
+  "90%": {
+    transform: "translate3d(0, 5px, 0) scaleY(0.985)"
+  },
+  to: {
+    transform: "translate3d(0, 0, 0)"
+  }
+}), za = new s("bounceInUp", {
+  "from,60%,75%,90%,to": {
+    animationTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)"
+  },
+  from: {
+    opacity: 0,
+    transform: "translate3d(0, 3000px, 0) scaleY(5)"
+  },
+  "60%": {
+    opacity: 1,
+    transform: "translate3d(0, -20px, 0) scaleY(0.9)"
+  },
+  "75%": {
+    transform: "translate3d(0, 10px, 0) scaleY(0.95)"
+  },
+  "90%": {
+    transform: "translate3d(0, -5px, 0) scaleY(0.985)"
+  },
+  to: {
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Ha = new s("bounceOut", {
+  "20%": {
+    transform: "scale3d(0.9, 0.9, 0.9)"
+  },
+  "50%,55%": {
+    transform: "scale3d(1.1, 1.1, 1.1)"
+  },
+  "60%": {
+    transform: "scale3d(1.03, 1.03, 1.03)"
+  },
+  to: {
+    opacity: 0,
+    transform: "scale3d(0.3, 0.3, 0.3)"
+  }
+}), Ka = new s("bounceOutLeft", {
+  "20%": {
+    opacity: 1,
+    transform: "translate3d(20px, 0, 0) scaleX(0.9)"
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(-2000px, 0, 0) scaleX(2)"
+  }
+}), ja = new s("bounceOutRight", {
+  "20%": {
+    opacity: 1,
+    transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(2000px, 0, 0) scaleX(2)"
+  }
+}), Aa = new s("bounceOutDown", {
+  "20%": {
+    transform: "translate3d(0, 10px, 0) scaleY(0.985)"
+  },
+  "40%,45%": {
+    opacity: 1,
+    transform: "translate3d(0, -20px, 0) scaleY(0.9)"
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(0, 2000px, 0) scaleY(3)"
+  }
+}), Wa = new s("bounceOutUp", {
+  "20%": {
+    transform: "translate3d(0, -10px, 0) scaleY(0.985)"
+  },
+  "40%,45%": {
+    opacity: 1,
+    transform: "translate3d(0, 20px, 0) scaleY(0.9)"
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(0, -2000px, 0) scaleY(3)"
+  }
+}), Ua = () => ({
+  "&.bounceIn": {
+    animationFillMode: "both",
+    animationDuration: `${0.3 * 0.75}s !important`,
+    animationName: Pa
+  },
+  "&.bounceInLeft": {
+    animationFillMode: "both",
+    animationName: La
+  },
+  "&.bounceInRight": {
+    animationFillMode: "both",
+    animationName: Da
+  },
+  "&.bounceInDown": {
+    animationFillMode: "both",
+    animationName: Na
+  },
+  "&.bounceInUp": {
+    animationFillMode: "both",
+    animationName: za
+  }
+}), Ea = () => ({
+  "&.bounceOut": {
+    animationFillMode: "both",
+    animationDuration: `${0.3 * 0.75}s !important`,
+    animationName: Ha
+  },
+  "&.bounceOutLeft": {
+    animationFillMode: "both",
+    animationName: Ka
+  },
+  "&.bounceOutRight": {
+    animationFillMode: "both",
+    animationName: ja
+  },
+  "&.bounceOutDown": {
+    animationFillMode: "both",
+    animationName: Aa
+  },
+  "&.bounceOutUp": {
+    animationFillMode: "both",
+    animationName: Wa
+  }
+}), Xa = new s("fadeIn", {
+  from: {
+    opacity: 0
+  },
+  to: {
+    opacity: 1
+  }
+}), Ya = new s("fadeInLeft", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(-100%, 0, 0)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Va = new s("fadeInRight", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(100%, 0, 0)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), _a = new s("fadeInDown", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(0, -100%, 0)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Ga = new s("fadeInUp", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(0, 100%, 0)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), qa = new s("fadeInDownBig", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(0, -2000px, 0)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Za = new s("fadeInUpBig", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(0, 2000px, 0)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Ja = new s("fadeInLeftBig", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(-2000px, 0, 0)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Qa = new s("fadeInRightBig", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(2000px, 0, 0)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), eo = new s("fadeInTopLeft", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(-100%, -100%, 0)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), to = new s("fadeInBottomRight", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(100%, 100%, 0)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), no = new s("fadeInTopRight", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(100%, -100%, 0)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), ao = new s("fadeInBottomLeft", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(-100%, 100%, 0)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), oo = new s("fadeOut", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0
+  }
+}), io = new s("fadeOutLeft", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(-100%, 0, 0)"
+  }
+}), lo = new s("fadeOutRight", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(100%, 0, 0)"
+  }
+}), ro = new s("fadeOutDown", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(0, 100%, 0)"
+  }
+}), so = new s("fadeOutUp", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(0, -100%, 0)"
+  }
+}), uo = new s("fadeOutDownBig", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(0, 2000px, 0)"
+  }
+}), co = new s("fadeOutUpBig", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(0, -2000px, 0)"
+  }
+}), mo = new s("fadeOutLeftBig", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(-2000px, 0, 0)"
+  }
+}), fo = new s("fadeOutRightBig", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(2000px, 0, 0)"
+  }
+}), ho = new s("fadeOutTopLeft", {
+  from: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(-100%, -100%, 0)"
+  }
+}), go = new s("fadeOutBottomRight", {
+  from: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(100%, 100%, 0)"
+  }
+}), yo = new s("fadeOutTopRight", {
+  from: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(100%, -100%, 0)"
+  }
+}), bo = new s("fadeOutBottomLeft", {
+  from: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(-100%, 100%, 0)"
+  }
+}), po = () => ({
+  "&.fadeIn": {
+    animationFillMode: "both",
+    animationName: Xa
+  },
+  "&.fadeInLeft": {
+    animationFillMode: "both",
+    animationName: Ya
+  },
+  "&.fadeInRight": {
+    animationFillMode: "both",
+    animationName: Va
+  },
+  "&.fadeInDown": {
+    animationFillMode: "both",
+    animationName: _a
+  },
+  "&.fadeInUp": {
+    animationFillMode: "both",
+    animationName: Ga
+  },
+  "&.fadeInLeftBig": {
+    animationFillMode: "both",
+    animationName: Ja
+  },
+  "&.fadeInRightBig": {
+    animationFillMode: "both",
+    animationName: Qa
+  },
+  "&.fadeInUpBig": {
+    animationFillMode: "both",
+    animationName: Za
+  },
+  "&.fadeInDownBig": {
+    animationFillMode: "both",
+    animationName: qa
+  },
+  "&.fadeInTopLeft": {
+    animationFillMode: "both",
+    animationName: eo
+  },
+  "&.fadeInBottomRight": {
+    animationFillMode: "both",
+    animationName: to
+  },
+  "&.fadeInTopRight": {
+    animationFillMode: "both",
+    animationName: no
+  },
+  "&.fadeInBottomLeft": {
+    animationFillMode: "both",
+    animationName: ao
+  }
+}), vo = () => ({
+  "&.fadeOut": {
+    animationFillMode: "both",
+    animationName: oo
+  },
+  "&.fadeOutLeft": {
+    animationFillMode: "both",
+    animationName: io
+  },
+  "&.fadeOutRight": {
+    animationFillMode: "both",
+    animationName: lo
+  },
+  "&.fadeOutDown": {
+    animationFillMode: "both",
+    animationName: ro
+  },
+  "&.fadeOutUp": {
+    animationFillMode: "both",
+    animationName: so
+  },
+  "&.fadeOutDownBig": {
+    animationFillMode: "both",
+    animationName: uo
+  },
+  "&.fadeOutUpBig": {
+    animationFillMode: "both",
+    animationName: co
+  },
+  "&.fadeOutLeftBig": {
+    animationFillMode: "both",
+    animationName: mo
+  },
+  "&.fadeOutRightBig": {
+    animationFillMode: "both",
+    animationName: fo
+  },
+  "&.fadeOutTopLeft": {
+    animationFillMode: "both",
+    animationName: ho
+  },
+  "&.fadeOutBottomRight": {
+    animationFillMode: "both",
+    animationName: go
+  },
+  "&.fadeOutTopRight": {
+    animationFillMode: "both",
+    animationName: yo
+  },
+  "&.fadeOutBottomLeft": {
+    animationFillMode: "both",
+    animationName: bo
+  }
+}), Co = new s("flipInX", {
+  from: {
+    opacity: 0,
+    animationTimingFunction: "ease-in",
+    transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
+  },
+  "40%": {
+    animationTimingFunction: "ease-in",
+    transform: "perspective(400px) rotate3d(1, 0, 0, -20deg)"
+  },
+  "60%": {
+    opacity: 1,
+    transform: "perspective(400px) rotate3d(1, 0, 0, 10deg)"
+  },
+  "80%": {
+    transform: "perspective(400px) rotate3d(1, 0, 0, -5deg)"
+  },
+  to: {
+    transform: "perspective(400px)"
+  }
+}), xo = new s("flipInY", {
+  from: {
+    opacity: 0,
+    animationTimingFunction: "ease-in",
+    transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)"
+  },
+  "40%": {
+    animationTimingFunction: "ease-in",
+    transform: "perspective(400px) rotate3d(0, 1, 0, -20deg)"
+  },
+  "60%": {
+    opacity: 1,
+    transform: "perspective(400px) rotate3d(0, 1, 0, 10deg)"
+  },
+  "80%": {
+    transform: "perspective(400px) rotate3d(0, 1, 0, -5deg)"
+  },
+  to: {
+    transform: "perspective(400px)"
+  }
+}), wo = new s("flipOutX", {
+  from: {
+    transform: "perspective(400px)"
+  },
+  "40%": {
+    opacity: 1,
+    transform: "perspective(400px) rotate3d(1, 0, 0, -20deg)"
+  },
+  to: {
+    opacity: 0,
+    transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)"
+  }
+}), So = new s("flipOutY", {
+  from: {
+    transform: "perspective(400px)"
+  },
+  "40%": {
+    opacity: 1,
+    transform: "perspective(400px) rotate3d(0, 1, 0, -15deg)"
+  },
+  to: {
+    opacity: 0,
+    transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)"
+  }
+}), Io = () => ({
+  "&.flipInX": {
+    animationFillMode: "both",
+    backfaceVisibility: "visible !important",
+    animationName: Co
+  },
+  "&.flipInY": {
+    animationFillMode: "both",
+    backfaceVisibility: "visible !important",
+    animationName: xo
+  }
+}), Mo = () => ({
+  "&.flipOutX": {
+    animationFillMode: "both",
+    backfaceVisibility: "visible !important",
+    animationDuration: `${0.3 * 0.75}s !important`,
+    animationName: wo
+  },
+  "&.flipOutY": {
+    animationFillMode: "both",
+    backfaceVisibility: "visible !important",
+    animationDuration: `${0.3 * 0.75}s !important`,
+    animationName: So
+  }
+}), Oo = new s("lightSpeedInLeft", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(-100%, 0, 0) skewX(30deg)"
+  },
+  "60%": {
+    opacity: 1,
+    transform: "skewX(-20deg)"
+  },
+  "80%": {
+    transform: "skewX(5deg)"
+  },
+  to: {
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Ro = new s("lightSpeedInRight", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(100%, 0, 0) skewX(-30deg)"
+  },
+  "60%": {
+    opacity: 1,
+    transform: "skewX(20deg)"
+  },
+  "80%": {
+    transform: "skewX(-5deg)"
+  },
+  to: {
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Fo = new s("lightSpeedOutLeft", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
+  }
+}), $o = new s("lightSpeedOutRight", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(100%, 0, 0) skewX(30deg)"
+  }
+}), Bo = () => ({
+  "&.lightSpeedInLeft": {
+    animationFillMode: "both",
+    animationTimingFunction: "ease-out",
+    animationName: Oo
+  },
+  "&.lightSpeedInRight": {
+    animationFillMode: "both",
+    animationTimingFunction: "ease-out",
+    animationName: Ro
+  }
+}), ko = () => ({
+  "&.lightSpeedOutLeft": {
+    animationFillMode: "both",
+    animationTimingFunction: "ease-in",
+    animationName: Fo
+  },
+  "&.lightSpeedOutRight": {
+    animationFillMode: "both",
+    animationTimingFunction: "ease-in",
+    animationName: $o
+  }
+}), To = new s("rotateIn", {
+  from: {
+    opacity: 0,
+    transform: "rotate3d(0, 0, 1, -200deg)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Po = new s("rotateInDownLeft", {
+  from: {
+    opacity: 0,
+    transform: "rotate3d(0, 0, 1, -45deg)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Lo = new s("rotateInDownRight", {
+  from: {
+    opacity: 0,
+    transform: "rotate3d(0, 0, 1, 45deg)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Do = new s("rotateInUpLeft", {
+  from: {
+    opacity: 0,
+    transform: "rotate3d(0, 0, 1, 45deg)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), No = new s("rotateInUpRight", {
+  from: {
+    opacity: 0,
+    transform: "rotate3d(0, 0, 1, -90deg)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), zo = new s("rotateOut", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "rotate3d(0, 0, 1, 200deg)"
+  }
+}), Ho = new s("rotateOutDownLeft", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "rotate3d(0, 0, 1, 45deg)"
+  }
+}), Ko = new s("rotateOutDownRight", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "rotate3d(0, 0, 1, -45deg)"
+  }
+}), jo = new s("rotateOutUpLeft", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "rotate3d(0, 0, 1, -45deg)"
+  }
+}), Ao = new s("rotateOutUpRight", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "rotate3d(0, 0, 1, 90deg)"
+  }
+}), Wo = () => ({
+  "&.rotateIn": {
+    animationFillMode: "both",
+    transformOrigin: "center",
+    animationName: To
+  },
+  "&.rotateInDownLeft": {
+    animationFillMode: "both",
+    transformOrigin: "left bottom",
+    animationName: Po
+  },
+  "&.rotateInDownRight": {
+    animationFillMode: "both",
+    transformOrigin: "right bottom",
+    animationName: Lo
+  },
+  "&.rotateInUpLeft": {
+    animationFillMode: "both",
+    transformOrigin: "left bottom",
+    animationName: Do
+  },
+  "&.rotateInUpRight": {
+    animationFillMode: "both",
+    transformOrigin: "right bottom",
+    animationName: No
+  }
+}), Uo = () => ({
+  "&.rotateOut": {
+    animationFillMode: "both",
+    transformOrigin: "center",
+    animationName: zo
+  },
+  "&.rotateOutDownLeft": {
+    animationFillMode: "both",
+    transformOrigin: "left bottom",
+    animationName: Ho
+  },
+  "&.rotateOutDownRight": {
+    animationFillMode: "both",
+    transformOrigin: "right bottom",
+    animationName: Ko
+  },
+  "&.rotateOutUpLeft": {
+    animationFillMode: "both",
+    transformOrigin: "left bottom",
+    animationName: jo
+  },
+  "&.rotateOutUpRight": {
+    animationFillMode: "both",
+    transformOrigin: "right bottom",
+    animationName: Ao
+  }
+}), Eo = new s("rollIn", {
+  from: {
+    opacity: 0,
+    transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
+  },
+  to: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)"
+  }
+}), Xo = new s("rollOut", {
+  from: {
+    opacity: 1
+  },
+  to: {
+    opacity: 0,
+    transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)"
+  }
+}), Yo = () => ({
+  "&.rollIn": {
+    animationFillMode: "both",
+    animationName: Eo
+  }
+}), Vo = () => ({
+  "&.rollOut": {
+    animationFillMode: "both",
+    animationName: Xo
+  }
+}), _o = new s("zoomIn", {
+  from: {
+    opacity: 0,
+    transform: "scale3d(0.3, 0.3, 0.3)"
+  },
+  "50%": {
+    opacity: 1
+  }
+}), Go = new s("zoomInDown", {
+  from: {
+    opacity: 0,
+    transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
+    animationTimingFunction: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
+  },
+  "60%": {
+    opacity: 1,
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
+    animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
+  }
+}), qo = new s("zoomInLeft", {
+  from: {
+    opacity: 0,
+    transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
+    animationTimingFunction: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
+  },
+  "60%": {
+    opacity: 1,
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
+    animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
+  }
+}), Zo = new s("zoomInRight", {
+  from: {
+    opacity: 0,
+    transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
+    animationTimingFunction: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
+  },
+  "60%": {
+    opacity: 1,
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
+    animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
+  }
+}), Jo = new s("zoomInUp", {
+  from: {
+    opacity: 0,
+    transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
+    animationTimingFunction: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
+  },
+  "60%": {
+    opacity: 1,
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
+    animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
+  }
+}), Qo = new s("zoomOut", {
+  from: {
+    opacity: 1
+  },
+  "50%": {
+    opacity: 0,
+    transform: "scale3d(0.3, 0.3, 0.3)"
+  },
+  to: {
+    opacity: 0
+  }
+}), ei = new s("zoomOutDown", {
+  "40%": {
+    opacity: 1,
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
+    animationTimingFunction: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
+  },
+  to: {
+    opacity: 0,
+    transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
+    animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
+  }
+}), ti = new s("zoomOutLeft", {
+  "40%": {
+    opacity: 1,
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"
+  },
+  to: {
+    opacity: 0,
+    transform: "scale(0.1) translate3d(-2000px, 0, 0)"
+  }
+}), ni = new s("zoomOutRight", {
+  "40%": {
+    opacity: 1,
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"
+  },
+  to: {
+    opacity: 0,
+    transform: "scale(0.1) translate3d(2000px, 0, 0)"
+  }
+}), ai = new s("zoomOutUp", {
+  "40%": {
+    opacity: 1,
+    transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
+    animationTimingFunction: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
+  },
+  to: {
+    opacity: 0,
+    transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",
+    animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.32, 1)"
+  }
+}), oi = () => ({
+  "&.zoomIn": {
+    animationFillMode: "both",
+    animationName: _o
+  },
+  "&.zoomInDown": {
+    animationFillMode: "both",
+    animationName: Go
+  },
+  "&.zoomInLeft": {
+    animationFillMode: "both",
+    animationName: qo
+  },
+  "&.zoomInRight": {
+    animationFillMode: "both",
+    animationName: Zo
+  },
+  "&.zoomInUp": {
+    animationFillMode: "both",
+    animationName: Jo
+  }
+}), ii = () => ({
+  "&.zoomOut": {
+    animationFillMode: "both",
+    animationName: Qo
+  },
+  "&.zoomOutDown": {
+    animationFillMode: "both",
+    transformOrigin: "center bottom",
+    animationName: ei
+  },
+  "&.zoomOutLeft": {
+    animationFillMode: "both",
+    transformOrigin: "left center",
+    animationName: ti
+  },
+  "&.zoomOutRight": {
+    animationFillMode: "both",
+    transformOrigin: "right center",
+    animationName: ni
+  },
+  "&.zoomOutUp": {
+    animationFillMode: "both",
+    transformOrigin: "center bottom",
+    animationName: ai
+  }
+}), li = new s("slideInDown", {
+  from: {
+    transform: "translate3d(0, -100%, 0)",
+    visibility: "visible"
+  },
+  to: {
+    transform: "translate3d(0, 0, 0)"
+  }
+}), ri = new s("slideInLeft", {
+  from: {
+    transform: "translate3d(-100%, 0, 0)",
+    visibility: "visible"
+  },
+  to: {
+    transform: "translate3d(0, 0, 0)"
+  }
+}), si = new s("slideInRight", {
+  from: {
+    transform: "translate3d(100%, 0, 0)",
+    visibility: "visible"
+  },
+  to: {
+    transform: "translate3d(0, 0, 0)"
+  }
+}), ui = new s("slideInUp", {
+  from: {
+    transform: "translate3d(0, 100%, 0)",
+    visibility: "visible"
+  },
+  to: {
+    transform: "translate3d(0, 0, 0)"
+  }
+}), di = new s("slideOutDown", {
+  from: {
+    transform: "translate3d(0, 0, 0)"
+  },
+  to: {
+    transform: "translate3d(0, 100%, 0)",
+    visibility: "hidden"
+  }
+}), ci = new s("slideOutLeft", {
+  from: {
+    transform: "translate3d(0, 0, 0)"
+  },
+  to: {
+    transform: "translate3d(-100%, 0, 0)",
+    visibility: "hidden"
+  }
+}), mi = new s("slideOutRight", {
+  from: {
+    transform: "translate3d(0, 0, 0)"
+  },
+  to: {
+    transform: "translate3d(100%, 0, 0)",
+    visibility: "hidden"
+  }
+}), fi = new s("slideOutUp", {
+  from: {
+    transform: "translate3d(0, 0, 0)"
+  },
+  to: {
+    transform: "translate3d(0, -100%, 0)",
+    visibility: "hidden"
+  }
+}), hi = () => ({
+  "&.slideInDown": {
+    animationFillMode: "both",
+    animationName: li
+  },
+  "&.slideInLeft": {
+    animationFillMode: "both",
+    animationName: ri
+  },
+  "&.slideInRight": {
+    animationFillMode: "both",
+    animationName: si
+  },
+  "&.slideInUp": {
+    animationFillMode: "both",
+    animationName: ui
+  }
+}), gi = () => ({
+  "&.slideOutDown": {
+    animationFillMode: "both",
+    animationName: di
+  },
+  "&.slideOutLeft": {
+    animationFillMode: "both",
+    animationName: ci
+  },
+  "&.slideOutRight": {
+    animationFillMode: "both",
+    animationName: mi
+  },
+  "&.slideOutUp": {
+    animationFillMode: "both",
+    animationName: fi
+  }
+}), yi = (e) => ({
+  [e.componentCls]: {
+    "&-enter": {
+      background: "transparent",
+      animationDuration: ".3s !important",
+      ...ka(),
+      ...Ua(),
+      ...po(),
+      ...Io(),
+      ...Bo(),
+      ...Wo(),
+      ...Yo(),
+      ...oi(),
+      ...hi()
+    },
+    "&-leave": {
+      display: "none",
+      background: "transparent",
+      animationDuration: ".3s !important",
+      ...Ta(),
+      ...Ea(),
+      ...vo(),
+      ...Mo(),
+      ...ko(),
+      ...Uo(),
+      ...Vo(),
+      ...ii(),
+      ...gi()
+    }
+  }
+});
+function bi(e) {
+  return ge("LayoutPageTranstion", (t) => {
+    const a = $e(t);
+    return [yi(a)];
+  }, e);
+}
+const Hi = /* @__PURE__ */ A({
+  name: "PageTranstion",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    reverse: {
+      type: Boolean,
+      default: !0
+    },
+    name: {
+      type: String,
+      default: "bounce"
+    },
+    direction: String
+  },
+  setup(e, {
+    slots: t
+  }) {
+    const a = he({
+      suffixCls: "page-transtion",
+      isPor: !0
+    }), {
+      wrapSSR: i,
+      hashId: o
+    } = bi(a), u = (M, C) => {
+      if (M.length === 0 || M === "x" || M === "y")
+        return M;
+      let d = C.indexOf(M);
+      return d = d % 2 === 1 ? d - 1 : d + 1, C[d];
+    }, f = (M) => {
+      const C = Ee.preset.find((l) => e.name === l.name);
+      if (C === void 0)
+        return "";
+      let d = "";
+      e.direction === void 0 ? d = C.directions[0] : d = C.directions.find((l) => l === e.direction) || "", d = d === void 0 || d === "default" ? "" : d, d !== "" && (d = M && e.reverse ? u(d, C.directions) : d, d = d[0].toUpperCase() + d.substring(1));
+      const F = M ? "Out" : "In";
+      return C.name + F + d;
+    }, b = m(() => [f(!1), `${a}-enter`, o.value].join(" ")), g = m(() => [f(!0), `${a}-leave`, o.value].join(" "));
+    return () => {
+      var M;
+      return e.disabled ? (M = t.default) == null ? void 0 : M.call(t) : i(n(Ht, {
+        enterActiveClass: b.value,
+        leaveActiveClass: g.value
+      }, {
+        default: () => {
+          var C;
+          return [(C = t.default) == null ? void 0 : C.call(t)];
+        }
+      }));
+    };
+  }
+});
+export {
+  pt as BaseMenu,
+  sa as DefaultHeader,
+  Di as GProLayout,
+  De as GlobalFooter,
+  Li as PageContainer,
+  bn as PageLoading,
+  Hi as PageTranstion,
+  zi as SettingDrawer,
+  Le as SiderMenuWrapper,
+  _e as WrapContent,
+  ke as baseMenuProps,
+  In as clearMenuItem,
+  kn as createContext,
+  Pn as createRouteContext,
+  Mn as flatMap,
+  Pi as getMatchedList,
+  Ni as getMenuData,
+  On as getMenuFirstChildren,
+  Rn as getMenuFirstLastChildPath,
+  Fn as handleThemeConfig,
+  Y as hanlePathKey,
+  Ln as provideProLayoutContext,
+  Tn as useContext,
+  J as useProLayoutContext
+};