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

package/dist/{index-Bc7hR1Ge.js → index-CKKhVDR6.js}

@@ -1,29 +1,29 @@
-import { defineComponent as C, createVNode as i, ref as X, Fragment as L, reactive as pt, getCurrentInstance as vt, onMounted as je, onUpdated as mt, onUnmounted as bt, watch as K, mergeProps as _, createTextVNode as b, nextTick as ie, computed as R, defineAsyncComponent as yt, unref as xt, Transition as Ct, withDirectives as St, vShow as wt, toRaw as O } from "vue";
-import { useState as D, useMediaQuery as Mt } from "@gx-design-vue/pro-hooks";
-import { resetComponent as Tt, useProStyle as oe, useStyle as Ge, mergeToken as Xe, unit as q, getProSolidColor as J, setAlpha as kt, useProConfigContext as le, useContext as Ke, getTransitionProps as At, Keyframe as se } from "@gx-design-vue/pro-provider";
-import { isUrl as It, getPrefixCls as H, classNames as d, merge as Rt, isWindowsOs as Bt, getLevelData as Et, isBoolean as qe, getSlotsProps as $t, getSlot as Ot, isFunction as zt, deepMerge as Me } from "@gx-design-vue/pro-utils";
-import { Popover as Ft, Empty as Te, Input as Lt, Dropdown as Dt, Menu as ke, MenuItem as Ae, Avatar as Ht, Tooltip as Ce, List as Ie, Switch as _t, message as Nt, Drawer as Ue, Segmented as Pt, Divider as he, Button as Re } from "ant-design-vue";
-import { getTokenLayoutTheme as ue, darkThemeProps as Wt, LazyIcon as jt, useProLayoutContext as ce, checkMenuDark as Gt, useDarkTheme as Ve, hasDarkValue as Be, toggleLayoutTheme as Ze } from "@gx-design-vue/pro-layout";
-import { getAlphaColor as be } from "ant-design-vue/es/theme/themes/dark/colorAlgorithm";
-import Y, { AppstoreOutlined as Xt, MenuOutlined as Kt, ArrowRightOutlined as qt, CloseOutlined as Ut, SearchOutlined as Ee, EnterOutlined as Vt, ArrowUpOutlined as $e, CompressOutlined as Zt, ExpandOutlined as Qt, SettingOutlined as Qe, LockOutlined as Jt, LogoutOutlined as Yt, UserOutlined as en, DesktopOutlined as tn, CheckOutlined as Je, CopyOutlined as nn, ClearOutlined as rn, EditOutlined as an } from "@ant-design/icons-vue";
-import { useLocalStorage as Ye, useThrottleFn as on, onKeyStroke as fe, useMagicKeys as ln, whenever as Oe, useFullscreen as sn, useDebounceFn as un, useClipboard as cn } from "@vueuse/core";
-import { GProModal as dn } from "@gx-design-vue/pro-modal";
-import { useRouter as hn } from "vue-router";
-import { pick as Se, cloneDeep as ze } from "lodash-es";
-import { GScrollbars as et } from "@gx-design-vue/scrollbar";
-import { AggregationColor as fn, GColorPicker as gn } from "@gx-design-vue/color-picker";
-const U = {
+import { defineComponent as x, createVNode as i, ref as N, Fragment as O, reactive as ht, getCurrentInstance as ft, onMounted as We, onUpdated as gt, onUnmounted as pt, watch as j, mergeProps as H, createTextVNode as b, nextTick as te, computed as F, defineAsyncComponent as vt, unref as mt, Transition as bt, withDirectives as yt, vShow as xt, toRaw as E } from "vue";
+import { useState as z, useMediaQuery as Ct } from "@gx-design-vue/pro-hooks";
+import { resetComponent as St, useProStyle as re, useStyle as je, mergeToken as Ge, unit as G, getProSolidColor as Z, setAlpha as wt, useContext as Xe, useProConfigContext as xe, getTransitionProps as Mt, Keyframe as oe } from "@gx-design-vue/pro-provider";
+import { isUrl as Tt, getPrefixCls as L, classNames as c, merge as At, isWindowsOs as kt, getLevelData as It, isBoolean as Rt, getSlotsProps as Et, getSlot as Bt, isFunction as $t, deepMerge as Me } from "@gx-design-vue/pro-utils";
+import { Popover as Ot, Empty as Te, Input as zt, Dropdown as Ft, Menu as Ae, MenuItem as ke, Avatar as Lt, Tooltip as Ce, List as Ie, Switch as Ht, message as Dt, Drawer as Ke, Segmented as _t, Divider as de, Button as Re } from "ant-design-vue";
+import { getTokenLayoutTheme as ae, LazyIcon as Nt, useProLayoutContext as le, checkMenuDark as Pt, useThemeContext as qe, toggleAnimateTheme as Wt } from "@gx-design-vue/pro-layout";
+import { getAlphaColor as me } from "ant-design-vue/es/theme/themes/dark/colorAlgorithm";
+import Q, { AppstoreOutlined as jt, MenuOutlined as Gt, ArrowRightOutlined as Xt, CloseOutlined as Kt, SearchOutlined as Ee, EnterOutlined as qt, ArrowUpOutlined as Be, CompressOutlined as Ut, ExpandOutlined as Vt, SettingOutlined as Ue, LockOutlined as Zt, LogoutOutlined as Qt, UserOutlined as Jt, DesktopOutlined as Yt, CheckOutlined as Ve, CopyOutlined as en, ClearOutlined as tn, EditOutlined as nn } from "@ant-design/icons-vue";
+import { useLocalStorage as Ze, useThrottleFn as rn, onKeyStroke as he, useMagicKeys as on, whenever as $e, useFullscreen as an, useDebounceFn as ln, useClipboard as sn } from "@vueuse/core";
+import { GProModal as un } from "@gx-design-vue/pro-modal";
+import { useRouter as cn } from "vue-router";
+import { pick as Se, cloneDeep as Oe } from "lodash-es";
+import { GScrollbars as Qe } from "@gx-design-vue/scrollbar";
+import { AggregationColor as dn, GColorPicker as hn } from "@gx-design-vue/color-picker";
+const X = {
   appList: {
     type: Array,
     default: void 0
   },
   onItemClick: Function
-}, tt = /* @__PURE__ */ C({
+}, Je = /* @__PURE__ */ x({
   props: {
     hashId: String,
     baseClassName: String,
-    appList: U.appList,
-    onItemClick: U.onItemClick
+    appList: X.appList,
+    onItemClick: X.onItemClick
   },
   setup(e) {
     return () => i("div", {
@@ -35,7 +35,7 @@ const U = {
       class: `${e.baseClassName}-content-list-item-group ${e.hashId}`.trim()
     }, [i("div", {
       class: `${e.baseClassName}-content-list-item-group-title ${e.hashId}`.trim()
-    }, [t.title]), i(tt, {
+    }, [t.title]), i(Je, {
       hashId: e.hashId,
       onItemClick: e.onItemClick,
       appList: t?.children,
@@ -50,12 +50,12 @@ const U = {
       href: e.onItemClick ? void 0 : t.url,
       target: t.target,
       rel: "noreferrer"
-    }, [i(Sn, {
+    }, [i(xn, {
       logo: t.icon
     }, null), i("div", null, [i("div", null, [t.title]), t.desc ? i("span", null, [t.desc]) : null])])]))])]);
   }
-}), pn = (e, t) => {
-  if (e && typeof e == "string" && It(e))
+}), fn = (e, t) => {
+  if (e && typeof e == "string" && Tt(e))
     return i("img", {
       src: e,
       alt: "logo"
@@ -73,12 +73,12 @@ const U = {
     }, [n]);
   }
   return e;
-}, nt = /* @__PURE__ */ C({
+}, Ye = /* @__PURE__ */ x({
   props: {
     hashId: String,
     baseClassName: String,
-    appList: U.appList,
-    onItemClick: U.onItemClick
+    appList: X.appList,
+    onItemClick: X.onItemClick
   },
   setup(e) {
     return () => i("div", {
@@ -90,7 +90,7 @@ const U = {
       class: `${e.baseClassName}-content-list-item-group ${e.hashId}`.trim()
     }, [i("div", {
       class: `${e.baseClassName}-content-list-item-group-title ${e.hashId}`.trim()
-    }, [t.title]), i(nt, {
+    }, [t.title]), i(Ye, {
       hashId: e.hashId,
       onItemClick: e.onItemClick,
       appList: t?.children,
@@ -105,9 +105,9 @@ const U = {
       href: e.onItemClick ? "javascript:;" : t.url,
       target: t.target,
       rel: "noreferrer"
-    }, [pn(t.icon, t.title), i("div", null, [i("div", null, [t.title])])])]))])]);
+    }, [fn(t.icon, t.title), i("div", null, [i("div", null, [t.title])])])]))])]);
   }
