zs_library 0.4.22 → 0.4.24

package/dist/index.js

@@ -6,11 +6,11 @@ import Zt from "i18next";
 import { initReactI18next as Qt } from "react-i18next";
 import { jsx as t, jsxs as m, Fragment as ue } from "react/jsx-runtime";
 import * as q from "react";
-import eo, { createContext as st, useMemo as he, useContext as it, useState as _, useRef as be, useCallback as to, useEffect as ae, forwardRef as lt, Fragment as oo } from "react";
-import { cx as k, css as b } from "@emotion/css";
+import eo, { createContext as st, useMemo as be, useContext as it, useState as O, useRef as xe, useCallback as to, useEffect as se, forwardRef as lt, Fragment as oo } from "react";
+import { cx as C, css as h } from "@emotion/css";
 import ro from "react-slick";
 import { ReactSortable as Xe } from "react-sortablejs";
-import { AnimatePresence as Ue, motion as R, useMotionValue as ct, useTransform as ye, useSpring as Ae } from "framer-motion";
+import { AnimatePresence as Ue, motion as R, useMotionValue as ct, useTransform as ge, useSpring as Ae } from "framer-motion";
 import { useMotionValue as Ps } from "framer-motion";
 import { useLocalStorageState as no, useDebounceEffect as ao } from "ahooks";
 import { v4 as Oe } from "uuid";
@@ -28,13 +28,13 @@ import { oneLight as lr } from "react-syntax-highlighter/dist/esm/styles/prism";
 import cr from "rc-image";
 import { clsx as dr } from "clsx";
 import { twMerge as mr } from "tailwind-merge";
-import { Placeholder as ur, TiptapLink as pr, TiptapImage as gr, UploadImagesPlugin as fr, UpdatedImage as hr, TaskList as br, TaskItem as xr, HorizontalRule as yr, StarterKit as vr, CodeBlockLowlight as kr, Mathematics as Cr, CharacterCount as wr, AIHighlight as Nr, TiptapUnderline as Ir, HighlightExtension as Sr, TextStyle as Tr, Color as Mr, CustomKeymap as Lr, useEditor as Q, EditorBubbleItem as Pe, getPrevText as Ar, addAIHighlight as Dr, removeAIHighlight as Rr, EditorBubble as Pr, createImageUpload as Nt, Command as Br, createSuggestionItems as zr, renderItems as Er, EditorRoot as $r, EditorContent as Hr, handleImageDrop as Or, handleImagePaste as Fr, handleCommandNavigation as _r, EditorCommand as jr, EditorCommandEmpty as Xr, EditorCommandList as Ur, EditorCommandItem as Gr, ImageResizer as qr } from "novel";
+import { Placeholder as ur, TiptapLink as pr, TiptapImage as gr, UploadImagesPlugin as fr, UpdatedImage as hr, TaskList as br, TaskItem as xr, HorizontalRule as yr, StarterKit as vr, CodeBlockLowlight as kr, Mathematics as Cr, CharacterCount as wr, AIHighlight as Nr, TiptapUnderline as Ir, HighlightExtension as Sr, TextStyle as Tr, Color as Mr, CustomKeymap as Lr, useEditor as te, EditorBubbleItem as Pe, getPrevText as Ar, addAIHighlight as Dr, removeAIHighlight as Rr, EditorBubble as Pr, createImageUpload as Nt, Command as Br, createSuggestionItems as zr, renderItems as Er, EditorRoot as $r, EditorContent as Hr, handleImageDrop as Or, handleImagePaste as Fr, handleCommandNavigation as _r, EditorCommand as jr, EditorCommandEmpty as Xr, EditorCommandList as Ur, EditorCommandItem as Gr, ImageResizer as qr } from "novel";
 import { useDebouncedCallback as Yr } from "use-debounce";
 import { Markdown as Vr } from "tiptap-markdown";
-import { cx as Y, cva as Wr } from "class-variance-authority";
+import { cx as W, cva as Wr } from "class-variance-authority";
 import { createLowlight as Kr, common as Jr } from "lowlight";
 import { Extension as Zr } from "@tiptap/core";
-import { Plugin as Qr, PluginKey as en, NodeSelection as J, TextSelection as tn } from "prosemirror-state";
+import { Plugin as Qr, PluginKey as en, NodeSelection as Q, TextSelection as tn } from "prosemirror-state";
 import { Slice as on, Fragment as rn } from "prosemirror-model";
 import * as nn from "prosemirror-view";
 import * as Ce from "@radix-ui/react-popover";
@@ -45,8 +45,8 @@ import * as St from "@radix-ui/react-separator";
 import { useCompletion as Nn } from "@ai-sdk/react";
 import { toast as we } from "sonner";
 import * as de from "@radix-ui/react-scroll-area";
-import { Command as W } from "cmdk";
-import * as oe from "@radix-ui/react-dialog";
+import { Command as J } from "cmdk";
+import * as ne from "@radix-ui/react-dialog";
 import In from "highlight.js";
 import Sn from "rc-dropdown";
 import De from "rc-menu";
