@gx-design-vue/pro-layout 0.1.0-beta.63 → 0.1.0-beta.64

package/dist/pro-layout.js

@@ -1,9 +1,9 @@
-import { createVNode as t, defineComponent as E, createTextVNode as X, mergeProps as J, toRefs as qe, ref as me, reactive as Re, watch as ue, computed as R, unref as oe, Fragment as Z, withDirectives as Tn, vShow as Dn, isVNode as Be, resolveComponent as Yt, nextTick as gt, watchEffect as zn, onMounted as Gt, Transition as Nn } from "vue";
+import { createVNode as t, defineComponent as E, createTextVNode as X, mergeProps as J, toRefs as qe, ref as me, reactive as Re, watch as ue, computed as R, unref as ie, Fragment as Z, withDirectives as Tn, vShow as Dn, isVNode as Be, resolveComponent as Yt, nextTick as gt, watchEffect as zn, onMounted as Gt, Transition as Nn } from "vue";
 import { pick as ce, cloneDeep as we, omit as Pe } from "lodash-es";
 import { LayoutFooter as An, Spin as yt, Tabs as bt, Menu as ge, Dropdown as st, Layout as je, Popover as Hn, Badge as jn, ConfigProvider as vt, Drawer as Ve, Avatar as qt, Form as kt, Input as Qt, Button as Ye, Empty as Ft, MenuItem as Pt, Breadcrumb as En, Card as Kn, Tooltip as Qe, List as Se, Switch as Zt, TabPane as Wn, Select as _e, message as Un, Segmented as _n, Divider as ot, Alert as Xn } from "ant-design-vue";
 import { useLocalStorage as Ze, useWindowSize as Vn, useColorMode as Yn, useStyleTag as Gn, useMagicKeys as Jt, whenever as ut, useThrottleFn as qn, onKeyStroke as it, useFullscreen as Qn, useDebounceFn as Zn, useClipboard as Jn } from "@vueuse/core";
 import { useState as be, useMemo as ct, useMergedState as Te, useMediaQuery as en } from "@gx-design-vue/pro-hooks";
-import { arrayRepeat as ea, getSlotVNode as Ie, getPrefixCls as le, classNames as G, isBoolean as te, merge as ve, isNumber as ta, isArray as pt, isUrl as Ct, isImg as na, isObject as aa, getLevelData as xt, deepCopy as oa, convertValueBoolean as St, getRandomNumber as Tt, getSlot as ae, getSlotsProps as ia, isWindowsOs as la, isDeepEqualReact as ra, isBrowser as sa } from "@gx-design-vue/pro-utils";
+import { getPrefixCls as ne, arrayRepeat as ea, getSlotVNode as Ie, classNames as G, isBoolean as te, merge as ve, isNumber as ta, isArray as pt, isUrl as Ct, isImg as na, isObject as aa, getLevelData as xt, deepCopy as oa, convertValueBoolean as St, getRandomNumber as Tt, getSlot as oe, getSlotsProps as ia, isWindowsOs as la, isDeepEqualReact as ra, isBrowser as sa } from "@gx-design-vue/pro-utils";
 import ua, { themeConfig as Q, useContext as ca, useProStyle as fe, useStyle as ke, mergeToken as ze, resetComponent as da, getTokenLayoutTheme as Ne, Keyframe as p, checkMenuDark as Je, getDefaultLayoutToken as et, useProConfigContext as Me, getLayoutTheme as tn, useProForm as ma, unit as nn, setAlpha as fa, defaultSystemTheme as ha, defaultLayout as ga, colorList as ya } from "@gx-design-vue/pro-provider";
 import { createTypes as ba } from "vue-types";
 import { spinProps as va } from "ant-design-vue/es/spin";
