zs_library 0.3.5 → 0.3.6

package/dist/index.js

@@ -2,7 +2,7 @@ var Ne = Object.defineProperty;
 var $e = (a, e, r) => e in a ? Ne(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
 var ne = (a, e, r) => $e(a, typeof e != "symbol" ? e + "" : e, r);
 import { jsx as t, jsxs as q, Fragment as le } from "E:/Projects/Private/zs_library/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { cx as D, css as i } from "E:/Projects/Private/zs_library/node_modules/.pnpm/@emotion+css@11.13.0/node_modules/@emotion/css/dist/emotion-css.esm.js";
+import { cx as $, css as i } from "E:/Projects/Private/zs_library/node_modules/.pnpm/@emotion+css@11.13.0/node_modules/@emotion/css/dist/emotion-css.esm.js";
 import { createContext as ge, useMemo as oe, useContext as pe, useState as j, useRef as ae, useEffect as ee } from "E:/Projects/Private/zs_library/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
 import Be from "E:/Projects/Private/zs_library/node_modules/.pnpm/react-slick@0.30.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-slick/lib/index.js";
 import { ReactSortable as se } from "E:/Projects/Private/zs_library/node_modules/.pnpm/react-sortablejs@6.1.4_@types+sortablejs@1.15.8_react-dom@18.3.1_react@18.3.1__react@18.3.1_sortablejs@1.15.3/node_modules/react-sortablejs/dist/index.js";
@@ -17,8 +17,9 @@ import { RiPencilRuler2Line as Ae, RiShareLine as ze, RiInformationLine as Ee, R
 import he from "E:/Projects/Private/zs_library/node_modules/.pnpm/rc-dialog@9.6.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/rc-dialog/es/index.js";
 import "E:/Projects/Private/zs_library/node_modules/.pnpm/rc-dialog@9.6.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/rc-dialog/assets/index.css";
 import Ge from "E:/Projects/Private/zs_library/node_modules/.pnpm/react-json-view@1.21.3_@types+react@18.3.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-json-view/dist/main.js";
-import { MDXEditor as Ye, toolbarPlugin as je, DiffSourceToggleWrapper as qe, UndoRedo as Fe, Separator as K, BoldItalicUnderlineToggles as Ue, CodeToggle as Ve, StrikeThroughSupSubToggles as Je, ListsToggle as Ke, CreateLink as He, InsertImage as We, InsertTable as Ze, InsertThematicBreak as Oe, InsertCodeBlock as Qe, ConditionalContents as _e, InsertAdmonition as et, InsertFrontmatter as tt, diffSourcePlugin as ot, listsPlugin as rt, quotePlugin as nt, headingsPlugin as it, linkPlugin as at, linkDialogPlugin as lt, imagePlugin as st, tablePlugin as ct, thematicBreakPlugin as dt, frontmatterPlugin as ut, codeBlockPlugin as mt, codeMirrorPlugin as gt, markdownShortcutPlugin as pt, directivesPlugin as ht, AdmonitionDirectiveDescriptor as ft } from "E:/Projects/Private/zs_library/node_modules/.pnpm/@mdxeditor+editor@3.11.3_@codemirror+language@6.10.2_@lezer+common@1.2.1_@lezer+highlight@1.2_hb5siswbm5zateow6zcvbwvsv4/node_modules/@mdxeditor/editor/dist/index.js";
+import { MDXEditor as Ye, toolbarPlugin as je, DiffSourceToggleWrapper as qe, UndoRedo as Fe, Separator as K, BoldItalicUnderlineToggles as Ue, CodeToggle as Ve, StrikeThroughSupSubToggles as Je, ListsToggle as Ke, CreateLink as He, InsertImage as _e, InsertTable as We, InsertThematicBreak as Ze, InsertCodeBlock as Oe, ConditionalContents as Qe, InsertAdmonition as et, InsertFrontmatter as tt, diffSourcePlugin as ot, listsPlugin as rt, quotePlugin as nt, headingsPlugin as it, linkPlugin as at, linkDialogPlugin as lt, imagePlugin as st, tablePlugin as ct, thematicBreakPlugin as dt, frontmatterPlugin as ut, codeBlockPlugin as mt, codeMirrorPlugin as gt, markdownShortcutPlugin as pt, directivesPlugin as ht, AdmonitionDirectiveDescriptor as ft } from "E:/Projects/Private/zs_library/node_modules/.pnpm/@mdxeditor+editor@3.11.3_@codemirror+language@6.10.2_@lezer+common@1.2.1_@lezer+highlight@1.2_hb5siswbm5zateow6zcvbwvsv4/node_modules/@mdxeditor/editor/dist/index.js";
 import "E:/Projects/Private/zs_library/node_modules/.pnpm/@mdxeditor+editor@3.11.3_@codemirror+language@6.10.2_@lezer+common@1.2.1_@lezer+highlight@1.2_hb5siswbm5zateow6zcvbwvsv4/node_modules/@mdxeditor/editor/dist/style.css";
+import "E:/Projects/Private/zs_library/node_modules/.pnpm/github-markdown-css@5.6.1/node_modules/github-markdown-css/github-markdown.css";
 const fe = {
   token: {
     itemNameColor: "#1a1a1a",
@@ -32,7 +33,7 @@ const fe = {
     contextMenuBackgroundColor: "white",
     contextMenuShadowColor: "rgba(0, 0, 0, 0.1)"
   }
-}, ke = {
+}, be = {
   token: {
     itemNameColor: "white",
     itemIconBackgroundColor: "#1f2937",
@@ -45,25 +46,25 @@ const fe = {
     contextMenuBackgroundColor: "#1a1a1a",
     contextMenuShadowColor: "rgba(255, 255, 255, 0.1)"
   }
-}, be = ge(
+}, ke = ge(
   {}
-), kt = (a) => {
-  const { children: e, theme: r, ...o } = a, m = oe(() => r === "light" ? fe : r === "dark" ? ke : r, [r]);
-  return /* @__PURE__ */ t(be.Provider, { value: { theme: m, ...o }, children: e });
-}, O = () => pe(be), xe = {
+), bt = (a) => {
+  const { children: e, theme: r, ...o } = a, m = oe(() => r === "light" ? fe : r === "dark" ? be : r, [r]);
+  return /* @__PURE__ */ t(ke.Provider, { value: { theme: m, ...o }, children: e });
+}, Z = () => pe(ke), xe = {
   maxRow: 2,
   maxCol: 2
-}, bt = {
+}, kt = {
   ...xe
 }, ve = {
   app: xe,
-  group: bt
+  group: kt
 };
 class F {
 }
 /** 清理重复id */
 ne(F, "uniqueArray", (e) => e.reduce((r, o) => r.find((n) => n.id === o.id) ? r : r.concat([o]), [])), ne(F, "getTheme", (e) => {
-  const r = fe.token, o = ke.token, m = { ...r, ...e == null ? void 0 : e.token }, n = { ...o, ...e == null ? void 0 : e.token };
+  const r = fe.token, o = be.token, m = { ...r, ...e == null ? void 0 : e.token }, n = { ...o, ...e == null ? void 0 : e.token };
   return { light: m, dark: n };
 });
 const Ce = ge({
@@ -108,45 +109,45 @@ const Ce = ge({
     onChange: o,
     storageKey: m = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
     enableCaching: n = !0
-  } = a, [f, k] = j(), [s, N] = j(), [C, L] = j(null), $ = ae(C), [G, R] = j(null), [l, c] = j([]), [M, I] = j(
+  } = a, [f, b] = j(), [s, N] = j(), [C, L] = j(null), B = ae(C), [G, R] = j(null), [l, c] = j([]), [M, I] = j(
     null
   ), [A, d] = j(
     null
-  ), [x, b] = j(!1), [u, g] = j(null), [z, H] = j(
+  ), [x, k] = j(!1), [u, g] = j(null), [z, H] = j(
     null
-  ), [E, re] = j(!1), [W, _] = Pe(m, {
+  ), [E, re] = j(!1), [_, Q] = Pe(m, {
     defaultValue: [],
     listenStorageChange: !0
   }), te = () => {
-    R(null), clearTimeout(f), k(void 0), $.current = null;
+    R(null), clearTimeout(f), b(void 0), B.current = null;
   }, S = (p, Y) => {
     R({ ...p, pageX: p.pageX, pageY: p.pageY, data: Y }), clearTimeout(f);
   }, V = (p, Y = !0) => {
     const { config: X = {} } = p;
     return X.allowContextMenu === !1 ? {} : {
       onMouseDown: (w) => {
-        k(
+        b(
           setTimeout(() => {
-            Y && $.current === null && S(w, p);
+            Y && B.current === null && S(w, p);
           }, 800)
-        ), b(!1), N(
+        ), k(!1), N(
           setTimeout(() => {
-            b(!0);
+            k(!0);
           }, 800)
         );
       },
       onMouseUp: () => {
-        clearTimeout(s), N(void 0), clearTimeout(f), k(void 0);
+        clearTimeout(s), N(void 0), clearTimeout(f), b(void 0);
       },
       onContextMenu: (w) => {
         Y && (w.preventDefault(), S(w, p));
       }
     };
-  }, Z = (p, Y) => {
+  }, W = (p, Y) => {
     const X = [...Y || []];
     if (X.length > 0)
       c((w) => {
-        const B = [...w], T = (h) => {
+        const D = [...w], T = (h) => {
           var de, ue;
           const y = X.shift(), P = h.find((J) => J.id === y), U = h.findIndex((J) => J.id === y);
           if (X.length && P) {
@@ -167,7 +168,7 @@ const Ce = ge({
           }
           return F.uniqueArray(p);
         };
-        return F.uniqueArray(T(B));
+        return F.uniqueArray(T(D));
       });
     else {
       const w = F.uniqueArray(p);
@@ -175,43 +176,43 @@ const Ce = ge({
     }
   }, we = (p, Y) => {
     c((X) => {
-      const w = [...X], B = (T) => {
+      const w = [...X], D = (T) => {
         var h;
         for (let y = 0; y < T.length; y++)
           if (T[y].id === p) {
             T[y].config = Y;
             break;
-          } else ((h = T[y].children) == null ? void 0 : h.length) !== void 0 && B(T[y].children);
+          } else ((h = T[y].children) == null ? void 0 : h.length) !== void 0 && D(T[y].children);
       };
-      return B(w), o == null || o(w), w;
+      return D(w), o == null || o(w), w;
     });
   }, ye = (p, Y) => {
     c((X) => {
-      const w = [...X], B = (T) => {
+      const w = [...X], D = (T) => {
         var h;
         for (let y = 0; y < T.length; y++)
           if (T[y].id === p) {
             T[y].data = Y;
             break;
-          } else ((h = T[y].children) == null ? void 0 : h.length) !== void 0 && B(T[y].children);
+          } else ((h = T[y].children) == null ? void 0 : h.length) !== void 0 && D(T[y].children);
       };
-      return B(w), o == null || o(w), w;
+      return D(w), o == null || o(w), w;
     });
   }, Me = (p) => {
     c((Y) => {
-      const X = [...Y], w = (B) => {
+      const X = [...Y], w = (D) => {
         var T;
-        for (let h = 0; h < B.length; h++)
-          if (B[h].id === p) {
-            B.splice(h, 1);
+        for (let h = 0; h < D.length; h++)
+          if (D[h].id === p) {
+            D.splice(h, 1);
             break;
-          } else ((T = B[h].children) == null ? void 0 : T.length) !== void 0 && w(B[h].children);
+          } else ((T = D[h].children) == null ? void 0 : T.length) !== void 0 && w(D[h].children);
       };
       return w(X), o == null || o(X), X;
     });
   }, Se = (p, Y) => {
-    const X = [...l], w = (B, T) => {
-      const h = T.shift(), y = B.find((U) => U.id === h), P = B.findIndex((U) => U.id === h);
+    const X = [...l], w = (D, T) => {
+      const h = T.shift(), y = D.find((U) => U.id === h), P = D.findIndex((U) => U.id === h);
       if (y) {
         if (T.length)
           y.children = w(y.children || [], T);
@@ -226,21 +227,21 @@ const Ce = ge({
             }
           ];
         }
-        return B.splice(P, 1, y), B;
+        return D.splice(P, 1, y), D;
       } else
-        return B;
+        return D;
     };
     c(w(X, Y));
   };
   return ee(() => {
-    (r == null ? void 0 : r.length) > 0 && l.length === 0 && Z(r);
+    (r == null ? void 0 : r.length) > 0 && l.length === 0 && W(r);
   }, [r]), ee(() => {
-    $.current = C, C !== null && te();
+    B.current = C, C !== null && te();
   }, [C]), ee(() => {
-    n && W != null && W.length && !E && (Z(W), re(!0));
-  }, [W, E, n]), Le(
+    n && _ != null && _.length && !E && (W(_), re(!0));
+  }, [_, E, n]), Le(
     () => {
-      n && _(l);
+      n && Q(l);
     },
     [l, n],
     {
@@ -251,7 +252,7 @@ const Ce = ge({
     {
       value: {
         list: l,
-        setList: Z,
+        setList: W,
         contextMenu: G,
         setContextMenu: R,
         listStatus: C,
@@ -275,7 +276,7 @@ const Ce = ge({
       children: e
     }
   );
-}, Q = () => pe(Ce), vt = {
+}, O = () => pe(Ce), vt = {
   menuShow: {
     opacity: 1,
     y: 0,
@@ -283,7 +284,7 @@ const Ce = ge({
   },
   menuHide: { opacity: 0, y: 20, transition: { duration: 0.2 } }
 }, ie = (a) => {
-  const { icon: e, title: r, onClick: o } = a, { theme: m } = O(), { light: n, dark: f } = F.getTheme(m);
+  const { icon: e, title: r, onClick: o } = a, { theme: m } = Z(), { light: n, dark: f } = F.getTheme(m);
   return /* @__PURE__ */ t(
     v.div,
     {
@@ -304,14 +305,14 @@ const Ce = ge({
         user-select: none;
         border-radius: 0.5rem;
       `,
-      onClick: (k) => {
-        k.stopPropagation(), o == null || o();
+      onClick: (b) => {
+        b.stopPropagation(), o == null || o();
       },
       variants: vt,
       children: /* @__PURE__ */ q(
         v.div,
         {
-          className: D(
+          className: $(
             "py-1.5 px-3 rounded-lg",
             i`
             padding-top: 0.375rem;
@@ -326,7 +327,7 @@ const Ce = ge({
             /* @__PURE__ */ t(
               v.div,
               {
-                className: D(
+                className: $(
                   i`
               margin-bottom: 0.375rem;
               display: flex;
@@ -350,17 +351,17 @@ const Ce = ge({
     showSizeButton: m = !0,
     onInfoClick: n,
     onShareClick: f,
-    onRemoveClick: k
+    onRemoveClick: b
   } = a, {
     contextMenu: s,
     setContextMenu: N,
     hideContextMenu: C,
     setShowInfoItemData: L,
-    removeItem: $,
+    removeItem: B,
     updateItemConfig: G
-  } = Q(), { theme: R } = O(), { light: l, dark: c } = F.getTheme(R), { data: M } = s ?? {}, { config: I = {} } = M ?? {}, A = () => {
-    var b;
-    const d = ve[(b = s == null ? void 0 : s.data) == null ? void 0 : b.type], x = [];
+  } = O(), { theme: R } = Z(), { light: l, dark: c } = F.getTheme(R), { data: M } = s ?? {}, { config: I = {} } = M ?? {}, A = () => {
+    var k;
+    const d = ve[(k = s == null ? void 0 : s.data) == null ? void 0 : k.type], x = [];
     for (let u = 1; u <= ((d == null ? void 0 : d.maxRow) ?? 2); u++)
       for (let g = 1; g <= ((d == null ? void 0 : d.maxCol) ?? 2); g++)
         x.push(`${u}x${g}`);
@@ -379,7 +380,7 @@ const Ce = ge({
         /* @__PURE__ */ t(
           v.div,
           {
-            className: D(
+            className: $(
               i`
                 border-radius: 0.5rem;
                 overflow: hidden;
@@ -408,10 +409,10 @@ const Ce = ge({
                       label: d,
                       key: d,
                       onClick: () => {
-                        const [x, b] = d.split("x").map(Number);
+                        const [x, k] = d.split("x").map(Number);
                         G(s.data.id, {
                           row: x,
-                          col: b
+                          col: k
                         });
                       }
                     }))
@@ -456,7 +457,7 @@ const Ce = ge({
                           children: d.items.map((x) => /* @__PURE__ */ t(
                             v.div,
                             {
-                              className: D(
+                              className: $(
                                 "py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",
                                 i`
                               padding-top: 0.25rem;
@@ -505,7 +506,7 @@ const Ce = ge({
         /* @__PURE__ */ q(
           v.div,
           {
-            className: D(
+            className: $(
               i`
                 background-color: ${l.contextMenuBackgroundColor};
                 box-shadow: 0 0 0.5rem ${l.contextMenuShadowColor};
@@ -560,11 +561,11 @@ const Ce = ge({
                   icon: /* @__PURE__ */ t(Xe, { size: 20 }),
                   title: "移除",
                   onClick: () => {
-                    if (k) {
-                      k(s.data, $);
+                    if (b) {
+                      b(s.data, B);
                       return;
                     }
-                    N(null), $(s.data.id);
+                    N(null), B(s.data.id);
                   }
                 }
               )
@@ -575,7 +576,7 @@ const Ce = ge({
     }
   ) });
 }, It = (a) => {
-  const { data: e, noLetters: r = !1 } = a, { contextMenuFuns: o } = Q(), { itemIconBuilder: m, theme: n, contextMenu: f } = O(), { light: k, dark: s } = F.getTheme(n), { data: N = {} } = e, { name: C } = N;
+  const { data: e, noLetters: r = !1 } = a, { contextMenuFuns: o } = O(), { itemIconBuilder: m, theme: n, contextMenu: f } = Z(), { light: b, dark: s } = F.getTheme(n), { data: N = {} } = e, { name: C } = N;
   return /* @__PURE__ */ q(le, { children: [
     /* @__PURE__ */ t(
       v.div,
@@ -583,9 +584,9 @@ const Ce = ge({
         className: i`
           width: 4rem;
           height: 4rem;
-          background-color: ${k.itemIconBackgroundColor};
+          background-color: ${b.itemIconBackgroundColor};
           border-radius: 0.75rem;
-          box-shadow: 0 0 0.5rem ${k.itemIconShadowColor};
+          box-shadow: 0 0 0.5rem ${b.itemIconShadowColor};
           cursor: pointer;
           position: relative;
           overflow: hidden;
@@ -604,7 +605,7 @@ const Ce = ge({
             top: 0;
             width: 100%;
             height: 100%;
-            color: ${k.itemNameColor};
+            color: ${b.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${s.itemNameColor};
             }
@@ -618,12 +619,12 @@ const Ce = ge({
     /* @__PURE__ */ t(
       v.p,
       {
-        className: D(
+        className: $(
           i`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
-            color: ${k.itemNameColor};
+            color: ${b.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${s.itemNameColor};
             }
@@ -644,9 +645,9 @@ const Ce = ge({
     onClick: m,
     disabledDrag: n = !1,
     children: f,
-    parentIds: k,
+    parentIds: b,
     childrenLength: s
-  } = a, { contextMenu: N, setContextMenu: C } = Q(), { contextMenu: L } = O();
+  } = a, { contextMenu: N, setContextMenu: C } = O(), { contextMenu: L } = Z();
   return /* @__PURE__ */ t(
     Re,
     {
@@ -661,8 +662,8 @@ const Ce = ge({
       `,
       overlay: /* @__PURE__ */ t(Ct, { ...L }),
       visible: (N == null ? void 0 : N.data.id) === e.id,
-      onVisibleChange: ($) => {
-        $ || C(null);
+      onVisibleChange: (B) => {
+        B || C(null);
       },
       destroyTooltipOnHide: !0,
       children: /* @__PURE__ */ t(
@@ -670,10 +671,10 @@ const Ce = ge({
         {
           "data-id": e.id,
           "data-index": o,
-          "data-parent-ids": k == null ? void 0 : k.join(","),
+          "data-parent-ids": b == null ? void 0 : b.join(","),
           "data-children-length": s,
           onClick: () => m == null ? void 0 : m(e),
-          className: D(n && "drag-disabled", r),
+          className: $(n && "drag-disabled", r),
           children: f ?? /* @__PURE__ */ t(It, { ...a })
         }
       )
@@ -688,18 +689,18 @@ const Ce = ge({
     onClick: n,
     noLetters: f = !1
   } = a, {
-    contextMenuFuns: k,
+    contextMenuFuns: b,
     setList: s,
     setOpenGroupItemData: N,
     longPressTriggered: C,
     moveItemId: L,
-    moveTargetId: $,
+    moveTargetId: B,
     setMoveTargetId: G,
     listStatus: R
-  } = Q(), { itemIconBuilder: l, theme: c, contextMenu: M } = O(), { light: I, dark: A } = F.getTheme(c), { children: d, data: x, config: b } = e, { row: u = 1, col: g = 1 } = b ?? {}, z = {
+  } = O(), { itemIconBuilder: l, theme: c, contextMenu: M } = Z(), { light: I, dark: A } = F.getTheme(c), { children: d, data: x, config: k } = e, { row: u = 1, col: g = 1 } = k ?? {}, z = {
     visible: { opacity: 1, scale: 1 },
     hidden: { opacity: 0, scale: 0.95 }
-  }, H = ((d == null ? void 0 : d.length) ?? 0) === 0, E = H ? [e] : [...d ?? []].slice(0, 9), re = oe(() => L === e.id.toString(), [e.id, L]), W = oe(() => $ === e.id, [e.id, $]), _ = i`
+  }, H = ((d == null ? void 0 : d.length) ?? 0) === 0, E = H ? [e] : [...d ?? []].slice(0, 9), re = oe(() => L === e.id.toString(), [e.id, L]), _ = oe(() => B === e.id, [e.id, B]), Q = i`
     overflow: hidden;
     cursor: pointer;
     background-color: ${I.itemIconBackgroundColor};
@@ -713,7 +714,7 @@ const Ce = ge({
       return /* @__PURE__ */ t(
         v.div,
         {
-          className: D(
+          className: $(
             "sortable-group-item",
             i`
               overflow: hidden;
@@ -753,8 +754,8 @@ const Ce = ge({
           children: E == null ? void 0 : E.slice(0, 9).map((S) => /* @__PURE__ */ t(
             v.div,
             {
-              className: D(
-                _,
+              className: $(
+                Q,
                 i`
                   border-radius: ${g === 1 ? "0.25rem" : "0.5rem"};
                   width: 100%;
@@ -787,8 +788,8 @@ const Ce = ge({
           children: E == null ? void 0 : E.slice(0, 4).map((S, V) => /* @__PURE__ */ t(
             v.div,
             {
-              className: D(
-                _,
+              className: $(
+                Q,
                 V < 2 ? i`
                       width: 52px;
                       height: 52px;
@@ -803,8 +804,8 @@ const Ce = ge({
                       grid-row: span 2 / span 2;
                     `
               ),
-              onClick: (Z) => {
-                V > 2 || (Z.stopPropagation(), n == null || n(S));
+              onClick: (W) => {
+                V > 2 || (W.stopPropagation(), n == null || n(S));
               },
               children: l == null ? void 0 : l(S)
             },
@@ -829,8 +830,8 @@ const Ce = ge({
           children: E == null ? void 0 : E.slice(0, 4).map((S, V) => /* @__PURE__ */ t(
             v.div,
             {
-              className: D(
-                _,
+              className: $(
+                Q,
                 V < 2 ? i`
                       width: 52px;
                       height: 52px;
@@ -844,8 +845,8 @@ const Ce = ge({
                       grid-row: span 2 / span 2;
                     `
               ),
-              onClick: (Z) => {
-                V > 2 || (Z.stopPropagation(), n == null || n(S));
+              onClick: (W) => {
+                V > 2 || (W.stopPropagation(), n == null || n(S));
               },
               children: l == null ? void 0 : l(S)
             },
@@ -861,7 +862,7 @@ const Ce = ge({
       itemIndex: m,
       parentIds: o,
       childrenLength: d == null ? void 0 : d.length,
-      className: D(
+      className: $(
         i`
           grid-row: span ${u};
           grid-column: span ${g};
@@ -873,8 +874,8 @@ const Ce = ge({
           v.div,
           {
             whileTap: { scale: 0.9 },
-            className: D(
-              W ? "!scale-110" : "",
+            className: $(
+              _ ? "!scale-110" : "",
               i`
             cursor: pointer;
             position: relative;
@@ -895,7 +896,7 @@ const Ce = ge({
             onClick: (S) => {
               !H && !C && (e.parentIds = o, e.pageX = S.pageX, e.pageY = S.pageY, N(e));
             },
-            ...k(e, M !== !1),
+            ...b(e, M !== !1),
             children: /* @__PURE__ */ q(
               v.div,
               {
@@ -913,7 +914,7 @@ const Ce = ge({
                   /* @__PURE__ */ t(
                     se,
                     {
-                      className: D(
+                      className: $(
                         "sortable-group-item",
                         i`
                 position: absolute;
@@ -948,7 +949,7 @@ const Ce = ge({
         /* @__PURE__ */ t(
           v.p,
           {
-            className: D(
+            className: $(
               i`
             text-align: center;
             margin-top: 0.25rem;
@@ -987,10 +988,10 @@ const Ce = ge({
     list: m,
     setList: n,
     setListStatus: f,
-    setMoveItemId: k,
+    setMoveItemId: b,
     setMoveTargetId: s,
     updateItem: N
-  } = Q(), { theme: C } = O(), { light: L, dark: $ } = F.getTheme(C), [G, R] = j("文件夹"), l = [...(e == null ? void 0 : e.children) ?? []];
+  } = O(), { theme: C } = Z(), { light: L, dark: B } = F.getTheme(C), [G, R] = j("文件夹"), l = [...(e == null ? void 0 : e.children) ?? []];
   return ee(() => {
     var c;
     e && R((c = e.data) == null ? void 0 : c.name);
@@ -1038,7 +1039,7 @@ const Ce = ge({
       ),
       footer: null,
       closable: !1,
-      className: D(
+      className: $(
         "group-item-modal",
         i`
           .rc-dialog-content {
@@ -1057,7 +1058,7 @@ const Ce = ge({
             .rc-dialog-body {
               background-color: ${L.groupItemModalBackgroundColor};
               @media (prefers-color-scheme: dark) {
-                background-color: ${$.groupItemModalBackgroundColor};
+                background-color: ${B.groupItemModalBackgroundColor};
               }
               border-radius: 0.5rem;
               overflow: hidden;
@@ -1099,15 +1100,15 @@ const Ce = ge({
               setList: (c) => {
                 var A, d;
                 const M = c.map((x) => x.id), I = (d = (A = m.find((x) => x.id === (e == null ? void 0 : e.id))) == null ? void 0 : A.children) == null ? void 0 : d.map((x) => x.id);
-                M.length === (I == null ? void 0 : I.length) && M.every((x, b) => x === I[b]) || M.length < ((I == null ? void 0 : I.length) ?? 0) || n(c, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
+                M.length === (I == null ? void 0 : I.length) && M.every((x, k) => x === I[k]) || M.length < ((I == null ? void 0 : I.length) ?? 0) || n(c, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
               },
               onMove: () => (s(null), f("onMove"), !0),
               onStart: (c) => {
                 const M = c.item.dataset;
-                M != null && M.id && k(M.id), f("onMove");
+                M != null && M.id && b(M.id), f("onMove");
               },
               onEnd: () => {
-                k(null), s(null), f(null);
+                b(null), s(null), f(null);
               },
               ghostClass: Ie,
               children: l.map((c, M) => /* @__PURE__ */ t(
@@ -1156,18 +1157,18 @@ const Ce = ge({
     sliderProps: o,
     sliderRef: m,
     onItemClick: n
-  } = a, f = ae(null), k = ae(null), {
+  } = a, f = ae(null), b = ae(null), {
     list: s,
     setList: N,
     setListStatus: C,
     showInfoItemData: L,
-    setShowInfoItemData: $,
+    setShowInfoItemData: B,
     openGroupItemData: G,
     setOpenGroupItemData: R,
     setMoveItemId: l,
     setMoveTargetId: c,
     addItem: M
-  } = Q(), { pagingDotBuilder: I, pagingDotsBuilder: A, itemBuilder: d } = O(), x = oe(() => e === !1 ? {} : {
+  } = O(), { pagingDotBuilder: I, pagingDotsBuilder: A, itemBuilder: d } = Z(), x = oe(() => e === !1 ? {} : {
     top: i`
         display: flex;
         flex-direction: column;
@@ -1228,7 +1229,7 @@ const Ce = ge({
         dots: !0,
         touchMove: !1,
         lazyLoad: "anticipated",
-        className: D(
+        className: $(
           x,
           i`
             .slick-track {
@@ -1248,24 +1249,24 @@ const Ce = ge({
           `,
           r
         ),
-        customPaging: (b) => {
+        customPaging: (k) => {
           var u, g;
-          return I ? I(s[b], b) : /* @__PURE__ */ t(
+          return I ? I(s[k], k) : /* @__PURE__ */ t(
             "div",
             {
               onDragEnter: () => {
                 var z;
-                (z = (m ?? f).current) == null || z.slickGoTo(b);
+                (z = (m ?? f).current) == null || z.slickGoTo(k);
               },
-              children: (g = (u = s[b]) == null ? void 0 : u.data) == null ? void 0 : g.name
+              children: (g = (u = s[k]) == null ? void 0 : u.data) == null ? void 0 : g.name
             }
           );
         },
-        appendDots: (b) => A ? A(b) : e === !1 ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+        appendDots: (k) => A ? A(k) : e === !1 ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
           "ul",
           {
-            ref: k,
-            className: D(
+            ref: b,
+            className: $(
               "slick-dots-default",
               i`
                     padding: 0.5rem;
@@ -1288,11 +1289,11 @@ const Ce = ge({
                     }
                   `
             ),
-            children: b
+            children: k
           }
         ) }),
         ...o,
-        children: s.map((b) => /* @__PURE__ */ t(
+        children: s.map((k) => /* @__PURE__ */ t(
           "div",
           {
             onDrop: (u) => {
@@ -1300,7 +1301,7 @@ const Ce = ge({
               const g = u.dataTransfer.getData("text/plain");
               if (g !== "")
                 try {
-                  M(JSON.parse(g), [b.id]);
+                  M(JSON.parse(g), [k.id]);
                 } catch (z) {
                   console.log("drag error", z);
                 }
@@ -1311,7 +1312,7 @@ const Ce = ge({
             children: /* @__PURE__ */ t(
               se,
               {
-                className: D(
+                className: $(
                   i`
                     display: grid;
                     transition: all 0.3s;
@@ -1327,8 +1328,8 @@ const Ce = ge({
                 fallbackOnBody: !0,
                 swapThreshold: 0.65,
                 group: "nested",
-                list: b.children ?? [],
-                setList: (u) => N(u, [b.id]),
+                list: k.children ?? [],
+                setList: (u) => N(u, [k.id]),
                 filter: ".drag-disabled",
                 onMove: (u) => {
                   C("onMove");
@@ -1343,7 +1344,7 @@ const Ce = ge({
                   l(null), c(null), C(null);
                 },
                 ghostClass: Ie,
-                children: (b.children ?? []).map((u, g) => {
+                children: (k.children ?? []).map((u, g) => {
                   let z;
                   if (d)
                     return d(u);
@@ -1355,7 +1356,7 @@ const Ce = ge({
                         {
                           data: u,
                           itemIndex: g,
-                          parentIds: [b.id, u.id],
+                          parentIds: [k.id, u.id],
                           onClick: n
                         },
                         u.id
@@ -1378,7 +1379,7 @@ const Ce = ge({
               }
             )
           },
-          b.id
+          k.id
         ))
       }
     ),
@@ -1387,7 +1388,7 @@ const Ce = ge({
       {
         data: L,
         onClose: () => {
-          $(null);
+          B(null);
         }
       }
     ),
@@ -1410,12 +1411,12 @@ const Ce = ge({
     enableCaching: m,
     theme: n,
     noLetters: f,
-    contextMenu: k,
+    contextMenu: b,
     contextMenuBuilder: s,
     itemBuilder: N,
     itemIconBuilder: C,
     pagingDotBuilder: L,
-    pagingDotsBuilder: $,
+    pagingDotsBuilder: B,
     ...G
   } = a;
   return /* @__PURE__ */ t(xt, { ...{
@@ -1423,11 +1424,11 @@ const Ce = ge({
     onChange: r,
     storageKey: o,
     enableCaching: m
-  }, children: /* @__PURE__ */ t(kt, { ...{
+  }, children: /* @__PURE__ */ t(bt, { ...{
     theme: n,
     noLetters: f,
-    contextMenu: k,
-    pagingDotsBuilder: $,
+    contextMenu: b,
+    pagingDotsBuilder: B,
     pagingDotBuilder: L,
     itemBuilder: N,
     itemIconBuilder: C,
@@ -1562,7 +1563,7 @@ function $t(a) {
 const Zt = (a) => {
   const { value: e, onChange: r, translation: o, pluginConfig: m, ...n } = a, {
     image: f,
-    diffSource: k = {
+    diffSource: b = {
       viewMode: "rich-text"
     },
     headings: s,
@@ -1577,7 +1578,7 @@ const Zt = (a) => {
         "": "Unspecified"
       }
     },
-    directives: $ = {
+    directives: B = {
       directiveDescriptors: [ft]
     }
   } = m ?? {}, [G, R] = j("");
@@ -1586,7 +1587,44 @@ const Zt = (a) => {
   }, [e]), /* @__PURE__ */ t(
     Ye,
     {
-      contentEditableClassName: "markdown-body",
+      contentEditableClassName: $(
+        "markdown-body",
+        i`
+          table {
+            border-spacing: 0;
+            border-collapse: collapse;
+            width: 100%;
+            display: table;
+            th[data-tool-cell],
+            td[data-tool-cell] {
+              padding: 0;
+              border: none;
+            }
+            tr {
+              border-top: 0;
+            }
+            thead {
+              th {
+                padding: 0;
+                border: none;
+              }
+            }
+            tfoot {
+              th {
+                padding: 0;
+                border: none;
+              }
+            }
+            [class*="_addRowButton"],
+            [class*="_addColumnButton"],
+            [class*="_tableColumnEditorTrigger"],
+            [class*="_iconButton"] {
+              cursor: pointer;
+              transition: all 0.3s;
+            }
+          }
+        `
+      ),
       markdown: G,
       onChange: (l) => {
         !e && !r && R(l), r && r(l);
@@ -1605,14 +1643,14 @@ const Zt = (a) => {
             /* @__PURE__ */ t(Ke, {}),
             /* @__PURE__ */ t(K, {}),
             /* @__PURE__ */ t(He, {}),
-            /* @__PURE__ */ t(We, {}),
+            /* @__PURE__ */ t(_e, {}),
             /* @__PURE__ */ t(K, {}),
+            /* @__PURE__ */ t(We, {}),
             /* @__PURE__ */ t(Ze, {}),
-            /* @__PURE__ */ t(Oe, {}),
             /* @__PURE__ */ t(K, {}),
-            /* @__PURE__ */ t(Qe, {}),
+            /* @__PURE__ */ t(Oe, {}),
             /* @__PURE__ */ t(
-              _e,
+              Qe,
               {
                 options: [
                   {
@@ -1629,7 +1667,7 @@ const Zt = (a) => {
             /* @__PURE__ */ t(tt, {})
           ] })
         }),
-        ot(k),
+        ot(b),
         rt(),
         nt(),
         it(s),
@@ -1642,7 +1680,7 @@ const Zt = (a) => {
         mt(C),
         gt(L),
         pt(),
-        ht($)
+        ht(B)
       ],
       ...n
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zs_library",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "homepage": "https://zs-library.vercel.app",
   "bugs": {
     "url": "https://github.com/virzs/zs_library/issues"