-}), vn = (e) => ({
+}), gn = (e) => ({
   "&-content": {
     maxHeight: "calc(100vh - 48px)",
     overflow: "auto",
@@ -147,7 +147,7 @@ const U = {
         "&:hover": {
           backgroundColor: e.colorBgTextHover
         },
-        "* div": Tt?.(e),
+        "* div": St?.(e),
         a: {
           display: "flex",
           height: "100%",
@@ -174,7 +174,7 @@ const U = {
       }
     }
   }
-}), mn = (e) => ({
+}), pn = (e) => ({
   "&-content": {
     maxHeight: "calc(100vh - 48px)",
     overflow: "auto",
@@ -256,13 +256,13 @@ const U = {
       }
     }
   }
-}), bn = (e) => ({
+}), vn = (e) => ({
   [e.componentCls]: {
-    "&-simple": mn(e),
-    "&-default": vn(e)
+    "&-simple": pn(e),
+    "&-default": gn(e)
   }
-}), yn = (e) => {
-  const { theme: t } = ue(e);
+}), mn = (e) => {
+  const { theme: t } = ae(e);
   return {
     [e.componentCls]: {
       "&-icon": {
@@ -280,12 +280,12 @@ const U = {
         borderRadius: e.borderRadius,
         "&:hover": {
           color: t === "dark" ? e.colorWhite : e.layout?.colorTextAppListIconHover,
-          backgroundColor: t === "dark" ? be("#fff", 0.12) : e.layout?.colorBgAppListIconHover
+          backgroundColor: t === "dark" ? me("#fff", 0.12) : e.layout?.colorBgAppListIconHover
         },
         [`&-active${e.proComponentsCls}-layout-app-icon`]: {
           fontSize: 18,
           color: t === "dark" ? e.colorWhite : e.layout?.colorTextAppListIconHover,
-          backgroundColor: t === "dark" ? be("#fff", 0.12) : e.layout?.colorBgAppListIconHover
+          backgroundColor: t === "dark" ? me("#fff", 0.12) : e.layout?.colorBgAppListIconHover
         }
       },
       "&-item-title": {
@@ -311,94 +311,94 @@ const U = {
       }
     }
   };
-}, xn = /* @__PURE__ */ C({
-  props: U,
+}, bn = /* @__PURE__ */ x({
+  props: X,
   emits: ["itemClick"],
   setup(e) {
-    const t = H({
+    const t = L({
       suffixCls: "layout-app",
       isPor: !0
     }), {
       wrapSSR: n,
       hashId: r
-    } = oe("AppsLogoList", [bn], t), a = (o) => {
-      e.onItemClick?.(o);
+    } = re("AppsLogoList", [vn], t), o = (a) => {
+      e.onItemClick?.(a);
     };
-    return () => e.appList?.some((l) => !l?.desc) ? n(i(nt, {
+    return () => e.appList?.some((l) => !l?.desc) ? n(i(Ye, {
       hashId: r.value,
       appList: e.appList,
-      onItemClick: e.onItemClick ? a : void 0,
+      onItemClick: e.onItemClick ? o : void 0,
       baseClassName: `${t}-simple`
-    }, null)) : n(i(tt, {
+    }, null)) : n(i(Je, {
       hashId: r.value,
       appList: e.appList,
-      onItemClick: e.onItemClick ? a : void 0,
+      onItemClick: e.onItemClick ? o : void 0,
       baseClassName: `${t}-default`
     }, null));
   }
-}), Cn = () => i(Xt, null, null), Sn = ({
+}), yn = () => i(jt, null, null), xn = ({
   logo: e
 }) => typeof e == "string" ? i("img", {
   width: "auto",
   height: 22,
   src: e,
   alt: "logo"
-}, null) : typeof e == "function" ? e() : e, nr = /* @__PURE__ */ C({
+}, null) : typeof e == "function" ? e() : e, er = /* @__PURE__ */ x({
   name: "AppsLogoIcon",
   inheritAttrs: !1,
-  props: U,
+  props: X,
   setup(e) {
-    const t = H({
+    const t = L({
       suffixCls: "layout-app",
       isPor: !0
     }), {
       wrapSSR: n,
       hashId: r
-    } = oe("AppsLogoIcon", [yn], t), [a, o] = D(!1), l = X(), s = X();
-    return () => n(i(L, null, [i("div", {
+    } = re("AppsLogoIcon", [mn], t), [o, a] = z(!1), l = N(), s = N();
+    return () => n(i(O, null, [i("div", {
       ref: l,
-      onClick: (c) => {
-        c.stopPropagation(), c.preventDefault();
+      onClick: (h) => {
+        h.stopPropagation(), h.preventDefault();
       }
-    }, null), i(Ft, {
+    }, null), i(Ot, {
       placement: "bottomRight",
       trigger: ["click"],
       arrow: !1,
       destroyTooltipOnHide: !0,
-      open: a.value,
-      onOpenChange: o,
+      open: o.value,
+      onOpenChange: a,
       overlayClassName: `${t}-popover ${r.value}`.trim(),
-      content: i(xn, e, null),
+      content: i(bn, e, null),
       getPopupContainer: () => l.value || document.body
     }, {
       default: () => [i("span", {
         ref: s,
-        onClick: (c) => {
-          c.stopPropagation();
+        onClick: (h) => {
+          h.stopPropagation();
         },
-        class: d(`${t}-icon`, r.value, {
-          [`${t}-icon-active`]: a.value
+        class: c(`${t}-icon`, r.value, {
+          [`${t}-icon-active`]: o.value
         })
-      }, [i(Cn, null, null)])]
+      }, [i(yn, null, null)])]
     })]));
   }
 });
-function Q() {
-  return Q = Object.assign ? Object.assign.bind() : function(e) {
+function V() {
+  return V = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, Q.apply(null, arguments);
+  }, V.apply(null, arguments);
 }
-var it = (function() {
+var et = (function() {
   if (typeof Map < "u")
     return Map;
   function e(t, n) {
     var r = -1;
-    return t.some(function(a, o) {
-      return a[0] === n ? (r = o, !0) : !1;
+    return t.some(function(o, a) {
+      return o[0] === n ? (r = a, !0) : !1;
     }), r;
   }
   return (
@@ -417,61 +417,61 @@ var it = (function() {
         enumerable: !0,
         configurable: !0
       }), t.prototype.get = function(n) {
-        var r = e(this.__entries__, n), a = this.__entries__[r];
-        return a && a[1];
+        var r = e(this.__entries__, n), o = this.__entries__[r];
+        return o && o[1];
       }, t.prototype.set = function(n, r) {
-        var a = e(this.__entries__, n);
-        ~a ? this.__entries__[a][1] = r : this.__entries__.push([n, r]);
+        var o = e(this.__entries__, n);
+        ~o ? this.__entries__[o][1] = r : this.__entries__.push([n, r]);
       }, t.prototype.delete = function(n) {
-        var r = this.__entries__, a = e(r, n);
-        ~a && r.splice(a, 1);
+        var r = this.__entries__, o = e(r, n);
+        ~o && r.splice(o, 1);
       }, t.prototype.has = function(n) {
         return !!~e(this.__entries__, n);
       }, t.prototype.clear = function() {
         this.__entries__.splice(0);
       }, t.prototype.forEach = function(n, r) {
         r === void 0 && (r = null);
-        for (var a = 0, o = this.__entries__; a < o.length; a++) {
-          var l = o[a];
+        for (var o = 0, a = this.__entries__; o < a.length; o++) {
+          var l = a[o];
           n.call(r, l[1], l[0]);
         }
       }, t;
     })()
   );
-})(), ye = typeof window < "u" && typeof document < "u" && window.document === document, re = (function() {
+})(), be = typeof window < "u" && typeof document < "u" && window.document === document, ne = (function() {
   return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
-})(), wn = (function() {
-  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(re) : function(e) {
+})(), Cn = (function() {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(ne) : function(e) {
     return setTimeout(function() {
       return e(Date.now());
     }, 1e3 / 60);
   };
-})(), Mn = 2;
-function Tn(e, t) {
-  var n = !1, r = !1, a = 0;
-  function o() {
+})(), Sn = 2;
+function wn(e, t) {
+  var n = !1, r = !1, o = 0;
+  function a() {
     n && (n = !1, e()), r && s();
   }
   function l() {
-    wn(o);
+    Cn(a);
   }
   function s() {
-    var c = Date.now();
+    var h = Date.now();
     if (n) {
-      if (c - a < Mn)
+      if (h - o < Sn)
         return;
       r = !0;
     } else
       n = !0, r = !1, setTimeout(l, t);
-    a = c;
+    o = h;
   }
   return s;
 }
-var kn = 20, An = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], In = typeof MutationObserver < "u", Rn = (
+var Mn = 20, Tn = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], An = typeof MutationObserver < "u", kn = (
   /** @class */
   (function() {
     function e() {
-      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Tn(this.refresh.bind(this), kn);
+      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = wn(this.refresh.bind(this), Mn);
     }
     return e.prototype.addObserver = function(t) {
       ~this.observers_.indexOf(t) || this.observers_.push(t), this.connected_ || this.connect_();
@@ -489,128 +489,128 @@ var kn = 20, An = ["top", "right", "bottom", "left", "width", "height", "size",
         return n.broadcastActive();
       }), t.length > 0;
     }, e.prototype.connect_ = function() {
-      !ye || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), In ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+      !be || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), An ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
         attributes: !0,
         childList: !0,
         characterData: !0,
         subtree: !0
       })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
     }, e.prototype.disconnect_ = function() {
-      !ye || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+      !be || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
     }, e.prototype.onTransitionEnd_ = function(t) {
-      var n = t.propertyName, r = n === void 0 ? "" : n, a = An.some(function(o) {
-        return !!~r.indexOf(o);
+      var n = t.propertyName, r = n === void 0 ? "" : n, o = Tn.some(function(a) {
+        return !!~r.indexOf(a);
       });
-      a && this.refresh();
+      o && this.refresh();
     }, e.getInstance = function() {
       return this.instance_ || (this.instance_ = new e()), this.instance_;
     }, e.instance_ = null, e;
   })()
-), rt = (function(e, t) {
+), tt = (function(e, t) {
   for (var n = 0, r = Object.keys(t); n < r.length; n++) {
-    var a = r[n];
-    Object.defineProperty(e, a, {
-      value: t[a],
+    var o = r[n];
+    Object.defineProperty(e, o, {
+      value: t[o],
       enumerable: !1,
       writable: !1,
       configurable: !0
     });
   }
   return e;
-}), V = (function(e) {
+}), K = (function(e) {
   var t = e && e.ownerDocument && e.ownerDocument.defaultView;
-  return t || re;
-}), at = de(0, 0, 0, 0);
-function ae(e) {
+  return t || ne;
+}), nt = se(0, 0, 0, 0);
+function ie(e) {
   return parseFloat(e) || 0;
 }
-function Fe(e) {
+function ze(e) {
   for (var t = [], n = 1; n < arguments.length; n++)
     t[n - 1] = arguments[n];
-  return t.reduce(function(r, a) {
-    var o = e["border-" + a + "-width"];
-    return r + ae(o);
+  return t.reduce(function(r, o) {
+    var a = e["border-" + o + "-width"];
+    return r + ie(a);
   }, 0);
 }
-function Bn(e) {
-  for (var t = ["top", "right", "bottom", "left"], n = {}, r = 0, a = t; r < a.length; r++) {
-    var o = a[r], l = e["padding-" + o];
-    n[o] = ae(l);
+function In(e) {
+  for (var t = ["top", "right", "bottom", "left"], n = {}, r = 0, o = t; r < o.length; r++) {
+    var a = o[r], l = e["padding-" + a];
+    n[a] = ie(l);
   }
   return n;
 }
-function En(e) {
+function Rn(e) {
   var t = e.getBBox();
-  return de(0, 0, t.width, t.height);
+  return se(0, 0, t.width, t.height);
 }
-function $n(e) {
+function En(e) {
   var t = e.clientWidth, n = e.clientHeight;
   if (!t && !n)
-    return at;
-  var r = V(e).getComputedStyle(e), a = Bn(r), o = a.left + a.right, l = a.top + a.bottom, s = ae(r.width), c = ae(r.height);
-  if (r.boxSizing === "border-box" && (Math.round(s + o) !== t && (s -= Fe(r, "left", "right") + o), Math.round(c + l) !== n && (c -= Fe(r, "top", "bottom") + l)), !zn(e)) {
-    var u = Math.round(s + o) - t, g = Math.round(c + l) - n;
-    Math.abs(u) !== 1 && (s -= u), Math.abs(g) !== 1 && (c -= g);
+    return nt;
+  var r = K(e).getComputedStyle(e), o = In(r), a = o.left + o.right, l = o.top + o.bottom, s = ie(r.width), h = ie(r.height);
+  if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= ze(r, "left", "right") + a), Math.round(h + l) !== n && (h -= ze(r, "top", "bottom") + l)), !$n(e)) {
+    var u = Math.round(s + a) - t, g = Math.round(h + l) - n;
+    Math.abs(u) !== 1 && (s -= u), Math.abs(g) !== 1 && (h -= g);
   }
-  return de(a.left, a.top, s, c);
+  return se(o.left, o.top, s, h);
 }
-var On = /* @__PURE__ */ (function() {
+var Bn = /* @__PURE__ */ (function() {
   return typeof SVGGraphicsElement < "u" ? function(e) {
-    return e instanceof V(e).SVGGraphicsElement;
+    return e instanceof K(e).SVGGraphicsElement;
   } : function(e) {
-    return e instanceof V(e).SVGElement && typeof e.getBBox == "function";
+    return e instanceof K(e).SVGElement && typeof e.getBBox == "function";
   };
 })();
-function zn(e) {
-  return e === V(e).document.documentElement;
+function $n(e) {
+  return e === K(e).document.documentElement;
 }
-function Fn(e) {
-  return ye ? On(e) ? En(e) : $n(e) : at;
+function On(e) {
+  return be ? Bn(e) ? Rn(e) : En(e) : nt;
 }
-function Ln(e) {
-  var t = e.x, n = e.y, r = e.width, a = e.height, o = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, l = Object.create(o.prototype);
-  return rt(l, {
+function zn(e) {
+  var t = e.x, n = e.y, r = e.width, o = e.height, a = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, l = Object.create(a.prototype);
+  return tt(l, {
     x: t,
     y: n,
     width: r,
-    height: a,
+    height: o,
     top: n,
     right: t + r,
-    bottom: a + n,
+    bottom: o + n,
     left: t
   }), l;
 }
-function de(e, t, n, r) {
+function se(e, t, n, r) {
   return { x: e, y: t, width: n, height: r };
 }
-var Dn = (
+var Fn = (
   /** @class */
   (function() {
     function e(t) {
-      this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = de(0, 0, 0, 0), this.target = t;
+      this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = se(0, 0, 0, 0), this.target = t;
     }
     return e.prototype.isActive = function() {
-      var t = Fn(this.target);
+      var t = On(this.target);
       return this.contentRect_ = t, t.width !== this.broadcastWidth || t.height !== this.broadcastHeight;
     }, e.prototype.broadcastRect = function() {
       var t = this.contentRect_;
       return this.broadcastWidth = t.width, this.broadcastHeight = t.height, t;
     }, e;
   })()
-), Hn = (
+), Ln = (
   /** @class */
   /* @__PURE__ */ (function() {
     function e(t, n) {
-      var r = Ln(n);
-      rt(this, { target: t, contentRect: r });
+      var r = zn(n);
+      tt(this, { target: t, contentRect: r });
     }
     return e;
   })()
-), _n = (
+), Hn = (
   /** @class */
   (function() {
     function e(t, n, r) {
-      if (this.activeObservations_ = [], this.observations_ = new it(), typeof t != "function")
+      if (this.activeObservations_ = [], this.observations_ = new et(), typeof t != "function")
         throw new TypeError("The callback provided as parameter 1 is not a function.");
       this.callback_ = t, this.controller_ = n, this.callbackCtx_ = r;
     }
@@ -618,16 +618,16 @@ var Dn = (
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
       if (!(typeof Element > "u" || !(Element instanceof Object))) {
-        if (!(t instanceof V(t).Element))
+        if (!(t instanceof K(t).Element))
           throw new TypeError('parameter 1 is not of type "Element".');
         var n = this.observations_;
-        n.has(t) || (n.set(t, new Dn(t)), this.controller_.addObserver(this), this.controller_.refresh());
+        n.has(t) || (n.set(t, new Fn(t)), this.controller_.addObserver(this), this.controller_.refresh());
       }
     }, e.prototype.unobserve = function(t) {
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
       if (!(typeof Element > "u" || !(Element instanceof Object))) {
-        if (!(t instanceof V(t).Element))
+        if (!(t instanceof K(t).Element))
           throw new TypeError('parameter 1 is not of type "Element".');
         var n = this.observations_;
         n.has(t) && (n.delete(t), n.size || this.controller_.removeObserver(this));
@@ -642,7 +642,7 @@ var Dn = (
     }, e.prototype.broadcastActive = function() {
       if (this.hasActive()) {
         var t = this.callbackCtx_, n = this.activeObservations_.map(function(r) {
-          return new Hn(r.target, r.broadcastRect());
+          return new Ln(r.target, r.broadcastRect());
         });
         this.callback_.call(t, n, t), this.clearActive();
       }
@@ -652,7 +652,7 @@ var Dn = (
       return this.activeObservations_.length > 0;
     }, e;
   })()
-), ot = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new it(), lt = (
+), it = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new et(), rt = (
   /** @class */
   /* @__PURE__ */ (function() {
     function e(t) {
@@ -660,8 +660,8 @@ var Dn = (
         throw new TypeError("Cannot call a class as a function.");
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
-      var n = Rn.getInstance(), r = new _n(t, n, this);
-      ot.set(this, r);
+      var n = kn.getInstance(), r = new Hn(t, n, this);
+      it.set(this, r);
     }
     return e;
   })()
@@ -671,21 +671,21 @@ var Dn = (
   "unobserve",
   "disconnect"
 ].forEach(function(e) {
-  lt.prototype[e] = function() {
+  rt.prototype[e] = function() {
     var t;
-    return (t = ot.get(this))[e].apply(t, arguments);
+    return (t = it.get(this))[e].apply(t, arguments);
   };
 });
-var Nn = (function() {
-  return typeof re.ResizeObserver < "u" ? re.ResizeObserver : lt;
+var Dn = (function() {
+  return typeof ne.ResizeObserver < "u" ? ne.ResizeObserver : rt;
 })();
-const Pn = (e) => {
+const _n = (e) => {
   var t;
   let n = ((t = e?.vnode) === null || t === void 0 ? void 0 : t.el) || e && (e.$el || e);
   for (; n && !n.tagName; )
     n = n.nextSibling;
   return n;
-}, Wn = C({
+}, Nn = x({
   compatConfig: {
     MODE: 3
   },
@@ -699,40 +699,40 @@ const Pn = (e) => {
     let {
       slots: n
     } = t;
-    const r = pt({
+    const r = ht({
       width: 0,
       height: 0,
       offsetHeight: 0,
       offsetWidth: 0
     });
-    let a = null, o = null;
+    let o = null, a = null;
     const l = () => {
-      o && (o.disconnect(), o = null);
+      a && (a.disconnect(), a = null);
     }, s = (g) => {
       const {
         onResize: p
-      } = e, x = g[0].target, {
-        width: B,
-        height: A
-      } = x.getBoundingClientRect(), {
-        offsetWidth: T,
-        offsetHeight: S
-      } = x, h = Math.floor(B), v = Math.floor(A);
-      if (r.width !== h || r.height !== v || r.offsetWidth !== T || r.offsetHeight !== S) {
+      } = e, y = g[0].target, {
+        width: w,
+        height: M
+      } = y.getBoundingClientRect(), {
+        offsetWidth: A,
+        offsetHeight: C
+      } = y, f = Math.floor(w), v = Math.floor(M);
+      if (r.width !== f || r.height !== v || r.offsetWidth !== A || r.offsetHeight !== C) {
         const m = {
-          width: h,
+          width: f,
           height: v,
-          offsetWidth: T,
-          offsetHeight: S
+          offsetWidth: A,
+          offsetHeight: C
         };
-        Q(r, m), p && Promise.resolve().then(() => {
-          p(Q(Q({}, m), {
-            offsetWidth: T,
-            offsetHeight: S
-          }), x);
+        V(r, m), p && Promise.resolve().then(() => {
+          p(V(V({}, m), {
+            offsetWidth: A,
+            offsetHeight: C
+          }), y);
         });
       }
-    }, c = vt(), u = () => {
+    }, h = ft(), u = () => {
       const {
         disabled: g
       } = e;
@@ -740,16 +740,16 @@ const Pn = (e) => {
         l();
         return;
       }
-      const p = Pn(c);
-      p !== a && (l(), a = p), !o && p && (o = new Nn(s), o.observe(p));
+      const p = _n(h);
+      p !== o && (l(), o = p), !a && p && (a = new Dn(s), a.observe(p));
     };
-    return je(() => {
+    return We(() => {
       u();
-    }), mt(() => {
+    }), gt(() => {
       u();
-    }), bt(() => {
+    }), pt(() => {
       l();
-    }), K(() => e.disabled, () => {
+    }), j(() => e.disabled, () => {
       u();
     }, {
       flush: "post"
@@ -759,8 +759,8 @@ const Pn = (e) => {
     };
   }
 });
-function jn(e) {
-  return i("svg", _({
+function Pn(e) {
+  return i("svg", H({
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
@@ -772,8 +772,8 @@ function jn(e) {
     "clip-rule": "evenodd"
   }, null)]);
 }
-function st(e) {
-  return i("svg", _({
+function ot(e) {
+  return i("svg", H({
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
@@ -890,8 +890,8 @@ function st(e) {
     values: "10;6"
   }, null)])]);
 }
-function ut(e) {
-  return i("svg", _({
+function at(e) {
+  return i("svg", H({
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
@@ -1125,8 +1125,8 @@ function ut(e) {
     to: "0"
   }, null)])]);
 }
-function Gn(e) {
-  return i("svg", _({
+function Wn(e) {
+  return i("svg", H({
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
@@ -1147,8 +1147,7 @@ const we = {
     default: () => []
   },
   historyKey: String
-}, Xn = () => ({
-  ...Wt,
+}, jn = () => ({
   ...we,
   actions: {
     type: Object,
@@ -1192,17 +1191,17 @@ const we = {
   onLogout: Function,
   onClickSettings: Function
 });
-function Kn(e, t) {
+function Gn(e, t) {
   const n = /* @__PURE__ */ new Map();
   return e.filter((r) => {
-    const a = r[t];
-    return n.has(a) ? !1 : (n.set(a, r), !0);
+    const o = r[t];
+    return n.has(o) ? !1 : (n.set(o, r), !0);
   });
 }
-function qn(e) {
+function Xn(e) {
   return e ? /^https?:\/\/.*$/.test(e) : !1;
 }
-const Un = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\", "]", "^", "{", "|", "}"]), Vn = ({
+const Kn = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\", "]", "^", "{", "|", "}"]), qn = ({
   className: e,
   value: t
 }) => t ? i(Te, {
@@ -1210,7 +1209,7 @@ const Un = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
   description: `未找到搜索结果 "${t}"`
 }, null) : i("div", {
   class: e
-}, [b("没有搜索历史")]), Zn = /* @__PURE__ */ C({
+}, [b("没有搜索历史")]), Un = /* @__PURE__ */ x({
   props: {
     ...we,
     className: String,
@@ -1219,102 +1218,102 @@ const Un = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     onClose: Function
   },
   setup(e) {
-    const t = hn(), n = Ye(e.historyKey || H({
+    const t = cn(), n = Ze(e.historyKey || L({
       suffixCls: "layout-search-history",
       isPor: !0
-    }), []), r = X(0), a = X([]), o = on(l, 200);
-    function l(h) {
-      if (h = h.trim(), !h) {
-        a.value = [];
+    }), []), r = N(0), o = N([]), a = rn(l, 200);
+    function l(f) {
+      if (f = f.trim(), !f) {
+        o.value = [];
         return;
       }
-      const v = p(h), m = [];
+      const v = p(f), m = [];
       e.dataSource.forEach((k) => {
         if (k.meta?.hideInMenu) return;
-        const Z = k.meta?.title || k.name || "";
-        if (v.test(Z.toLowerCase())) {
-          let y = [];
-          const N = k?.key?.split("-") || [];
-          for (let E = 0; E < N.length; E++)
-            y.push(N.slice(0, E + 1).join("-"));
-          y = y.map((E) => e.dataSource.find((f) => f?.key === E)?.meta?.title || ""), m.push(Rt(k, {
+        const q = k.meta?.title || k.name || "";
+        if (v.test(q.toLowerCase())) {
+          let d = [];
+          const U = k?.key?.split("-") || [];
+          for (let D = 0; D < U.length; D++)
+            d.push(U.slice(0, D + 1).join("-"));
+          d = d.map((D) => e.dataSource.find((ue) => ue?.key === D)?.meta?.title || ""), m.push(At(k, {
             meta: {
-              title: y.join("**")
+              title: d.join("**")
             }
           }));
         }
-      }), a.value = m, m.length > 0 && (r.value = 0), r.value = 0;
+      }), o.value = m, m.length > 0 && (r.value = 0), r.value = 0;
     }
-    K(() => e.keyword, (h) => {
-      h ? o(h) : a.value = [...n.value];
+    j(() => e.keyword, (f) => {
+      f ? a(f) : o.value = [...n.value];
     });
     function s() {
-      a.value = [], e.onClose?.();
+      o.value = [], e.onClose?.();
     }
-    function c() {
-      const h = document.querySelector(`[data-search-item="${r.value}"]`);
-      h && h.scrollIntoView({
+    function h() {
+      const f = document.querySelector(`[data-search-item="${r.value}"]`);
+      f && f.scrollIntoView({
         block: "nearest"
       });
     }
     async function u() {
-      if (a.value.length === 0)
+      if (o.value.length === 0)
         return;
-      const h = a.value, v = r.value;
-      if (h.length === 0 || v < 0)
+      const f = o.value, v = r.value;
+      if (f.length === 0 || v < 0)
         return;
-      const m = h[v];
-      m && (n.value.push(m), s(), await ie(), qn(m.path) ? window.open(m.path, "_blank") : t.push({
+      const m = f[v];
+      m && (n.value.push(m), s(), await te(), Xn(m.path) ? window.open(m.path, "_blank") : t.push({
         path: m.path,
         replace: !0
       }));
     }
-    function g(h) {
-      return Un.has(h) ? `\\${h}` : h;
+    function g(f) {
+      return Kn.has(f) ? `\\${f}` : f;
     }
-    function p(h) {
-      const v = [...h].map((m) => g(m)).join(".*");
+    function p(f) {
+      const v = [...f].map((m) => g(m)).join(".*");
       return new RegExp(`.*${v}.*`);
     }
-    function x() {
-      a.value.length !== 0 && (r.value--, r.value < 0 && (r.value = a.value.length - 1), c());
+    function y() {
+      o.value.length !== 0 && (r.value--, r.value < 0 && (r.value = o.value.length - 1), h());
     }
-    function B() {
-      a.value.length !== 0 && (r.value++, r.value > a.value.length - 1 && (r.value = 0), c());
+    function w() {
+      o.value.length !== 0 && (r.value++, r.value > o.value.length - 1 && (r.value = 0), h());
     }
-    je(() => {
-      n.value.length > 0 && (a.value = n.value), fe("Enter", u), fe("ArrowUp", x), fe("ArrowDown", B);
+    We(() => {
+      n.value.length > 0 && (o.value = n.value), he("Enter", u), he("ArrowUp", y), he("ArrowDown", w);
     });
-    function A(h) {
-      r.value = h;
+    function M(f) {
+      r.value = f;
     }
-    function T(h, v) {
-      h.stopPropagation(), e.keyword ? a.value.splice(v, 1) : n.value.splice(v, 1), r.value = r.value - 1 >= 0 ? r.value - 1 : 0, c();
+    function A(f, v) {
+      f.stopPropagation(), e.keyword ? o.value.splice(v, 1) : n.value.splice(v, 1), r.value = r.value - 1 >= 0 ? r.value - 1 : 0, h();
     }
-    const S = (h) => d(`${e.className}${h ? `-${h}` : ""}`, e.hashId);
-    return () => i(L, null, [a.value.length > 0 ? i(L, null, [n.value.length > 0 && !e.keyword && i("div", {
-      class: S("panel-title")
+    const C = (f) => c(`${e.className}${f ? `-${f}` : ""}`, e.hashId);
+    return () => i(O, null, [o.value.length > 0 ? i(O, null, [n.value.length > 0 && !e.keyword && i("div", {
+      class: C("panel-title")
     }, [b("搜索历史")]), i("div", {
-      class: S("panel-list")
-    }, [Kn(a.value, "path").map((h, v) => i("div", {
-      key: h.name,
-      class: S(d("panel-item", v === r.value && "active")),
+      class: C("panel-list")
+    }, [Gn(o.value, "path").map((f, v) => i("div", {
+      key: f.name,
+      class: C(c("panel-item", v === r.value && "active")),
       "data-search-item": v,
       onClick: () => u(),
-      onMouseenter: () => A(v)
+      onMouseenter: () => M(v)
     }, [i("div", {
-      class: S("panel-item-left")
-    }, [i(jt, _(h.meta || {}, {
-      icon: h.meta?.icon || i(Kt, null, null),
-      classNames: S("panel-icon")
-    }), null), h.meta?.title?.split("**")?.map((m, k) => i(L, null, [m, k < h.meta?.title?.split("**")?.length - 1 && i(qt, null, null)])), i("span", null, null)]), i(Ut, {
-      onClick: (m) => T(m, v)
-    }, null)]))])]) : i(Vn, {
-      className: S("result"),
+      class: C("panel-item-left")
+    }, [i(Nt, H(f.meta || {}, {
+      icon: f.meta?.icon || i(Gt, null, null),
+      classNames: C("panel-icon")
+    }), null), f.meta?.title?.split("**")?.map((m, k) => i(O, null, [m, k < f.meta?.title?.split("**")?.length - 1 && i(Xt, null, null)])), i("span", null, null)]), i(Kt, {
+      onClick: (m) => A(m, v)
+    }, null)]))])]) : i(qn, {
+      className: C("result"),
       value: e.keyword
     }, null)]);
   }
-}), Qn = (e) => ({
+}), Vn = (e) => ({
   [e.componentCls]: {
     display: "flex",
     alignItems: "center",
@@ -1327,7 +1326,7 @@ const Un = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     paddingBlock: e.paddingXXS / 2,
     paddingInline: e.paddingXS,
     borderRadius: e.borderRadiusLG * 2,
-    backgroundColor: J(e, e.colorBgLayout),
+    backgroundColor: Z(e, e.colorBgLayout),
     transition: `all ${e.motionDurationMid} ${e.motionEaseInOut}`,
     ">.anticon": {
       fontSize: e.fontSize,
@@ -1338,7 +1337,7 @@ const Un = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     },
     "&-word-icon": {
       padding: "4px 6px",
-      lineHeight: q(e.fontSizeSM),
+      lineHeight: G(e.fontSizeSM),
       borderTopLeftRadius: e.borderRadiusSM,
       borderBottomLeftRadius: e.borderRadiusSM,
       borderTopRightRadius: e.borderRadiusLG * 2,
@@ -1402,24 +1401,24 @@ const Un = /* @__PURE__ */ new Set(["$", "(", ")", "*", "+", ".", "?", "[", "\\"
     }
   }
 });
-function Jn(e) {
-  return Ge("SearchPageInput", (t) => {
-    const n = Xe(t, {});
-    return [Qn(n)];
+function Zn(e) {
+  return je("SearchPageInput", (t) => {
+    const n = Ge(t, {});
+    return [Vn(n)];
   }, e);
 }
-const Yn = ({
+const Qn = ({
   className: e,
   hashId: t
 }) => i("div", {
-  class: d(`${e}-footer`, t)
+  class: c(`${e}-footer`, t)
 }, [i("div", {
-  class: d(`${e}-footer-icon`, t)
-}, [i(Vt, null, null), b("选择")]), i("div", {
-  class: d(`${e}-footer-icon`, t)
-}, [i($e, null, null), i($e, {
+  class: c(`${e}-footer-icon`, t)
+}, [i(qt, null, null), b("选择")]), i("div", {
+  class: c(`${e}-footer-icon`, t)
+}, [i(Be, null, null), i(Be, {
   rotate: 180
-}, null), b("导航")])]), ei = /* @__PURE__ */ C({
+}, null), b("导航")])]), Jn = /* @__PURE__ */ x({
   name: "SearchPageInput",
   props: {
     ...we,
@@ -1433,44 +1432,44 @@ const Yn = ({
     }
   },
   setup(e) {
-    const t = H({
+    const t = L({
       suffixCls: "page-search",
       isPor: !0
     }), {
       wrapSSR: n,
       hashId: r
-    } = Jn(t), [a, o] = D(""), [l, s] = D(!1), c = ce(), u = ln(), g = Bt() ? u["ctrl+k"] : u["cmd+k"], p = X(), x = R(() => Et(e.dataSource?.length ? e.dataSource : c?.menuProps?.value?.menuData));
-    Oe(g, () => {
+    } = Zn(t), [o, a] = z(""), [l, s] = z(!1), h = le(), u = on(), g = kt() ? u["ctrl+k"] : u["cmd+k"], p = N(), y = F(() => It(e.dataSource?.length ? e.dataSource : h?.menuProps?.value?.menuData));
+    $e(g, () => {
       e.disabledShortKey || s(!0);
-    }), Oe(l, () => {
-      ie(() => {
+    }), $e(l, () => {
+      te(() => {
         p.value?.focus();
       });
     });
-    const B = () => {
-      s(!1), a.value = "";
+    const w = () => {
+      s(!1), o.value = "";
     };
     return () => {
-      const A = {
+      const M = {
         className: `${t}`,
         hashId: r.value
-      }, T = `${t}-modal`;
-      return n(i(L, null, [i("div", {
-        class: d(t, r.value),
+      }, A = `${t}-modal`;
+      return n(i(O, null, [i("div", {
+        class: c(t, r.value),
         onClick: () => s(!0)
       }, [i(Ee, null, null), i("span", {
-        class: d(`${t}-word`, r.value)
+        class: c(`${t}-word`, r.value)
       }, [b("搜索")]), i("span", {
-        class: d(`${t}-word-icon`, r.value)
-      }, [b("⌘"), " ", i("kbd", null, [b("K")])])]), i(dn, {
-        class: d(`${T}`, r.value),
+        class: c(`${t}-word-icon`, r.value)
+      }, [b("⌘"), " ", i("kbd", null, [b("K")])])]), i(un, {
+        class: c(`${A}`, r.value),
         width: 600,
         scrollProps: {
           maxHeight: 400,
           minHeight: 200
         },
         centered: !1,
-        title: i(Lt, {
+        title: i(zt, {
           style: {
             width: `${600 * 0.8}px`,
             padding: 0
@@ -1479,27 +1478,27 @@ const Yn = ({
           bordered: !1,
           size: "large",
           placeholder: "搜索导航菜单",
-          value: a.value,
+          value: o.value,
           prefix: i(Ee, null, null),
-          onChange: (S) => o(S.target.value)
+          onChange: (C) => a(C.target.value)
         }, null),
         open: l.value,
-        footer: i(Yn, {
-          className: T,
+        footer: i(Qn, {
+          className: A,
           hashId: r.value
         }, null),
-        onCancel: () => B()
+        onCancel: () => w()
       }, {
-        default: () => [i(Zn, _(A, {
-          keyword: a.value,
-          dataSource: x.value,
-          onClose: () => B()
+        default: () => [i(Un, H(M, {
+          keyword: o.value,
+          dataSource: y.value,
+          onClose: () => w()
         }), null)]
       })]));
     };
   }
-}), ti = (e) => {
-  const { dark: t } = ue(e), n = Gt(e, "header");
+}), Yn = (e) => {
+  const { dark: t } = ae(e), n = Pt(e, "header");
   return {
     [`${e.componentCls}`]: {
       "&-header-actions": {
@@ -1531,7 +1530,7 @@ const Yn = ({
             borderRadius: e.borderRadius,
             transition: `color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,
             "&:hover": {
-              background: n ? be("#fff", 0.12) : e.colorBgTextHover
+              background: n ? me("#fff", 0.12) : e.colorBgTextHover
             }
           }
         },
@@ -1543,11 +1542,11 @@ const Yn = ({
           display: "flex",
           alignItems: "center",
           height: 44,
-          lineHeight: q(44),
+          lineHeight: G(44),
           borderRadius: e.borderRadius,
           paddingInlineEnd: e.padding,
           "&:hover": {
-            backgroundColor: kt(e.colorTextBase, 0.03)
+            backgroundColor: wt(e.colorTextBase, 0.03)
           }
         },
         "&-avatar": {
@@ -1565,17 +1564,17 @@ const Yn = ({
     }
   };
 };
-function ni(e) {
-  return Ge("RightContent", (t) => {
-    const n = Xe(t);
-    return [ti(n)];
+function ei(e) {
+  return je("RightContent", (t) => {
+    const n = Ge(t);
+    return [Yn(n)];
   }, e);
 }
-const ir = /* @__PURE__ */ C({
+const tr = /* @__PURE__ */ x({
   name: "GlobalRightContent",
-  props: Xn(),
+  props: jn(),
   inheritAttrs: !1,
-  emits: ["logout", "darkChange", "clickSettings", "update:dark", "lockOpenChange"],
+  emits: ["logout", "clickSettings", "lockOpenChange"],
   slots: Object,
   setup(e, {
     slots: t
@@ -1583,20 +1582,17 @@ const ir = /* @__PURE__ */ C({
     const {
       isFullscreen: n,
       toggle: r
-    } = sn(), a = le(), o = ce(), l = Mt(), s = H({
+    } = an(), o = le(), a = Ct(), {
+      setTheme: l,
+      isDark: s,
+      resolvedTheme: h
+    } = qe(), u = L({
       suffixCls: "global-header",
       isPor: !0
     }), {
-      wrapSSR: c,
-      hashId: u
-    } = ni(s), [g, p] = D(!1), [x, B] = D("auto"), {
-      isDark: A,
-      toggleMode: T
-    } = Ve(R(() => Be(e.dark) ? e.dark : o?.dark?.value), {
-      change: (y) => {
-        e.onDarkChange?.(y), e?.["onUpdate:dark"]?.(y), o?.onDarkChange?.(y);
-      }
-    }), S = R(() => qe(o?.isMobile?.value) ? o?.isMobile?.value : l.value === "sm" || l.value === "xs"), h = R(() => Be(e.dark) ? A.value : a?.dark?.value), v = R(() => e.actions === !1 ? {} : {
+      wrapSSR: g,
+      hashId: p
+    } = ei(u), y = N(), [w, M] = z(!1), [A, C] = z("auto"), f = F(() => Rt(o?.isMobile?.value) ? o?.isMobile?.value : a.value === "sm" || a.value === "xs"), v = F(() => e.actions === !1 ? {} : {
       ...{
         lock: !0,
         theme: !0,
@@ -1605,106 +1601,106 @@ const ir = /* @__PURE__ */ C({
         fullScreen: !0
       },
       ...e.actions
-    }), m = un(async (y) => {
-      B(y);
-    }, 160), k = (y) => {
-      Ze({
-        event: y,
-        isDark: h,
-        toggle: T
+    }), m = ln(async (d) => {
+      C(d);
+    }, 160), k = () => {
+      y.value && Wt(y.value, {
+        isDark: h.value === "light",
+        setTheme: l
       });
     };
-    function Z(y) {
-      zt(e.onClickSettings) && e.onClickSettings?.(y);
+    function q(d) {
+      $t(e.onClickSettings) && e.onClickSettings?.(d);
     }
     return () => {
-      const y = $t({
+      const d = Et({
         slots: t,
         props: e,
         keys: ["dropdownRender", "dropdownMenuRender", "dropdownMenuExtraItemRender"],
         render: !0
-      }), N = Ot({
+      }), U = Bt({
         slots: t,
         props: e,
         key: "actionsRender"
-      }), E = n.value ? Zt : Qt, f = v.value.lock ? yt(() => import("./index-D7DswqyL.js")) : i("div", null, null);
-      return c(i("div", {
-        class: `${s}-right-content ${u.value}`.trim(),
+      }), D = n.value ? Ut : Vt, ue = v.value.lock ? vt(() => import("./index-DTZ6nANN.js")) : i("div", null, null);
+      return g(i("div", {
+        class: `${u}-right-content ${p.value}`.trim(),
         style: {
-          minWidth: x.value,
+          minWidth: A.value,
           height: "100%"
         }
       }, [i("div", {
         style: {
           height: "100%"
         }
-      }, [i(Wn, {
+      }, [i(Nn, {
         key: "resize-observer",
         onResize: ({
-          width: P
+          width: ce
         }) => {
-          m(P);
+          m(ce);
         }
       }, {
         default: () => [i("div", {
-          class: `${s}-header-actions ${u.value}`.trim()
-        }, [t.default?.() ?? i(L, null, [v.value.search && !S.value && i(ei, {
+          class: `${u}-header-actions ${p.value}`.trim()
+        }, [t.default?.() ?? i(O, null, [v.value.search && !f.value && i(Jn, {
           dataSource: e.dataSource,
           disabledShortKey: e.shortsKey?.disabled
         }, null), v.value.theme && i("div", {
-          class: `${s}-header-actions-item ${u.value}`.trim()
-        }, [i(Y, {
-          class: `${s}-header-actions-icon ${u.value}`.trim(),
-          component: h.value ? ut : st,
-          onClick: (P) => k(P)
-        }, null)]), v.value.settings && !S.value && i("div", {
-          class: `${s}-header-actions-item ${u.value}`.trim()
-        }, [i(Qe, {
-          onClick: () => Z("settings")
-        }, null)]), v.value.fullScreen && !S.value && i("div", {
-          class: `${s}-header-actions-item ${u.value}`.trim()
-        }, [i(E, {
+          ref: y,
+          class: `${u}-header-actions-item ${p.value}`.trim()
+        }, [i(Q, {
+          class: `${u}-header-actions-icon ${p.value}`.trim(),
+          component: s.value ? at : ot,
+          onClick: () => k()
+        }, null)]), v.value.settings && !f.value && i("div", {
+          class: `${u}-header-actions-item ${p.value}`.trim()
+        }, [i(Ue, {
+          onClick: () => q("settings")
+        }, null)]), v.value.fullScreen && !f.value && i("div", {
+          class: `${u}-header-actions-item ${p.value}`.trim()
+        }, [i(D, {
           onClick: () => r()
-        }, null)]), N ? N?.([`${s}-header-actions-item`, u.value]) : null]), i(Dt, _({
+        }, null)]), U ? U?.([`${u}-header-actions-item`, p.value]) : null]), i(Ft, H({
           placement: "bottomRight",
           overlayStyle: {
             maxWidth: 120,
             minWidth: 120
           }
         }, e.dropdownProps, {
-          overlay: y.dropdownMenuRender || i(ke, null, {
-            default: () => [y.dropdownMenuExtraItemRender, v.value.lock && i(L, null, [i(Ae, {
+          overlay: d.dropdownMenuRender || i(Ae, null, {
+            default: () => [d.dropdownMenuExtraItemRender, v.value.lock && i(O, null, [i(ke, {
               key: "lock",
-              icon: i(Jt, null, null),
-              onClick: () => p(!0)
+              icon: i(Zt, null, null),
+              onClick: () => M(!0)
             }, {
               default: () => [b("锁定屏幕")]
-            }), i(ke.Divider, null, null)]), i(Ae, {
+            }), i(Ae.Divider, null, null)]), i(ke, {
               key: "logout",
-              icon: i(Yt, null, null),
+              icon: i(Qt, null, null),
               onClick: () => e.onLogout?.()
             }, {
               default: () => [b("退出登录")]
             })]
           })
         }), {
-          default: () => [y.dropdownRender || i("div", {
-            class: `${s}-header-actions-avatar ${u.value}`.trim()
-          }, [i(Ht, {
+          default: () => [d.dropdownRender || i("div", {
+            class: `${u}-header-actions-avatar ${p.value}`.trim()
+          }, [i(Lt, {
             size: 28,
-            icon: i(en, null, null),
+            icon: i(Jt, null, null),
             src: e.avatar
           }, null), i("div", {
-            class: `${s}-header-actions-name ${u.value}`.trim()
+            class: `${u}-header-actions-name ${p.value}`.trim()
           }, [e.name])])]
         })])]
-      })]), i(f, {
-        open: g.value,
-        onOpenChange: (P) => p(P)
+      })]), i(ue, {
+        open: w.value,
+        onOpenChange: (ce) => M(ce)
       }, null)]));
     };
   }
-}), { provideContext: ii, useInjectContext: j } = Ke("theme-editor"), ct = {
+}), { provideContext: ti, useInjectContext: P } = Xe("theme-editor"), lt = {
   width: Number,
   open: {
     type: Boolean,
@@ -1714,7 +1710,7 @@ const ir = /* @__PURE__ */ C({
     type: Function,
     default: void 0
   }
-}, dt = {
+}, st = {
   open: {
     type: Boolean,
     default: void 0
@@ -1746,7 +1742,7 @@ const ir = /* @__PURE__ */ C({
   onChangeSettingState: {
     type: Function
   }
-}, ri = [{
+}, ni = [{
   value: "light",
   label: () => i("div", {
     style: {
@@ -1754,8 +1750,8 @@ const ir = /* @__PURE__ */ C({
       alignItems: "center",
       gap: "6px"
     }
-  }, [i(Y, {
-    component: st
+  }, [i(Q, {
+    component: ot
   }, null), b("亮色")])
 }, {
   value: "dark",
@@ -1765,8 +1761,8 @@ const ir = /* @__PURE__ */ C({
       alignItems: "center",
       gap: "6px"
     }
-  }, [i(Y, {
-    component: ut
+  }, [i(Q, {
+    component: at
   }, null), b("深色")])
 }, {
   value: "system",
@@ -1776,14 +1772,14 @@ const ir = /* @__PURE__ */ C({
       alignItems: "center",
       gap: "6px"
     }
-  }, [i(tn, null, null), b("自动")])
-}], ht = [{
+  }, [i(Yt, null, null), b("自动")])
+}], ut = [{
   key: "light",
   title: "亮色菜单风格"
 }, {
   key: "dark",
   title: "暗色菜单风格"
-}], ft = [{
+}], ct = [{
   key: "side",
   title: "侧边菜单布局"
 }, {
@@ -1798,7 +1794,7 @@ const ir = /* @__PURE__ */ C({
 }, {
   key: "simple",
   title: "简单菜单布局"
-}], ai = [{
+}], ii = [{
   label: "fixedHeader",
   title: "固定 Header"
 }, {
@@ -1807,13 +1803,13 @@ const ir = /* @__PURE__ */ C({
 }, {
   label: "splitMenus",
   title: "自动分割菜单"
-}], oi = [{
+}], ri = [{
   label: "showTabsBar",
   title: "多标签"
 }, {
   label: "fixedTabsBar",
   title: "固定多标签"
-}], li = [{
+}], oi = [{
   key: "techBlue",
   color: "#1677FF",
   title: "拂晓蓝（默认）"
@@ -1845,7 +1841,7 @@ const ir = /* @__PURE__ */ C({
   key: "purple",
   color: "#722ED1",
   title: "酱紫"
-}], Le = /* @__PURE__ */ C({
+}], Fe = /* @__PURE__ */ x({
   name: "BlockCheckbox",
   props: {
     value: String,
@@ -1860,32 +1856,32 @@ const ir = /* @__PURE__ */ C({
     const {
       hashId: t,
       prefixCls: n
-    } = j();
+    } = P();
     return () => {
       const r = `${n}-block-checkbox`;
       return i("div", {
         class: [r, t.value]
-      }, [e.list.map((a) => i(Ce, {
-        title: a.title,
-        key: a.key
+      }, [e.list.map((o) => i(Ce, {
+        title: o.title,
+        key: o.key
       }, {
         default: () => [i("div", {
-          class: d(t.value, `${r}-item`, `${r}-item-${a.key}`, `${r}-${e.configType}-item`),
-          onClick: (o) => e.onChange?.(a.key, o)
-        }, [a.key === "wide" && i("div", {
-          class: [`${r}-item-${a.key}-content`, t.value]
-        }, null), i(Je, {
+          class: c(t.value, `${r}-item`, `${r}-item-${o.key}`, `${r}-${e.configType}-item`),
+          onClick: (a) => e.onChange?.(o.key, a)
+        }, [o.key === "wide" && i("div", {
+          class: [`${r}-item-${o.key}-content`, t.value]
+        }, null), i(Ve, {
           class: `${r}-selectIcon ${t.value}`.trim(),
           style: {
-            display: e.value === a.key ? "block" : "none"
+            display: e.value === o.key ? "block" : "none"
           }
-        }, null), a?.icon ? i("div", {
+        }, null), o?.icon ? i("div", {
           class: `${r}-icon ${t.value}`.trim()
-        }, [a.icon]) : null])]
+        }, [o.icon]) : null])]
       }))]);
     };
   }
-}), ee = /* @__PURE__ */ C({
+}), J = /* @__PURE__ */ x({
   name: "RegionalChange",
   props: {
     label: String,
@@ -1898,7 +1894,7 @@ const ir = /* @__PURE__ */ C({
     const {
       hashId: t,
       prefixCls: n
-    } = j();
+    } = P();
     return () => i(Ie, {
       class: `${n}-list ${t.value}`.trim(),
       split: !1,
@@ -1921,7 +1917,7 @@ const ir = /* @__PURE__ */ C({
       }),
       dataSource: [{
         title: e.label,
-        action: i(_t, {
+        action: i(Ht, {
           size: "small",
           disabled: e.disabled,
           checked: !!e.value,
@@ -1932,13 +1928,13 @@ const ir = /* @__PURE__ */ C({
       }]
     }, null);
   }
-}), si = ["copyButton", "progress", "weakMode", "extraSettingState"], ui = /* @__PURE__ */ C({
+}), ai = ["copyButton", "progress", "weakMode", "extraSettingState"], li = /* @__PURE__ */ x({
   props: {
-    ...ct,
-    ...Se(dt, ["copyButton", "progress", "weakMode", "extraSettingState"]),
+    ...lt,
+    ...Se(st, ["copyButton", "progress", "weakMode", "extraSettingState"]),
     disabled: Object,
-    dark: Boolean,
-    onChangeDark: Function,
+    theme: [Boolean, String],
+    onChangeTheme: Function,
     onChangeConfig: Function,
     onChangeExtraConfig: Function
   },
@@ -1947,18 +1943,18 @@ const ir = /* @__PURE__ */ C({
       hashId: t,
       drawerClass: n,
       prefixCls: r
-    } = j(), a = ce(), {
-      copy: o,
+    } = P(), o = le(), {
+      copy: a,
       copied: l,
       isSupported: s
-    } = cn();
-    K(l, (u) => {
-      u && Nt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
+    } = sn();
+    j(l, (u) => {
+      u && Dt.success("拷贝成功，请到 config/default/themeConfig.js 中替换默认配置");
     });
-    const c = () => {
-      s.value && o(JSON.stringify(xt(a?.settings?.value)));
+    const h = () => {
+      s.value && a(JSON.stringify(mt(o?.settings?.value)));
     };
-    return () => i(Ue, {
+    return () => i(Ke, {
       width: e.width,
       closable: !1,
       placement: "right",
@@ -1973,93 +1969,93 @@ const ir = /* @__PURE__ */ C({
       onClose: () => e.onOpenChange?.(!1)
     }, {
       default: () => [i("div", {
-        class: d([`${n}-wrapper`, t.value])
-      }, [i(et, null, {
+        class: c([`${n}-wrapper`, t.value])
+      }, [i(Qe, null, {
         default: () => [i("div", {
-          class: d([`${n}-content`, t.value])
+          class: c([`${n}-content`, t.value])
         }, [i("div", {
-          class: d([`${r}-card`, t.value])
+          class: c([`${r}-card`, t.value])
         }, [i("div", {
-          class: d(`${r}-card-header`, t.value)
+          class: c(`${r}-card-header`, t.value)
         }, [i("div", {
-          class: d(`${r}-card-header-title`, t.value)
+          class: c(`${r}-card-header-title`, t.value)
         }, [b("系统配置")]), i("div", {
-          class: d(`${r}-card-header-subtitle`, t.value)
+          class: c(`${r}-card-header-subtitle`, t.value)
         }, [b("GxDesign Pro")])]), i("div", {
-          class: d(`${r}-card-content`, t.value)
-        }, [i(G, {
+          class: c(`${r}-card-content`, t.value)
+        }, [i(W, {
           prefixCls: `${r}`,
           hashId: t.value,
           title: "整体风格"
         }, {
-          default: () => [i(Pt, {
-            value: qe(e.dark) ? e.dark ? "dark" : "light" : "system",
-            options: ri,
-            onChange: (u) => e.onChangeDark?.(u)
+          default: () => [i(_t, {
+            value: e.theme,
+            options: ni,
+            onChange: (u) => e.onChangeTheme?.(u)
           }, null)]
-        }), i(G, {
+        }), i(W, {
           prefixCls: r,
           hashId: t.value,
           title: "菜单风格"
         }, {
-          default: () => [i(Le, {
-            value: a?.settings?.value.theme,
-            list: ht,
+          default: () => [i(Fe, {
+            value: o?.settings?.value.menuTheme,
+            list: ut,
             configType: "menuTheme",
             key: "menuTheme",
             onChange: (u) => e.onChangeConfig?.({
-              theme: u
+              menuTheme: u
             })
           }, null)]
-        }), i(he, null, null), i(G, {
+        }), i(de, null, null), i(W, {
           hashId: t.value,
           prefixCls: r,
           title: "导航模式"
         }, {
-          default: () => [i(Le, {
-            value: a?.settings?.value.layout,
+          default: () => [i(Fe, {
+            value: o?.settings?.value.layout,
             key: "layout",
             configType: "layout",
-            list: ft,
+            list: ct,
             onChange: (u) => e.onChangeConfig?.({
               layout: u
             })
           }, null)]
-        }), ai.map(({
+        }), ii.map(({
           label: u,
           title: g
-        }) => i(ee, {
+        }) => i(J, {
           label: g,
           valueKey: u,
-          value: a?.settings?.value[u],
+          value: o?.settings?.value[u],
           disabled: e.disabled?.[u],
-          onChange: (p, x) => e.onChangeConfig?.({
-            [p]: x
+          onChange: (p, y) => e.onChangeConfig?.({
+            [p]: y
           })
-        }, null)), i(he, null, null), i(G, {
+        }, null)), i(de, null, null), i(W, {
           hashId: t.value,
           prefixCls: r,
           title: "其他设置"
         }, {
-          default: () => [oi.map(({
+          default: () => [ri.map(({
             label: u,
             title: g
-          }) => i(ee, {
+          }) => i(J, {
             label: g,
             valueKey: u,
-            value: a?.settings?.value[u],
+            value: o?.settings?.value[u],
             disabled: e.disabled?.[u],
-            onChange: (p, x) => e.onChangeConfig?.({
-              [p]: x
+            onChange: (p, y) => e.onChangeConfig?.({
+              [p]: y
             })
-          }, null)), e.weakMode && i(ee, {
+          }, null)), e.weakMode && i(J, {
             label: "色弱模式",
             valueKey: "colorWeak",
             value: e.extraSettingState?.colorWeak,
             onChange: (u, g) => e.onChangeExtraConfig?.({
               [u]: g
             })
-          }, null), e.progress && i(ee, {
+          }, null), e.progress && i(J, {
             label: "顶部进度条",
             valueKey: "progress",
             value: e.extraSettingState?.progress,
@@ -2067,25 +2063,25 @@ const ir = /* @__PURE__ */ C({
               [u]: g
             })
           }, null)]
-        }), e.copyButton && i(he, null, null), i("div", {
+        }), e.copyButton && i(de, null, null), i("div", {
           style: {
             display: "flex",
             gap: "10px"
           }
         }, [e.copyButton && i(Re, {
-          onClick: () => c(),
+          onClick: () => h(),
           block: !0
         }, {
-          default: () => [i(nn, null, null), b("拷贝设置")]
+          default: () => [i(en, null, null), b("拷贝设置")]
         }), i(Re, {
           block: !0
         }, {
-          default: () => [i(rn, null, null), b("清空缓存")]
+          default: () => [i(tn, null, null), b("清空缓存")]
         })])])])])]
       })])]
     });
   }
-}), ci = /* @__PURE__ */ C({
+}), si = /* @__PURE__ */ x({
   name: "ColorSvg",
   setup() {
     return () => i("svg", {
@@ -2464,7 +2460,7 @@ const ir = /* @__PURE__ */ C({
       fill: "#571042"
     }, null)]);
   }
-}), di = (e) => ({
+}), ui = (e) => ({
   [`${e.componentCls}`]: {
     display: "flex",
     alignItems: "flex-start",
@@ -2493,7 +2489,7 @@ const ir = /* @__PURE__ */ C({
       marginBlockEnd: e.marginXS,
       transition: `all ${e.motionDurationMid} linear`,
       "&-active": {
-        backgroundColor: J(e, e.colorBgContainer)
+        backgroundColor: Z(e, e.colorBgContainer)
       },
       svg: {
         fontSize: 48,
@@ -2512,10 +2508,10 @@ const ir = /* @__PURE__ */ C({
       color: e.colorText,
       marginInlineEnd: e.marginXS,
       borderRadius: e.borderRadius * 2,
-      backgroundColor: J(e, e.colorBgContainer)
+      backgroundColor: Z(e, e.colorBgContainer)
     }
   }
-}), hi = /* @__PURE__ */ C({
+}), ci = /* @__PURE__ */ x({
   props: {
     activeKey: {
       type: String,
@@ -2536,108 +2532,108 @@ const ir = /* @__PURE__ */ C({
     }
   },
   setup(e) {
-    const t = H({
+    const t = L({
       suffixCls: "switch-tab",
       isPor: !0
     }), {
       wrapSSR: n,
       hashId: r
-    } = oe("SwitchTab", [di], t), a = X(e.activeKey);
-    K(() => e.activeKey, (l) => {
-      a.value = l;
+    } = re("SwitchTab", [ui], t), o = N(e.activeKey);
+    j(() => e.activeKey, (l) => {
+      o.value = l;
     });
-    function o(l) {
-      a.value = l, e.onChange?.(l);
+    function a(l) {
+      o.value = l, e.onChange?.(l);
     }
     return () => n(i("div", {
-      class: d(`${t}`, r.value)
+      class: c(`${t}`, r.value)
     }, [i("div", {
-      class: d(`${t}-nav`, r.value)
+      class: c(`${t}-nav`, r.value)
     }, [e.dataSource.map((l) => i("div", {
       key: l.value,
-      class: d(`${t}-panel`, r.value, a.value === l.value && `${t}-panel-active`),
-      onClick: () => o(l.value)
+      class: c(`${t}-panel`, r.value, o.value === l.value && `${t}-panel-active`),
+      onClick: () => a(l.value)
     }, [e.renderItem?.(l), i("div", {
-      class: d(`${t}-panel-title`, r.value)
+      class: c(`${t}-panel-title`, r.value)
     }, [l.label])])), i("div", {
-      class: d(`${t}-line`, r.value),
+      class: c(`${t}-line`, r.value),
       style: {
-        top: `${88 * e.dataSource.findIndex((l) => l.value === a.value)}px`
+        top: `${88 * e.dataSource.findIndex((l) => l.value === o.value)}px`
       }
     }, null)]), i("div", {
-      class: d(`${t}-content`, r.value)
-    }, [i(et, null, {
-      default: () => [e.renderContent?.(a.value)]
+      class: c(`${t}-content`, r.value)
+    }, [i(Qe, null, {
+      default: () => [e.renderContent?.(o.value)]
     })])]));
   }
-}), { provideContext: fi, useInjectContext: gi } = Ke("theme-setting"), pi = /* @__PURE__ */ C({
+}), { provideContext: di, useInjectContext: hi } = Xe("theme-setting"), fi = /* @__PURE__ */ x({
   setup() {
     const {
       prefixCls: e,
       hashId: t
-    } = j(), {
+    } = P(), {
       onChange: n
-    } = gi(), {
+    } = hi(), {
       token: r
-    } = le(), a = R(() => {
-      const o = new fn(r.value.colorPrimary);
+    } = xe(), o = F(() => {
+      const a = new dn(r.value.colorPrimary);
       return {
-        hsb: o.toHsbString(),
-        rgb: o.toRgbString(),
-        hex: o.toHexString()
+        hsb: a.toHsbString(),
+        rgb: a.toRgbString(),
+        hex: a.toHexString()
       };
     });
-    return () => i(G, {
+    return () => i(W, {
       hashId: t.value,
       prefixCls: e,
       title: "主题色"
     }, {
       default: () => [i("div", {
-        class: d(`${e}-color-list`, t.value)
-      }, [li.map((o) => i(Ce, {
-        title: o.title,
-        key: o.key
+        class: c(`${e}-color-list`, t.value)
+      }, [oi.map((a) => i(Ce, {
+        title: a.title,
+        key: a.key
       }, {
         default: () => [i("div", {
-          class: d(`${e}-color-item`, t.value),
+          class: c(`${e}-color-item`, t.value),
           style: {
-            background: o.color
+            background: a.color
           },
           onClick: () => {
             n?.({
-              colorPrimary: o.color
+              colorPrimary: a.color
             });
           }
-        }, [o.color.toLowerCase() === r.value.colorPrimary.toLowerCase() ? i(Je, {
+        }, [a.color.toLowerCase() === r.value.colorPrimary.toLowerCase() ? i(Ve, {
           style: {
             color: r.value.colorWhite,
             fontSize: "12px"
           }
         }, null) : null])]
-      }))]), i(gn, {
+      }))]), i(hn, {
         value: r.value.colorPrimary,
-        onChangeComplete: (o) => {
+        onChangeComplete: (a) => {
           n?.({
-            colorPrimary: o.toHexString()
+            colorPrimary: a.toHexString()
           });
         }
       }, {
         default: () => [i("div", {
-          class: d(`${e}-color-picker`, t.value)
+          class: c(`${e}-color-picker`, t.value)
         }, [i("div", {
-          class: d(`${e}-color-picker-inner`, t.value)
+          class: c(`${e}-color-picker-inner`, t.value)
         }, [i("div", {
-          class: d(`${e}-color-picker-top`, t.value),
+          class: c(`${e}-color-picker-top`, t.value),
           style: {
             background: r.value.colorPrimary
           }
-        }, [i("p", null, [b("hsb："), a.value.hsb]), i("p", null, [b("rgb："), a.value.rgb])]), i("div", {
-          class: d(`${e}-color-picker-bottom`, t.value)
+        }, [i("p", null, [b("hsb："), o.value.hsb]), i("p", null, [b("rgb："), o.value.rgb])]), i("div", {
+          class: c(`${e}-color-picker-bottom`, t.value)
         }, [i("div", null, [i("p", null, [b("自定义主题颜色")]), i("p", {
           style: {
             color: r.value.colorPrimary
           }
-        }, [b("HEX:"), a.value.hex])]), i(an, {
+        }, [b("HEX:"), o.value.hex])]), i(nn, {
           style: {
             fontSize: "18px"
           }
@@ -2645,32 +2641,32 @@ const ir = /* @__PURE__ */ C({
       })]
     });
   }
-}), vi = /* @__PURE__ */ C({
+}), gi = /* @__PURE__ */ x({
   setup() {
     const {
       prefixCls: e,
       hashId: t
-    } = j();
-    return () => i(G, {
+    } = P();
+    return () => i(W, {
       hashId: t.value,
       prefixCls: e,
       title: "侧边主题色"
     }, null);
   }
-}), mi = /* @__PURE__ */ C({
+}), pi = /* @__PURE__ */ x({
   setup() {
     const {
       token: e
-    } = le();
+    } = xe();
     return () => i("div", {
       style: {
-        padding: q(e.value.padding)
+        padding: G(e.value.padding)
       }
-    }, [i(pi, null, null), i(vi, null, null)]);
+    }, [i(fi, null, null), i(gi, null, null)]);
   }
-}), bi = /* @__PURE__ */ C({
+}), vi = /* @__PURE__ */ x({
   props: {
-    ...ct,
+    ...lt,
     onChange: {
       type: Function,
       default: void 0
@@ -2681,25 +2677,25 @@ const ir = /* @__PURE__ */ C({
       hashId: t,
       prefixCls: n,
       drawerClass: r
-    } = j(), {
-      token: a
-    } = le(), o = R(() => ue(a.value)), l = R(() => {
-      const s = ft.find((u) => u.key === o.value.layout)?.title;
-      return `${ht.find((u) => u.key === o.value.theme)?.title}/${s}`;
+    } = P(), {
+      token: o
+    } = xe(), a = F(() => ae(o.value)), l = F(() => {
+      const s = ct.find((u) => u.key === a.value.layout)?.title;
+      return `${ut.find((u) => u.key === a.value.theme)?.title}/${s}`;
     });
-    return fi({
+    return di({
       onChange: e.onChange
     }), () => {
       const {
         width: s,
-        open: c,
+        open: h,
         onOpenChange: u
       } = e;
-      return i(Ue, {
+      return i(Ke, {
         width: s,
         closable: !1,
         placement: "right",
-        open: c,
+        open: h,
         bodyStyle: {
           padding: 0
         },
@@ -2709,19 +2705,19 @@ const ir = /* @__PURE__ */ C({
         onClose: () => u?.(!1)
       }, {
         default: () => [i("div", {
-          class: d([`${r}-wrapper`, t.value])
+          class: c([`${r}-wrapper`, t.value])
         }, [i("div", {
           style: {
             paddingInline: "8px",
             paddingTop: "8px"
           }
         }, [i("div", {
-          class: d(`${n}-card-header`, t.value)
+          class: c(`${n}-card-header`, t.value)
         }, [i("div", {
-          class: d(`${n}-card-header-title`, t.value)
+          class: c(`${n}-card-header-title`, t.value)
         }, [b("主题配置")]), i("div", {
-          class: d(`${n}-card-header-subtitle`, t.value)
-        }, [l.value])])]), i(hi, {
+          class: c(`${n}-card-header-subtitle`, t.value)
+        }, [l.value])])]), i(ci, {
           activeKey: "color",
           dataSource: [{
             label: "色彩",
@@ -2729,17 +2725,17 @@ const ir = /* @__PURE__ */ C({
           }],
           renderItem: (g) => {
             if (g.value === "color")
-              return i(ci, null, null);
+              return i(si, null, null);
           },
           renderContent: (g) => {
             if (g === "color")
-              return i(mi, null, null);
+              return i(pi, null, null);
           }
         }, null)])]
       });
     };
   }
-}), yi = /* @__PURE__ */ C({
+}), mi = /* @__PURE__ */ x({
   name: "Trigger",
   inheritAttrs: !1,
   props: {
@@ -2753,175 +2749,175 @@ const ir = /* @__PURE__ */ C({
     const {
       prefixCls: t,
       hashId: n
-    } = j();
-    function r(a) {
+    } = P();
+    function r(o) {
       return {
-        width: a ? q(216) : q(48),
+        width: o ? G(216) : G(48),
         transition: "width 0.3s"
       };
     }
     return () => {
-      const a = At(`${t}-dock-zoom`);
-      return i(L, null, [i("div", {
-        class: d(n.value, `${t}-button`),
+      const o = Mt(`${t}-dock-zoom`);
+      return i(O, null, [i("div", {
+        class: c(n.value, `${t}-button`),
         onClick: () => e.onOpenChange?.(!0)
       }, [i("sup", {
-        class: d(n.value, `${t}-dot`)
+        class: c(n.value, `${t}-dot`)
       }, null), i("div", {
-        class: d(n.value, `${t}-icon`)
-      }, [i(Y, {
-        component: Gn
-      }, null)])]), i(Ct, a, {
-        default: () => [St(i("div", {
-          class: d(n.value, `${t}-dock`)
+        class: c(n.value, `${t}-icon`)
+      }, [i(Q, {
+        component: Wn
+      }, null)])]), i(bt, o, {
+        default: () => [yt(i("div", {
+          class: c(n.value, `${t}-dock`)
         }, [i("div", {
-          class: d(n.value, `${t}-dock-btn`, e.type === "setting" && `${t}-dock-btn-active`),
+          class: c(n.value, `${t}-dock-btn`, e.type === "setting" && `${t}-dock-btn-active`),
           style: r(e.type === "setting"),
           onClick: () => e.onTypeChange?.("setting")
         }, [i("div", {
-          class: d(n.value, `${t}-dock-icon`)
-        }, [i(Qe, null, null), e.type === "setting" && i("span", {
-          class: d(n.value, `${t}-dock-icon-text`)
+          class: c(n.value, `${t}-dock-icon`)
+        }, [i(Ue, null, null), e.type === "setting" && i("span", {
+          class: c(n.value, `${t}-dock-icon-text`)
         }, [b("系统配置")])])]), i("div", {
-          class: d(n.value, `${t}-dock-btn`, e.type === "theme" && `${t}-dock-btn-active`),
+          class: c(n.value, `${t}-dock-btn`, e.type === "theme" && `${t}-dock-btn-active`),
           style: r(e.type === "theme"),
           onClick: () => e.onTypeChange?.("theme")
         }, [i("div", {
-          class: d(n.value, `${t}-dock-icon`)
-        }, [i(Y, {
-          component: jn
+          class: c(n.value, `${t}-dock-icon`)
+        }, [i(Q, {
+          component: Pn
         }, null), e.type === "theme" && i("span", {
-          class: d(n.value, `${t}-dock-icon-text`)
-        }, [b("主题配置")])])])]), [[wt, e.open]])]
+          class: c(n.value, `${t}-dock-icon-text`)
+        }, [b("主题配置")])])])]), [[xt, e.open]])]
       })]);
     };
   }
 });
-function w(e, t) {
-  xi(e) && (e = "100%");
-  var n = Ci(e);
+function S(e, t) {
+  bi(e) && (e = "100%");
+  var n = yi(e);
   return e = t === 360 ? e : Math.min(t, Math.max(0, parseFloat(e))), n && (e = parseInt(String(e * t), 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : (t === 360 ? e = (e < 0 ? e % t + t : e % t) / parseFloat(String(t)) : e = e % t / parseFloat(String(t)), e);
 }
-function te(e) {
+function Y(e) {
   return Math.min(1, Math.max(0, e));
 }
-function xi(e) {
+function bi(e) {
   return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
 }
-function Ci(e) {
+function yi(e) {
   return typeof e == "string" && e.indexOf("%") !== -1;
 }
-function gt(e) {
+function dt(e) {
   return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
-function ne(e) {
+function ee(e) {
   return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
 }
-function W(e) {
+function _(e) {
   return e.length === 1 ? "0" + e : String(e);
 }
-function Si(e, t, n) {
+function xi(e, t, n) {
   return {
-    r: w(e, 255) * 255,
-    g: w(t, 255) * 255,
-    b: w(n, 255) * 255
+    r: S(e, 255) * 255,
+    g: S(t, 255) * 255,
+    b: S(n, 255) * 255
   };
 }
-function De(e, t, n) {
-  e = w(e, 255), t = w(t, 255), n = w(n, 255);
-  var r = Math.max(e, t, n), a = Math.min(e, t, n), o = 0, l = 0, s = (r + a) / 2;
-  if (r === a)
-    l = 0, o = 0;
+function Le(e, t, n) {
+  e = S(e, 255), t = S(t, 255), n = S(n, 255);
+  var r = Math.max(e, t, n), o = Math.min(e, t, n), a = 0, l = 0, s = (r + o) / 2;
+  if (r === o)
+    l = 0, a = 0;
   else {
-    var c = r - a;
-    switch (l = s > 0.5 ? c / (2 - r - a) : c / (r + a), r) {
+    var h = r - o;
+    switch (l = s > 0.5 ? h / (2 - r - o) : h / (r + o), r) {
       case e:
-        o = (t - n) / c + (t < n ? 6 : 0);
+        a = (t - n) / h + (t < n ? 6 : 0);
         break;
       case t:
-        o = (n - e) / c + 2;
+        a = (n - e) / h + 2;
         break;
       case n:
-        o = (e - t) / c + 4;
+        a = (e - t) / h + 4;
         break;
     }
-    o /= 6;
+    a /= 6;
   }
-  return { h: o, s: l, l: s };
+  return { h: a, s: l, l: s };
 }
-function ge(e, t, n) {
+function fe(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * (6 * n) : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
-function wi(e, t, n) {
-  var r, a, o;
-  if (e = w(e, 360), t = w(t, 100), n = w(n, 100), t === 0)
-    a = n, o = n, r = n;
+function Ci(e, t, n) {
+  var r, o, a;
+  if (e = S(e, 360), t = S(t, 100), n = S(n, 100), t === 0)
+    o = n, a = n, r = n;
   else {
     var l = n < 0.5 ? n * (1 + t) : n + t - n * t, s = 2 * n - l;
-    r = ge(s, l, e + 1 / 3), a = ge(s, l, e), o = ge(s, l, e - 1 / 3);
+    r = fe(s, l, e + 1 / 3), o = fe(s, l, e), a = fe(s, l, e - 1 / 3);
   }
-  return { r: r * 255, g: a * 255, b: o * 255 };
+  return { r: r * 255, g: o * 255, b: a * 255 };
 }
 function He(e, t, n) {
-  e = w(e, 255), t = w(t, 255), n = w(n, 255);
-  var r = Math.max(e, t, n), a = Math.min(e, t, n), o = 0, l = r, s = r - a, c = r === 0 ? 0 : s / r;
-  if (r === a)
-    o = 0;
+  e = S(e, 255), t = S(t, 255), n = S(n, 255);
+  var r = Math.max(e, t, n), o = Math.min(e, t, n), a = 0, l = r, s = r - o, h = r === 0 ? 0 : s / r;
+  if (r === o)
+    a = 0;
   else {
     switch (r) {
       case e:
-        o = (t - n) / s + (t < n ? 6 : 0);
+        a = (t - n) / s + (t < n ? 6 : 0);
         break;
       case t:
-        o = (n - e) / s + 2;
+        a = (n - e) / s + 2;
         break;
       case n:
-        o = (e - t) / s + 4;
+        a = (e - t) / s + 4;
         break;
     }
-    o /= 6;
+    a /= 6;
   }
-  return { h: o, s: c, v: l };
+  return { h: a, s: h, v: l };
 }
-function Mi(e, t, n) {
-  e = w(e, 360) * 6, t = w(t, 100), n = w(n, 100);
-  var r = Math.floor(e), a = e - r, o = n * (1 - t), l = n * (1 - a * t), s = n * (1 - (1 - a) * t), c = r % 6, u = [n, l, o, o, s, n][c], g = [s, n, n, l, o, o][c], p = [o, o, s, n, n, l][c];
+function Si(e, t, n) {
+  e = S(e, 360) * 6, t = S(t, 100), n = S(n, 100);
+  var r = Math.floor(e), o = e - r, a = n * (1 - t), l = n * (1 - o * t), s = n * (1 - (1 - o) * t), h = r % 6, u = [n, l, a, a, s, n][h], g = [s, n, n, l, a, a][h], p = [a, a, s, n, n, l][h];
   return { r: u * 255, g: g * 255, b: p * 255 };
 }
-function _e(e, t, n, r) {
-  var a = [
-    W(Math.round(e).toString(16)),
-    W(Math.round(t).toString(16)),
-    W(Math.round(n).toString(16))
+function De(e, t, n, r) {
+  var o = [
+    _(Math.round(e).toString(16)),
+    _(Math.round(t).toString(16)),
+    _(Math.round(n).toString(16))
   ];
-  return r && a[0].startsWith(a[0].charAt(1)) && a[1].startsWith(a[1].charAt(1)) && a[2].startsWith(a[2].charAt(1)) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) : a.join("");
+  return r && o[0].startsWith(o[0].charAt(1)) && o[1].startsWith(o[1].charAt(1)) && o[2].startsWith(o[2].charAt(1)) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) : o.join("");
 }
-function Ti(e, t, n, r, a) {
-  var o = [
-    W(Math.round(e).toString(16)),
-    W(Math.round(t).toString(16)),
-    W(Math.round(n).toString(16)),
-    W(ki(r))
+function wi(e, t, n, r, o) {
+  var a = [
+    _(Math.round(e).toString(16)),
+    _(Math.round(t).toString(16)),
+    _(Math.round(n).toString(16)),
+    _(Mi(r))
   ];
-  return a && o[0].startsWith(o[0].charAt(1)) && o[1].startsWith(o[1].charAt(1)) && o[2].startsWith(o[2].charAt(1)) && o[3].startsWith(o[3].charAt(1)) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) + o[3].charAt(0) : o.join("");
+  return o && a[0].startsWith(a[0].charAt(1)) && a[1].startsWith(a[1].charAt(1)) && a[2].startsWith(a[2].charAt(1)) && a[3].startsWith(a[3].charAt(1)) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0) : a.join("");
 }
-function ki(e) {
+function Mi(e) {
   return Math.round(parseFloat(e) * 255).toString(16);
 }
-function Ne(e) {
-  return M(e) / 255;
+function _e(e) {
+  return T(e) / 255;
 }
-function M(e) {
+function T(e) {
   return parseInt(e, 16);
 }
-function Ai(e) {
+function Ti(e) {
   return {
     r: e >> 16,
     g: (e & 65280) >> 8,
     b: e & 255
   };
 }
-var xe = {
+var ye = {
   aliceblue: "#f0f8ff",
   antiquewhite: "#faebd7",
   aqua: "#00ffff",
@@ -3071,9 +3067,9 @@ var xe = {
   yellow: "#ffff00",
   yellowgreen: "#9acd32"
 };
-function Ii(e) {
-  var t = { r: 0, g: 0, b: 0 }, n = 1, r = null, a = null, o = null, l = !1, s = !1;
-  return typeof e == "string" && (e = Ei(e)), typeof e == "object" && ($(e.r) && $(e.g) && $(e.b) ? (t = Si(e.r, e.g, e.b), l = !0, s = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : $(e.h) && $(e.s) && $(e.v) ? (r = ne(e.s), a = ne(e.v), t = Mi(e.h, r, a), l = !0, s = "hsv") : $(e.h) && $(e.s) && $(e.l) && (r = ne(e.s), o = ne(e.l), t = wi(e.h, r, o), l = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = gt(n), {
+function Ai(e) {
+  var t = { r: 0, g: 0, b: 0 }, n = 1, r = null, o = null, a = null, l = !1, s = !1;
+  return typeof e == "string" && (e = Ri(e)), typeof e == "object" && (R(e.r) && R(e.g) && R(e.b) ? (t = xi(e.r, e.g, e.b), l = !0, s = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : R(e.h) && R(e.s) && R(e.v) ? (r = ee(e.s), o = ee(e.v), t = Si(e.h, r, o), l = !0, s = "hsv") : R(e.h) && R(e.s) && R(e.l) && (r = ee(e.s), a = ee(e.l), t = Ci(e.h, r, a), l = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = dt(n), {
     ok: l,
     format: e.format || s,
     r: Math.min(255, Math.max(t.r, 0)),
@@ -3082,56 +3078,56 @@ function Ii(e) {
     a: n
   };
 }
-var Ri = "[-\\+]?\\d+%?", Bi = "[-\\+]?\\d*\\.\\d+%?", z = "(?:".concat(Bi, ")|(?:").concat(Ri, ")"), pe = "[\\s|\\(]+(".concat(z, ")[,|\\s]+(").concat(z, ")[,|\\s]+(").concat(z, ")\\s*\\)?"), ve = "[\\s|\\(]+(".concat(z, ")[,|\\s]+(").concat(z, ")[,|\\s]+(").concat(z, ")[,|\\s]+(").concat(z, ")\\s*\\)?"), I = {
-  CSS_UNIT: new RegExp(z),
-  rgb: new RegExp("rgb" + pe),
-  rgba: new RegExp("rgba" + ve),
-  hsl: new RegExp("hsl" + pe),
-  hsla: new RegExp("hsla" + ve),
-  hsv: new RegExp("hsv" + pe),
-  hsva: new RegExp("hsva" + ve),
+var ki = "[-\\+]?\\d+%?", Ii = "[-\\+]?\\d*\\.\\d+%?", B = "(?:".concat(Ii, ")|(?:").concat(ki, ")"), ge = "[\\s|\\(]+(".concat(B, ")[,|\\s]+(").concat(B, ")[,|\\s]+(").concat(B, ")\\s*\\)?"), pe = "[\\s|\\(]+(".concat(B, ")[,|\\s]+(").concat(B, ")[,|\\s]+(").concat(B, ")[,|\\s]+(").concat(B, ")\\s*\\)?"), I = {
+  CSS_UNIT: new RegExp(B),
+  rgb: new RegExp("rgb" + ge),
+  rgba: new RegExp("rgba" + pe),
+  hsl: new RegExp("hsl" + ge),
+  hsla: new RegExp("hsla" + pe),
+  hsv: new RegExp("hsv" + ge),
+  hsva: new RegExp("hsva" + pe),
   hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
   hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
   hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
   hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
 };
-function Ei(e) {
+function Ri(e) {
   if (e = e.trim().toLowerCase(), e.length === 0)
     return !1;
   var t = !1;
-  if (xe[e])
-    e = xe[e], t = !0;
+  if (ye[e])
+    e = ye[e], t = !0;
   else if (e === "transparent")
     return { r: 0, g: 0, b: 0, a: 0, format: "name" };
   var n = I.rgb.exec(e);
   return n ? { r: n[1], g: n[2], b: n[3] } : (n = I.rgba.exec(e), n ? { r: n[1], g: n[2], b: n[3], a: n[4] } : (n = I.hsl.exec(e), n ? { h: n[1], s: n[2], l: n[3] } : (n = I.hsla.exec(e), n ? { h: n[1], s: n[2], l: n[3], a: n[4] } : (n = I.hsv.exec(e), n ? { h: n[1], s: n[2], v: n[3] } : (n = I.hsva.exec(e), n ? { h: n[1], s: n[2], v: n[3], a: n[4] } : (n = I.hex8.exec(e), n ? {
-    r: M(n[1]),
-    g: M(n[2]),
-    b: M(n[3]),
-    a: Ne(n[4]),
+    r: T(n[1]),
+    g: T(n[2]),
+    b: T(n[3]),
+    a: _e(n[4]),
     format: t ? "name" : "hex8"
   } : (n = I.hex6.exec(e), n ? {
-    r: M(n[1]),
-    g: M(n[2]),
-    b: M(n[3]),
+    r: T(n[1]),
+    g: T(n[2]),
+    b: T(n[3]),
     format: t ? "name" : "hex"
   } : (n = I.hex4.exec(e), n ? {
-    r: M(n[1] + n[1]),
-    g: M(n[2] + n[2]),
-    b: M(n[3] + n[3]),
-    a: Ne(n[4] + n[4]),
+    r: T(n[1] + n[1]),
+    g: T(n[2] + n[2]),
+    b: T(n[3] + n[3]),
+    a: _e(n[4] + n[4]),
     format: t ? "name" : "hex8"
   } : (n = I.hex3.exec(e), n ? {
-    r: M(n[1] + n[1]),
-    g: M(n[2] + n[2]),
-    b: M(n[3] + n[3]),
+    r: T(n[1] + n[1]),
+    g: T(n[2] + n[2]),
+    b: T(n[3] + n[3]),
     format: t ? "name" : "hex"
   } : !1)))))))));
 }
-function $(e) {
+function R(e) {
   return !!I.CSS_UNIT.exec(String(e));
 }
-var F = (
+var $ = (
   /** @class */
   (function() {
     function e(t, n) {
@@ -3139,9 +3135,9 @@ var F = (
       var r;
       if (t instanceof e)
         return t;
-      typeof t == "number" && (t = Ai(t)), this.originalInput = t;
-      var a = Ii(t);
-      this.originalInput = t, this.r = a.r, this.g = a.g, this.b = a.b, this.a = a.a, this.roundA = Math.round(100 * this.a) / 100, this.format = (r = n.format) !== null && r !== void 0 ? r : a.format, this.gradientType = n.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = a.ok;
+      typeof t == "number" && (t = Ti(t)), this.originalInput = t;
+      var o = Ai(t);
+      this.originalInput = t, this.r = o.r, this.g = o.g, this.b = o.b, this.a = o.a, this.roundA = Math.round(100 * this.a) / 100, this.format = (r = n.format) !== null && r !== void 0 ? r : o.format, this.gradientType = n.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = o.ok;
     }
     return e.prototype.isDark = function() {
       return this.getBrightness() < 128;
@@ -3151,12 +3147,12 @@ var F = (
       var t = this.toRgb();
       return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
     }, e.prototype.getLuminance = function() {
-      var t = this.toRgb(), n, r, a, o = t.r / 255, l = t.g / 255, s = t.b / 255;
-      return o <= 0.03928 ? n = o / 12.92 : n = Math.pow((o + 0.055) / 1.055, 2.4), l <= 0.03928 ? r = l / 12.92 : r = Math.pow((l + 0.055) / 1.055, 2.4), s <= 0.03928 ? a = s / 12.92 : a = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * n + 0.7152 * r + 0.0722 * a;
+      var t = this.toRgb(), n, r, o, a = t.r / 255, l = t.g / 255, s = t.b / 255;
+      return a <= 0.03928 ? n = a / 12.92 : n = Math.pow((a + 0.055) / 1.055, 2.4), l <= 0.03928 ? r = l / 12.92 : r = Math.pow((l + 0.055) / 1.055, 2.4), s <= 0.03928 ? o = s / 12.92 : o = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * n + 0.7152 * r + 0.0722 * o;
     }, e.prototype.getAlpha = function() {
       return this.a;
     }, e.prototype.setAlpha = function(t) {
-      return this.a = gt(t), this.roundA = Math.round(100 * this.a) / 100, this;
+      return this.a = dt(t), this.roundA = Math.round(100 * this.a) / 100, this;
     }, e.prototype.isMonochrome = function() {
       var t = this.toHsl().s;
       return t === 0;
@@ -3164,20 +3160,20 @@ var F = (
       var t = He(this.r, this.g, this.b);
       return { h: t.h * 360, s: t.s, v: t.v, a: this.a };
     }, e.prototype.toHsvString = function() {
-      var t = He(this.r, this.g, this.b), n = Math.round(t.h * 360), r = Math.round(t.s * 100), a = Math.round(t.v * 100);
-      return this.a === 1 ? "hsv(".concat(n, ", ").concat(r, "%, ").concat(a, "%)") : "hsva(".concat(n, ", ").concat(r, "%, ").concat(a, "%, ").concat(this.roundA, ")");
+      var t = He(this.r, this.g, this.b), n = Math.round(t.h * 360), r = Math.round(t.s * 100), o = Math.round(t.v * 100);
+      return this.a === 1 ? "hsv(".concat(n, ", ").concat(r, "%, ").concat(o, "%)") : "hsva(".concat(n, ", ").concat(r, "%, ").concat(o, "%, ").concat(this.roundA, ")");
     }, e.prototype.toHsl = function() {
-      var t = De(this.r, this.g, this.b);
+      var t = Le(this.r, this.g, this.b);
       return { h: t.h * 360, s: t.s, l: t.l, a: this.a };
     }, e.prototype.toHslString = function() {
-      var t = De(this.r, this.g, this.b), n = Math.round(t.h * 360), r = Math.round(t.s * 100), a = Math.round(t.l * 100);
-      return this.a === 1 ? "hsl(".concat(n, ", ").concat(r, "%, ").concat(a, "%)") : "hsla(".concat(n, ", ").concat(r, "%, ").concat(a, "%, ").concat(this.roundA, ")");
+      var t = Le(this.r, this.g, this.b), n = Math.round(t.h * 360), r = Math.round(t.s * 100), o = Math.round(t.l * 100);
+      return this.a === 1 ? "hsl(".concat(n, ", ").concat(r, "%, ").concat(o, "%)") : "hsla(".concat(n, ", ").concat(r, "%, ").concat(o, "%, ").concat(this.roundA, ")");
     }, e.prototype.toHex = function(t) {
-      return t === void 0 && (t = !1), _e(this.r, this.g, this.b, t);
+      return t === void 0 && (t = !1), De(this.r, this.g, this.b, t);
     }, e.prototype.toHexString = function(t) {
       return t === void 0 && (t = !1), "#" + this.toHex(t);
     }, e.prototype.toHex8 = function(t) {
-      return t === void 0 && (t = !1), Ti(this.r, this.g, this.b, this.a, t);
+      return t === void 0 && (t = !1), wi(this.r, this.g, this.b, this.a, t);
     }, e.prototype.toHex8String = function(t) {
       return t === void 0 && (t = !1), "#" + this.toHex8(t);
     }, e.prototype.toHexShortString = function(t) {
@@ -3194,7 +3190,7 @@ var F = (
       return this.a === 1 ? "rgb(".concat(t, ", ").concat(n, ", ").concat(r, ")") : "rgba(".concat(t, ", ").concat(n, ", ").concat(r, ", ").concat(this.roundA, ")");
     }, e.prototype.toPercentageRgb = function() {
       var t = function(n) {
-        return "".concat(Math.round(w(n, 255) * 100), "%");
+        return "".concat(Math.round(S(n, 255) * 100), "%");
       };
       return {
         r: t(this.r),
@@ -3204,7 +3200,7 @@ var F = (
       };
     }, e.prototype.toPercentageRgbString = function() {
       var t = function(n) {
-        return Math.round(w(n, 255) * 100);
+        return Math.round(S(n, 255) * 100);
       };
       return this.a === 1 ? "rgb(".concat(t(this.r), "%, ").concat(t(this.g), "%, ").concat(t(this.b), "%)") : "rgba(".concat(t(this.r), "%, ").concat(t(this.g), "%, ").concat(t(this.b), "%, ").concat(this.roundA, ")");
     }, e.prototype.toName = function() {
@@ -3212,17 +3208,17 @@ var F = (
         return "transparent";
       if (this.a < 1)
         return !1;
-      for (var t = "#" + _e(this.r, this.g, this.b, !1), n = 0, r = Object.entries(xe); n < r.length; n++) {
-        var a = r[n], o = a[0], l = a[1];
+      for (var t = "#" + De(this.r, this.g, this.b, !1), n = 0, r = Object.entries(ye); n < r.length; n++) {
+        var o = r[n], a = o[0], l = o[1];
         if (t === l)
-          return o;
+          return a;
       }
       return !1;
     }, e.prototype.toString = function(t) {
       var n = !!t;
       t = t ?? this.format;
-      var r = !1, a = this.a < 1 && this.a >= 0, o = !n && a && (t.startsWith("hex") || t === "name");
-      return o ? t === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (r = this.toRgbString()), t === "prgb" && (r = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (r = this.toHexString()), t === "hex3" && (r = this.toHexString(!0)), t === "hex4" && (r = this.toHex8String(!0)), t === "hex8" && (r = this.toHex8String()), t === "name" && (r = this.toName()), t === "hsl" && (r = this.toHslString()), t === "hsv" && (r = this.toHsvString()), r || this.toHexString());
+      var r = !1, o = this.a < 1 && this.a >= 0, a = !n && o && (t.startsWith("hex") || t === "name");
+      return a ? t === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (r = this.toRgbString()), t === "prgb" && (r = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (r = this.toHexString()), t === "hex3" && (r = this.toHexString(!0)), t === "hex4" && (r = this.toHex8String(!0)), t === "hex8" && (r = this.toHex8String()), t === "name" && (r = this.toName()), t === "hsl" && (r = this.toHslString()), t === "hsv" && (r = this.toHsvString()), r || this.toHexString());
     }, e.prototype.toNumber = function() {
       return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
     }, e.prototype.clone = function() {
@@ -3230,7 +3226,7 @@ var F = (
     }, e.prototype.lighten = function(t) {
       t === void 0 && (t = 10);
       var n = this.toHsl();
-      return n.l += t / 100, n.l = te(n.l), new e(n);
+      return n.l += t / 100, n.l = Y(n.l), new e(n);
     }, e.prototype.brighten = function(t) {
       t === void 0 && (t = 10);
       var n = this.toRgb();
@@ -3238,7 +3234,7 @@ var F = (
     }, e.prototype.darken = function(t) {
       t === void 0 && (t = 10);
       var n = this.toHsl();
-      return n.l -= t / 100, n.l = te(n.l), new e(n);
+      return n.l -= t / 100, n.l = Y(n.l), new e(n);
     }, e.prototype.tint = function(t) {
       return t === void 0 && (t = 10), this.mix("white", t);
     }, e.prototype.shade = function(t) {
@@ -3246,11 +3242,11 @@ var F = (
     }, e.prototype.desaturate = function(t) {
       t === void 0 && (t = 10);
       var n = this.toHsl();
-      return n.s -= t / 100, n.s = te(n.s), new e(n);
+      return n.s -= t / 100, n.s = Y(n.s), new e(n);
     }, e.prototype.saturate = function(t) {
       t === void 0 && (t = 10);
       var n = this.toHsl();
-      return n.s += t / 100, n.s = te(n.s), new e(n);
+      return n.s += t / 100, n.s = Y(n.s), new e(n);
     }, e.prototype.greyscale = function() {
       return this.desaturate(100);
     }, e.prototype.spin = function(t) {
@@ -3258,26 +3254,26 @@ var F = (
       return n.h = r < 0 ? 360 + r : r, new e(n);
     }, e.prototype.mix = function(t, n) {
       n === void 0 && (n = 50);
-      var r = this.toRgb(), a = new e(t).toRgb(), o = n / 100, l = {
-        r: (a.r - r.r) * o + r.r,
-        g: (a.g - r.g) * o + r.g,
-        b: (a.b - r.b) * o + r.b,
-        a: (a.a - r.a) * o + r.a
+      var r = this.toRgb(), o = new e(t).toRgb(), a = n / 100, l = {
+        r: (o.r - r.r) * a + r.r,
+        g: (o.g - r.g) * a + r.g,
+        b: (o.b - r.b) * a + r.b,
+        a: (o.a - r.a) * a + r.a
       };
       return new e(l);
     }, e.prototype.analogous = function(t, n) {
       t === void 0 && (t = 6), n === void 0 && (n = 30);
-      var r = this.toHsl(), a = 360 / n, o = [this];
-      for (r.h = (r.h - (a * t >> 1) + 720) % 360; --t; )
-        r.h = (r.h + a) % 360, o.push(new e(r));
-      return o;
+      var r = this.toHsl(), o = 360 / n, a = [this];
+      for (r.h = (r.h - (o * t >> 1) + 720) % 360; --t; )
+        r.h = (r.h + o) % 360, a.push(new e(r));
+      return a;
     }, e.prototype.complement = function() {
       var t = this.toHsl();
       return t.h = (t.h + 180) % 360, new e(t);
     }, e.prototype.monochromatic = function(t) {
       t === void 0 && (t = 6);
-      for (var n = this.toHsv(), r = n.h, a = n.s, o = n.v, l = [], s = 1 / t; t--; )
-        l.push(new e({ h: r, s: a, v: o })), o = (o + s) % 1;
+      for (var n = this.toHsv(), r = n.h, o = n.s, a = n.v, l = [], s = 1 / t; t--; )
+        l.push(new e({ h: r, s: o, v: a })), a = (a + s) % 1;
       return l;
     }, e.prototype.splitcomplement = function() {
       var t = this.toHsl(), n = t.h;
@@ -3287,34 +3283,34 @@ var F = (
         new e({ h: (n + 216) % 360, s: t.s, l: t.l })
       ];
     }, e.prototype.onBackground = function(t) {
-      var n = this.toRgb(), r = new e(t).toRgb(), a = n.a + r.a * (1 - n.a);
+      var n = this.toRgb(), r = new e(t).toRgb(), o = n.a + r.a * (1 - n.a);
       return new e({
-        r: (n.r * n.a + r.r * r.a * (1 - n.a)) / a,
-        g: (n.g * n.a + r.g * r.a * (1 - n.a)) / a,
-        b: (n.b * n.a + r.b * r.a * (1 - n.a)) / a,
-        a
+        r: (n.r * n.a + r.r * r.a * (1 - n.a)) / o,
+        g: (n.g * n.a + r.g * r.a * (1 - n.a)) / o,
+        b: (n.b * n.a + r.b * r.a * (1 - n.a)) / o,
+        a: o
       });
     }, e.prototype.triad = function() {
       return this.polyad(3);
     }, e.prototype.tetrad = function() {
       return this.polyad(4);
     }, e.prototype.polyad = function(t) {
-      for (var n = this.toHsl(), r = n.h, a = [this], o = 360 / t, l = 1; l < t; l++)
-        a.push(new e({ h: (r + l * o) % 360, s: n.s, l: n.l }));
-      return a;
+      for (var n = this.toHsl(), r = n.h, o = [this], a = 360 / t, l = 1; l < t; l++)
+        o.push(new e({ h: (r + l * a) % 360, s: n.s, l: n.l }));
+      return o;
     }, e.prototype.equals = function(t) {
       return this.toRgbString() === new e(t).toRgbString();
     }, e;
   })()
 );
-const Pe = new se("toConic", {
+const Ne = new oe("toConic", {
   "0%": {
     backgroundPosition: "0 0"
   },
   "100%": {
     backgroundPosition: "100% 50%"
   }
-}), $i = new se("dockIconText", {
+}), Ei = new oe("dockIconText", {
   "0%": { display: "none", opacity: 0 },
   "80%": {
     overflow: "hidden"
@@ -3323,7 +3319,7 @@ const Pe = new se("toConic", {
     display: "unset",
     opacity: 1
   }
-}), Oi = new se("dockZoomIn", {
+}), Bi = new oe("dockZoomIn", {
   "0%": {
     transform: "translateX(-50%) scale(0)",
     opacity: 0
@@ -3332,7 +3328,7 @@ const Pe = new se("toConic", {
     transform: "translateX(-50%) scale(1)",
     opacity: 1
   }
-}), zi = new se("dockZoomOut", {
+}), $i = new oe("dockZoomOut", {
   "0%": {
     transform: "translateX(-50%) scale(1)"
   },
@@ -3340,7 +3336,7 @@ const Pe = new se("toConic", {
     transform: "translateX(-50%) scale(0)",
     opacity: 0
   }
-}), We = (e) => e === 0 ? 0 : e - Math.sqrt(e ** 2 / 2), Fi = (e) => ({
+}), Pe = (e) => e === 0 ? 0 : e - Math.sqrt(e ** 2 / 2), Oi = (e) => ({
   [e.componentCls]: {
     "&-button": {
       border: "none",
@@ -3372,9 +3368,9 @@ const Pe = new se("toConic", {
         height: e.fontSizeSM / 2,
         background: e.colorError,
         borderRadius: "100%",
-        boxShadow: `0 0 0 ${q(e.lineWidth)} ${e.colorBorderBg}`,
-        top: We(e.controlHeightLG / 2),
-        insetInlineEnd: We(e.controlHeightLG / 2)
+        boxShadow: `0 0 0 ${G(e.lineWidth)} ${e.colorBorderBg}`,
+        top: Pe(e.controlHeightLG / 2),
+        insetInlineEnd: Pe(e.controlHeightLG / 2)
       },
       [`${e.componentCls}-icon`]: {
         margin: "auto",
@@ -3385,8 +3381,8 @@ const Pe = new se("toConic", {
       }
     }
   }
-}), Li = (e) => {
-  const t = new F(new F("rgb(0, 0, 0)").setAlpha(0.06).toRgbString()), n = new F(new F(e.colorBgBase).setAlpha(0.6).toRgbString());
+}), zi = (e) => {
+  const t = new $(new $("rgb(0, 0, 0)").setAlpha(0.06).toRgbString()), n = new $(new $(e.colorBgBase).setAlpha(0.6).toRgbString());
   return {
     [e.componentCls]: {
       "&-dock": {
@@ -3404,7 +3400,7 @@ const Pe = new se("toConic", {
         borderRadius: e.controlHeight,
         backdropFilter: "blur(10px)",
         "&-zoom-appear, &-zoom-enter": {
-          animationName: Oi,
+          animationName: Bi,
           opacity: 0,
           animationTimingFunction: e.motionEaseOutCirc,
           animationFillMode: "both",
@@ -3416,7 +3412,7 @@ const Pe = new se("toConic", {
           animationPlayState: "running"
         },
         "&-zoom-leave": {
-          animationName: zi,
+          animationName: $i,
           animationDuration: e.motionDurationSlow,
           animationTimingFunction: e.motionEaseInOutCirc,
           animationFillMode: "both"
@@ -3432,13 +3428,13 @@ const Pe = new se("toConic", {
             animationTimingFunction: "cubic-bezier(.38,0,.24,1)",
             animationDuration: "0.5s",
             animationFillMode: "forwards",
-            animationName: Pe
+            animationName: Ne
           },
           "&-active": {
             animationTimingFunction: "cubic-bezier(.38,0,.24,1)",
             animationDuration: "0.5s",
             animationFillMode: "forwards",
-            animationName: Pe
+            animationName: Ne
           }
         },
         "&-icon": {
@@ -3454,7 +3450,7 @@ const Pe = new se("toConic", {
           color: e.colorTextSecondary,
           fontSize: e.fontSizeLG,
           "&-text": {
-            animationName: $i,
+            animationName: Ei,
             animationDuration: ".4s",
             animationTimingFunction: "ease"
           }
@@ -3462,7 +3458,7 @@ const Pe = new se("toConic", {
       }
     }
   };
-}, Di = (e) => ({
+}, Fi = (e) => ({
   [e.componentCls]: {
     "&-body-title": {
       margin: 0,
@@ -3571,8 +3567,8 @@ const Pe = new se("toConic", {
       }
     }
   }
-}), Hi = (e) => {
-  const { dark: t } = ue(e);
+}), Li = (e) => {
+  const { dark: t } = ae(e);
   return {
     [`${e.componentCls}-drawer`]: {
       "&-wrapper": {
@@ -3602,8 +3598,8 @@ const Pe = new se("toConic", {
       }
     }
   };
-}, _i = (e) => {
-  const t = `${e.componentCls}`, n = new F(new F(e.colorWhite).setAlpha(0.55).toRgbString());
+}, Hi = (e) => {
+  const t = `${e.componentCls}`, n = new $(new $(e.colorWhite).setAlpha(0.55).toRgbString());
   return {
     [t]: {
       "&-card": {
@@ -3614,7 +3610,7 @@ const Pe = new se("toConic", {
         [`${t}-card-content`]: {
           flex: 1,
           borderRadius: e.borderRadiusLG,
-          backgroundColor: J(e, e.colorBgContainer),
+          backgroundColor: Z(e, e.colorBgContainer),
           padding: e.padding
         }
       },
@@ -3637,8 +3633,8 @@ const Pe = new se("toConic", {
       }
     }
   };
-}, Ni = (e) => {
-  const t = `${e.componentCls}`, n = new F(new F(e.colorWhite).setAlpha(0.55).toRgbString());
+}, Di = (e) => {
+  const t = `${e.componentCls}`, n = new $(new $(e.colorWhite).setAlpha(0.55).toRgbString());
   return {
     [t]: {
       "&-color-list": {
@@ -3669,7 +3665,7 @@ const Pe = new se("toConic", {
           padding: 4
         },
         "&-inner": {
-          backgroundColor: J(e, e.colorBgContainer),
+          backgroundColor: Z(e, e.colorBgContainer),
           padding: "2px 2px 4px 2px",
           borderRadius: 7,
           maxHeight: "100%"
@@ -3707,15 +3703,15 @@ const Pe = new se("toConic", {
     }
   };
 };
-function Pi(e) {
+function _i(e) {
   const t = ["showTabsBar", "fixedMultiTab", "fixSiderbar", "fixedHeader", "splitMenus"];
-  let r = Object.keys(e).reduce((a, o) => (a[o] = !1, a), {});
+  let r = Object.keys(e).reduce((o, a) => (o[a] = !1, o), {});
   return r = Se(r, t), e.layout === "mix" && (r.fixSiderbar = !0, r.fixedHeader = !0), e.layout === "top" && (r.fixSiderbar = !0, r.splitMenus = !0), e.layout === "side" && (r.splitMenus = !0), e.layout === "simple" && (r.splitMenus = !0, r.fixedHeader = !0, r.showTabsBar = !0, r.fixedTabsBar = !0), e.layout === "wide" && (r.splitMenus = !0, r.fixedHeader = !0, r.fixSiderbar = !0, r.showTabsBar = !0, r.fixedTabsBar = !0), r;
 }
-function me(e) {
+function ve(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.fixedHeader = !1, e.fixSiderbar = !1), e.layout === "side" && (e.splitMenus = !1, e.fixedHeader = !0, e.fixSiderbar = !0), e.layout === "wide" && (e.splitMenus = !1, e.fixSiderbar = !1, e.fixedHeader = !0, e.showTabsBar = !1, e.fixedTabsBar = !1), e;
 }
-const G = (e, {
+const W = (e, {
   slots: t
 }) => i("div", {
   style: {
@@ -3723,117 +3719,105 @@ const G = (e, {
   }
 }, [i("h3", {
   class: `${e.prefixCls}-body-title ${e.hashId}`.trim()
-}, [e.title]), t.default?.()]), rr = /* @__PURE__ */ C({
+}, [e.title]), t.default?.()]), nr = /* @__PURE__ */ x({
   name: "ThemeEditor",
   inheritAttrs: !1,
-  props: dt,
+  props: st,
   emits: ["update:open", "change", "changeSettingState", "changeThemeState"],
   setup(e) {
-    const n = H({
+    const n = L({
       suffixCls: "theme-setting",
       isPor: !0
-    }), r = H({
+    }), r = L({
       suffixCls: "theme-editor",
       isPor: !0
     }), {
-      wrapSSR: a,
-      hashId: o
-    } = oe("ProThemeEditor", [Di, Hi, Fi, Li, Ni, _i], r), l = Ye(n, {}), s = ce(), [c, u] = D(!1), [g, p] = D(!1), [x, B] = D("theme");
-    Object.keys(l.value).length && e.onChangeSettingState?.(me({
-      ...O(l.value)
+      wrapSSR: o,
+      hashId: a
+    } = re("ProThemeEditor", [Fi, Li, Oi, zi, Di, Hi], r), l = Ze(n, {}), s = le(), {
+      theme: h,
+      setTheme: u
+    } = qe(), [g, p] = z(!1), [y, w] = z(!1), [M, A] = z("setting");
+    Object.keys(l.value).length && e.onChangeSettingState?.(ve({
+      ...E(l.value)
     }));
-    const A = R(() => ({
+    const C = F(() => ({
       progress: !!e.extraSettingState?.progress,
       colorWeak: !!e.extraSettingState?.colorWeak
-    })), T = R(() => Pi({
-      ...O(s.settings.value),
-      ...O(A.value)
+    })), f = F(() => _i({
+      ...E(s.settings.value),
+      ...E(C.value)
     }));
-    K(() => e.open, (f) => {
-      f && (x.value === "theme" ? p(f) : u(f));
-    }), K([() => c.value, () => g.value], () => {
-      e.onChange && e.onChange(c.value || g.value), e?.["onUpdate:open"]?.(c.value || g.value);
-    });
-    const {
-      dark: S,
-      isDark: h,
-      toggleMode: v
-    } = Ve(R(() => s?.dark?.value), {
-      change: (f) => {
-        s?.onDarkChange?.(f);
-      }
+    j(() => e.open, (d) => {
+      d && (M.value === "theme" ? w(d) : p(d));
+    }), j([() => g.value, () => y.value], () => {
+      e.onChange && e.onChange(g.value || y.value), e?.["onUpdate:open"]?.(g.value || y.value);
     });
-    function m(f) {
-      p(!f), u(f);
+    function v(d) {
+      w(!d), p(d);
     }
-    function k(f) {
-      p(f), u(!f);
+    function m(d) {
+      w(d), p(!d);
     }
-    const Z = (f, P) => Ze({
-      event: f,
-      isDark: h,
-      toggle: v,
-      value: P
-    }), y = (f) => {
-      Z(null, f === "system" ? f : f === "dark");
-    };
-    function N(f) {
-      e.onChangeSettingState?.(f), ie(() => {
-        s && (l.value = me(Me(ze(l.value), {
-          ...O(s.settings.value),
-          ...O(A.value)
+    function k(d) {
+      e.onChangeSettingState?.(d), te(() => {
+        s && (l.value = ve(Me(Oe(l.value), {
+          ...E(s.settings.value),
+          ...E(C.value)
         })));
       });
     }
-    function E(f) {
-      e.onChangeSettingState?.(f), ie(() => {
-        s && (l.value = me(Me(ze(l.value), {
-          ...O(s.settings.value),
-          ...O(A.value),
-          ...O(f)
+    function q(d) {
+      e.onChangeSettingState?.(d), te(() => {
+        s && (l.value = ve(Me(Oe(l.value), {
+          ...E(s.settings.value),
+          ...E(C.value),
+          ...E(d)
         })));
       });
     }
-    return ii({
-      hashId: o,
+    return ti({
+      hashId: a,
       prefixCls: r,
       drawerClass: `${r}-drawer`
-    }), () => a(i("div", {
-      class: d(o.value, r)
-    }, [i(yi, {
-      type: x.value,
-      open: c.value || g.value,
-      onTypeChange: (f) => {
-        B(f), f === "setting" ? m(!0) : f === "theme" && k(!0);
+    }), () => o(i("div", {
+      class: c(a.value, r)
+    }, [i(mi, {
+      type: M.value,
+      open: g.value || y.value,
+      onTypeChange: (d) => {
+        A(d), d === "setting" ? v(!0) : d === "theme" && m(!0);
       },
-      onOpenChange: (f) => {
-        x.value === "setting" ? m(f) : x.value === "theme" && k(f);
+      onOpenChange: (d) => {
+        M.value === "setting" ? v(d) : M.value === "theme" && m(d);
       },
       onClose: () => {
-        u(!1), p(!1);
+        p(!1), w(!1);
       }
-    }, null), i(ui, _({
-      width: 348,
-      dark: S.value,
-      open: c.value,
-      disabled: T.value
-    }, Se(e, si), {
-      onChangeDark: y,
-      onChangeConfig: N,
-      onOpenChange: (f) => u(!!f),
-      onChangeExtraConfig: E
-    }), null), i(bi, {
+    }, null), i(li, H({
       width: 348,
+      theme: h.value,
       open: g.value,
-      onChange: (f) => e.onChangeThemeState?.(f),
-      onOpenChange: (f) => p(!!f)
+      disabled: f.value
+    }, Se(e, ai), {
+      onChangeTheme: (d) => {
+        u(d);
+      },
+      onChangeConfig: k,
+      onOpenChange: (d) => p(!!d),
+      onChangeExtraConfig: q
+    }), null), i(vi, {
+      width: 348,
+      open: y.value,
+      onChange: (d) => e.onChangeThemeState?.(d),
+      onOpenChange: (d) => w(!!d)
     }, null)]));
   }
 });
 export {
-  nr as A,
-  Sn as D,
-  ir as G,
-  rr as T,
-  Xn as g
+  er as A,
+  xn as D,
+  tr as G,
+  nr as T,
+  jn as g
 };