@@ -172,7 +172,7 @@ const $e = {
   onSelect: {
     type: Function
   }
-}, ie = {
+}, le = {
   ...$e,
   ...at,
   menuLoading: W.looseBool,
@@ -251,7 +251,7 @@ const $e = {
   menuLoading: Boolean,
   autoHideHeader: Boolean,
   isMobile: Boolean,
-  siderWidth: ie.siderWidth,
+  siderWidth: le.siderWidth,
   menuData: {
     type: Array,
     default: () => []
@@ -276,12 +276,12 @@ const $e = {
     default: () => {
     }
   },
-  collapsedButtonRender: ie.collapsedButtonRender,
-  matchMenuKeys: ie.matchMenuKeys,
-  onCollapse: ie.onCollapse,
-  onOpenKeys: ie.onOpenKeys,
+  collapsedButtonRender: le.collapsedButtonRender,
+  matchMenuKeys: le.matchMenuKeys,
+  onCollapse: le.onCollapse,
+  onOpenKeys: le.onOpenKeys,
   onMenuHeaderClick: Function,
-  onSelect: ie.onSelect
+  onSelect: le.onSelect
 }, cn = {
   ...It,
   headerTitleRender: {
@@ -300,14 +300,14 @@ const $e = {
     }
   },
   hasSiderMenu: Boolean,
-  collapsedWidth: ie.collapsedWidth,
-  siderWidth: ie.siderWidth
+  collapsedWidth: le.collapsedWidth,
+  siderWidth: le.siderWidth
 }, mt = {
   loading: W.looseBool,
-  isMobile: ie.isMobile,
+  isMobile: le.isMobile,
   collapsed: at.collapsed,
-  siderWidth: ie.siderWidth,
-  collapsedWidth: ie.collapsedWidth,
+  siderWidth: le.siderWidth,
+  collapsedWidth: le.collapsedWidth,
   fixedTabsBar: $e.fixedTabsBar,
   storageTabsBar: $e.storageTabsBar,
   visible: {
@@ -390,31 +390,29 @@ const $e = {
     }
   },
   setup(e) {
-    const {
-      getPrefixCls: n
-    } = re(), a = n({
+    const n = re(), o = ((n == null ? void 0 : n.getPrefixCls) || ne)({
       suffixCls: "global-footer",
       isPor: !0
     }), {
-      wrapSSR: o,
-      hashId: i
-    } = fe("ProLayoutFooter", [Va], a);
-    return () => o(t(An, {
+      wrapSSR: i,
+      hashId: l
+    } = fe("ProLayoutFooter", [Va], o);
+    return () => i(t(An, {
       style: {
         padding: 0
       }
     }, {
       default: () => [t("div", {
-        class: [a, i.value]
+        class: [o, l.value]
       }, [e.links && t("div", {
-        class: `${a}-links ${i.value}`
-      }, [e.links.map((l) => t("a", {
-        key: l.key,
-        title: l.key,
-        target: l.blankTarget ? "_blank" : "_self",
-        href: l.href
-      }, [l.title]))]), e.copyright && t("div", {
-        class: `${a}-copyright ${i.value}`
+        class: `${o}-links ${l.value}`
+      }, [e.links.map((r) => t("a", {
+        key: r.key,
+        title: r.key,
+        target: r.blankTarget ? "_blank" : "_self",
+        href: r.href
+      }, [r.title]))]), e.copyright && t("div", {
+        class: `${o}-copyright ${l.value}`
       }, [X("Copyright  "), xe().format("YYYY"), X("  "), t("a", {
         href: "https://beian.miit.gov.cn/"
       }, [e.copyright])])])]
@@ -431,7 +429,7 @@ const $e = {
   ...Rt,
   ...$e,
   ...It,
-  ...ie,
+  ...le,
   ...cn,
   ...ce(mt, ["onTabsChange", "onReloadPage", "onUpdate:tabs"]),
   pageContainerProps: {
@@ -696,7 +694,7 @@ const Ke = /* @__PURE__ */ E({
   setup(e, {
     attrs: n
   }) {
-    const a = le({
+    const a = ne({
       suffixCls: "icon"
     }), {
       hashId: o,
@@ -818,7 +816,7 @@ const so = bt.TabPane, uo = ge.Item, co = /* @__PURE__ */ E({
       };
     });
     const v = R(() => u.fixed.concat(u.normal)), m = R(() => f.value === "mix" && !e.isMobile && d.value), S = R(() => V(r.currentRoute.value)), x = R(() => a.value && !n.value), O = R(() => {
-      const y = !(m.value && oe(h.value).length === 0 || C.value.length === 0 || f.value === "top");
+      const y = !(m.value && ie(h.value).length === 0 || C.value.length === 0 || f.value === "top");
       return x.value && y ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
     }), g = R(() => G(`${w}-wrap`, {
       [`${b.value}`]: !0,
@@ -875,7 +873,7 @@ const so = bt.TabPane, uo = ge.Item, co = /* @__PURE__ */ E({
       }
     }, _ = (y) => {
       y.forEach((L) => {
-        M(L) && U(oe(L));
+        M(L) && U(ie(L));
       });
     };
     ue(() => C.value, (y) => {
@@ -972,7 +970,7 @@ const so = bt.TabPane, uo = ge.Item, co = /* @__PURE__ */ E({
         return v.value.filter((N, H) => H < z && !M(N)).length === 0;
       if (y === "closeRightTabs")
         return v.value.filter((N, H) => H > z && !M(N)).length === 0;
-    }, ne = (y) => {
+    }, ae = (y) => {
       let L;
       const {
         path: z,
@@ -1011,7 +1009,7 @@ const so = bt.TabPane, uo = ge.Item, co = /* @__PURE__ */ E({
       const L = e.itemRender ? e.itemRender(y) : null, z = M(y);
       return t(st, {
         trigger: "contextmenu",
-        overlay: t(ne, {
+        overlay: t(ae, {
           path: V(y) || "",
           stateType: "contextMenuActiveKey"
         }, null),
@@ -1068,7 +1066,7 @@ const so = bt.TabPane, uo = ge.Item, co = /* @__PURE__ */ E({
         }, null), t("div", {
           class: [`${w}-dropdown-menu-btn-divider`, b.value]
         }, null), t(st, {
-          overlay: t(ne, {
+          overlay: t(ae, {
             path: l.activeKey,
             stateType: "activeKey"
           }, null)
@@ -1436,7 +1434,7 @@ const fo = (e) => ({
   setup(e, {
     slots: n
   }) {
-    const a = le({
+    const a = ne({
       suffixCls: "layout-app",
       isPor: !0
     }), {
@@ -2050,7 +2048,7 @@ function Ht(e) {
 const {
   Sider: zo
 } = je, Sn = (e) => e ? t(La, null, null) : t(Oa, null, null), jt = /* @__PURE__ */ E({
-  props: ie,
+  props: le,
   inheritAttrs: !1,
   setup(e) {
     const {
@@ -2084,13 +2082,13 @@ const {
       hashId: U
     } = fe("ProLayoutSiderMenu", [So, xo, Co, pn, (F) => {
       var pe, Ce;
-      const Y = (pe = F == null ? void 0 : F.layout) == null ? void 0 : pe.sider, ne = et("sider", F, (Ce = F.layout) == null ? void 0 : Ce.key), {
+      const Y = (pe = F == null ? void 0 : F.layout) == null ? void 0 : pe.sider, ae = et("sider", F, (Ce = F.layout) == null ? void 0 : Ce.key), {
         dark: he
       } = Ne(F), ee = Je(F, "sider");
       return {
         [`${F.proComponentsCls}-basic-layout`]: {
           [F.componentCls]: {
-            background: (Y == null ? void 0 : Y.colorBgMenu) || (ne == null ? void 0 : ne.colorBgMenu),
+            background: (Y == null ? void 0 : Y.colorBgMenu) || (ae == null ? void 0 : ae.colorBgMenu),
             boxShadow: ee || he ? "#0d0d0da6 0 2px 8px" : "2px 0 8px 0 rgba(29,35,41,.05)",
             [`${F.componentCls}-footer`]: {
               color: Y == null ? void 0 : Y.colorTextMenu
@@ -2120,7 +2118,7 @@ const {
     }, [() => e.collapsedButtonRender, () => e.isMobile, () => e.collapsed]), K = (F) => {
       var Y;
       if (e.onSelect) {
-        if (oe(T)) {
+        if (ie(T)) {
           e.onSelect([(Y = a == null ? void 0 : a.value) == null ? void 0 : Y[0], ...F]);
           return;
         }
@@ -2136,7 +2134,7 @@ const {
         drawer: $.value
       }, e), {
         default: () => [B.value]
-      }) : null, ne = e.menuExtraRender && ((Ce = e.menuExtraRender) == null ? void 0 : Ce.call(e, e)), he = e.menuLinksRender, ee = e.siderActionsRender, pe = t(yn, {
+      }) : null, ae = e.menuExtraRender && ((Ce = e.menuExtraRender) == null ? void 0 : Ce.call(e, e)), he = e.menuLinksRender, ee = e.siderActionsRender, pe = t(yn, {
         class: `${O}-menu ${U.value}`,
         theme: j.value,
         mode: "inline",
@@ -2156,7 +2154,7 @@ const {
         },
         onSelect: K
       }, null);
-      return T.value && oe(o.value).length === 0 && e.suppressSiderWhenMenuEmpty || _.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : M(t(vt, {
+      return T.value && ie(o.value).length === 0 && e.suppressSiderWhenMenuEmpty || _.value.length === 0 && e.suppressSiderWhenMenuEmpty ? null : M(t(vt, {
         theme: {
           components: {
             Menu: xn({
@@ -2205,9 +2203,9 @@ const {
             }, [t(yt, {
               spinning: w.value,
               indicator: (Le = C == null ? void 0 : C.indicator) == null ? void 0 : Le.value
-            }, null)]), Y || null, ne && t("div", {
+            }, null)]), Y || null, ae && t("div", {
               class: G([U.value, `${O}-extra`, !Y && `${O}-extra-no-logo`])
-            }, [ne]), t("div", {
+            }, [ae]), t("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
@@ -2242,7 +2240,7 @@ const {
     };
   }
 }), wn = {
-  ...ie,
+  ...le,
   ...It
 }, No = (e, n) => e === !1 ? null : e ? e(n, null) : n, Ao = /* @__PURE__ */ E({
   props: wn,
@@ -2347,10 +2345,10 @@ const {
       }, [t("a", null, [vn(e.logo)])]);
       return d(t("div", {
         class: c.value
-      }, [e.isMobile ? t(Z, null, [No(e.menuHeaderRender, m), e.isMobile && oe(u) && t("span", {
+      }, [e.isMobile ? t(Z, null, [No(e.menuHeaderRender, m), e.isMobile && ie(u) && t("span", {
         class: `${f}-collapsed-button ${$.value}`,
         onClick: I
-      }, [oe(u)(e.collapsed)]), v()]) : ["mix", "wide", "top"].includes(e.layout) ? t("div", {
+      }, [ie(u)(e.collapsed)]), v()]) : ["mix", "wide", "top"].includes(e.layout) ? t("div", {
         style: {
           width: e.layout === "wide" ? `${e.wideWidth}px` : void 0,
           padding: e.layout === "wide" && h.value < e.wideWidth ? "0 50px" : void 0
@@ -2409,7 +2407,7 @@ const {
       const U = (ye = M.layout) == null ? void 0 : ye.header, _ = et("header", M, (se = M.layout) == null ? void 0 : se.key), q = Je(M, "header");
       return {
         [`${M.proComponentsCls}-basic-layout`]: {
-          [`${M.antCls}-layout-header${M.componentCls}${M.componentCls}-${oe(d.value.key)}`]: {
+          [`${M.antCls}-layout-header${M.componentCls}${M.componentCls}-${ie(d.value.key)}`]: {
             color: q ? M.colorWhite : M.colorText,
             backgroundColor: (U == null ? void 0 : U.colorBgMenu) || (_ == null ? void 0 : _.colorBgMenu),
             boxShadow: s.value ? "#0d0d0da6 0 2px 8px" : "",
@@ -2499,7 +2497,7 @@ const {
   name: "SiderMenuWrapper",
   inheritAttrs: !1,
   props: {
-    ...ie,
+    ...le,
     matchMenuKeys: {
       type: Array,
       default: () => []
@@ -2637,7 +2635,7 @@ const Ko = /* @__PURE__ */ E({
   setup(e, {
     slots: n
   }) {
-    const a = le({
+    const a = ne({
       suffixCls: "basic-layout",
       isPor: !0
     });
@@ -2666,7 +2664,7 @@ const Ko = /* @__PURE__ */ E({
       theme: s.value ? "dark" : e.theme
     })), v = R(() => (l.value === "sm" || l.value === "xs") && !e.disableMobile && !I.value), m = R(() => ({
       ...e.breadcrumb || {},
-      itemRender: ae(n, e, "pageContainerProps:breadcrumbRender")
+      itemRender: oe(n, e, "pageContainerProps:breadcrumbRender")
     })), S = R(() => c.value && e.selectedKeys ? Mo(e.menuData, e.selectedKeys[0]) : []), x = ct(() => d.value ? 0 : e.siderWidth ? e.siderWidth : e.layout === "mix" ? 215 : e.layout === "wide" ? 208 : 256, [() => e.layout, () => e.siderWidth, () => d.value]);
     ue([() => e.layout, () => e.theme], ([g]) => {
       (g === "wide" || g === "simple") && (d.value = !1), C.value = Tt().uuid(10);
@@ -2681,7 +2679,7 @@ const Ko = /* @__PURE__ */ E({
     }), null);
     return Ga({
       ...ce(qe(e), Ya),
-      getPrefixCls: le,
+      getPrefixCls: ne,
       menuState: u,
       lockOpen: h,
       settingsOpen: f,
@@ -2699,7 +2697,7 @@ const Ko = /* @__PURE__ */ E({
       var Y;
       const g = ia(hn, n, e, {
         render: !0
-      }), T = ae(n, e, "collapsedButtonRender"), D = ae(n, e, "footerRender"), j = ae(n, e, "headerRender"), M = ae(n, e, "headerContentRender"), U = ae(n, e, "rightContentRender"), _ = ae(n, e, "tabsRouteItemRender"), q = ae(n, e, "menuItemRender"), ye = ae(n, e, "menuExtraRender"), se = ae(n, e, "menuHeaderRender"), B = ae(n, e, "menuFooterRender"), k = ae(n, e, "subMenuItemRender"), P = ae(n, e, "menuContentRender"), K = O({
+      }), T = oe(n, e, "collapsedButtonRender"), D = oe(n, e, "footerRender"), j = oe(n, e, "headerRender"), M = oe(n, e, "headerContentRender"), U = oe(n, e, "rightContentRender"), _ = oe(n, e, "tabsRouteItemRender"), q = oe(n, e, "menuItemRender"), ye = oe(n, e, "menuExtraRender"), se = oe(n, e, "menuHeaderRender"), B = oe(n, e, "menuFooterRender"), k = oe(n, e, "subMenuItemRender"), P = oe(n, e, "menuContentRender"), K = O({
         ...e,
         ...ce(g, fn),
         menuItemRender: q,
@@ -2752,8 +2750,8 @@ const Ko = /* @__PURE__ */ E({
             itemRender: _
           }, ce(e, Ja)), {
             default: () => {
-              var ne;
-              return [(ne = n.default) == null ? void 0 : ne.call(n)];
+              var ae;
+              return [(ae = n.default) == null ? void 0 : ae.call(n)];
             }
           }), D ? typeof D == "function" ? D(e) : D : t(At, {
             copyright: g.copyrightRender,
@@ -3180,7 +3178,7 @@ const Go = /* @__PURE__ */ E({
   props: Uo,
   emits: ["update:open", "openChange"],
   setup(e) {
-    const n = le({
+    const n = ne({
       suffixCls: "page-lock",
       isPor: !0
     }), a = re(), {
@@ -3370,7 +3368,7 @@ const ei = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     onClose: Function
   },
   setup(e) {
-    const n = nt(), a = Ze(e.historyKey || le({
+    const n = nt(), a = Ze(e.historyKey || ne({
       suffixCls: "layout-search-history",
       isPor: !0
     }), []), o = me(0), i = me([]), l = qn(r, 200);
@@ -3501,7 +3499,7 @@ const ei = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     }
   },
   setup(e) {
-    const n = le({
+    const n = ne({
       suffixCls: "page-search",
       isPor: !0
     }), {
@@ -3651,7 +3649,7 @@ const Gr = /* @__PURE__ */ E({
     const {
       isFullscreen: a,
       toggle: o
-    } = Qn(), i = Me(), l = re(), r = en(), s = le({
+    } = Qn(), i = Me(), l = re(), r = en(), s = ne({
       suffixCls: "global-header",
       isPor: !0
     }), [C, h] = be(!1), {
@@ -3695,7 +3693,7 @@ const Gr = /* @__PURE__ */ E({
       e != null && e.onLogout && (h(!0), e.onLogout(() => h(!1)));
     };
     return () => {
-      const g = Ie(n, e, "dropdownMenuRender"), T = Ie(n, e, "dropdownRender"), D = Ie(n, e, "dropdownMenuExtraItemRender"), j = ae(n, e, "actionsRender"), M = a.value ? Ta : Da;
+      const g = Ie(n, e, "dropdownMenuRender"), T = Ie(n, e, "dropdownRender"), D = Ie(n, e, "dropdownMenuExtraItemRender"), j = oe(n, e, "actionsRender"), M = a.value ? Ta : Da;
       return f(t("div", {
         class: `${s}-right-content ${d.value}`.trim(),
         style: {
@@ -3826,7 +3824,7 @@ const Gr = /* @__PURE__ */ E({
     breadcrumb: ft.breadcrumbRender
   },
   setup(e) {
-    const n = re(), o = ((n == null ? void 0 : n.getPrefixCls) || le)({
+    const n = re(), o = ((n == null ? void 0 : n.getPrefixCls) || ne)({
       isPor: !0,
       suffixCls: "page-header"
     }), {
@@ -3913,7 +3911,7 @@ const qr = /* @__PURE__ */ E({
     slots: n,
     attrs: a
   }) {
-    const o = re(), i = wt(), l = Me(), r = (o == null ? void 0 : o.getPrefixCls) || le, s = r({
+    const o = re(), i = wt(), l = Me(), r = (o == null ? void 0 : o.getPrefixCls) || ne, s = r({
       suffixCls: "page-container",
       isPor: !0
     }), C = r({
@@ -3976,7 +3974,7 @@ const qr = /* @__PURE__ */ E({
     };
     return () => {
       var T, D;
-      const x = Ie(n, e, "pageHeaderRender") || ((T = o == null ? void 0 : o.pageHeaderRender) == null ? void 0 : T.value), O = ae(n, e, "breadcrumbRender"), g = Ie(n, e, "contentRender");
+      const x = Ie(n, e, "pageHeaderRender") || ((T = o == null ? void 0 : o.pageHeaderRender) == null ? void 0 : T.value), O = oe(n, e, "breadcrumbRender"), g = Ie(n, e, "contentRender");
       return u(t("div", {
         style: a.style,
         class: {
@@ -4644,7 +4642,7 @@ const {
     onChange: Function
   },
   setup(e) {
-    const n = le({
+    const n = ne({
       suffixCls: "others",
       isPor: !0
     }), {
@@ -4796,10 +4794,10 @@ const {
   props: Bi(),
   emits: ["change", "layoutChange", "openChange", "update:open"],
   setup(e) {
-    const n = Me(), a = re(), o = le({
+    const n = Me(), a = re(), o = ne({
       suffixCls: "setting-drawer",
       isPor: !0
-    }), i = Re({}), l = Ze(le({
+    }), i = Re({}), l = Ze(ne({
       suffixCls: "settings-state",
       isPor: !0
     }), {}), {
@@ -4854,7 +4852,7 @@ const {
     }, {
       immediate: !0
     });
-    const T = R(() => e.colorList && pt(e.colorList) ? e.colorList : []), D = R(() => Do(oe(S))), {
+    const T = R(() => e.colorList && pt(e.colorList) ? e.colorList : []), D = R(() => Do(ie(S))), {
       copy: j,
       copied: M,
       isSupported: U
@@ -4872,24 +4870,24 @@ const {
       e.storage && (l.value.dark = B);
     });
     const _ = (B, k, P) => {
-      var Y, ne, he;
+      var Y, ae, he;
       const K = ["header", "sider"], F = {};
       if (P != null && P.subKey && K.includes(B)) {
         F[B] = {}, F[B][P == null ? void 0 : P.subKey] = k, (Y = e.onLayoutChange) == null || Y.call(e, ce(F, K));
         return;
       } else
-        B === "animate" ? (F[B] = {}, P != null && P.subKey && (F[B][P == null ? void 0 : P.subKey] = k), (P == null ? void 0 : P.subKey) === "name" && (F[B].direction = (he = (ne = Ri.find((ee) => ee.name === k)) == null ? void 0 : ne.directions) == null ? void 0 : he[0])) : F[B] = k;
+        B === "animate" ? (F[B] = {}, P != null && P.subKey && (F[B][P == null ? void 0 : P.subKey] = k), (P == null ? void 0 : P.subKey) === "name" && (F[B].direction = (he = (ae = Ri.find((ee) => ee.name === k)) == null ? void 0 : ae.directions) == null ? void 0 : he[0])) : F[B] = k;
       if (B === "colorWeak") {
         const ee = document.querySelector("body");
         ee && (ee.dataset.prosettingdrawer = k === !0 ? ee.style.filter : ee.dataset.prosettingdrawer || "none", k === !0 && (ee.dataset.prosettingdrawer = ee.style.filter), ee.style.filter = k === !0 ? "invert(80%)" : ee.dataset.prosettingdrawer || "none", k || delete ee.dataset.prosettingdrawer);
       }
-      x(ve(oe(S), {
+      x(ve(ie(S), {
         ...To(Pe(F, K))
       }));
     }, q = (B) => {
       l.value.dark = B === "system" ? B : B === "dark", g(null, B === "system" ? B : B === "dark");
     }, ye = () => {
-      U.value && j(JSON.stringify(oe(S)));
+      U.value && j(JSON.stringify(ie(S)));
     }, se = () => {
       x(Pe(we(i), "dark")), g(null, i.dark), l.value = we(i);
     };
@@ -4971,7 +4969,7 @@ const {
           }, {
             default: () => [t(Ut, {
               prefixCls: o,
-              value: oe(S).layout,
+              value: ie(S).layout,
               key: "layout",
               hashId: s.value,
               configType: "layout",
@@ -5005,22 +5003,22 @@ const {
               title: P
             }) => t(Xe, {
               label: P,
-              disabled: oe(D)[k],
-              value: oe(S)[k],
+              disabled: ie(D)[k],
+              value: ie(S)[k],
               prefixCls: o,
               hashId: s.value,
               valueKey: k,
               onChange: (K, F) => _(K, F)
             }, null)), e.weakmode && t(Xe, {
               label: "色弱模式",
-              value: oe(S).colorWeak,
+              value: ie(S).colorWeak,
               prefixCls: o,
               hashId: s.value,
               valueKey: "colorWeak",
               onChange: (k, P) => _(k, P)
             }, null), e.showProgress && t(Xe, {
               label: "顶部进度条",
-              value: oe(S).showProgressBar,
+              value: ie(S).showProgressBar,
               prefixCls: o,
               hashId: s.value,
               valueKey: "showProgressBar",
@@ -6385,7 +6383,7 @@ const Zr = /* @__PURE__ */ E({
   setup(e, {
     slots: n
   }) {
-    const a = le({
+    const a = ne({
       suffixCls: "page-transtion",
       isPor: !0
     }), {
@@ -6530,7 +6528,7 @@ const Zr = /* @__PURE__ */ E({
 }), Jr = /* @__PURE__ */ E({
   props: Ue,
   setup(e) {
-    const n = le({
+    const n = ne({
       suffixCls: "layout-app",
       isPor: !0
     }), {