@gx-design-vue/pro-layout 0.1.0-beta.20 → 0.1.0-beta.201

package/dist/pro-layout.mjs

@@ -1,5008 +0,0 @@
-import { defineComponent as E, createVNode as o, mergeProps as X, provide as _e, readonly as Xt, inject as gt, resolveComponent as yt, computed as w, isVNode as ne, Fragment as q, toRefs as Be, unref as U, createTextVNode as Q, ref as ce, reactive as Ee, watch as le, withDirectives as Gt, vShow as Yt, getCurrentInstance as qt, onMounted as bt, onUpdated as Zt, onUnmounted as Jt, watchEffect as Qt, onBeforeUnmount as en, Transition as tn } from "vue";
-import { Spin as Ie, Menu as ee, ConfigProvider as Ve, Layout as me, Drawer as we, Breadcrumb as nn, Card as an, LayoutFooter as on, Tabs as Ae, Dropdown as nt, Tooltip as ke, List as te, Switch as pt, TabPane as ln, Select as ve, message as rn, Divider as Fe, Alert as sn, Button as un } from "ant-design-vue";
-import { useRouter as je, RouterLink as dn } from "vue-router";
-import { createFromIconfontCN as cn, MenuUnfoldOutlined as mn, MenuFoldOutlined as fn, GithubOutlined as hn, EllipsisOutlined as gn, ReloadOutlined as yn, CloseOutlined as vt, CheckOutlined as xt, SettingOutlined as bn, NotificationOutlined as pn, CopyOutlined as vn } from "@ant-design/icons-vue";
-import xn, { themeConfig as A, Keyframe as u, useProStyle as Z, useProConfigContext as $e, useStyle as We, mergeToken as Ke, colorList as Cn } from "@gx-design-vue/pro-provider";
-import { createTypes as wn } from "vue-types";
-import { pick as ue, cloneDeep as Ct, omit as Ue } from "lodash-es";
-import { GPorWaterMark as Sn } from "@gx-design-vue/pro-watermark";
-import { getSlot as K, isBoolean as In, getPrefixCls as fe, classNames as wt, isArray as On, isBrowser as Mn, merge as Rn } from "@gx-design-vue/pro-utils";
-import { useMediaQuery as at, useState as Se, useMergedState as Bn } from "@gx-design-vue/pro-hooks";
-import { useWindowSize as kn, useClipboard as $n } from "@vueuse/core";
-import Tn from "@gx-design-vue/scrollbar";
-import { GColorPicker as ot } from "@gx-design-vue/color-picker";
-const Fn = /* @__PURE__ */ E({
-  name: "PageLoading",
-  props: {
-    ...Ie.props
-  },
-  setup(e) {
-    return o("div", {
-      style: {
-        paddingTop: "100px",
-        textAlign: "center"
-      }
-    }, [o(Ie, X(e, {
-      indicator: o("i", {
-        class: "toolsfont create-spin toolsfont tools-icon-jiazaizhong",
-        style: {
-          fontSize: "30px"
-        }
-      }, null)
-    }), null)]);
-  }
-}), St = wn({
-  func: void 0,
-  bool: void 0,
-  string: void 0,
-  number: void 0,
-  array: void 0,
-  object: void 0,
-  integer: void 0
-});
-St.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 z = St, oe = {
-  theme: {
-    type: String,
-    default: A.theme
-  },
-  layout: {
-    type: String,
-    default: A.layout
-  },
-  wideWidth: {
-    type: Number,
-    default: A.wideWidth
-  },
-  splitMenus: {
-    type: Boolean,
-    default: A.splitMenus
-  },
-  fixedMultiTab: {
-    type: Boolean,
-    default: A.fixedMultiTab
-  },
-  showProgressBar: {
-    type: Boolean,
-    default: A.showProgressBar
-  },
-  fixedHeader: {
-    type: Boolean,
-    default: A.fixedHeader
-  },
-  fixSiderbar: {
-    type: Boolean,
-    default: A.fixSiderbar
-  },
-  showTabsBar: {
-    type: Boolean,
-    default: A.showTabsBar
-  },
-  showFullScreen: {
-    type: Boolean,
-    default: A.showFullScreen
-  },
-  autoHideHeader: {
-    type: Boolean,
-    default: A.autoHideHeader
-  },
-  headerHeight: {
-    type: Number,
-    default: A.headerHeight
-  },
-  title: {
-    type: String,
-    default: A.title
-  },
-  iconfontUrl: {
-    type: String,
-    default: A.iconfontUrl
-  },
-  animate: {
-    type: Object,
-    default: A.animate
-  },
-  primaryColor: {
-    type: String,
-    default: A.primaryColor
-  }
-}, ae = {
-  renderKey: z.string.def("menuHeaderRender"),
-  title: oe.title,
-  layout: oe.layout,
-  logo: {
-    type: [Object, String, Function],
-    default: () => {
-    }
-  },
-  logoStyle: {
-    type: Object,
-    default: () => {
-    }
-  },
-  logoDirection: {
-    type: String,
-    default: "horizontal"
-  },
-  drawer: z.looseBool,
-  collapsed: z.looseBool,
-  menuHeaderRender: {
-    type: [Object, Function],
-    default: () => {
-    }
-  },
-  onMenuHeaderClick: Function
-}, Xe = {
-  ...oe,
-  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: () => !1
-  },
-  subMenuItemRender: {
-    type: [Function, Boolean],
-    default: () => !1
-  },
-  onClick: [Function, Object]
-}, G = {
-  ...oe,
-  ...Xe,
-  menuLoading: z.looseBool,
-  logo: ae.logo,
-  logoStyle: ae.logoStyle,
-  logoDirection: ae.logoDirection,
-  siderWidth: z.number.def(208),
-  headerHeight: z.number.def(48),
-  collapsedWidth: z.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: z.looseBool,
-  matchMenuKeys: {
-    type: Array,
-    default: () => []
-  },
-  // events
-  onMenuHeaderClick: z.func,
-  onMenuClick: z.func,
-  onCollapse: {
-    type: Function
-  },
-  onOpenKeys: {
-    type: Function
-  },
-  onSelect: {
-    type: Function
-  }
-}, Pn = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/, It = (e) => Pn.test(e);
-function Ln(e) {
-  return /\w.(png|jpg|jpeg|svg|webp|gif|bmp)$/i.test(e);
-}
-function Ot(e, t, n, a) {
-  var l, d, m, y, p, x, r, T, S, R, s, I, g, c, f, v, P, C, O, L, B, N, H, M, F, h, b, k, $, D, j, W, V, _;
-  const i = { ...e };
-  return n === "light" ? (i.colorItemBg = (d = (l = t.layout) == null ? void 0 : l[a]) == null ? void 0 : d.colorBgMenu, i.colorSubItemBg = (y = (m = t.layout) == null ? void 0 : m[a]) == null ? void 0 : y.colorSubItemBg, i.colorItemBgSelected = (x = (p = t.layout) == null ? void 0 : p[a]) == null ? void 0 : x.colorBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (T = (r = t.layout) == null ? void 0 : r[a]) == null ? void 0 : T.colorBgMenuItemSelected, i.colorItemText = (R = (S = t.layout) == null ? void 0 : S[a]) == null ? void 0 : R.colorTextMenu, i.colorItemTextHover = (I = (s = t.layout) == null ? void 0 : s[a]) == null ? void 0 : I.colorTextMenuHover, i.colorItemTextSelected = (c = (g = t.layout) == null ? void 0 : g[a]) == null ? void 0 : c.colorTextMenuSelected, i.colorItemTextSelectedHorizontal = (v = (f = t.layout) == null ? void 0 : f[a]) == null ? void 0 : v.colorTextMenuSelected, a === "sider" && (i.colorItemBgHover = (C = (P = t.layout) == null ? void 0 : P[a]) == null ? void 0 : C.colorBgMenuItemHover)) : n === "dark" && (i.colorItemBg = (L = (O = t.layout) == null ? void 0 : O[a]) == null ? void 0 : L.colorDarkBgMenu, i.colorSubItemBg = (N = (B = t.layout) == null ? void 0 : B[a]) == null ? void 0 : N.colorDarkSubItemBg, i.colorItemBgSelected = (M = (H = t.layout) == null ? void 0 : H[a]) == null ? void 0 : M.colorDarkBgMenuItemSelected, i.colorItemBgSelectedHorizontal = (h = (F = t.layout) == null ? void 0 : F[a]) == null ? void 0 : h.colorDarkBgMenuItemSelected, i.colorItemText = (k = (b = t.layout) == null ? void 0 : b[a]) == null ? void 0 : k.colorDarkTextMenu, i.colorItemTextHover = (D = ($ = t.layout) == null ? void 0 : $[a]) == null ? void 0 : D.colorDarkTextMenuHover, i.colorItemTextSelected = (W = (j = t.layout) == null ? void 0 : j[a]) == null ? void 0 : W.colorDarkTextMenuSelected, i.colorItemTextSelectedHorizontal = (_ = (V = t.layout) == null ? void 0 : V[a]) == null ? void 0 : _.colorDarkTextMenuSelected, a === "header" && (i.colorActiveBarHeight = 0)), i;
-}
-const Dn = ["left", "right"], se = ["left", "right", "down", "up"], zn = ["downBig", "upBig", "leftBig", "rightBig"], Nn = ["topLeft", "bottomRight", "topRight", "bottomLeft"], Hn = ["downLeft", "upRight", "downRight", "upLeft"], Ge = {
-  preset: [
-    //预设动画配置
-    { name: "back", alias: "渐近", directions: se },
-    { name: "bounce", alias: "弹跳", directions: se.concat("default") },
-    {
-      name: "fade",
-      alias: "淡化",
-      directions: se.concat(zn).concat(Nn).concat("default")
-    },
-    { name: "flip", alias: "翻转", directions: ["x", "y"] },
-    { name: "lightSpeed", alias: "光速", directions: Dn },
-    { name: "rotate", alias: "旋转", directions: Hn.concat("default") },
-    { name: "roll", alias: "翻滚", directions: ["default"] },
-    { name: "zoom", alias: "缩放", directions: se.concat("default") },
-    { name: "slide", alias: "滑动", directions: se }
-  ]
-};
-function _n(e) {
-  return e.map((t) => {
-    var a;
-    const n = { ...t };
-    if (!n.name || (a = n.meta) != null && a.hideInMenu)
-      return null;
-    if (n && (n != null && n.children)) {
-      if (n.children.some((i) => {
-        var l;
-        return i && i.name && !((l = i.meta) != null && l.hideInMenu);
-      }))
-        return {
-          ...t,
-          children: _n(n.children)
-        };
-      delete n.children;
-    }
-    return n;
-  }).filter((t) => t);
-}
-function En(e) {
-  return e.map((t) => {
-    var a;
-    const n = { ...t };
-    return !n.name || (a = n.meta) != null && a.hideInMenu ? null : (n.linkPath = An(n.children || []), n.children && delete n.children, n);
-  }).filter((t) => t);
-}
-function Vn(e, t) {
-  const n = (t || "").split("/").length === 2 ? t || "" : `/${(t || "").split("/")[1]}`;
-  return t === void 0 ? [] : (e[e.findIndex((a) => a.path === n)] || {}).children || [];
-}
-function An(e) {
-  let t = "";
-  const n = function(a) {
-    let i = "";
-    return a.children && a.children.length > 0 ? i = n(a.children[0]) : i = `${a.path}`, i;
-  };
-  return e.length > 0 && e[0].children && e[0].children.length > 0 ? t = n(e[0].children[0]) : t = e.length > 0 ? e[0].path : "", t;
-}
-function jn(e) {
-  return e.layout === "mix" && (e.fixSiderbar = !0, e.fixedHeader = !0, e.splitMenus = !0), 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 Wn(e) {
-  const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
-  let a = Object.keys(e).reduce((i, l) => (i[l] = !1, i), {});
-  return a = Mt(a, t), e.layout === "mix" && (a.fixSiderbar = !0, a.fixedHeader = !0), e.layout === "side" && (a.splitMenus = !0), e.layout === "simple" && (a.splitMenus = !0, a.fixedHeader = !0, a.showTabsBar = !0, a.fixedMultiTab = !0), e.layout === "wide" && (a.splitMenus = !0, a.fixedHeader = !0, a.fixSiderbar = !0, a.showTabsBar = !0, a.fixedMultiTab = !0), a;
-}
-function Mt(e, t) {
-  return {
-    ...t.reduce((n, a) => ({ ...n, [a]: e[a] }), {})
-  };
-}
-const Kn = (e = Symbol(), t = "Context.Provider") => E({
-  name: t,
-  props: {
-    value: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(a, { slots: i }) {
-    return _e(e, Xt(a.value)), () => {
-      var l;
-      return (l = i.default) == null ? void 0 : l.call(i);
-    };
-  }
-}), Un = (e = Symbol(), t) => gt(e, t || {}), Ye = Symbol("pro-layout-context"), Xn = () => Kn(Ye, "ProLayoutContext.Provider"), Gn = (e) => {
-  _e(Ye, e);
-}, J = () => Un(Ye);
-Xn();
-function it(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
-}
-const Oe = (e) => {
-  const {
-    icon: t,
-    iconType: n,
-    iconfontUrl: a
-  } = e;
-  if (!t)
-    return null;
-  if (typeof t == "string" && t !== "") {
-    if (It(t) || Ln(t))
-      return o("img", {
-        src: t,
-        alt: "icon",
-        class: `${e.className}-icon-image`
-      }, null);
-    if (n === 1) {
-      const l = cn({
-        scriptUrl: a || A.iconfontUrl
-      });
-      return a ? o(l, {
-        type: t
-      }, null) : o("i", {
-        class: `iconfont ${t} ${e.className}-icon`
-      }, null);
-    }
-  }
-  if (ne(t))
-    return t;
-  const i = yt(t);
-  return typeof Oe == "function" && o(i, null, null) || null;
-};
-Oe.props = {
-  icon: {
-    type: [String, Function, Object]
-  },
-  iconType: Number,
-  className: String,
-  iconfontUrl: String
-};
-const Rt = /* @__PURE__ */ E({
-  name: "BaseMenu",
-  props: Xe,
-  emits: ["update:openKeys", "update:selectedKeys", "click"],
-  setup(e, {
-    attrs: t,
-    emit: n
-  }) {
-    const a = je(), {
-      getPrefixCls: i
-    } = J(), l = i({
-      suffixCls: "menu-item",
-      isPor: !0
-    }), d = (s) => {
-      n("update:openKeys", s);
-    }, m = (s) => {
-      n("update:selectedKeys", s.selectedKeys);
-    }, y = (s) => {
-      n("click", s);
-    }, p = (s, I) => {
-      var f;
-      const g = s.target || "", c = It(g);
-      ((f = a.currentRoute.value) == null ? void 0 : f.fullPath) !== I.to && c && g && s.targetStatus === 1 && window.open(g);
-    }, x = yt("router-link"), r = (s = []) => s.map((I) => T(I)).filter((I) => I), T = (s) => {
-      var c, f, v, P, C, O, L, B, N;
-      if (Array.isArray(s.children) && s.children.length > 0 && !((c = s == null ? void 0 : s.meta) != null && c.hideInMenu) && !((f = s == null ? void 0 : s.meta) != null && f.hideChildrenInMenu)) {
-        let H;
-        if (e.subMenuItemRender)
-          return e.subMenuItemRender({
-            item: s,
-            children: r(s.children)
-          });
-        const M = (v = s.meta) == null ? void 0 : v.title, F = (P = s.meta) != null && P.icon ? o("span", {
-          class: "gx-pro-sider-menu-item"
-        }, [o("span", {
-          class: "gx-pro-sider-menu-item-title"
-        }, [M])]) : o("span", {
-          class: "gx-pro-sider-menu-item"
-        }, [M]), h = ((C = s.meta) == null ? void 0 : C.type) === "group", b = h ? ee.ItemGroup : ee.SubMenu;
-        return o(b, {
-          title: F,
-          key: s.path,
-          icon: h ? null : o(Oe, {
-            className: l,
-            icon: (O = s.meta) == null ? void 0 : O.icon,
-            iconfontUrl: e.iconfontUrl,
-            iconType: (L = s.meta) == null ? void 0 : L.iconType
-          }, null)
-        }, it(H = r(s.children)) ? H : {
-          default: () => [H]
-        });
-      }
-      const [I, g] = S(s);
-      return e.menuItemRender && e.menuItemRender({
-        item: s,
-        title: I,
-        icon: g
-      }) || o(ee.Item, {
-        disabled: (B = s.meta) == null ? void 0 : B.disabled,
-        danger: (N = s.meta) == null ? void 0 : N.danger,
-        key: s.path,
-        icon: g
-      }, it(I) ? I : {
-        default: () => [I]
-      });
-    }, S = (s) => {
-      var C, O, L, B, N;
-      const I = {
-        ...s.meta
-      }, g = I.targetStatus === 1 && I.target ? "a" : x, c = {
-        to: s.linkPath || s.path || ""
-      };
-      c.to === "/live/list/operation/:id" && (c.to = "/live/list/operation/add");
-      const f = (C = s.meta) == null ? void 0 : C.title, v = (O = s.meta) != null && O.icon ? o(g, X(c, {
-        class: "gx-pro-sider-menu-item",
-        onClick: () => p(I, c)
-      }), {
-        default: () => [o("span", {
-          class: "gx-pro-sider-menu-item-title"
-        }, [f])]
-      }) : o(g, X(c, {
-        class: "gx-pro-sider-menu-item",
-        onClick: () => p(I, c)
-      }), {
-        default: () => [o("span", null, [f])]
-      }), P = ((L = s.meta) == null ? void 0 : L.icon) && o(Oe, {
-        className: l,
-        icon: (B = s.meta) == null ? void 0 : B.icon,
-        iconfontUrl: e.iconfontUrl,
-        iconType: (N = s.meta) == null ? void 0 : N.iconType
-      }, null) || void 0;
-      return [v, P];
-    }, R = w(() => r(e.menuData));
-    return () => o(ee, X({
-      key: "Menu",
-      inlineIndent: 16,
-      mode: e.mode,
-      theme: e.theme,
-      openKeys: e.openKeys === !1 ? [] : e.openKeys,
-      selectedKeys: e.selectedKeys || [],
-      style: t.style,
-      class: `${t.class}`,
-      onOpenChange: d,
-      onSelect: m,
-      onClick: y
-    }, e.menuProps), {
-      default: () => [R.value]
-    });
-  }
-}), Bt = new u("pro-layout-title-hide", {
-  "0%": { display: "none", opacity: 0 },
-  "90%": {
-    display: "none",
-    opacity: 0
-  },
-  "100%": {
-    display: "unset",
-    opacity: 1
-  }
-}), Yn = (e) => {
-  const t = `${e.antCls}-menu`;
-  return {
-    [`${e.proComponentsCls}-basic-layout`]: {
-      [`${t}${t}-root`]: {
-        [`${t}-item a`]: {
-          transition: "none"
-        }
-      }
-    }
-  };
-}, qn = (e) => {
-  var t, n, a, i, l, d, m, y, p, x, r, T;
-  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,
-        background: (n = (t = e.layout) == null ? void 0 : t.sider) == null ? void 0 : n.colorDarkBgMenu,
-        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%"
-        },
-        "&-light": {
-          background: (i = (a = e.layout) == null ? void 0 : a.sider) == null ? void 0 : i.colorBgMenu,
-          boxShadow: "2px 0 8px 0 rgba(29,35,41,.05)",
-          [`${e.componentCls}-footer`]: {
-            color: (d = (l = e.layout) == null ? void 0 : l.sider) == null ? void 0 : d.colorTextMenu
-          }
-        },
-        "&-links": {
-          width: "100%",
-          borderTop: "1px solid rgba(0,0,0,.06)",
-          ul: {
-            height: "auto",
-            [`${e.antCls}-menu-item`]: {
-              width: "calc(100% + 1px)"
-            }
-          }
-        },
-        "&-link-menu": {
-          border: "none",
-          boxShadow: "none",
-          background: "transparent"
-        },
-        "&-footer": {
-          color: (y = (m = e.layout) == null ? void 0 : m.sider) == null ? void 0 : y.colorDarkTextMenu,
-          paddingBlockEnd: 16,
-          fontSize: e.fontSize,
-          animationName: Bt,
-          animationDuration: ".4s",
-          animationTimingFunction: "ease"
-        }
-      },
-      [`${e.componentCls}${e.componentCls}-fixed`]: {
-        position: "fixed",
-        insetBlockStart: 0,
-        insetInlineStart: 0,
-        zIndex: "100",
-        height: "100%",
-        "&-mix": {
-          height: `calc(100% - ${((x = (p = e.layout) == null ? void 0 : p.header) == null ? void 0 : x.heightLayoutHeader) || A.headerHeight}px)`,
-          insetBlockStart: `${((T = (r = e.layout) == null ? void 0 : r.header) == null ? void 0 : T.heightLayoutHeader) || A.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
-      }
-    }
-  }
-}), Jn = (e) => ({
-  [`${e.proComponentsCls}-sider`]: {
-    "&-light": {
-      [`${e.proComponentsCls}-sider-logo`]: {
-        h1: {
-          color: e.colorPrimary
-        }
-      }
-    },
-    "&-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.colorWhite,
-          animationName: Bt,
-          animationDuration: ".3s",
-          animationTimingFunction: "ease",
-          fontWeight: 600,
-          fontSize: 18,
-          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"
-      }
-    }
-  }
-}), kt = (e, t) => e ? typeof e == "string" ? o("img", {
-  src: e,
-  alt: "logo",
-  style: t
-}, null) : typeof e == "function" ? e() : e : null, Qn = (e, t = "menuHeaderRender") => {
-  const {
-    logo: n,
-    logoStyle: a,
-    title: i,
-    layout: l
-  } = e, d = e[t || ""];
-  if (d === !1)
-    return null;
-  const m = kt(n, a), y = i && o("h1", null, [i]);
-  return typeof d == "function" ? d(m, e.collapsed ? null : y, e) : o(q, null, [m || null, e.collapsed && l === "side" ? null : y]);
-}, qe = /* @__PURE__ */ E({
-  name: "LogoContent",
-  props: ae,
-  setup(e) {
-    const {
-      getPrefixCls: t
-    } = J(), n = w(() => e.layout === "side" || e.layout === "simple"), a = w(() => t({
-      suffixCls: n.value || e.drawer ? "sider" : "global-header",
-      isPor: !0
-    })), {
-      wrapSSR: i,
-      hashId: l
-    } = Z("ProLayoutLogo", [Jn]), d = w(() => Qn(e, e.renderKey));
-    return () => i(o("div", {
-      id: "logo",
-      class: {
-        [`${l.value}`]: !0,
-        [`${a.value}-logo`]: !0,
-        [`${a.value}-logo-collapsed`]: !!e.collapsed
-      },
-      onClick: () => {
-        var m;
-        return (m = e.onMenuHeaderClick) == null ? void 0 : m.call(e);
-      }
-    }, [o("a", null, [d.value || null])]));
-  }
-});
-qe.inheritAttrs = !1;
-function ea(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
-}
-const {
-  Sider: ta
-} = me, {
-  Item: lt
-} = ee, $t = (e) => e ? o(mn, null, null) : o(fn, null, null), rt = /* @__PURE__ */ E({
-  props: G,
-  inheritAttrs: !1,
-  setup(e) {
-    const {
-      getPrefixCls: t,
-      selectedKeys: n,
-      flatMenuData: a,
-      menuData: i,
-      openKeys: l
-    } = J(), {
-      token: d
-    } = $e(), {
-      theme: m,
-      layout: y,
-      isMobile: p,
-      menuLoading: x,
-      breakpoint: r,
-      fixSiderbar: T,
-      collapsed: S,
-      siderWidth: R,
-      collapsedWidth: s,
-      menuExtraRender: I,
-      menuContentRender: g,
-      menuFooterRender: c,
-      collapsedButtonRender: f,
-      links: v
-    } = Be(e), P = t({
-      suffixCls: "sider",
-      isPor: !0
-    }), {
-      wrapSSR: C,
-      hashId: O
-    } = Z("ProLayoutSiderMenu", [Yn, qn, Zn], P), L = w(() => e.layout === "wide"), B = w(() => e.layout === "mix" && !e.isMobile && e.splitMenus), N = w(() => y.value === "side" || y.value === "simple"), H = w(() => (e.layout === "mix" || L.value) && "light" || m.value), M = w(() => e.collapsed ? e.collapsedWidth : e.siderWidth), F = w(() => [O.value, P, p.value ? "shadow" : null, `${P}-${H.value}`, T.value && e.layout !== "wide" ? `${P}-fixed` : null]), h = w(() => {
-      var $;
-      return typeof v.value == "function" ? ($ = v.value) == null ? void 0 : $.call(v) : v.value;
-    }), b = w(() => f.value || $t), k = ($) => {
-      var D;
-      if (e.onSelect) {
-        if (U(B)) {
-          e.onSelect([(D = n == null ? void 0 : n.value) == null ? void 0 : D[0], ...$]);
-          return;
-        }
-        e.onSelect($);
-      }
-    };
-    return () => {
-      var W;
-      const $ = N.value ? o(qe, X({
-        drawer: p.value
-      }, e), null) : null, D = I.value && ((W = I.value) == null ? void 0 : W.call(I, e)), j = o(Rt, X({
-        class: `${P}-menu ${O.value}`,
-        theme: H.value,
-        mode: "inline",
-        menuData: B.value ? a.value : i.value,
-        collapsed: e.collapsed,
-        iconfontUrl: e.iconfontUrl,
-        openKeys: l.value,
-        selectedKeys: n.value,
-        menuItemRender: e.menuItemRender,
-        subMenuItemRender: e.subMenuItemRender,
-        onClick: e.onMenuClick,
-        style: {
-          width: "100%"
-        }
-      }, {
-        "onUpdate:openKeys": (V) => {
-          var _;
-          return e.onOpenKeys && ((_ = e.onOpenKeys) == null ? void 0 : _.call(e, V));
-        },
-        "onUpdate:selectedKeys": k
-      }), null);
-      return B.value && U(a.value).length === 0 || i.value.length === 0 ? null : C(o(Ve, {
-        theme: {
-          components: {
-            Menu: Ot({
-              radiusItem: 4,
-              colorActiveBarWidth: 0,
-              colorActiveBarHeight: 0,
-              colorActiveBarBorderSize: 0
-              // 主题颜色
-            }, d.value || {}, H.value, "sider")
-          }
-        }
-      }, {
-        default: () => [T.value && o("div", {
-          style: {
-            width: `${M.value}px`,
-            overflow: "hidden",
-            flex: `0 0 ${M.value}px`,
-            maxWidth: `${M.value}px`,
-            minWidth: `${M.value}px`,
-            transition: "background-color 0.3s, min-width 0.3s, max-width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"
-          }
-        }, null), o(ta, {
-          collapsible: !0,
-          trigger: null,
-          class: F.value,
-          style: {
-            overflow: "hidden",
-            zIndex: T.value ? 101 : void 0,
-            paddingTop: N.value || e.isMobile || L.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: H.value,
-          breakpoint: r.value || void 0,
-          collapsed: S.value,
-          width: R.value,
-          collapsedWidth: s.value,
-          onCollapse: (V) => {
-            var _;
-            e.isMobile || (_ = e.onCollapse) == null || _.call(e, V);
-          }
-        }, {
-          default: () => {
-            var V, _;
-            return [x.value && o("div", {
-              class: ["gx-pro-sider-loading", O.value]
-            }, [o(Ie, {
-              spinning: x.value
-            }, null)]), $ || null, D && !e.collapsed && o("div", {
-              class: {
-                [`${O.value}`]: !0,
-                [`${P}-extra`]: !0,
-                [`${P}-extra-no-logo`]: !$
-              }
-            }, [D]), o("div", {
-              style: {
-                flex: "1 1 0%",
-                overflow: "hidden auto"
-              }
-            }, [g.value && ((V = g.value) == null ? void 0 : V.call(g, e, j)) || j]), e.layout !== "wide" && o("div", {
-              class: `${P}-links ${O.value}`
-            }, [o(ee, {
-              theme: H.value,
-              inlineIndent: 16,
-              class: `${P}-link-menu ${O.value}`,
-              selectedKeys: [],
-              openKeys: [],
-              mode: "inline"
-            }, {
-              default: () => [(h.value || []).map((Y, ie) => o(lt, {
-                class: `${P}-link ${O.value}`,
-                key: ie
-              }, ea(Y) ? Y : {
-                default: () => [Y]
-              })), b.value && !p.value && o(lt, {
-                class: `${P}-collapsed-button ${O.value}`,
-                title: !1,
-                key: "collapsed",
-                onClick: () => {
-                  var Y;
-                  e.onCollapse && ((Y = e.onCollapse) == null || Y.call(e, !S.value));
-                }
-              }, {
-                default: () => {
-                  var Y;
-                  return [(Y = b.value) == null ? void 0 : Y.call(b, S.value)];
-                }
-              })]
-            })]), c.value && o("div", {
-              class: `${P}-footer ${O.value}`
-            }, [(_ = c.value) == null ? void 0 : _.call(c, e)])];
-          }
-        })]
-      }));
-    };
-  }
-}), Le = /* @__PURE__ */ E({
-  name: "SiderMenuWrapper",
-  inheritAttrs: !1,
-  props: {
-    ...G,
-    matchMenuKeys: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(e, {
-    attrs: t
-  }) {
-    return () => o(q, null, [e.isMobile ? o(we, {
-      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"
-        // backgroundColor: token?.value?.layout?.sider?.colorMenuBackground
-      }
-    }, {
-      default: () => [o(rt, X(t, e, {
-        collapsed: e.isMobile ? !1 : e.collapsed
-      }), null)]
-    }) : o(rt, X(t, e), null)]);
-  }
-}), Tt = Symbol("pro-app-context"), na = (e = Symbol(), t) => gt(e, t || {}), aa = (e) => {
-  _e(Tt, e);
-}, oa = () => na(Tt, []);
-process.env.NODE_ENV !== "production" && Object.freeze({});
-process.env.NODE_ENV !== "production" && Object.freeze([]);
-const ia = Object.prototype.toString;
-function la(e, t) {
-  return ia.call(e) === `[object ${t}]`;
-}
-function ra(e) {
-  return la(e, "Boolean");
-}
-typeof process < "u" && process.versions != null && process.versions.node != null;
-function sa(e, t, n = "default") {
-  var a, i;
-  return t[n] === !1 ? !1 : ra(t[n]) && t[n] ? ((a = e == null ? void 0 : e[n]) == null ? void 0 : a.call(e)) || t[n] : t[n] || ((i = e[n]) == null ? void 0 : i.call(e));
-}
-function ua(e, t, n) {
-  const a = {};
-  return e.forEach((i) => {
-    a[i] = sa(t, n, i);
-  }), a;
-}
-const da = ({ suffixCls: e, customizePrefixCls: t, isPor: n, className: a }) => {
-  const i = a || (n ? "gx-pro" : "gx");
-  return t || (e ? `${i}-${e}` : i);
-}, ca = (e) => {
-  const { componentCls: t, colorText: n, fontSize: a, lineHeight: i, fontFamily: l } = e;
-  return {
-    [t]: {
-      color: n,
-      fontSize: a,
-      lineHeight: i,
-      fontFamily: l
-    }
-  };
-}, ma = ["emptyText", "indicator"], Pe = /* @__PURE__ */ E({
-  name: "GProApp",
-  props: {
-    rootClassName: String,
-    emptyText: Object,
-    indicator: Object
-  },
-  setup(e, {
-    slots: t
-  }) {
-    const n = da({
-      suffixCls: "app",
-      isPor: !0
-    }), {
-      wrapSSR: a,
-      hashId: i
-    } = Z("BaseApp", [ca], n), l = w(() => ua(ma, t, e)), d = w(() => [i.value, n, e.rootClassName]);
-    return aa({
-      emptyText: w(() => l.value.emptyText),
-      indicator: w(() => l.value.indicator)
-    }), () => {
-      var m;
-      return a(o("div", {
-        class: d.value
-      }, [(m = t.default) == null ? void 0 : m.call(t)]));
-    };
-  }
-});
-Pe.install = (e) => (e.component(Pe.name, Pe), e);
-const he = {
-  pageHeaderRender: {
-    type: [Object, Function, Boolean],
-    default: () => {
-    }
-  },
-  contentRender: {
-    type: [Object, Function, Boolean],
-    default: () => {
-    }
-  },
-  breadcrumbRender: {
-    type: [Object, Function, Boolean],
-    default: () => {
-    }
-  },
-  pageContentStyle: z.style,
-  loading: z.bool.def(!1),
-  usePageCard: z.bool.def(!0),
-  waterMark: z.bool.def(!0),
-  pageCardProps: Object
-}, fa = (e) => ({
-  [e.componentCls]: {
-    background: e.colorBgContainer,
-    padding: `${e.paddingLG}px`,
-    "&-has-breadcrumb": {
-      paddingBlock: `${e.paddingSM}px`
-    },
-    "&-content": {
-      marginTop: "8px"
-    }
-  }
-}), ha = /* @__PURE__ */ E({
-  name: "ProPageHeader",
-  props: {
-    content: he.contentRender,
-    breadcrumb: he.breadcrumbRender
-  },
-  setup(e) {
-    const {
-      breadcrumb: t,
-      getPrefixCls: n
-    } = J(), a = n({
-      isPor: !0,
-      suffixCls: "page-header"
-    }), {
-      wrapSSR: i,
-      hashId: l
-    } = Z("ProPageHeader", [fa], a), d = w(() => {
-      var m;
-      return {
-        ...t.value,
-        itemRender: ((m = t.value) == null ? void 0 : m.itemRender) || (({
-          route: y
-        }) => o(dn, {
-          to: y.path
-        }, {
-          default: () => [y.breadcrumbName]
-        }))
-      };
-    });
-    return () => {
-      var m, y;
-      return i(o("div", {
-        class: [`${a}`, l.value, `${a}-has-breadcrumb`]
-      }, [e.breadcrumb ? (m = e.breadcrumb) == null ? void 0 : m.call(e, d.value) : o(nn, d.value, null), e.content && o("div", {
-        class: [`${a}-content`, l.value]
-      }, [(y = e.content) == null ? void 0 : y.call(e)])]));
-    };
-  }
-}), ga = (e) => {
-  var t, n, a, i, l, d, m, y;
-  return {
-    [`${e.proComponentsCls}-basic-layout`]: {
-      [e.componentCls]: {
-        marginInline: -(((n = (t = e.layout) == null ? void 0 : t.pageContainer) == null ? void 0 : n.paddingBlockPageContainerContent) ?? 24),
-        marginBlockStart: -(((i = (a = e.layout) == null ? void 0 : a.pageContainer) == null ? void 0 : i.paddingBlockPageContainerContent) ?? 24)
-      },
-      [e.gridContent]: {
-        width: "100%"
-      }
-    },
-    [e.componentCls]: {
-      ["&-children-content"]: {
-        marginInline: ((d = (l = e.layout) == null ? void 0 : l.pageContainer) == null ? void 0 : d.paddingBlockPageContainerContent) ?? 24,
-        marginBlockStart: ((y = (m = e.layout) == null ? void 0 : m.pageContainer) == null ? void 0 : y.paddingBlockPageContainerContent) ?? 24,
-        padding: "inherit"
-      }
-    }
-  };
-};
-function ya(e) {
-  return We("ProPageContainter", (t) => {
-    const n = Ke(t, {
-      gridContent: `${t.proComponentsCls}-grid-content`
-    });
-    return [ga(n)];
-  }, e);
-}
-function ba(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
-}
-const Cl = /* @__PURE__ */ E({
-  inheritAttrs: !1,
-  name: "GProPageContainer",
-  props: he,
-  setup(e, {
-    slots: t
-  }) {
-    const {
-      getPrefixCls: n,
-      hasContentWide: a,
-      waterMark: i,
-      pageHeaderRender: l,
-      pageContentStyle: d,
-      pageCardProps: m,
-      usePageCard: y
-    } = J(), {
-      indicator: p
-    } = oa(), x = n({
-      suffixCls: "page-container",
-      isPor: !0
-    }), r = n({
-      suffixCls: "grid-content",
-      isPor: !0
-    }), T = w(() => e.pageCardProps || m.value), S = w(() => e.pageContentStyle || d.value), {
-      wrapSSR: R,
-      hashId: s
-    } = ya(x), I = () => {
-      var c;
-      return o("div", {
-        class: `${x}-children-content ${s.value}`
-      }, [(In(e.usePageCard) ? e.usePageCard : y.value) ? o(an, X(T.value ? ue(T.value, ["loading", "bodyStyle"]) : {}, {
-        style: a.value ? {
-          minHeight: "853px"
-        } : void 0,
-        bordered: !1
-      }), {
-        default: () => {
-          var f;
-          return [(f = t.default) == null ? void 0 : f.call(t)];
-        }
-      }) : (c = t.default) == null ? void 0 : c.call(t)]);
-    }, g = () => {
-      let c;
-      return o(q, null, [e.waterMark || i.value ? o(Sn, null, ba(c = I()) ? c : {
-        default: () => [c]
-      }) : I()]);
-    };
-    return () => {
-      const c = K(t, e, "pageHeaderRender") || l.value, f = K(t, e, "breadcrumbRender"), v = K(t, e, "contentRender");
-      return R(o(Ie, {
-        spinning: e.loading,
-        indicator: p == null ? void 0 : p.value
-      }, {
-        default: () => [o("div", {
-          class: {
-            [`${s.value}`]: !0,
-            [`${x}`]: !0
-          }
-        }, [!a.value && c !== !1 && (c ? c == null ? void 0 : c() : o(ha, {
-          breadcrumb: f,
-          content: v
-        }, null)), o("div", {
-          class: [r, s.value]
-        }, [o("div", {
-          class: `${r}-children ${s.value}`,
-          style: S.value
-        }, [g()])])])]
-      }));
-    };
-  }
-}), Ze = {
-  ...oe,
-  logo: ae.logo,
-  logoStyle: ae.logoStyle,
-  logoDirection: ae.logoDirection,
-  menuLoading: Boolean,
-  autoHideHeader: Boolean,
-  collapsed: Boolean,
-  isMobile: Boolean,
-  siderWidth: G.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: G.collapsedButtonRender,
-  matchMenuKeys: G.matchMenuKeys,
-  onCollapse: G.onCollapse,
-  onOpenKeys: G.onOpenKeys,
-  onMenuHeaderClick: Function,
-  onSelect: G.onSelect
-}, Ft = {
-  ...Ze,
-  headerTitleRender: {
-    type: [Object, Function],
-    default: () => {
-    }
-  },
-  headerRender: {
-    type: [Object, Function],
-    default: () => {
-    }
-  },
-  headerContentRender: {
-    type: [Object, Function],
-    default: () => {
-    }
-  },
-  hasSiderMenu: Boolean,
-  collapsedWidth: G.collapsedWidth,
-  siderWidth: G.siderWidth
-}, Pt = {
-  loading: z.looseBool,
-  isMobile: G.isMobile,
-  collapsed: Xe.collapsed,
-  siderWidth: G.siderWidth,
-  collapsedWidth: G.collapsedWidth,
-  isFixedMultiTab: oe.fixedMultiTab,
-  onReloadPage: {
-    type: Function
-  },
-  onChangeTabs: {
-    type: Function
-  },
-  "onUpdate:tabs": {
-    type: Function
-  }
-}, pa = (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
-      }
-    }
-  }
-}), Lt = [{
-  key: "Ant Design Pro",
-  title: "Ant Design Pro",
-  href: "https://pro.ant.design",
-  blankTarget: !0
-}, {
-  key: "gitee",
-  title: o(hn, 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__ */ E({
-  name: "GlobalFooter",
-  props: {
-    links: {
-      type: [Array, Boolean],
-      default: Lt
-    },
-    copyright: {
-      type: [Object, Function, Boolean, String],
-      default: "皖ICP备2022010510号-1"
-    }
-  },
-  setup(e) {
-    const t = fe({
-      suffixCls: "global-footer",
-      isPor: !0
-    }), {
-      wrapSSR: n,
-      hashId: a
-    } = Z("ProLayoutFooter", [pa], t);
-    return () => n(o(on, {
-      style: {
-        padding: 0
-      }
-    }, {
-      default: () => [o("div", {
-        class: [t, a.value]
-      }, [e.links && o("div", {
-        class: `${t}-links ${a.value}`
-      }, [e.links.map((i) => o("a", {
-        key: i.key,
-        title: i.key,
-        target: i.blankTarget ? "_blank" : "_self",
-        href: i.href
-      }, [i.title]))]), e.copyright && o("div", {
-        class: `${t}-copyright ${a.value}`
-      }, [Q("Copyright  2022  "), o("a", {
-        href: "https://beian.miit.gov.cn/"
-      }, [e.copyright])])])]
-    }));
-  }
-}), Dt = {
-  ...oe,
-  ...Ze,
-  ...G,
-  ...Ft,
-  ...Pt,
-  ...he,
-  pure: Boolean,
-  token: Object,
-  waterMark: {
-    type: Boolean,
-    default: !0
-  },
-  /**
-   * 是否禁用移动端模式，有的管理系统不需要移动端模式，此属性设置为true即可
-   */
-  disableMobile: {
-    type: Boolean,
-    required: !1
-  },
-  contentStyle: {
-    type: [String, Object],
-    default: () => null
-  },
-  breadcrumb: {
-    type: [Object, Function],
-    default: () => null
-  },
-  disableContentMargin: z.looseBool,
-  isChildrenLayout: z.looseBool,
-  loading: z.looseBool,
-  footerLinks: {
-    type: [Array, Boolean],
-    default: Lt
-  },
-  copyrightRender: {
-    type: [Object, Function, Boolean, String],
-    default: () => {
-    }
-  },
-  footerRender: {
-    type: [Object, Function, Boolean],
-    default: () => {
-    }
-  },
-  menuData: {
-    type: Array,
-    default: () => []
-  },
-  collapsed: z.looseBool
-}, va = (e) => ({
-  [e.componentCls]: {
-    display: "flex",
-    flexDirection: "column",
-    width: "100%",
-    minHeight: "100vh"
-  }
-}), xa = (e) => {
-  var t, n;
-  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: (n = (t = e.layout) == null ? void 0 : t.pageContainer) == null ? void 0 : n.paddingBlockPageContainerContent
-      },
-      [`${e.componentCls}-container`]: {
-        width: "100%",
-        display: "flex",
-        flexDirection: "column",
-        minWidth: 0,
-        minHeight: 0,
-        backgroundColor: "transparent"
-      }
-    }
-  };
-}, Ca = (e) => {
-  var t, n;
-  return {
-    [`${e.componentCls}`]: {
-      "&-fixed": {
-        width: "100%",
-        height: 62,
-        background: "transparent"
-      }
-    },
-    [`${e.componentWrapCls}`]: {
-      background: e.colorBgContainer,
-      [`${e.antCls}-tabs-nav`]: {
-        paddingLeft: 16,
-        [`${e.antCls}-tabs-tab:not(${e.antCls}-tabs-tab-active)`]: {
-          borderBottomColor: "transparent"
-        },
-        [`${e.componentCls}-title`]: {
-          display: "flex",
-          alignItems: "center",
-          gap: 8,
-          [`${e.componentCls}-reload-btn,${e.componentCls}-close-btn`]: {
-            color: e.colorTextSecondary,
-            fontSize: 12,
-            margin: 0,
-            cursor: "pointer",
-            transition: "color .3s",
-            "&:hover": {
-              color: e.colorPrimary
-            }
-          }
-        },
-        [`${e.componentCls}-dropdown-menu-btn`]: {
-          marginInlineEnd: 8,
-          padding: 12,
-          fontSize: 16,
-          cursor: "pointer"
-        }
-      },
-      "&-fixed": {
-        position: "fixed",
-        height: 62,
-        top: ((n = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : n.heightLayoutHeader) || A.headerHeight,
-        right: 0,
-        zIndex: 9,
-        transition: "width .2s"
-      }
-    }
-  };
-};
-function wa(e) {
-  return We("ProMultiTabs", (t) => {
-    const n = Ke(t, {
-      componentWrapCls: `${t.componentCls}-wrap`
-    });
-    return [Ca(n)];
-  }, e);
-}
-const Sa = [
-  {
-    key: "closeOthersTabs",
-    label: "关闭其他"
-  },
-  {
-    key: "closeLeftTabs",
-    label: "关闭左侧"
-  },
-  {
-    key: "closeRightTabs",
-    label: "关闭右侧"
-  },
-  {
-    key: "reloadPage",
-    label: "刷新当前页"
-  }
-];
-function Ia(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
-}
-const Oa = Ae.TabPane, Ma = ee.Item, Ra = /* @__PURE__ */ E({
-  props: {
-    ...Pt,
-    visible: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  inheritAttrs: !1,
-  setup(e) {
-    const {
-      isMobile: t,
-      isFixedMultiTab: n
-    } = Be(e), a = ce(!1), i = Ee({
-      activeKey: "",
-      contextMenuActiveKey: ""
-    }), l = je(), {
-      menuData: d,
-      getPrefixCls: m
-    } = J(), y = m({
-      isPor: !0,
-      suffixCls: "multi-tab"
-    }), {
-      wrapSSR: p,
-      hashId: x
-    } = wa(y), r = ce([]);
-    le(r, () => {
-      var h;
-      (h = e.onChangeTabs) == null || h.call(e, Ct(U(r)));
-    }, {
-      deep: !0
-    });
-    const T = w(() => l.currentRoute.value.path), S = w(() => n.value && !t.value), R = w(() => S.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), s = w(() => wt(`${y}-wrap`, {
-      [`${x.value}`]: !0,
-      [`${y}-wrap-fixed`]: e.isFixedMultiTab,
-      [`${y}-wrap-loading`]: e.loading
-    })), I = w(() => {
-      const h = {
-        display: e.visible ? void 0 : "none"
-      };
-      return e.isFixedMultiTab ? {
-        margin: 0,
-        width: R.value,
-        paddingTop: "6px",
-        zIndex: 100,
-        ...h
-      } : h;
-    }), g = (h) => h.fullPath === T.value, c = (h) => {
-      if (h.name && h.meta && h.meta.tagHidden !== !0) {
-        const b = h.fullPath || h.path, k = r.value.find((D) => D.fullPath === b), $ = {
-          path: h.path,
-          fullPath: b,
-          query: h.query,
-          params: h.params,
-          name: h.name,
-          meta: {
-            ...h.meta
-          }
-        };
-        k ? Object.assign(k, $) : h.meta.tagFixed ? r.value.unshift($) : r.value.push($), g(h) && (i.activeKey = b);
-      }
-    }, f = (h) => {
-      h.forEach((b) => {
-        b.meta && b.meta.tagFixed && c(b), b.children && f(b.children);
-      });
-    };
-    le(() => d.value, (h) => {
-      f(h);
-    }, {
-      deep: !0,
-      immediate: !0
-    }), le(() => l.currentRoute.value, (h) => {
-      c(h);
-    }, {
-      deep: !0,
-      immediate: !0
-    });
-    const v = () => {
-      const h = r.value.slice(-1)[0];
-      h ? l.push(h) : l.push("/");
-    }, P = async (h) => {
-      const b = r.value.find((k) => h === k.fullPath);
-      r.value = r.value.filter((k) => k.fullPath !== h), b && g(b) && v();
-    }, C = (h) => {
-      const b = r.value.find((k) => k.path === h);
-      i.activeKey !== (b == null ? void 0 : b.fullPath) && (b != null && b.fullPath) && l.push(b == null ? void 0 : b.fullPath);
-    }, O = () => {
-      var h;
-      a.value = !0, e.onReloadPage && ((h = e.onReloadPage) == null || h.call(e)), setTimeout(() => {
-        a.value = !1;
-      }, 500);
-    }, L = (h) => h.meta && h.meta.tagFixed, B = (h) => i[h], N = (h, b) => {
-      const k = r.value.findIndex(($) => $.fullPath === B(b));
-      switch (h) {
-        case "closeOthersTabs":
-          r.value = r.value.filter(($) => {
-            var D;
-            return $.fullPath === B(b) || ((D = $.meta) == null ? void 0 : D.tagFixed);
-          });
-          break;
-        case "closeLeftTabs":
-          k && (r.value = r.value.filter(($, D) => {
-            var j;
-            return D >= k || ((j = $.meta) == null ? void 0 : j.tagFixed);
-          }));
-          break;
-        case "closeRightTabs":
-          k && (r.value = r.value.filter(($, D) => {
-            var j;
-            return D <= k || ((j = $.meta) == null ? void 0 : j.tagFixed);
-          }));
-          break;
-        case "reloadPage":
-          (k === 0 || k) && i.activeKey === B(b) && O();
-          break;
-      }
-      i.activeKey !== B(b) && l.push(B(b));
-    }, H = (h, b) => {
-      const k = r.value.findIndex(($) => $.fullPath === b);
-      switch (h) {
-        case "closeOthersTabs":
-          return r.value.filter((W, V) => {
-            var _;
-            return V !== k && !((_ = W.meta) != null && _.tagFixed);
-          }).length === 0;
-        case "closeLeftTabs":
-          return r.value.filter((W, V) => {
-            var _;
-            return V < k && !((_ = W.meta) != null && _.tagFixed);
-          }).length === 0;
-        case "closeRightTabs":
-          return r.value.filter((W, V) => {
-            var _;
-            return V > k && !((_ = W.meta) != null && _.tagFixed);
-          }).length === 0;
-      }
-    }, M = (h) => {
-      let b;
-      const {
-        path: k,
-        stateType: $
-      } = h;
-      return o(ee, {
-        selectedKeys: [],
-        onClick: ({
-          key: D
-        }) => N(D, $)
-      }, Ia(b = Sa.map((D) => o(Ma, {
-        key: D.key,
-        disabled: H(D.key, k)
-      }, {
-        default: () => [D.label]
-      }))) ? b : {
-        default: () => [b]
-      });
-    }, F = (h) => {
-      const {
-        router: b
-      } = h;
-      return o(nt, {
-        trigger: "contextmenu",
-        overlay: o(M, {
-          path: (b == null ? void 0 : b.fullPath) || "",
-          stateType: "contextMenuActiveKey"
-        }, null),
-        onOpenChange: (k) => {
-          i.contextMenuActiveKey = k && b.fullPath || "";
-        }
-      }, {
-        default: () => {
-          var k;
-          return [o("div", {
-            class: [`${y}-title`, x.value]
-          }, [(k = b.meta) == null ? void 0 : k.title, i.activeKey === b.fullPath && o(yn, {
-            class: [`${y}-reload-btn`, x.value],
-            spin: a.value,
-            onClick: ($) => {
-              $.stopPropagation(), !a.value && O();
-            }
-          }, null), r.value.length > 1 && !L(b) && o(vt, {
-            class: [`${y}-close-btn`, x.value],
-            onClick: ($) => {
-              $.stopPropagation(), !a.value && P((b == null ? void 0 : b.fullPath) || "");
-            }
-          }, null)])];
-        }
-      });
-    };
-    return () => p(o(q, null, [!!e.isFixedMultiTab && Gt(o("div", {
-      class: [`${y}-fixed`, x.value]
-    }, null), [[Yt, e.visible]]), o(Ae, {
-      hideAdd: !0,
-      type: "editable-card",
-      style: I.value,
-      class: s.value,
-      activeKey: i.activeKey,
-      onTabClick: C
-    }, {
-      default: () => [r.value.map((h) => o(Oa, {
-        key: h.fullPath,
-        closable: !1,
-        tab: o(F, {
-          router: h
-        }, null)
-      }, null))],
-      rightExtra: () => o(nt, {
-        overlay: o(M, {
-          path: i.activeKey,
-          stateType: "activeKey"
-        }, null)
-      }, {
-        default: () => [o(gn, {
-          class: [`${y}-dropdown-menu-btn`, x.value],
-          rotate: 90
-        }, null)]
-      })
-    })]));
-  }
-}), {
-  Content: Ba
-} = me, Je = (e, {
-  slots: t,
-  attrs: n
-}) => {
-  var R;
-  const {
-    hashId: a,
-    prefixCls: i,
-    isMobile: l,
-    loading: d,
-    collapsed: m,
-    siderWidth: y,
-    isShowTabsBar: p,
-    isFixedMultiTab: x,
-    onReloadPage: r,
-    onChangeTabs: T
-  } = e;
-  if (e.isChildrenLayout)
-    return (R = t.default) == null ? void 0 : R.call(t);
-  const {
-    flatMenuData: S
-  } = J();
-  return o(q, null, [o(Ra, {
-    visible: U(S).length > 0 && p,
-    isMobile: l,
-    loading: d,
-    isFixedMultiTab: x,
-    siderWidth: y,
-    collapsed: m,
-    onReloadPage: r,
-    onChangeTabs: T
-  }, null), o(Ba, {
-    style: n.style,
-    class: [`${i}-content`]
-  }, {
-    default: () => {
-      var s;
-      return [d && o(Fn, null, null), o("div", {
-        class: [`${i}-content-spin-container`, a],
-        style: {
-          opacity: d ? "0" : void 0
-        }
-      }, [(s = t.default) == null ? void 0 : s.call(t)])];
-    }
-  })]);
-};
-Je.inheritAttrs = !1;
-Je.displayName = "wrap-content";
-const ka = (e) => {
-  var t, n, a, i;
-  return {
-    [`${e.proComponentsCls}-basic-layout`]: {
-      [`${e.antCls}-layout-header${e.componentCls}${e.componentCls}-light`]: {
-        background: ((n = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : n.colorBgMenu) || e.colorBgElevated
-      },
-      [`${e.antCls}-layout-header${e.componentCls}${e.componentCls}-dark`]: {
-        background: (i = (a = e.layout) == null ? void 0 : a.header) == null ? void 0 : i.colorDarkBgMenu,
-        [`${e.proComponentsCls}-global-header-collapsed-button`]: {
-          color: "#fff"
-        }
-      },
-      [`${e.antCls}-layout-header${e.componentCls}`]: {
-        zIndex: 19,
-        paddingBlock: 0,
-        paddingInline: 0,
-        WebkitBackdropFilter: "blur(8px)",
-        backdropFilter: "blur(8px)",
-        transition: "background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)",
-        [`&${e.proComponentsCls}`]: {
-          "&-fixed-header": {
-            position: "fixed",
-            width: "100%",
-            zIndex: 9,
-            top: 0,
-            "&-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: e.colorText
-              }
-            }
-          },
-          "&-header-realDark": { boxShadow: "0 2px 8px 0 rgba(0, 0, 0, 65%)" },
-          "&-header-actions-header-action": {
-            transition: "width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"
-          }
-        }
-      }
-    }
-  };
-};
-function de() {
-  return de = Object.assign ? Object.assign.bind() : function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var a in n)
-        Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
-    }
-    return e;
-  }, de.apply(this, arguments);
-}
-var zt = function() {
-  if (typeof Map < "u")
-    return Map;
-  function e(t, n) {
-    var a = -1;
-    return t.some(function(i, l) {
-      return i[0] === n ? (a = l, !0) : !1;
-    }), a;
-  }
-  return (
-    /** @class */
-    function() {
-      function t() {
-        this.__entries__ = [];
-      }
-      return Object.defineProperty(t.prototype, "size", {
-        /**
-         * @returns {boolean}
-         */
-        get: function() {
-          return this.__entries__.length;
-        },
-        enumerable: !0,
-        configurable: !0
-      }), t.prototype.get = function(n) {
-        var a = e(this.__entries__, n), i = this.__entries__[a];
-        return i && i[1];
-      }, t.prototype.set = function(n, a) {
-        var i = e(this.__entries__, n);
-        ~i ? this.__entries__[i][1] = a : this.__entries__.push([n, a]);
-      }, t.prototype.delete = function(n) {
-        var a = this.__entries__, i = e(a, n);
-        ~i && a.splice(i, 1);
-      }, t.prototype.has = function(n) {
-        return !!~e(this.__entries__, n);
-      }, t.prototype.clear = function() {
-        this.__entries__.splice(0);
-      }, t.prototype.forEach = function(n, a) {
-        a === void 0 && (a = null);
-        for (var i = 0, l = this.__entries__; i < l.length; i++) {
-          var d = l[i];
-          n.call(a, d[1], d[0]);
-        }
-      }, t;
-    }()
-  );
-}(), ze = typeof window < "u" && typeof document < "u" && window.document === document, Me = function() {
-  return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
-}(), $a = function() {
-  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Me) : function(e) {
-    return setTimeout(function() {
-      return e(Date.now());
-    }, 1e3 / 60);
-  };
-}(), Ta = 2;
-function Fa(e, t) {
-  var n = !1, a = !1, i = 0;
-  function l() {
-    n && (n = !1, e()), a && m();
-  }
-  function d() {
-    $a(l);
-  }
-  function m() {
-    var y = Date.now();
-    if (n) {
-      if (y - i < Ta)
-        return;
-      a = !0;
-    } else
-      n = !0, a = !1, setTimeout(d, t);
-    i = y;
-  }
-  return m;
-}
-var Pa = 20, La = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], Da = typeof MutationObserver < "u", za = (
-  /** @class */
-  function() {
-    function e() {
-      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Fa(this.refresh.bind(this), Pa);
-    }
-    return e.prototype.addObserver = function(t) {
-      ~this.observers_.indexOf(t) || this.observers_.push(t), this.connected_ || this.connect_();
-    }, e.prototype.removeObserver = function(t) {
-      var n = this.observers_, a = n.indexOf(t);
-      ~a && n.splice(a, 1), !n.length && this.connected_ && this.disconnect_();
-    }, e.prototype.refresh = function() {
-      var t = this.updateObservers_();
-      t && this.refresh();
-    }, e.prototype.updateObservers_ = function() {
-      var t = this.observers_.filter(function(n) {
-        return n.gatherActive(), n.hasActive();
-      });
-      return t.forEach(function(n) {
-        return n.broadcastActive();
-      }), t.length > 0;
-    }, e.prototype.connect_ = function() {
-      !ze || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Da ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
-        attributes: !0,
-        childList: !0,
-        characterData: !0,
-        subtree: !0
-      })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
-    }, e.prototype.disconnect_ = function() {
-      !ze || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
-    }, e.prototype.onTransitionEnd_ = function(t) {
-      var n = t.propertyName, a = n === void 0 ? "" : n, i = La.some(function(l) {
-        return !!~a.indexOf(l);
-      });
-      i && this.refresh();
-    }, e.getInstance = function() {
-      return this.instance_ || (this.instance_ = new e()), this.instance_;
-    }, e.instance_ = null, e;
-  }()
-), Nt = function(e, t) {
-  for (var n = 0, a = Object.keys(t); n < a.length; n++) {
-    var i = a[n];
-    Object.defineProperty(e, i, {
-      value: t[i],
-      enumerable: !1,
-      writable: !1,
-      configurable: !0
-    });
-  }
-  return e;
-}, re = function(e) {
-  var t = e && e.ownerDocument && e.ownerDocument.defaultView;
-  return t || Me;
-}, Ht = Te(0, 0, 0, 0);
-function Re(e) {
-  return parseFloat(e) || 0;
-}
-function st(e) {
-  for (var t = [], n = 1; n < arguments.length; n++)
-    t[n - 1] = arguments[n];
-  return t.reduce(function(a, i) {
-    var l = e["border-" + i + "-width"];
-    return a + Re(l);
-  }, 0);
-}
-function Na(e) {
-  for (var t = ["top", "right", "bottom", "left"], n = {}, a = 0, i = t; a < i.length; a++) {
-    var l = i[a], d = e["padding-" + l];
-    n[l] = Re(d);
-  }
-  return n;
-}
-function Ha(e) {
-  var t = e.getBBox();
-  return Te(0, 0, t.width, t.height);
-}
-function _a(e) {
-  var t = e.clientWidth, n = e.clientHeight;
-  if (!t && !n)
-    return Ht;
-  var a = re(e).getComputedStyle(e), i = Na(a), l = i.left + i.right, d = i.top + i.bottom, m = Re(a.width), y = Re(a.height);
-  if (a.boxSizing === "border-box" && (Math.round(m + l) !== t && (m -= st(a, "left", "right") + l), Math.round(y + d) !== n && (y -= st(a, "top", "bottom") + d)), !Va(e)) {
-    var p = Math.round(m + l) - t, x = Math.round(y + d) - n;
-    Math.abs(p) !== 1 && (m -= p), Math.abs(x) !== 1 && (y -= x);
-  }
-  return Te(i.left, i.top, m, y);
-}
-var Ea = function() {
-  return typeof SVGGraphicsElement < "u" ? function(e) {
-    return e instanceof re(e).SVGGraphicsElement;
-  } : function(e) {
-    return e instanceof re(e).SVGElement && typeof e.getBBox == "function";
-  };
-}();
-function Va(e) {
-  return e === re(e).document.documentElement;
-}
-function Aa(e) {
-  return ze ? Ea(e) ? Ha(e) : _a(e) : Ht;
-}
-function ja(e) {
-  var t = e.x, n = e.y, a = e.width, i = e.height, l = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, d = Object.create(l.prototype);
-  return Nt(d, {
-    x: t,
-    y: n,
-    width: a,
-    height: i,
-    top: n,
-    right: t + a,
-    bottom: i + n,
-    left: t
-  }), d;
-}
-function Te(e, t, n, a) {
-  return { x: e, y: t, width: n, height: a };
-}
-var Wa = (
-  /** @class */
-  function() {
-    function e(t) {
-      this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = Te(0, 0, 0, 0), this.target = t;
-    }
-    return e.prototype.isActive = function() {
-      var t = Aa(this.target);
-      return this.contentRect_ = t, t.width !== this.broadcastWidth || t.height !== this.broadcastHeight;
-    }, e.prototype.broadcastRect = function() {
-      var t = this.contentRect_;
-      return this.broadcastWidth = t.width, this.broadcastHeight = t.height, t;
-    }, e;
-  }()
-), Ka = (
-  /** @class */
-  function() {
-    function e(t, n) {
-      var a = ja(n);
-      Nt(this, { target: t, contentRect: a });
-    }
-    return e;
-  }()
-), Ua = (
-  /** @class */
-  function() {
-    function e(t, n, a) {
-      if (this.activeObservations_ = [], this.observations_ = new zt(), typeof t != "function")
-        throw new TypeError("The callback provided as parameter 1 is not a function.");
-      this.callback_ = t, this.controller_ = n, this.callbackCtx_ = a;
-    }
-    return e.prototype.observe = function(t) {
-      if (!arguments.length)
-        throw new TypeError("1 argument required, but only 0 present.");
-      if (!(typeof Element > "u" || !(Element instanceof Object))) {
-        if (!(t instanceof re(t).Element))
-          throw new TypeError('parameter 1 is not of type "Element".');
-        var n = this.observations_;
-        n.has(t) || (n.set(t, new Wa(t)), this.controller_.addObserver(this), this.controller_.refresh());
-      }
-    }, e.prototype.unobserve = function(t) {
-      if (!arguments.length)
-        throw new TypeError("1 argument required, but only 0 present.");
-      if (!(typeof Element > "u" || !(Element instanceof Object))) {
-        if (!(t instanceof re(t).Element))
-          throw new TypeError('parameter 1 is not of type "Element".');
-        var n = this.observations_;
-        n.has(t) && (n.delete(t), n.size || this.controller_.removeObserver(this));
-      }
-    }, e.prototype.disconnect = function() {
-      this.clearActive(), this.observations_.clear(), this.controller_.removeObserver(this);
-    }, e.prototype.gatherActive = function() {
-      var t = this;
-      this.clearActive(), this.observations_.forEach(function(n) {
-        n.isActive() && t.activeObservations_.push(n);
-      });
-    }, e.prototype.broadcastActive = function() {
-      if (this.hasActive()) {
-        var t = this.callbackCtx_, n = this.activeObservations_.map(function(a) {
-          return new Ka(a.target, a.broadcastRect());
-        });
-        this.callback_.call(t, n, t), this.clearActive();
-      }
-    }, e.prototype.clearActive = function() {
-      this.activeObservations_.splice(0);
-    }, e.prototype.hasActive = function() {
-      return this.activeObservations_.length > 0;
-    }, e;
-  }()
-), _t = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new zt(), Et = (
-  /** @class */
-  function() {
-    function e(t) {
-      if (!(this instanceof e))
-        throw new TypeError("Cannot call a class as a function.");
-      if (!arguments.length)
-        throw new TypeError("1 argument required, but only 0 present.");
-      var n = za.getInstance(), a = new Ua(t, n, this);
-      _t.set(this, a);
-    }
-    return e;
-  }()
-);
-[
-  "observe",
-  "unobserve",
-  "disconnect"
-].forEach(function(e) {
-  Et.prototype[e] = function() {
-    var t;
-    return (t = _t.get(this))[e].apply(t, arguments);
-  };
-});
-var Xa = function() {
-  return typeof Me.ResizeObserver < "u" ? Me.ResizeObserver : Et;
-}();
-const Ga = (e) => {
-  var t;
-  let n = ((t = e == null ? void 0 : e.vnode) === null || t === void 0 ? void 0 : t.el) || e && (e.$el || e);
-  for (; n && !n.tagName; )
-    n = n.nextSibling;
-  return n;
-}, Ya = E({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "ResizeObserver",
-  props: {
-    disabled: Boolean,
-    onResize: Function
-  },
-  emits: ["resize"],
-  setup(e, t) {
-    let {
-      slots: n
-    } = t;
-    const a = Ee({
-      width: 0,
-      height: 0,
-      offsetHeight: 0,
-      offsetWidth: 0
-    });
-    let i = null, l = null;
-    const d = () => {
-      l && (l.disconnect(), l = null);
-    }, m = (x) => {
-      const {
-        onResize: r
-      } = e, T = x[0].target, {
-        width: S,
-        height: R
-      } = T.getBoundingClientRect(), {
-        offsetWidth: s,
-        offsetHeight: I
-      } = T, g = Math.floor(S), c = Math.floor(R);
-      if (a.width !== g || a.height !== c || a.offsetWidth !== s || a.offsetHeight !== I) {
-        const f = {
-          width: g,
-          height: c,
-          offsetWidth: s,
-          offsetHeight: I
-        };
-        de(a, f), r && Promise.resolve().then(() => {
-          r(de(de({}, f), {
-            offsetWidth: s,
-            offsetHeight: I
-          }), T);
-        });
-      }
-    }, y = qt(), p = () => {
-      const {
-        disabled: x
-      } = e;
-      if (x) {
-        d();
-        return;
-      }
-      const r = Ga(y);
-      r !== i && (d(), i = r), !l && r && (l = new Xa(m), l.observe(r));
-    };
-    return bt(() => {
-      p();
-    }), Zt(() => {
-      p();
-    }), Jt(() => {
-      d();
-    }), le(() => e.disabled, () => {
-      p();
-    }, {
-      flush: "post"
-    }), () => {
-      var x;
-      return (x = n.default) === null || x === void 0 ? void 0 : x.call(n)[0];
-    };
-  }
-}), qa = (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,.08)",
-    boxSizing: "border-box",
-    "&-mix": {
-      boxShadow: "0 1px 4px 0 rgba(0,21,41,.12)"
-    },
-    "&-wide": {
-      boxShadow: "0 1px 4px 0 rgba(0,21,41,.12)",
-      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
-    }
-  }
-}), Vt = {
-  ...G,
-  ...Ze
-}, Za = (e, t) => e === !1 ? null : e ? e(t, null) : t, Ja = /* @__PURE__ */ E({
-  props: Vt,
-  setup(e) {
-    const t = ce("auto"), n = ({
-      width: a
-    }) => {
-      t.value = a;
-    };
-    return () => o("div", {
-      style: {
-        minWidth: typeof t.value == "string" ? t.value : `${t.value}px`
-      }
-    }, [o("div", {
-      style: {
-        paddingRight: "8px"
-      }
-    }, [o(Ya, {
-      onResize: n
-    }, {
-      default: () => [e.rightContentRender && typeof e.rightContentRender == "function" ? o("div", null, [e.rightContentRender({
-        ...e
-      })]) : o("div", null, null)]
-    })])]);
-  }
-}), Qa = /* @__PURE__ */ E({
-  props: Vt,
-  inheritAttrs: !1,
-  setup(e, {
-    slots: t,
-    emit: n
-  }) {
-    const a = je(), {
-      token: i
-    } = $e(), {
-      getPrefixCls: l,
-      openKeys: d,
-      selectedKeys: m
-    } = J(), {
-      width: y
-    } = kn(), p = l({
-      suffixCls: "global-header",
-      isPor: !0
-    }), {
-      wrapSSR: x,
-      hashId: r
-    } = Z("ProGlobalHeader", [qa], p), T = w(() => ({
-      [`${r.value}`]: !0,
-      [`${p}`]: !0,
-      [`${p}-${e.layout}`]: !0
-    })), S = (g) => {
-      var c;
-      if (a.currentRoute) {
-        const f = a.currentRoute.value.matched.concat();
-        e.onSelect && g === "select" && e.onSelect(f.filter((v) => v.name !== "index").map((v) => v.path)), e.onOpenKeys && g === "openKeys" && ((c = e.onOpenKeys) == null || c.call(e, f.filter((v) => v.path !== a.currentRoute.value.path).map((v) => v.path)));
-      }
-    }, R = () => {
-      n("collapse", !e.collapsed);
-    }, s = w(() => e.collapsedButtonRender || $t), I = () => {
-      var g;
-      return o(q, null, [e.layout === "mix" && !e.isMobile && e.splitMenus ? o("div", {
-        style: {
-          flex: 1
-        },
-        class: [`${p}-menu`, r.value]
-      }, [o(Ve, {
-        theme: {
-          components: {
-            Layout: {
-              headerBg: "transparent",
-              bodyBg: "transparent"
-            },
-            Menu: Ot({
-              radiusItem: 4,
-              colorActiveBarWidth: 0,
-              colorActiveBarHeight: 2,
-              colorActiveBarBorderSize: 0,
-              horizontalItemBorderRadius: 4
-            }, i.value || {}, e.theme, "header")
-          }
-        }
-      }, {
-        default: () => [o(Rt, X({
-          theme: e.theme,
-          mode: e.mode,
-          collapsed: e.collapsed,
-          menuData: e.menuData,
-          openKeys: d.value,
-          selectedKeys: m.value,
-          iconfontUrl: e.iconfontUrl,
-          menuItemRender: e.menuItemRender,
-          subMenuItemRender: e.subMenuItemRender,
-          class: {
-            "top-nav-menu": e.mode === "horizontal",
-            [`${r.value}`]: !0
-          }
-        }, {
-          "onUpdate:openKeys": () => S("openKeys"),
-          "onUpdate:selectedKeys": () => S("select")
-        }), null)]
-      })]) : o("div", {
-        style: {
-          flex: 1
-        }
-      }, [(g = t.default) == null ? void 0 : g.call(t)]), e.layout !== "simple" && o(Ja, X(e, {
-        extraRightDropdownRender: e.extraRightDropdownRender,
-        rightContentRender: e.rightContentRender
-      }), null)]);
-    };
-    return () => {
-      const g = o("span", {
-        key: "logo",
-        onClick: () => {
-          var c;
-          return (c = e.onMenuHeaderClick) == null ? void 0 : c.call(e);
-        },
-        class: [`${p}-logo`, e.isMobile ? "mobile" : "", r.value]
-      }, [o("a", null, [kt(e.logo)])]);
-      return x(o("div", {
-        class: T.value
-      }, [e.isMobile ? o(q, null, [Za(e.menuHeaderRender, g), e.isMobile && U(s) && o("span", {
-        class: `${p}-collapsed-button ${r.value}`,
-        onClick: R
-      }, [U(s)(e.collapsed)]), I()]) : e.layout === "mix" || e.layout === "wide" ? o(q, null, [o("div", {
-        style: {
-          width: e.layout === "wide" ? `${e.wideWidth}px` : void 0,
-          padding: e.layout === "wide" && y.value < e.wideWidth ? "0 50px" : void 0
-        },
-        class: `${p}-main ${r.value}`
-      }, [o("div", {
-        class: `${p}-main-left ${r.value}`
-      }, [o(qe, X(e, {
-        renderKey: "headerTitleRender"
-      }), null)]), I()])]) : I()]));
-    };
-  }
-});
-function eo(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
-}
-const {
-  Header: ut
-} = me, Ne = /* @__PURE__ */ E({
-  inheritAttrs: !1,
-  props: Ft,
-  setup(e) {
-    const {
-      theme: t,
-      isMobile: n,
-      fixedHeader: a,
-      headerHeight: i,
-      layout: l,
-      onCollapse: d,
-      splitMenus: m
-    } = Be(e), {
-      getPrefixCls: y,
-      menuData: p
-    } = J(), x = y({
-      suffixCls: "header",
-      isPor: !0
-    }), r = y({
-      suffixCls: "fixed-header",
-      isPor: !0
-    }), {
-      wrapSSR: T,
-      hashId: S
-    } = Z("ProLayoutHeader", [ka], x), R = w(() => l.value === "wide"), s = w(() => a.value), I = w(() => l.value === "mix" || R.value), g = w(() => l.value === "side" || l.value === "simple"), c = w(() => g.value && "light" || t.value), f = w(() => ({
-      [`${S.value}`]: !0,
-      [`${x}-${c.value}`]: !0,
-      [`${x}`]: !0,
-      [`${r}`]: s.value
-    })), v = w(() => s.value && !n.value), P = w(() => m.value ? p.value && En(p.value) || [] : []), C = w(() => g.value && v.value ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%"), O = w(() => s.value ? 0 : void 0), L = () => {
-      const B = o(Qa, X(e, {
-        theme: c.value,
-        mode: "horizontal",
-        onCollapse: d.value,
-        menuData: P.value
-      }), {
-        default: () => [I.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 T(o(q, null, [s.value && !R.value && o(ut, {
-        theme: c.value,
-        style: {
-          height: `${i.value}px`,
-          lineHeight: `${i.value}px`,
-          background: "transparent"
-        }
-      }, null), o(ut, {
-        theme: c.value,
-        class: f.value,
-        style: {
-          height: `${i.value}px`,
-          lineHeight: `${i.value}px`,
-          width: C.value,
-          zIndex: g.value ? 100 : 101,
-          right: O.value
-        }
-      }, eo(B = L()) ? B : {
-        default: () => [B]
-      })]));
-    };
-  }
-}), to = /* @__PURE__ */ E({
-  name: "BaseProLayout",
-  inheritAttrs: !1,
-  components: {
-    GlobalHeader: Ne,
-    GlobalFooter: De,
-    SiderMenuWrapper: Le
-  },
-  props: Dt,
-  emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
-  setup(e, {
-    emit: t,
-    slots: n
-  }) {
-    const a = fe({
-      suffixCls: "basic-layout",
-      isPor: !0
-    }), {
-      wrapSSR: i,
-      hashId: l
-    } = Z("ProLayout", [va, xa], a), d = at(), {
-      token: m
-    } = $e(), y = w(() => {
-      var M;
-      return (M = m.value) == null ? void 0 : M.colorPrimary;
-    });
-    Qt(() => {
-      y.value && document.querySelector("html") && document.querySelector("html").style.setProperty("--gx-primary-color", y.value);
-    });
-    const p = ce(document.body.getBoundingClientRect().width), x = w(() => e.layout === "mix" || e.layout === "side" || e.layout === "wide" || !1), r = w(() => e.layout === "wide"), T = w(() => x.value), S = w(() => e.collapsed ? e.collapsedWidth : e.siderWidth), R = w(() => (e.theme || "dark").toLocaleLowerCase().includes("dark") ? "dark" : "light");
-    bt(() => {
-      window.addEventListener("resize", g), g();
-    }), en(() => {
-      window.removeEventListener("resize", g);
-    });
-    const s = w(() => (d.value === "sm" || d.value === "xs") && !e.disableMobile && !r.value), I = Ee({
-      position: "relative"
-    });
-    (e.isChildrenLayout || e.contentStyle && e.contentStyle.minHeight) && (I.minHeight = 0);
-    const g = () => {
-      const M = document.body.getBoundingClientRect().width;
-      p.value !== M && (d.value = at().value, p.value = M);
-    }, c = (M, F) => M.headerRender === !1 || M.pure ? null : o(Ne, X(M, {
-      matchMenuKeys: F || []
-    }), null), f = w(() => ({
-      ...e.breadcrumb,
-      itemRender: K(n, e, "breadcrumbRender")
-    })), v = w(() => T.value && e.selectedKeys ? Vn(e.menuData, e.selectedKeys[0]) : []), P = (M) => {
-      var F;
-      (F = e.onCollapse) == null || F.call(e, M);
-    }, C = (M) => {
-      var F;
-      (F = e.onOpenKeys) == null || F.call(e, M);
-    }, O = (M) => {
-      var F;
-      (F = e.onSelect) == null || F.call(e, M);
-    }, L = (M) => {
-      t("menuHeaderClick", M);
-    }, B = (M) => {
-      t("menuClick", M);
-    }, N = (M) => {
-      t("changeTabs", M);
-    }, H = () => {
-      t("reloadPage");
-    };
-    return Gn({
-      getPrefixCls: fe,
-      ...Mt(Be(e), ["layout", "waterMark", "menuData", "openKeys", "headerHeight", "selectedKeys", "disableMobile", "fixSiderbar", "fixedHeader"].concat(Object.keys(he))),
-      theme: R.value,
-      hasContentWide: r,
-      isMobile: s,
-      siderWidth: S,
-      breadcrumb: f,
-      flatMenuData: v,
-      hasSide: x,
-      flatMenu: T
-    }), () => {
-      var et;
-      const M = K(n, e, "collapsedButtonRender"), F = K(n, e, "headerContentRender"), h = K(n, e, "rightContentRender"), b = K(n, e, "headerRender"), k = K(n, e, "footerRender"), $ = K(n, e, "links"), D = K(n, e, "copyrightRender"), j = K(n, e, "extraRightDropdownRender"), W = K(n, e, "menuHeaderRender"), V = K(n, e, "menuExtraRender"), _ = K(n, e, "menuContentRender"), Y = K(n, e, "menuFooterRender"), ie = K(n, e, "menuItemRender"), ge = K(n, e, "subMenuItemRender"), ye = {
-        menuItemRender: ie,
-        subMenuItemRender: ge
-      }, be = w(() => c({
-        ...e,
-        ...ye,
-        hasSiderMenu: x.value,
-        menuData: e.menuData,
-        isMobile: U(s),
-        onCollapse: P,
-        onOpenKeys: C,
-        onSelect: O,
-        onMenuHeaderClick: L,
-        rightContentRender: h,
-        extraRightDropdownRender: j,
-        headerTitleRender: W,
-        headerContentRender: F,
-        headerRender: b,
-        theme: R.value
-      }, e.matchMenuKeys)), pe = w(() => ({
-        [`${l.value}`]: !0,
-        [`${a}`]: !0,
-        [`${a}-${e.layout}`]: !0
-      })), Kt = w(() => r.value ? {
-        minWidth: `${e.wideWidth}px`
-      } : void 0), Ut = w(() => r.value ? {
-        width: e.menuData.length ? `${e.wideWidth}px` : `${e.wideWidth - e.siderWidth - 20}px`,
-        paddingTop: `${e.headerHeight + 20}px`,
-        margin: r.value ? "0 auto" : void 0
-      } : void 0), Qe = w(() => r.value ? {
-        minHeight: "835px"
-      } : {});
-      return i(o(q, null, [e.pure ? (et = n.default) == null ? void 0 : et.call(n) : o("div", {
-        class: pe.value,
-        style: Kt.value
-      }, [o(me, {
-        style: Ut.value
-      }, {
-        default: () => [o(Le, X(Ue(e, ["pure", "onCollapse", "onSelect", "onOpenKeys", "onMenuClick", "theme"]), {
-          links: $,
-          theme: R.value,
-          isMobile: s.value,
-          menuHeaderRender: W,
-          menuContentRender: _,
-          menuExtraRender: V,
-          menuFooterRender: Y,
-          collapsedButtonRender: M,
-          onCollapse: P,
-          onSelect: O,
-          onOpenKeys: C,
-          onMenuClick: B
-        }), null), o(me, {
-          style: I
-        }, {
-          default: () => [be.value, o(Je, {
-            hashId: l.value,
-            isMobile: s.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 ? Qe.value : {
-              ...e.contentStyle,
-              ...Qe.value
-            },
-            onReloadPage: H,
-            onChangeTabs: N
-          }, {
-            default: () => {
-              var tt;
-              return [(tt = n.default) == null ? void 0 : tt.call(n)];
-            }
-          }), k === !1 ? null : k ? k(e) : o(De, {
-            copyright: D
-          }, null)]
-        })]
-      })])]));
-    };
-  }
-}), wl = /* @__PURE__ */ E({
-  components: {
-    GlobalHeader: Ne,
-    GlobalFooter: De,
-    SiderMenuWrapper: Le
-  },
-  props: Dt,
-  emits: ["update:collapsed", "update:open-keys", "update:selected-keys", "collapse", "openKeys", "reloadPage", "select", "menuHeaderClick", "menuClick", "changeTabs"],
-  setup(e, {
-    slots: t,
-    emit: n
-  }) {
-    const a = w(() => e.theme !== void 0 ? {
-      dark: e.theme === "realDark"
-    } : {}), i = (m) => {
-      n("update:collapsed", m), n("collapse", m);
-    }, l = (m) => {
-      n("update:open-keys", m), n("openKeys", m);
-    }, d = (m) => {
-      n("update:selected-keys", m), n("select", m);
-    };
-    return () => o(Ve, {
-      theme: e.primaryColor ? {
-        token: {
-          colorPrimary: e.primaryColor
-        }
-      } : void 0
-    }, {
-      default: () => [o(xn, X({
-        token: e.token
-      }, a.value), {
-        default: () => [o(to, X(Ue(e, ["onSelect", "onOpenKeys", "onCollapse"]), {
-          onSelect: d,
-          onOpenKeys: l,
-          onCollapse: i
-        }), t)]
-      })]
-    });
-  }
-}), At = (e, t) => e.map((n) => (n.path = n.path.replace("//", "/"), n.children && n.children.length > 0 && (n.children = At(n.children, t)), t[`${n.path}`] = n, n)), Sl = (e) => {
-  const t = e.find((a) => a.path === "/"), n = {};
-  return {
-    menuData: At((t == null ? void 0 : t.children) || [], n),
-    breadcrumb: n
-  };
-}, jt = [
-  {
-    key: "light",
-    title: "亮色菜单风格"
-  },
-  {
-    key: "dark",
-    title: "暗色菜单风格"
-  },
-  {
-    key: "realDark",
-    title: "暗黑模式"
-  }
-], Wt = [
-  {
-    key: "side",
-    title: "侧边菜单布局"
-  },
-  {
-    key: "mix",
-    title: "混合菜单布局"
-  },
-  {
-    key: "wide",
-    title: "定宽菜单布局"
-  },
-  {
-    key: "simple",
-    title: "简单菜单布局"
-  }
-], no = [
-  {
-    key: "header",
-    title: "顶部主题"
-  },
-  {
-    key: "sider",
-    title: "左侧主题"
-  }
-], ao = (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" }
-        }
-      },
-      "& &-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
-      }
-    }
-  }
-}), dt = /* @__PURE__ */ E({
-  name: "BlockCheckbox",
-  props: {
-    value: z.string,
-    list: {
-      type: Array,
-      default: () => []
-    },
-    configType: z.string,
-    prefixCls: z.string,
-    hashId: z.string,
-    onChange: Function
-  },
-  setup(e) {
-    return () => {
-      const t = `${e.prefixCls}-block-checkbox`;
-      return o("div", {
-        class: [t, e.hashId]
-      }, [e.list.map((n) => o(ke, {
-        title: n.title,
-        key: n.key
-      }, {
-        default: () => [o("div", {
-          class: wt(e.hashId, `${t}-item`, `${t}-item-${n.key}`, `${t}-${e.configType}-item`),
-          onClick: () => {
-            var a;
-            return (a = e.onChange) == null ? void 0 : a.call(e, n.key);
-          }
-        }, [n.key === "wide" && o("div", {
-          class: [`${t}-item-${n.key}-content`, e.hashId]
-        }, null), o(xt, {
-          class: `${t}-selectIcon ${e.hashId}`.trim(),
-          style: {
-            display: e.value === n.key ? "block" : "none"
-          }
-        }, null), n != null && n.icon ? o("div", {
-          class: `${t}-icon ${e.hashId}`.trim()
-        }, [n.icon]) : null])]
-      }))]);
-    };
-  }
-}), oo = /* @__PURE__ */ E({
-  name: "ThemeColor",
-  inheritAttrs: !1,
-  props: {
-    settingValue: Object,
-    colorList: {
-      type: Array,
-      default: () => []
-    },
-    prefixCls: z.string,
-    hashId: z.string,
-    onChange: Function
-  },
-  setup(e) {
-    return () => {
-      var n;
-      const t = `${e.prefixCls}-theme-color`;
-      return o(q, null, [o("div", {
-        class: `${t} ${e.hashId}`.trim()
-      }, [(n = e.colorList) == null ? void 0 : n.map(({
-        key: a,
-        color: i,
-        title: l
-      }) => a ? o(ke, {
-        key: i,
-        title: l
-      }, {
-        default: () => {
-          var d, m;
-          return [o("div", {
-            class: [`${t}-block  ${e.hashId}`.trim(), ((d = e.settingValue) == null ? void 0 : d.primaryColor) === i ? `${t}-block-checked` : ""],
-            style: {
-              backgroundColor: i
-            },
-            onClick: () => e.onChange && e.onChange(i)
-          }, [((m = e.settingValue) == null ? void 0 : m.primaryColor) === i && o(xt, null, null)])];
-        }
-      }) : null)])]);
-    };
-  }
-}), xe = /* @__PURE__ */ E({
-  name: "RegionalChange",
-  props: {
-    label: z.string,
-    value: z.bool,
-    prefixCls: z.string,
-    valueKey: String,
-    hashId: z.string,
-    disabled: z.bool,
-    onChange: Function
-  },
-  setup(e) {
-    return () => o(te, {
-      class: `${e.prefixCls}-list ${e.hashId}`.trim(),
-      split: !1,
-      size: "small",
-      renderItem: ({
-        item: t
-      }) => o(ke, {
-        title: t.disabled ? t.disabledReason : "",
-        placement: "left"
-      }, {
-        default: () => [o(te.Item, {
-          actions: [t.action]
-        }, {
-          default: () => [o("span", {
-            style: {
-              opacity: t.disabled ? 0.5 : 1
-            }
-          }, [t.title])]
-        })]
-      }),
-      dataSource: [{
-        title: e.label,
-        action: o(pt, {
-          size: "small",
-          disabled: e.disabled,
-          checked: !!e.value,
-          onChange: (t) => {
-            e.onChange && e.onChange(e.valueKey, t);
-          }
-        }, null)
-      }]
-    }, null);
-  }
-}), io = (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 lo(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
-}
-const ro = /* @__PURE__ */ E({
-  name: "ThemeEditor",
-  props: {
-    settingValue: Object,
-    onChange: Function
-  },
-  setup(e) {
-    const {
-      getPrefixCls: t
-    } = J(), [n, a] = Se("header"), i = t({
-      suffixCls: "theme-editor",
-      isPor: !0
-    }), {
-      wrapSSR: l,
-      hashId: d
-    } = Z("ProThemeEditor", [io], i), {
-      token: m
-    } = $e(), y = w(() => {
-      var S;
-      return (S = m.value) == null ? void 0 : S.layout;
-    }), p = w(() => {
-      var S, R, s, I, g, c, f, v, P, C, O, L, B, N, H, M, F, h, b, k, $, D, j, W, V;
-      return [{
-        key: "colorBgMenu",
-        title: "全部背景",
-        disabled: ((S = e.settingValue) == null ? void 0 : S.theme) === "dark" && ["mix", "wide"].includes((R = e.settingValue) == null ? void 0 : R.layout)
-      }, {
-        key: "colorDarkBgMenu",
-        title: "全部背景",
-        disabled: ((s = e.settingValue) == null ? void 0 : s.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["side", "simple"].includes((g = e.settingValue) == null ? void 0 : g.layout)
-      }, {
-        key: "colorSubItemBg",
-        title: "子菜单背景",
-        disabled: !0
-      }, {
-        key: "colorDarkSubItemBg",
-        title: "子菜单背景",
-        disabled: !0
-      }, {
-        key: "colorBgMenuItemSelected",
-        title: "菜单选中背景",
-        disabled: ((c = e.settingValue) == null ? void 0 : c.theme) === "dark" && ["mix", "wide"].includes((f = e.settingValue) == null ? void 0 : f.layout)
-      }, {
-        key: "colorDarkBgMenuItemSelected",
-        title: "菜单选中背景",
-        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "light" || ((P = e.settingValue) == null ? void 0 : P.theme) === "dark" && ["side", "simple"].includes((C = e.settingValue) == null ? void 0 : C.layout)
-      }, {
-        key: "colorTextMenu",
-        title: "菜单文字颜色",
-        disabled: ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ["mix", "wide"].includes((L = e.settingValue) == null ? void 0 : L.layout)
-      }, {
-        key: "colorDarkTextMenu",
-        title: "菜单文字颜色",
-        disabled: ((B = e.settingValue) == null ? void 0 : B.theme) === "light" || ((N = e.settingValue) == null ? void 0 : N.theme) === "dark" && ["side", "simple"].includes((H = e.settingValue) == null ? void 0 : H.layout)
-      }, {
-        key: "colorTextMenuHover",
-        title: "菜单文字移入颜色",
-        disabled: ((M = e.settingValue) == null ? void 0 : M.theme) === "dark" && ["mix", "wide"].includes((F = e.settingValue) == null ? void 0 : F.layout)
-      }, {
-        key: "colorDarkTextMenuHover",
-        title: "菜单文字移入颜色",
-        disabled: ((h = e.settingValue) == null ? void 0 : h.theme) === "light" || ((b = e.settingValue) == null ? void 0 : b.theme) === "dark" && ["side", "simple"].includes((k = e.settingValue) == null ? void 0 : k.layout)
-      }, {
-        key: "colorTextMenuSelected",
-        title: "菜单文字选中颜色",
-        disabled: (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["mix", "wide"].includes((D = e.settingValue) == null ? void 0 : D.layout)
-      }, {
-        key: "colorDarkTextMenuSelected",
-        title: "菜单文字选中颜色",
-        disabled: ((j = e.settingValue) == null ? void 0 : j.theme) === "light" || ((W = e.settingValue) == null ? void 0 : W.theme) === "dark" && ["side", "simple"].includes((V = e.settingValue) == null ? void 0 : V.layout)
-      }];
-    }), x = w(() => {
-      var S, R, s, I, g, c, f, v, P, C, O, L, B, N, H, M, F, h, b, k, $, D, j, W, V, _, Y, ie, ge, ye, be, pe;
-      return [{
-        key: "colorBgMenu",
-        title: "全部背景",
-        disabled: ((S = e.settingValue) == null ? void 0 : S.theme) === "dark" && ["side", "simple"].includes((R = e.settingValue) == null ? void 0 : R.layout)
-      }, {
-        key: "colorDarkBgMenu",
-        title: "全部背景",
-        disabled: ((s = e.settingValue) == null ? void 0 : s.theme) === "light" || ((I = e.settingValue) == null ? void 0 : I.theme) === "dark" && ["mix", "wide"].includes((g = e.settingValue) == null ? void 0 : g.layout)
-      }, {
-        key: "colorSubItemBg",
-        title: "子菜单背景",
-        disabled: ((c = e.settingValue) == null ? void 0 : c.theme) === "dark" && ["side", "simple"].includes((f = e.settingValue) == null ? void 0 : f.layout)
-      }, {
-        key: "colorDarkSubItemBg",
-        title: "子菜单背景",
-        disabled: ((v = e.settingValue) == null ? void 0 : v.theme) === "light" || ((P = e.settingValue) == null ? void 0 : P.theme) === "dark" && ["mix", "wide"].includes((C = e.settingValue) == null ? void 0 : C.layout)
-      }, {
-        key: "colorBgMenuItemHover",
-        title: "菜单移入背景",
-        disabled: ((O = e.settingValue) == null ? void 0 : O.theme) === "dark" && ((L = e.settingValue) == null ? void 0 : L.layout) !== "mix"
-      }, {
-        key: "colorBgMenuItemSelected",
-        title: "菜单选中背景",
-        disabled: ((B = e.settingValue) == null ? void 0 : B.theme) === "dark" && ((N = e.settingValue) == null ? void 0 : N.layout) !== "mix"
-      }, {
-        key: "colorDarkBgMenuItemSelected",
-        title: "菜单选中背景",
-        disabled: ((H = e.settingValue) == null ? void 0 : H.theme) === "light" || ((M = e.settingValue) == null ? void 0 : M.theme) === "dark" && ["mix", "wide"].includes((F = e.settingValue) == null ? void 0 : F.layout)
-      }, {
-        key: "colorTextMenu",
-        title: "菜单文字颜色",
-        disabled: ((h = e.settingValue) == null ? void 0 : h.theme) === "dark" && ((b = e.settingValue) == null ? void 0 : b.layout) !== "mix"
-      }, {
-        key: "colorDarkTextMenu",
-        title: "菜单文字颜色",
-        disabled: ((k = e.settingValue) == null ? void 0 : k.theme) === "light" || (($ = e.settingValue) == null ? void 0 : $.theme) === "dark" && ["mix", "wide"].includes((D = e.settingValue) == null ? void 0 : D.layout)
-      }, {
-        key: "colorTextMenuHover",
-        title: "菜单文字移入颜色",
-        disabled: ((j = e.settingValue) == null ? void 0 : j.theme) === "dark" && ((W = e.settingValue) == null ? void 0 : W.layout) !== "mix"
-      }, {
-        key: "colorDarkTextMenuHover",
-        title: "菜单文字移入颜色",
-        disabled: ((V = e.settingValue) == null ? void 0 : V.theme) === "light" || ((_ = e.settingValue) == null ? void 0 : _.theme) === "dark" && ["mix", "wide"].includes((Y = e.settingValue) == null ? void 0 : Y.layout)
-      }, {
-        key: "colorTextMenuSelected",
-        title: "菜单文字选中颜色",
-        disabled: ((ie = e.settingValue) == null ? void 0 : ie.theme) === "dark" && ((ge = e.settingValue) == null ? void 0 : ge.layout) !== "mix"
-      }, {
-        key: "colorDarkTextMenuSelected",
-        title: "菜单文字选中颜色",
-        disabled: ((ye = e.settingValue) == null ? void 0 : ye.theme) === "light" || ((be = e.settingValue) == null ? void 0 : be.theme) === "dark" && ["mix", "wide"].includes((pe = e.settingValue) == null ? void 0 : pe.layout)
-      }];
-    }), r = w(() => n.value === "header" ? p.value : n.value === "sider" ? x.value : []), T = (S) => {
-      var R, s;
-      return (s = (R = y.value) == null ? void 0 : R[n.value]) == null ? void 0 : s[S];
-    };
-    return () => {
-      var R, s, I;
-      let S;
-      return l(o("div", {
-        class: [i, d.value]
-      }, [o("h3", {
-        class: [`${i}-title`, d.value]
-      }, [Q("主题编辑器"), o("div", {
-        class: [`${i}-sub-title`, d.value]
-      }, [o("span", null, [(R = jt.find((g) => {
-        var c;
-        return g.key === ((c = e.settingValue) == null ? void 0 : c.theme);
-      })) == null ? void 0 : R.title]), o("span", {
-        style: {
-          marginInline: "8px"
-        }
-      }, [Q("/")]), o("span", null, [(s = Wt.find((g) => {
-        var c;
-        return g.key === ((c = e.settingValue) == null ? void 0 : c.layout);
-      })) == null ? void 0 : s.title])])]), o("div", {
-        class: [`${i}-content`, d.value]
-      }, [o(te, {
-        class: `${i}-list ${d.value}`.trim(),
-        split: !1,
-        size: "small",
-        renderItem: ({
-          item: g
-        }) => o(te.Item, {
-          actions: [g.action]
-        }, {
-          default: () => [o("span", {
-            style: {
-              opacity: g.disabled ? 0.5 : 1
-            }
-          }, [g.title])]
-        }),
-        dataSource: [{
-          title: "自定义主题色",
-          action: o(ot, {
-            value: (I = e.settingValue) == null ? void 0 : I.primaryColor,
-            actions: ["confirm"],
-            modes: ["rgb"],
-            size: "small",
-            onConfirm: (g) => e.onChange && e.onChange(g, "primaryColor")
-          }, null)
-        }]
-      }, null), o(Ae, {
-        activeKey: n.value,
-        onChange: a
-      }, lo(S = no.map((g) => o(ln, {
-        key: g.key,
-        tab: g.title
-      }, {
-        default: () => [o(te, {
-          class: `${i}-list ${d.value}`.trim(),
-          split: !1,
-          size: "small",
-          renderItem: ({
-            item: c
-          }) => o(te.Item, {
-            actions: [c.action]
-          }, {
-            default: () => [o("span", {
-              style: {
-                opacity: c.disabled ? 0.5 : 1
-              }
-            }, [c.title])]
-          }),
-          dataSource: r.value.filter((c) => !c.disabled).map((c) => ({
-            ...c,
-            action: o(ot, {
-              value: T(c.key),
-              actions: ["confirm"],
-              modes: ["rgb"],
-              size: "small",
-              onConfirm: (f) => e.onChange && e.onChange(f, n.value, c.key)
-            }, null)
-          }))
-        }, null)]
-      }))) ? S : {
-        default: () => [S]
-      })])]));
-    };
-  }
-}), so = (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 ct(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ne(e);
-}
-const {
-  preset: mt
-} = Ge, uo = /* @__PURE__ */ E({
-  name: "OthersChange",
-  props: {
-    prefixCls: z.string,
-    settingValue: Object,
-    onChange: Function
-  },
-  setup(e) {
-    const t = fe({
-      suffixCls: "others",
-      isPor: !0
-    }), {
-      wrapSSR: n,
-      hashId: a
-    } = Z("SettingsDrawOthers", [so], t);
-    return () => {
-      var l, d, m, y, p, x, r, T, S, R, s, I, g, c;
-      let i;
-      return n(o("div", {
-        class: [t, a.value]
-      }, [o("h3", {
-        class: [`${t}-title`, a.value]
-      }, [Q("页面动画设置")]), o(te, {
-        class: `${t}-list ${a.value}`.trim(),
-        split: !1,
-        size: "small",
-        renderItem: ({
-          item: f
-        }) => o(ke, {
-          title: f.disabled ? f.disabledReason : "",
-          placement: "left"
-        }, {
-          default: () => [o(te.Item, {
-            actions: [f.action]
-          }, {
-            default: () => [o("span", {
-              style: {
-                opacity: f.disabled ? 0.5 : 1
-              }
-            }, [f.title])]
-          })]
-        }),
-        dataSource: [{
-          title: "禁用动画",
-          action: o(pt, {
-            checked: !((d = (l = e.settingValue) == null ? void 0 : l.animate) != null && d.disabled),
-            size: "small",
-            onChange: (f) => {
-              var v;
-              return (v = e.onChange) == null ? void 0 : v.call(e, "animate", "disabled", !f);
-            }
-          }, null)
-        }, {
-          title: "动画效果",
-          disabled: (y = (m = e.settingValue) == null ? void 0 : m.animate) == null ? void 0 : y.disabled,
-          action: o(ve, {
-            value: (x = (p = e.settingValue) == null ? void 0 : p.animate) == null ? void 0 : x.name,
-            style: {
-              width: "100px"
-            },
-            size: "small",
-            disabled: (T = (r = e.settingValue) == null ? void 0 : r.animate) == null ? void 0 : T.disabled,
-            getPopupContainer: (f) => f && f.parentNode ? f.parentNode : f,
-            onChange: (f) => {
-              var v;
-              return (v = e.onChange) == null ? void 0 : v.call(e, "animate", "name", f);
-            }
-          }, ct(i = mt.map((f) => o(ve.Option, {
-            value: f.name
-          }, {
-            default: () => [f.alias]
-          }))) ? i : {
-            default: () => [i]
-          })
-        }, {
-          title: "动画方向",
-          disabled: (R = (S = e.settingValue) == null ? void 0 : S.animate) == null ? void 0 : R.disabled,
-          action: o(ve, {
-            value: (I = (s = e.settingValue) == null ? void 0 : s.animate) == null ? void 0 : I.direction,
-            style: {
-              width: "100px"
-            },
-            size: "small",
-            dropdownStyle: {
-              minWidth: "120px"
-            },
-            disabled: (c = (g = e.settingValue) == null ? void 0 : g.animate) == null ? void 0 : c.disabled,
-            getPopupContainer: (f) => f && f.parentNode ? f.parentNode : f,
-            onChange: (f) => {
-              var v;
-              return (v = e.onChange) == null ? void 0 : v.call(e, "animate", "direction", f);
-            }
-          }, {
-            default: () => {
-              var f;
-              return [(f = mt.find((v) => {
-                var P, C;
-                return v.name === ((C = (P = e.settingValue) == null ? void 0 : P.animate) == null ? void 0 : C.name);
-              })) == null ? void 0 : f.directions.map((v) => o(ve.Option, {
-                value: v
-              }, ct(v) ? v : {
-                default: () => [v]
-              }))];
-            }
-          })
-        }]
-      }, null)]));
-    };
-  }
-}), {
-  preset: co
-} = Ge, He = Object.keys(A).filter((e) => e !== "title"), ft = {
-  color: "#fff",
-  fontSize: 20
-}, mo = [{
-  label: "fixedHeader",
-  title: "固定 Header"
-}, {
-  label: "fixSiderbar",
-  title: "固定侧边菜单"
-}, {
-  label: "splitMenus",
-  title: "自动分割菜单"
-}], fo = [{
-  label: "showTabsBar",
-  title: "多标签"
-}, {
-  label: "fixedMultiTab",
-  title: "固定多标签"
-}], ht = (e) => Mn() ? {
-  ...ue(A, He),
-  ...e || {}
-} : Ct(A), Ce = (e, {
-  slots: t
-}) => {
-  var n;
-  return o("div", {
-    style: {
-      marginBottom: "24px"
-    }
-  }, [o("h3", {
-    class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
-  }, [e.title]), (n = t.default) == null ? void 0 : n.call(t)]);
-}, Il = /* @__PURE__ */ E({
-  name: "SettingDrawer",
-  props: {
-    themeOnly: Boolean,
-    hideHintAlert: Boolean,
-    hideCopyButton: Boolean,
-    weakmode: Boolean,
-    showProgress: Boolean,
-    settings: {
-      type: Object
-    },
-    colorList: {
-      type: [Boolean, Array],
-      default: () => Cn
-    },
-    onChange: Function,
-    onChangeLayout: Function
-  },
-  emits: ["change", "changeLayout"],
-  setup(e) {
-    const {
-      getPrefixCls: t
-    } = J(), n = t({
-      suffixCls: "setting-drawer",
-      isPor: !0
-    }), {
-      wrapSSR: a,
-      hashId: i
-    } = Z("ProSettingDraw", [ao], n), l = ce(!1), [d, m] = Se(!1), [y, p] = Se(!1), [x, r] = Se(!1), T = w(() => ht(ue(e.settings, He))), [S, R] = Bn(() => ht(ue(e.settings, He)), {
-      value: T,
-      onChange: e.onChange
-    }), s = w(() => e.colorList && On(e.colorList) ? e.colorList : []), I = w(() => Wn(U(S))), {
-      copy: g,
-      copied: c,
-      isSupported: f
-    } = $n();
-    le(d, () => {
-      l.value || (l.value = !0);
-    });
-    const v = (C, O, L) => {
-      var H, M;
-      const B = ["header", "sider"], N = {};
-      if (L && B.includes(C)) {
-        N[C] = {}, N[C][L] = O, e.onChangeLayout && e.onChangeLayout(ue(N, B));
-        return;
-      } else
-        C === "animate" ? (N[C] = {}, N[C][L] = O, L === "name" && (N[C].direction = (M = (H = co.find((F) => F.name === O)) == null ? void 0 : H.directions) == null ? void 0 : M[0])) : N[C] = O;
-      if (C === "colorWeak") {
-        const F = document.querySelector("body");
-        F && (F.dataset.prosettingdrawer = O === !0 ? F.style.filter : F.dataset.prosettingdrawer || "none", O === !0 && (F.dataset.prosettingdrawer = F.style.filter), F.style.filter = O === !0 ? "invert(80%)" : F.dataset.prosettingdrawer || "none", O || delete F.dataset.prosettingdrawer);
-      }
-      R(Rn(U(S), {
-        ...jn(Ue(N, B))
-      }));
-    }, P = () => {
-      f.value && g(JSON.stringify(U(S)));
-    };
-    return le(c, (C) => {
-      C && rn.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
-    }), () => a(o(we, {
-      width: 300,
-      closable: !1,
-      open: d.value,
-      rootClassName: `${n} ${i.value} ${d.value && `${n}-show`} ${!l.value && `${n}-trantion-none`}`,
-      placement: "right",
-      rootStyle: {
-        zIndex: 999
-      },
-      bodyStyle: {
-        padding: 0
-      },
-      onClose: () => m(!1),
-      handle: o("div", {
-        class: [`${n}-handle`, i.value],
-        onClick: () => m(!d.value)
-      }, [d.value ? o(vt, {
-        style: ft
-      }, null) : o(bn, {
-        style: ft
-      }, null)])
-    }, {
-      default: () => [o("div", {
-        class: [`${n}-wrapper`, i.value]
-      }, [o(Tn, null, {
-        default: () => [o("div", {
-          class: [`${n}-content`, i.value]
-        }, [o(Ce, {
-          prefixCls: n,
-          hashId: i.value,
-          title: "整体风格设置"
-        }, {
-          default: () => [o(dt, {
-            hashId: i.value,
-            prefixCls: n,
-            list: jt,
-            value: S.value.theme,
-            configType: "theme",
-            key: "navTheme",
-            onChange: (C) => v("theme", C)
-          }, null)]
-        }), o(Ce, {
-          hashId: i.value,
-          title: o("span", null, [Q("主题色 "), o("a", {
-            style: {
-              fontSize: "12px"
-            },
-            onClick: () => p(!0)
-          }, [Q("更多配置")])]),
-          prefixCls: n
-        }, {
-          default: () => [o(oo, {
-            hashId: i.value,
-            prefixCls: n,
-            colorList: s.value,
-            settingValue: S.value,
-            onChange: (C, O) => v(O || "primaryColor", C)
-          }, null)]
-        }), !e.themeOnly && o(q, null, [o(Fe, null, null), o(Ce, {
-          hashId: i.value,
-          prefixCls: n,
-          title: "导航模式"
-        }, {
-          default: () => [o(dt, {
-            prefixCls: n,
-            value: U(S).layout,
-            key: "layout",
-            hashId: i.value,
-            configType: "layout",
-            list: Wt,
-            onChange: (C) => v("layout", C)
-          }, null)]
-        }), mo.map(({
-          label: C,
-          title: O
-        }) => o(xe, {
-          label: O,
-          disabled: U(I)[C],
-          value: U(S)[C],
-          prefixCls: n,
-          hashId: i.value,
-          valueKey: C,
-          onChange: (L, B) => v(L, B)
-        }, null)), o(Fe, null, null), o(Ce, {
-          hashId: i.value,
-          prefixCls: n,
-          title: o("span", null, [Q("其他设置 "), o("a", {
-            style: {
-              fontSize: "12px"
-            },
-            onClick: () => r(!0)
-          }, [Q("更多配置")])])
-        }, {
-          default: () => [fo.map(({
-            label: C,
-            title: O
-          }) => o(xe, {
-            label: O,
-            disabled: U(I)[C],
-            value: U(S)[C],
-            prefixCls: n,
-            hashId: i.value,
-            valueKey: C,
-            onChange: (L, B) => v(L, B)
-          }, null)), e.weakmode && o(xe, {
-            label: "色弱模式",
-            value: U(S).colorWeak,
-            prefixCls: n,
-            hashId: i.value,
-            valueKey: "colorWeak",
-            onChange: (C, O) => v(C, O)
-          }, null), e.showProgress && o(xe, {
-            label: "顶部进度条",
-            value: U(S).showProgressBar,
-            prefixCls: n,
-            hashId: i.value,
-            valueKey: "showProgressBar",
-            onChange: (C, O) => v(C, O)
-          }, null)]
-        })]), e.hideHintAlert && e.hideCopyButton ? null : o(Fe, null, null), e.hideHintAlert ? null : o(sn, {
-          type: "warning",
-          message: "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
-          icon: o(pn, null, null),
-          showIcon: !0,
-          style: {
-            marginBottom: "16px"
-          }
-        }, null), e.hideCopyButton ? null : o(un, {
-          onClick: () => P(),
-          block: !0
-        }, {
-          default: () => [o(vn, null, null), Q("拷贝设置")]
-        })])]
-      })]), o(we, {
-        width: 320,
-        closable: !1,
-        placement: "right",
-        open: y.value,
-        bodyStyle: {
-          padding: 0
-        },
-        onClose: () => p(!1)
-      }, {
-        default: () => [o(ro, {
-          settingValue: S.value,
-          onChange: (C, O, L) => v(O || "primaryColor", C, L)
-        }, null)]
-      }), o(we, {
-        width: 320,
-        closable: !1,
-        placement: "right",
-        open: x.value,
-        bodyStyle: {
-          padding: 0
-        },
-        onClose: () => r(!1)
-      }, {
-        default: () => [o(uo, {
-          settingValue: S.value,
-          onChange: (C, O, L) => v(C, L, O)
-        }, null)]
-      })]
-    }));
-  }
-}), ho = new u("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)"
-  }
-}), go = new u("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)"
-  }
-}), yo = new u("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)"
-  }
-}), bo = new u("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)"
-  }
-}), po = new u("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)"
-  }
-}), vo = new u("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)"
-  }
-}), xo = new u("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)"
-  }
-}), Co = new u("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)"
-  }
-}), wo = () => ({
-  "&.backInLeft": {
-    animationFillMode: "both",
-    animationName: ho
-  },
-  "&.backInRight": {
-    animationFillMode: "both",
-    animationName: go
-  },
-  "&.backInUp": {
-    animationFillMode: "both",
-    animationName: yo
-  },
-  "&.backInDown": {
-    animationFillMode: "both",
-    animationName: bo
-  }
-}), So = () => ({
-  "&.backOutLeft": {
-    animationFillMode: "both",
-    animationName: po
-  },
-  "&.backOutRight": {
-    animationFillMode: "both",
-    animationName: vo
-  },
-  "&.backOutUp": {
-    animationFillMode: "both",
-    animationName: xo
-  },
-  "&.backOutDown": {
-    animationFillMode: "both",
-    animationName: Co
-  }
-}), Io = new u("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)"
-  }
-}), Oo = new u("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)"
-  }
-}), Mo = new u("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)"
-  }
-}), Ro = new u("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)"
-  }
-}), Bo = new u("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)"
-  }
-}), ko = new u("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)"
-  }
-}), $o = new u("bounceOutLeft", {
-  "20%": {
-    opacity: 1,
-    transform: "translate3d(20px, 0, 0) scaleX(0.9)"
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(-2000px, 0, 0) scaleX(2)"
-  }
-}), To = new u("bounceOutRight", {
-  "20%": {
-    opacity: 1,
-    transform: "translate3d(-20px, 0, 0) scaleX(0.9)"
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(2000px, 0, 0) scaleX(2)"
-  }
-}), Fo = new u("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)"
-  }
-}), Po = new u("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)"
-  }
-}), Lo = () => ({
-  "&.bounceIn": {
-    animationFillMode: "both",
-    animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: Io
-  },
-  "&.bounceInLeft": {
-    animationFillMode: "both",
-    animationName: Oo
-  },
-  "&.bounceInRight": {
-    animationFillMode: "both",
-    animationName: Mo
-  },
-  "&.bounceInDown": {
-    animationFillMode: "both",
-    animationName: Ro
-  },
-  "&.bounceInUp": {
-    animationFillMode: "both",
-    animationName: Bo
-  }
-}), Do = () => ({
-  "&.bounceOut": {
-    animationFillMode: "both",
-    animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: ko
-  },
-  "&.bounceOutLeft": {
-    animationFillMode: "both",
-    animationName: $o
-  },
-  "&.bounceOutRight": {
-    animationFillMode: "both",
-    animationName: To
-  },
-  "&.bounceOutDown": {
-    animationFillMode: "both",
-    animationName: Fo
-  },
-  "&.bounceOutUp": {
-    animationFillMode: "both",
-    animationName: Po
-  }
-}), zo = new u("fadeIn", {
-  from: {
-    opacity: 0
-  },
-  to: {
-    opacity: 1
-  }
-}), No = new u("fadeInLeft", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(-100%, 0, 0)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Ho = new u("fadeInRight", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(100%, 0, 0)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), _o = new u("fadeInDown", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(0, -100%, 0)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Eo = new u("fadeInUp", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(0, 100%, 0)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Vo = new u("fadeInDownBig", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(0, -2000px, 0)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Ao = new u("fadeInUpBig", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(0, 2000px, 0)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), jo = new u("fadeInLeftBig", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(-2000px, 0, 0)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Wo = new u("fadeInRightBig", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(2000px, 0, 0)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Ko = new u("fadeInTopLeft", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(-100%, -100%, 0)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Uo = new u("fadeInBottomRight", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(100%, 100%, 0)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Xo = new u("fadeInTopRight", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(100%, -100%, 0)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Go = new u("fadeInBottomLeft", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(-100%, 100%, 0)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Yo = new u("fadeOut", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0
-  }
-}), qo = new u("fadeOutLeft", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(-100%, 0, 0)"
-  }
-}), Zo = new u("fadeOutRight", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(100%, 0, 0)"
-  }
-}), Jo = new u("fadeOutDown", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(0, 100%, 0)"
-  }
-}), Qo = new u("fadeOutUp", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(0, -100%, 0)"
-  }
-}), ei = new u("fadeOutDownBig", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(0, 2000px, 0)"
-  }
-}), ti = new u("fadeOutUpBig", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(0, -2000px, 0)"
-  }
-}), ni = new u("fadeOutLeftBig", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(-2000px, 0, 0)"
-  }
-}), ai = new u("fadeOutRightBig", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(2000px, 0, 0)"
-  }
-}), oi = new u("fadeOutTopLeft", {
-  from: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(-100%, -100%, 0)"
-  }
-}), ii = new u("fadeOutBottomRight", {
-  from: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(100%, 100%, 0)"
-  }
-}), li = new u("fadeOutTopRight", {
-  from: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(100%, -100%, 0)"
-  }
-}), ri = new u("fadeOutBottomLeft", {
-  from: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(-100%, 100%, 0)"
-  }
-}), si = () => ({
-  "&.fadeIn": {
-    animationFillMode: "both",
-    animationName: zo
-  },
-  "&.fadeInLeft": {
-    animationFillMode: "both",
-    animationName: No
-  },
-  "&.fadeInRight": {
-    animationFillMode: "both",
-    animationName: Ho
-  },
-  "&.fadeInDown": {
-    animationFillMode: "both",
-    animationName: _o
-  },
-  "&.fadeInUp": {
-    animationFillMode: "both",
-    animationName: Eo
-  },
-  "&.fadeInLeftBig": {
-    animationFillMode: "both",
-    animationName: jo
-  },
-  "&.fadeInRightBig": {
-    animationFillMode: "both",
-    animationName: Wo
-  },
-  "&.fadeInUpBig": {
-    animationFillMode: "both",
-    animationName: Ao
-  },
-  "&.fadeInDownBig": {
-    animationFillMode: "both",
-    animationName: Vo
-  },
-  "&.fadeInTopLeft": {
-    animationFillMode: "both",
-    animationName: Ko
-  },
-  "&.fadeInBottomRight": {
-    animationFillMode: "both",
-    animationName: Uo
-  },
-  "&.fadeInTopRight": {
-    animationFillMode: "both",
-    animationName: Xo
-  },
-  "&.fadeInBottomLeft": {
-    animationFillMode: "both",
-    animationName: Go
-  }
-}), ui = () => ({
-  "&.fadeOut": {
-    animationFillMode: "both",
-    animationName: Yo
-  },
-  "&.fadeOutLeft": {
-    animationFillMode: "both",
-    animationName: qo
-  },
-  "&.fadeOutRight": {
-    animationFillMode: "both",
-    animationName: Zo
-  },
-  "&.fadeOutDown": {
-    animationFillMode: "both",
-    animationName: Jo
-  },
-  "&.fadeOutUp": {
-    animationFillMode: "both",
-    animationName: Qo
-  },
-  "&.fadeOutDownBig": {
-    animationFillMode: "both",
-    animationName: ei
-  },
-  "&.fadeOutUpBig": {
-    animationFillMode: "both",
-    animationName: ti
-  },
-  "&.fadeOutLeftBig": {
-    animationFillMode: "both",
-    animationName: ni
-  },
-  "&.fadeOutRightBig": {
-    animationFillMode: "both",
-    animationName: ai
-  },
-  "&.fadeOutTopLeft": {
-    animationFillMode: "both",
-    animationName: oi
-  },
-  "&.fadeOutBottomRight": {
-    animationFillMode: "both",
-    animationName: ii
-  },
-  "&.fadeOutTopRight": {
-    animationFillMode: "both",
-    animationName: li
-  },
-  "&.fadeOutBottomLeft": {
-    animationFillMode: "both",
-    animationName: ri
-  }
-}), di = new u("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)"
-  }
-}), ci = new u("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)"
-  }
-}), mi = new u("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)"
-  }
-}), fi = new u("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)"
-  }
-}), hi = () => ({
-  "&.flipInX": {
-    animationFillMode: "both",
-    backfaceVisibility: "visible !important",
-    animationName: di
-  },
-  "&.flipInY": {
-    animationFillMode: "both",
-    backfaceVisibility: "visible !important",
-    animationName: ci
-  }
-}), gi = () => ({
-  "&.flipOutX": {
-    animationFillMode: "both",
-    backfaceVisibility: "visible !important",
-    animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: mi
-  },
-  "&.flipOutY": {
-    animationFillMode: "both",
-    backfaceVisibility: "visible !important",
-    animationDuration: `${0.3 * 0.75}s !important`,
-    animationName: fi
-  }
-}), yi = new u("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)"
-  }
-}), bi = new u("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)"
-  }
-}), pi = new u("lightSpeedOutLeft", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(-100%, 0, 0) skewX(-30deg)"
-  }
-}), vi = new u("lightSpeedOutRight", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(100%, 0, 0) skewX(30deg)"
-  }
-}), xi = () => ({
-  "&.lightSpeedInLeft": {
-    animationFillMode: "both",
-    animationTimingFunction: "ease-out",
-    animationName: yi
-  },
-  "&.lightSpeedInRight": {
-    animationFillMode: "both",
-    animationTimingFunction: "ease-out",
-    animationName: bi
-  }
-}), Ci = () => ({
-  "&.lightSpeedOutLeft": {
-    animationFillMode: "both",
-    animationTimingFunction: "ease-in",
-    animationName: pi
-  },
-  "&.lightSpeedOutRight": {
-    animationFillMode: "both",
-    animationTimingFunction: "ease-in",
-    animationName: vi
-  }
-}), wi = new u("rotateIn", {
-  from: {
-    opacity: 0,
-    transform: "rotate3d(0, 0, 1, -200deg)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Si = new u("rotateInDownLeft", {
-  from: {
-    opacity: 0,
-    transform: "rotate3d(0, 0, 1, -45deg)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Ii = new u("rotateInDownRight", {
-  from: {
-    opacity: 0,
-    transform: "rotate3d(0, 0, 1, 45deg)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Oi = new u("rotateInUpLeft", {
-  from: {
-    opacity: 0,
-    transform: "rotate3d(0, 0, 1, 45deg)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Mi = new u("rotateInUpRight", {
-  from: {
-    opacity: 0,
-    transform: "rotate3d(0, 0, 1, -90deg)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Ri = new u("rotateOut", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "rotate3d(0, 0, 1, 200deg)"
-  }
-}), Bi = new u("rotateOutDownLeft", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "rotate3d(0, 0, 1, 45deg)"
-  }
-}), ki = new u("rotateOutDownRight", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "rotate3d(0, 0, 1, -45deg)"
-  }
-}), $i = new u("rotateOutUpLeft", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "rotate3d(0, 0, 1, -45deg)"
-  }
-}), Ti = new u("rotateOutUpRight", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "rotate3d(0, 0, 1, 90deg)"
-  }
-}), Fi = () => ({
-  "&.rotateIn": {
-    animationFillMode: "both",
-    transformOrigin: "center",
-    animationName: wi
-  },
-  "&.rotateInDownLeft": {
-    animationFillMode: "both",
-    transformOrigin: "left bottom",
-    animationName: Si
-  },
-  "&.rotateInDownRight": {
-    animationFillMode: "both",
-    transformOrigin: "right bottom",
-    animationName: Ii
-  },
-  "&.rotateInUpLeft": {
-    animationFillMode: "both",
-    transformOrigin: "left bottom",
-    animationName: Oi
-  },
-  "&.rotateInUpRight": {
-    animationFillMode: "both",
-    transformOrigin: "right bottom",
-    animationName: Mi
-  }
-}), Pi = () => ({
-  "&.rotateOut": {
-    animationFillMode: "both",
-    transformOrigin: "center",
-    animationName: Ri
-  },
-  "&.rotateOutDownLeft": {
-    animationFillMode: "both",
-    transformOrigin: "left bottom",
-    animationName: Bi
-  },
-  "&.rotateOutDownRight": {
-    animationFillMode: "both",
-    transformOrigin: "right bottom",
-    animationName: ki
-  },
-  "&.rotateOutUpLeft": {
-    animationFillMode: "both",
-    transformOrigin: "left bottom",
-    animationName: $i
-  },
-  "&.rotateOutUpRight": {
-    animationFillMode: "both",
-    transformOrigin: "right bottom",
-    animationName: Ti
-  }
-}), Li = new u("rollIn", {
-  from: {
-    opacity: 0,
-    transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"
-  },
-  to: {
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Di = new u("rollOut", {
-  from: {
-    opacity: 1
-  },
-  to: {
-    opacity: 0,
-    transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)"
-  }
-}), zi = () => ({
-  "&.rollIn": {
-    animationFillMode: "both",
-    animationName: Li
-  }
-}), Ni = () => ({
-  "&.rollOut": {
-    animationFillMode: "both",
-    animationName: Di
-  }
-}), Hi = new u("zoomIn", {
-  from: {
-    opacity: 0,
-    transform: "scale3d(0.3, 0.3, 0.3)"
-  },
-  "50%": {
-    opacity: 1
-  }
-}), _i = new u("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)"
-  }
-}), Ei = new u("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)"
-  }
-}), Vi = new u("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)"
-  }
-}), Ai = new u("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)"
-  }
-}), ji = new u("zoomOut", {
-  from: {
-    opacity: 1
-  },
-  "50%": {
-    opacity: 0,
-    transform: "scale3d(0.3, 0.3, 0.3)"
-  },
-  to: {
-    opacity: 0
-  }
-}), Wi = new u("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)"
-  }
-}), Ki = new u("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)"
-  }
-}), Ui = new u("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)"
-  }
-}), Xi = new u("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)"
-  }
-}), Gi = () => ({
-  "&.zoomIn": {
-    animationFillMode: "both",
-    animationName: Hi
-  },
-  "&.zoomInDown": {
-    animationFillMode: "both",
-    animationName: _i
-  },
-  "&.zoomInLeft": {
-    animationFillMode: "both",
-    animationName: Ei
-  },
-  "&.zoomInRight": {
-    animationFillMode: "both",
-    animationName: Vi
-  },
-  "&.zoomInUp": {
-    animationFillMode: "both",
-    animationName: Ai
-  }
-}), Yi = () => ({
-  "&.zoomOut": {
-    animationFillMode: "both",
-    animationName: ji
-  },
-  "&.zoomOutDown": {
-    animationFillMode: "both",
-    transformOrigin: "center bottom",
-    animationName: Wi
-  },
-  "&.zoomOutLeft": {
-    animationFillMode: "both",
-    transformOrigin: "left center",
-    animationName: Ki
-  },
-  "&.zoomOutRight": {
-    animationFillMode: "both",
-    transformOrigin: "right center",
-    animationName: Ui
-  },
-  "&.zoomOutUp": {
-    animationFillMode: "both",
-    transformOrigin: "center bottom",
-    animationName: Xi
-  }
-}), qi = new u("slideInDown", {
-  from: {
-    transform: "translate3d(0, -100%, 0)",
-    visibility: "visible"
-  },
-  to: {
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Zi = new u("slideInLeft", {
-  from: {
-    transform: "translate3d(-100%, 0, 0)",
-    visibility: "visible"
-  },
-  to: {
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Ji = new u("slideInRight", {
-  from: {
-    transform: "translate3d(100%, 0, 0)",
-    visibility: "visible"
-  },
-  to: {
-    transform: "translate3d(0, 0, 0)"
-  }
-}), Qi = new u("slideInUp", {
-  from: {
-    transform: "translate3d(0, 100%, 0)",
-    visibility: "visible"
-  },
-  to: {
-    transform: "translate3d(0, 0, 0)"
-  }
-}), el = new u("slideOutDown", {
-  from: {
-    transform: "translate3d(0, 0, 0)"
-  },
-  to: {
-    transform: "translate3d(0, 100%, 0)",
-    visibility: "hidden"
-  }
-}), tl = new u("slideOutLeft", {
-  from: {
-    transform: "translate3d(0, 0, 0)"
-  },
-  to: {
-    transform: "translate3d(-100%, 0, 0)",
-    visibility: "hidden"
-  }
-}), nl = new u("slideOutRight", {
-  from: {
-    transform: "translate3d(0, 0, 0)"
-  },
-  to: {
-    transform: "translate3d(100%, 0, 0)",
-    visibility: "hidden"
-  }
-}), al = new u("slideOutUp", {
-  from: {
-    transform: "translate3d(0, 0, 0)"
-  },
-  to: {
-    transform: "translate3d(0, -100%, 0)",
-    visibility: "hidden"
-  }
-}), ol = () => ({
-  "&.slideInDown": {
-    animationFillMode: "both",
-    animationName: qi
-  },
-  "&.slideInLeft": {
-    animationFillMode: "both",
-    animationName: Zi
-  },
-  "&.slideInRight": {
-    animationFillMode: "both",
-    animationName: Ji
-  },
-  "&.slideInUp": {
-    animationFillMode: "both",
-    animationName: Qi
-  }
-}), il = () => ({
-  "&.slideOutDown": {
-    animationFillMode: "both",
-    animationName: el
-  },
-  "&.slideOutLeft": {
-    animationFillMode: "both",
-    animationName: tl
-  },
-  "&.slideOutRight": {
-    animationFillMode: "both",
-    animationName: nl
-  },
-  "&.slideOutUp": {
-    animationFillMode: "both",
-    animationName: al
-  }
-}), ll = (e) => ({
-  [e.componentCls]: {
-    "&-enter": {
-      background: "transparent",
-      animationDuration: ".3s !important",
-      ...wo(),
-      ...Lo(),
-      ...si(),
-      ...hi(),
-      ...xi(),
-      ...Fi(),
-      ...zi(),
-      ...Gi(),
-      ...ol()
-    },
-    "&-leave": {
-      display: "none",
-      background: "transparent",
-      animationDuration: ".3s !important",
-      ...So(),
-      ...Do(),
-      ...ui(),
-      ...gi(),
-      ...Ci(),
-      ...Pi(),
-      ...Ni(),
-      ...Yi(),
-      ...il()
-    }
-  }
-});
-function rl(e) {
-  return We("LayoutPageTranstion", (t) => {
-    const n = Ke(t);
-    return [ll(n)];
-  }, e);
-}
-const Ol = /* @__PURE__ */ E({
-  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 n = fe({
-      suffixCls: "page-transtion",
-      isPor: !0
-    }), {
-      wrapSSR: a,
-      hashId: i
-    } = rl(n), l = w(() => [m(!1), `${n}-enter`, i.value].join(" ")), d = w(() => [m(!0), `${n}-leave`, i.value].join(" ")), m = (p) => {
-      const x = Ge.preset.find((S) => e.name == S.name);
-      if (x == null)
-        return "";
-      let r = "";
-      e.direction == null ? r = x.directions[0] : r = x.directions.find((S) => S == e.direction) || "", r = r == null || r === "default" ? "" : r, r != "" && (r = p && e.reverse ? y(r, x.directions) : r, r = r[0].toUpperCase() + r.substring(1));
-      const T = p ? "Out" : "In";
-      return x.name + T + r;
-    }, y = (p, x) => {
-      if (p.length == 0 || p == "x" || p == "y")
-        return p;
-      let r = x.indexOf(p);
-      return r = r % 2 == 1 ? r - 1 : r + 1, x[r];
-    };
-    return () => e.disabled ? null : a(o(tn, {
-      enterActiveClass: l.value,
-      leaveActiveClass: d.value
-    }, {
-      default: () => {
-        var p;
-        return [(p = t.default) == null ? void 0 : p.call(t)];
-      }
-    }));
-  }
-});
-export {
-  Rt as BaseMenu,
-  Qa as DefaultHeader,
-  wl as GProLayout,
-  De as GlobalFooter,
-  Cl as PageContainer,
-  Fn as PageLoading,
-  Ol as PageTranstion,
-  Il as SettingDrawer,
-  Le as SiderMenuWrapper,
-  Je as WrapContent,
-  Xe as baseMenuProps,
-  _n as clearMenuItem,
-  Kn as createContext,
-  Xn as createRouteContext,
-  En as flatMap,
-  Sl as getMenuData,
-  Vn as getMenuFirstChildren,
-  jn as handleThemeConfig,
-  Gn as provideProLayoutContext,
-  Un as useContext,
-  J as useProLayoutContext
-};