zs_library 0.4.14 → 0.4.15

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { Desktop, DesktopSortable, DesktopSortableConfigProvider, DesktopSortableStateProvider, desktopAppConfig, desktopGroupConfig, desktopConfigMap, desktopThemeLight, desktopThemeDark, SortableUtils, MdEditor, Markdown, Dock, Editor, } from './components';
-export type { DesktopSortableProps, DesktopSortableConfigProviderProps, DesktopSortableStateProviderProps, DesktopSortItemBaseConfig, DesktopSortItem, DesktopSortItemBaseData, DesktopTheme, } from './components';
+export { Desktop, DesktopSortable, DesktopSortableConfigProvider, DesktopSortableStateProvider, desktopAppConfig, desktopGroupConfig, desktopConfigMap, desktopThemeLight, desktopThemeDark, SortableUtils, Dock, DockDesktop, DockDesktopItem, DockMobile, DockMobileItem, useDockDesktopMouseX, MdEditor, Markdown, Editor, } from './components';
+export type { DesktopSortableProps, DesktopSortableConfigProviderProps, DesktopSortableStateProviderProps, DesktopSortItemBaseConfig, DesktopSortItem, DesktopSortItemBaseData, DesktopTheme, DockDesktopItemProps, DockMobileItemProps, } from './components';
 import * as Components from "./components";
 export default Components;

package/dist/index.js

@@ -7,14 +7,15 @@ import { initReactI18next as Wt } from "react-i18next";
 import { jsx as t, jsxs as m, Fragment as me } from "react/jsx-runtime";
 import { cx as y, css as g } from "@emotion/css";
 import * as G from "react";
-import { createContext as ot, useMemo as fe, useContext as rt, useState as H, useRef as he, useEffect as se, Fragment as Kt, forwardRef as Jt } from "react";
+import { createContext as ot, useMemo as fe, useContext as rt, useState as H, useRef as he, useEffect as ie, Fragment as Kt, forwardRef as Jt } from "react";
 import Zt from "react-slick";
 import { ReactSortable as $e } from "react-sortablejs";
 import { AnimatePresence as He, motion as D, useMotionValue as nt, useTransform as xe, useSpring as Te } from "framer-motion";
+import { useMotionValue as Ms } from "framer-motion";
 import { useLocalStorageState as Qt, useDebounceEffect as eo } from "ahooks";
 import { v4 as Je } from "uuid";
 import at from "rc-tooltip";
-import { RiPencilRuler2Line as to, RiShareLine as oo, RiInformationLine as ro, RiCloseCircleLine as no, RiArrowUpDownLine as ao, RiArrowLeftRightLine as io, RiArrowRightLine as so, RiArrowLeftLine as lo, RiCloseLine as co, RiZoomOutLine as mo, RiZoomInLine as uo, RiClockwise2Line as po, RiAnticlockwise2Line as go, RiMoreLine as fo, RiArrowDropDownLine as it, RiCheckLine as ye, RiLink as ho, RiDeleteBinLine as st, RiText as lt, RiH1 as ct, RiH2 as dt, RiH3 as mt, RiListCheck as ut, RiListUnordered as pt, RiListOrdered as gt, RiQuoteText as ft, RiCodeLine as ht, RiSparklingFill as Oe, RiImageLine as bo, RiArrowRightSLine as xo, RiRepeatLine as yo, RiFileCopyLine as vo, RiAddLine as ko, RiDraggable as Co } from "@remixicon/react";
+import { RiPencilRuler2Line as to, RiShareLine as oo, RiInformationLine as ro, RiCloseCircleLine as no, RiArrowUpDownLine as ao, RiArrowLeftRightLine as so, RiArrowRightLine as io, RiArrowLeftLine as lo, RiCloseLine as co, RiZoomOutLine as mo, RiZoomInLine as uo, RiClockwise2Line as po, RiAnticlockwise2Line as go, RiMoreLine as fo, RiArrowDropDownLine as st, RiCheckLine as ye, RiLink as ho, RiDeleteBinLine as it, RiText as lt, RiH1 as ct, RiH2 as dt, RiH3 as mt, RiListCheck as ut, RiListUnordered as pt, RiListOrdered as gt, RiQuoteText as ft, RiCodeLine as ht, RiSparklingFill as Oe, RiImageLine as bo, RiArrowRightSLine as xo, RiRepeatLine as yo, RiFileCopyLine as vo, RiAddLine as ko, RiDraggable as Co } from "@remixicon/react";
 import bt from "rc-dialog";
 import wo from "react-json-view";
 import { AdmonitionDirectiveDescriptor as No, MDXEditor as Io, toolbarPlugin as So, diffSourcePlugin as To, listsPlugin as Mo, quotePlugin as Lo, headingsPlugin as Ao, linkPlugin as Do, linkDialogPlugin as Ro, imagePlugin as Po, tablePlugin as Bo, thematicBreakPlugin as zo, frontmatterPlugin as Eo, codeBlockPlugin as $o, codeMirrorPlugin as Ho, markdownShortcutPlugin as Oo, directivesPlugin as Fo, DiffSourceToggleWrapper as _o, UndoRedo as jo, Separator as le, BoldItalicUnderlineToggles as Xo, CodeToggle as Uo, StrikeThroughSupSubToggles as Go, ListsToggle as qo, CreateLink as Yo, InsertImage as Vo, InsertTable as Wo, InsertThematicBreak as Ko, InsertCodeBlock as Jo, InsertFrontmatter as Zo } from "@mdxeditor/editor";
@@ -26,8 +27,8 @@ import { Prism as or } from "react-syntax-highlighter";
 import { oneLight as rr } from "react-syntax-highlighter/dist/esm/styles/prism";
 import nr from "rc-image";
 import { clsx as ar } from "clsx";
-import { twMerge as ir } from "tailwind-merge";
-import { Placeholder as sr, TiptapLink as lr, TiptapImage as cr, UploadImagesPlugin as dr, UpdatedImage as mr, TaskList as ur, TaskItem as pr, HorizontalRule as gr, StarterKit as fr, CodeBlockLowlight as hr, Mathematics as br, CharacterCount as xr, AIHighlight as yr, TiptapUnderline as vr, HighlightExtension as kr, TextStyle as Cr, Color as wr, CustomKeymap as Nr, useEditor as Q, EditorBubbleItem as Ae, getPrevText as Ir, addAIHighlight as Sr, removeAIHighlight as Tr, EditorBubble as Mr, createImageUpload as yt, Command as Lr, createSuggestionItems as Ar, renderItems as Dr, EditorRoot as Rr, EditorContent as Pr, handleImageDrop as Br, handleImagePaste as zr, handleCommandNavigation as Er, EditorCommand as $r, EditorCommandEmpty as Hr, EditorCommandList as Or, EditorCommandItem as Fr, ImageResizer as _r } from "novel";
+import { twMerge as sr } from "tailwind-merge";
+import { Placeholder as ir, TiptapLink as lr, TiptapImage as cr, UploadImagesPlugin as dr, UpdatedImage as mr, TaskList as ur, TaskItem as pr, HorizontalRule as gr, StarterKit as fr, CodeBlockLowlight as hr, Mathematics as br, CharacterCount as xr, AIHighlight as yr, TiptapUnderline as vr, HighlightExtension as kr, TextStyle as Cr, Color as wr, CustomKeymap as Nr, useEditor as Q, EditorBubbleItem as Ae, getPrevText as Ir, addAIHighlight as Sr, removeAIHighlight as Tr, EditorBubble as Mr, createImageUpload as yt, Command as Lr, createSuggestionItems as Ar, renderItems as Dr, EditorRoot as Rr, EditorContent as Pr, handleImageDrop as Br, handleImagePaste as zr, handleCommandNavigation as Er, EditorCommand as $r, EditorCommandEmpty as Hr, EditorCommandList as Or, EditorCommandItem as Fr, ImageResizer as _r } from "novel";
 import { useDebouncedCallback as jr } from "use-debounce";
 import { Markdown as Xr } from "tiptap-markdown";
 import { cx as q, cva as Ur } from "class-variance-authority";
