zs_library 0.3.13 → 0.3.14

package/dist/index.es.js

@@ -1,25 +1,27 @@
-var Br = Object.defineProperty;
-var Lr = (g, r, l) => r in g ? Br(g, r, { enumerable: !0, configurable: !0, writable: !0, value: l }) : g[r] = l;
-var Ae = (g, r, l) => Lr(g, typeof r != "symbol" ? r + "" : r, l);
+var qr = Object.defineProperty;
+var Ur = (d, r, i) => r in d ? qr(d, r, { enumerable: !0, configurable: !0, writable: !0, value: i }) : d[r] = i;
+var Fe = (d, r, i) => Ur(d, typeof r != "symbol" ? r + "" : r, i);
 import "./style.css";
-import nr, { createContext as ar, useMemo as Ee, useContext as ir, useState as te, useRef as Me, useEffect as we } from "react";
-import { cx as z, css as d } from "@emotion/css";
-import Fr from "react-slick";
-import { ReactSortable as Fe } from "react-sortablejs";
-import { AnimatePresence as zr, motion as A } from "framer-motion";
-import { useLocalStorageState as Yr, useDebounceEffect as Wr } from "ahooks";
-import { v4 as rr } from "uuid";
-import Vr from "rc-tooltip";
-import { RiPencilRuler2Line as Ur, RiShareLine as Gr, RiInformationLine as Xr, RiCloseCircleLine as qr } from "@remixicon/react";
-import lr from "rc-dialog";
-import Hr from "react-json-view";
-import { MDXEditor as Jr, toolbarPlugin as Kr, DiffSourceToggleWrapper as Zr, UndoRedo as Qr, Separator as ge, BoldItalicUnderlineToggles as eo, CodeToggle as ro, StrikeThroughSupSubToggles as oo, ListsToggle as to, CreateLink as no, InsertImage as ao, InsertTable as io, InsertThematicBreak as lo, InsertCodeBlock as so, InsertFrontmatter as co, diffSourcePlugin as uo, listsPlugin as go, quotePlugin as mo, headingsPlugin as po, linkPlugin as fo, linkDialogPlugin as ho, imagePlugin as bo, tablePlugin as vo, thematicBreakPlugin as ko, frontmatterPlugin as xo, codeBlockPlugin as wo, codeMirrorPlugin as yo, markdownShortcutPlugin as Co, directivesPlugin as So, AdmonitionDirectiveDescriptor as jo } from "@mdxeditor/editor";
-import Io from "react-markdown";
-import To from "remark-gfm";
-import Ro from "remark-emoji";
-import Eo from "rehype-raw";
-import { Prism as Mo } from "react-syntax-highlighter";
-var Le = { exports: {} }, ke = {};
+import sr, { createContext as cr, useMemo as De, useContext as dr, useState as Q, useRef as Ce, useEffect as ye } from "react";
+import { cx as V, css as p } from "@emotion/css";
+import Gr from "react-slick";
+import { ReactSortable as Ye } from "react-sortablejs";
+import { AnimatePresence as We, motion as T, useMotionValue as Hr, useTransform as ke, useSpring as _e } from "framer-motion";
+import { useLocalStorageState as Jr, useDebounceEffect as Kr } from "ahooks";
+import { v4 as nr } from "uuid";
+import Zr from "rc-tooltip";
+import { RiPencilRuler2Line as Qr, RiShareLine as eo, RiInformationLine as ro, RiCloseCircleLine as oo, RiMoreLine as to } from "@remixicon/react";
+import ur from "rc-dialog";
+import no from "react-json-view";
+import { MDXEditor as ao, toolbarPlugin as io, DiffSourceToggleWrapper as lo, UndoRedo as so, Separator as me, BoldItalicUnderlineToggles as co, CodeToggle as uo, StrikeThroughSupSubToggles as mo, ListsToggle as go, CreateLink as po, InsertImage as fo, InsertTable as ho, InsertThematicBreak as bo, InsertCodeBlock as vo, InsertFrontmatter as ko, diffSourcePlugin as xo, listsPlugin as wo, quotePlugin as yo, headingsPlugin as Co, linkPlugin as jo, linkDialogPlugin as So, imagePlugin as Io, tablePlugin as To, thematicBreakPlugin as Ro, frontmatterPlugin as Mo, codeBlockPlugin as Eo, codeMirrorPlugin as _o, markdownShortcutPlugin as Po, directivesPlugin as Do, AdmonitionDirectiveDescriptor as No } from "@mdxeditor/editor";
+import $o from "react-markdown";
+import Oo from "remark-gfm";
+import Bo from "remark-emoji";
+import Ao from "rehype-raw";
+import { Prism as Lo } from "react-syntax-highlighter";
+import { clsx as Fo } from "clsx";
+import { twMerge as zo } from "tailwind-merge";
+var Pe = { exports: {} }, xe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -29,21 +31,21 @@ var Le = { exports: {} }, ke = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var or;
-function _o() {
-  if (or) return ke;
-  or = 1;
-  var g = nr, r = Symbol.for("react.element"), l = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, m = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(b, i, I) {
-    var v, N = {}, _ = null, W = null;
-    I !== void 0 && (_ = "" + I), i.key !== void 0 && (_ = "" + i.key), i.ref !== void 0 && (W = i.ref);
-    for (v in i) a.call(i, v) && !s.hasOwnProperty(v) && (N[v] = i[v]);
-    if (b && b.defaultProps) for (v in i = b.defaultProps, i) N[v] === void 0 && (N[v] = i[v]);
-    return { $$typeof: r, type: b, key: _, ref: W, props: N, _owner: m.current };
+var ar;
+function Yo() {
+  if (ar) return xe;
+  ar = 1;
+  var d = sr, r = Symbol.for("react.element"), i = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, c = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(h, l, y) {
+    var v, _ = {}, E = null, F = null;
+    y !== void 0 && (E = "" + y), l.key !== void 0 && (E = "" + l.key), l.ref !== void 0 && (F = l.ref);
+    for (v in l) n.call(l, v) && !s.hasOwnProperty(v) && (_[v] = l[v]);
+    if (h && h.defaultProps) for (v in l = h.defaultProps, l) _[v] === void 0 && (_[v] = l[v]);
+    return { $$typeof: r, type: h, key: E, ref: F, props: _, _owner: c.current };
   }
-  return ke.Fragment = l, ke.jsx = f, ke.jsxs = f, ke;
+  return xe.Fragment = i, xe.jsx = u, xe.jsxs = u, xe;
 }
-var xe = {};
+var we = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -53,91 +55,91 @@ var xe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tr;
-function Po() {
-  return tr || (tr = 1, process.env.NODE_ENV !== "production" && function() {
-    var g = nr, r = Symbol.for("react.element"), l = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), b = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), V = Symbol.iterator, h = "@@iterator";
-    function u(e) {
+var ir;
+function Wo() {
+  return ir || (ir = 1, process.env.NODE_ENV !== "production" && function() {
+    var d = sr, r = Symbol.for("react.element"), i = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), h = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), z = Symbol.iterator, b = "@@iterator";
+    function m(e) {
       if (e === null || typeof e != "object")
         return null;
-      var o = V && e[V] || e[h];
-      return typeof o == "function" ? o : null;
+      var t = z && e[z] || e[b];
+      return typeof t == "function" ? t : null;
     }
-    var R = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function p(e) {
+    var R = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function f(e) {
       {
-        for (var o = arguments.length, n = new Array(o > 1 ? o - 1 : 0), c = 1; c < o; c++)
-          n[c - 1] = arguments[c];
-        G("error", e, n);
+        for (var t = arguments.length, a = new Array(t > 1 ? t - 1 : 0), g = 1; g < t; g++)
+          a[g - 1] = arguments[g];
+        Y("error", e, a);
       }
     }
-    function G(e, o, n) {
+    function Y(e, t, a) {
       {
-        var c = R.ReactDebugCurrentFrame, T = c.getStackAddendum();
-        T !== "" && (o += "%s", n = n.concat([T]));
-        var $ = n.map(function(S) {
+        var g = R.ReactDebugCurrentFrame, M = g.getStackAddendum();
+        M !== "" && (t += "%s", a = a.concat([M]));
+        var O = a.map(function(S) {
           return String(S);
         });
-        $.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, $);
+        O.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, O);
       }
     }
-    var k = !1, P = !1, E = !1, x = !1, y = !1, X;
-    X = Symbol.for("react.module.reference");
+    var k = !1, N = !1, P = !1, x = !1, C = !1, U;
+    U = Symbol.for("react.module.reference");
     function ce(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === s || y || e === m || e === I || e === v || x || e === W || k || P || E || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === N || e.$$typeof === f || e.$$typeof === b || e.$$typeof === i || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === n || e === s || C || e === c || e === y || e === v || x || e === F || k || N || P || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === _ || e.$$typeof === u || e.$$typeof === h || e.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === X || e.getModuleId !== void 0));
+      e.$$typeof === U || e.getModuleId !== void 0));
     }
-    function H(e, o, n) {
-      var c = e.displayName;
-      if (c)
-        return c;
-      var T = o.displayName || o.name || "";
-      return T !== "" ? n + "(" + T + ")" : n;
+    function H(e, t, a) {
+      var g = e.displayName;
+      if (g)
+        return g;
+      var M = t.displayName || t.name || "";
+      return M !== "" ? a + "(" + M + ")" : a;
     }
     function pe(e) {
       return e.displayName || "Context";
     }
-    function q(e) {
+    function G(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && f("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case a:
+        case n:
           return "Fragment";
-        case l:
+        case i:
           return "Portal";
         case s:
           return "Profiler";
-        case m:
+        case c:
           return "StrictMode";
-        case I:
+        case y:
           return "Suspense";
         case v:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case b:
-            var o = e;
-            return pe(o) + ".Consumer";
-          case f:
-            var n = e;
-            return pe(n._context) + ".Provider";
-          case i:
+          case h:
+            var t = e;
+            return pe(t) + ".Consumer";
+          case u:
+            var a = e;
+            return pe(a._context) + ".Provider";
+          case l:
             return H(e, e.render, "ForwardRef");
-          case N:
-            var c = e.displayName || null;
-            return c !== null ? c : q(e.type) || "Memo";
-          case _: {
-            var T = e, $ = T._payload, S = T._init;
+          case _:
+            var g = e.displayName || null;
+            return g !== null ? g : G(e.type) || "Memo";
+          case E: {
+            var M = e, O = M._payload, S = M._init;
             try {
-              return q(S($));
+              return G(S(O));
             } catch {
               return null;
             }
@@ -145,18 +147,18 @@ function Po() {
         }
       return null;
     }
-    var re = Object.assign, le = 0, B, ne, se, ye, Ce, Se, je;
-    function j() {
+    var oe = Object.assign, le = 0, A, ne, se, je, Se, Ie, Te;
+    function I() {
     }
-    j.__reactDisabledLog = !0;
+    I.__reactDisabledLog = !0;
     function K() {
       {
         if (le === 0) {
-          B = console.log, ne = console.info, se = console.warn, ye = console.error, Ce = console.group, Se = console.groupCollapsed, je = console.groupEnd;
+          A = console.log, ne = console.info, se = console.warn, je = console.error, Se = console.group, Ie = console.groupCollapsed, Te = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: j,
+            value: I,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -181,67 +183,67 @@ function Po() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: re({}, e, {
-              value: B
+            log: oe({}, e, {
+              value: A
             }),
-            info: re({}, e, {
+            info: oe({}, e, {
               value: ne
             }),
-            warn: re({}, e, {
+            warn: oe({}, e, {
               value: se
             }),
-            error: re({}, e, {
-              value: ye
-            }),
-            group: re({}, e, {
-              value: Ce
+            error: oe({}, e, {
+              value: je
             }),
-            groupCollapsed: re({}, e, {
+            group: oe({}, e, {
               value: Se
             }),
-            groupEnd: re({}, e, {
-              value: je
+            groupCollapsed: oe({}, e, {
+              value: Ie
+            }),
+            groupEnd: oe({}, e, {
+              value: Te
             })
           });
         }
-        le < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        le < 0 && f("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var D = R.ReactCurrentDispatcher, L;
-    function O(e, o, n) {
+    var $ = R.ReactCurrentDispatcher, L;
+    function B(e, t, a) {
       {
         if (L === void 0)
           try {
             throw Error();
-          } catch (T) {
-            var c = T.stack.trim().match(/\n( *(at )?)/);
-            L = c && c[1] || "";
+          } catch (M) {
+            var g = M.stack.trim().match(/\n( *(at )?)/);
+            L = g && g[1] || "";
           }
         return `
 ` + L + e;
       }
     }
-    var C = !1, M;
+    var j = !1, D;
     {
-      var U = typeof WeakMap == "function" ? WeakMap : Map;
-      M = new U();
+      var q = typeof WeakMap == "function" ? WeakMap : Map;
+      D = new q();
     }
-    function oe(e, o) {
-      if (!e || C)
+    function te(e, t) {
+      if (!e || j)
         return "";
       {
-        var n = M.get(e);
-        if (n !== void 0)
-          return n;
+        var a = D.get(e);
+        if (a !== void 0)
+          return a;
       }
-      var c;
-      C = !0;
-      var T = Error.prepareStackTrace;
+      var g;
+      j = !0;
+      var M = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var $;
-      $ = D.current, D.current = null, K();
+      var O;
+      O = $.current, $.current = null, K();
       try {
-        if (o) {
+        if (t) {
           var S = function() {
             throw Error();
           };
@@ -252,200 +254,200 @@ function Po() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(S, []);
-            } catch (ee) {
-              c = ee;
+            } catch (re) {
+              g = re;
             }
             Reflect.construct(e, [], S);
           } else {
             try {
               S.call();
-            } catch (ee) {
-              c = ee;
+            } catch (re) {
+              g = re;
             }
             e.call(S.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ee) {
-            c = ee;
+          } catch (re) {
+            g = re;
           }
           e();
         }
-      } catch (ee) {
-        if (ee && c && typeof ee.stack == "string") {
-          for (var w = ee.stack.split(`
-`), Z = c.stack.split(`
-`), F = w.length - 1, Y = Z.length - 1; F >= 1 && Y >= 0 && w[F] !== Z[Y]; )
-            Y--;
-          for (; F >= 1 && Y >= 0; F--, Y--)
-            if (w[F] !== Z[Y]) {
-              if (F !== 1 || Y !== 1)
+      } catch (re) {
+        if (re && g && typeof re.stack == "string") {
+          for (var w = re.stack.split(`
+`), Z = g.stack.split(`
+`), W = w.length - 1, X = Z.length - 1; W >= 1 && X >= 0 && w[W] !== Z[X]; )
+            X--;
+          for (; W >= 1 && X >= 0; W--, X--)
+            if (w[W] !== Z[X]) {
+              if (W !== 1 || X !== 1)
                 do
-                  if (F--, Y--, Y < 0 || w[F] !== Z[Y]) {
+                  if (W--, X--, X < 0 || w[W] !== Z[X]) {
                     var ae = `
-` + w[F].replace(" at new ", " at ");
-                    return e.displayName && ae.includes("<anonymous>") && (ae = ae.replace("<anonymous>", e.displayName)), typeof e == "function" && M.set(e, ae), ae;
+` + w[W].replace(" at new ", " at ");
+                    return e.displayName && ae.includes("<anonymous>") && (ae = ae.replace("<anonymous>", e.displayName)), typeof e == "function" && D.set(e, ae), ae;
                   }
-                while (F >= 1 && Y >= 0);
+                while (W >= 1 && X >= 0);
               break;
             }
         }
       } finally {
-        C = !1, D.current = $, J(), Error.prepareStackTrace = T;
+        j = !1, $.current = O, J(), Error.prepareStackTrace = M;
       }
-      var he = e ? e.displayName || e.name : "", ue = he ? O(he) : "";
-      return typeof e == "function" && M.set(e, ue), ue;
+      var he = e ? e.displayName || e.name : "", ue = he ? B(he) : "";
+      return typeof e == "function" && D.set(e, ue), ue;
     }
-    function Ie(e, o, n) {
-      return oe(e, !1);
+    function Re(e, t, a) {
+      return te(e, !1);
     }
-    function Te(e) {
-      var o = e.prototype;
-      return !!(o && o.isReactComponent);
+    function Me(e) {
+      var t = e.prototype;
+      return !!(t && t.isReactComponent);
     }
-    function Q(e, o, n) {
+    function ee(e, t, a) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return oe(e, Te(e));
+        return te(e, Me(e));
       if (typeof e == "string")
-        return O(e);
+        return B(e);
       switch (e) {
-        case I:
-          return O("Suspense");
+        case y:
+          return B("Suspense");
         case v:
-          return O("SuspenseList");
+          return B("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case i:
-            return Ie(e.render);
-          case N:
-            return Q(e.type, o, n);
-          case _: {
-            var c = e, T = c._payload, $ = c._init;
+          case l:
+            return Re(e.render);
+          case _:
+            return ee(e.type, t, a);
+          case E: {
+            var g = e, M = g._payload, O = g._init;
             try {
-              return Q($(T), o, n);
+              return ee(O(M), t, a);
             } catch {
             }
           }
         }
       return "";
     }
-    var de = Object.prototype.hasOwnProperty, Ye = {}, We = R.ReactDebugCurrentFrame;
-    function Re(e) {
+    var de = Object.prototype.hasOwnProperty, Xe = {}, qe = R.ReactDebugCurrentFrame;
+    function Ee(e) {
       if (e) {
-        var o = e._owner, n = Q(e.type, e._source, o ? o.type : null);
-        We.setExtraStackFrame(n);
+        var t = e._owner, a = ee(e.type, e._source, t ? t.type : null);
+        qe.setExtraStackFrame(a);
       } else
-        We.setExtraStackFrame(null);
+        qe.setExtraStackFrame(null);
     }
-    function hr(e, o, n, c, T) {
+    function jr(e, t, a, g, M) {
       {
-        var $ = Function.call.bind(de);
+        var O = Function.call.bind(de);
         for (var S in e)
-          if ($(e, S)) {
+          if (O(e, S)) {
             var w = void 0;
             try {
               if (typeof e[S] != "function") {
-                var Z = Error((c || "React class") + ": " + n + " type `" + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[S] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var Z = Error((g || "React class") + ": " + a + " type `" + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[S] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Z.name = "Invariant Violation", Z;
               }
-              w = e[S](o, S, c, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (F) {
-              w = F;
+              w = e[S](t, S, g, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (W) {
+              w = W;
             }
-            w && !(w instanceof Error) && (Re(T), p("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", n, S, typeof w), Re(null)), w instanceof Error && !(w.message in Ye) && (Ye[w.message] = !0, Re(T), p("Failed %s type: %s", n, w.message), Re(null));
+            w && !(w instanceof Error) && (Ee(M), f("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", a, S, typeof w), Ee(null)), w instanceof Error && !(w.message in Xe) && (Xe[w.message] = !0, Ee(M), f("Failed %s type: %s", a, w.message), Ee(null));
           }
       }
     }
-    var br = Array.isArray;
-    function _e(e) {
-      return br(e);
+    var Sr = Array.isArray;
+    function Ne(e) {
+      return Sr(e);
     }
-    function vr(e) {
+    function Ir(e) {
       {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, n = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return n;
+        var t = typeof Symbol == "function" && Symbol.toStringTag, a = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return a;
       }
     }
-    function kr(e) {
+    function Tr(e) {
       try {
-        return Ve(e), !1;
+        return Ue(e), !1;
       } catch {
         return !0;
       }
     }
-    function Ve(e) {
+    function Ue(e) {
       return "" + e;
     }
-    function Ue(e) {
-      if (kr(e))
-        return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vr(e)), Ve(e);
+    function Ge(e) {
+      if (Tr(e))
+        return f("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ir(e)), Ue(e);
     }
-    var ve = R.ReactCurrentOwner, xr = {
+    var ve = R.ReactCurrentOwner, Rr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ge, Xe, Pe;
-    Pe = {};
-    function wr(e) {
+    }, He, Je, $e;
+    $e = {};
+    function Mr(e) {
       if (de.call(e, "ref")) {
-        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (o && o.isReactWarning)
+        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (t && t.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function yr(e) {
+    function Er(e) {
       if (de.call(e, "key")) {
-        var o = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (o && o.isReactWarning)
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Cr(e, o) {
-      if (typeof e.ref == "string" && ve.current && o && ve.current.stateNode !== o) {
-        var n = q(ve.current.type);
-        Pe[n] || (p('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', q(ve.current.type), e.ref), Pe[n] = !0);
+    function _r(e, t) {
+      if (typeof e.ref == "string" && ve.current && t && ve.current.stateNode !== t) {
+        var a = G(ve.current.type);
+        $e[a] || (f('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', G(ve.current.type), e.ref), $e[a] = !0);
       }
     }
-    function Sr(e, o) {
+    function Pr(e, t) {
       {
-        var n = function() {
-          Ge || (Ge = !0, p("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+        var a = function() {
+          He || (He = !0, f("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
         };
-        n.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: n,
+        a.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: a,
           configurable: !0
         });
       }
     }
-    function jr(e, o) {
+    function Dr(e, t) {
       {
-        var n = function() {
-          Xe || (Xe = !0, p("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+        var a = function() {
+          Je || (Je = !0, f("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
         };
-        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: n,
+        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: a,
           configurable: !0
         });
       }
     }
-    var Ir = function(e, o, n, c, T, $, S) {
+    var Nr = function(e, t, a, g, M, O, S) {
       var w = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
         type: e,
-        key: o,
-        ref: n,
+        key: t,
+        ref: a,
         props: S,
         // Record the component responsible for creating this element.
-        _owner: $
+        _owner: O
       };
       return w._store = {}, Object.defineProperty(w._store, "validated", {
         configurable: !1,
@@ -456,49 +458,49 @@ function Po() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: c
+        value: g
       }), Object.defineProperty(w, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: T
+        value: M
       }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
     };
-    function Tr(e, o, n, c, T) {
+    function $r(e, t, a, g, M) {
       {
-        var $, S = {}, w = null, Z = null;
-        n !== void 0 && (Ue(n), w = "" + n), yr(o) && (Ue(o.key), w = "" + o.key), wr(o) && (Z = o.ref, Cr(o, T));
-        for ($ in o)
-          de.call(o, $) && !xr.hasOwnProperty($) && (S[$] = o[$]);
+        var O, S = {}, w = null, Z = null;
+        a !== void 0 && (Ge(a), w = "" + a), Er(t) && (Ge(t.key), w = "" + t.key), Mr(t) && (Z = t.ref, _r(t, M));
+        for (O in t)
+          de.call(t, O) && !Rr.hasOwnProperty(O) && (S[O] = t[O]);
         if (e && e.defaultProps) {
-          var F = e.defaultProps;
-          for ($ in F)
-            S[$] === void 0 && (S[$] = F[$]);
+          var W = e.defaultProps;
+          for (O in W)
+            S[O] === void 0 && (S[O] = W[O]);
         }
         if (w || Z) {
-          var Y = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          w && Sr(S, Y), Z && jr(S, Y);
+          var X = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          w && Pr(S, X), Z && Dr(S, X);
         }
-        return Ir(e, w, Z, T, c, ve.current, S);
+        return Nr(e, w, Z, M, g, ve.current, S);
       }
     }
-    var De = R.ReactCurrentOwner, qe = R.ReactDebugCurrentFrame;
+    var Oe = R.ReactCurrentOwner, Ke = R.ReactDebugCurrentFrame;
     function fe(e) {
       if (e) {
-        var o = e._owner, n = Q(e.type, e._source, o ? o.type : null);
-        qe.setExtraStackFrame(n);
+        var t = e._owner, a = ee(e.type, e._source, t ? t.type : null);
+        Ke.setExtraStackFrame(a);
       } else
-        qe.setExtraStackFrame(null);
+        Ke.setExtraStackFrame(null);
     }
-    var $e;
-    $e = !1;
-    function Ne(e) {
+    var Be;
+    Be = !1;
+    function Ae(e) {
       return typeof e == "object" && e !== null && e.$$typeof === r;
     }
-    function He() {
+    function Ze() {
       {
-        if (De.current) {
-          var e = q(De.current.type);
+        if (Oe.current) {
+          var e = G(Oe.current.type);
           if (e)
             return `
 
@@ -507,149 +509,152 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Rr(e) {
+    function Or(e) {
       return "";
     }
-    var Je = {};
-    function Er(e) {
+    var Qe = {};
+    function Br(e) {
       {
-        var o = He();
-        if (!o) {
-          var n = typeof e == "string" ? e : e.displayName || e.name;
-          n && (o = `
+        var t = Ze();
+        if (!t) {
+          var a = typeof e == "string" ? e : e.displayName || e.name;
+          a && (t = `
 
-Check the top-level render call using <` + n + ">.");
+Check the top-level render call using <` + a + ">.");
         }
-        return o;
+        return t;
       }
     }
-    function Ke(e, o) {
+    function er(e, t) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var n = Er(o);
-        if (Je[n])
+        var a = Br(t);
+        if (Qe[a])
           return;
-        Je[n] = !0;
-        var c = "";
-        e && e._owner && e._owner !== De.current && (c = " It was passed a child from " + q(e._owner.type) + "."), fe(e), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, c), fe(null);
+        Qe[a] = !0;
+        var g = "";
+        e && e._owner && e._owner !== Oe.current && (g = " It was passed a child from " + G(e._owner.type) + "."), fe(e), f('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, g), fe(null);
       }
     }
-    function Ze(e, o) {
+    function rr(e, t) {
       {
         if (typeof e != "object")
           return;
-        if (_e(e))
-          for (var n = 0; n < e.length; n++) {
-            var c = e[n];
-            Ne(c) && Ke(c, o);
+        if (Ne(e))
+          for (var a = 0; a < e.length; a++) {
+            var g = e[a];
+            Ae(g) && er(g, t);
           }
-        else if (Ne(e))
+        else if (Ae(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var T = u(e);
-          if (typeof T == "function" && T !== e.entries)
-            for (var $ = T.call(e), S; !(S = $.next()).done; )
-              Ne(S.value) && Ke(S.value, o);
+          var M = m(e);
+          if (typeof M == "function" && M !== e.entries)
+            for (var O = M.call(e), S; !(S = O.next()).done; )
+              Ae(S.value) && er(S.value, t);
         }
       }
     }
-    function Mr(e) {
+    function Ar(e) {
       {
-        var o = e.type;
-        if (o == null || typeof o == "string")
+        var t = e.type;
+        if (t == null || typeof t == "string")
           return;
-        var n;
-        if (typeof o == "function")
-          n = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === i || // Note: Memo only checks outer props here.
+        var a;
+        if (typeof t == "function")
+          a = t.propTypes;
+        else if (typeof t == "object" && (t.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        o.$$typeof === N))
-          n = o.propTypes;
+        t.$$typeof === _))
+          a = t.propTypes;
         else
           return;
-        if (n) {
-          var c = q(o);
-          hr(n, e.props, "prop", c, e);
-        } else if (o.PropTypes !== void 0 && !$e) {
-          $e = !0;
-          var T = q(o);
-          p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
+        if (a) {
+          var g = G(t);
+          jr(a, e.props, "prop", g, e);
+        } else if (t.PropTypes !== void 0 && !Be) {
+          Be = !0;
+          var M = G(t);
+          f("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", M || "Unknown");
         }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && f("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function _r(e) {
+    function Lr(e) {
       {
-        for (var o = Object.keys(e.props), n = 0; n < o.length; n++) {
-          var c = o[n];
-          if (c !== "children" && c !== "key") {
-            fe(e), p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), fe(null);
+        for (var t = Object.keys(e.props), a = 0; a < t.length; a++) {
+          var g = t[a];
+          if (g !== "children" && g !== "key") {
+            fe(e), f("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), fe(null);
             break;
           }
         }
-        e.ref !== null && (fe(e), p("Invalid attribute `ref` supplied to `React.Fragment`."), fe(null));
+        e.ref !== null && (fe(e), f("Invalid attribute `ref` supplied to `React.Fragment`."), fe(null));
       }
     }
-    var Qe = {};
-    function er(e, o, n, c, T, $) {
+    var or = {};
+    function tr(e, t, a, g, M, O) {
       {
         var S = ce(e);
         if (!S) {
           var w = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (w += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var Z = Rr();
-          Z ? w += Z : w += He();
-          var F;
-          e === null ? F = "null" : _e(e) ? F = "array" : e !== void 0 && e.$$typeof === r ? (F = "<" + (q(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : F = typeof e, p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, w);
+          var Z = Or();
+          Z ? w += Z : w += Ze();
+          var W;
+          e === null ? W = "null" : Ne(e) ? W = "array" : e !== void 0 && e.$$typeof === r ? (W = "<" + (G(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : W = typeof e, f("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, w);
         }
-        var Y = Tr(e, o, n, T, $);
-        if (Y == null)
-          return Y;
+        var X = $r(e, t, a, M, O);
+        if (X == null)
+          return X;
         if (S) {
-          var ae = o.children;
+          var ae = t.children;
           if (ae !== void 0)
-            if (c)
-              if (_e(ae)) {
+            if (g)
+              if (Ne(ae)) {
                 for (var he = 0; he < ae.length; he++)
-                  Ze(ae[he], e);
+                  rr(ae[he], e);
                 Object.freeze && Object.freeze(ae);
               } else
-                p("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                f("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Ze(ae, e);
+              rr(ae, e);
         }
-        if (de.call(o, "key")) {
-          var ue = q(e), ee = Object.keys(o).filter(function(Ar) {
-            return Ar !== "key";
-          }), Oe = ee.length > 0 ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Qe[ue + Oe]) {
-            var Or = ee.length > 0 ? "{" + ee.join(": ..., ") + ": ...}" : "{}";
-            p(`A props object containing a "key" prop is being spread into JSX:
+        if (de.call(t, "key")) {
+          var ue = G(e), re = Object.keys(t).filter(function(Xr) {
+            return Xr !== "key";
+          }), Le = re.length > 0 ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!or[ue + Le]) {
+            var Vr = re.length > 0 ? "{" + re.join(": ..., ") + ": ...}" : "{}";
+            f(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Oe, ue, Or, ue), Qe[ue + Oe] = !0;
+  <%s key={someKey} {...props} />`, Le, ue, Vr, ue), or[ue + Le] = !0;
           }
         }
-        return e === a ? _r(Y) : Mr(Y), Y;
+        return e === n ? Lr(X) : Ar(X), X;
       }
     }
-    function Pr(e, o, n) {
-      return er(e, o, n, !0);
+    function Fr(e, t, a) {
+      return tr(e, t, a, !0);
     }
-    function Dr(e, o, n) {
-      return er(e, o, n, !1);
+    function zr(e, t, a) {
+      return tr(e, t, a, !1);
     }
-    var $r = Dr, Nr = Pr;
-    xe.Fragment = a, xe.jsx = $r, xe.jsxs = Nr;
-  }()), xe;
+    var Yr = zr, Wr = Fr;
+    we.Fragment = n, we.jsx = Yr, we.jsxs = Wr;
+  }()), we;
 }
-process.env.NODE_ENV === "production" ? Le.exports = _o() : Le.exports = Po();
-var t = Le.exports;
-const sr = {
+var lr;
+function Vo() {
+  return lr || (lr = 1, process.env.NODE_ENV === "production" ? Pe.exports = Yo() : Pe.exports = Wo()), Pe.exports;
+}
+var o = Vo();
+const mr = {
   token: {
     itemNameColor: "#1a1a1a",
     itemIconBackgroundColor: "white",
@@ -662,7 +667,7 @@ const sr = {
     contextMenuBackgroundColor: "white",
     contextMenuShadowColor: "rgba(0, 0, 0, 0.1)"
   }
-}, cr = {
+}, gr = {
   token: {
     itemNameColor: "white",
     itemIconBackgroundColor: "#1f2937",
@@ -675,28 +680,28 @@ const sr = {
     contextMenuBackgroundColor: "#1a1a1a",
     contextMenuShadowColor: "rgba(255, 255, 255, 0.1)"
   }
-}, dr = ar(
+}, pr = cr(
   {}
-), Do = (g) => {
-  const { children: r, theme: l, ...a } = g, m = Ee(() => l === "light" ? sr : l === "dark" ? cr : l, [l]);
-  return /* @__PURE__ */ t.jsx(dr.Provider, { value: { theme: m, ...a }, children: r });
-}, me = () => ir(dr), ur = {
+), Xo = (d) => {
+  const { children: r, theme: i, ...n } = d, c = De(() => i === "light" ? mr : i === "dark" ? gr : i, [i]);
+  return /* @__PURE__ */ o.jsx(pr.Provider, { value: { theme: c, ...n }, children: r });
+}, ge = () => dr(pr), fr = {
   maxRow: 2,
   maxCol: 2
-}, $o = {
-  ...ur
-}, gr = {
-  app: ur,
-  group: $o
+}, qo = {
+  ...fr
+}, hr = {
+  app: fr,
+  group: qo
 };
 class ie {
 }
 /** 清理重复id */
-Ae(ie, "uniqueArray", (r) => r.reduce((l, a) => l.find((s) => s.id === a.id) ? l : l.concat([a]), [])), Ae(ie, "getTheme", (r) => {
-  const l = sr.token, a = cr.token, m = { ...l, ...r == null ? void 0 : r.token }, s = { ...a, ...r == null ? void 0 : r.token };
-  return { light: m, dark: s };
+Fe(ie, "uniqueArray", (r) => r.reduce((i, n) => i.find((s) => s.id === n.id) ? i : i.concat([n]), [])), Fe(ie, "getTheme", (r) => {
+  const i = mr.token, n = gr.token, c = { ...i, ...r == null ? void 0 : r.token }, s = { ...n, ...r == null ? void 0 : r.token };
+  return { light: c, dark: s };
 });
-const mr = ar({
+const br = cr({
   list: [],
   setList: () => {
   },
@@ -731,197 +736,197 @@ const mr = ar({
   moveTargetId: null,
   setMoveTargetId: () => {
   }
-}), No = (g) => {
+}), Uo = (d) => {
   const {
     children: r,
-    list: l = [],
-    onChange: a,
-    storageKey: m = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
+    list: i = [],
+    onChange: n,
+    storageKey: c = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
     enableCaching: s = !0
-  } = g, [f, b] = te(), [i, I] = te(), [v, N] = te(null), _ = Me(v), [W, V] = te(null), [h, u] = te([]), [R, p] = te(
+  } = d, [u, h] = Q(), [l, y] = Q(), [v, _] = Q(null), E = Ce(v), [F, z] = Q(null), [b, m] = Q([]), [R, f] = Q(
     null
-  ), [G, k] = te(
+  ), [Y, k] = Q(
     null
-  ), [P, E] = te(!1), [x, y] = te(null), [X, ce] = te(
+  ), [N, P] = Q(!1), [x, C] = Q(null), [U, ce] = Q(
     null
-  ), [H, pe] = te(!1), [q, re] = Yr(m, {
+  ), [H, pe] = Q(!1), [G, oe] = Jr(c, {
     defaultValue: [],
     listenStorageChange: !0
   }), le = () => {
-    V(null), clearTimeout(f), b(void 0), _.current = null;
-  }, B = (j, K) => {
-    V({ ...j, pageX: j.pageX, pageY: j.pageY, data: K }), clearTimeout(f);
-  }, ne = (j, K = !0) => {
-    const { config: J = {} } = j;
+    z(null), clearTimeout(u), h(void 0), E.current = null;
+  }, A = (I, K) => {
+    z({ ...I, pageX: I.pageX, pageY: I.pageY, data: K }), clearTimeout(u);
+  }, ne = (I, K = !0) => {
+    const { config: J = {} } = I;
     return J.allowContextMenu === !1 ? {} : {
-      onMouseDown: (D) => {
-        b(
+      onMouseDown: ($) => {
+        h(
           setTimeout(() => {
-            K && _.current === null && B(D, j);
+            K && E.current === null && A($, I);
           }, 800)
-        ), E(!1), I(
+        ), P(!1), y(
           setTimeout(() => {
-            E(!0);
+            P(!0);
           }, 800)
         );
       },
       onMouseUp: () => {
-        clearTimeout(i), I(void 0), clearTimeout(f), b(void 0);
+        clearTimeout(l), y(void 0), clearTimeout(u), h(void 0);
       },
-      onContextMenu: (D) => {
-        K && (D.preventDefault(), B(D, j));
+      onContextMenu: ($) => {
+        K && ($.preventDefault(), A($, I));
       }
     };
-  }, se = (j, K) => {
+  }, se = (I, K) => {
     const J = [...K || []];
     if (J.length > 0)
-      u((D) => {
-        const L = [...D], O = (C) => {
-          var Ie, Te;
-          const M = J.shift(), U = C.find((Q) => Q.id === M), oe = C.findIndex((Q) => Q.id === M);
-          if (J.length && U) {
-            if (((Ie = U.children) == null ? void 0 : Ie.filter(
-              (Q) => !j.some((de) => de.id === Q.id)
-            ).length) === 1 && j.length === 1) {
-              const Q = { ...j[0] };
-              return C.splice(oe, 1, Q), a == null || a(C), C;
+      m(($) => {
+        const L = [...$], B = (j) => {
+          var Re, Me;
+          const D = J.shift(), q = j.find((ee) => ee.id === D), te = j.findIndex((ee) => ee.id === D);
+          if (J.length && q) {
+            if (((Re = q.children) == null ? void 0 : Re.filter(
+              (ee) => !I.some((de) => de.id === ee.id)
+            ).length) === 1 && I.length === 1) {
+              const ee = { ...I[0] };
+              return j.splice(te, 1, ee), n == null || n(j), j;
             }
-            return U.children = O(U.children || []), C.splice(oe, 1, U), a == null || a(C), C;
+            return q.children = B(q.children || []), j.splice(te, 1, q), n == null || n(j), j;
           }
-          if (U) {
-            if (!((Te = U.children) != null && Te.length) && j.length) {
-              const Q = { ...U };
-              return U.data = { name: "文件夹" }, U.type = "group", U.children = [Q, ...j], U.id = rr(), C.splice(oe, 1, U), a == null || a(C), C;
+          if (q) {
+            if (!((Me = q.children) != null && Me.length) && I.length) {
+              const ee = { ...q };
+              return q.data = { name: "文件夹" }, q.type = "group", q.children = [ee, ...I], q.id = nr(), j.splice(te, 1, q), n == null || n(j), j;
             }
-            return U.children = ie.uniqueArray(j), C.splice(oe, 1, U), a == null || a(C), C;
+            return q.children = ie.uniqueArray(I), j.splice(te, 1, q), n == null || n(j), j;
           }
-          return ie.uniqueArray(j);
+          return ie.uniqueArray(I);
         };
-        return ie.uniqueArray(O(L));
+        return ie.uniqueArray(B(L));
       });
     else {
-      const D = ie.uniqueArray(j);
-      a == null || a(D), u(D);
-    }
-  }, ye = (j, K) => {
-    u((J) => {
-      const D = [...J], L = (O) => {
-        var C;
-        for (let M = 0; M < O.length; M++)
-          if (O[M].id === j) {
-            O[M].config = K;
+      const $ = ie.uniqueArray(I);
+      n == null || n($), m($);
+    }
+  }, je = (I, K) => {
+    m((J) => {
+      const $ = [...J], L = (B) => {
+        var j;
+        for (let D = 0; D < B.length; D++)
+          if (B[D].id === I) {
+            B[D].config = K;
             break;
-          } else ((C = O[M].children) == null ? void 0 : C.length) !== void 0 && L(O[M].children);
+          } else ((j = B[D].children) == null ? void 0 : j.length) !== void 0 && L(B[D].children);
       };
-      return L(D), a == null || a(D), D;
+      return L($), n == null || n($), $;
     });
-  }, Ce = (j, K) => {
-    u((J) => {
-      const D = [...J], L = (O) => {
-        var C;
-        for (let M = 0; M < O.length; M++)
-          if (O[M].id === j) {
-            O[M].data = K;
+  }, Se = (I, K) => {
+    m((J) => {
+      const $ = [...J], L = (B) => {
+        var j;
+        for (let D = 0; D < B.length; D++)
+          if (B[D].id === I) {
+            B[D].data = K;
             break;
-          } else ((C = O[M].children) == null ? void 0 : C.length) !== void 0 && L(O[M].children);
+          } else ((j = B[D].children) == null ? void 0 : j.length) !== void 0 && L(B[D].children);
       };
-      return L(D), a == null || a(D), D;
+      return L($), n == null || n($), $;
     });
-  }, Se = (j) => {
-    u((K) => {
-      const J = [...K], D = (L) => {
-        var O;
-        for (let C = 0; C < L.length; C++)
-          if (L[C].id === j) {
-            L.splice(C, 1);
+  }, Ie = (I) => {
+    m((K) => {
+      const J = [...K], $ = (L) => {
+        var B;
+        for (let j = 0; j < L.length; j++)
+          if (L[j].id === I) {
+            L.splice(j, 1);
             break;
-          } else ((O = L[C].children) == null ? void 0 : O.length) !== void 0 && D(L[C].children);
+          } else ((B = L[j].children) == null ? void 0 : B.length) !== void 0 && $(L[j].children);
       };
-      return D(J), a == null || a(J), J;
+      return $(J), n == null || n(J), J;
     });
-  }, je = (j, K) => {
-    const J = [...h], D = (L, O) => {
-      const C = O.shift(), M = L.find((oe) => oe.id === C), U = L.findIndex((oe) => oe.id === C);
-      if (M) {
-        if (O.length)
-          M.children = D(M.children || [], O);
+  }, Te = (I, K) => {
+    const J = [...b], $ = (L, B) => {
+      const j = B.shift(), D = L.find((te) => te.id === j), q = L.findIndex((te) => te.id === j);
+      if (D) {
+        if (B.length)
+          D.children = $(D.children || [], B);
         else {
-          const oe = (j == null ? void 0 : j.type) ?? "app";
-          M.children = [
-            ...M.children ?? [],
+          const te = (I == null ? void 0 : I.type) ?? "app";
+          D.children = [
+            ...D.children ?? [],
             {
-              ...j,
-              id: rr(),
-              config: (j == null ? void 0 : j.config) ?? gr[oe]
+              ...I,
+              id: nr(),
+              config: (I == null ? void 0 : I.config) ?? hr[te]
             }
           ];
         }
-        return L.splice(U, 1, M), L;
+        return L.splice(q, 1, D), L;
       } else
         return L;
     };
-    u(D(J, K));
+    m($(J, K));
   };
-  return we(() => {
-    (l == null ? void 0 : l.length) > 0 && h.length === 0 && se(l);
-  }, [l]), we(() => {
-    _.current = v, v !== null && le();
-  }, [v]), we(() => {
-    s && q != null && q.length && !H && (se(q), pe(!0));
-  }, [q, H, s]), Wr(
+  return ye(() => {
+    (i == null ? void 0 : i.length) > 0 && b.length === 0 && se(i);
+  }, [i]), ye(() => {
+    E.current = v, v !== null && le();
+  }, [v]), ye(() => {
+    s && G != null && G.length && !H && (se(G), pe(!0));
+  }, [G, H, s]), Kr(
     () => {
-      s && re(h);
+      s && oe(b);
     },
-    [h, s],
+    [b, s],
     {
       wait: 1e3
     }
-  ), /* @__PURE__ */ t.jsx(
-    mr.Provider,
+  ), /* @__PURE__ */ o.jsx(
+    br.Provider,
     {
       value: {
-        list: h,
+        list: b,
         setList: se,
-        contextMenu: W,
-        setContextMenu: V,
+        contextMenu: F,
+        setContextMenu: z,
         listStatus: v,
-        setListStatus: N,
+        setListStatus: _,
         contextMenuFuns: ne,
         hideContextMenu: le,
         showInfoItemData: R,
-        setShowInfoItemData: p,
-        openGroupItemData: G,
+        setShowInfoItemData: f,
+        openGroupItemData: Y,
         setOpenGroupItemData: k,
-        longPressTriggered: P,
-        updateItemConfig: ye,
-        updateItem: Ce,
-        removeItem: Se,
-        addItem: je,
+        longPressTriggered: N,
+        updateItemConfig: je,
+        updateItem: Se,
+        removeItem: Ie,
+        addItem: Te,
         moveItemId: x,
-        setMoveItemId: y,
-        moveTargetId: X,
+        setMoveItemId: C,
+        moveTargetId: U,
         setMoveTargetId: ce
       },
       children: r
     }
   );
-}, be = () => ir(mr), Oo = {
+}, be = () => dr(br), Go = {
   menuShow: {
     opacity: 1,
     y: 0,
     transition: { type: "spring", stiffness: 300, damping: 24 }
   },
   menuHide: { opacity: 0, y: 20, transition: { duration: 0.2 } }
-}, Be = (g) => {
-  const { icon: r, title: l, onClick: a } = g, { theme: m } = me(), { light: s, dark: f } = ie.getTheme(m);
-  return /* @__PURE__ */ t.jsx(
-    A.div,
+}, ze = (d) => {
+  const { icon: r, title: i, onClick: n } = d, { theme: c } = ge(), { light: s, dark: u } = ie.getTheme(c);
+  return /* @__PURE__ */ o.jsx(
+    T.div,
     {
-      className: d`
+      className: p`
         &:hover {
           background-color: ${s.contextMenuActiveColor};
           @media (prefers-color-scheme: dark) {
-            background-color: ${f.contextMenuActiveColor};
+            background-color: ${u.contextMenuActiveColor};
           }
         }
         @media (prefers-color-scheme: dark) {
@@ -934,16 +939,16 @@ const mr = ar({
         user-select: none;
         border-radius: 0.5rem;
       `,
-      onClick: (b) => {
-        b.stopPropagation(), a == null || a();
+      onClick: (h) => {
+        h.stopPropagation(), n == null || n();
       },
-      variants: Oo,
-      children: /* @__PURE__ */ t.jsxs(
-        A.div,
+      variants: Go,
+      children: /* @__PURE__ */ o.jsxs(
+        T.div,
         {
-          className: z(
+          className: V(
             "py-1.5 px-3 rounded-lg",
-            d`
+            p`
             padding-top: 0.375rem;
             padding-bottom: 0.375rem;
             padding-left: 0.75rem;
@@ -953,11 +958,11 @@ const mr = ar({
           ),
           whileTap: { scale: 0.9 },
           children: [
-            /* @__PURE__ */ t.jsx(
-              A.div,
+            /* @__PURE__ */ o.jsx(
+              T.div,
               {
-                className: z(
-                  d`
+                className: V(
+                  p`
               margin-bottom: 0.375rem;
               display: flex;
               justify-content: center;
@@ -966,38 +971,38 @@ const mr = ar({
                 children: r
               }
             ),
-            /* @__PURE__ */ t.jsx(A.div, { children: l })
+            /* @__PURE__ */ o.jsx(T.div, { children: i })
           ]
         }
       )
     }
   );
-}, Ao = (g) => {
+}, Ho = (d) => {
   const {
     showInfoButton: r = !0,
-    showRemoveButton: l = !0,
-    showShareButton: a = !0,
-    showSizeButton: m = !0,
+    showRemoveButton: i = !0,
+    showShareButton: n = !0,
+    showSizeButton: c = !0,
     onInfoClick: s,
-    onShareClick: f,
-    onRemoveClick: b
-  } = g, {
-    contextMenu: i,
-    setContextMenu: I,
+    onShareClick: u,
+    onRemoveClick: h
+  } = d, {
+    contextMenu: l,
+    setContextMenu: y,
     hideContextMenu: v,
-    setShowInfoItemData: N,
-    removeItem: _,
-    updateItemConfig: W
-  } = be(), { theme: V } = me(), { light: h, dark: u } = ie.getTheme(V), { data: R } = i ?? {}, { config: p = {} } = R ?? {}, G = () => {
-    var E;
-    const k = gr[(E = i == null ? void 0 : i.data) == null ? void 0 : E.type], P = [];
+    setShowInfoItemData: _,
+    removeItem: E,
+    updateItemConfig: F
+  } = be(), { theme: z } = ge(), { light: b, dark: m } = ie.getTheme(z), { data: R } = l ?? {}, { config: f = {} } = R ?? {}, Y = () => {
+    var P;
+    const k = hr[(P = l == null ? void 0 : l.data) == null ? void 0 : P.type], N = [];
     for (let x = 1; x <= ((k == null ? void 0 : k.maxRow) ?? 2); x++)
-      for (let y = 1; y <= ((k == null ? void 0 : k.maxCol) ?? 2); y++)
-        P.push(`${x}x${y}`);
-    return P;
+      for (let C = 1; C <= ((k == null ? void 0 : k.maxCol) ?? 2); C++)
+        N.push(`${x}x${C}`);
+    return N;
   };
-  return /* @__PURE__ */ t.jsx(zr, { children: i && /* @__PURE__ */ t.jsxs(
-    A.div,
+  return /* @__PURE__ */ o.jsx(We, { children: l && /* @__PURE__ */ o.jsxs(
+    T.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -1006,25 +1011,25 @@ const mr = ar({
         k.stopPropagation(), k.preventDefault();
       },
       children: [
-        /* @__PURE__ */ t.jsx(
-          A.div,
+        /* @__PURE__ */ o.jsx(
+          T.div,
           {
-            className: z(
-              d`
+            className: V(
+              p`
                 border-radius: 0.5rem;
                 overflow: hidden;
-                background-color: ${h.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
+                background-color: ${b.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${b.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
-                  background-color: ${u.contextMenuBackgroundColor};
-                  box-shadow: 0 0 0.5rem ${u.contextMenuShadowColor};
+                  background-color: ${m.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${m.contextMenuShadowColor};
                 }
               `
             ),
-            children: m && p.allowResize !== !1 && /* @__PURE__ */ t.jsx(
-              A.ul,
+            children: c && f.allowResize !== !1 && /* @__PURE__ */ o.jsx(
+              T.ul,
               {
-                className: d`
+                className: p`
                   background-color: white;
                   padding: 0.25rem;
                   margin: 0;
@@ -1033,33 +1038,33 @@ const mr = ar({
                   {
                     label: "修改大小",
                     key: "size",
-                    icon: /* @__PURE__ */ t.jsx(Ur, { size: 14 }),
-                    items: G().map((k) => ({
+                    icon: /* @__PURE__ */ o.jsx(Qr, { size: 14 }),
+                    items: Y().map((k) => ({
                       label: k,
                       key: k,
                       onClick: () => {
-                        const [P, E] = k.split("x").map(Number);
-                        W(i.data.id, {
-                          row: P,
-                          col: E
+                        const [N, P] = k.split("x").map(Number);
+                        F(l.data.id, {
+                          row: N,
+                          col: P
                         });
                       }
                     }))
                   }
-                ].map((k) => /* @__PURE__ */ t.jsxs(
-                  A.li,
+                ].map((k) => /* @__PURE__ */ o.jsxs(
+                  T.li,
                   {
-                    className: d`
+                    className: p`
                       padding-top: 0.5rem;
                       padding-bottom: 0.5rem;
                       padding-left: 0.75rem;
                       padding-right: 0.75rem;
                     `,
                     children: [
-                      /* @__PURE__ */ t.jsxs(
-                        A.p,
+                      /* @__PURE__ */ o.jsxs(
+                        T.p,
                         {
-                          className: d`
+                          className: p`
                         display: flex;
                         align-items: center;
                         font-size: 0.875rem;
@@ -1075,20 +1080,20 @@ const mr = ar({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ t.jsx(
-                        A.div,
+                      /* @__PURE__ */ o.jsx(
+                        T.div,
                         {
-                          className: d`
+                          className: p`
                         display: grid;
                         grid-template-columns: repeat(2, minmax(0, 1fr));
                         gap: 0.25rem;
                       `,
-                          children: k.items.map((P) => /* @__PURE__ */ t.jsx(
-                            A.div,
+                          children: k.items.map((N) => /* @__PURE__ */ o.jsx(
+                            T.div,
                             {
-                              className: z(
+                              className: V(
                                 "py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",
-                                d`
+                                p`
                               padding-top: 0.25rem;
                               padding-bottom: 0.25rem;
                               padding-left: 0.5rem;
@@ -1099,28 +1104,28 @@ const mr = ar({
                               line-height: 1.25rem;
                               cursor: pointer;
                               text-align: center;
-                              color: ${h.contextMenuTextColor};
+                              color: ${b.contextMenuTextColor};
                               @media (prefers-color-scheme: dark) {
-                                color: ${u.contextMenuTextColor};
+                                color: ${m.contextMenuTextColor};
                               }
                               &:hover {
-                                background-color: ${h.contextMenuActiveColor};
+                                background-color: ${b.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
-                                  background-color: ${u.contextMenuActiveColor};
+                                  background-color: ${m.contextMenuActiveColor};
                                 }
                               }
                             `,
-                                `${p.row}x${p.col}` === P.key && d`
-                                background-color: ${h.contextMenuActiveColor};
+                                `${f.row}x${f.col}` === N.key && p`
+                                background-color: ${b.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
-                                  background-color: ${u.contextMenuActiveColor};
+                                  background-color: ${m.contextMenuActiveColor};
                                 }
                               `
                               ),
-                              onClick: P.onClick,
-                              children: P.label
+                              onClick: N.onClick,
+                              children: N.label
                             },
-                            P.key
+                            N.key
                           ))
                         }
                       )
@@ -1132,16 +1137,16 @@ const mr = ar({
             )
           }
         ),
-        /* @__PURE__ */ t.jsxs(
-          A.div,
+        /* @__PURE__ */ o.jsxs(
+          T.div,
           {
-            className: z(
-              d`
-                background-color: ${h.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
+            className: V(
+              p`
+                background-color: ${b.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${b.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
-                  background-color: ${u.contextMenuBackgroundColor};
-                  box-shadow: 0 0 0.5rem ${u.contextMenuShadowColor};
+                  background-color: ${m.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${m.contextMenuShadowColor};
                 }
                 display: flex;
                 justify-content: space-around;
@@ -1153,48 +1158,48 @@ const mr = ar({
               `
             ),
             children: [
-              a && /* @__PURE__ */ t.jsx(
-                Be,
+              n && /* @__PURE__ */ o.jsx(
+                ze,
                 {
-                  icon: /* @__PURE__ */ t.jsx(Gr, { size: 20 }),
+                  icon: /* @__PURE__ */ o.jsx(eo, { size: 20 }),
                   title: "分享",
                   onClick: () => {
-                    if (f) {
-                      f(i.data);
+                    if (u) {
+                      u(l.data);
                       return;
                     }
                   }
                 }
               ),
-              r && /* @__PURE__ */ t.jsx(
-                Be,
+              r && /* @__PURE__ */ o.jsx(
+                ze,
                 {
-                  icon: /* @__PURE__ */ t.jsx(Xr, { size: 20 }),
+                  icon: /* @__PURE__ */ o.jsx(ro, { size: 20 }),
                   title: "信息",
                   onClick: () => {
                     if (s) {
-                      s(i.data);
+                      s(l.data);
                       return;
                     }
-                    N({
-                      ...i.data,
-                      pageX: i.pageX,
-                      pageY: i.pageY
+                    _({
+                      ...l.data,
+                      pageX: l.pageX,
+                      pageY: l.pageY
                     }), v();
                   }
                 }
               ),
-              l && /* @__PURE__ */ t.jsx(
-                Be,
+              i && /* @__PURE__ */ o.jsx(
+                ze,
                 {
-                  icon: /* @__PURE__ */ t.jsx(qr, { size: 20 }),
+                  icon: /* @__PURE__ */ o.jsx(oo, { size: 20 }),
                   title: "移除",
                   onClick: () => {
-                    if (b) {
-                      b(i.data, _);
+                    if (h) {
+                      h(l.data, E);
                       return;
                     }
-                    I(null), _(i.data.id);
+                    y(null), E(l.data.id);
                   }
                 }
               )
@@ -1204,61 +1209,61 @@ const mr = ar({
       ]
     }
   ) });
-}, Bo = (g) => {
-  const { data: r, noLetters: l = !1 } = g, { contextMenuFuns: a } = be(), { itemIconBuilder: m, theme: s, contextMenu: f } = me(), { light: b, dark: i } = ie.getTheme(s), { data: I = {} } = r, { name: v } = I;
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      A.div,
+}, Jo = (d) => {
+  const { data: r, noLetters: i = !1 } = d, { contextMenuFuns: n } = be(), { itemIconBuilder: c, theme: s, contextMenu: u } = ge(), { light: h, dark: l } = ie.getTheme(s), { data: y = {} } = r, { name: v } = y;
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(
+      T.div,
       {
-        className: d`
+        className: p`
           width: 4rem;
           height: 4rem;
-          background-color: ${b.itemIconBackgroundColor};
+          background-color: ${h.itemIconBackgroundColor};
           border-radius: 0.75rem;
-          box-shadow: 0 0 0.5rem ${b.itemIconShadowColor};
+          box-shadow: 0 0 0.5rem ${h.itemIconShadowColor};
           cursor: pointer;
           position: relative;
           overflow: hidden;
           @media (prefers-color-scheme: dark) {
-            background-color: ${i.itemIconBackgroundColor};
-            box-shadow: 0 0 0.5rem ${i.itemIconShadowColor};
+            background-color: ${l.itemIconBackgroundColor};
+            box-shadow: 0 0 0.5rem ${l.itemIconShadowColor};
           }
         `,
         whileTap: { scale: 0.9 },
-        children: /* @__PURE__ */ t.jsx(
+        children: /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: d`
+            className: p`
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
-            color: ${b.itemNameColor};
+            color: ${h.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${i.itemNameColor};
+              color: ${l.itemNameColor};
             }
           `,
-            ...a(r, f !== !1),
-            children: m == null ? void 0 : m(r)
+            ...n(r, u !== !1),
+            children: c == null ? void 0 : c(r)
           }
         )
       }
     ),
-    /* @__PURE__ */ t.jsx(
-      A.p,
+    /* @__PURE__ */ o.jsx(
+      T.p,
       {
-        className: z(
-          d`
+        className: V(
+          p`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
-            color: ${b.itemNameColor};
+            color: ${h.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${i.itemNameColor};
+              color: ${l.itemNameColor};
             }
           `,
-          l && d`
+          i && p`
               color: transparent;
             `
         ),
@@ -1266,22 +1271,22 @@ const mr = ar({
       }
     )
   ] });
-}, ze = (g) => {
+}, Ve = (d) => {
   const {
     data: r,
-    className: l,
-    itemIndex: a,
-    onClick: m,
+    className: i,
+    itemIndex: n,
+    onClick: c,
     disabledDrag: s = !1,
-    children: f,
-    parentIds: b,
-    childrenLength: i
-  } = g, { contextMenu: I, setContextMenu: v } = be(), { contextMenu: N } = me();
-  return /* @__PURE__ */ t.jsx(
-    Vr,
+    children: u,
+    parentIds: h,
+    childrenLength: l
+  } = d, { contextMenu: y, setContextMenu: v } = be(), { contextMenu: _ } = ge();
+  return /* @__PURE__ */ o.jsx(
+    Zr,
     {
       placement: "bottom",
-      overlayClassName: d`
+      overlayClassName: p`
         background-color: transparent;
         .rc-tooltip-inner {
           background-color: transparent;
@@ -1289,122 +1294,122 @@ const mr = ar({
           border: none;
         }
       `,
-      overlay: /* @__PURE__ */ t.jsx(Ao, { ...N }),
-      visible: (I == null ? void 0 : I.data.id) === r.id,
-      onVisibleChange: (_) => {
-        _ || v(null);
+      overlay: /* @__PURE__ */ o.jsx(Ho, { ..._ }),
+      visible: (y == null ? void 0 : y.data.id) === r.id,
+      onVisibleChange: (E) => {
+        E || v(null);
       },
       destroyTooltipOnHide: !0,
-      children: /* @__PURE__ */ t.jsx(
-        A.div,
+      children: /* @__PURE__ */ o.jsx(
+        T.div,
         {
           "data-id": r.id,
-          "data-index": a,
-          "data-parent-ids": b == null ? void 0 : b.join(","),
-          "data-children-length": i,
-          onClick: () => m == null ? void 0 : m(r),
-          className: z(s && "drag-disabled", l),
-          children: f ?? /* @__PURE__ */ t.jsx(Bo, { ...g })
+          "data-index": n,
+          "data-parent-ids": h == null ? void 0 : h.join(","),
+          "data-children-length": l,
+          onClick: () => c == null ? void 0 : c(r),
+          className: V(s && "drag-disabled", i),
+          children: u ?? /* @__PURE__ */ o.jsx(Jo, { ...d })
         }
       )
     }
   );
-}, Lo = (g) => {
+}, Ko = (d) => {
   const {
     data: r,
-    className: l,
-    parentIds: a,
-    itemIndex: m,
+    className: i,
+    parentIds: n,
+    itemIndex: c,
     onClick: s,
-    noLetters: f = !1
-  } = g, {
-    contextMenuFuns: b,
-    setList: i,
-    setOpenGroupItemData: I,
+    noLetters: u = !1
+  } = d, {
+    contextMenuFuns: h,
+    setList: l,
+    setOpenGroupItemData: y,
     longPressTriggered: v,
-    moveItemId: N,
-    moveTargetId: _,
-    setMoveTargetId: W,
-    listStatus: V
-  } = be(), { itemIconBuilder: h, theme: u, contextMenu: R } = me(), { light: p, dark: G } = ie.getTheme(u), { children: k, data: P, config: E } = r, { row: x = 1, col: y = 1 } = E ?? {}, X = {
+    moveItemId: _,
+    moveTargetId: E,
+    setMoveTargetId: F,
+    listStatus: z
+  } = be(), { itemIconBuilder: b, theme: m, contextMenu: R } = ge(), { light: f, dark: Y } = ie.getTheme(m), { children: k, data: N, config: P } = r, { row: x = 1, col: C = 1 } = P ?? {}, U = {
     visible: { opacity: 1, scale: 1 },
     hidden: { opacity: 0, scale: 0.95 }
-  }, ce = ((k == null ? void 0 : k.length) ?? 0) === 0, H = ce ? [r] : [...k ?? []].slice(0, 9), pe = Ee(() => N === r.id.toString(), [r.id, N]), q = Ee(() => _ === r.id, [r.id, _]), re = d`
+  }, ce = ((k == null ? void 0 : k.length) ?? 0) === 0, H = ce ? [r] : [...k ?? []].slice(0, 9), pe = De(() => _ === r.id.toString(), [r.id, _]), G = De(() => E === r.id, [r.id, E]), oe = p`
     overflow: hidden;
     cursor: pointer;
-    background-color: ${p.itemIconBackgroundColor};
-    box-shadow: 0 0 0.5rem ${p.itemIconShadowColor};
+    background-color: ${f.itemIconBackgroundColor};
+    box-shadow: 0 0 0.5rem ${f.itemIconShadowColor};
     @media (prefers-color-scheme: dark) {
-      background-color: ${G.itemIconBackgroundColor};
-      box-shadow: 0 0 0.5rem ${G.itemIconShadowColor};
+      background-color: ${Y.itemIconBackgroundColor};
+      box-shadow: 0 0 0.5rem ${Y.itemIconShadowColor};
     }
   `, le = () => {
     if (ce)
-      return /* @__PURE__ */ t.jsx(
-        A.div,
+      return /* @__PURE__ */ o.jsx(
+        T.div,
         {
-          className: z(
+          className: V(
             "sortable-group-item",
-            d`
+            p`
               overflow: hidden;
               cursor: pointer;
               width: 100%;
               height: 100%;
-              background-color: ${p.itemIconBackgroundColor};
+              background-color: ${f.itemIconBackgroundColor};
               position: absolute;
               left: 0;
               top: 0;
               border-radius: 0.75rem;
               @media (prefers-color-scheme: dark) {
-                background-color: ${G.itemIconBackgroundColor};
+                background-color: ${Y.itemIconBackgroundColor};
               }
             `
           ),
-          onClick: (B) => {
-            B.stopPropagation(), s == null || s(r);
+          onClick: (A) => {
+            A.stopPropagation(), s == null || s(r);
           },
-          children: h == null ? void 0 : h(r)
+          children: b == null ? void 0 : b(r)
         }
       );
-    if (x === 1 && y === 1 || x === 2 && y === 2)
-      return /* @__PURE__ */ t.jsx(
-        A.div,
+    if (x === 1 && C === 1 || x === 2 && C === 2)
+      return /* @__PURE__ */ o.jsx(
+        T.div,
         {
-          className: d`
+          className: p`
             display: grid;
             width: 100%;
             height: 100%;
             grid-template-columns: repeat(3, minmax(0, 1fr));
             grid-template-rows: repeat(3, minmax(0, 1fr));
-            padding: ${y === 1 ? "0.125rem" : "0.25rem"};
-            gap: ${y === 1 ? "0.125rem" : "0.5rem"};
+            padding: ${C === 1 ? "0.125rem" : "0.25rem"};
+            gap: ${C === 1 ? "0.125rem" : "0.5rem"};
             place-items: center;
           `,
-          children: H == null ? void 0 : H.slice(0, 9).map((B) => /* @__PURE__ */ t.jsx(
-            A.div,
+          children: H == null ? void 0 : H.slice(0, 9).map((A) => /* @__PURE__ */ o.jsx(
+            T.div,
             {
-              className: z(
-                re,
-                d`
-                  border-radius: ${y === 1 ? "0.25rem" : "0.5rem"};
+              className: V(
+                oe,
+                p`
+                  border-radius: ${C === 1 ? "0.25rem" : "0.5rem"};
                   width: 100%;
                   height: 100%;
                 `
               ),
               onClick: (ne) => {
-                ne.stopPropagation(), s == null || s(B);
+                ne.stopPropagation(), s == null || s(A);
               },
-              children: h == null ? void 0 : h(B)
+              children: b == null ? void 0 : b(A)
             },
-            B.id
+            A.id
           ))
         }
       );
-    if (x === 1 && y === 2)
-      return /* @__PURE__ */ t.jsx(
-        A.div,
+    if (x === 1 && C === 2)
+      return /* @__PURE__ */ o.jsx(
+        T.div,
         {
-          className: d`
+          className: p`
             display: grid;
             grid-template-columns: repeat(10, minmax(0, 1fr));
             grid-template-rows: repeat(4, minmax(0, 1fr));
@@ -1414,18 +1419,18 @@ const mr = ar({
             height: 52px;
             place-items: center;
           `,
-          children: H == null ? void 0 : H.slice(0, 4).map((B, ne) => /* @__PURE__ */ t.jsx(
-            A.div,
+          children: H == null ? void 0 : H.slice(0, 4).map((A, ne) => /* @__PURE__ */ o.jsx(
+            T.div,
             {
-              className: z(
-                re,
-                ne < 2 ? d`
+              className: V(
+                oe,
+                ne < 2 ? p`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : d`
+                    ` : p`
                       width: 1.5rem;
                       height: 1.5rem;
                       border-radius: 0.375rem;
@@ -1434,19 +1439,19 @@ const mr = ar({
                     `
               ),
               onClick: (se) => {
-                ne > 2 || (se.stopPropagation(), s == null || s(B));
+                ne > 2 || (se.stopPropagation(), s == null || s(A));
               },
-              children: h == null ? void 0 : h(B)
+              children: b == null ? void 0 : b(A)
             },
-            B.id
+            A.id
           ))
         }
       );
-    if (x === 2 && y === 1)
-      return /* @__PURE__ */ t.jsx(
-        A.div,
+    if (x === 2 && C === 1)
+      return /* @__PURE__ */ o.jsx(
+        T.div,
         {
-          className: d`
+          className: p`
             display: grid;
             grid-template-columns: repeat(4, minmax(0, 1fr));
             grid-template-rows: repeat(10, minmax(0, 1fr));
@@ -1456,18 +1461,18 @@ const mr = ar({
             height: 144px;
             place-items: center;
           `,
-          children: H == null ? void 0 : H.slice(0, 4).map((B, ne) => /* @__PURE__ */ t.jsx(
-            A.div,
+          children: H == null ? void 0 : H.slice(0, 4).map((A, ne) => /* @__PURE__ */ o.jsx(
+            T.div,
             {
-              className: z(
-                re,
-                ne < 2 ? d`
+              className: V(
+                oe,
+                ne < 2 ? p`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : d`
+                    ` : p`
                       width: 1.5rem;
                       height: 1.5rem;
                       grid-column: span 2 / span 2;
@@ -1475,61 +1480,61 @@ const mr = ar({
                     `
               ),
               onClick: (se) => {
-                ne > 2 || (se.stopPropagation(), s == null || s(B));
+                ne > 2 || (se.stopPropagation(), s == null || s(A));
               },
-              children: h == null ? void 0 : h(B)
+              children: b == null ? void 0 : b(A)
             },
-            B.id
+            A.id
           ))
         }
       );
   };
-  return /* @__PURE__ */ t.jsxs(
-    ze,
+  return /* @__PURE__ */ o.jsxs(
+    Ve,
     {
       data: r,
-      itemIndex: m,
-      parentIds: a,
+      itemIndex: c,
+      parentIds: n,
       childrenLength: k == null ? void 0 : k.length,
-      className: z(
-        d`
+      className: V(
+        p`
           grid-row: span ${x};
-          grid-column: span ${y};
+          grid-column: span ${C};
         `,
-        l
+        i
       ),
       children: [
-        /* @__PURE__ */ t.jsx(
-          A.div,
+        /* @__PURE__ */ o.jsx(
+          T.div,
           {
             whileTap: { scale: 0.9 },
-            className: z(
-              q ? "!scale-110" : "",
-              d`
+            className: V(
+              G ? "!scale-110" : "",
+              p`
             cursor: pointer;
             position: relative;
             border-radius: 0.75rem;
-            background-color: ${p.groupItemIconBackgroundColor};
-            box-shadow: 0 0 0.5rem ${p.groupItemIconShadowColor};
+            background-color: ${f.groupItemIconBackgroundColor};
+            box-shadow: 0 0 0.5rem ${f.groupItemIconShadowColor};
             @media (prefers-color-scheme: dark) {
-              background-color: ${G.groupItemIconBackgroundColor};
-              box-shadow: 0 0 0.5rem ${G.groupItemIconShadowColor};
+              background-color: ${Y.groupItemIconBackgroundColor};
+              box-shadow: 0 0 0.5rem ${Y.groupItemIconShadowColor};
             }
             /* overflow: hidden; */
             transition: all 0.3s;
             margin: 0 auto;
-            width: ${y * 64 + 32 * (y - 1)}px;
+            width: ${C * 64 + 32 * (C - 1)}px;
             height: ${x * 64 + 32 * (x - 1)}px;
           `
             ),
-            onClick: (B) => {
-              !ce && !v && (r.parentIds = a, r.pageX = B.pageX, r.pageY = B.pageY, I(r));
+            onClick: (A) => {
+              !ce && !v && (r.parentIds = n, r.pageX = A.pageX, r.pageY = A.pageY, y(r));
             },
-            ...b(r, R !== !1),
-            children: /* @__PURE__ */ t.jsxs(
-              A.div,
+            ...h(r, R !== !1),
+            children: /* @__PURE__ */ o.jsxs(
+              T.div,
               {
-                className: d`
+                className: p`
             position: relative;
             width: 100%;
             height: 100%;
@@ -1540,19 +1545,19 @@ const mr = ar({
           `,
                 children: [
                   le(),
-                  /* @__PURE__ */ t.jsx(
-                    Fe,
+                  /* @__PURE__ */ o.jsx(
+                    Ye,
                     {
-                      className: z(
+                      className: V(
                         "sortable-group-item",
-                        d`
+                        p`
                 position: absolute;
                 cursor: pointer;
                 left: 0.375rem;
                 top: 0.375rem;
                 width: calc(100% - 0.75rem);
                 height: calc(100% - 0.75rem);
-                pointer-events: ${V === null ? "none" : "auto"};
+                pointer-events: ${z === null ? "none" : "auto"};
                 > * {
                   opacity: 0;
                 }
@@ -1562,11 +1567,11 @@ const mr = ar({
                       animation: 150,
                       fallbackOnBody: !0,
                       list: k ?? [],
-                      setList: (B) => i(B, a),
+                      setList: (A) => l(A, n),
                       filter: () => !0,
                       "data-id": r.id,
                       onChange: () => {
-                        W(r.id);
+                        F(r.id);
                       }
                     }
                   )
@@ -1575,32 +1580,32 @@ const mr = ar({
             )
           }
         ),
-        /* @__PURE__ */ t.jsx(
-          A.p,
+        /* @__PURE__ */ o.jsx(
+          T.p,
           {
-            className: z(
-              d`
+            className: V(
+              p`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
-            color: ${p.itemNameColor};
+            color: ${f.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${G.itemNameColor};
+              color: ${Y.itemNameColor};
             }
           `,
-              f && d`
+              u && p`
               color: transparent;
             `
             ),
-            variants: X,
+            variants: U,
             animate: pe ? "hidden" : "visible",
-            children: (P == null ? void 0 : P.name) ?? "文件夹"
+            children: (N == null ? void 0 : N.name) ?? "文件夹"
           }
         )
       ]
     }
   );
-}, pr = d`
+}, vr = p`
   padding: 8px;
   transition: all 0.2s;
   > div {
@@ -1612,24 +1617,24 @@ const mr = ar({
       transition: all 0.2s;
     }
   }
-`, Fo = (g) => {
-  const { data: r, onClose: l, onItemClick: a } = g, {
-    list: m,
+`, Zo = (d) => {
+  const { data: r, onClose: i, onItemClick: n } = d, {
+    list: c,
     setList: s,
-    setListStatus: f,
-    setMoveItemId: b,
-    setMoveTargetId: i,
-    updateItem: I
-  } = be(), { theme: v } = me(), { light: N, dark: _ } = ie.getTheme(v), [W, V] = te("文件夹"), h = [...(r == null ? void 0 : r.children) ?? []];
-  return we(() => {
-    var u;
-    r && V((u = r.data) == null ? void 0 : u.name);
-  }, [r]), /* @__PURE__ */ t.jsx(
-    lr,
+    setListStatus: u,
+    setMoveItemId: h,
+    setMoveTargetId: l,
+    updateItem: y
+  } = be(), { theme: v } = ge(), { light: _, dark: E } = ie.getTheme(v), [F, z] = Q("文件夹"), b = [...(r == null ? void 0 : r.children) ?? []];
+  return ye(() => {
+    var m;
+    r && z((m = r.data) == null ? void 0 : m.name);
+  }, [r]), /* @__PURE__ */ o.jsx(
+    ur,
     {
       visible: !!r,
       onClose: () => {
-        l();
+        i();
       },
       animation: "zoom",
       maskAnimation: "fade",
@@ -1637,10 +1642,10 @@ const mr = ar({
         x: r == null ? void 0 : r.pageX,
         y: r == null ? void 0 : r.pageY
       } : null,
-      title: /* @__PURE__ */ t.jsx(
+      title: /* @__PURE__ */ o.jsx(
         "input",
         {
-          className: d`
+          className: p`
             background-color: transparent;
             border-style: none;
             text-align: center;
@@ -1654,23 +1659,23 @@ const mr = ar({
               outline: none;
             }
           `,
-          value: W,
-          onChange: (u) => {
-            V(u.target.value);
+          value: F,
+          onChange: (m) => {
+            z(m.target.value);
           },
           onBlur: () => {
-            r && I(r.id, {
+            r && y(r.id, {
               ...r.data,
-              name: W
+              name: F
             });
           }
         }
       ),
       footer: null,
       closable: !1,
-      className: z(
+      className: V(
         "group-item-modal",
-        d`
+        p`
           .rc-dialog-content {
             background-color: transparent;
             box-shadow: none;
@@ -1685,9 +1690,9 @@ const mr = ar({
               }
             }
             .rc-dialog-body {
-              background-color: ${N.groupItemModalBackgroundColor};
+              background-color: ${_.groupItemModalBackgroundColor};
               @media (prefers-color-scheme: dark) {
-                background-color: ${_.groupItemModalBackgroundColor};
+                background-color: ${E.groupItemModalBackgroundColor};
               }
               border-radius: 0.5rem;
               overflow: hidden;
@@ -1697,24 +1702,24 @@ const mr = ar({
       ),
       width: 600,
       destroyOnClose: !0,
-      children: /* @__PURE__ */ t.jsx(
+      children: /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: d`
+          className: p`
           overflow-y: auto;
           max-height: 60vh;
           padding: 1.25rem 0;
         `,
-          onDragLeave: (u) => {
-            const R = u.relatedTarget;
-            R && (u.currentTarget.contains(R) || setTimeout(() => {
-              l();
+          onDragLeave: (m) => {
+            const R = m.relatedTarget;
+            R && (m.currentTarget.contains(R) || setTimeout(() => {
+              i();
             }, 500));
           },
-          children: /* @__PURE__ */ t.jsx(
-            Fe,
+          children: /* @__PURE__ */ o.jsx(
+            Ye,
             {
-              className: d`
+              className: p`
             display: grid;
             gap: 1rem;
             place-items: center;
@@ -1726,28 +1731,28 @@ const mr = ar({
               animation: 150,
               fallbackOnBody: !0,
               list: (r == null ? void 0 : r.children) ?? [],
-              setList: (u) => {
-                var G, k;
-                const R = u.map((P) => P.id), p = (k = (G = m.find((P) => P.id === (r == null ? void 0 : r.id))) == null ? void 0 : G.children) == null ? void 0 : k.map((P) => P.id);
-                R.length === (p == null ? void 0 : p.length) && R.every((P, E) => P === p[E]) || R.length < ((p == null ? void 0 : p.length) ?? 0) || s(u, [...(r == null ? void 0 : r.parentIds) ?? [], r == null ? void 0 : r.id]);
+              setList: (m) => {
+                var Y, k;
+                const R = m.map((N) => N.id), f = (k = (Y = c.find((N) => N.id === (r == null ? void 0 : r.id))) == null ? void 0 : Y.children) == null ? void 0 : k.map((N) => N.id);
+                R.length === (f == null ? void 0 : f.length) && R.every((N, P) => N === f[P]) || R.length < ((f == null ? void 0 : f.length) ?? 0) || s(m, [...(r == null ? void 0 : r.parentIds) ?? [], r == null ? void 0 : r.id]);
               },
-              onMove: () => (i(null), f("onMove"), !0),
-              onStart: (u) => {
-                const R = u.item.dataset;
-                R != null && R.id && b(R.id), f("onMove");
+              onMove: () => (l(null), u("onMove"), !0),
+              onStart: (m) => {
+                const R = m.item.dataset;
+                R != null && R.id && h(R.id), u("onMove");
               },
               onEnd: () => {
-                b(null), i(null), f(null);
+                h(null), l(null), u(null);
               },
-              ghostClass: pr,
-              children: h.map((u, R) => /* @__PURE__ */ t.jsx(
-                ze,
+              ghostClass: vr,
+              children: b.map((m, R) => /* @__PURE__ */ o.jsx(
+                Ve,
                 {
-                  data: u,
+                  data: m,
                   itemIndex: R,
-                  onClick: a
+                  onClick: n
                 },
-                u.id
+                m.id
               ))
             }
           )
@@ -1755,15 +1760,15 @@ const mr = ar({
       )
     }
   );
-}, zo = (g) => {
-  var a;
-  const { data: r, onClose: l } = g;
-  return /* @__PURE__ */ t.jsx(
-    lr,
+}, Qo = (d) => {
+  var n;
+  const { data: r, onClose: i } = d;
+  return /* @__PURE__ */ o.jsx(
+    ur,
     {
       visible: !!r,
       onClose: () => {
-        l();
+        i();
       },
       animation: "zoom",
       maskAnimation: "fade",
@@ -1772,33 +1777,33 @@ const mr = ar({
         y: r == null ? void 0 : r.pageY
       } : null,
       footer: null,
-      title: ((a = r == null ? void 0 : r.data) == null ? void 0 : a.name) ?? "信息",
-      children: r && /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsx("div", { className: "mb-2", children: "开发者信息" }),
-        /* @__PURE__ */ t.jsx("div", { className: "p-2 rounded-md bg-[#272822]", children: /* @__PURE__ */ t.jsx(Hr, { src: r, theme: "monokai" }) })
+      title: ((n = r == null ? void 0 : r.data) == null ? void 0 : n.name) ?? "信息",
+      children: r && /* @__PURE__ */ o.jsxs("div", { children: [
+        /* @__PURE__ */ o.jsx("div", { className: "mb-2", children: "开发者信息" }),
+        /* @__PURE__ */ o.jsx("div", { className: "p-2 rounded-md bg-[#272822]", children: /* @__PURE__ */ o.jsx(no, { src: r, theme: "monokai" }) })
       ] })
     }
   );
-}, Yo = (g) => {
+}, et = (d) => {
   const {
     pagination: r = { position: "bottom" },
-    className: l,
-    sliderProps: a,
-    sliderRef: m,
+    className: i,
+    sliderProps: n,
+    sliderRef: c,
     onItemClick: s
-  } = g, f = Me(null), b = Me(null), {
-    list: i,
-    setList: I,
+  } = d, u = Ce(null), h = Ce(null), {
+    list: l,
+    setList: y,
     setListStatus: v,
-    showInfoItemData: N,
-    setShowInfoItemData: _,
-    openGroupItemData: W,
-    setOpenGroupItemData: V,
-    setMoveItemId: h,
-    setMoveTargetId: u,
+    showInfoItemData: _,
+    setShowInfoItemData: E,
+    openGroupItemData: F,
+    setOpenGroupItemData: z,
+    setMoveItemId: b,
+    setMoveTargetId: m,
     addItem: R
-  } = be(), { pagingDotBuilder: p, pagingDotsBuilder: G, itemBuilder: k } = me(), P = Ee(() => r === !1 ? {} : {
-    top: d`
+  } = be(), { pagingDotBuilder: f, pagingDotsBuilder: Y, itemBuilder: k } = ge(), N = De(() => r === !1 ? {} : {
+    top: p`
         display: flex;
         flex-direction: column;
         .slick-list {
@@ -1808,12 +1813,12 @@ const mr = ar({
           position: static;
         }
       `,
-    bottom: d`
+    bottom: p`
         .slick-dots {
           position: static;
         }
       `,
-    left: d`
+    left: p`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1829,7 +1834,7 @@ const mr = ar({
           }
         }
       `,
-    right: d`
+    right: p`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1846,21 +1851,21 @@ const mr = ar({
         }
       `
   }[r.position ?? "bottom"], [r]);
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      Fr,
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(
+      Gr,
       {
         useCSS: !0,
         useTransform: !0,
         arrows: !1,
-        ref: m ?? f,
+        ref: c ?? u,
         infinite: !1,
         dots: !0,
         touchMove: !1,
         lazyLoad: "anticipated",
-        className: z(
-          P,
-          d`
+        className: V(
+          N,
+          p`
             .slick-track {
               display: flex;
               align-items: stretch;
@@ -1876,28 +1881,28 @@ const mr = ar({
               }
             }
           `,
-          l
+          i
         ),
-        customPaging: (E) => {
-          var x, y;
-          return p ? p(i[E], E) : /* @__PURE__ */ t.jsx(
+        customPaging: (P) => {
+          var x, C;
+          return f ? f(l[P], P) : /* @__PURE__ */ o.jsx(
             "div",
             {
               onDragEnter: () => {
-                var X;
-                (X = (m ?? f).current) == null || X.slickGoTo(E);
+                var U;
+                (U = (c ?? u).current) == null || U.slickGoTo(P);
               },
-              children: (y = (x = i[E]) == null ? void 0 : x.data) == null ? void 0 : y.name
+              children: (C = (x = l[P]) == null ? void 0 : x.data) == null ? void 0 : C.name
             }
           );
         },
-        appendDots: (E) => G ? G(E) : r === !1 ? /* @__PURE__ */ t.jsx("div", {}) : /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        appendDots: (P) => Y ? Y(P) : r === !1 ? /* @__PURE__ */ o.jsx("div", {}) : /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx(
           "ul",
           {
-            ref: b,
-            className: z(
+            ref: h,
+            className: V(
               "slick-dots-default",
-              d`
+              p`
                     padding: 0.5rem;
                     display: inline-flex;
                     justify-content: center;
@@ -1918,31 +1923,31 @@ const mr = ar({
                     }
                   `
             ),
-            children: E
+            children: P
           }
         ) }),
-        ...a,
-        children: i.map((E) => /* @__PURE__ */ t.jsx(
+        ...n,
+        children: l.map((P) => /* @__PURE__ */ o.jsx(
           "div",
           {
             onDrop: (x) => {
               x.preventDefault();
-              const y = x.dataTransfer.getData("text/plain");
-              if (y !== "")
+              const C = x.dataTransfer.getData("text/plain");
+              if (C !== "")
                 try {
-                  R(JSON.parse(y), [E.id]);
-                } catch (X) {
-                  console.log("drag error", X);
+                  R(JSON.parse(C), [P.id]);
+                } catch (U) {
+                  console.log("drag error", U);
                 }
             },
             onDragOver: (x) => {
               x.preventDefault();
             },
-            children: /* @__PURE__ */ t.jsx(
-              Fe,
+            children: /* @__PURE__ */ o.jsx(
+              Ye,
               {
-                className: z(
-                  d`
+                className: V(
+                  p`
                     display: grid;
                     transition: all 0.3s;
                     grid-template-columns: repeat(auto-fill, 96px);
@@ -1957,113 +1962,113 @@ const mr = ar({
                 fallbackOnBody: !0,
                 swapThreshold: 0.65,
                 group: "nested",
-                list: E.children ?? [],
-                setList: (x) => I(x, [E.id]),
+                list: P.children ?? [],
+                setList: (x) => y(x, [P.id]),
                 filter: ".drag-disabled",
                 onMove: (x) => {
                   v("onMove");
-                  const { dragged: y, related: X } = x, ce = y.dataset, H = X.dataset;
-                  return u(null), !((Object.keys(H).length === 0 || H.parentIds) && Number(ce.childrenLength) > 0 && X.classList.contains("sortable-group-item"));
+                  const { dragged: C, related: U } = x, ce = C.dataset, H = U.dataset;
+                  return m(null), !((Object.keys(H).length === 0 || H.parentIds) && Number(ce.childrenLength) > 0 && U.classList.contains("sortable-group-item"));
                 },
                 onStart: (x) => {
-                  const y = x.item.dataset;
-                  y != null && y.id && h(y.id), v("onMove");
+                  const C = x.item.dataset;
+                  C != null && C.id && b(C.id), v("onMove");
                 },
                 onEnd: () => {
-                  h(null), u(null), v(null);
+                  b(null), m(null), v(null);
                 },
-                ghostClass: pr,
-                children: (E.children ?? []).map((x, y) => {
-                  let X;
+                ghostClass: vr,
+                children: (P.children ?? []).map((x, C) => {
+                  let U;
                   if (k)
                     return k(x);
                   switch (x.type) {
                     case "group":
                     case "app":
-                      X = /* @__PURE__ */ t.jsx(
-                        Lo,
+                      U = /* @__PURE__ */ o.jsx(
+                        Ko,
                         {
                           data: x,
-                          itemIndex: y,
-                          parentIds: [E.id, x.id],
+                          itemIndex: C,
+                          parentIds: [P.id, x.id],
                           onClick: s
                         },
                         x.id
                       );
                       break;
                     default:
-                      X = /* @__PURE__ */ t.jsx(
-                        ze,
+                      U = /* @__PURE__ */ o.jsx(
+                        Ve,
                         {
                           data: x,
-                          itemIndex: y,
+                          itemIndex: C,
                           onClick: s
                         },
                         x.id
                       );
                       break;
                   }
-                  return X;
+                  return U;
                 })
               }
             )
           },
-          E.id
+          P.id
         ))
       }
     ),
-    /* @__PURE__ */ t.jsx(
-      zo,
+    /* @__PURE__ */ o.jsx(
+      Qo,
       {
-        data: N,
+        data: _,
         onClose: () => {
-          _(null);
+          E(null);
         }
       }
     ),
-    /* @__PURE__ */ t.jsx(
-      Fo,
+    /* @__PURE__ */ o.jsx(
+      Zo,
       {
-        data: W,
+        data: F,
         onClose: () => {
-          V(null);
+          z(null);
         },
         onItemClick: s
       }
     )
   ] });
-}, ft = (g) => {
+}, _t = (d) => {
   const {
     list: r,
-    onChange: l,
-    storageKey: a,
-    enableCaching: m,
+    onChange: i,
+    storageKey: n,
+    enableCaching: c,
     theme: s,
-    noLetters: f,
-    contextMenu: b,
-    contextMenuBuilder: i,
-    itemBuilder: I,
+    noLetters: u,
+    contextMenu: h,
+    contextMenuBuilder: l,
+    itemBuilder: y,
     itemIconBuilder: v,
-    pagingDotBuilder: N,
-    pagingDotsBuilder: _,
-    ...W
-  } = g, V = {
+    pagingDotBuilder: _,
+    pagingDotsBuilder: E,
+    ...F
+  } = d, z = {
     list: r,
-    onChange: l,
-    storageKey: a,
-    enableCaching: m
-  }, h = {
+    onChange: i,
+    storageKey: n,
+    enableCaching: c
+  }, b = {
     theme: s,
-    noLetters: f,
-    contextMenu: b,
-    pagingDotsBuilder: _,
-    pagingDotBuilder: N,
-    itemBuilder: I,
+    noLetters: u,
+    contextMenu: h,
+    pagingDotsBuilder: E,
+    pagingDotBuilder: _,
+    itemBuilder: y,
     itemIconBuilder: v,
-    contextMenuBuilder: i
+    contextMenuBuilder: l
   };
-  return /* @__PURE__ */ t.jsx(No, { ...V, children: /* @__PURE__ */ t.jsx(Do, { ...h, children: /* @__PURE__ */ t.jsx(Yo, { ...W }) }) });
-}, Wo = {
+  return /* @__PURE__ */ o.jsx(Uo, { ...z, children: /* @__PURE__ */ o.jsx(Xo, { ...b, children: /* @__PURE__ */ o.jsx(et, { ...F }) }) });
+}, rt = {
   frontmatterEditor: {
     title: "编辑前置元数据",
     key: "键",
@@ -2180,13 +2185,13 @@ const mr = ar({
   image: {
     delete: "删除图片"
   }
-}, Vo = (g, r, l) => {
-  const m = g.split(".").reduce(
-    (s, f) => typeof s == "string" ? s : s[f],
-    Wo
+}, ot = (d, r, i) => {
+  const c = d.split(".").reduce(
+    (s, u) => typeof s == "string" ? s : s[u],
+    rt
   );
-  return typeof m != "string" ? r : l ? m.replace(/{{(.*?)}}/g, (s, f) => l[f]) : m;
-}, Uo = d`
+  return typeof c != "string" ? r : i ? c.replace(/{{(.*?)}}/g, (s, u) => i[u]) : c;
+}, tt = p`
   [class*="_toolbarRoot"] {
     flex-wrap: wrap;
   }
@@ -2255,9 +2260,9 @@ const mr = ar({
       margin-bottom: 0;
     }
   }
-`, fr = z(
+`, kr = V(
   "markdown-body",
-  d`
+  p`
     p {
       margin-bottom: 8px;
     }
@@ -2278,7 +2283,7 @@ const mr = ar({
       }
     }
   `
-), Go = {
+), nt = {
   'code[class*="language-"]': {
     background: "hsl(230, 1%, 98%)",
     color: "hsl(230, 8%, 24%)",
@@ -2766,42 +2771,42 @@ const mr = ar({
   ".prism-previewer-easing.prism-previewer-easing line": {
     stroke: "hsl(230, 8%, 24%)"
   }
-}, Xo = (g) => {
-  const { children: r = "", className: l } = g;
-  return /* @__PURE__ */ t.jsx(
-    Io,
+}, at = (d) => {
+  const { children: r = "", className: i } = d;
+  return /* @__PURE__ */ o.jsx(
+    $o,
     {
-      className: z(fr, l),
-      remarkPlugins: [To, Ro],
-      rehypePlugins: [Eo],
+      className: V(kr, i),
+      remarkPlugins: [Oo, Bo],
+      rehypePlugins: [Ao],
       components: {
-        code(a) {
-          const { children: m, className: s, node: f, ref: b, ...i } = a, I = /language-(\w+)/.exec(s || "");
-          return I ? /* @__PURE__ */ t.jsx(
-            Mo,
+        code(n) {
+          const { children: c, className: s, node: u, ref: h, ...l } = n, y = /language-(\w+)/.exec(s || "");
+          return y ? /* @__PURE__ */ o.jsx(
+            Lo,
             {
-              ...i,
+              ...l,
               PreTag: "div",
-              children: String(m).replace(/\n$/, ""),
-              language: I[1],
-              style: Go
+              children: String(c).replace(/\n$/, ""),
+              language: y[1],
+              style: nt
             }
-          ) : /* @__PURE__ */ t.jsx("code", { ...i, className: s, children: m });
+          ) : /* @__PURE__ */ o.jsx("code", { ...l, className: s, children: c });
         }
       },
       children: r
     }
   );
-}, qo = (g) => {
-  const { value: r, onChange: l, translation: a, pluginConfig: m, ...s } = g, f = Me(null), {
-    image: b,
-    diffSource: i = {
+}, it = (d) => {
+  const { value: r, onChange: i, translation: n, pluginConfig: c, ...s } = d, u = Ce(null), {
+    image: h,
+    diffSource: l = {
       viewMode: "rich-text"
     },
-    headings: I,
+    headings: y,
     link: v,
-    codeBlock: N,
-    codeMirror: _ = {
+    codeBlock: _,
+    codeMirror: E = {
       codeBlockLanguages: {
         js: "JavaScript",
         css: "CSS",
@@ -2810,68 +2815,222 @@ const mr = ar({
         "": "Unspecified"
       }
     },
-    directives: W = {
-      directiveDescriptors: [jo]
-    }
-  } = m ?? {}, [V, h] = te("");
-  return we(() => {
-    var u;
-    r !== void 0 && f.current && ((u = f.current) == null || u.setMarkdown(r), h(r));
-  }, [r, f]), /* @__PURE__ */ t.jsx(
-    Jr,
+    directives: F = {
+      directiveDescriptors: [No]
+    }
+  } = c ?? {}, [z, b] = Q("");
+  return ye(() => {
+    var m;
+    r !== void 0 && u.current && ((m = u.current) == null || m.setMarkdown(r), b(r));
+  }, [r, u]), /* @__PURE__ */ o.jsx(
+    ao,
     {
-      ref: f,
-      className: Uo,
-      contentEditableClassName: fr,
-      markdown: V,
-      onChange: (u) => {
-        !r && !l && h(u), l && l(u);
+      ref: u,
+      className: tt,
+      contentEditableClassName: kr,
+      markdown: z,
+      onChange: (m) => {
+        !r && !i && b(m), i && i(m);
       },
-      translation: a ?? Vo,
+      translation: n ?? ot,
       plugins: [
-        Kr({
-          toolbarContents: () => /* @__PURE__ */ t.jsxs(Zr, { options: ["rich-text", "source"], children: [
-            /* @__PURE__ */ t.jsx(Qr, {}),
-            /* @__PURE__ */ t.jsx(ge, {}),
-            /* @__PURE__ */ t.jsx(eo, {}),
-            /* @__PURE__ */ t.jsx(ro, {}),
-            /* @__PURE__ */ t.jsx(ge, {}),
-            /* @__PURE__ */ t.jsx(oo, {}),
-            /* @__PURE__ */ t.jsx(ge, {}),
-            /* @__PURE__ */ t.jsx(to, {}),
-            /* @__PURE__ */ t.jsx(ge, {}),
-            /* @__PURE__ */ t.jsx(no, {}),
-            /* @__PURE__ */ t.jsx(ao, {}),
-            /* @__PURE__ */ t.jsx(ge, {}),
-            /* @__PURE__ */ t.jsx(io, {}),
-            /* @__PURE__ */ t.jsx(lo, {}),
-            /* @__PURE__ */ t.jsx(ge, {}),
-            /* @__PURE__ */ t.jsx(so, {}),
-            /* @__PURE__ */ t.jsx(ge, {}),
-            /* @__PURE__ */ t.jsx(co, {})
+        io({
+          toolbarContents: () => /* @__PURE__ */ o.jsxs(lo, { options: ["rich-text", "source"], children: [
+            /* @__PURE__ */ o.jsx(so, {}),
+            /* @__PURE__ */ o.jsx(me, {}),
+            /* @__PURE__ */ o.jsx(co, {}),
+            /* @__PURE__ */ o.jsx(uo, {}),
+            /* @__PURE__ */ o.jsx(me, {}),
+            /* @__PURE__ */ o.jsx(mo, {}),
+            /* @__PURE__ */ o.jsx(me, {}),
+            /* @__PURE__ */ o.jsx(go, {}),
+            /* @__PURE__ */ o.jsx(me, {}),
+            /* @__PURE__ */ o.jsx(po, {}),
+            /* @__PURE__ */ o.jsx(fo, {}),
+            /* @__PURE__ */ o.jsx(me, {}),
+            /* @__PURE__ */ o.jsx(ho, {}),
+            /* @__PURE__ */ o.jsx(bo, {}),
+            /* @__PURE__ */ o.jsx(me, {}),
+            /* @__PURE__ */ o.jsx(vo, {}),
+            /* @__PURE__ */ o.jsx(me, {}),
+            /* @__PURE__ */ o.jsx(ko, {})
           ] })
         }),
-        uo(i),
-        go(),
-        mo(),
-        po(I),
-        fo(v),
-        ho(),
-        bo(b),
-        vo(),
-        ko(),
-        xo(),
-        wo(N),
-        yo(_),
-        Co(),
-        So(W)
+        xo(l),
+        wo(),
+        yo(),
+        Co(y),
+        jo(v),
+        So(),
+        Io(h),
+        To(),
+        Ro(),
+        Mo(),
+        Eo(_),
+        _o(E),
+        Po(),
+        Do(F)
       ],
       ...s
     }
   );
-}, Ho = qo;
-Ho.Preview = Xo;
+}, lt = it;
+lt.Preview = at;
+function xr(...d) {
+  return zo(Fo(d));
+}
+const st = (d) => {
+  const { mouseX: r, title: i, icon: n, href: c } = d, s = Ce(null), u = ke(r, (R) => {
+    var Y;
+    const f = ((Y = s.current) == null ? void 0 : Y.getBoundingClientRect()) ?? { x: 0, width: 0 };
+    return R - f.x - f.width / 2;
+  }), h = ke(u, [-150, 0, 150], [40, 80, 40]), l = ke(u, [-150, 0, 150], [40, 80, 40]), y = ke(
+    u,
+    [-150, 0, 150],
+    [20, 40, 20]
+  ), v = ke(
+    u,
+    [-150, 0, 150],
+    [20, 40, 20]
+  ), _ = _e(h, {
+    mass: 0.1,
+    stiffness: 150,
+    damping: 12
+  }), E = _e(l, {
+    mass: 0.1,
+    stiffness: 150,
+    damping: 12
+  }), F = _e(y, {
+    mass: 0.1,
+    stiffness: 150,
+    damping: 12
+  }), z = _e(v, {
+    mass: 0.1,
+    stiffness: 150,
+    damping: 12
+  }), [b, m] = Q(!1);
+  return /* @__PURE__ */ o.jsx("a", { href: c, children: /* @__PURE__ */ o.jsxs(
+    T.div,
+    {
+      ref: s,
+      style: { width: _, height: E },
+      onMouseEnter: () => m(!0),
+      onMouseLeave: () => m(!1),
+      className: "aspect-square rounded-full bg-gray-200 dark:bg-neutral-800 flex items-center justify-center relative",
+      children: [
+        /* @__PURE__ */ o.jsx(We, { children: b && /* @__PURE__ */ o.jsx(
+          T.div,
+          {
+            initial: { opacity: 0, y: 10, x: "-50%" },
+            animate: { opacity: 1, y: 0, x: "-50%" },
+            exit: { opacity: 0, y: 2, x: "-50%" },
+            className: "px-2 py-0.5 whitespace-pre rounded-md bg-gray-100 border dark:bg-neutral-800 dark:border-neutral-900 dark:text-white border-gray-200 text-neutral-700 absolute left-1/2 -translate-x-1/2 -top-8 w-fit text-xs",
+            children: i
+          }
+        ) }),
+        /* @__PURE__ */ o.jsx(
+          T.div,
+          {
+            style: { width: F, height: z },
+            className: "flex items-center justify-center",
+            children: n
+          }
+        )
+      ]
+    }
+  ) });
+}, wr = (d) => {
+  const { items: r, className: i } = d, n = Hr(1 / 0);
+  return /* @__PURE__ */ o.jsx(
+    T.div,
+    {
+      onMouseMove: (c) => n.set(c.pageX),
+      onMouseLeave: () => n.set(1 / 0),
+      className: xr(
+        "mx-auto hidden md:flex h-16 gap-4 items-end  rounded-2xl bg-gray-50 dark:bg-neutral-900 px-4 pb-3",
+        i
+      ),
+      children: r.map((c) => /* @__PURE__ */ o.jsx(st, { mouseX: n, ...c }, c.title))
+    }
+  );
+}, yr = (d) => {
+  const { items: r, className: i, collapseIcon: n, autoHidden: c = !1 } = d, [s, u] = Q(!1), h = () => {
+    u(!s);
+  };
+  return /* @__PURE__ */ o.jsxs(
+    "div",
+    {
+      className: xr(
+        "relative block",
+        c ? "md:hidden" : "",
+        i
+      ),
+      children: [
+        /* @__PURE__ */ o.jsx(We, { children: s && /* @__PURE__ */ o.jsx(
+          T.div,
+          {
+            layoutId: "nav",
+            className: "absolute bottom-full mb-2 inset-x-0 flex flex-col gap-2",
+            children: r.map((l, y) => /* @__PURE__ */ o.jsx(
+              T.div,
+              {
+                initial: { opacity: 0, y: 10 },
+                animate: {
+                  opacity: 1,
+                  y: 0
+                },
+                exit: {
+                  opacity: 0,
+                  y: 10,
+                  transition: {
+                    delay: y * 0.05
+                  }
+                },
+                transition: { delay: (r.length - 1 - y) * 0.05 },
+                children: /* @__PURE__ */ o.jsx(
+                  "a",
+                  {
+                    href: l.href,
+                    className: "h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-900 flex items-center justify-center",
+                    children: /* @__PURE__ */ o.jsx("div", { className: "h-4 w-4", children: l.icon })
+                  },
+                  l.title
+                )
+              },
+              l.title
+            ))
+          }
+        ) }),
+        /* @__PURE__ */ o.jsx(
+          "button",
+          {
+            onClick: h,
+            className: "h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-800 flex items-center justify-center",
+            children: n || /* @__PURE__ */ o.jsx(to, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" })
+          }
+        )
+      ]
+    }
+  );
+}, ct = (d) => {
+  const { items: r, desktopClassName: i, mobileClassName: n, ...c } = d;
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(wr, { items: r, className: i, ...c }),
+    /* @__PURE__ */ o.jsx(
+      yr,
+      {
+        items: r,
+        className: n,
+        autoHidden: !0,
+        ...c
+      }
+    )
+  ] });
+}, Cr = ct;
+Cr.Desktop = wr;
+Cr.Mobile = yr;
 export {
-  ft as Desktop,
-  Ho as MdEditor
+  _t as Desktop,
+  Cr as Dock,
+  lt as MdEditor
 };