zs_library 0.4.22 → 0.4.23

package/dist/components/dock/dock-desktop.d.ts

@@ -3,7 +3,11 @@ import { ElementType, FC, ReactNode } from 'react';
 import { DockItem } from '.';
 export interface DesktopIconContainerProps extends DockItem, Partial<Omit<HTMLMotionProps<"div">, "title" | "children">> {
     mouseX: MotionValue;
-    children?: ReactNode;
+    children?: ReactNode | ((params: {
+        widthIcon: MotionValue<number>;
+        heightIcon: MotionValue<number>;
+        fontSizeTransform: MotionValue<string>;
+    }) => ReactNode);
     as?: ElementType;
     componentClassName?: string;
     titleClassName?: string;

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 eo, { createContext as st, useMemo as be, useContext as it, useState as j, useRef as xe, 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 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";
@@ -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,
@@ -234,161 +234,161 @@ 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] = j(), [p, x] = j(), [l, c] = j(null), f = xe(l), [v, D] = j(null), [h, g] = j([]), [S, y] = j(
     null
-  ), [I, u] = _(
+  ), [N, u] = j(
     null
-  ), [M, L] = _(!1), [N, w] = _(null), [H, G] = _(
+  ), [T, A] = j(!1), [I, C] = j(null), [H, G] = j(
     null
-  ), [X, se] = _(!1), [re, A] = no(a, {
+  ), [O, se] = j(!1), [re, L] = no(a, {
     defaultValue: [],
     listenStorageChange: !0
-  }), j = () => {
+  }), X = () => {
     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;
+  }, E = (w, B) => {
+    D({ ...w, pageX: w.pageX, pageY: w.pageY, data: B }), clearTimeout(i);
+  }, K = (w, B = !0) => {
+    const { config: z = {} } = w;
     return z.allowContextMenu === !1 ? {} : {
-      onMouseDown: (T) => {
+      onMouseDown: (M) => {
         d(
           setTimeout(() => {
-            B && f.current === null && E(T, C);
+            B && f.current === null && E(M, w);
           }, 800)
-        ), L(!1), x(
+        ), A(!1), x(
           setTimeout(() => {
-            L(!0);
+            A(!0);
           }, 800)
         );
       },
       onMouseUp: () => {
         clearTimeout(p), x(void 0), clearTimeout(i), d(void 0);
       },
-      onContextMenu: (T) => {
-        B && (T.preventDefault(), E(T, C));
+      onContextMenu: (M) => {
+        B && (M.preventDefault(), E(M, w));
       }
     };
   }, ee = to(
-    (C, B) => {
+    (w, B) => {
       const z = [...B || []];
       if (z.length > 0)
-        g((T) => {
-          const $ = [...T], O = (P) => {
+        g((M) => {
+          const $ = [...M], F = (P) => {
             var et, tt;
-            const F = z.shift(), U = P.find((ne) => ne.id === F), te = P.findIndex((ne) => ne.id === F);
+            const _ = z.shift(), U = P.find((ne) => ne.id === _), te = P.findIndex((ne) => ne.id === _);
             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] };
+                (ne) => !w.some((Wt) => Wt.id === ne.id)
+              ).length) === 1 && w.length === 1) {
+                const ne = { ...w[0] };
                 return P.splice(te, 1, ne), n == null || n(P), P;
               }
-              return U.children = O(U.children || []), P.splice(te, 1, U), n == null || n(P), P;
+              return U.children = F(U.children || []), P.splice(te, 1, U), n == null || n(P), P;
             }
             if (U) {
-              if (!((tt = U.children) != null && tt.length) && C.length) {
+              if (!((tt = U.children) != null && tt.length) && w.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;
+                return U.data = { name: "文件夹" }, U.type = "group", U.children = [ne, ...w], U.id = Oe(), P.splice(te, 1, U), n == null || n(P), P;
               }
-              return U.children = V.uniqueArray(C), P.splice(te, 1, U), n == null || n(P), P;
+              return U.children = V.uniqueArray(w), P.splice(te, 1, U), n == null || n(P), P;
             }
-            return V.uniqueArray(C);
+            return V.uniqueArray(w);
           };
-          return V.uniqueArray(O($));
+          return V.uniqueArray(F($));
         });
       else {
-        const T = V.uniqueArray(C);
-        n == null || n(T), g(T);
+        const M = V.uniqueArray(w);
+        n == null || n(M), g(M);
       }
     },
     [n]
-  ), $e = (C, B) => {
+  ), $e = (w, B) => {
     g((z) => {
-      const T = [...z], $ = (O) => {
+      const M = [...z], $ = (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 && $(F[_].children);
       };
-      return $(T), n == null || n(T), T;
+      return $(M), n == null || n(M), M;
     });
-  }, Se = (C, B) => {
+  }, Se = (w, B) => {
     g((z) => {
-      const T = [...z], $ = (O) => {
+      const M = [...z], $ = (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 && $(F[_].children);
       };
-      return $(T), n == null || n(T), T;
+      return $(M), n == null || n(M), M;
     });
-  }, Te = (C) => {
+  }, Te = (w) => {
     g((B) => {
-      const z = [...B], T = ($) => {
-        var O;
+      const z = [...B], M = ($) => {
+        var F;
         for (let P = 0; P < $.length; P++)
-          if ($[P].id === C) {
+          if ($[P].id === w) {
             $.splice(P, 1);
             break;
-          } else ((O = $[P].children) == null ? void 0 : O.length) !== void 0 && T($[P].children);
+          } else ((F = $[P].children) == null ? void 0 : F.length) !== void 0 && M($[P].children);
       };
-      return T(z), n == null || n(z), z;
+      return M(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 = [...h], M = ($, F) => {
+      const P = F.shift(), _ = $.find((te) => te.id === P), U = $.findIndex((te) => te.id === P);
+      if (_) {
+        if (F.length)
+          _.children = M(_.children || [], F);
         else {
-          const te = (C == null ? void 0 : C.type) ?? "app";
-          F.children = [
-            ...F.children ?? [],
+          const te = (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[te]
             }
           ];
         }
-        return $.splice(U, 1, F), $;
+        return $.splice(U, 1, _), $;
       } else
         return $;
     };
-    g(T(z, B));
-  }, Me = (C) => {
+    g(M(z, B));
+  }, Me = (w) => {
     g((B) => {
-      const z = (C == null ? void 0 : C.type) ?? "app", T = {
-        ...C,
+      const z = (w == null ? void 0 : w.type) ?? "app", M = {
+        ...w,
         id: Oe(),
-        config: (C == null ? void 0 : C.config) ?? Be[z]
-      }, $ = [...B, T];
+        config: (w == null ? void 0 : w.config) ?? Be[z]
+      }, $ = [...B, M];
       return n == null || n($), $;
     });
-  }, He = (C, B) => {
+  }, He = (w, B) => {
     g((z) => {
-      const T = [...z], $ = T.findIndex((O) => O.id === C);
-      return $ !== -1 && (T[$] = { ...T[$], ...B }, n == null || n(T)), T;
+      const M = [...z], $ = M.findIndex((F) => F.id === w);
+      return $ !== -1 && (M[$] = { ...M[$], ...B }, n == null || n(M)), M;
     });
-  }, xe = (C) => {
+  }, ye = (w) => {
     g((B) => {
-      const z = B.filter((T) => T.id !== C);
+      const z = B.filter((M) => M.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();
+    f.current = l, l !== null && X();
   }, [l]), ae(() => {
-    s && re != null && re.length && !X && (ee(re), se(!0));
-  }, [re, X, s, ee]), ao(
+    s && re != null && re.length && !O && (ee(re), se(!0));
+  }, [re, O, s, ee]), ao(
     () => {
-      s && A(h);
+      s && L(h);
     },
     [h, s],
     {
@@ -405,21 +405,21 @@ const At = st({
         listStatus: l,
         setListStatus: c,
         contextMenuFuns: K,
-        hideContextMenu: j,
+        hideContextMenu: X,
         showInfoItemData: S,
         setShowInfoItemData: y,
-        openGroupItemData: I,
+        openGroupItemData: N,
         setOpenGroupItemData: u,
-        longPressTriggered: M,
+        longPressTriggered: T,
         updateItemConfig: $e,
         updateItem: Se,
         removeItem: Te,
         addItem: ie,
         addRootItem: Me,
         updateRootItem: He,
-        removeRootItem: xe,
-        moveItemId: N,
-        setMoveItemId: w,
+        removeRootItem: ye,
+        moveItemId: I,
+        setMoveItemId: C,
         moveTargetId: H,
         setMoveTargetId: G
       },
@@ -509,13 +509,13 @@ const At = st({
     setShowInfoItemData: c,
     removeItem: f,
     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: h, dark: g } = V.getTheme(D), { data: S } = p ?? {}, { config: y = {} } = S ?? {}, N = () => {
+    var A;
+    const u = Be[(A = p == null ? void 0 : p.data) == null ? void 0 : A.type], T = [];
+    for (let I = 1; I <= ((u == null ? void 0 : u.maxRow) ?? 2); I++)
+      for (let C = 1; C <= ((u == null ? void 0 : u.maxCol) ?? 2); C++)
+        T.push(`${I}x${C}`);
+    return T;
   };
   return /* @__PURE__ */ t(Ue, { children: p && /* @__PURE__ */ m(
     R.div,
@@ -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 [T, A] = u.split("x").map(Number);
                         v(p.data.id, {
-                          row: M,
-                          col: L
+                          row: T,
+                          col: A
                         });
                       }
                     }))
@@ -608,7 +608,7 @@ const At = st({
                         grid-template-columns: repeat(2, minmax(0, 1fr));
                         gap: 0.25rem;
                       `,
-                          children: u.items.map((M) => /* @__PURE__ */ t(
+                          children: u.items.map((T) => /* @__PURE__ */ t(
                             R.div,
                             {
                               className: k(
@@ -635,17 +635,17 @@ const At = st({
                                 }
                               }
                             `,
-                                `${y.row}x${y.col}` === M.key && b`
+                                `${y.row}x${y.col}` === T.key && b`
                                 background-color: ${h.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
                                   background-color: ${g.contextMenuActiveColor};
                                 }
                               `
                               ),
-                              onClick: M.onClick,
-                              children: M.label
+                              onClick: T.onClick,
+                              children: T.label
                             },
-                            M.key
+                            T.key
                           ))
                         }
                       )
@@ -849,19 +849,19 @@ const At = st({
     moveTargetId: f,
     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: h, theme: g, contextMenu: S } = le(), { light: y, dark: N } = V.getTheme(g), { children: u, data: T, config: A } = e, { row: I = 1, col: C = 1 } = A ?? {}, H = {
     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`
+  }, G = ((u == null ? void 0 : u.length) ?? 0) === 0, O = G ? [e] : [...u ?? []].slice(0, 9), se = be(() => c === e.id.toString(), [e.id, c]), re = be(() => f === e.id, [e.id, f]), L = b`
     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 = () => {
+  `, X = () => {
     if (G)
       return /* @__PURE__ */ t(
         R.div,
@@ -879,7 +879,7 @@ const At = st({
               top: 0;
               border-radius: 0.75rem;
               @media (prefers-color-scheme: dark) {
-                background-color: ${I.itemIconBackgroundColor};
+                background-color: ${N.itemIconBackgroundColor};
               }
             `
           ),
@@ -889,7 +889,7 @@ const At = st({
           children: h == null ? void 0 : h(e)
         }
       );
-    if (N === 1 && w === 1 || N === 2 && w === 2)
+    if (I === 1 && C === 1 || I === 2 && C === 2)
       return /* @__PURE__ */ t(
         R.div,
         {
@@ -899,17 +899,17 @@ const At = st({
             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: ${C === 1 ? "0.125rem" : "0.25rem"};
+            gap: ${C === 1 ? "0.125rem" : "0.5rem"};
             place-items: center;
           `,
-          children: X == null ? void 0 : X.slice(0, 9).map((E) => /* @__PURE__ */ t(
+          children: O == null ? void 0 : O.slice(0, 9).map((E) => /* @__PURE__ */ t(
             R.div,
             {
               className: k(
-                A,
+                L,
                 b`
-                  border-radius: ${w === 1 ? "0.25rem" : "0.5rem"};
+                  border-radius: ${C === 1 ? "0.25rem" : "0.5rem"};
                   width: 100%;
                   height: 100%;
                 `
@@ -923,7 +923,7 @@ const At = st({
           ))
         }
       );
-    if (N === 1 && w === 2)
+    if (I === 1 && C === 2)
       return /* @__PURE__ */ t(
         R.div,
         {
@@ -937,11 +937,11 @@ const At = st({
             height: 52px;
             place-items: center;
           `,
-          children: X == null ? void 0 : X.slice(0, 4).map((E, K) => /* @__PURE__ */ t(
+          children: O == null ? void 0 : O.slice(0, 4).map((E, K) => /* @__PURE__ */ t(
             R.div,
             {
               className: k(
-                A,
+                L,
                 K < 2 ? b`
                       width: 52px;
                       height: 52px;
@@ -965,7 +965,7 @@ const At = st({
           ))
         }
       );
-    if (N === 2 && w === 1)
+    if (I === 2 && C === 1)
       return /* @__PURE__ */ t(
         R.div,
         {
@@ -979,11 +979,11 @@ const At = st({
             height: 144px;
             place-items: center;
           `,
-          children: X == null ? void 0 : X.slice(0, 4).map((E, K) => /* @__PURE__ */ t(
+          children: O == null ? void 0 : O.slice(0, 4).map((E, K) => /* @__PURE__ */ t(
             R.div,
             {
               className: k(
-                A,
+                L,
                 K < 2 ? b`
                       width: 52px;
                       height: 52px;
@@ -1016,8 +1016,8 @@ const At = st({
       childrenLength: u == null ? void 0 : u.length,
       className: k(
         b`
-          grid-row: span ${N};
-          grid-column: span ${w};
+          grid-row: span ${I};
+          grid-column: span ${C};
         `,
         o
       ),
@@ -1035,14 +1035,14 @@ const At = st({
             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: ${C * 64 + 32 * (C - 1)}px;
+            height: ${I * 64 + 32 * (I - 1)}px;
           `
             ),
             onClick: (E) => {
@@ -1062,7 +1062,7 @@ const At = st({
             padding: 0.375rem;
           `,
                 children: [
-                  j(),
+                  X(),
                   /* @__PURE__ */ t(
                     Xe,
                     {
@@ -1106,7 +1106,7 @@ const At = st({
               b`
             color: ${y.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${I.itemNameColor};
+              color: ${N.itemNameColor};
             }
           `,
               i && b`
@@ -1115,7 +1115,7 @@ const At = st({
             ),
             variants: H,
             animate: se ? "hidden" : "visible",
-            children: (M == null ? void 0 : M.name) ?? "文件夹"
+            children: (T == null ? void 0 : T.name) ?? "文件夹"
           }
         )
       ]
@@ -1141,7 +1141,7 @@ 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) ?? []];
+  } = pe(), { theme: l } = le(), { light: c, dark: f } = V.getTheme(l), [v, D] = j("文件夹"), h = [...(e == null ? void 0 : e.children) ?? []];
   return ae(() => {
     var g;
     e && D((g = e.data) == null ? void 0 : g.name);
@@ -1248,9 +1248,9 @@ const At = st({
               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]);
+                var N, u;
+                const S = g.map((T) => T.id), y = (u = (N = a.find((T) => T.id === (e == null ? void 0 : e.id))) == null ? void 0 : N.children) == null ? void 0 : u.map((T) => T.id);
+                S.length === (y == null ? void 0 : y.length) && S.every((T, A) => T === y[A]) || S.length < ((y == null ? void 0 : y.length) ?? 0) || s(g, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
               },
               onMove: () => (p(null), i("onMove"), !0),
               onStart: (g) => {
@@ -1307,7 +1307,7 @@ const At = st({
     sliderProps: n,
     sliderRef: a,
     onItemClick: s
-  } = r, i = be(null), d = be(null), {
+  } = r, i = xe(null), d = xe(null), {
     list: p,
     setList: x,
     setListStatus: l,
@@ -1318,7 +1318,7 @@ const At = st({
     setMoveItemId: h,
     setMoveTargetId: g,
     addItem: S
-  } = pe(), { pagingDotBuilder: y, pagingDotsBuilder: I, itemBuilder: u } = le(), M = he(() => e === !1 ? {} : {
+  } = pe(), { pagingDotBuilder: y, pagingDotsBuilder: N, itemBuilder: u } = le(), T = be(() => e === !1 ? {} : {
     top: b`
         display: flex;
         flex-direction: column;
@@ -1380,7 +1380,7 @@ const At = st({
         touchMove: !1,
         lazyLoad: "anticipated",
         className: k(
-          M,
+          T,
           b`
             .slick-track {
               display: flex;
@@ -1399,14 +1399,14 @@ const At = st({
           `,
           o
         ),
-        customPaging: (L) => {
-          var N, w;
+        customPaging: (A) => {
+          var I, C;
           if (y) {
-            const H = y(p[L], L);
+            const H = y(p[A], A);
             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);
+                var O;
+                (O = (a ?? i).current) == null || O.slickGoTo(A), H.props && H.props.onDragEnter && H.props.onDragEnter(G);
               }
             });
           }
@@ -1415,13 +1415,13 @@ const At = st({
             {
               onDragEnter: () => {
                 var H;
-                (H = (a ?? i).current) == null || H.slickGoTo(L);
+                (H = (a ?? i).current) == null || H.slickGoTo(A);
               },
-              children: (w = (N = p[L]) == null ? void 0 : N.data) == null ? void 0 : w.name
+              children: (C = (I = p[A]) == null ? void 0 : I.data) == null ? void 0 : C.name
             }
           );
         },
-        appendDots: (L) => I ? I(L) : e === !1 ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+        appendDots: (A) => N ? N(A) : e === !1 ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
           "ul",
           {
             ref: d,
@@ -1448,25 +1448,25 @@ const At = st({
                     }
                   `
             ),
-            children: L
+            children: A
           }
         ) }),
         ...n,
-        children: p.map((L) => /* @__PURE__ */ t(
+        children: p.map((A) => /* @__PURE__ */ t(
           "div",
           {
-            onDrop: (N) => {
-              N.preventDefault();
-              const w = N.dataTransfer.getData("text/plain");
-              if (V.quickJSONCheck(w))
+            onDrop: (I) => {
+              I.preventDefault();
+              const C = I.dataTransfer.getData("text/plain");
+              if (V.quickJSONCheck(C))
                 try {
-                  S(JSON.parse(w), [L.id]);
+                  S(JSON.parse(C), [A.id]);
                 } catch (G) {
                   console.log("drag error", G);
                 }
             },
-            onDragOver: (N) => {
-              N.preventDefault();
+            onDragOver: (I) => {
+              I.preventDefault();
             },
             children: /* @__PURE__ */ t(
               Xe,
@@ -1487,49 +1487,49 @@ const At = st({
                 fallbackOnBody: !0,
                 swapThreshold: 0.65,
                 group: "nested",
-                list: L.children ?? [],
-                setList: (N) => x(N, [L.id]),
+                list: A.children ?? [],
+                setList: (I) => x(I, [A.id]),
                 filter: ".drag-disabled",
-                onMove: (N) => {
+                onMove: (I) => {
                   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"));
+                  const { dragged: C, related: H } = I, G = C.dataset, O = H.dataset;
+                  return g(null), !((Object.keys(O).length === 0 || O.parentIds) && Number(G.childrenLength) > 0 && H.classList.contains("sortable-group-item"));
                 },
-                onStart: (N) => {
-                  const w = N.item.dataset;
-                  w != null && w.id && h(w.id), l("onMove");
+                onStart: (I) => {
+                  const C = I.item.dataset;
+                  C != null && C.id && h(C.id), l("onMove");
                 },
                 onEnd: () => {
                   h(null), g(null), l(null);
                 },
                 ghostClass: Rt,
-                children: (L.children ?? []).map((N, w) => {
+                children: (A.children ?? []).map((I, C) => {
                   let H;
                   if (u)
-                    return u(N);
-                  switch (N.type) {
+                    return u(I);
+                  switch (I.type) {
                     case "group":
                     case "app":
                       H = /* @__PURE__ */ t(
                         zn,
                         {
-                          data: N,
-                          itemIndex: w,
-                          parentIds: [L.id, N.id],
+                          data: I,
+                          itemIndex: C,
+                          parentIds: [A.id, I.id],
                           onClick: s
                         },
-                        N.id
+                        I.id
                       );
                       break;
                     default:
                       H = /* @__PURE__ */ t(
                         We,
                         {
-                          data: N,
-                          itemIndex: w,
+                          data: I,
+                          itemIndex: C,
                           onClick: s
                         },
-                        N.id
+                        I.id
                       );
                       break;
                   }
@@ -1538,7 +1538,7 @@ const At = st({
               }
             )
           },
-          L.id
+          A.id
         ))
       }
     ),
@@ -1595,10 +1595,10 @@ const At = st({
       contextMenuBuilder: x
     }, children: [
       /* @__PURE__ */ t(() => {
-        const y = pe(), I = le();
+        const y = pe(), N = le();
         return ae(() => {
-          e && (typeof e == "function" ? e({ state: y, config: I }) : e.current = { state: y, config: I });
-        }, [y, I]), null;
+          e && (typeof e == "function" ? e({ state: y, config: N }) : e.current = { state: y, config: N });
+        }, [y, N]), null;
       }, {}),
       /* @__PURE__ */ t(Pt, { ...D })
     ] }) });
@@ -1995,7 +1995,7 @@ const At = st({
     className: s,
     theme: i = "auto",
     ...d
-  } = r, p = be(null), {
+  } = r, p = xe(null), {
     image: x,
     diffSource: l = {
       viewMode: "rich-text"
@@ -2015,7 +2015,7 @@ const At = st({
     directives: h = {
       directiveDescriptors: [Lo]
     }
-  } = a ?? {}, [g, S] = _("");
+  } = a ?? {}, [g, S] = j("");
   return ae(() => {
     var y;
     e !== void 0 && p.current && ((y = p.current) == null || y.setMarkdown(e), S(e));
@@ -2154,15 +2154,15 @@ 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(
+  } = r, c = xe(null), f = ge(e, (H) => {
+    var O;
+    const G = ((O = c.current) == null ? void 0 : O.getBoundingClientRect()) ?? { x: 0, width: 0 };
+    return H - G.x - G.width / 2;
+  }), v = ge(f, [-150, 0, 150], [40, 80, 40]), D = ge(f, [-150, 0, 150], [40, 80, 40]), h = ge(
     f,
     [-150, 0, 150],
     [20, 40, 20]
-  ), g = ye(
+  ), g = ge(
     f,
     [-150, 0, 150],
     [20, 40, 20]
@@ -2174,7 +2174,7 @@ const Ke = (r) => {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), I = Ae(h, {
+  }), N = Ae(h, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
@@ -2182,20 +2182,20 @@ const Ke = (r) => {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), [M, L] = _(!1), N = /* @__PURE__ */ m(
+  }), T = ge(N, (H) => `${H}px`), [A, I] = j(!1), C = /* @__PURE__ */ m(
     i,
     {
       ref: c,
       style: { width: S, height: y },
-      onMouseEnter: () => L(!0),
-      onMouseLeave: () => L(!1),
+      onMouseEnter: () => I(!0),
+      onMouseLeave: () => I(!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: A && /* @__PURE__ */ t(
           R.div,
           {
             initial: { opacity: 0, y: 10, x: "-50%" },
@@ -2208,18 +2208,23 @@ const Ke = (r) => {
             children: o
           }
         ) }),
+        " ",
         /* @__PURE__ */ t(
           R.div,
           {
-            style: { width: I, height: u },
+            style: {
+              width: N,
+              height: u,
+              fontSize: T
+            },
             className: ve("flex items-center justify-center", x),
-            children: s || n
+            children: typeof s == "function" ? s({ widthIcon: N, heightIcon: u, fontSizeTransform: T }) : s || n
           }
         )
       ]
     }
   );
-  return a ? /* @__PURE__ */ t("a", { href: a, children: N }) : N;
+  return a ? /* @__PURE__ */ t("a", { href: a, children: C }) : C;
 }, Je = (r) => {
   const {
     items: e = [],
@@ -2281,7 +2286,7 @@ const Ke = (r) => {
     autoHidden: a = !1,
     itemBuilder: s,
     children: i
-  } = r, [d, p] = _(!1), x = () => {
+  } = r, [d, p] = j(!1), x = () => {
     p(!d);
   };
   return /* @__PURE__ */ m(
@@ -2452,30 +2457,30 @@ function Wn(r) {
     v = Re(v, c);
     const { from: D, to: h } = c.state.selection, g = D - h, S = 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(S);
+    if (N.node().type.name === "doc") y = !0;
     else {
-      const w = J.create(
+      const C = J.create(
         c.state.doc,
-        I.before()
+        N.before()
       );
-      y = !(v + 1 >= w.$from.pos && v <= w.$to.pos);
+      y = !(v + 1 >= C.$from.pos && v <= C.$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);
+      const C = J.create(c.state.doc, h - 1);
       u = tn.create(
         c.state.doc,
         v,
-        w.$to.pos
+        C.$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());
+      const C = c.state.doc.resolve(u.from);
+      u = J.create(c.state.doc, C.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 };
+    const T = c.state.selection.content(), { dom: A, text: I } = Yn(c, T);
+    l.dataTransfer.clearData(), l.dataTransfer.setData("text/html", A.innerHTML), l.dataTransfer.setData("text/plain", I), l.dataTransfer.effectAllowed = "copyMove", l.dataTransfer.setDragImage(f, 0, 0), c.dragging = { slice: T, move: l.ctrlKey };
   }
   let a = null;
   function s() {
@@ -2516,31 +2521,31 @@ function Wn(r) {
       var h, g, S, 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 f(N) {
+        n(N, l);
       }
       a.addEventListener("dragstart", f);
-      function v(I) {
-        c || (I.preventDefault(), I.stopPropagation());
+      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(
         "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, T;
+          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(
+          ), a == null || a.removeEventListener("click", v), a = null, (T = (u = l == null ? void 0 : l.dom) == null ? void 0 : u.parentElement) == null || T.removeEventListener(
             "mouseout",
             x
           );
@@ -2567,8 +2572,8 @@ function Wn(r) {
           h != null && h >= 0 && (a.dataset.nodePos = String(
             Re(h, 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 g = window.getComputedStyle(f), S = parseInt(g.lineHeight, 10), y = isNaN(S) ? parseInt(g.fontSize) * 1.2 : S, N = parseInt(g.paddingTop, 10), u = Vn(f);
+          u.top += (y - 24) / 2, u.top += N, 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());
         },
         keydown: () => {
           o || s();
@@ -3033,7 +3038,7 @@ function fa(r) {
   }
 }
 const ha = ({ open: r, onOpenChange: e }) => {
-  const o = be(null), { editor: n } = Q();
+  const o = xe(null), { editor: n } = Q();
   return ae(() => {
     var a;
     (a = o.current) == null || a.focus();
@@ -3232,7 +3237,7 @@ 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,
     {
@@ -3248,7 +3253,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]" }),
@@ -3404,7 +3409,7 @@ const Qe = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
   }
 ));
 Qe.displayName = W.Separator.displayName;
-const fe = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+const he = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
   W.Item,
   {
     ref: o,
@@ -3415,7 +3420,7 @@ const fe = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
     ...e
   }
 ));
-fe.displayName = W.Item.displayName;
+he.displayName = W.Item.displayName;
 const Sa = ({
   completion: r,
   onDiscard: e
@@ -3424,7 +3429,7 @@ const Sa = ({
   return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ m(Ne, { children: [
       /* @__PURE__ */ m(
-        fe,
+        he,
         {
           className: "gap-2 px-4",
           value: "replace",
@@ -3445,7 +3450,7 @@ const Sa = ({
         }
       ),
       /* @__PURE__ */ m(
-        fe,
+        he,
         {
           className: "gap-2 px-4",
           value: "insert",
@@ -3461,7 +3466,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" }),
       "丢弃"
     ] }) })
@@ -3497,7 +3502,7 @@ const Sa = ({
     /* @__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 +3524,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 +3542,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 } = Q(), [n, a] = j(""), { completion: s, complete: i, isLoading: d } = Nn({
     // id: "novel",
     api: "/api/generate",
     onResponse: (x) => {
@@ -4074,30 +4079,30 @@ const Ea = ({ children: r, ...e }) => {
     editorRef: x,
     enableAI: l = !1,
     aiOptions: c
-  } = r, [f, v] = _(
+  } = r, [f, v] = j(
     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) => {
+  ), [D, h] = j("Saved"), [g, S] = j(), [y, N] = j(!1), [u, T] = j(!1), [A, I] = j(!1), [C, H] = j(!1), G = (L) => {
+    const X = new DOMParser().parseFromString(L, "text/html");
+    return X.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(
+    }), new XMLSerializer().serializeToString(X);
+  }, O = Yr(
+    async (L) => {
+      const X = L.getJSON();
+      S(L.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(
+        G(L.getHTML())
+      ), window.localStorage.setItem(a, JSON.stringify(X)), window.localStorage.setItem(
         "markdown",
-        A.storage.markdown.getMarkdown()
+        L.storage.markdown.getMarkdown()
       ), h("Saved"));
     },
     500
-  ), se = he(() => {
+  ), se = be(() => {
     if (!p) return Ra;
     const {
-      beforeUpload: A,
-      maxSize: j,
+      beforeUpload: L,
+      maxSize: X,
       action: E,
       headers: K,
       method: ee,
@@ -4116,33 +4121,33 @@ const Ea = ({ children: r, ...e }) => {
           },
           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);
+              const { url: z } = await B.json(), M = new Image();
+              M.src = z, M.onload = () => {
+                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) => L ? L(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 (!s) return;
-    const A = window.localStorage.getItem(a);
-    v(A ? JSON.parse(A) : za);
+    const L = window.localStorage.getItem(a);
+    v(L ? JSON.parse(L) : za);
   }, [a, s]), !f) return null;
   const re = [
     ...Ot,
@@ -4167,24 +4172,24 @@ const Ea = ({ children: r, ...e }) => {
     /* @__PURE__ */ t($r, { children: /* @__PURE__ */ m(
       Hr,
       {
-        onCreate: ({ editor: A }) => {
-          x && (x.current = A);
+        onCreate: ({ editor: L }) => {
+          x && (x.current = L);
         },
         initialContent: f,
         extensions: re,
         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: (L, X) => _r(X)
           },
-          handlePaste: (A, j) => Fr(A, j, se),
-          handleDrop: (A, j, E, K) => Or(A, j, K, se),
+          handlePaste: (L, X) => Fr(L, X, se),
+          handleDrop: (L, X, E, K) => Or(L, X, K, se),
           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: L }) => {
+          O(L), h("Unsaved");
         },
         slotAfter: /* @__PURE__ */ t(qr, {}),
         children: [
@@ -4192,41 +4197,41 @@ const Ea = ({ children: r, ...e }) => {
             /* @__PURE__ */ t(Xr, { className: "px-2 text-muted-foreground", children: "没有结果" }),
             /* @__PURE__ */ t(Ur, { children: qt({
               uploadFn: se
-            }).map((A) => /* @__PURE__ */ m(
+            }).map((L) => /* @__PURE__ */ m(
               Gr,
               {
-                value: A.title,
-                onCommand: (j) => A.command(j),
+                value: L.title,
+                onCommand: (X) => L.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: L.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: L.title }),
+                    /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: L.description })
                   ] })
                 ]
               },
-              A.title
+              L.title
             )) })
           ] }),
           /* @__PURE__ */ m(
             Aa,
             {
-              open: w,
+              open: C,
               onOpenChange: H,
               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: A, onOpenChange: I }),
+                /* @__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: T })
               ]
             }
           ),
@@ -4236,7 +4241,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;

package/package.json

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