@@ -56,8 +57,8 @@ function wn(r, e) {
     if (typeof a != "string" && !Array.isArray(a)) {
       for (const n in a)
         if (n !== "default" && !(n in r)) {
-          const i = Object.getOwnPropertyDescriptor(a, n);
-          i && Object.defineProperty(r, n, i.get ? i : {
+          const s = Object.getOwnPropertyDescriptor(a, n);
+          s && Object.defineProperty(r, n, s.get ? s : {
             enumerable: !0,
             get: () => a[n]
           });
@@ -172,9 +173,9 @@ const Fe = {
 class Y {
 }
 /** 清理重复id */
-Se(Y, "uniqueArray", (e) => e.reduce((o, a) => o.find((i) => i.id === a.id) ? o : o.concat([a]), [])), Se(Y, "getTheme", (e) => {
-  const o = Fe.token, a = _e.token, n = { ...o, ...e == null ? void 0 : e.token }, i = { ...a, ...e == null ? void 0 : e.token };
-  return { light: n, dark: i };
+Se(Y, "uniqueArray", (e) => e.reduce((o, a) => o.find((s) => s.id === a.id) ? o : o.concat([a]), [])), Se(Y, "getTheme", (e) => {
+  const o = Fe.token, a = _e.token, n = { ...o, ...e == null ? void 0 : e.token }, s = { ...a, ...e == null ? void 0 : e.token };
+  return { light: n, dark: s };
 }), Se(Y, "quickJSONCheck", (e) => {
   if (typeof e != "string" || e.trim() === "") return !1;
   if (!/^\s*(\{.*\}|\[.*\])\s*$/.test(e))
@@ -226,8 +227,8 @@ const It = ot({
     list: o = [],
     onChange: a,
     storageKey: n = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
-    enableCaching: i = !0
-  } = r, [s, c] = H(), [p, k] = H(), [l, d] = H(null), b = he(l), [x, A] = H(null), [f, h] = H([]), [w, v] = H(
+    enableCaching: s = !0
+  } = r, [i, c] = H(), [p, k] = H(), [l, d] = H(null), b = he(l), [x, A] = H(null), [f, h] = H([]), [w, v] = H(
     null
   ), [I, u] = H(
     null
@@ -237,9 +238,9 @@ const It = ot({
     defaultValue: [],
     listenStorageChange: !0
   }), O = () => {
-    A(null), clearTimeout(s), c(void 0), b.current = null;
+    A(null), clearTimeout(i), c(void 0), b.current = null;
   }, B = (M, U) => {
-    A({ ...M, pageX: M.pageX, pageY: M.pageY, data: U }), clearTimeout(s);
+    A({ ...M, pageX: M.pageX, pageY: M.pageY, data: U }), clearTimeout(i);
   }, W = (M, U = !0) => {
     const { config: F = {} } = M;
     return F.allowContextMenu === !1 ? {} : {
@@ -255,7 +256,7 @@ const It = ot({
         );
       },
       onMouseUp: () => {
-        clearTimeout(p), k(void 0), clearTimeout(s), c(void 0);
+        clearTimeout(p), k(void 0), clearTimeout(i), c(void 0);
       },
       onContextMenu: (E) => {
         U && (E.preventDefault(), B(E, M));
@@ -328,7 +329,7 @@ const It = ot({
       };
       return E(F), a == null || a(F), F;
     });
-  }, ie = (M, U) => {
+  }, se = (M, U) => {
     const F = [...f], E = (P, z) => {
       const L = z.shift(), $ = P.find((ee) => ee.id === L), j = P.findIndex((ee) => ee.id === L);
       if ($) {
@@ -351,17 +352,17 @@ const It = ot({
     };
     h(E(F, U));
   };
-  return se(() => {
+  return ie(() => {
     (o == null ? void 0 : o.length) > 0 && f.length === 0 && re(o);
-  }, [o]), se(() => {
+  }, [o]), ie(() => {
     b.current = l, l !== null && O();
-  }, [l]), se(() => {
-    i && oe != null && oe.length && !_ && (re(oe), ae(!0));
-  }, [oe, _, i]), eo(
+  }, [l]), ie(() => {
+    s && oe != null && oe.length && !_ && (re(oe), ae(!0));
+  }, [oe, _, s]), eo(
     () => {
-      i && S(f);
+      s && S(f);
     },
-    [f, i],
+    [f, s],
     {
       wait: 1e3
     }
@@ -385,7 +386,7 @@ const It = ot({
         updateItemConfig: Pe,
         updateItem: Ne,
         removeItem: Ie,
-        addItem: ie,
+        addItem: se,
         moveItemId: N,
         setMoveItemId: C,
         moveTargetId: X,
@@ -402,15 +403,15 @@ const It = ot({
   },
   menuHide: { opacity: 0, y: 20, transition: { duration: 0.2 } }
 }, Be = (r) => {
-  const { icon: e, title: o, onClick: a } = r, { theme: n } = ue(), { light: i, dark: s } = Y.getTheme(n);
+  const { icon: e, title: o, onClick: a } = r, { theme: n } = ue(), { light: s, dark: i } = Y.getTheme(n);
   return /* @__PURE__ */ t(
     D.div,
     {
       className: g`
         &:hover {
-          background-color: ${i.contextMenuActiveColor};
+          background-color: ${s.contextMenuActiveColor};
           @media (prefers-color-scheme: dark) {
-            background-color: ${s.contextMenuActiveColor};
+            background-color: ${i.contextMenuActiveColor};
           }
         }
         @media (prefers-color-scheme: dark) {
@@ -467,8 +468,8 @@ const It = ot({
     showRemoveButton: o = !0,
     showShareButton: a = !0,
     showSizeButton: n = !0,
-    onInfoClick: i,
-    onShareClick: s,
+    onInfoClick: s,
+    onShareClick: i,
     onRemoveClick: c
   } = r, {
     contextMenu: p,
@@ -648,8 +649,8 @@ const It = ot({
                   icon: /* @__PURE__ */ t(oo, { size: 20 }),
                   title: "分享",
                   onClick: () => {
-                    if (s) {
-                      s(p.data);
+                    if (i) {
+                      i(p.data);
                       return;
                     }
                   }
@@ -661,8 +662,8 @@ const It = ot({
                   icon: /* @__PURE__ */ t(ro, { size: 20 }),
                   title: "信息",
                   onClick: () => {
-                    if (i) {
-                      i(p.data);
+                    if (s) {
+                      s(p.data);
                       return;
                     }
                     d({
@@ -694,7 +695,7 @@ const It = ot({
     }
   ) });
 }, Ln = (r) => {
-  const { data: e, noLetters: o = !1 } = r, { contextMenuFuns: a } = be(), { itemIconBuilder: n, theme: i, contextMenu: s } = ue(), { light: c, dark: p } = Y.getTheme(i), { data: k = {} } = e, { name: l } = k;
+  const { data: e, noLetters: o = !1 } = r, { contextMenuFuns: a } = be(), { itemIconBuilder: n, theme: s, contextMenu: i } = ue(), { light: c, dark: p } = Y.getTheme(s), { data: k = {} } = e, { name: l } = k;
   return /* @__PURE__ */ m(me, { children: [
     /* @__PURE__ */ t(
       D.div,
@@ -728,7 +729,7 @@ const It = ot({
               color: ${p.itemNameColor};
             }
           `,
-            ...a(e, s !== !1),
+            ...a(e, i !== !1),
             children: n == null ? void 0 : n(e)
           }
         )
@@ -761,8 +762,8 @@ const It = ot({
     className: o,
     itemIndex: a,
     onClick: n,
-    disabledDrag: i = !1,
-    children: s,
+    disabledDrag: s = !1,
+    children: i,
     parentIds: c,
     childrenLength: p
   } = r, { contextMenu: k, setContextMenu: l } = be(), { contextMenu: d } = ue();
@@ -792,8 +793,8 @@ const It = ot({
           "data-parent-ids": c == null ? void 0 : c.join(","),
           "data-children-length": p,
           onClick: () => n == null ? void 0 : n(e),
-          className: y(i && "drag-disabled", o),
-          children: s ?? /* @__PURE__ */ t(Ln, { ...r })
+          className: y(s && "drag-disabled", o),
+          children: i ?? /* @__PURE__ */ t(Ln, { ...r })
         }
       )
     }
@@ -804,8 +805,8 @@ const It = ot({
     className: o,
     parentIds: a,
     itemIndex: n,
-    onClick: i,
-    noLetters: s = !1
+    onClick: s,
+    noLetters: i = !1
   } = r, {
     contextMenuFuns: c,
     setList: p,
@@ -850,7 +851,7 @@ const It = ot({
             `
           ),
           onClick: (B) => {
-            B.stopPropagation(), i == null || i(e);
+            B.stopPropagation(), s == null || s(e);
           },
           children: f == null ? void 0 : f(e)
         }
@@ -881,7 +882,7 @@ const It = ot({
                 `
               ),
               onClick: (W) => {
-                W.stopPropagation(), i == null || i(B);
+                W.stopPropagation(), s == null || s(B);
               },
               children: f == null ? void 0 : f(B)
             },
@@ -923,7 +924,7 @@ const It = ot({
                     `
               ),
               onClick: (re) => {
-                W > 2 || (re.stopPropagation(), i == null || i(B));
+                W > 2 || (re.stopPropagation(), s == null || s(B));
               },
               children: f == null ? void 0 : f(B)
             },
@@ -964,7 +965,7 @@ const It = ot({
                     `
               ),
               onClick: (re) => {
-                W > 2 || (re.stopPropagation(), i == null || i(B));
+                W > 2 || (re.stopPropagation(), s == null || s(B));
               },
               children: f == null ? void 0 : f(B)
             },
@@ -1077,7 +1078,7 @@ const It = ot({
               color: ${I.itemNameColor};
             }
           `,
-              s && g`
+              i && g`
               color: transparent;
             `
             ),
@@ -1104,13 +1105,13 @@ const It = ot({
 `, Dn = (r) => {
   const { data: e, onClose: o, onItemClick: a } = r, {
     list: n,
-    setList: i,
-    setListStatus: s,
+    setList: s,
+    setListStatus: i,
     setMoveItemId: c,
     setMoveTargetId: p,
     updateItem: k
   } = be(), { theme: l } = ue(), { light: d, dark: b } = Y.getTheme(l), [x, A] = H("文件夹"), f = [...(e == null ? void 0 : e.children) ?? []];
-  return se(() => {
+  return ie(() => {
     var h;
     e && A((h = e.data) == null ? void 0 : h.name);
   }, [e]), /* @__PURE__ */ t(
@@ -1218,15 +1219,15 @@ const It = ot({
               setList: (h) => {
                 var I, u;
                 const w = h.map((T) => T.id), v = (u = (I = n.find((T) => T.id === (e == null ? void 0 : e.id))) == null ? void 0 : I.children) == null ? void 0 : u.map((T) => T.id);
-                w.length === (v == null ? void 0 : v.length) && w.every((T, R) => T === v[R]) || w.length < ((v == null ? void 0 : v.length) ?? 0) || i(h, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
+                w.length === (v == null ? void 0 : v.length) && w.every((T, R) => T === v[R]) || w.length < ((v == null ? void 0 : v.length) ?? 0) || s(h, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
               },
-              onMove: () => (p(null), s("onMove"), !0),
+              onMove: () => (p(null), i("onMove"), !0),
               onStart: (h) => {
                 const w = h.item.dataset;
-                w != null && w.id && c(w.id), s("onMove");
+                w != null && w.id && c(w.id), i("onMove");
               },
               onEnd: () => {
-                c(null), p(null), s(null);
+                c(null), p(null), i(null);
               },
               ghostClass: Tt,
               children: f.map((h, w) => /* @__PURE__ */ t(
@@ -1274,8 +1275,8 @@ const It = ot({
     className: o,
     sliderProps: a,
     sliderRef: n,
-    onItemClick: i
-  } = r, s = he(null), c = he(null), {
+    onItemClick: s
+  } = r, i = he(null), c = he(null), {
     list: p,
     setList: k,
     setListStatus: l,
@@ -1342,7 +1343,7 @@ const It = ot({
         useCSS: !0,
         useTransform: !0,
         arrows: !1,
-        ref: n ?? s,
+        ref: n ?? i,
         infinite: !1,
         dots: !0,
         touchMove: !1,
@@ -1374,7 +1375,7 @@ const It = ot({
             {
               onDragEnter: () => {
                 var X;
-                (X = (n ?? s).current) == null || X.slickGoTo(R);
+                (X = (n ?? i).current) == null || X.slickGoTo(R);
               },
               children: (C = (N = p[R]) == null ? void 0 : N.data) == null ? void 0 : C.name
             }
@@ -1475,7 +1476,7 @@ const It = ot({
                           data: N,
                           itemIndex: C,
                           parentIds: [R.id, N.id],
-                          onClick: i
+                          onClick: s
                         },
                         N.id
                       );
@@ -1486,7 +1487,7 @@ const It = ot({
                         {
                           data: N,
                           itemIndex: C,
-                          onClick: i
+                          onClick: s
                         },
                         N.id
                       );
@@ -1517,7 +1518,7 @@ const It = ot({
         onClose: () => {
           A(null);
         },
-        onItemClick: i
+        onItemClick: s
       }
     )
   ] });
@@ -1527,8 +1528,8 @@ const It = ot({
     onChange: o,
     storageKey: a,
     enableCaching: n,
-    theme: i,
-    noLetters: s,
+    theme: s,
+    noLetters: i,
     contextMenu: c,
     contextMenuBuilder: p,
     itemBuilder: k,
@@ -1543,8 +1544,8 @@ const It = ot({
     storageKey: a,
     enableCaching: n
   }, children: /* @__PURE__ */ t(wt, { ...{
-    theme: i,
-    noLetters: s,
+    theme: s,
+    noLetters: i,
     contextMenu: c,
     pagingDotsBuilder: b,
     pagingDotBuilder: d,
@@ -1671,10 +1672,10 @@ const It = ot({
   }
 }, zn = (r, e, o) => {
   const n = r.split(".").reduce(
-    (i, s) => typeof i == "string" ? i : i[s],
+    (s, i) => typeof s == "string" ? s : s[i],
     Bn
   );
-  return typeof n != "string" ? e : o ? n.replace(/{{(.*?)}}/g, (i, s) => o[s]) : n;
+  return typeof n != "string" ? e : o ? n.replace(/{{(.*?)}}/g, (s, i) => o[i]) : n;
 }, En = g`
   --accentBase: var(--tomato-1);
   --accentBgSubtle: var(--tomato-2);
@@ -1941,8 +1942,8 @@ const It = ot({
     onChange: o,
     translation: a,
     pluginConfig: n,
-    className: i,
-    theme: s = "auto",
+    className: s,
+    theme: i = "auto",
     ...c
   } = r, p = he(null), {
     image: k,
@@ -1965,7 +1966,7 @@ const It = ot({
       directiveDescriptors: [No]
     }
   } = n ?? {}, [h, w] = H("");
-  return se(() => {
+  return ie(() => {
     var v;
     e !== void 0 && p.current && ((v = p.current) == null || v.setMarkdown(e), w(e));
   }, [e, p]), /* @__PURE__ */ t(
@@ -1974,9 +1975,9 @@ const It = ot({
       ref: p,
       className: y(
         $n,
-        ze(s) ? En : "",
-        ze(s) ? Dt : At,
-        i
+        ze(i) ? En : "",
+        ze(i) ? Dt : At,
+        s
       ),
       contentEditableClassName: Lt,
       markdown: h,
@@ -2038,26 +2039,26 @@ const It = ot({
           remarkPlugins: [Qo, er],
           rehypePlugins: [tr],
           components: {
-            code(i) {
-              const { children: s, className: c, node: p, ref: k, ...l } = i, d = /language-(\w+)/.exec(c || "");
+            code(s) {
+              const { children: i, className: c, node: p, ref: k, ...l } = s, d = /language-(\w+)/.exec(c || "");
               return d ? /* @__PURE__ */ t(
                 or,
                 {
                   ...l,
                   PreTag: "div",
-                  children: String(s).replace(/\n$/, ""),
+                  children: String(i).replace(/\n$/, ""),
                   language: d[1],
                   style: rr
                 }
-              ) : /* @__PURE__ */ t("code", { ...l, className: c, children: s });
+              ) : /* @__PURE__ */ t("code", { ...l, className: c, children: i });
             },
-            img(i) {
-              const { preview: s, ...c } = n ?? {};
+            img(s) {
+              const { preview: i, ...c } = n ?? {};
               return /* @__PURE__ */ t(
                 nr,
                 {
-                  ...i,
-                  preview: s instanceof Boolean ? s : {
+                  ...s,
+                  preview: i instanceof Boolean ? i : {
                     icons: {
                       rotateLeft: /* @__PURE__ */ t(go, {}),
                       rotateRight: /* @__PURE__ */ t(po, {}),
@@ -2065,13 +2066,13 @@ const It = ot({
                       zoomOut: /* @__PURE__ */ t(mo, {}),
                       close: /* @__PURE__ */ t(co, {}),
                       left: /* @__PURE__ */ t(lo, {}),
-                      right: /* @__PURE__ */ t(so, {}),
-                      flipX: /* @__PURE__ */ t(io, {}),
+                      right: /* @__PURE__ */ t(io, {}),
+                      flipX: /* @__PURE__ */ t(so, {}),
                       flipY: /* @__PURE__ */ t(ao, {})
                     },
                     zIndex: 9999,
                     mask: " ",
-                    ...s
+                    ...i
                   },
                   className: g`
                   cursor: zoom-in;
@@ -2089,12 +2090,12 @@ const It = ot({
 }, Pt = Hn;
 Pt.Preview = Rt;
 function Bt(...r) {
-  return ir(ar(r));
+  return sr(ar(r));
 }
 const Ge = (r) => {
-  const { mouseX: e, title: o, icon: a, href: n, children: i } = r, s = he(null), c = xe(e, (v) => {
+  const { mouseX: e, title: o, icon: a, href: n, children: s } = r, i = he(null), c = xe(e, (v) => {
     var u;
-    const I = ((u = s.current) == null ? void 0 : u.getBoundingClientRect()) ?? { x: 0, width: 0 };
+    const I = ((u = i.current) == null ? void 0 : u.getBoundingClientRect()) ?? { x: 0, width: 0 };
     return v - I.x - I.width / 2;
   }), p = xe(c, [-150, 0, 150], [40, 80, 40]), k = xe(c, [-150, 0, 150], [40, 80, 40]), l = xe(
     c,
@@ -2124,7 +2125,7 @@ const Ge = (r) => {
   return /* @__PURE__ */ t("a", { href: n, children: /* @__PURE__ */ m(
     D.div,
     {
-      ref: s,
+      ref: i,
       style: { width: b, height: x },
       onMouseEnter: () => w(!0),
       onMouseLeave: () => w(!1),
@@ -2146,7 +2147,7 @@ const Ge = (r) => {
           {
             style: { width: A, height: f },
             className: "flex items-center justify-center",
-            children: i || a
+            children: s || a
           }
         )
       ]
@@ -2158,8 +2159,8 @@ const Ge = (r) => {
     className: o,
     itemBuilder: a,
     children: n,
-    mouseX: i
-  } = r, s = nt(1 / 0), c = i ?? s;
+    mouseX: s
+  } = r, i = nt(1 / 0), c = s ?? i;
   return /* @__PURE__ */ t(
     D.div,
     {
@@ -2175,7 +2176,7 @@ const Ge = (r) => {
     }
   );
 }, De = (r) => {
-  const { title: e, icon: o, href: a, index: n, totalItems: i, children: s } = r;
+  const { title: e, icon: o, href: a, index: n, totalItems: s, children: i } = r;
   return /* @__PURE__ */ t(
     D.div,
     {
@@ -2191,8 +2192,8 @@ const Ge = (r) => {
           delay: n * 0.05
         }
       },
-      transition: { delay: (i - 1 - n) * 0.05 },
-      children: s || /* @__PURE__ */ t(
+      transition: { delay: (s - 1 - n) * 0.05 },
+      children: i || /* @__PURE__ */ t(
         "a",
         {
           href: a,
@@ -2209,8 +2210,8 @@ const Ge = (r) => {
     className: o,
     collapseIcon: a,
     autoHidden: n = !1,
-    itemBuilder: i,
-    children: s
+    itemBuilder: s,
+    children: i
   } = r, [c, p] = H(!1), k = () => {
     p(!c);
   };
@@ -2224,14 +2225,14 @@ const Ge = (r) => {
           {
             layoutId: "nav",
             className: "absolute bottom-full mb-2 inset-x-0 flex flex-col gap-2",
-            children: s || e.map(
-              (l, d) => i ? /* @__PURE__ */ t(
+            children: i || e.map(
+              (l, d) => s ? /* @__PURE__ */ t(
                 De,
                 {
                   ...l,
                   index: d,
                   totalItems: e.length,
-                  children: i(l, d, e)
+                  children: s(l, d, e)
                 },
                 l.title
               ) : /* @__PURE__ */ t(
@@ -2263,8 +2264,8 @@ const Ge = (r) => {
     desktopClassName: o,
     mobileClassName: a,
     desktopItemBuilder: n,
-    mobileItemBuilder: i,
-    desktopChildren: s,
+    mobileItemBuilder: s,
+    desktopChildren: i,
     mobileChildren: c,
     desktopMouseX: p,
     ...k
@@ -2276,7 +2277,7 @@ const Ge = (r) => {
         items: e,
         className: o,
         itemBuilder: n,
-        children: s,
+        children: i,
         mouseX: p,
         ...k
       }
@@ -2286,7 +2287,7 @@ const Ge = (r) => {
       {
         items: e,
         className: a,
-        itemBuilder: i,
+        itemBuilder: s,
         children: c,
         autoHidden: !0,
         ...k
@@ -2317,18 +2318,18 @@ function jn(r, e) {
   throw new Error("No supported clipboard serialization method found.");
 }
 function Xn(r) {
-  const e = r.getBoundingClientRect(), o = r.closest('[role="dialog"]'), a = r.closest(".ProseMirror"), n = a == null ? void 0 : a.getBoundingClientRect(), i = window.pageXOffset || document.documentElement.scrollLeft, s = window.pageYOffset || document.documentElement.scrollTop;
+  const e = r.getBoundingClientRect(), o = r.closest('[role="dialog"]'), a = r.closest(".ProseMirror"), n = a == null ? void 0 : a.getBoundingClientRect(), s = window.pageXOffset || document.documentElement.scrollLeft, i = window.pageYOffset || document.documentElement.scrollTop;
   if (o && window.getComputedStyle(o).transform !== "none") {
     const c = o.getBoundingClientRect();
     return {
-      top: e.top - c.top + s,
-      left: e.left - c.left + i,
+      top: e.top - c.top + i,
+      left: e.left - c.left + s,
       width: e.width
     };
   }
   return {
-    top: n ? e.top - n.top : e.top + s,
-    left: n ? e.left - n.left : e.left + i,
+    top: n ? e.top - n.top : e.top + i,
+    left: n ? e.left - n.left : e.left + s,
     width: e.width
   };
 }
@@ -2348,8 +2349,8 @@ function Ze(r, e) {
   ].join(", ");
   return document.elementsFromPoint(r.x, r.y).find(
     (a) => {
-      var n, i;
-      return ((i = (n = a.parentElement) == null ? void 0 : n.matches) == null ? void 0 : i.call(n, ".ProseMirror")) || a.matches(o);
+      var n, s;
+      return ((s = (n = a.parentElement) == null ? void 0 : n.matches) == null ? void 0 : s.call(n, ".ProseMirror")) || a.matches(o);
     }
   );
 }
@@ -2408,10 +2409,10 @@ function Un(r) {
     l.dataTransfer.clearData(), l.dataTransfer.setData("text/html", R.innerHTML), l.dataTransfer.setData("text/plain", N), l.dataTransfer.effectAllowed = "copyMove", l.dataTransfer.setDragImage(b, 0, 0), d.dragging = { slice: T, move: l.ctrlKey };
   }
   let n = null;
-  function i() {
+  function s() {
     n && n.classList.add("hide");
   }
-  function s() {
+  function i() {
     n && n.classList.remove("hide");
   }
   function c(l, d) {
@@ -2423,22 +2424,22 @@ function Un(r) {
       const b = parseInt(n.dataset.nodePos, 10);
       try {
         const x = l.state.doc.resolve(b);
-        x && x.parent && x.parent.type.name !== "doc" || (o = !1, i());
+        x && x.parent && x.parent.type.name !== "doc" || (o = !1, s());
       } catch {
-        o = !1, i();
+        o = !1, s();
       }
     }
-    o && n && !n.classList.contains("hide") ? s() : o || i();
+    o && n && !n.classList.contains("hide") ? i() : o || s();
   }
   function k(l) {
     if (!(l.target instanceof Element)) return;
     const d = l.relatedTarget;
     if (!d) {
-      o || i();
+      o || s();
       return;
     }
     const b = d.closest(".drag-handle") || d.classList.contains("drag-handle"), x = d.closest(".tiptap") || d.classList.contains("tiptap");
-    !b && !x && !o && i();
+    !b && !x && !o && s();
   }
   return new Vr({
     key: new Wr(r.pluginKey),
@@ -2457,11 +2458,11 @@ function Un(r) {
       }
       n.addEventListener("click", x);
       function A(I) {
-        i();
+        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" });
       }
-      return n.addEventListener("drag", A), i(), d || (h = (f = l == null ? void 0 : l.dom) == null ? void 0 : f.parentElement) == null || h.appendChild(n), (v = (w = l == null ? void 0 : l.dom) == null ? void 0 : w.parentElement) == null || v.addEventListener(
+      return n.addEventListener("drag", A), s(), d || (h = (f = l == null ? void 0 : l.dom) == null ? void 0 : f.parentElement) == null || h.appendChild(n), (v = (w = l == null ? void 0 : l.dom) == null ? void 0 : w.parentElement) == null || v.addEventListener(
         "mouseout",
         k
       ), {
@@ -2490,7 +2491,7 @@ function Un(r) {
             r
           ), x = b == null ? void 0 : b.closest(".not-draggable"), A = r.excludedTags.concat(["ol", "ul"]).join(", ");
           if (!(b instanceof Element) || b.matches(A) || x) {
-            o || i();
+            o || s();
             return;
           }
           const f = Qe(b, l, r);
@@ -2498,13 +2499,13 @@ function Un(r) {
             Le(f, l)
           ));
           const h = window.getComputedStyle(b), w = parseInt(h.lineHeight, 10), v = isNaN(w) ? parseInt(h.fontSize) * 1.2 : w, I = parseInt(h.paddingTop, 10), u = Xn(b);
-          u.top += (v - 24) / 2, u.top += I, b.matches("ul:not([data-type=taskList]) li, ol li") && (u.left -= r.dragHandleWidth - 28), u.width = r.dragHandleWidth, n && (n.style.position = "absolute", n.style.left = `${u.left - u.width}px`, n.style.top = `${u.top}px`, s());
+          u.top += (v - 24) / 2, u.top += I, b.matches("ul:not([data-type=taskList]) li, ol li") && (u.left -= r.dragHandleWidth - 28), u.width = r.dragHandleWidth, n && (n.style.position = "absolute", n.style.left = `${u.left - u.width}px`, n.style.top = `${u.top}px`, i());
         },
         keydown: () => {
-          o || i();
+          o || s();
         },
         mousewheel: () => {
-          o || i();
+          o || s();
         },
         // 在选择状态变化时更新拖拽按钮的状态
         selectionChange: (l) => {
@@ -2516,7 +2517,7 @@ function Un(r) {
         },
         drop: (l, d) => {
           var h;
-          l.dom.classList.remove("dragging"), i();
+          l.dom.classList.remove("dragging"), s();
           let b = null;
           const x = l.posAtCoords({
             left: d.clientX,
@@ -2547,9 +2548,9 @@ function Un(r) {
           const A = parseInt(n.dataset.nodePos, 10);
           try {
             const f = x.doc.resolve(A);
-            (!f || f.parent.type.name === "doc") && (o = !1, i());
+            (!f || f.parent.type.name === "doc") && (o = !1, s());
           } catch {
-            o = !1, i();
+            o = !1, s();
           }
         }
         return d;
@@ -2579,7 +2580,7 @@ const Gn = Yr.create({
       })
     ];
   }
-}), qn = yr, Yn = sr.configure({
+}), qn = yr, Yn = ir.configure({
   placeholder: "撰写任何内容，或者按“/”输入命令..."
 }), Vn = lr.configure({
   HTMLAttributes: {
@@ -2700,7 +2701,7 @@ const Gn = Yr.create({
   wr,
   Nr,
   aa
-], ia = ve.Root, Et = ve.Trigger, Re = G.forwardRef(({ className: r, align: e = "center", sideOffset: o = 4, ...a }, n) => /* @__PURE__ */ t(ve.Portal, { children: /* @__PURE__ */ t(
+], sa = ve.Root, Et = ve.Trigger, Re = G.forwardRef(({ className: r, align: e = "center", sideOffset: o = 4, ...a }, n) => /* @__PURE__ */ t(ve.Portal, { children: /* @__PURE__ */ t(
   ve.Content,
   {
     ref: n,
@@ -2714,7 +2715,7 @@ const Gn = Yr.create({
   }
 ) }));
 Re.displayName = ve.Content.displayName;
-const sa = Ur(
+const ia = Ur(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -2739,11 +2740,11 @@ const sa = Ur(
     }
   }
 ), J = G.forwardRef(
-  ({ className: r, variant: e, size: o, asChild: a = !1, ...n }, i) => /* @__PURE__ */ t(
+  ({ className: r, variant: e, size: o, asChild: a = !1, ...n }, s) => /* @__PURE__ */ t(
     a ? tn : "button",
     {
-      className: y(sa({ variant: e, size: o, className: r })),
-      ref: i,
+      className: y(ia({ variant: e, size: o, className: r })),
+      ref: s,
       ...n
     }
   )
@@ -2861,11 +2862,11 @@ const et = [
   const { editor: o } = Q();
   if (!o) return null;
   const a = et.find(
-    ({ color: i }) => o.isActive("textStyle", { color: i })
+    ({ color: s }) => o.isActive("textStyle", { color: s })
   ), n = tt.find(
-    ({ color: i }) => o.isActive("highlight", { color: i })
+    ({ color: s }) => o.isActive("highlight", { color: s })
   );
-  return /* @__PURE__ */ m(ia, { modal: !0, open: r, onOpenChange: e, children: [
+  return /* @__PURE__ */ m(sa, { modal: !0, open: r, onOpenChange: e, children: [
     /* @__PURE__ */ t(de, { overlay: "文本颜色", placement: "top", children: /* @__PURE__ */ t(Et, { asChild: !0, children: /* @__PURE__ */ m(J, { size: "sm", className: "gap-1 rounded-md pr-0", variant: "ghost", children: [
       /* @__PURE__ */ t(
         "span",
@@ -2878,7 +2879,7 @@ const et = [
           children: "A"
         }
       ),
-      /* @__PURE__ */ t(it, {})
+      /* @__PURE__ */ t(st, {})
     ] }) }) }),
     /* @__PURE__ */ m(
       Re,
@@ -2889,11 +2890,11 @@ const et = [
         children: [
           /* @__PURE__ */ m("div", { className: "flex flex-col", children: [
             /* @__PURE__ */ t("div", { className: "my-1 px-2 text-sm font-semibold text-muted-foreground", children: "颜色" }),
-            et.map(({ name: i, color: s }) => /* @__PURE__ */ m(
+            et.map(({ name: s, color: i }) => /* @__PURE__ */ m(
               Ae,
               {
                 onSelect: () => {
-                  o.commands.unsetColor(), i !== "Default" && o.chain().focus().setColor(s || "").run(), e(!1);
+                  o.commands.unsetColor(), s !== "Default" && o.chain().focus().setColor(i || "").run(), e(!1);
                 },
                 className: "flex cursor-pointer items-center justify-between px-2 py-1 text-sm hover:bg-accent",
                 children: [
@@ -2902,25 +2903,25 @@ const et = [
                       "div",
                       {
                         className: "rounded-sm border px-2 py-px font-medium",
-                        style: { color: s },
+                        style: { color: i },
                         children: "A"
                       }
                     ),
-                    /* @__PURE__ */ t("span", { children: i })
+                    /* @__PURE__ */ t("span", { children: s })
                   ] }),
-                  o.isActive("textStyle", { color: s }) && /* @__PURE__ */ t(ye, { size: 14 })
+                  o.isActive("textStyle", { color: i }) && /* @__PURE__ */ t(ye, { size: 14 })
                 ]
               },
-              i
+              s
             ))
           ] }),
           /* @__PURE__ */ m("div", { children: [
             /* @__PURE__ */ t("div", { className: "my-1 px-2 text-sm font-semibold text-muted-foreground", children: "背景 " }),
-            tt.map(({ name: i, color: s }) => /* @__PURE__ */ m(
+            tt.map(({ name: s, color: i }) => /* @__PURE__ */ m(
               Ae,
               {
                 onSelect: () => {
-                  o.commands.unsetHighlight(), i !== "Default" && o.chain().focus().setHighlight({ color: s }).run(), e(!1);
+                  o.commands.unsetHighlight(), s !== "Default" && o.chain().focus().setHighlight({ color: i }).run(), e(!1);
                 },
                 className: "flex cursor-pointer items-center justify-between px-2 py-1 text-sm hover:bg-accent",
                 children: [
@@ -2929,16 +2930,16 @@ const et = [
                       "div",
                       {
                         className: "rounded-sm border px-2 py-px font-medium",
-                        style: { backgroundColor: s },
+                        style: { backgroundColor: i },
                         children: "A"
                       }
                     ),
-                    /* @__PURE__ */ t("span", { children: i })
+                    /* @__PURE__ */ t("span", { children: s })
                   ] }),
-                  o.isActive("highlight", { color: s }) && /* @__PURE__ */ t(ye, { size: 14 })
+                  o.isActive("highlight", { color: i }) && /* @__PURE__ */ t(ye, { size: 14 })
                 ]
               },
-              i
+              s
             ))
           ] })
         ]
@@ -2964,7 +2965,7 @@ function da(r) {
 }
 const ma = ({ open: r, onOpenChange: e }) => {
   const o = he(null), { editor: a } = Q();
-  return se(() => {
+  return ie(() => {
     var n;
     (n = o.current) == null || n.focus();
   }), a ? /* @__PURE__ */ m(vt, { modal: !0, open: r, onOpenChange: e, children: [
@@ -2995,9 +2996,9 @@ const ma = ({ open: r, onOpenChange: e }) => {
       "form",
       {
         onSubmit: (n) => {
-          const i = n.currentTarget;
+          const s = n.currentTarget;
           n.preventDefault();
-          const s = i[0], c = da(s.value);
+          const i = s[0], c = da(i.value);
           c && (a.chain().focus().setLink({ href: c }).run(), e(!1));
         },
         className: "flex  p-1 ",
@@ -3022,7 +3023,7 @@ const ma = ({ open: r, onOpenChange: e }) => {
               onClick: () => {
                 a.chain().focus().unsetLink().run(), o.current.value = "", e(!1);
               },
-              children: /* @__PURE__ */ t(st, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ t(it, { className: "h-4 w-4" })
             }
           ) : /* @__PURE__ */ t(J, { size: "icon", className: "h-8", children: /* @__PURE__ */ t(ye, { className: "h-4 w-4" }) })
         ]
@@ -3136,7 +3137,7 @@ const ma = ({ open: r, onOpenChange: e }) => {
         className: "rounded-md border-none hover:bg-accent focus:ring-0 pr-0",
         children: /* @__PURE__ */ m(J, { size: "sm", variant: "ghost", children: [
           /* @__PURE__ */ t("span", { className: "whitespace-nowrap text-sm", children: a.name }),
-          /* @__PURE__ */ t(it, {})
+          /* @__PURE__ */ t(st, {})
         ] })
       }
     ) }),
@@ -3146,8 +3147,8 @@ const ma = ({ open: r, onOpenChange: e }) => {
       Ee.map((n) => /* @__PURE__ */ m(
         Ae,
         {
-          onSelect: (i) => {
-            n.command(i), e(!1);
+          onSelect: (s) => {
+            n.command(s), e(!1);
           },
           className: "flex cursor-pointer items-center justify-between rounded-sm px-2 py-1 text-sm hover:bg-accent",
           children: [
@@ -3430,10 +3431,10 @@ const ka = ({
         ge,
         {
           onSelect: (a) => {
-            const n = e.state.selection.content(), i = e.storage.markdown.serializer.serialize(
+            const n = e.state.selection.content(), s = e.storage.markdown.serializer.serialize(
               n.content
             );
-            r(i, a);
+            r(s, a);
           },
           className: "flex gap-2 px-4",
           value: o.value,
@@ -3467,7 +3468,7 @@ const ka = ({
   ] });
 };
 function Na({ onOpenChange: r, options: e }) {
-  const { editor: o } = Q(), [a, n] = H(""), { completion: i, complete: s, isLoading: c } = yn({
+  const { editor: o } = Q(), [a, n] = H(""), { completion: s, complete: i, isLoading: c } = yn({
     // id: "novel",
     api: "/api/generate",
     onResponse: (k) => {
@@ -3480,9 +3481,9 @@ function Na({ onOpenChange: r, options: e }) {
       ke.error(k.message);
     },
     ...e
-  }), p = i.length > 0;
+  }), p = s.length > 0;
   return /* @__PURE__ */ m(Ft, { className: "w-[350px]", children: [
-    p && /* @__PURE__ */ t("div", { className: "flex max-h-[400px]", children: /* @__PURE__ */ t($t, { children: /* @__PURE__ */ t("div", { className: "prose p-2 px-4 prose-sm", children: /* @__PURE__ */ t(xt, { children: i }) }) }) }),
+    p && /* @__PURE__ */ t("div", { className: "flex max-h-[400px]", children: /* @__PURE__ */ t($t, { children: /* @__PURE__ */ t("div", { className: "prose p-2 px-4 prose-sm", children: /* @__PURE__ */ t(xt, { children: s }) }) }) }),
     c && /* @__PURE__ */ m("div", { className: "flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-purple-500", children: [
       /* @__PURE__ */ t(Oe, { size: 14, className: "mr-2 shrink-0" }),
       "AI正在思考",
@@ -3506,14 +3507,14 @@ function Na({ onOpenChange: r, options: e }) {
             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",
             onClick: () => {
-              if (i)
-                return s(i, {
+              if (s)
+                return i(s, {
                   body: { option: "zap", command: a }
                 }).then(() => n(""));
               const k = o.state.selection.content(), l = o.storage.markdown.serializer.serialize(
                 k.content
               );
-              s(l, {
+              i(l, {
                 body: { option: "zap", command: a }
               }).then(() => n(""));
             },
@@ -3527,12 +3528,12 @@ function Na({ onOpenChange: r, options: e }) {
           onDiscard: () => {
             o.chain().unsetHighlight().focus().run(), r(!1);
           },
-          completion: i
+          completion: s
         }
       ) : /* @__PURE__ */ t(
         wa,
         {
-          onSelect: (k, l) => s(k, { body: { option: l } })
+          onSelect: (k, l) => i(k, { body: { option: l } })
         }
       )
     ] })
@@ -3545,16 +3546,16 @@ const Ia = ({
   enableAI: a = !1,
   aiOptions: n
 }) => {
-  const { editor: i } = Q();
-  return se(() => {
-    e || Tr(i);
+  const { editor: s } = Q();
+  return ie(() => {
+    e || Tr(s);
   }, [e]), /* @__PURE__ */ m(
     Mr,
     {
       tippyOptions: {
         placement: e ? "bottom-start" : "top",
         onHidden: () => {
-          o(!1), i.chain().unsetHighlight().run();
+          o(!1), s.chain().unsetHighlight().run();
         }
       },
       className: "flex w-fit max-w-[90vw] overflow-hidden rounded-lg border border-muted bg-background shadow-xl p-1 gap-1",
@@ -3599,9 +3600,9 @@ const Ia = ({
     ke.promise(
       e.then(async (n) => {
         if (n.status === 200) {
-          const { url: i } = await n.json(), s = new Image();
-          s.src = i, s.onload = () => {
-            o(i);
+          const { url: s } = await n.json(), i = new Image();
+          i.src = s, i.onload = () => {
+            o(s);
           };
         } else throw n.status === 401 ? (o(r), new Error("`BLOB_READ_WRITE_TOKEN` environment variable not found, reading image locally instead.")) : new Error("Error uploading image. Please try again.");
       }),
@@ -3788,8 +3789,8 @@ const Ia = ({
       a.type = "file", a.accept = "image/*", a.onchange = async () => {
         var n;
         if ((n = a.files) != null && n.length) {
-          const i = a.files[0], s = e.view.state.selection.from;
-          r(i, e.view, s);
+          const s = a.files[0], i = e.view.state.selection.from;
+          r(s, e.view, i);
         }
       }, a.click();
     }
@@ -3803,23 +3804,23 @@ const Ia = ({
   type: "doc",
   content: []
 }, Xt = Jt(({ children: r, items: e, ...o }, a) => {
-  const n = (s) => /* @__PURE__ */ m(
+  const n = (i) => /* @__PURE__ */ m(
     Me.Item,
     {
-      onClick: s.onClick,
+      onClick: i.onClick,
       className: y(
         "gap-2 !p-1.5 text-sm hover:bg-accent focus:ring-0 rounded-md cursor-pointer",
-        s.className
+        i.className
       ),
-      itemIcon: s.isActive ? /* @__PURE__ */ t(ye, { size: 16 }) : void 0,
+      itemIcon: i.isActive ? /* @__PURE__ */ t(ye, { size: 16 }) : void 0,
       children: [
-        s.icon,
-        s.label,
+        i.icon,
+        i.label,
         /* @__PURE__ */ t("div", { className: "flex-1" })
       ]
     },
-    s.key
-  ), i = (s) => {
+    i.key
+  ), s = (i) => {
     var c;
     return /* @__PURE__ */ t(
       Me.SubMenu,
@@ -3852,13 +3853,13 @@ const Ia = ({
           `
         ),
         title: /* @__PURE__ */ m(me, { children: [
-          s.icon,
-          s.label,
+          i.icon,
+          i.label,
           /* @__PURE__ */ t("div", { className: "flex-1" })
         ] }),
-        children: (c = s.children) == null ? void 0 : c.map(n)
+        children: (c = i.children) == null ? void 0 : c.map(n)
       },
-      s.key
+      i.key
     );
   };
   return /* @__PURE__ */ t(
@@ -3880,7 +3881,7 @@ const Ia = ({
             `
           ),
           ...o,
-          children: e.map((s) => s.type === "divider" ? /* @__PURE__ */ t(Me.Divider, { className: "!my-1" }, s.key) : s.type === "submenu" ? i(s) : n(s))
+          children: e.map((i) => i.type === "divider" ? /* @__PURE__ */ t(Me.Divider, { className: "!my-1" }, i.key) : i.type === "submenu" ? s(i) : n(i))
         }
       ),
       ...o,
@@ -3901,7 +3902,7 @@ const Da = ({ children: r, ...e }) => {
         content: c.content.toJSON()
       }).focus().run();
     }
-  }, i = Ee.map((c) => ({
+  }, s = Ee.map((c) => ({
     key: `transform-${c.name}`,
     icon: /* @__PURE__ */ t(c.icon, { size: 16 }),
     label: c.name,
@@ -3916,7 +3917,7 @@ const Da = ({ children: r, ...e }) => {
       type: "submenu",
       icon: /* @__PURE__ */ t(yo, { size: 16 }),
       label: "转换成",
-      children: i
+      children: s
     },
     {
       key: "duplicate",
@@ -3927,7 +3928,7 @@ const Da = ({ children: r, ...e }) => {
     { key: "divider", type: "divider" },
     {
       key: "delete",
-      icon: /* @__PURE__ */ t(st, { size: 16 }),
+      icon: /* @__PURE__ */ t(it, { size: 16 }),
       label: "删除",
       className: "text-red-500",
       onClick: a
@@ -3938,8 +3939,8 @@ const Da = ({ children: r, ...e }) => {
     if (!r) return;
     const a = o.target.closest(".custom-drag-handle");
     if (!a) return;
-    const n = a.dataset.nodePos, i = n !== void 0 ? parseInt(a.dataset.nodePos || "0", 10) : n;
-    i !== void 0 && (r.commands.focus(), r.commands.setNodeSelection(i), r.commands.createParagraphNear() ? r.commands.insertContent("/") : r.chain().insertContentAt(i, {
+    const n = a.dataset.nodePos, s = n !== void 0 ? parseInt(a.dataset.nodePos || "0", 10) : n;
+    s !== void 0 && (r.commands.focus(), r.commands.setNodeSelection(s), r.commands.createParagraphNear() ? r.commands.insertContent("/") : r.chain().insertContentAt(s, {
       type: "paragraph",
       content: [{ type: "text", text: "/" }]
     }).run());
@@ -3997,8 +3998,8 @@ const Da = ({ children: r, ...e }) => {
     initialContent: o = {},
     onChange: a,
     cacheKey: n = "novel-content",
-    enableCache: i = !1,
-    showSaveStatus: s = !0,
+    enableCache: s = !1,
+    showSaveStatus: i = !0,
     showWordCount: c = !0,
     uploadImageProps: p,
     editorRef: k,
@@ -4014,7 +4015,7 @@ const Da = ({ children: r, ...e }) => {
   }, _ = jr(
     async (S) => {
       const O = S.getJSON();
-      w(S.storage.characterCount.words()), a == null || a(O), i && (window.localStorage.setItem(
+      w(S.storage.characterCount.words()), a == null || a(O), s && (window.localStorage.setItem(
         "html-content",
         Z(S.getHTML())
       ), window.localStorage.setItem(n, JSON.stringify(O)), window.localStorage.setItem(
@@ -4036,9 +4037,9 @@ const Da = ({ children: r, ...e }) => {
       onError: Ie
     } = p;
     return yt({
-      onUpload: (ie) => {
+      onUpload: (se) => {
         const M = new FormData();
-        M.append(Pe || "file", ie);
+        M.append(Pe || "file", se);
         const U = fetch(B, {
           method: re || "POST",
           headers: {
@@ -4058,7 +4059,7 @@ const Da = ({ children: r, ...e }) => {
               L.src = z, L.onload = () => {
                 F(z);
               };
-            } else throw P.status === 401 ? (F(ie), new Error(
+            } else throw P.status === 401 ? (F(se), new Error(
               "`BLOB_READ_WRITE_TOKEN` environment variable not found, reading image locally instead."
             )) : new Error("Error uploading image. Please try again.");
           }).catch((P) => {
@@ -4066,14 +4067,14 @@ const Da = ({ children: r, ...e }) => {
           });
         });
       },
-      validateFn: (ie) => S ? S(ie) : ie.type.includes("image/") ? O && ie.size > O ? (console.error("File size too big (max 20MB)."), !1) : !0 : (console.error("File type not supported."), !1)
+      validateFn: (se) => S ? S(se) : se.type.includes("image/") ? O && se.size > O ? (console.error("File size too big (max 20MB)."), !1) : !0 : (console.error("File type not supported."), !1)
     });
   }, [p]);
-  if (se(() => {
-    if (!i) return;
+  if (ie(() => {
+    if (!s) return;
     const S = window.localStorage.getItem(n);
     x(S ? JSON.parse(S) : Aa);
-  }, [n, i]), !b) return null;
+  }, [n, s]), !b) return null;
   const oe = [
     ...zt,
     La({
@@ -4081,8 +4082,8 @@ const Da = ({ children: r, ...e }) => {
     })
   ];
   return /* @__PURE__ */ m("div", { className: y("relative w-full max-w-screen-lg", e), children: [
-    (i && s || c) && /* @__PURE__ */ m("div", { className: "flex absolute right-5 top-5 z-10 mb-5 gap-2", children: [
-      i && s && /* @__PURE__ */ t("div", { className: "rounded-lg bg-accent px-2 py-1 text-sm text-muted-foreground", children: A }),
+    (s && i || c) && /* @__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: A }),
       c && /* @__PURE__ */ m(
         "div",
         {
@@ -4170,7 +4171,7 @@ const Da = ({ children: r, ...e }) => {
   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 } }) });
 }, Ut = Pa;
 Ut.Preview = Ba;
-const Ii = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Is = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Desktop: Pn,
   DesktopSortable: Mt,
@@ -4198,14 +4199,19 @@ export {
   wt as DesktopSortableConfigProvider,
   St as DesktopSortableStateProvider,
   we as Dock,
+  qe as DockDesktop,
+  Ge as DockDesktopItem,
+  Ye as DockMobile,
+  De as DockMobileItem,
   Ut as Editor,
   Rt as Markdown,
   Pt as MdEditor,
   Y as SortableUtils,
-  Ii as default,
+  Is as default,
   je as desktopAppConfig,
   Xe as desktopConfigMap,
   Nt as desktopGroupConfig,
   _e as desktopThemeDark,
-  Fe as desktopThemeLight
+  Fe as desktopThemeLight,
+  Ms as useDockDesktopMouseX
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zs_library",
-  "version": "0.4.14",
+  "version": "0.4.15",
   "homepage": "https://zs-library.virs.xyz/",
   "bugs": {
     "url": "https://github.com/virzs/zs_library/issues"