@gx-design-vue/pro-layout 0.1.0-beta.83 → 0.1.0-beta.84

package/dist/components/PageContainer/index.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, ExtractPropTypes, SlotsType } from 'vue';
-import { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
+import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
 import { pageContainerProps } from './props';
 import type { BreadcrumbProps } from '../../_utils';
 export type PageContainerProps = Partial<ExtractPropTypes<typeof pageContainerProps>>;

package/dist/pro-layout.js

@@ -3,7 +3,7 @@ import { pick as oe, cloneDeep as Se, omit as $e } from "lodash-es";
 import { LayoutFooter as _n, Spin as It, Tabs as wt, Menu as ge, Dropdown as ht, Layout as We, Popover as Xn, Badge as Vn, ConfigProvider as Rt, Drawer as Qe, Avatar as en, Form as Dt, Input as tn, Button as Ze, Empty as At, MenuItem as Ht, Breadcrumb as Gn, Card as Yn, Tooltip as nt, List as Me, Switch as nn, TabPane as qn, Select as Ye, message as Qn, Segmented as Zn, Divider as ct, Alert as Jn } from "ant-design-vue";
 import { useLocalStorage as at, useColorMode as ea, useStyleTag as ta, useMagicKeys as an, whenever as gt, useThrottleFn as na, onKeyStroke as ut, useFullscreen as aa, useDebounceFn as oa, useClipboard as ia } from "@vueuse/core";
 import { useState as Ce, useMemo as yt, useMergedState as De, useMediaQuery as on } from "@gx-design-vue/pro-hooks";
-import { getPrefixCls as ie, arrayRepeat as la, getSlotVNode as Be, classNames as Q, isBoolean as ae, merge as ve, isNumber as Ue, isUrl as $t, isImg as ra, isArray as Mt, convertValueBoolean as Fe, isObject as sa, isString as ca, getLevelData as Bt, deepCopy as ua, getRandomNumber as bt, getSlot as re, getSlotsProps as da, isWindowsOs as ma, isDeepEqualReact as fa, isBrowser as ha } from "@gx-design-vue/pro-utils";
+import { getPrefixCls as ie, arrayRepeat as la, getSlotVNode as Be, classNames as Y, isBoolean as ae, merge as ve, isNumber as Ue, isUrl as $t, isImg as ra, isArray as Mt, convertValueBoolean as Fe, isObject as sa, isString as ca, getLevelData as Bt, deepCopy as ua, getRandomNumber as bt, getSlot as re, getSlotsProps as da, isWindowsOs as ma, isDeepEqualReact as fa, isBrowser as ha } from "@gx-design-vue/pro-utils";
 import ga, { themeConfig as Z, useContext as ya, useProStyle as fe, useStyle as Pe, mergeToken as je, getTokenLayoutTheme as ye, resetComponent as ba, Keyframe as S, checkMenuDark as ot, calcUnit as dt, getDefaultLayoutToken as it, useProConfigContext as Oe, unit as Ae, getLayoutTheme as ln, useProForm as va, setAlpha as pa, defaultSystemTheme as Ca, defaultLayout as xa, colorList as Sa } from "@gx-design-vue/pro-provider";
 import { createTypes as Ia } from "vue-types";
 import { spinProps as wa } from "ant-design-vue/es/spin";
@@ -18,7 +18,7 @@ import qa from "ant-design-vue/es/vc-resize-observer";
 import { GPorWaterMark as Qa } from "@gx-design-vue/pro-watermark";
 import Za from "@gx-design-vue/scrollbar";
 import { GColorPicker as Kt } from "@gx-design-vue/color-picker";
-const q = Ia({
+const Q = Ia({
   func: void 0,
   bool: void 0,
   string: void 0,
@@ -27,7 +27,7 @@ const q = Ia({
   object: void 0,
   integer: void 0
 });
-q.extend([{
+Q.extend([{
   name: "looseBool",
   getter: !0,
   type: Boolean,
@@ -170,7 +170,7 @@ const Te = {
   ...Te,
   ...st,
   ...rt,
-  menuLoading: q.looseBool,
+  menuLoading: Q.looseBool,
   suppressSiderWhenMenuEmpty: {
     type: Boolean,
     default: !0
@@ -179,12 +179,12 @@ const Te = {
     type: Number,
     default: void 0
   },
-  collapsedWidth: q.number.def(64),
+  collapsedWidth: Q.number.def(64),
   breakpoint: {
     type: [Object, Boolean],
     default: () => !1
   },
-  isMobile: q.looseBool,
+  isMobile: Q.looseBool,
   matchMenuKeys: {
     type: Array,
     default: () => []
@@ -226,7 +226,7 @@ const Te = {
     }
   },
   // events
-  onMenuClick: q.func,
+  onMenuClick: Q.func,
   onCollapse: {
     type: Function
   }
@@ -286,7 +286,7 @@ const Te = {
   collapsedWidth: ce.collapsedWidth,
   siderWidth: ce.siderWidth
 }, pt = {
-  loading: q.looseBool,
+  loading: Q.looseBool,
   isMobile: ce.isMobile,
   collapsed: st.collapsed,
   siderWidth: ce.siderWidth,
@@ -408,8 +408,8 @@ const Te = {
     }
   },
   pageCardProps: Object,
-  pageContentStyle: q.style,
-  pageChildrenContentStyle: q.style,
+  pageContentStyle: Q.style,
+  pageChildrenContentStyle: Q.style,
   waterMarkProps: {
     type: Object
   },
@@ -434,7 +434,7 @@ const Te = {
     default: () => {
     }
   },
-  pageHeaderStyle: q.style,
+  pageHeaderStyle: Q.style,
   waterMark: {
     type: Boolean,
     default: () => {
@@ -445,7 +445,7 @@ const Te = {
     default: () => {
     }
   },
-  loading: q.bool.def(!1),
+  loading: Q.bool.def(!1),
   ...ao
 }, Ot = {
   dark: {
@@ -495,8 +495,8 @@ const Te = {
     default: () => null
   },
   breadcrumb: [Object, Function],
-  isChildrenLayout: q.looseBool,
-  loading: q.looseBool,
+  isChildrenLayout: Q.looseBool,
+  loading: Q.looseBool,
   footerLinks: {
     type: [Array, Boolean],
     default: gn
@@ -733,7 +733,7 @@ const _e = /* @__PURE__ */ j({
         return (s = e.onClick) == null ? void 0 : s.call(e, l);
       }
     }, [n("svg", {
-      class: Q(a, o.value),
+      class: Y(a, o.value),
       "aria-hidden": "true"
     }, [
       // @ts-ignore
@@ -840,7 +840,7 @@ const po = /* @__PURE__ */ j({
     const p = R(() => c.fixed.concat(c.normal)), m = R(() => f.value === "mix" && !e.isMobile && d.value), w = R(() => U(s.currentRoute.value)), z = R(() => a.value && !t.value), $ = R(() => {
       const C = !(m.value && se(g.value).length === 0 || h.value.length === 0 || f.value === "top");
       return z.value && C ? `calc(100% - ${e.collapsed ? e.collapsedWidth : e.siderWidth}px)` : "100%";
-    }), I = R(() => Q(`${b}-wrap`, {
+    }), I = R(() => Y(`${b}-wrap`, {
       [`${x.value}`]: !0,
       [`${b}-wrap-fixed`]: a.value,
       [`${b}-wrap-loading`]: e.loading
@@ -992,7 +992,7 @@ const po = /* @__PURE__ */ j({
         return p.value.filter((D, A) => A < N && !T(D)).length === 0;
       if (C === "closeRightTabs")
         return p.value.filter((D, A) => A > N && !T(D)).length === 0;
-    }, Y = (C) => {
+    }, q = (C) => {
       let B;
       const {
         name: N,
@@ -1031,7 +1031,7 @@ const po = /* @__PURE__ */ j({
       const B = e.itemRender ? e.itemRender(C) : null, N = T(C);
       return n(ht, {
         trigger: "contextmenu",
-        overlay: n(Y, {
+        overlay: n(q, {
           name: U(C) || "",
           stateType: "contextMenuActiveKey"
         }, null),
@@ -1081,14 +1081,14 @@ const po = /* @__PURE__ */ j({
           }, null)
         }, null))],
         rightExtra: () => n("div", {
-          class: Q(`${b}-dropdown-menu`, x.value)
+          class: Y(`${b}-dropdown-menu`, x.value)
         }, [n(vt, {
           class: [`${b}-dropdown-menu-btn`, x.value],
           onClick: () => be("reloadPage", "activeKey")
         }, null), n("div", {
           class: [`${b}-dropdown-menu-btn-divider`, x.value]
         }, null), n(ht, {
-          overlay: n(Y, {
+          overlay: n(q, {
             name: l.activeKey,
             stateType: "activeKey"
           }, null)
@@ -1488,7 +1488,7 @@ const xo = (e) => {
           onClick: (f) => {
             f.stopPropagation();
           },
-          class: Q(`${a}-icon`, i.value, {
+          class: Y(`${a}-icon`, i.value, {
             [`${a}-icon-active`]: l.value
           })
         }, [n(So, null, null)])]
@@ -1673,6 +1673,20 @@ const et = (e) => {
           minHeight: "100%",
           "&-icon": {
             verticalAlign: "unset"
+          },
+          "&-container": {
+            "&::-webkit-scrollbar": {
+              width: 6,
+              height: 6
+            },
+            "&::-webkit-scrollbar-thumb": {
+              backgroundColor: "rgba(0, 0, 0, 0.2)",
+              borderRadius: "1em"
+            },
+            "&::-webkit-scrollbar-track": {
+              background: "hsla(0, 0%, 100%, 0.15)",
+              borderRadius: "1em"
+            }
           }
         },
         [`& ${e.antCls}-layout-sider-children`]: {
@@ -1963,7 +1977,7 @@ const Po = /* @__PURE__ */ j({
       hashId: i
     } = fe("SiderMenuCollapsedIcon", [ko], a);
     return () => o(n("div", {
-      class: Q(a, i.value, {
+      class: Y(a, i.value, {
         [`${a}-collapsed`]: e.collapsed,
         [`${a}-is-mobile`]: e.isMobile
       }),
@@ -2176,21 +2190,21 @@ const {
       hashId: K
     } = fe("ProLayoutSiderMenu", [Oo, Lo, Bo, In, (H) => {
       var Ie, we;
-      const Y = (Ie = H == null ? void 0 : H.layout) == null ? void 0 : Ie.sider, V = it("sider", H, (we = H.layout) == null ? void 0 : we.key), {
+      const q = (Ie = H == null ? void 0 : H.layout) == null ? void 0 : Ie.sider, V = it("sider", H, (we = H.layout) == null ? void 0 : we.key), {
         dark: xe
       } = ye(H), Ne = ot(H, "sider");
       return {
         [`${H.proComponentsCls}-basic-layout`]: {
           [H.componentCls]: {
-            background: (Y == null ? void 0 : Y.colorBgMenu) || (V == null ? void 0 : V.colorBgMenu),
+            background: (q == null ? void 0 : q.colorBgMenu) || (V == null ? void 0 : V.colorBgMenu),
             boxShadow: Ne || xe ? "#0d0d0da6 0 2px 8px" : "2px 0 8px 0 rgba(29,35,41,.05)",
             [`${H.componentCls}-footer`]: {
-              color: Y == null ? void 0 : Y.colorTextMenu
+              color: q == null ? void 0 : q.colorTextMenu
             }
           }
         }
       };
-    }], I), he = R(() => d.value === "top" ? [] : i.value), de = R(() => e.collapsed ? m.value : p.value), L = R(() => Q([K.value, I, y.value ? "shadow" : null, `${I}-${f.value}`, T.value ? `${I}-fixed` : null])), F = R(() => $.value !== !1 ? $.value || Ln : !1), P = yt(() => e.layout === "simple" || !e.appLogoListRender ? null : n(pn, null, {
+    }], I), he = R(() => d.value === "top" ? [] : i.value), de = R(() => e.collapsed ? m.value : p.value), L = R(() => Y([K.value, I, y.value ? "shadow" : null, `${I}-${f.value}`, T.value ? `${I}-fixed` : null])), F = R(() => $.value !== !1 ? $.value || Ln : !1), P = yt(() => e.layout === "simple" || !e.appLogoListRender ? null : n(pn, null, {
       default: () => {
         var H;
         return [typeof e.appLogoListRender == "function" ? (H = e.appLogoListRender) == null ? void 0 : H.call(e) : e.appLogoListRender];
@@ -2201,20 +2215,20 @@ const {
       e.onCollapse && ((H = e.onCollapse) == null || H.call(e, !c.value));
     }
     const ee = yt(() => {
-      var Y;
+      var q;
       if ($.value === !1) return null;
       const H = n(Po, {
         isMobile: y.value,
         collapsed: c.value,
         onClick: () => W()
       }, null);
-      return $.value ? (Y = $.value) == null ? void 0 : Y.call($, c.value, H) : H;
+      return $.value ? (q = $.value) == null ? void 0 : q.call($, c.value, H) : H;
     }, [() => e.collapsedButtonRender, () => e.isMobile, () => e.collapsed]), be = (H) => {
-      var Y;
+      var q;
       if (e.onSelect) {
         const V = H.selectedKeys;
         if (se(k)) {
-          e.onSelect([(Y = a == null ? void 0 : a.value) == null ? void 0 : Y[0], ...V]);
+          e.onSelect([(q = a == null ? void 0 : a.value) == null ? void 0 : q[0], ...V]);
           return;
         }
         e.onSelect(V);
@@ -2223,7 +2237,7 @@ const {
     return () => {
       var we;
       let H;
-      const Y = O.value && n(kt, te({
+      const q = O.value && n(kt, te({
         hashId: K.value,
         baseClassName: I
       }, oe(e, Object.keys(rt))), {
@@ -2297,13 +2311,14 @@ const {
             }, [n(It, {
               spinning: b.value,
               indicator: (C = h == null ? void 0 : h.indicator) == null ? void 0 : C.value
-            }, null)]), Y || null, Fe(e.menuHeaderRender) && n("div", {
-              class: Q([K.value, `${I}-extra`, !Y && `${I}-extra-no-logo`])
+            }, null)]), q || null, Fe(e.menuHeaderRender) && n("div", {
+              class: Y([K.value, `${I}-extra`, !q && `${I}-extra-no-logo`])
             }, [V]), n("div", {
               style: {
                 flex: "1 1 0%",
                 overflow: "hidden auto"
-              }
+              },
+              class: Y(`${I}-menu-container`)
             }, [w.value && ((B = w.value) == null ? void 0 : B.call(w, e, Ie)) || Ie]), e.layout !== "wide" && n(J, null, [Fe(xe) && Mt(xe) && xe.length > 0 && n("div", {
               class: `${I}-links ${K.value}`
             }, [n(ge, {
@@ -2321,9 +2336,9 @@ const {
             }))) ? H : {
               default: () => [H]
             })]), y.value ? null : n("div", {
-              class: Q(`${I}-actions`, K.value)
+              class: Y(`${I}-actions`, K.value)
             }, [Ne || n(J, null, [n("div", {
-              class: Q(`${I}-actions-item`, K.value),
+              class: Y(`${I}-actions-item`, K.value),
               onClick: () => W()
             }, [F.value && ((N = F.value) == null ? void 0 : N.call(F, c.value))])])])]), z.value && n("div", {
               class: `${I}-footer ${K.value}`
@@ -2801,7 +2816,7 @@ const ti = /* @__PURE__ */ j({
       onDarkChange: e.onDarkChange,
       pageHeaderRender: R(() => Be(t, e, "pageContainerProps:pageHeaderRender"))
     }), () => {
-      var Y;
+      var q;
       const M = da(vn, t, e, {
         render: !0
       }), k = re(t, e, "collapsedButtonRender"), O = re(t, e, "footerRender"), T = re(t, e, "headerRender"), X = re(t, e, "headerContentRender"), E = re(t, e, "rightContentRender"), K = re(t, e, "tabsRouteItemRender"), he = re(t, e, "menuItemRender"), de = re(t, e, "menuHeaderRender"), L = re(t, e, "logoContentRender"), F = re(t, e, "menuFooterRender"), P = re(t, e, "subMenuItemRender"), W = re(t, e, "menuContentRender"), ee = I({
@@ -2822,8 +2837,8 @@ const ti = /* @__PURE__ */ j({
         copyright: M.copyrightRender,
         links: e.footerLinks
       }, null);
-      return o(n(J, null, [e.pure ? (Y = t.default) == null ? void 0 : Y.call(t) : n("div", {
-        class: Q({
+      return o(n(J, null, [e.pure ? (q = t.default) == null ? void 0 : q.call(t) : n("div", {
+        class: Y({
           [`${i.value}`]: !0,
           [`${a}`]: !0,
           [`${a}-${e.layout}`]: !0
@@ -3161,7 +3176,7 @@ const Nn = /* @__PURE__ */ j({
       Object.assign(o, f);
     }, h = (f = "", d) => {
       const y = f ? `${e.className}-${f}` : e.className;
-      return Q(y, e.hashId, "");
+      return Y(y, e.hashId, "");
     }, g = () => {
       i().then(() => {
         var f;
@@ -3235,7 +3250,7 @@ const si = /* @__PURE__ */ j({
       onChange: e.onOpenChange
     }), [o, i] = Ce(!1), l = ri(), s = (r = "", h) => {
       const g = r ? `${e.className}-popup-${r}` : `${e.className}-popup`;
-      return Q(g, e.hashId, h || "");
+      return Y(g, e.hashId, h || "");
     };
     return () => t.value ? n("div", {
       class: s()
@@ -3566,7 +3581,7 @@ const fi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     function x(c, p) {
       c.stopPropagation(), e.keyword ? i.value.splice(p, 1) : a.value.splice(p, 1), o.value = o.value - 1 >= 0 ? o.value - 1 : 0, h();
     }
-    const v = (c) => Q(`${e.className}${c ? `-${c}` : ""}`, e.hashId);
+    const v = (c) => Y(`${e.className}${c ? `-${c}` : ""}`, e.hashId);
     return () => n(J, null, [i.value.length > 0 ? n(J, null, [a.value.length > 0 && !e.keyword && n("div", {
       class: v("panel-title")
     }, [_("搜索历史")]), n("div", {
@@ -3575,7 +3590,7 @@ const fi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
       var m, w, z, $;
       return n("div", {
         key: c.name,
-        class: v(Q("panel-item", p === o.value && "active")),
+        class: v(Y("panel-item", p === o.value && "active")),
         "data-search-item": p,
         onClick: () => g(),
         onMouseenter: () => u(p)
@@ -3599,11 +3614,11 @@ const fi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
   className: e,
   hashId: t
 }) => n("div", {
-  class: Q(`${e}-footer`, t)
+  class: Y(`${e}-footer`, t)
 }, [n("div", {
-  class: Q(`${e}-footer-icon`, t)
+  class: Y(`${e}-footer-icon`, t)
 }, [n(Ha, null, null), _("选择")]), n("div", {
-  class: Q(`${e}-footer-icon`, t)
+  class: Y(`${e}-footer-icon`, t)
 }, [n(Et, null, null), n(Et, {
   rotate: 180
 }, null), _("导航")])]), bi = /* @__PURE__ */ j({
@@ -3647,14 +3662,14 @@ const fi = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
         hashId: o.value
       }, x = `${t}-modal`;
       return a(n(J, null, [n("div", {
-        class: Q(t, o.value),
+        class: Y(t, o.value),
         onClick: () => r(!0)
       }, [n(jt, null, null), n("span", {
-        class: Q(`${t}-word`, o.value)
+        class: Y(`${t}-word`, o.value)
       }, [_("搜索")]), n("span", {
-        class: Q(`${t}-word-icon`, o.value)
+        class: Y(`${t}-word-icon`, o.value)
       }, [_("⌘ "), n("kbd", null, [_("K")])])]), n(Ga, {
-        class: Q(`${x}`, o.value),
+        class: Y(`${x}`, o.value),
         width: 600,
         scrollProps: {
           maxHeight: 400,
@@ -4039,7 +4054,7 @@ const os = /* @__PURE__ */ j({
       hashId: m
     } = Ii(r), w = () => {
       var M, k, O, T;
-      const $ = Be(t, e, "pageChildrenExtraRender"), I = Q(`${r}-children-content`, m.value, c.value && `${r}-children-content-width`);
+      const $ = Be(t, e, "pageChildrenExtraRender"), I = Y(`${r}-children-content`, m.value, c.value && `${r}-children-content-width`);
       return n("div", {
         class: I,
         style: {
@@ -4078,7 +4093,7 @@ const os = /* @__PURE__ */ j({
           [`${r}`]: !0
         }
       }, [e.loading && n("div", {
-        class: Q(`${r}-blur`, m.value)
+        class: Y(`${r}-blur`, m.value)
       }, [n(It, {
         indicator: (O = i == null ? void 0 : i.indicator) == null ? void 0 : O.value
       }, null)]), !u.value && $ !== !1 && ($ || n(xi, {
@@ -4416,14 +4431,14 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
 }, Yt = /* @__PURE__ */ j({
   name: "BlockCheckbox",
   props: {
-    value: q.string,
+    value: Q.string,
     list: {
       type: Array,
       default: () => []
     },
-    configType: q.string,
-    prefixCls: q.string,
-    hashId: q.string,
+    configType: Q.string,
+    prefixCls: Q.string,
+    hashId: Q.string,
     onChange: Function
   },
   setup(e) {
@@ -4436,7 +4451,7 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
         key: a.key
       }, {
         default: () => [n("div", {
-          class: Q(e.hashId, `${t}-item`, `${t}-item-${a.key}`, `${t}-${e.configType}-item`),
+          class: Y(e.hashId, `${t}-item`, `${t}-item-${a.key}`, `${t}-${e.configType}-item`),
           onClick: (o) => {
             var i;
             return (i = e.onChange) == null ? void 0 : i.call(e, a.key, o);
@@ -4463,8 +4478,8 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
       type: Array,
       default: () => []
     },
-    prefixCls: q.string,
-    hashId: q.string,
+    prefixCls: Q.string,
+    hashId: Q.string,
     onChange: Function
   },
   setup(e) {
@@ -4497,12 +4512,12 @@ const Ct = Object.keys(Z).filter((e) => e !== "title"), Ri = [{
 }), qe = /* @__PURE__ */ j({
   name: "RegionalChange",
   props: {
-    label: q.string,
-    value: q.bool,
-    prefixCls: q.string,
+    label: Q.string,
+    value: Q.bool,
+    prefixCls: Q.string,
     valueKey: String,
-    hashId: q.string,
-    disabled: q.bool,
+    hashId: Q.string,
+    disabled: Q.bool,
     onChange: Function
   },
   setup(e) {
@@ -4771,7 +4786,7 @@ const {
 } = Tt, zi = /* @__PURE__ */ j({
   name: "OthersChange",
   props: {
-    prefixCls: q.string,
+    prefixCls: Q.string,
     settingValue: Object,
     onChange: Function
   },
@@ -5005,13 +5020,13 @@ const {
       e.storage && (l.value.dark = L);
     });
     const E = (L, F, P) => {
-      var be, H, Y;
+      var be, H, q;
       const W = ["header", "sider"], ee = {};
       if (P != null && P.subKey && W.includes(L)) {
         ee[L] = {}, ee[L][P == null ? void 0 : P.subKey] = F, (be = e.onLayoutChange) == null || be.call(e, oe(ee, W));
         return;
       } else
-        L === "animate" ? (ee[L] = {}, P != null && P.subKey && (ee[L][P == null ? void 0 : P.subKey] = F), (P == null ? void 0 : P.subKey) === "name" && (ee[L].direction = (Y = (H = Di.find((V) => V.name === F)) == null ? void 0 : H.directions) == null ? void 0 : Y[0])) : ee[L] = F;
+        L === "animate" ? (ee[L] = {}, P != null && P.subKey && (ee[L][P == null ? void 0 : P.subKey] = F), (P == null ? void 0 : P.subKey) === "name" && (ee[L].direction = (q = (H = Di.find((V) => V.name === F)) == null ? void 0 : H.directions) == null ? void 0 : q[0])) : ee[L] = F;
       if (L === "colorWeak") {
         const V = document.querySelector("body");
         V && (V.dataset.prosettingdrawer = F === !0 ? V.style.filter : V.dataset.prosettingdrawer || "none", F === !0 && (V.dataset.prosettingdrawer = V.style.filter), V.style.filter = F === !0 ? "invert(80%)" : V.dataset.prosettingdrawer || "none", F || delete V.dataset.prosettingdrawer);