@gx-design-vue/pro-layout 0.1.0-beta.4 → 0.1.0-beta.41

package/dist/pro-layout.js

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