@@ -159,7 +159,7 @@ const qe = {
 }, Tt = st(
   {}
 ), Mt = (r) => {
-  const { children: e, theme: o, ...n } = r, a = he(() => o === "light" ? qe : o === "dark" ? Ye : o, [o]);
+  const { children: e, theme: o, ...n } = r, a = be(() => o === "light" ? qe : o === "dark" ? Ye : o, [o]);
   return /* @__PURE__ */ t(Tt.Provider, { value: { theme: a, ...n }, children: e });
 }, le = () => it(Tt), Ve = {
   maxRow: 2,
@@ -170,13 +170,13 @@ const qe = {
   app: Ve,
   group: Lt
 };
-class V {
+class K {
 }
 /** 清理重复id */
-Le(V, "uniqueArray", (e) => e.reduce((o, n) => o.find((s) => s.id === n.id) ? o : o.concat([n]), [])), Le(V, "getTheme", (e) => {
+Le(K, "uniqueArray", (e) => e.reduce((o, n) => o.find((s) => s.id === n.id) ? o : o.concat([n]), [])), Le(K, "getTheme", (e) => {
   const o = qe.token, n = Ye.token, a = { ...o, ...e == null ? void 0 : e.token }, s = { ...n, ...e == null ? void 0 : e.token };
   return { light: a, dark: s };
-}), Le(V, "quickJSONCheck", (e) => {
+}), Le(K, "quickJSONCheck", (e) => {
   if (typeof e != "string" || e.trim() === "") return !1;
   if (!/^\s*(\{.*\}|\[.*\])\s*$/.test(e))
     return /^\s*(".*?"|[\d.]+|true|false|null)\s*$/.test(e);
@@ -234,30 +234,30 @@ const At = st({
     onChange: n,
     storageKey: a = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
     enableCaching: s = !0
-  } = r, [i, d] = _(), [p, x] = _(), [l, c] = _(null), f = be(l), [v, D] = _(null), [h, g] = _([]), [S, y] = _(
+  } = r, [i, d] = O(), [p, x] = O(), [l, c] = O(null), g = xe(l), [v, D] = O(null), [b, f] = O([]), [I, y] = O(
     null
-  ), [I, u] = _(
+  ), [N, u] = O(
     null
-  ), [M, L] = _(!1), [N, w] = _(null), [H, G] = _(
+  ), [S, U] = O(!1), [j, k] = O(null), [L, E] = O(
     null
-  ), [X, se] = _(!1), [re, A] = no(a, {
+  ), [A, V] = O(!1), [Y, M] = no(a, {
     defaultValue: [],
     listenStorageChange: !0
-  }), j = () => {
-    D(null), clearTimeout(i), d(void 0), f.current = null;
-  }, E = (C, B) => {
-    D({ ...C, pageX: C.pageX, pageY: C.pageY, data: B }), clearTimeout(i);
-  }, K = (C, B = !0) => {
-    const { config: z = {} } = C;
+  }), X = () => {
+    D(null), clearTimeout(i), d(void 0), g.current = null;
+  }, $ = (w, B) => {
+    D({ ...w, pageX: w.pageX, pageY: w.pageY, data: B }), clearTimeout(i);
+  }, Z = (w, B = !0) => {
+    const { config: z = {} } = w;
     return z.allowContextMenu === !1 ? {} : {
       onMouseDown: (T) => {
         d(
           setTimeout(() => {
-            B && f.current === null && E(T, C);
+            B && g.current === null && $(T, w);
           }, 800)
-        ), L(!1), x(
+        ), U(!1), x(
           setTimeout(() => {
-            L(!0);
+            U(!0);
           }, 800)
         );
       },
@@ -265,132 +265,132 @@ const At = st({
         clearTimeout(p), x(void 0), clearTimeout(i), d(void 0);
       },
       onContextMenu: (T) => {
-        B && (T.preventDefault(), E(T, C));
+        B && (T.preventDefault(), $(T, w));
       }
     };
-  }, ee = to(
-    (C, B) => {
+  }, oe = to(
+    (w, B) => {
       const z = [...B || []];
       if (z.length > 0)
-        g((T) => {
-          const $ = [...T], O = (P) => {
+        f((T) => {
+          const H = [...T], F = (P) => {
             var et, tt;
-            const F = z.shift(), U = P.find((ne) => ne.id === F), te = P.findIndex((ne) => ne.id === F);
-            if (z.length && U) {
-              if (((et = U.children) == null ? void 0 : et.filter(
-                (ne) => !C.some((Wt) => Wt.id === ne.id)
-              ).length) === 1 && C.length === 1) {
-                const ne = { ...C[0] };
-                return P.splice(te, 1, ne), n == null || n(P), P;
+            const _ = z.shift(), G = P.find((ae) => ae.id === _), re = P.findIndex((ae) => ae.id === _);
+            if (z.length && G) {
+              if (((et = G.children) == null ? void 0 : et.filter(
+                (ae) => !w.some((Wt) => Wt.id === ae.id)
+              ).length) === 1 && w.length === 1) {
+                const ae = { ...w[0] };
+                return P.splice(re, 1, ae), n == null || n(P), P;
               }
-              return U.children = O(U.children || []), P.splice(te, 1, U), n == null || n(P), P;
+              return G.children = F(G.children || []), P.splice(re, 1, G), n == null || n(P), P;
             }
-            if (U) {
-              if (!((tt = U.children) != null && tt.length) && C.length) {
-                const ne = { ...U };
-                return U.data = { name: "文件夹" }, U.type = "group", U.children = [ne, ...C], U.id = Oe(), P.splice(te, 1, U), n == null || n(P), P;
+            if (G) {
+              if (!((tt = G.children) != null && tt.length) && w.length) {
+                const ae = { ...G };
+                return G.data = { name: "文件夹" }, G.type = "group", G.children = [ae, ...w], G.id = Oe(), P.splice(re, 1, G), n == null || n(P), P;
               }
-              return U.children = V.uniqueArray(C), P.splice(te, 1, U), n == null || n(P), P;
+              return G.children = K.uniqueArray(w), P.splice(re, 1, G), n == null || n(P), P;
             }
-            return V.uniqueArray(C);
+            return K.uniqueArray(w);
           };
-          return V.uniqueArray(O($));
+          return K.uniqueArray(F(H));
         });
       else {
-        const T = V.uniqueArray(C);
-        n == null || n(T), g(T);
+        const T = K.uniqueArray(w);
+        n == null || n(T), f(T);
       }
     },
     [n]
-  ), $e = (C, B) => {
-    g((z) => {
-      const T = [...z], $ = (O) => {
+  ), $e = (w, B) => {
+    f((z) => {
+      const T = [...z], H = (F) => {
         var P;
-        for (let F = 0; F < O.length; F++)
-          if (O[F].id === C) {
-            O[F].config = B;
+        for (let _ = 0; _ < F.length; _++)
+          if (F[_].id === w) {
+            F[_].config = B;
             break;
-          } else ((P = O[F].children) == null ? void 0 : P.length) !== void 0 && $(O[F].children);
+          } else ((P = F[_].children) == null ? void 0 : P.length) !== void 0 && H(F[_].children);
       };
-      return $(T), n == null || n(T), T;
+      return H(T), n == null || n(T), T;
     });
-  }, Se = (C, B) => {
-    g((z) => {
-      const T = [...z], $ = (O) => {
+  }, Se = (w, B) => {
+    f((z) => {
+      const T = [...z], H = (F) => {
         var P;
-        for (let F = 0; F < O.length; F++)
-          if (O[F].id === C) {
-            O[F].data = B;
+        for (let _ = 0; _ < F.length; _++)
+          if (F[_].id === w) {
+            F[_].data = B;
             break;
-          } else ((P = O[F].children) == null ? void 0 : P.length) !== void 0 && $(O[F].children);
+          } else ((P = F[_].children) == null ? void 0 : P.length) !== void 0 && H(F[_].children);
       };
-      return $(T), n == null || n(T), T;
+      return H(T), n == null || n(T), T;
     });
-  }, Te = (C) => {
-    g((B) => {
-      const z = [...B], T = ($) => {
-        var O;
-        for (let P = 0; P < $.length; P++)
-          if ($[P].id === C) {
-            $.splice(P, 1);
+  }, Te = (w) => {
+    f((B) => {
+      const z = [...B], T = (H) => {
+        var F;
+        for (let P = 0; P < H.length; P++)
+          if (H[P].id === w) {
+            H.splice(P, 1);
             break;
-          } else ((O = $[P].children) == null ? void 0 : O.length) !== void 0 && T($[P].children);
+          } else ((F = H[P].children) == null ? void 0 : F.length) !== void 0 && T(H[P].children);
       };
       return T(z), n == null || n(z), z;
     });
-  }, ie = (C, B) => {
-    const z = [...h], T = ($, O) => {
-      const P = O.shift(), F = $.find((te) => te.id === P), U = $.findIndex((te) => te.id === P);
-      if (F) {
-        if (O.length)
-          F.children = T(F.children || [], O);
+  }, ie = (w, B) => {
+    const z = [...b], T = (H, F) => {
+      const P = F.shift(), _ = H.find((re) => re.id === P), G = H.findIndex((re) => re.id === P);
+      if (_) {
+        if (F.length)
+          _.children = T(_.children || [], F);
         else {
-          const te = (C == null ? void 0 : C.type) ?? "app";
-          F.children = [
-            ...F.children ?? [],
+          const re = (w == null ? void 0 : w.type) ?? "app";
+          _.children = [
+            ..._.children ?? [],
             {
-              ...C,
+              ...w,
               id: Oe(),
-              config: (C == null ? void 0 : C.config) ?? Be[te]
+              config: (w == null ? void 0 : w.config) ?? Be[re]
             }
           ];
         }
-        return $.splice(U, 1, F), $;
+        return H.splice(G, 1, _), H;
       } else
-        return $;
+        return H;
     };
-    g(T(z, B));
-  }, Me = (C) => {
-    g((B) => {
-      const z = (C == null ? void 0 : C.type) ?? "app", T = {
-        ...C,
+    f(T(z, B));
+  }, Me = (w) => {
+    f((B) => {
+      const z = (w == null ? void 0 : w.type) ?? "app", T = {
+        ...w,
         id: Oe(),
-        config: (C == null ? void 0 : C.config) ?? Be[z]
-      }, $ = [...B, T];
-      return n == null || n($), $;
+        config: (w == null ? void 0 : w.config) ?? Be[z]
+      }, H = [...B, T];
+      return n == null || n(H), H;
     });
-  }, He = (C, B) => {
-    g((z) => {
-      const T = [...z], $ = T.findIndex((O) => O.id === C);
-      return $ !== -1 && (T[$] = { ...T[$], ...B }, n == null || n(T)), T;
+  }, He = (w, B) => {
+    f((z) => {
+      const T = [...z], H = T.findIndex((F) => F.id === w);
+      return H !== -1 && (T[H] = { ...T[H], ...B }, n == null || n(T)), T;
     });
-  }, xe = (C) => {
-    g((B) => {
-      const z = B.filter((T) => T.id !== C);
+  }, ye = (w) => {
+    f((B) => {
+      const z = B.filter((T) => T.id !== w);
       return n == null || n(z), z;
     });
   };
-  return ae(() => {
-    (o == null ? void 0 : o.length) > 0 && h.length === 0 && ee(o);
-  }, [o]), ae(() => {
-    f.current = l, l !== null && j();
-  }, [l]), ae(() => {
-    s && re != null && re.length && !X && (ee(re), se(!0));
-  }, [re, X, s, ee]), ao(
+  return se(() => {
+    (o == null ? void 0 : o.length) > 0 && b.length === 0 && oe(o);
+  }, [o]), se(() => {
+    g.current = l, l !== null && X();
+  }, [l]), se(() => {
+    s && Y != null && Y.length && !A && (oe(Y), V(!0));
+  }, [Y, A, s, oe]), ao(
     () => {
-      s && A(h);
+      s && M(b);
     },
-    [h, s],
+    [b, s],
     {
       wait: 1e3
     }
@@ -398,30 +398,30 @@ const At = st({
     At.Provider,
     {
       value: {
-        list: h,
-        setList: ee,
+        list: b,
+        setList: oe,
         contextMenu: v,
         setContextMenu: D,
         listStatus: l,
         setListStatus: c,
-        contextMenuFuns: K,
-        hideContextMenu: j,
-        showInfoItemData: S,
+        contextMenuFuns: Z,
+        hideContextMenu: X,
+        showInfoItemData: I,
         setShowInfoItemData: y,
-        openGroupItemData: I,
+        openGroupItemData: N,
         setOpenGroupItemData: u,
-        longPressTriggered: M,
+        longPressTriggered: S,
         updateItemConfig: $e,
         updateItem: Se,
         removeItem: Te,
         addItem: ie,
         addRootItem: Me,
         updateRootItem: He,
-        removeRootItem: xe,
-        moveItemId: N,
-        setMoveItemId: w,
-        moveTargetId: H,
-        setMoveTargetId: G
+        removeRootItem: ye,
+        moveItemId: j,
+        setMoveItemId: k,
+        moveTargetId: L,
+        setMoveTargetId: E
       },
       children: e
     }
@@ -434,11 +434,11 @@ const At = st({
   },
   menuHide: { opacity: 0, y: 20, transition: { duration: 0.2 } }
 }, Fe = (r) => {
-  const { icon: e, title: o, onClick: n } = r, { theme: a } = le(), { light: s, dark: i } = V.getTheme(a);
+  const { icon: e, title: o, onClick: n } = r, { theme: a } = le(), { light: s, dark: i } = K.getTheme(a);
   return /* @__PURE__ */ t(
     R.div,
     {
-      className: b`
+      className: h`
         &:hover {
           background-color: ${s.contextMenuActiveColor};
           @media (prefers-color-scheme: dark) {
@@ -462,9 +462,9 @@ const At = st({
       children: /* @__PURE__ */ m(
         R.div,
         {
-          className: k(
+          className: C(
             "py-1.5 px-3 rounded-lg",
-            b`
+            h`
             padding-top: 0.375rem;
             padding-bottom: 0.375rem;
             padding-left: 0.75rem;
@@ -477,8 +477,8 @@ const At = st({
             /* @__PURE__ */ t(
               R.div,
               {
-                className: k(
-                  b`
+                className: C(
+                  h`
               margin-bottom: 0.375rem;
               display: flex;
               justify-content: center;
@@ -507,15 +507,15 @@ const At = st({
     setContextMenu: x,
     hideContextMenu: l,
     setShowInfoItemData: c,
-    removeItem: f,
+    removeItem: g,
     updateItemConfig: v
-  } = pe(), { theme: D } = le(), { light: h, dark: g } = V.getTheme(D), { data: S } = p ?? {}, { config: y = {} } = S ?? {}, I = () => {
-    var L;
-    const u = Be[(L = p == null ? void 0 : p.data) == null ? void 0 : L.type], M = [];
-    for (let N = 1; N <= ((u == null ? void 0 : u.maxRow) ?? 2); N++)
-      for (let w = 1; w <= ((u == null ? void 0 : u.maxCol) ?? 2); w++)
-        M.push(`${N}x${w}`);
-    return M;
+  } = pe(), { theme: D } = le(), { light: b, dark: f } = K.getTheme(D), { data: I } = p ?? {}, { config: y = {} } = I ?? {}, N = () => {
+    var U;
+    const u = Be[(U = p == null ? void 0 : p.data) == null ? void 0 : U.type], S = [];
+    for (let j = 1; j <= ((u == null ? void 0 : u.maxRow) ?? 2); j++)
+      for (let k = 1; k <= ((u == null ? void 0 : u.maxCol) ?? 2); k++)
+        S.push(`${j}x${k}`);
+    return S;
   };
   return /* @__PURE__ */ t(Ue, { children: p && /* @__PURE__ */ m(
     R.div,
@@ -530,22 +530,22 @@ const At = st({
         /* @__PURE__ */ t(
           R.div,
           {
-            className: k(
-              b`
+            className: C(
+              h`
                 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: ${g.contextMenuBackgroundColor};
-                  box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
+                  background-color: ${f.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${f.contextMenuShadowColor};
                 }
               `
             ),
             children: a && y.allowResize !== !1 && /* @__PURE__ */ t(
               R.ul,
               {
-                className: b`
+                className: h`
                   background-color: white;
                   padding: 0.25rem;
                   margin: 0;
@@ -555,14 +555,14 @@ const At = st({
                     label: "修改大小",
                     key: "size",
                     icon: /* @__PURE__ */ t(so, { size: 14 }),
-                    items: I().map((u) => ({
+                    items: N().map((u) => ({
                       label: u,
                       key: u,
                       onClick: () => {
-                        const [M, L] = u.split("x").map(Number);
+                        const [S, U] = u.split("x").map(Number);
                         v(p.data.id, {
-                          row: M,
-                          col: L
+                          row: S,
+                          col: U
                         });
                       }
                     }))
@@ -570,7 +570,7 @@ const At = st({
                 ].map((u) => /* @__PURE__ */ m(
                   R.li,
                   {
-                    className: b`
+                    className: h`
                       padding-top: 0.5rem;
                       padding-bottom: 0.5rem;
                       padding-left: 0.75rem;
@@ -580,7 +580,7 @@ const At = st({
                       /* @__PURE__ */ m(
                         R.p,
                         {
-                          className: b`
+                          className: h`
                         display: flex;
                         align-items: center;
                         font-size: 0.875rem;
@@ -588,9 +588,9 @@ const At = st({
                         gap: 0.5rem;
                         padding-bottom: 0.5rem;
                         margin: 0;
-                        color: ${h.contextMenuTextColor};
+                        color: ${b.contextMenuTextColor};
                         @media (prefers-color-scheme: dark) {
-                          color: ${g.contextMenuTextColor};
+                          color: ${f.contextMenuTextColor};
                         }
                       `,
                           children: [
@@ -603,17 +603,17 @@ const At = st({
                       /* @__PURE__ */ t(
                         R.div,
                         {
-                          className: b`
+                          className: h`
                         display: grid;
                         grid-template-columns: repeat(2, minmax(0, 1fr));
                         gap: 0.25rem;
                       `,
-                          children: u.items.map((M) => /* @__PURE__ */ t(
+                          children: u.items.map((S) => /* @__PURE__ */ t(
                             R.div,
                             {
-                              className: k(
+                              className: C(
                                 "py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",
-                                b`
+                                h`
                               padding-top: 0.25rem;
                               padding-bottom: 0.25rem;
                               padding-left: 0.5rem;
@@ -624,28 +624,28 @@ const At = st({
                               line-height: 1.25rem;
                               cursor: pointer;
                               text-align: center;
-                              color: ${h.contextMenuTextColor};
+                              color: ${b.contextMenuTextColor};
                               @media (prefers-color-scheme: dark) {
-                                color: ${g.contextMenuTextColor};
+                                color: ${f.contextMenuTextColor};
                               }
                               &:hover {
-                                background-color: ${h.contextMenuActiveColor};
+                                background-color: ${b.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
-                                  background-color: ${g.contextMenuActiveColor};
+                                  background-color: ${f.contextMenuActiveColor};
                                 }
                               }
                             `,
-                                `${y.row}x${y.col}` === M.key && b`
-                                background-color: ${h.contextMenuActiveColor};
+                                `${y.row}x${y.col}` === S.key && h`
+                                background-color: ${b.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
-                                  background-color: ${g.contextMenuActiveColor};
+                                  background-color: ${f.contextMenuActiveColor};
                                 }
                               `
                               ),
-                              onClick: M.onClick,
-                              children: M.label
+                              onClick: S.onClick,
+                              children: S.label
                             },
-                            M.key
+                            S.key
                           ))
                         }
                       )
@@ -660,13 +660,13 @@ const At = st({
         /* @__PURE__ */ m(
           R.div,
           {
-            className: k(
-              b`
-                background-color: ${h.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
+            className: C(
+              h`
+                background-color: ${b.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${b.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
-                  background-color: ${g.contextMenuBackgroundColor};
-                  box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
+                  background-color: ${f.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${f.contextMenuShadowColor};
                 }
                 display: flex;
                 justify-content: space-around;
@@ -716,10 +716,10 @@ const At = st({
                   title: "移除",
                   onClick: () => {
                     if (d) {
-                      d(p.data, f);
+                      d(p.data, g);
                       return;
                     }
-                    x(null), f(p.data.id);
+                    x(null), g(p.data.id);
                   }
                 }
               )
@@ -730,12 +730,12 @@ const At = st({
     }
   ) });
 }, Bn = (r) => {
-  const { data: e, noLetters: o = !1 } = r, { contextMenuFuns: n } = pe(), { itemIconBuilder: a, theme: s, contextMenu: i } = le(), { light: d, dark: p } = V.getTheme(s), { data: x = {} } = e, { name: l } = x;
+  const { data: e, noLetters: o = !1 } = r, { contextMenuFuns: n } = pe(), { itemIconBuilder: a, theme: s, contextMenu: i } = le(), { light: d, dark: p } = K.getTheme(s), { data: x = {} } = e, { name: l } = x;
   return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ t(
       R.div,
       {
-        className: b`
+        className: h`
           width: 4rem;
           height: 4rem;
           background-color: ${d.itemIconBackgroundColor};
@@ -753,7 +753,7 @@ const At = st({
         children: /* @__PURE__ */ t(
           "div",
           {
-            className: b`
+            className: h`
             position: absolute;
             left: 0;
             top: 0;
@@ -773,15 +773,15 @@ const At = st({
     /* @__PURE__ */ t(
       R.p,
       {
-        className: k(
+        className: C(
           "whitespace-nowrap text-ellipsis overflow-hidden text-center mt-1 mb-0 max-w-16",
-          b`
+          h`
             color: ${d.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${p.itemNameColor};
             }
           `,
-          o && b`
+          o && h`
               color: transparent;
             `
         ),
@@ -804,7 +804,7 @@ const At = st({
     dt,
     {
       placement: "bottom",
-      overlayClassName: b`
+      overlayClassName: h`
         background-color: transparent;
         .rc-tooltip-inner {
           background-color: transparent;
@@ -814,8 +814,8 @@ const At = st({
       `,
       overlay: /* @__PURE__ */ t(Pn, { ...c }),
       visible: (x == null ? void 0 : x.data.id) === e.id,
-      onVisibleChange: (f) => {
-        f || l(null);
+      onVisibleChange: (g) => {
+        g || l(null);
       },
       destroyTooltipOnHide: !0,
       children: /* @__PURE__ */ t(
@@ -826,7 +826,7 @@ const At = st({
           "data-parent-ids": d == null ? void 0 : d.join(","),
           "data-children-length": p,
           onClick: () => a == null ? void 0 : a(e),
-          className: k(s && "drag-disabled", o),
+          className: C(s && "drag-disabled", o),
           children: i ?? /* @__PURE__ */ t(Bn, { ...r })
         }
       )
@@ -846,29 +846,29 @@ const At = st({
     setOpenGroupItemData: x,
     longPressTriggered: l,
     moveItemId: c,
-    moveTargetId: f,
+    moveTargetId: g,
     setMoveTargetId: v,
     listStatus: D
-  } = pe(), { itemIconBuilder: h, theme: g, contextMenu: S } = le(), { light: y, dark: I } = V.getTheme(g), { children: u, data: M, config: L } = e, { row: N = 1, col: w = 1 } = L ?? {}, H = {
+  } = pe(), { itemIconBuilder: b, theme: f, contextMenu: I } = le(), { light: y, dark: N } = K.getTheme(f), { children: u, data: S, config: U } = e, { row: j = 1, col: k = 1 } = U ?? {}, L = {
     visible: { opacity: 1, scale: 1 },
     hidden: { opacity: 0, scale: 0.95 }
-  }, G = ((u == null ? void 0 : u.length) ?? 0) === 0, X = G ? [e] : [...u ?? []].slice(0, 9), se = he(() => c === e.id.toString(), [e.id, c]), re = he(() => f === e.id, [e.id, f]), A = b`
+  }, E = ((u == null ? void 0 : u.length) ?? 0) === 0, A = E ? [e] : [...u ?? []].slice(0, 9), V = be(() => c === e.id.toString(), [e.id, c]), Y = be(() => g === e.id, [e.id, g]), M = h`
     overflow: hidden;
     cursor: pointer;
     background-color: ${y.itemIconBackgroundColor};
     box-shadow: 0 0 0.5rem ${y.itemIconShadowColor};
     @media (prefers-color-scheme: dark) {
-      background-color: ${I.itemIconBackgroundColor};
-      box-shadow: 0 0 0.5rem ${I.itemIconShadowColor};
+      background-color: ${N.itemIconBackgroundColor};
+      box-shadow: 0 0 0.5rem ${N.itemIconShadowColor};
     }
-  `, j = () => {
-    if (G)
+  `, X = () => {
+    if (E)
       return /* @__PURE__ */ t(
         R.div,
         {
-          className: k(
+          className: C(
             "sortable-group-item",
-            b`
+            h`
               overflow: hidden;
               cursor: pointer;
               width: 100%;
@@ -879,55 +879,55 @@ const At = st({
               top: 0;
               border-radius: 0.75rem;
               @media (prefers-color-scheme: dark) {
-                background-color: ${I.itemIconBackgroundColor};
+                background-color: ${N.itemIconBackgroundColor};
               }
             `
           ),
-          onClick: (E) => {
-            E.stopPropagation(), s == null || s(e);
+          onClick: ($) => {
+            $.stopPropagation(), s == null || s(e);
           },
-          children: h == null ? void 0 : h(e)
+          children: b == null ? void 0 : b(e)
         }
       );
-    if (N === 1 && w === 1 || N === 2 && w === 2)
+    if (j === 1 && k === 1 || j === 2 && k === 2)
       return /* @__PURE__ */ t(
         R.div,
         {
-          className: b`
+          className: h`
             display: grid;
             width: 100%;
             height: 100%;
             grid-template-columns: repeat(3, minmax(0, 1fr));
             grid-template-rows: repeat(3, minmax(0, 1fr));
-            padding: ${w === 1 ? "0.125rem" : "0.25rem"};
-            gap: ${w === 1 ? "0.125rem" : "0.5rem"};
+            padding: ${k === 1 ? "0.125rem" : "0.25rem"};
+            gap: ${k === 1 ? "0.125rem" : "0.5rem"};
             place-items: center;
           `,
-          children: X == null ? void 0 : X.slice(0, 9).map((E) => /* @__PURE__ */ t(
+          children: A == null ? void 0 : A.slice(0, 9).map(($) => /* @__PURE__ */ t(
             R.div,
             {
-              className: k(
-                A,
-                b`
-                  border-radius: ${w === 1 ? "0.25rem" : "0.5rem"};
+              className: C(
+                M,
+                h`
+                  border-radius: ${k === 1 ? "0.25rem" : "0.5rem"};
                   width: 100%;
                   height: 100%;
                 `
               ),
-              onClick: (K) => {
-                K.stopPropagation(), s == null || s(E);
+              onClick: (Z) => {
+                Z.stopPropagation(), s == null || s($);
               },
-              children: h == null ? void 0 : h(E)
+              children: b == null ? void 0 : b($)
             },
-            E.id
+            $.id
           ))
         }
       );
-    if (N === 1 && w === 2)
+    if (j === 1 && k === 2)
       return /* @__PURE__ */ t(
         R.div,
         {
-          className: b`
+          className: h`
             display: grid;
             grid-template-columns: repeat(10, minmax(0, 1fr));
             grid-template-rows: repeat(4, minmax(0, 1fr));
@@ -937,18 +937,18 @@ const At = st({
             height: 52px;
             place-items: center;
           `,
-          children: X == null ? void 0 : X.slice(0, 4).map((E, K) => /* @__PURE__ */ t(
+          children: A == null ? void 0 : A.slice(0, 4).map(($, Z) => /* @__PURE__ */ t(
             R.div,
             {
-              className: k(
-                A,
-                K < 2 ? b`
+              className: C(
+                M,
+                Z < 2 ? h`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : b`
+                    ` : h`
                       width: 1.5rem;
                       height: 1.5rem;
                       border-radius: 0.375rem;
@@ -956,20 +956,20 @@ const At = st({
                       grid-row: span 2 / span 2;
                     `
               ),
-              onClick: (ee) => {
-                K > 2 || (ee.stopPropagation(), s == null || s(E));
+              onClick: (oe) => {
+                Z > 2 || (oe.stopPropagation(), s == null || s($));
               },
-              children: h == null ? void 0 : h(E)
+              children: b == null ? void 0 : b($)
             },
-            E.id
+            $.id
           ))
         }
       );
-    if (N === 2 && w === 1)
+    if (j === 2 && k === 1)
       return /* @__PURE__ */ t(
         R.div,
         {
-          className: b`
+          className: h`
             display: grid;
             grid-template-columns: repeat(4, minmax(0, 1fr));
             grid-template-rows: repeat(10, minmax(0, 1fr));
@@ -979,30 +979,30 @@ const At = st({
             height: 144px;
             place-items: center;
           `,
-          children: X == null ? void 0 : X.slice(0, 4).map((E, K) => /* @__PURE__ */ t(
+          children: A == null ? void 0 : A.slice(0, 4).map(($, Z) => /* @__PURE__ */ t(
             R.div,
             {
-              className: k(
-                A,
-                K < 2 ? b`
+              className: C(
+                M,
+                Z < 2 ? h`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : b`
+                    ` : h`
                       width: 1.5rem;
                       height: 1.5rem;
                       grid-column: span 2 / span 2;
                       grid-row: span 2 / span 2;
                     `
               ),
-              onClick: (ee) => {
-                K > 2 || (ee.stopPropagation(), s == null || s(E));
+              onClick: (oe) => {
+                Z > 2 || (oe.stopPropagation(), s == null || s($));
               },
-              children: h == null ? void 0 : h(E)
+              children: b == null ? void 0 : b($)
             },
-            E.id
+            $.id
           ))
         }
       );
@@ -1014,10 +1014,10 @@ const At = st({
       itemIndex: a,
       parentIds: n,
       childrenLength: u == null ? void 0 : u.length,
-      className: k(
-        b`
-          grid-row: span ${N};
-          grid-column: span ${w};
+      className: C(
+        h`
+          grid-row: span ${j};
+          grid-column: span ${k};
         `,
         o
       ),
@@ -1026,33 +1026,33 @@ const At = st({
           R.div,
           {
             whileTap: { scale: 0.9 },
-            className: k(
-              re ? "!scale-110" : "",
-              b`
+            className: C(
+              Y ? "!scale-110" : "",
+              h`
             cursor: pointer;
             position: relative;
             border-radius: 0.75rem;
             background-color: ${y.groupItemIconBackgroundColor};
             box-shadow: 0 0 0.5rem ${y.groupItemIconShadowColor};
             @media (prefers-color-scheme: dark) {
-              background-color: ${I.groupItemIconBackgroundColor};
-              box-shadow: 0 0 0.5rem ${I.groupItemIconShadowColor};
+              background-color: ${N.groupItemIconBackgroundColor};
+              box-shadow: 0 0 0.5rem ${N.groupItemIconShadowColor};
             }
             /* overflow: hidden; */
             transition: all 0.3s;
             margin: 0 auto;
-            width: ${w * 64 + 32 * (w - 1)}px;
-            height: ${N * 64 + 32 * (N - 1)}px;
+            width: ${k * 64 + 32 * (k - 1)}px;
+            height: ${j * 64 + 32 * (j - 1)}px;
           `
             ),
-            onClick: (E) => {
-              !G && !l && (e.parentIds = n, e.pageX = E.pageX, e.pageY = E.pageY, x(e));
+            onClick: ($) => {
+              !E && !l && (e.parentIds = n, e.pageX = $.pageX, e.pageY = $.pageY, x(e));
             },
-            ...d(e, S !== !1),
+            ...d(e, I !== !1),
             children: /* @__PURE__ */ m(
               R.div,
               {
-                className: b`
+                className: h`
             position: relative;
             width: 100%;
             height: 100%;
@@ -1062,13 +1062,13 @@ const At = st({
             padding: 0.375rem;
           `,
                 children: [
-                  j(),
+                  X(),
                   /* @__PURE__ */ t(
                     Xe,
                     {
-                      className: k(
+                      className: C(
                         "sortable-group-item",
-                        b`
+                        h`
                 position: absolute;
                 cursor: pointer;
                 left: 0.375rem;
@@ -1085,7 +1085,7 @@ const At = st({
                       animation: 150,
                       fallbackOnBody: !0,
                       list: u ?? [],
-                      setList: (E) => p(E, n),
+                      setList: ($) => p($, n),
                       filter: () => !0,
                       "data-id": e.id,
                       onChange: () => {
@@ -1101,27 +1101,27 @@ const At = st({
         /* @__PURE__ */ t(
           R.p,
           {
-            className: k(
+            className: C(
               "whitespace-nowrap text-ellipsis overflow-hidden text-center mt-1 mb-0 max-w-16",
-              b`
+              h`
             color: ${y.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${I.itemNameColor};
+              color: ${N.itemNameColor};
             }
           `,
-              i && b`
+              i && h`
               color: transparent;
             `
             ),
-            variants: H,
-            animate: se ? "hidden" : "visible",
-            children: (M == null ? void 0 : M.name) ?? "文件夹"
+            variants: L,
+            animate: V ? "hidden" : "visible",
+            children: (S == null ? void 0 : S.name) ?? "文件夹"
           }
         )
       ]
     }
   );
-}, Rt = b`
+}, Rt = h`
   padding: 8px;
   transition: all 0.2s;
   > div {
@@ -1141,10 +1141,10 @@ const At = st({
     setMoveItemId: d,
     setMoveTargetId: p,
     updateItem: x
-  } = pe(), { theme: l } = le(), { light: c, dark: f } = V.getTheme(l), [v, D] = _("文件夹"), h = [...(e == null ? void 0 : e.children) ?? []];
-  return ae(() => {
-    var g;
-    e && D((g = e.data) == null ? void 0 : g.name);
+  } = pe(), { theme: l } = le(), { light: c, dark: g } = K.getTheme(l), [v, D] = O("文件夹"), b = [...(e == null ? void 0 : e.children) ?? []];
+  return se(() => {
+    var f;
+    e && D((f = e.data) == null ? void 0 : f.name);
   }, [e]), /* @__PURE__ */ t(
     Ct,
     {
@@ -1161,7 +1161,7 @@ const At = st({
       title: /* @__PURE__ */ t(
         "input",
         {
-          className: b`
+          className: h`
             background-color: transparent;
             border-style: none;
             text-align: center;
@@ -1176,8 +1176,8 @@ const At = st({
             }
           `,
           value: v,
-          onChange: (g) => {
-            D(g.target.value);
+          onChange: (f) => {
+            D(f.target.value);
           },
           onBlur: () => {
             e && x(e.id, {
@@ -1189,9 +1189,9 @@ const At = st({
       ),
       footer: null,
       closable: !1,
-      className: k(
+      className: C(
         "group-item-modal",
-        b`
+        h`
           .rc-dialog-content {
             background-color: transparent;
             box-shadow: none;
@@ -1208,7 +1208,7 @@ const At = st({
             .rc-dialog-body {
               background-color: ${c.groupItemModalBackgroundColor};
               @media (prefers-color-scheme: dark) {
-                background-color: ${f.groupItemModalBackgroundColor};
+                background-color: ${g.groupItemModalBackgroundColor};
               }
               border-radius: 0.5rem;
               overflow: hidden;
@@ -1221,21 +1221,21 @@ const At = st({
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: b`
+          className: h`
           overflow-y: auto;
           max-height: 60vh;
           padding: 1.25rem 0;
         `,
-          onDragLeave: (g) => {
-            const S = g.relatedTarget;
-            S && (g.currentTarget.contains(S) || setTimeout(() => {
+          onDragLeave: (f) => {
+            const I = f.relatedTarget;
+            I && (f.currentTarget.contains(I) || setTimeout(() => {
               o();
             }, 500));
           },
           children: /* @__PURE__ */ t(
             Xe,
             {
-              className: b`
+              className: h`
             display: grid;
             gap: 1rem;
             place-items: center;
@@ -1247,28 +1247,28 @@ const At = st({
               animation: 150,
               fallbackOnBody: !0,
               list: (e == null ? void 0 : e.children) ?? [],
-              setList: (g) => {
-                var I, u;
-                const S = g.map((M) => M.id), y = (u = (I = a.find((M) => M.id === (e == null ? void 0 : e.id))) == null ? void 0 : I.children) == null ? void 0 : u.map((M) => M.id);
-                S.length === (y == null ? void 0 : y.length) && S.every((M, L) => M === y[L]) || S.length < ((y == null ? void 0 : y.length) ?? 0) || s(g, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
+              setList: (f) => {
+                var N, u;
+                const I = f.map((S) => S.id), y = (u = (N = a.find((S) => S.id === (e == null ? void 0 : e.id))) == null ? void 0 : N.children) == null ? void 0 : u.map((S) => S.id);
+                I.length === (y == null ? void 0 : y.length) && I.every((S, U) => S === y[U]) || I.length < ((y == null ? void 0 : y.length) ?? 0) || s(f, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
               },
               onMove: () => (p(null), i("onMove"), !0),
-              onStart: (g) => {
-                const S = g.item.dataset;
-                S != null && S.id && d(S.id), i("onMove");
+              onStart: (f) => {
+                const I = f.item.dataset;
+                I != null && I.id && d(I.id), i("onMove");
               },
               onEnd: () => {
                 d(null), p(null), i(null);
               },
               ghostClass: Rt,
-              children: h.map((g, S) => /* @__PURE__ */ t(
+              children: b.map((f, I) => /* @__PURE__ */ t(
                 We,
                 {
-                  data: g,
-                  itemIndex: S,
+                  data: f,
+                  itemIndex: I,
                   onClick: n
                 },
-                g.id
+                f.id
               ))
             }
           )
@@ -1307,19 +1307,19 @@ const At = st({
     sliderProps: n,
     sliderRef: a,
     onItemClick: s
-  } = r, i = be(null), d = be(null), {
-    list: p,
-    setList: x,
-    setListStatus: l,
-    showInfoItemData: c,
-    setShowInfoItemData: f,
-    openGroupItemData: v,
-    setOpenGroupItemData: D,
-    setMoveItemId: h,
-    setMoveTargetId: g,
-    addItem: S
-  } = pe(), { pagingDotBuilder: y, pagingDotsBuilder: I, itemBuilder: u } = le(), M = he(() => e === !1 ? {} : {
-    top: b`
+  } = r, i = xe(null), d = xe(null), [p, x] = O(0), {
+    list: l,
+    setList: c,
+    setListStatus: g,
+    showInfoItemData: v,
+    setShowInfoItemData: D,
+    openGroupItemData: b,
+    setOpenGroupItemData: f,
+    setMoveItemId: I,
+    setMoveTargetId: y,
+    addItem: N
+  } = pe(), { pagingDotBuilder: u, pagingDotsBuilder: S, itemBuilder: U } = le(), j = be(() => e === !1 ? {} : {
+    top: h`
         display: flex;
         flex-direction: column;
         .slick-list {
@@ -1329,12 +1329,12 @@ const At = st({
           position: static;
         }
       `,
-    bottom: b`
+    bottom: h`
         .slick-dots {
           position: static;
         }
       `,
-    left: b`
+    left: h`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1350,7 +1350,7 @@ const At = st({
           }
         }
       `,
-    right: b`
+    right: h`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1379,9 +1379,9 @@ const At = st({
         dots: !0,
         touchMove: !1,
         lazyLoad: "anticipated",
-        className: k(
-          M,
-          b`
+        className: C(
+          j,
+          h`
             .slick-track {
               display: flex;
               align-items: stretch;
@@ -1399,14 +1399,14 @@ const At = st({
           `,
           o
         ),
-        customPaging: (L) => {
-          var N, w;
-          if (y) {
-            const H = y(p[L], L);
-            return eo.cloneElement(H, {
-              onDragEnter: (G) => {
-                var X;
-                (X = (a ?? i).current) == null || X.slickGoTo(L), H.props && H.props.onDragEnter && H.props.onDragEnter(G);
+        customPaging: (k) => {
+          var L, E;
+          if (u) {
+            const A = u(l[k], k, p === k);
+            return eo.cloneElement(A, {
+              onDragEnter: (V) => {
+                var Y;
+                (Y = (a ?? i).current) == null || Y.slickGoTo(k), A.props && A.props.onDragEnter && A.props.onDragEnter(V);
               }
             });
           }
@@ -1414,20 +1414,20 @@ const At = st({
             "div",
             {
               onDragEnter: () => {
-                var H;
-                (H = (a ?? i).current) == null || H.slickGoTo(L);
+                var A;
+                (A = (a ?? i).current) == null || A.slickGoTo(k);
               },
-              children: (w = (N = p[L]) == null ? void 0 : N.data) == null ? void 0 : w.name
+              children: (E = (L = l[k]) == null ? void 0 : L.data) == null ? void 0 : E.name
             }
           );
         },
-        appendDots: (L) => I ? I(L) : e === !1 ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+        appendDots: (k) => S ? S(k) : e === !1 ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
           "ul",
           {
             ref: d,
-            className: k(
+            className: C(
               "slick-dots-default",
-              b`
+              h`
                     padding: 0.5rem;
                     display: inline-flex;
                     justify-content: center;
@@ -1448,31 +1448,34 @@ const At = st({
                     }
                   `
             ),
-            children: L
+            children: k
           }
         ) }),
+        beforeChange: (k, L) => {
+          x(L);
+        },
         ...n,
-        children: p.map((L) => /* @__PURE__ */ t(
+        children: l.map((k) => /* @__PURE__ */ t(
           "div",
           {
-            onDrop: (N) => {
-              N.preventDefault();
-              const w = N.dataTransfer.getData("text/plain");
-              if (V.quickJSONCheck(w))
+            onDrop: (L) => {
+              L.preventDefault();
+              const E = L.dataTransfer.getData("text/plain");
+              if (K.quickJSONCheck(E))
                 try {
-                  S(JSON.parse(w), [L.id]);
-                } catch (G) {
-                  console.log("drag error", G);
+                  N(JSON.parse(E), [k.id]);
+                } catch (V) {
+                  console.log("drag error", V);
                 }
             },
-            onDragOver: (N) => {
-              N.preventDefault();
+            onDragOver: (L) => {
+              L.preventDefault();
             },
             children: /* @__PURE__ */ t(
               Xe,
               {
-                className: k(
-                  b`
+                className: C(
+                  h`
                     display: grid;
                     transition: all 0.3s;
                     grid-template-columns: repeat(auto-fill, 96px);
@@ -1487,76 +1490,76 @@ const At = st({
                 fallbackOnBody: !0,
                 swapThreshold: 0.65,
                 group: "nested",
-                list: L.children ?? [],
-                setList: (N) => x(N, [L.id]),
+                list: k.children ?? [],
+                setList: (L) => c(L, [k.id]),
                 filter: ".drag-disabled",
-                onMove: (N) => {
-                  l("onMove");
-                  const { dragged: w, related: H } = N, G = w.dataset, X = H.dataset;
-                  return g(null), !((Object.keys(X).length === 0 || X.parentIds) && Number(G.childrenLength) > 0 && H.classList.contains("sortable-group-item"));
+                onMove: (L) => {
+                  g("onMove");
+                  const { dragged: E, related: A } = L, V = E.dataset, Y = A.dataset;
+                  return y(null), !((Object.keys(Y).length === 0 || Y.parentIds) && Number(V.childrenLength) > 0 && A.classList.contains("sortable-group-item"));
                 },
-                onStart: (N) => {
-                  const w = N.item.dataset;
-                  w != null && w.id && h(w.id), l("onMove");
+                onStart: (L) => {
+                  const E = L.item.dataset;
+                  E != null && E.id && I(E.id), g("onMove");
                 },
                 onEnd: () => {
-                  h(null), g(null), l(null);
+                  I(null), y(null), g(null);
                 },
                 ghostClass: Rt,
-                children: (L.children ?? []).map((N, w) => {
-                  let H;
-                  if (u)
-                    return u(N);
-                  switch (N.type) {
+                children: (k.children ?? []).map((L, E) => {
+                  let A;
+                  if (U)
+                    return U(L);
+                  switch (L.type) {
                     case "group":
                     case "app":
-                      H = /* @__PURE__ */ t(
+                      A = /* @__PURE__ */ t(
                         zn,
                         {
-                          data: N,
-                          itemIndex: w,
-                          parentIds: [L.id, N.id],
+                          data: L,
+                          itemIndex: E,
+                          parentIds: [k.id, L.id],
                           onClick: s
                         },
-                        N.id
+                        L.id
                       );
                       break;
                     default:
-                      H = /* @__PURE__ */ t(
+                      A = /* @__PURE__ */ t(
                         We,
                         {
-                          data: N,
-                          itemIndex: w,
+                          data: L,
+                          itemIndex: E,
                           onClick: s
                         },
-                        N.id
+                        L.id
                       );
                       break;
                   }
-                  return H;
+                  return A;
                 })
               }
             )
           },
-          L.id
+          k.id
         ))
       }
     ),
     /* @__PURE__ */ t(
       $n,
       {
-        data: c,
+        data: v,
         onClose: () => {
-          f(null);
+          D(null);
         }
       }
     ),
     /* @__PURE__ */ t(
       En,
       {
-        data: v,
+        data: b,
         onClose: () => {
-          D(null);
+          f(null);
         },
         onItemClick: s
       }
@@ -1575,7 +1578,7 @@ const At = st({
       contextMenuBuilder: x,
       itemBuilder: l,
       itemIconBuilder: c,
-      pagingDotBuilder: f,
+      pagingDotBuilder: g,
       pagingDotsBuilder: v,
       ...D
     } = r;
@@ -1589,16 +1592,16 @@ const At = st({
       noLetters: d,
       contextMenu: p,
       pagingDotsBuilder: v,
-      pagingDotBuilder: f,
+      pagingDotBuilder: g,
       itemBuilder: l,
       itemIconBuilder: c,
       contextMenuBuilder: x
     }, children: [
       /* @__PURE__ */ t(() => {
-        const y = pe(), I = le();
-        return ae(() => {
-          e && (typeof e == "function" ? e({ state: y, config: I }) : e.current = { state: y, config: I });
-        }, [y, I]), null;
+        const y = pe(), N = le();
+        return se(() => {
+          e && (typeof e == "function" ? e({ state: y, config: N }) : e.current = { state: y, config: N });
+        }, [y, N]), null;
       }, {}),
       /* @__PURE__ */ t(Pt, { ...D })
     ] }) });
@@ -1726,7 +1729,7 @@ const At = st({
     On
   );
   return typeof a != "string" ? e : o ? a.replace(/{{(.*?)}}/g, (s, i) => o[i]) : a;
-}, _n = b`
+}, _n = h`
   --accentBase: var(--tomato-1);
   --accentBgSubtle: var(--tomato-2);
   --accentBg: var(--tomato-3);
@@ -1780,7 +1783,7 @@ const At = st({
     rgba(255, 255, 255, 0.05),
     rgba(255, 255, 255, 0.05)
   );
-`, jn = b`
+`, jn = h`
   [class*="_toolbarRoot"] {
     flex-wrap: wrap;
     transition: all 0.3s;
@@ -1850,9 +1853,9 @@ const At = st({
       margin-bottom: 0;
     }
   }
-`, Bt = k(
+`, Bt = C(
   "markdown-body",
-  b`
+  h`
     p {
       margin-bottom: 8px;
     }
@@ -1873,7 +1876,7 @@ const At = st({
       }
     }
   `
-), zt = b`
+), zt = h`
   .markdown-body {
     /* light */
     color-scheme: light;
@@ -1928,7 +1931,7 @@ const At = st({
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
   }
-`, Et = b`
+`, Et = h`
   .markdown-body {
     /* dark */
     color-scheme: dark;
@@ -1995,13 +1998,13 @@ const At = st({
     className: s,
     theme: i = "auto",
     ...d
-  } = r, p = be(null), {
+  } = r, p = xe(null), {
     image: x,
     diffSource: l = {
       viewMode: "rich-text"
     },
     headings: c,
-    link: f,
+    link: g,
     codeBlock: v,
     codeMirror: D = {
       codeBlockLanguages: {
@@ -2012,27 +2015,27 @@ const At = st({
         "": "Unspecified"
       }
     },
-    directives: h = {
+    directives: b = {
       directiveDescriptors: [Lo]
     }
-  } = a ?? {}, [g, S] = _("");
-  return ae(() => {
+  } = a ?? {}, [f, I] = O("");
+  return se(() => {
     var y;
-    e !== void 0 && p.current && ((y = p.current) == null || y.setMarkdown(e), S(e));
+    e !== void 0 && p.current && ((y = p.current) == null || y.setMarkdown(e), I(e));
   }, [e, p]), /* @__PURE__ */ t(
     Ao,
     {
       ref: p,
-      className: k(
+      className: C(
         jn,
         _e(i) ? _n : "",
         _e(i) ? Et : zt,
         s
       ),
       contentEditableClassName: Bt,
-      markdown: g,
+      markdown: f,
       onChange: (y) => {
-        !e && !o && S(y), o && o(y);
+        !e && !o && I(y), o && o(y);
       },
       translation: n ?? Fn,
       plugins: [
@@ -2062,7 +2065,7 @@ const At = st({
         Po(),
         Bo(),
         zo(c),
-        Eo(f),
+        Eo(g),
         $o(),
         Ho(x),
         Oo(),
@@ -2071,7 +2074,7 @@ const At = st({
         jo(v),
         Xo(D),
         Uo(),
-        Go(h)
+        Go(b)
       ],
       ...d
     }
@@ -2085,7 +2088,7 @@ const At = st({
       children: /* @__PURE__ */ t(
         wt,
         {
-          className: k(Bt, o),
+          className: C(Bt, o),
           remarkPlugins: [nr, ar],
           rehypePlugins: [sr],
           components: {
@@ -2124,7 +2127,7 @@ const At = st({
                     mask: " ",
                     ...i
                   },
-                  className: b`
+                  className: h`
                   cursor: zoom-in;
                 `,
                   ...d
@@ -2154,19 +2157,19 @@ const Ke = (r) => {
     titleClassName: p = "rounded-md bg-gray-100 border dark:bg-neutral-800 dark:border-neutral-900 dark:text-white border-gray-200 text-neutral-700",
     childrenClassName: x,
     ...l
-  } = r, c = be(null), f = ye(e, (w) => {
-    var G;
-    const H = ((G = c.current) == null ? void 0 : G.getBoundingClientRect()) ?? { x: 0, width: 0 };
-    return w - H.x - H.width / 2;
-  }), v = ye(f, [-150, 0, 150], [40, 80, 40]), D = ye(f, [-150, 0, 150], [40, 80, 40]), h = ye(
-    f,
+  } = r, c = xe(null), g = ge(e, (L) => {
+    var A;
+    const E = ((A = c.current) == null ? void 0 : A.getBoundingClientRect()) ?? { x: 0, width: 0 };
+    return L - E.x - E.width / 2;
+  }), v = ge(g, [-150, 0, 150], [40, 80, 40]), D = ge(g, [-150, 0, 150], [40, 80, 40]), b = ge(
+    g,
     [-150, 0, 150],
     [20, 40, 20]
-  ), g = ye(
-    f,
+  ), f = ge(
+    g,
     [-150, 0, 150],
     [20, 40, 20]
-  ), S = Ae(v, {
+  ), I = Ae(v, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
@@ -2174,28 +2177,28 @@ const Ke = (r) => {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), I = Ae(h, {
+  }), N = Ae(b, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), u = Ae(g, {
+  }), u = Ae(f, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), [M, L] = _(!1), N = /* @__PURE__ */ m(
+  }), S = ge(N, (L) => `${L}px`), [U, j] = O(!1), k = /* @__PURE__ */ m(
     i,
     {
       ref: c,
-      style: { width: S, height: y },
-      onMouseEnter: () => L(!0),
-      onMouseLeave: () => L(!1),
+      style: { width: I, height: y },
+      onMouseEnter: () => j(!0),
+      onMouseLeave: () => j(!1),
       className: ve(
         "aspect-square flex items-center justify-center relative",
         d
       ),
       ...l,
       children: [
-        o && /* @__PURE__ */ t(Ue, { children: M && /* @__PURE__ */ t(
+        o && /* @__PURE__ */ t(Ue, { children: U && /* @__PURE__ */ t(
           R.div,
           {
             initial: { opacity: 0, y: 10, x: "-50%" },
@@ -2211,15 +2214,19 @@ const Ke = (r) => {
         /* @__PURE__ */ t(
           R.div,
           {
-            style: { width: I, height: u },
+            style: {
+              width: N,
+              height: u,
+              fontSize: S
+            },
             className: ve("flex items-center justify-center", x),
-            children: s || n
+            children: typeof s == "function" ? s({ widthIcon: N, heightIcon: u, fontSizeTransform: S }) : s || n
           }
         )
       ]
     }
   );
-  return a ? /* @__PURE__ */ t("a", { href: a, children: N }) : N;
+  return a ? /* @__PURE__ */ t("a", { href: a, children: k }) : k;
 }, Je = (r) => {
   const {
     items: e = [],
@@ -2281,7 +2288,7 @@ const Ke = (r) => {
     autoHidden: a = !1,
     itemBuilder: s,
     children: i
-  } = r, [d, p] = _(!1), x = () => {
+  } = r, [d, p] = O(!1), x = () => {
     p(!d);
   };
   return /* @__PURE__ */ m(
@@ -2439,43 +2446,43 @@ function Wn(r) {
   let e = "", o = !1;
   function n(l, c) {
     if (c.focus(), !l.dataTransfer) return;
-    const f = ot(
+    const g = ot(
       {
         x: l.clientX + 50 + r.dragHandleWidth,
         y: l.clientY
       },
       r
     );
-    if (!(f instanceof Element)) return;
-    let v = rt(f, c, r);
+    if (!(g instanceof Element)) return;
+    let v = rt(g, c, r);
     if (v == null || v < 0) return;
     v = Re(v, c);
-    const { from: D, to: h } = c.state.selection, g = D - h, S = Re(D, c);
+    const { from: D, to: b } = c.state.selection, f = D - b, I = Re(D, c);
     let y = !1;
-    const I = c.state.doc.resolve(S);
-    if (I.node().type.name === "doc") y = !0;
+    const N = c.state.doc.resolve(I);
+    if (N.node().type.name === "doc") y = !0;
     else {
-      const w = J.create(
+      const k = Q.create(
         c.state.doc,
-        I.before()
+        N.before()
       );
-      y = !(v + 1 >= w.$from.pos && v <= w.$to.pos);
+      y = !(v + 1 >= k.$from.pos && v <= k.$to.pos);
     }
     let u = c.state.selection;
-    if (!y && g !== 0 && !(c.state.selection instanceof J)) {
-      const w = J.create(c.state.doc, h - 1);
+    if (!y && f !== 0 && !(c.state.selection instanceof Q)) {
+      const k = Q.create(c.state.doc, b - 1);
       u = tn.create(
         c.state.doc,
         v,
-        w.$to.pos
+        k.$to.pos
       );
-    } else if (u = J.create(c.state.doc, v), u.node.type.isInline || u.node.type.name === "tableRow") {
-      const w = c.state.doc.resolve(u.from);
-      u = J.create(c.state.doc, w.before());
+    } else if (u = Q.create(c.state.doc, v), u.node.type.isInline || u.node.type.name === "tableRow") {
+      const k = c.state.doc.resolve(u.from);
+      u = Q.create(c.state.doc, k.before());
     }
-    c.dispatch(c.state.tr.setSelection(u)), c.state.selection instanceof J && c.state.selection.node.type.name === "listItem" && (e = f.parentElement.tagName);
-    const M = c.state.selection.content(), { dom: L, text: N } = Yn(c, M);
-    l.dataTransfer.clearData(), l.dataTransfer.setData("text/html", L.innerHTML), l.dataTransfer.setData("text/plain", N), l.dataTransfer.effectAllowed = "copyMove", l.dataTransfer.setDragImage(f, 0, 0), c.dragging = { slice: M, move: l.ctrlKey };
+    c.dispatch(c.state.tr.setSelection(u)), c.state.selection instanceof Q && c.state.selection.node.type.name === "listItem" && (e = g.parentElement.tagName);
+    const S = c.state.selection.content(), { dom: U, text: j } = Yn(c, S);
+    l.dataTransfer.clearData(), l.dataTransfer.setData("text/html", U.innerHTML), l.dataTransfer.setData("text/plain", j), l.dataTransfer.effectAllowed = "copyMove", l.dataTransfer.setDragImage(g, 0, 0), c.dragging = { slice: S, move: l.ctrlKey };
   }
   let a = null;
   function s() {
@@ -2485,14 +2492,14 @@ function Wn(r) {
     a && a.classList.remove("hide");
   }
   function d(l, c) {
-    const f = Re(c, l), v = J.create(l.state.doc, f);
+    const g = Re(c, l), v = Q.create(l.state.doc, g);
     l.dispatch(l.state.tr.setSelection(v)), l.focus(), o = !0;
   }
   function p(l) {
-    if (o = l.state.selection instanceof J, o && (a != null && a.dataset.nodePos)) {
-      const f = parseInt(a.dataset.nodePos, 10);
+    if (o = l.state.selection instanceof Q, o && (a != null && a.dataset.nodePos)) {
+      const g = parseInt(a.dataset.nodePos, 10);
       try {
-        const v = l.state.doc.resolve(f);
+        const v = l.state.doc.resolve(g);
         v && v.parent && v.parent.type.name !== "doc" || (o = !1, s());
       } catch {
         o = !1, s();
@@ -2507,40 +2514,40 @@ function Wn(r) {
       o || s();
       return;
     }
-    const f = c.closest(".drag-handle") || c.classList.contains("drag-handle"), v = c.closest(".tiptap") || c.classList.contains("tiptap");
-    !f && !v && !o && s();
+    const g = c.closest(".drag-handle") || c.classList.contains("drag-handle"), v = c.closest(".tiptap") || c.classList.contains("tiptap");
+    !g && !v && !o && s();
   }
   return new Qr({
     key: new en(r.pluginKey),
     view: (l) => {
-      var h, g, S, y;
+      var b, f, I, y;
       const c = r.dragHandleSelector ? document.querySelector(r.dragHandleSelector) : null;
       a = c ?? document.createElement("div"), a.draggable = !0, a.dataset.dragHandle = "", a.classList.add("drag-handle");
-      function f(I) {
-        n(I, l);
+      function g(N) {
+        n(N, l);
       }
-      a.addEventListener("dragstart", f);
-      function v(I) {
-        c || (I.preventDefault(), I.stopPropagation());
+      a.addEventListener("dragstart", g);
+      function v(N) {
+        c || (N.preventDefault(), N.stopPropagation());
         const u = a == null ? void 0 : a.dataset.nodePos;
         u && d(l, parseInt(u, 10));
       }
       a.addEventListener("click", v);
-      function D(I) {
+      function D(N) {
         s();
         const u = window.scrollY;
-        I.clientY < r.scrollTreshold ? window.scrollTo({ top: u - 30, behavior: "smooth" }) : window.innerHeight - I.clientY < r.scrollTreshold && window.scrollTo({ top: u + 30, behavior: "smooth" });
+        N.clientY < r.scrollTreshold ? window.scrollTo({ top: u - 30, behavior: "smooth" }) : window.innerHeight - N.clientY < r.scrollTreshold && window.scrollTo({ top: u + 30, behavior: "smooth" });
       }
-      return a.addEventListener("drag", D), s(), c || (g = (h = l == null ? void 0 : l.dom) == null ? void 0 : h.parentElement) == null || g.appendChild(a), (y = (S = l == null ? void 0 : l.dom) == null ? void 0 : S.parentElement) == null || y.addEventListener(
+      return a.addEventListener("drag", D), s(), c || (f = (b = l == null ? void 0 : l.dom) == null ? void 0 : b.parentElement) == null || f.appendChild(a), (y = (I = l == null ? void 0 : l.dom) == null ? void 0 : I.parentElement) == null || y.addEventListener(
         "mouseout",
         x
       ), {
         destroy: () => {
-          var I, u, M;
-          c || (I = a == null ? void 0 : a.remove) == null || I.call(a), a == null || a.removeEventListener("drag", D), a == null || a.removeEventListener(
+          var N, u, S;
+          c || (N = a == null ? void 0 : a.remove) == null || N.call(a), a == null || a.removeEventListener("drag", D), a == null || a.removeEventListener(
             "dragstart",
-            f
-          ), a == null || a.removeEventListener("click", v), a = null, (M = (u = l == null ? void 0 : l.dom) == null ? void 0 : u.parentElement) == null || M.removeEventListener(
+            g
+          ), a == null || a.removeEventListener("click", v), a = null, (S = (u = l == null ? void 0 : l.dom) == null ? void 0 : u.parentElement) == null || S.removeEventListener(
             "mouseout",
             x
           );
@@ -2552,23 +2559,23 @@ function Wn(r) {
         mousemove: (l, c) => {
           if (!l.editable)
             return;
-          const f = ot(
+          const g = ot(
             {
               x: c.clientX + 50 + r.dragHandleWidth,
               y: c.clientY
             },
             r
-          ), v = f == null ? void 0 : f.closest(".not-draggable"), D = r.excludedTags.concat(["ol", "ul"]).join(", ");
-          if (!(f instanceof Element) || f.matches(D) || v) {
+          ), v = g == null ? void 0 : g.closest(".not-draggable"), D = r.excludedTags.concat(["ol", "ul"]).join(", ");
+          if (!(g instanceof Element) || g.matches(D) || v) {
             o || s();
             return;
           }
-          const h = rt(f, l, r);
-          h != null && h >= 0 && (a.dataset.nodePos = String(
-            Re(h, l)
+          const b = rt(g, l, r);
+          b != null && b >= 0 && (a.dataset.nodePos = String(
+            Re(b, l)
           ));
-          const g = window.getComputedStyle(f), S = parseInt(g.lineHeight, 10), y = isNaN(S) ? parseInt(g.fontSize) * 1.2 : S, I = parseInt(g.paddingTop, 10), u = Vn(f);
-          u.top += (y - 24) / 2, u.top += I, f.matches("ul:not([data-type=taskList]) li, ol li") && (u.left -= r.dragHandleWidth - 28), u.width = r.dragHandleWidth, a && (a.style.position = "absolute", a.style.left = `${u.left - u.width}px`, a.style.top = `${u.top}px`, i());
+          const f = window.getComputedStyle(g), I = parseInt(f.lineHeight, 10), y = isNaN(I) ? parseInt(f.fontSize) * 1.2 : I, N = parseInt(f.paddingTop, 10), u = Vn(g);
+          u.top += (y - 24) / 2, u.top += N, g.matches("ul:not([data-type=taskList]) li, ol li") && (u.left -= r.dragHandleWidth - 28), u.width = r.dragHandleWidth, a && (a.style.position = "absolute", a.style.left = `${u.left - u.width}px`, a.style.top = `${u.top}px`, i());
         },
         keydown: () => {
           o || s();
@@ -2585,20 +2592,20 @@ function Wn(r) {
           l.dom.classList.add("dragging");
         },
         drop: (l, c) => {
-          var g;
+          var f;
           l.dom.classList.remove("dragging"), s();
-          let f = null;
+          let g = null;
           const v = l.posAtCoords({
             left: c.clientX,
             top: c.clientY
           });
-          if (!v || (l.state.selection instanceof J && (f = l.state.selection.node), !f)) return;
-          const h = l.state.doc.resolve(v.pos).parent.type.name === "listItem";
-          if (l.state.selection instanceof J && l.state.selection.node.type.name === "listItem" && !h && e == "OL") {
-            const S = (g = l.state.schema.nodes.orderedList) == null ? void 0 : g.createAndFill(
+          if (!v || (l.state.selection instanceof Q && (g = l.state.selection.node), !g)) return;
+          const b = l.state.doc.resolve(v.pos).parent.type.name === "listItem";
+          if (l.state.selection instanceof Q && l.state.selection.node.type.name === "listItem" && !b && e == "OL") {
+            const I = (f = l.state.schema.nodes.orderedList) == null ? void 0 : f.createAndFill(
               null,
-              f
-            ), y = new on(rn.from(S), 0, 0);
+              g
+            ), y = new on(rn.from(I), 0, 0);
             l.dragging = { slice: y, move: c.ctrlKey };
           }
         },
@@ -2612,12 +2619,12 @@ function Wn(r) {
       init() {
         return {};
       },
-      apply(l, c, f, v) {
+      apply(l, c, g, v) {
         if (l.docChanged && a && a.dataset.nodePos) {
           const D = parseInt(a.dataset.nodePos, 10);
           try {
-            const h = v.doc.resolve(D);
-            (!h || h.parent.type.name === "doc") && (o = !1, s());
+            const b = v.doc.resolve(D);
+            (!b || b.parent.type.name === "doc") && (o = !1, s());
           } catch {
             o = !1, s();
           }
@@ -2653,7 +2660,7 @@ const Kn = Zr.create({
   placeholder: "撰写任何内容，或者按“/”输入命令..."
 }), Qn = pr.configure({
   HTMLAttributes: {
-    class: Y(
+    class: W(
       "text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"
     )
   }
@@ -2661,63 +2668,63 @@ const Kn = Zr.create({
   addProseMirrorPlugins() {
     return [
       fr({
-        imageClass: Y("opacity-40 rounded-lg border border-stone-200")
+        imageClass: W("opacity-40 rounded-lg border border-stone-200")
       })
     ];
   }
 }).configure({
   allowBase64: !0,
   HTMLAttributes: {
-    class: Y("rounded-lg border border-muted")
+    class: W("rounded-lg border border-muted")
   }
 }), ta = hr.configure({
   HTMLAttributes: {
-    class: Y("rounded-lg border border-muted")
+    class: W("rounded-lg border border-muted")
   }
 }), oa = br.configure({
   HTMLAttributes: {
-    class: Y("not-prose pl-2 ")
+    class: W("not-prose pl-2 ")
   }
 }), ra = xr.configure({
   HTMLAttributes: {
-    class: Y("flex gap-2 items-start my-4")
+    class: W("flex gap-2 items-start my-4")
   },
   nested: !0
 }), na = yr.configure({
   HTMLAttributes: {
-    class: Y("mt-4 mb-6 border-t border-muted-foreground")
+    class: W("mt-4 mb-6 border-t border-muted-foreground")
   }
 }), aa = vr.configure({
   bulletList: {
     HTMLAttributes: {
-      class: Y("list-disc list-outside leading-3 -mt-2")
+      class: W("list-disc list-outside leading-3 -mt-2")
     }
   },
   orderedList: {
     HTMLAttributes: {
-      class: Y("list-decimal list-outside leading-3 -mt-2")
+      class: W("list-decimal list-outside leading-3 -mt-2")
     }
   },
   listItem: {
     HTMLAttributes: {
-      class: Y("leading-normal -mb-2")
+      class: W("leading-normal -mb-2")
     }
   },
   blockquote: {
     HTMLAttributes: {
-      class: Y("border-l-4 border-primary")
+      class: W("border-l-4 border-primary")
     }
   },
   codeBlock: {
     HTMLAttributes: {
-      class: Y(
+      class: W(
         "rounded-md bg-muted text-muted-foreground border p-5 font-mono font-medium"
       )
     }
   },
   code: {
     HTMLAttributes: {
-      class: Y("rounded-md bg-muted  px-1.5 py-1 font-mono font-medium"),
+      class: W("rounded-md bg-muted  px-1.5 py-1 font-mono font-medium"),
       spellcheck: "false"
     }
   },
@@ -2733,7 +2740,7 @@ const Kn = Zr.create({
   lowlight: Kr(Jr)
 }), ia = Cr.configure({
   HTMLAttributes: {
-    class: Y("text-foreground rounded p-1 hover:bg-accent cursor-pointer")
+    class: W("text-foreground rounded p-1 hover:bg-accent cursor-pointer")
   },
   katexOptions: {
     throwOnError: !1
@@ -2776,7 +2783,7 @@ const Kn = Zr.create({
     ref: a,
     align: e,
     sideOffset: o,
-    className: k(
+    className: C(
       "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       r
     ),
@@ -2808,17 +2815,17 @@ const ua = Wr(
       size: "default"
     }
   }
-), Z = q.forwardRef(
+), ee = q.forwardRef(
   ({ className: r, variant: e, size: o, asChild: n = !1, ...a }, s) => /* @__PURE__ */ t(
     n ? sn : "button",
     {
-      className: k(ua({ variant: e, size: o, className: r })),
+      className: C(ua({ variant: e, size: o, className: r })),
       ref: s,
       ...a
     }
   )
 );
-Z.displayName = "Button";
+ee.displayName = "Button";
 const nt = [
   {
     name: "默认",
@@ -2915,7 +2922,7 @@ const nt = [
   dt,
   {
     classNames: {
-      root: b`
+      root: h`
           background-color: transparent;
           padding: 0;
           .rc-tooltip-content {
@@ -2928,7 +2935,7 @@ const nt = [
     ...r
   }
 ), pa = ({ open: r, onOpenChange: e }) => {
-  const { editor: o } = Q();
+  const { editor: o } = te();
   if (!o) return null;
   const n = nt.find(
     ({ color: s }) => o.isActive("textStyle", { color: s })
@@ -2936,7 +2943,7 @@ const nt = [
     ({ color: s }) => o.isActive("highlight", { color: s })
   );
   return /* @__PURE__ */ m(ma, { modal: !0, open: r, onOpenChange: e, children: [
-    /* @__PURE__ */ t(me, { overlay: "文本颜色", placement: "top", children: /* @__PURE__ */ t(Ft, { asChild: !0, children: /* @__PURE__ */ m(Z, { size: "sm", className: "gap-1 rounded-md pr-0", variant: "ghost", children: [
+    /* @__PURE__ */ t(me, { overlay: "文本颜色", placement: "top", children: /* @__PURE__ */ t(Ft, { asChild: !0, children: /* @__PURE__ */ m(ee, { size: "sm", className: "gap-1 rounded-md pr-0", variant: "ghost", children: [
       /* @__PURE__ */ t(
         "span",
         {
@@ -3033,13 +3040,13 @@ function fa(r) {
   }
 }
 const ha = ({ open: r, onOpenChange: e }) => {
-  const o = be(null), { editor: n } = Q();
-  return ae(() => {
+  const o = xe(null), { editor: n } = te();
+  return se(() => {
     var a;
     (a = o.current) == null || a.focus();
   }), n ? /* @__PURE__ */ m(It, { modal: !0, open: r, onOpenChange: e, children: [
     /* @__PURE__ */ t(me, { overlay: "添加链接", placement: "top", children: /* @__PURE__ */ t(an, { asChild: !0, children: /* @__PURE__ */ m(
-      Z,
+      ee,
       {
         size: "sm",
         variant: "ghost",
@@ -3049,7 +3056,7 @@ const ha = ({ open: r, onOpenChange: e }) => {
           /* @__PURE__ */ t(
             "p",
             {
-              className: k(
+              className: C(
                 "underline decoration-stone-400 underline-offset-4",
                 {
                   "text-blue-500": n.isActive("link")
@@ -3083,7 +3090,7 @@ const ha = ({ open: r, onOpenChange: e }) => {
             }
           ),
           n.getAttributes("link").href ? /* @__PURE__ */ t(
-            Z,
+            ee,
             {
               size: "icon",
               variant: "outline",
@@ -3094,15 +3101,15 @@ const ha = ({ open: r, onOpenChange: e }) => {
               },
               children: /* @__PURE__ */ t(ut, { className: "h-4 w-4" })
             }
-          ) : /* @__PURE__ */ t(Z, { size: "icon", className: "h-8", children: /* @__PURE__ */ t(ke, { className: "h-4 w-4" }) })
+          ) : /* @__PURE__ */ t(ee, { size: "icon", className: "h-8", children: /* @__PURE__ */ t(ke, { className: "h-4 w-4" }) })
         ]
       }
     ) })
   ] }) : null;
 }, ba = () => {
-  const { editor: r } = Q();
+  const { editor: r } = te();
   return r ? /* @__PURE__ */ t(me, { overlay: "标记为公式", placement: "top", children: /* @__PURE__ */ t(
-    Z,
+    ee,
     {
       variant: "ghost",
       size: "sm",
@@ -3119,7 +3126,7 @@ const ha = ({ open: r, onOpenChange: e }) => {
       children: /* @__PURE__ */ t(
         ln,
         {
-          className: k("size-4", { "text-blue-500": r.isActive("math") }),
+          className: C("size-4", { "text-blue-500": r.isActive("math") }),
           strokeWidth: 2.3
         }
       )
@@ -3190,7 +3197,7 @@ const ha = ({ open: r, onOpenChange: e }) => {
     isActive: (r) => r.isActive("codeBlock")
   }
 ], xa = ({ open: r, onOpenChange: e }) => {
-  const { editor: o } = Q();
+  const { editor: o } = te();
   if (!o) return null;
   const n = je.filter(
     (a) => a.isActive(o)
@@ -3204,7 +3211,7 @@ const ha = ({ open: r, onOpenChange: e }) => {
       {
         asChild: !0,
         className: "rounded-md border-none hover:bg-accent focus:ring-0 pr-0",
-        children: /* @__PURE__ */ m(Z, { size: "sm", variant: "ghost", children: [
+        children: /* @__PURE__ */ m(ee, { size: "sm", variant: "ghost", children: [
           /* @__PURE__ */ t("span", { className: "whitespace-nowrap text-sm", children: n.name }),
           /* @__PURE__ */ t(mt, {})
         ] })
@@ -3232,14 +3239,14 @@ const ha = ({ open: r, onOpenChange: e }) => {
       ))
     ] })
   ] });
-}, ge = q.forwardRef(
+}, fe = q.forwardRef(
   ({ className: r, orientation: e = "horizontal", decorative: o = !0, ...n }, a) => /* @__PURE__ */ t(
     St.Root,
     {
       ref: a,
       decorative: o,
       orientation: e,
-      className: k(
+      className: C(
         "shrink-0 bg-border",
         e === "horizontal" ? "h-[1px] w-full" : " w-[1px]",
         r
@@ -3248,7 +3255,7 @@ const ha = ({ open: r, onOpenChange: e }) => {
     }
   )
 );
-ge.displayName = St.Root.displayName;
+fe.displayName = St.Root.displayName;
 const ya = () => /* @__PURE__ */ m("div", { className: "flex items-center justify-center gap-0.5", children: [
   /* @__PURE__ */ t("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500 [animation-delay:-0.3s]" }),
   /* @__PURE__ */ t("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500 [animation-delay:-0.15s]" }),
@@ -3257,7 +3264,7 @@ const ya = () => /* @__PURE__ */ m("div", { className: "flex items-center justif
   de.Root,
   {
     ref: n,
-    className: k("relative overflow-hidden", r),
+    className: C("relative overflow-hidden", r),
     ...o,
     children: [
       /* @__PURE__ */ t(de.Viewport, { className: "h-full w-full rounded-[inherit]", children: e }),
@@ -3272,7 +3279,7 @@ const jt = q.forwardRef(({ className: r, orientation: e = "vertical", ...o }, n)
   {
     ref: n,
     orientation: e,
-    className: k(
+    className: C(
       "flex touch-none select-none transition-colors",
       e === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       e === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
@@ -3283,32 +3290,32 @@ const jt = q.forwardRef(({ className: r, orientation: e = "vertical", ...o }, n)
   }
 ));
 jt.displayName = de.ScrollAreaScrollbar.displayName;
-const va = oe.Portal, Xt = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  oe.Overlay,
+const va = ne.Portal, Xt = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+  ne.Overlay,
   {
     ref: o,
-    className: k(
+    className: C(
       "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       r
     ),
     ...e
   }
 ));
-Xt.displayName = oe.Overlay.displayName;
+Xt.displayName = ne.Overlay.displayName;
 const ka = q.forwardRef(({ className: r, children: e, ...o }, n) => /* @__PURE__ */ m(va, { children: [
   /* @__PURE__ */ t(Xt, {}),
   /* @__PURE__ */ m(
-    oe.Content,
+    ne.Content,
     {
       ref: n,
-      className: k(
+      className: C(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         r
       ),
       ...o,
       children: [
         e,
-        /* @__PURE__ */ m(oe.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+        /* @__PURE__ */ m(ne.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
           /* @__PURE__ */ t(cn, { className: "h-4 w-4" }),
           /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
         ] })
@@ -3316,47 +3323,47 @@ const ka = q.forwardRef(({ className: r, children: e, ...o }, n) => /* @__PURE__
     }
   )
 ] }));
-ka.displayName = oe.Content.displayName;
+ka.displayName = ne.Content.displayName;
 const Ca = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  oe.Title,
+  ne.Title,
   {
     ref: o,
-    className: k(
+    className: C(
       "text-lg font-semibold leading-none tracking-tight",
       r
     ),
     ...e
   }
 ));
-Ca.displayName = oe.Title.displayName;
+Ca.displayName = ne.Title.displayName;
 const wa = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  oe.Description,
+  ne.Description,
   {
     ref: o,
-    className: k("text-sm text-muted-foreground", r),
+    className: C("text-sm text-muted-foreground", r),
     ...e
   }
 ));
-wa.displayName = oe.Description.displayName;
+wa.displayName = ne.Description.displayName;
 const Ut = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  W,
+  J,
   {
     ref: o,
-    className: k(
+    className: C(
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
       r
     ),
     ...e
   }
 ));
-Ut.displayName = W.displayName;
+Ut.displayName = J.displayName;
 const Gt = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ m("div", { className: "flex items-center border-b px-4", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ t(Ge, { size: 14, className: "mr-2 shrink-0 text-purple-500 " }),
   /* @__PURE__ */ t(
-    W.Input,
+    J.Input,
     {
       ref: o,
-      className: k(
+      className: C(
         "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         r
       ),
@@ -3364,67 +3371,67 @@ const Gt = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ m("div",
     }
   )
 ] }));
-Gt.displayName = W.Input.displayName;
+Gt.displayName = J.Input.displayName;
 const Na = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  W.List,
+  J.List,
   {
     ref: o,
-    className: k("max-h-[300px] overflow-y-auto overflow-x-hidden", r),
+    className: C("max-h-[300px] overflow-y-auto overflow-x-hidden", r),
     ...e
   }
 ));
-Na.displayName = W.List.displayName;
+Na.displayName = J.List.displayName;
 const Ia = q.forwardRef((r, e) => /* @__PURE__ */ t(
-  W.Empty,
+  J.Empty,
   {
     ref: e,
     className: "py-6 text-center text-sm",
     ...r
   }
 ));
-Ia.displayName = W.Empty.displayName;
+Ia.displayName = J.Empty.displayName;
 const Ne = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  W.Group,
+  J.Group,
   {
     ref: o,
-    className: k(
+    className: C(
       "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       r
     ),
     ...e
   }
 ));
-Ne.displayName = W.Group.displayName;
+Ne.displayName = J.Group.displayName;
 const Qe = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  W.Separator,
+  J.Separator,
   {
     ref: o,
-    className: k("-mx-1 h-px bg-border", r),
+    className: C("-mx-1 h-px bg-border", r),
     ...e
   }
 ));
-Qe.displayName = W.Separator.displayName;
-const fe = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  W.Item,
+Qe.displayName = J.Separator.displayName;
+const he = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+  J.Item,
   {
     ref: o,
-    className: k(
+    className: C(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50",
       r
     ),
     ...e
   }
 ));
-fe.displayName = W.Item.displayName;
+he.displayName = J.Item.displayName;
 const Sa = ({
   completion: r,
   onDiscard: e
 }) => {
-  const { editor: o } = Q();
+  const { editor: o } = te();
   return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ m(Ne, { children: [
       /* @__PURE__ */ m(
-        fe,
+        he,
         {
           className: "gap-2 px-4",
           value: "replace",
@@ -3445,7 +3452,7 @@ const Sa = ({
         }
       ),
       /* @__PURE__ */ m(
-        fe,
+        he,
         {
           className: "gap-2 px-4",
           value: "insert",
@@ -3461,7 +3468,7 @@ const Sa = ({
       )
     ] }),
     /* @__PURE__ */ t(Qe, {}),
-    /* @__PURE__ */ t(Ne, { children: /* @__PURE__ */ m(fe, { onSelect: e, value: "thrash", className: "gap-2 px-4", children: [
+    /* @__PURE__ */ t(Ne, { children: /* @__PURE__ */ m(he, { onSelect: e, value: "thrash", className: "gap-2 px-4", children: [
       /* @__PURE__ */ t(un, { className: "h-4 w-4 text-muted-foreground" }),
       "丢弃"
     ] }) })
@@ -3492,12 +3499,12 @@ const Sa = ({
     icon: hn
   }
 ], Ma = ({ onSelect: r }) => {
-  const { editor: e } = Q();
+  const { editor: e } = te();
   return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ m(Ne, { heading: "编辑或校对选中文本", children: [
       "  ",
       Ta.map((o) => /* @__PURE__ */ m(
-        fe,
+        he,
         {
           onSelect: (n) => {
             const a = e.state.selection.content(), s = e.storage.markdown.serializer.serialize(
@@ -3519,7 +3526,7 @@ const Sa = ({
     /* @__PURE__ */ m(Ne, { heading: "使用 AI 完成更多", children: [
       "  ",
       /* @__PURE__ */ m(
-        fe,
+        he,
         {
           onSelect: () => {
             const o = e.state.selection.from, n = Ar(e, o);
@@ -3537,7 +3544,7 @@ const Sa = ({
   ] });
 };
 function La({ onOpenChange: r, options: e }) {
-  const { editor: o } = Q(), [n, a] = _(""), { completion: s, complete: i, isLoading: d } = Nn({
+  const { editor: o } = te(), [n, a] = O(""), { completion: s, complete: i, isLoading: d } = Nn({
     // id: "novel",
     api: "/api/generate",
     onResponse: (x) => {
@@ -3571,7 +3578,7 @@ function La({ onOpenChange: r, options: e }) {
           }
         ),
         /* @__PURE__ */ t(
-          Z,
+          ee,
           {
             size: "icon",
             className: "absolute right-2 top-1/2 h-6 w-6 -translate-y-1/2 rounded-full bg-purple-500 hover:bg-purple-900",
@@ -3615,8 +3622,8 @@ const Aa = ({
   enableAI: n = !1,
   aiOptions: a
 }) => {
-  const { editor: s } = Q();
-  return ae(() => {
+  const { editor: s } = te();
+  return se(() => {
     e || Rr(s);
   }, [e]), /* @__PURE__ */ m(
     Pr,
@@ -3639,7 +3646,7 @@ const Aa = ({
         ),
         !e && /* @__PURE__ */ m(oo, { children: [
           n && /* @__PURE__ */ m(
-            Z,
+            ee,
             {
               className: "gap-1 text-purple-500",
               variant: "ghost",
@@ -3686,7 +3693,7 @@ const Aa = ({
   onUpload: Da,
   validateFn: (r) => r.type.includes("image/") ? r.size / 1024 / 1024 > 20 ? (we.error("File size too big (max 20MB)."), !1) : !0 : (we.error("File type not supported."), !1)
 }), Pa = () => {
-  const { editor: r } = Q();
+  const { editor: r } = te();
   return r ? /* @__PURE__ */ t("div", { className: "flex", children: [
     {
       name: "粗体",
@@ -3730,7 +3737,7 @@ const Aa = ({
         o.command(n);
       },
       children: /* @__PURE__ */ t(me, { overlay: o.name, placement: "top", children: /* @__PURE__ */ t(
-        Z,
+        ee,
         {
           size: "sm",
           className: "rounded-md",
@@ -3739,7 +3746,7 @@ const Aa = ({
           children: /* @__PURE__ */ t(
             o.icon,
             {
-              className: k("h-4 w-4", {
+              className: C("h-4 w-4", {
                 "text-blue-500": o.isActive(r)
               })
             }
@@ -3877,7 +3884,7 @@ const Aa = ({
     De.Item,
     {
       onClick: i.onClick,
-      className: k(
+      className: C(
         "gap-2 !p-1.5 text-sm hover:bg-accent focus:ring-0 rounded-md cursor-pointer",
         i.className
       ),
@@ -3895,9 +3902,9 @@ const Aa = ({
       De.SubMenu,
       {
         expandIcon: /* @__PURE__ */ t(wo, { size: 16 }),
-        popupClassName: k(
+        popupClassName: C(
           "!rounded-lg border border-muted bg-background shadow-xl !p-2 min-w-48 !m-0 z-[1080]",
-          b`
+          h`
             .rc-menu {
               border: none !important;
               box-shadow: none !important;
@@ -3905,9 +3912,9 @@ const Aa = ({
           `
         ),
         popupOffset: [4, 0],
-        className: k(
+        className: C(
           "gap-2 !p-0 text-sm hover:bg-accent focus:ring-0 rounded-md cursor-pointer",
-          b`
+          h`
             .rc-menu-submenu-title {
               display: flex;
               align-items: center;
@@ -3939,9 +3946,9 @@ const Aa = ({
       overlay: /* @__PURE__ */ t(
         De,
         {
-          className: k(
+          className: C(
             "!rounded-lg border border-muted bg-background shadow-xl !p-2 min-w-48 !m-0",
-            b`
+            h`
               .rc-menu-submenu-active {
                 .rc-menu-submenu-title {
                   background-color: hsl(var(--accent)) !important;
@@ -3960,10 +3967,10 @@ const Aa = ({
 });
 Yt.displayName = "DropdownMenu";
 const Ea = ({ children: r, ...e }) => {
-  const { editor: o } = Q(), n = () => {
-    o && o.state.selection instanceof J && (o.commands.deleteSelection(), o.commands.focus());
+  const { editor: o } = te(), n = () => {
+    o && o.state.selection instanceof Q && (o.commands.deleteSelection(), o.commands.focus());
   }, a = () => {
-    if (o && o.state.selection instanceof J) {
+    if (o && o.state.selection instanceof Q) {
       const d = o.state.selection.node, p = o.state.selection.to;
       o.chain().insertContentAt(p, {
         type: d.type.name,
@@ -3976,7 +3983,7 @@ const Ea = ({ children: r, ...e }) => {
     icon: /* @__PURE__ */ t(d.icon, { size: 16 }),
     label: d.name,
     onClick: () => {
-      o && o.state.selection instanceof J && d.command(o);
+      o && o.state.selection instanceof Q && d.command(o);
     },
     isActive: d.isActive(o)
   }));
@@ -4004,7 +4011,7 @@ const Ea = ({ children: r, ...e }) => {
     }
   ], ...e, children: r });
 }, $a = () => {
-  const { editor: r } = Q(), e = (o) => {
+  const { editor: r } = te(), e = (o) => {
     if (!r) return;
     const n = o.target.closest(".custom-drag-handle");
     if (!n) return;
@@ -4017,9 +4024,9 @@ const Ea = ({ children: r, ...e }) => {
   return /* @__PURE__ */ m(
     "div",
     {
-      className: k(
+      className: C(
         "custom-drag-handle",
-        b`
+        h`
           width: auto;
           background: none;
           display: flex;
@@ -4036,7 +4043,7 @@ const Ea = ({ children: r, ...e }) => {
               /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "以在下方添加快" })
             ] }),
             children: /* @__PURE__ */ t(
-              Z,
+              ee,
               {
                 size: "icon",
                 variant: "ghost",
@@ -4055,7 +4062,7 @@ const Ea = ({ children: r, ...e }) => {
               "拖动",
               /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "以移动" })
             ] }) }),
-            children: /* @__PURE__ */ t(Z, { size: "icon", variant: "ghost", className: "w-auto h-auto p-0.5", children: /* @__PURE__ */ t(To, { size: 22 }) })
+            children: /* @__PURE__ */ t(ee, { size: "icon", variant: "ghost", className: "w-auto h-auto p-0.5", children: /* @__PURE__ */ t(To, { size: 22 }) })
           }
         ) })
       ]
@@ -4074,33 +4081,33 @@ const Ea = ({ children: r, ...e }) => {
     editorRef: x,
     enableAI: l = !1,
     aiOptions: c
-  } = r, [f, v] = _(
+  } = r, [g, v] = O(
     o
-  ), [D, h] = _("Saved"), [g, S] = _(), [y, I] = _(!1), [u, M] = _(!1), [L, N] = _(!1), [w, H] = _(!1), G = (A) => {
-    const j = new DOMParser().parseFromString(A, "text/html");
-    return j.querySelectorAll("pre code").forEach((E) => {
-      In.highlightElement(E);
-    }), new XMLSerializer().serializeToString(j);
-  }, X = Yr(
-    async (A) => {
-      const j = A.getJSON();
-      S(A.storage.characterCount.words()), n == null || n(j), s && (window.localStorage.setItem(
+  ), [D, b] = O("Saved"), [f, I] = O(), [y, N] = O(!1), [u, S] = O(!1), [U, j] = O(!1), [k, L] = O(!1), E = (M) => {
+    const X = new DOMParser().parseFromString(M, "text/html");
+    return X.querySelectorAll("pre code").forEach(($) => {
+      In.highlightElement($);
+    }), new XMLSerializer().serializeToString(X);
+  }, A = Yr(
+    async (M) => {
+      const X = M.getJSON();
+      I(M.storage.characterCount.words()), n == null || n(X), s && (window.localStorage.setItem(
         "html-content",
-        G(A.getHTML())
-      ), window.localStorage.setItem(a, JSON.stringify(j)), window.localStorage.setItem(
+        E(M.getHTML())
+      ), window.localStorage.setItem(a, JSON.stringify(X)), window.localStorage.setItem(
         "markdown",
-        A.storage.markdown.getMarkdown()
-      ), h("Saved"));
+        M.storage.markdown.getMarkdown()
+      ), b("Saved"));
     },
     500
-  ), se = he(() => {
+  ), V = be(() => {
     if (!p) return Ra;
     const {
-      beforeUpload: A,
-      maxSize: j,
-      action: E,
-      headers: K,
-      method: ee,
+      beforeUpload: M,
+      maxSize: X,
+      action: $,
+      headers: Z,
+      method: oe,
       name: $e,
       onSuccess: Se,
       onError: Te
@@ -4109,56 +4116,56 @@ const Ea = ({ children: r, ...e }) => {
       onUpload: (ie) => {
         const Me = new FormData();
         Me.append($e || "file", ie);
-        const He = fetch(E, {
-          method: ee || "POST",
+        const He = fetch($, {
+          method: oe || "POST",
           headers: {
-            ...K
+            ...Z
           },
           body: Me
         });
-        return new Promise((xe, C) => {
+        return new Promise((ye, w) => {
           He.then(async (B) => {
             if (Se) {
               const z = await B.json();
-              xe(Se(z));
+              ye(Se(z));
               return;
             }
             if (B.status === 200) {
               const { url: z } = await B.json(), T = new Image();
               T.src = z, T.onload = () => {
-                xe(z);
+                ye(z);
               };
-            } else throw B.status === 401 ? (xe(ie), new Error(
+            } else throw B.status === 401 ? (ye(ie), new Error(
               "`BLOB_READ_WRITE_TOKEN` environment variable not found, reading image locally instead."
             )) : new Error("Error uploading image. Please try again.");
           }).catch((B) => {
-            Te && Te(B), C(B);
+            Te && Te(B), w(B);
           });
         });
       },
-      validateFn: (ie) => A ? A(ie) : ie.type.includes("image/") ? j && ie.size > j ? (console.error("File size too big (max 20MB)."), !1) : !0 : (console.error("File type not supported."), !1)
+      validateFn: (ie) => M ? M(ie) : ie.type.includes("image/") ? X && ie.size > X ? (console.error("File size too big (max 20MB)."), !1) : !0 : (console.error("File type not supported."), !1)
     });
   }, [p]);
-  if (ae(() => {
+  if (se(() => {
     if (!s) return;
-    const A = window.localStorage.getItem(a);
-    v(A ? JSON.parse(A) : za);
-  }, [a, s]), !f) return null;
-  const re = [
+    const M = window.localStorage.getItem(a);
+    v(M ? JSON.parse(M) : za);
+  }, [a, s]), !g) return null;
+  const Y = [
     ...Ot,
     Ba({
-      uploadFn: se
+      uploadFn: V
     })
   ];
-  return /* @__PURE__ */ m("div", { className: k("relative w-full max-w-screen-lg", e), children: [
+  return /* @__PURE__ */ m("div", { className: C("relative w-full max-w-screen-lg", e), children: [
     (s && i || d) && /* @__PURE__ */ m("div", { className: "flex absolute right-5 top-5 z-10 mb-5 gap-2", children: [
       s && i && /* @__PURE__ */ t("div", { className: "rounded-lg bg-accent px-2 py-1 text-sm text-muted-foreground", children: D }),
       d && /* @__PURE__ */ m(
         "div",
         {
-          className: g ? "rounded-lg bg-accent px-2 py-1 text-sm text-muted-foreground" : "hidden",
+          className: f ? "rounded-lg bg-accent px-2 py-1 text-sm text-muted-foreground" : "hidden",
           children: [
-            g,
+            f,
             " Words"
           ]
         }
@@ -4167,66 +4174,66 @@ const Ea = ({ children: r, ...e }) => {
     /* @__PURE__ */ t($r, { children: /* @__PURE__ */ m(
       Hr,
       {
-        onCreate: ({ editor: A }) => {
-          x && (x.current = A);
+        onCreate: ({ editor: M }) => {
+          x && (x.current = M);
         },
-        initialContent: f,
-        extensions: re,
+        initialContent: g,
+        extensions: Y,
         className: "relative min-h-[500px] w-full max-w-screen-lg border-muted bg-background sm:mb-[calc(20vh)] sm:rounded-lg sm:border sm:shadow-lg editor-content",
         editorProps: {
           handleDOMEvents: {
-            keydown: (A, j) => _r(j)
+            keydown: (M, X) => _r(X)
           },
-          handlePaste: (A, j) => Fr(A, j, se),
-          handleDrop: (A, j, E, K) => Or(A, j, K, se),
+          handlePaste: (M, X) => Fr(M, X, V),
+          handleDrop: (M, X, $, Z) => Or(M, X, Z, V),
           attributes: {
             class: "prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full"
           }
         },
-        onUpdate: ({ editor: A }) => {
-          X(A), h("Unsaved");
+        onUpdate: ({ editor: M }) => {
+          A(M), b("Unsaved");
         },
         slotAfter: /* @__PURE__ */ t(qr, {}),
         children: [
           /* @__PURE__ */ m(jr, { className: "z-50 h-auto max-h-[330px] overflow-y-auto rounded-md border border-muted bg-background px-1 py-2 shadow-md transition-all", children: [
             /* @__PURE__ */ t(Xr, { className: "px-2 text-muted-foreground", children: "没有结果" }),
             /* @__PURE__ */ t(Ur, { children: qt({
-              uploadFn: se
-            }).map((A) => /* @__PURE__ */ m(
+              uploadFn: V
+            }).map((M) => /* @__PURE__ */ m(
               Gr,
               {
-                value: A.title,
-                onCommand: (j) => A.command(j),
+                value: M.title,
+                onCommand: (X) => M.command(X),
                 className: "flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm hover:bg-accent aria-selected:bg-accent",
                 children: [
-                  /* @__PURE__ */ t("div", { className: "flex h-10 w-10 items-center justify-center rounded-md border border-muted bg-background", children: A.icon }),
+                  /* @__PURE__ */ t("div", { className: "flex h-10 w-10 items-center justify-center rounded-md border border-muted bg-background", children: M.icon }),
                   /* @__PURE__ */ m("div", { children: [
-                    /* @__PURE__ */ t("p", { className: "font-medium", children: A.title }),
-                    /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: A.description })
+                    /* @__PURE__ */ t("p", { className: "font-medium", children: M.title }),
+                    /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: M.description })
                   ] })
                 ]
               },
-              A.title
+              M.title
             )) })
           ] }),
           /* @__PURE__ */ m(
             Aa,
             {
-              open: w,
-              onOpenChange: H,
+              open: k,
+              onOpenChange: L,
               enableAI: l,
               aiOptions: c,
               children: [
-                l && /* @__PURE__ */ t(ge, { orientation: "vertical" }),
-                /* @__PURE__ */ t(xa, { open: y, onOpenChange: I }),
-                /* @__PURE__ */ t(ge, { orientation: "vertical" }),
-                /* @__PURE__ */ t(ha, { open: L, onOpenChange: N }),
-                /* @__PURE__ */ t(ge, { orientation: "vertical" }),
+                l && /* @__PURE__ */ t(fe, { orientation: "vertical" }),
+                /* @__PURE__ */ t(xa, { open: y, onOpenChange: N }),
+                /* @__PURE__ */ t(fe, { orientation: "vertical" }),
+                /* @__PURE__ */ t(ha, { open: U, onOpenChange: j }),
+                /* @__PURE__ */ t(fe, { orientation: "vertical" }),
                 /* @__PURE__ */ t(ba, {}),
-                /* @__PURE__ */ t(ge, { orientation: "vertical" }),
+                /* @__PURE__ */ t(fe, { orientation: "vertical" }),
                 /* @__PURE__ */ t(Pa, {}),
-                /* @__PURE__ */ t(ge, { orientation: "vertical" }),
-                /* @__PURE__ */ t(pa, { open: u, onOpenChange: M })
+                /* @__PURE__ */ t(fe, { orientation: "vertical" }),
+                /* @__PURE__ */ t(pa, { open: u, onOpenChange: S })
               ]
             }
           ),
@@ -4236,7 +4243,7 @@ const Ea = ({ children: r, ...e }) => {
     ) })
   ] });
 }, Oa = ({ json: r }) => {
-  const e = he(() => Tn(r ?? {}, Ot), [r]);
+  const e = be(() => Tn(r ?? {}, Ot), [r]);
   return /* @__PURE__ */ t("div", { className: "tiptap ProseMirror prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full", children: /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e } }) });
 }, Vt = Ha;
 Vt.Preview = Oa;
@@ -4254,7 +4261,7 @@ const As = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Editor: Vt,
   Markdown: $t,
   MdEditor: Ht,
-  SortableUtils: V,
+  SortableUtils: K,
   desktopAppConfig: Ve,
   desktopConfigMap: Be,
   desktopGroupConfig: Lt,
@@ -4275,7 +4282,7 @@ export {
   Vt as Editor,
   $t as Markdown,
   Ht as MdEditor,
-  V as SortableUtils,
+  K as SortableUtils,
   As as default,
   Ve as desktopAppConfig,
   Be as desktopConfigMap,