zs_library 0.2.2 → 0.3.4

package/dist/index.js

@@ -1,2 +1,1651 @@
-export { default as Desktop } from "./Desktop";
-export { default as Editor } from "./Editor";
+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 { 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";
+import "E:/Projects/Private/zs_library/node_modules/.pnpm/slick-carousel@1.8.1_jquery@3.7.1/node_modules/slick-carousel/slick/slick-theme.css";
+import "E:/Projects/Private/zs_library/node_modules/.pnpm/slick-carousel@1.8.1_jquery@3.7.1/node_modules/slick-carousel/slick/slick.css";
+import { AnimatePresence as De, motion as v } from "E:/Projects/Private/zs_library/node_modules/.pnpm/framer-motion@11.5.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/index.mjs";
+import { useLocalStorageState as Pe, useDebounceEffect as Le } from "E:/Projects/Private/zs_library/node_modules/.pnpm/ahooks@3.8.1_react@18.3.1/node_modules/ahooks/es/index.js";
+import { v4 as me } from "E:/Projects/Private/zs_library/node_modules/.pnpm/uuid@10.0.0/node_modules/uuid/dist/esm-browser/index.js";
+import Re from "E:/Projects/Private/zs_library/node_modules/.pnpm/rc-tooltip@6.2.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/rc-tooltip/es/index.js";
+import "E:/Projects/Private/zs_library/node_modules/.pnpm/rc-tooltip@6.2.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/rc-tooltip/assets/bootstrap_white.css";
+import { RiPencilRuler2Line as Ae, RiShareLine as ze, RiInformationLine as Ee, RiCloseCircleLine as Xe } from "E:/Projects/Private/zs_library/node_modules/.pnpm/@remixicon+react@4.2.0_react@18.3.1/node_modules/@remixicon/react/index.mjs";
+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 "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";
+const fe = {
+  token: {
+    itemNameColor: "#1a1a1a",
+    itemIconBackgroundColor: "white",
+    itemIconShadowColor: "rgba(0, 0, 0, 0.1)",
+    groupItemIconBackgroundColor: "rgba(255, 255, 255, 0.1)",
+    groupItemIconShadowColor: "rgba(0, 0, 0, 0.1)",
+    groupItemModalBackgroundColor: "rgba(255, 255, 255, 0.8)",
+    contextMenuTextColor: "black",
+    contextMenuActiveColor: "#f3f4f6",
+    contextMenuBackgroundColor: "white",
+    contextMenuShadowColor: "rgba(0, 0, 0, 0.1)"
+  }
+}, ke = {
+  token: {
+    itemNameColor: "white",
+    itemIconBackgroundColor: "#1f2937",
+    itemIconShadowColor: "rgba(0, 0, 0, 0.1)",
+    groupItemIconBackgroundColor: "rgba(0, 0, 0, 0.1)",
+    groupItemIconShadowColor: "rgba(0, 0, 0, 0.1)",
+    groupItemModalBackgroundColor: "rgba(0, 0, 0, 0.1)",
+    contextMenuTextColor: "white",
+    contextMenuActiveColor: "#1a1a1a",
+    contextMenuBackgroundColor: "#1a1a1a",
+    contextMenuShadowColor: "rgba(255, 255, 255, 0.1)"
+  }
+}, be = 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 = {
+  maxRow: 2,
+  maxCol: 2
+}, bt = {
+  ...xe
+}, ve = {
+  app: xe,
+  group: bt
+};
+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 };
+  return { light: m, dark: n };
+});
+const Ce = ge({
+  list: [],
+  setList: () => {
+  },
+  contextMenu: null,
+  setContextMenu: () => {
+  },
+  listStatus: null,
+  setListStatus: () => {
+  },
+  contextMenuFuns: () => {
+  },
+  hideContextMenu: () => {
+  },
+  showInfoItemData: null,
+  setShowInfoItemData: () => {
+  },
+  openGroupItemData: null,
+  setOpenGroupItemData: () => {
+  },
+  longPressTriggered: !1,
+  updateItem: () => {
+  },
+  updateItemConfig: () => {
+  },
+  removeItem: () => {
+  },
+  addItem: () => {
+  },
+  moveItemId: null,
+  setMoveItemId: () => {
+  },
+  moveTargetId: null,
+  setMoveTargetId: () => {
+  }
+}), xt = (a) => {
+  const {
+    children: e,
+    list: r = [],
+    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(
+    null
+  ), [A, d] = j(
+    null
+  ), [x, b] = j(!1), [u, g] = j(null), [z, H] = j(
+    null
+  ), [E, re] = j(!1), [W, _] = Pe(m, {
+    defaultValue: [],
+    listenStorageChange: !0
+  }), te = () => {
+    R(null), clearTimeout(f), k(void 0), $.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(
+          setTimeout(() => {
+            Y && $.current === null && S(w, p);
+          }, 800)
+        ), b(!1), N(
+          setTimeout(() => {
+            b(!0);
+          }, 800)
+        );
+      },
+      onMouseUp: () => {
+        clearTimeout(s), N(void 0), clearTimeout(f), k(void 0);
+      },
+      onContextMenu: (w) => {
+        Y && (w.preventDefault(), S(w, p));
+      }
+    };
+  }, Z = (p, Y) => {
+    const X = [...Y || []];
+    if (X.length > 0)
+      c((w) => {
+        const B = [...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) {
+            if (((de = P.children) == null ? void 0 : de.filter(
+              (J) => !p.some((Te) => Te.id === J.id)
+            ).length) === 1 && p.length === 1) {
+              const J = { ...p[0] };
+              return h.splice(U, 1, J), o == null || o(h), h;
+            }
+            return P.children = T(P.children || []), h.splice(U, 1, P), o == null || o(h), h;
+          }
+          if (P) {
+            if (!((ue = P.children) != null && ue.length) && p.length) {
+              const J = { ...P };
+              return P.data = { name: "文件夹" }, P.type = "group", P.children = [J, ...p], P.id = me(), h.splice(U, 1, P), o == null || o(h), h;
+            }
+            return P.children = F.uniqueArray(p), h.splice(U, 1, P), o == null || o(h), h;
+          }
+          return F.uniqueArray(p);
+        };
+        return F.uniqueArray(T(B));
+      });
+    else {
+      const w = F.uniqueArray(p);
+      o == null || o(w), c(w);
+    }
+  }, we = (p, Y) => {
+    c((X) => {
+      const w = [...X], B = (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);
+      };
+      return B(w), o == null || o(w), w;
+    });
+  }, ye = (p, Y) => {
+    c((X) => {
+      const w = [...X], B = (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);
+      };
+      return B(w), o == null || o(w), w;
+    });
+  }, Me = (p) => {
+    c((Y) => {
+      const X = [...Y], w = (B) => {
+        var T;
+        for (let h = 0; h < B.length; h++)
+          if (B[h].id === p) {
+            B.splice(h, 1);
+            break;
+          } else ((T = B[h].children) == null ? void 0 : T.length) !== void 0 && w(B[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);
+      if (y) {
+        if (T.length)
+          y.children = w(y.children || [], T);
+        else {
+          const U = (p == null ? void 0 : p.type) ?? "app";
+          y.children = [
+            ...y.children ?? [],
+            {
+              ...p,
+              id: me(),
+              config: (p == null ? void 0 : p.config) ?? ve[U]
+            }
+          ];
+        }
+        return B.splice(P, 1, y), B;
+      } else
+        return B;
+    };
+    c(w(X, Y));
+  };
+  return ee(() => {
+    (r == null ? void 0 : r.length) > 0 && l.length === 0 && Z(r);
+  }, [r]), ee(() => {
+    $.current = C, C !== null && te();
+  }, [C]), ee(() => {
+    n && W != null && W.length && !E && (Z(W), re(!0));
+  }, [W, E, n]), Le(
+    () => {
+      n && _(l);
+    },
+    [l, n],
+    {
+      wait: 1e3
+    }
+  ), /* @__PURE__ */ t(
+    Ce.Provider,
+    {
+      value: {
+        list: l,
+        setList: Z,
+        contextMenu: G,
+        setContextMenu: R,
+        listStatus: C,
+        setListStatus: L,
+        contextMenuFuns: V,
+        hideContextMenu: te,
+        showInfoItemData: M,
+        setShowInfoItemData: I,
+        openGroupItemData: A,
+        setOpenGroupItemData: d,
+        longPressTriggered: x,
+        updateItemConfig: we,
+        updateItem: ye,
+        removeItem: Me,
+        addItem: Se,
+        moveItemId: u,
+        setMoveItemId: g,
+        moveTargetId: z,
+        setMoveTargetId: H
+      },
+      children: e
+    }
+  );
+}, Q = () => pe(Ce), vt = {
+  menuShow: {
+    opacity: 1,
+    y: 0,
+    transition: { type: "spring", stiffness: 300, damping: 24 }
+  },
+  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);
+  return /* @__PURE__ */ t(
+    v.div,
+    {
+      className: i`
+        &:hover {
+          background-color: ${n.contextMenuActiveColor};
+          @media (prefers-color-scheme: dark) {
+            background-color: ${f.contextMenuActiveColor};
+          }
+        }
+        @media (prefers-color-scheme: dark) {
+          color: black;
+        }
+        font-size: 0.75rem;
+        line-height: 1rem;
+        cursor: pointer;
+        transition: all 0.3s;
+        user-select: none;
+        border-radius: 0.5rem;
+      `,
+      onClick: (k) => {
+        k.stopPropagation(), o == null || o();
+      },
+      variants: vt,
+      children: /* @__PURE__ */ q(
+        v.div,
+        {
+          className: D(
+            "py-1.5 px-3 rounded-lg",
+            i`
+            padding-top: 0.375rem;
+            padding-bottom: 0.375rem;
+            padding-left: 0.75rem;
+            padding-right: 0.75rem;
+            border-radius: 0.5rem;
+          `
+          ),
+          whileTap: { scale: 0.9 },
+          children: [
+            /* @__PURE__ */ t(
+              v.div,
+              {
+                className: D(
+                  i`
+              margin-bottom: 0.375rem;
+              display: flex;
+              justify-content: center;
+            `
+                ),
+                children: e
+              }
+            ),
+            /* @__PURE__ */ t(v.div, { children: r })
+          ]
+        }
+      )
+    }
+  );
+}, Ct = (a) => {
+  const {
+    showInfoButton: e = !0,
+    showRemoveButton: r = !0,
+    showShareButton: o = !0,
+    showSizeButton: m = !0,
+    onInfoClick: n,
+    onShareClick: f,
+    onRemoveClick: k
+  } = a, {
+    contextMenu: s,
+    setContextMenu: N,
+    hideContextMenu: C,
+    setShowInfoItemData: L,
+    removeItem: $,
+    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 = [];
+    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}`);
+    return x;
+  };
+  return /* @__PURE__ */ t(De, { children: s && /* @__PURE__ */ q(
+    v.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      onMouseDown: (d) => {
+        d.stopPropagation(), d.preventDefault();
+      },
+      children: [
+        /* @__PURE__ */ t(
+          v.div,
+          {
+            className: D(
+              i`
+                border-radius: 0.5rem;
+                overflow: hidden;
+                background-color: ${l.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${l.contextMenuShadowColor};
+                @media (prefers-color-scheme: dark) {
+                  background-color: ${c.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${c.contextMenuShadowColor};
+                }
+              `
+            ),
+            children: m && I.allowResize !== !1 && /* @__PURE__ */ t(
+              v.ul,
+              {
+                className: i`
+                  background-color: white;
+                  padding: 0.25rem;
+                  margin: 0;
+                `,
+                children: [
+                  {
+                    label: "修改大小",
+                    key: "size",
+                    icon: /* @__PURE__ */ t(Ae, { size: 14 }),
+                    items: A().map((d) => ({
+                      label: d,
+                      key: d,
+                      onClick: () => {
+                        const [x, b] = d.split("x").map(Number);
+                        G(s.data.id, {
+                          row: x,
+                          col: b
+                        });
+                      }
+                    }))
+                  }
+                ].map((d) => /* @__PURE__ */ q(
+                  v.li,
+                  {
+                    className: i`
+                      padding-top: 0.5rem;
+                      padding-bottom: 0.5rem;
+                      padding-left: 0.75rem;
+                      padding-right: 0.75rem;
+                    `,
+                    children: [
+                      /* @__PURE__ */ q(
+                        v.p,
+                        {
+                          className: i`
+                        display: flex;
+                        align-items: center;
+                        font-size: 0.875rem;
+                        line-height: 1.25rem;
+                        gap: 0.5rem;
+                        padding-bottom: 0.5rem;
+                        margin: 0;
+                      `,
+                          children: [
+                            d.icon,
+                            " ",
+                            d.label
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ t(
+                        v.div,
+                        {
+                          className: i`
+                        display: grid;
+                        grid-template-columns: repeat(2, minmax(0, 1fr));
+                        gap: 0.25rem;
+                      `,
+                          children: d.items.map((x) => /* @__PURE__ */ t(
+                            v.div,
+                            {
+                              className: D(
+                                "py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",
+                                i`
+                              padding-top: 0.25rem;
+                              padding-bottom: 0.25rem;
+                              padding-left: 0.5rem;
+                              padding-right: 0.5rem;
+                              border-radius: 0.25rem;
+                              transition: all 0.3s;
+                              font-size: 0.875rem;
+                              line-height: 1.25rem;
+                              cursor: pointer;
+                              text-align: center;
+                              color: ${l.contextMenuTextColor};
+                              @media (prefers-color-scheme: dark) {
+                                color: ${c.contextMenuTextColor};
+                              }
+                              &:hover {
+                                background-color: ${l.contextMenuActiveColor};
+                                @media (prefers-color-scheme: dark) {
+                                  background-color: ${c.contextMenuActiveColor};
+                                }
+                              }
+                            `,
+                                `${I.row}x${I.col}` === x.key && i`
+                                background-color: ${l.contextMenuActiveColor};
+                                @media (prefers-color-scheme: dark) {
+                                  background-color: ${c.contextMenuActiveColor};
+                                }
+                              `
+                              ),
+                              onClick: x.onClick,
+                              children: x.label
+                            },
+                            x.key
+                          ))
+                        }
+                      )
+                    ]
+                  },
+                  d.key
+                ))
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ q(
+          v.div,
+          {
+            className: D(
+              i`
+                background-color: ${l.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${l.contextMenuShadowColor};
+                @media (prefers-color-scheme: dark) {
+                  background-color: ${c.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${c.contextMenuShadowColor};
+                }
+                display: flex;
+                justify-content: space-around;
+                align-items: center;
+                margin-top: 0.5rem;
+                border-radius: 0.5rem;
+                overflow: hidden;
+                padding: 0.25rem;
+              `
+            ),
+            children: [
+              o && /* @__PURE__ */ t(
+                ie,
+                {
+                  icon: /* @__PURE__ */ t(ze, { size: 20 }),
+                  title: "分享",
+                  onClick: () => {
+                    if (f) {
+                      f(s.data);
+                      return;
+                    }
+                  }
+                }
+              ),
+              e && /* @__PURE__ */ t(
+                ie,
+                {
+                  icon: /* @__PURE__ */ t(Ee, { size: 20 }),
+                  title: "信息",
+                  onClick: () => {
+                    if (n) {
+                      n(s.data);
+                      return;
+                    }
+                    L({
+                      ...s.data,
+                      pageX: s.pageX,
+                      pageY: s.pageY
+                    }), C();
+                  }
+                }
+              ),
+              r && /* @__PURE__ */ t(
+                ie,
+                {
+                  icon: /* @__PURE__ */ t(Xe, { size: 20 }),
+                  title: "移除",
+                  onClick: () => {
+                    if (k) {
+                      k(s.data, $);
+                      return;
+                    }
+                    N(null), $(s.data.id);
+                  }
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}, 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;
+  return /* @__PURE__ */ q(le, { children: [
+    /* @__PURE__ */ t(
+      v.div,
+      {
+        className: i`
+          width: 4rem;
+          height: 4rem;
+          background-color: ${k.itemIconBackgroundColor};
+          border-radius: 0.75rem;
+          box-shadow: 0 0 0.5rem ${k.itemIconShadowColor};
+          cursor: pointer;
+          position: relative;
+          overflow: hidden;
+          @media (prefers-color-scheme: dark) {
+            background-color: ${s.itemIconBackgroundColor};
+            box-shadow: 0 0 0.5rem ${s.itemIconShadowColor};
+          }
+        `,
+        whileTap: { scale: 0.9 },
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: i`
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            color: ${k.itemNameColor};
+            @media (prefers-color-scheme: dark) {
+              color: ${s.itemNameColor};
+            }
+          `,
+            ...o(e, f !== !1),
+            children: m == null ? void 0 : m(e)
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t(
+      v.p,
+      {
+        className: D(
+          i`
+            text-align: center;
+            margin-top: 0.25rem;
+            margin-bottom: 0;
+            color: ${k.itemNameColor};
+            @media (prefers-color-scheme: dark) {
+              color: ${s.itemNameColor};
+            }
+          `,
+          r && i`
+              color: transparent;
+            `
+        ),
+        children: C
+      }
+    )
+  ] });
+}, ce = (a) => {
+  const {
+    data: e,
+    className: r,
+    itemIndex: o,
+    onClick: m,
+    disabledDrag: n = !1,
+    children: f,
+    parentIds: k,
+    childrenLength: s
+  } = a, { contextMenu: N, setContextMenu: C } = Q(), { contextMenu: L } = O();
+  return /* @__PURE__ */ t(
+    Re,
+    {
+      placement: "bottom",
+      overlayClassName: i`
+        background-color: transparent;
+        .rc-tooltip-inner {
+          background-color: transparent;
+          padding: 0;
+          border: none;
+        }
+      `,
+      overlay: /* @__PURE__ */ t(Ct, { ...L }),
+      visible: (N == null ? void 0 : N.data.id) === e.id,
+      onVisibleChange: ($) => {
+        $ || C(null);
+      },
+      destroyTooltipOnHide: !0,
+      children: /* @__PURE__ */ t(
+        v.div,
+        {
+          "data-id": e.id,
+          "data-index": o,
+          "data-parent-ids": k == null ? void 0 : k.join(","),
+          "data-children-length": s,
+          onClick: () => m == null ? void 0 : m(e),
+          className: D(n && "drag-disabled", r),
+          children: f ?? /* @__PURE__ */ t(It, { ...a })
+        }
+      )
+    }
+  );
+}, wt = (a) => {
+  const {
+    data: e,
+    className: r,
+    parentIds: o,
+    itemIndex: m,
+    onClick: n,
+    noLetters: f = !1
+  } = a, {
+    contextMenuFuns: k,
+    setList: s,
+    setOpenGroupItemData: N,
+    longPressTriggered: C,
+    moveItemId: L,
+    moveTargetId: $,
+    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 = {
+    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`
+    overflow: hidden;
+    cursor: pointer;
+    background-color: ${I.itemIconBackgroundColor};
+    box-shadow: 0 0 0.5rem ${I.itemIconShadowColor};
+    @media (prefers-color-scheme: dark) {
+      background-color: ${A.itemIconBackgroundColor};
+      box-shadow: 0 0 0.5rem ${A.itemIconShadowColor};
+    }
+  `, te = () => {
+    if (H)
+      return /* @__PURE__ */ t(
+        v.div,
+        {
+          className: D(
+            "sortable-group-item",
+            i`
+              overflow: hidden;
+              cursor: pointer;
+              width: 100%;
+              height: 100%;
+              background-color: ${I.itemIconBackgroundColor};
+              position: absolute;
+              left: 0;
+              top: 0;
+              border-radius: 0.75rem;
+              @media (prefers-color-scheme: dark) {
+                background-color: ${A.itemIconBackgroundColor};
+              }
+            `
+          ),
+          onClick: (S) => {
+            S.stopPropagation(), n == null || n(e);
+          },
+          children: l == null ? void 0 : l(e)
+        }
+      );
+    if (u === 1 && g === 1 || u === 2 && g === 2)
+      return /* @__PURE__ */ t(
+        v.div,
+        {
+          className: i`
+            display: grid;
+            width: 100%;
+            height: 100%;
+            grid-template-columns: repeat(3, minmax(0, 1fr));
+            grid-template-rows: repeat(3, minmax(0, 1fr));
+            padding: ${g === 1 ? "0.125rem" : "0.25rem"};
+            gap: ${g === 1 ? "0.125rem" : "0.5rem"};
+            place-items: center;
+          `,
+          children: E == null ? void 0 : E.slice(0, 9).map((S) => /* @__PURE__ */ t(
+            v.div,
+            {
+              className: D(
+                _,
+                i`
+                  border-radius: ${g === 1 ? "0.25rem" : "0.5rem"};
+                  width: 100%;
+                  height: 100%;
+                `
+              ),
+              onClick: (V) => {
+                V.stopPropagation(), n == null || n(S);
+              },
+              children: l == null ? void 0 : l(S)
+            },
+            S.id
+          ))
+        }
+      );
+    if (u === 1 && g === 2)
+      return /* @__PURE__ */ t(
+        v.div,
+        {
+          className: i`
+            display: grid;
+            grid-template-columns: repeat(10, minmax(0, 1fr));
+            grid-template-rows: repeat(4, minmax(0, 1fr));
+            column-gap: 0.5rem;
+            row-gap: 0.25rem;
+            width: 144px;
+            height: 52px;
+            place-items: center;
+          `,
+          children: E == null ? void 0 : E.slice(0, 4).map((S, V) => /* @__PURE__ */ t(
+            v.div,
+            {
+              className: D(
+                _,
+                V < 2 ? i`
+                      width: 52px;
+                      height: 52px;
+                      border-radius: 0.5rem;
+                      grid-column: span 4 / span 4;
+                      grid-row: span 4 / span 4;
+                    ` : i`
+                      width: 1.5rem;
+                      height: 1.5rem;
+                      border-radius: 0.375rem;
+                      grid-column: span 2 / span 2;
+                      grid-row: span 2 / span 2;
+                    `
+              ),
+              onClick: (Z) => {
+                V > 2 || (Z.stopPropagation(), n == null || n(S));
+              },
+              children: l == null ? void 0 : l(S)
+            },
+            S.id
+          ))
+        }
+      );
+    if (u === 2 && g === 1)
+      return /* @__PURE__ */ t(
+        v.div,
+        {
+          className: i`
+            display: grid;
+            grid-template-columns: repeat(4, minmax(0, 1fr));
+            grid-template-rows: repeat(10, minmax(0, 1fr));
+            column-gap: 0.25rem;
+            row-gap: 0.5rem;
+            width: 52px;
+            height: 144px;
+            place-items: center;
+          `,
+          children: E == null ? void 0 : E.slice(0, 4).map((S, V) => /* @__PURE__ */ t(
+            v.div,
+            {
+              className: D(
+                _,
+                V < 2 ? i`
+                      width: 52px;
+                      height: 52px;
+                      border-radius: 0.5rem;
+                      grid-column: span 4 / span 4;
+                      grid-row: span 4 / span 4;
+                    ` : i`
+                      width: 1.5rem;
+                      height: 1.5rem;
+                      grid-column: span 2 / span 2;
+                      grid-row: span 2 / span 2;
+                    `
+              ),
+              onClick: (Z) => {
+                V > 2 || (Z.stopPropagation(), n == null || n(S));
+              },
+              children: l == null ? void 0 : l(S)
+            },
+            S.id
+          ))
+        }
+      );
+  };
+  return /* @__PURE__ */ q(
+    ce,
+    {
+      data: e,
+      itemIndex: m,
+      parentIds: o,
+      childrenLength: d == null ? void 0 : d.length,
+      className: D(
+        i`
+          grid-row: span ${u};
+          grid-column: span ${g};
+        `,
+        r
+      ),
+      children: [
+        /* @__PURE__ */ t(
+          v.div,
+          {
+            whileTap: { scale: 0.9 },
+            className: D(
+              W ? "!scale-110" : "",
+              i`
+            cursor: pointer;
+            position: relative;
+            border-radius: 0.75rem;
+            background-color: ${I.groupItemIconBackgroundColor};
+            box-shadow: 0 0 0.5rem ${I.groupItemIconShadowColor};
+            @media (prefers-color-scheme: dark) {
+              background-color: ${A.groupItemIconBackgroundColor};
+              box-shadow: 0 0 0.5rem ${A.groupItemIconShadowColor};
+            }
+            /* overflow: hidden; */
+            transition: all 0.3s;
+            margin: 0 auto;
+            width: ${g * 64 + 32 * (g - 1)}px;
+            height: ${u * 64 + 32 * (u - 1)}px;
+          `
+            ),
+            onClick: (S) => {
+              !H && !C && (e.parentIds = o, e.pageX = S.pageX, e.pageY = S.pageY, N(e));
+            },
+            ...k(e, M !== !1),
+            children: /* @__PURE__ */ q(
+              v.div,
+              {
+                className: i`
+            position: relative;
+            width: 100%;
+            height: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding: 0.375rem;
+          `,
+                children: [
+                  te(),
+                  /* @__PURE__ */ t(
+                    se,
+                    {
+                      className: D(
+                        "sortable-group-item",
+                        i`
+                position: absolute;
+                cursor: pointer;
+                left: 0.375rem;
+                top: 0.375rem;
+                width: calc(100% - 0.75rem);
+                height: calc(100% - 0.75rem);
+                pointer-events: ${R === null ? "none" : "auto"};
+                > * {
+                  opacity: 0;
+                }
+              `
+                      ),
+                      group: { name: "nested", pull: !1, put: !0 },
+                      animation: 150,
+                      fallbackOnBody: !0,
+                      list: d ?? [],
+                      setList: (S) => s(S, o),
+                      filter: () => !0,
+                      "data-id": e.id,
+                      onChange: () => {
+                        G(e.id);
+                      }
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          v.p,
+          {
+            className: D(
+              i`
+            text-align: center;
+            margin-top: 0.25rem;
+            margin-bottom: 0;
+            color: ${I.itemNameColor};
+            @media (prefers-color-scheme: dark) {
+              color: ${A.itemNameColor};
+            }
+          `,
+              f && i`
+              color: transparent;
+            `
+            ),
+            variants: z,
+            animate: re ? "hidden" : "visible",
+            children: (x == null ? void 0 : x.name) ?? "文件夹"
+          }
+        )
+      ]
+    }
+  );
+}, Ie = i`
+  padding: 8px;
+  transition: all 0.2s;
+  > div {
+    transition: all 0.2s;
+    border: 2px solid aquamarine;
+    background-color: transparent;
+    > div {
+      opacity: 0;
+      transition: all 0.2s;
+    }
+  }
+`, yt = (a) => {
+  const { data: e, onClose: r, onItemClick: o } = a, {
+    list: m,
+    setList: n,
+    setListStatus: f,
+    setMoveItemId: k,
+    setMoveTargetId: s,
+    updateItem: N
+  } = Q(), { theme: C } = O(), { light: L, dark: $ } = 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);
+  }, [e]), /* @__PURE__ */ t(
+    he,
+    {
+      visible: !!e,
+      onClose: () => {
+        r();
+      },
+      animation: "zoom",
+      maskAnimation: "fade",
+      mousePosition: e != null && e.pageX && (e != null && e.pageY) ? {
+        x: e == null ? void 0 : e.pageX,
+        y: e == null ? void 0 : e.pageY
+      } : null,
+      title: /* @__PURE__ */ t(
+        "input",
+        {
+          className: i`
+            background-color: transparent;
+            border-style: none;
+            text-align: center;
+            font-size: 1.25rem;
+            line-height: 1.75rem;
+            color: white;
+            @media (prefers-color-scheme: dark) {
+              color: black;
+            }
+            &:focus {
+              outline: none;
+            }
+          `,
+          value: G,
+          onChange: (c) => {
+            R(c.target.value);
+          },
+          onBlur: () => {
+            e && N(e.id, {
+              ...e.data,
+              name: G
+            });
+          }
+        }
+      ),
+      footer: null,
+      closable: !1,
+      className: D(
+        "group-item-modal",
+        i`
+          .rc-dialog-content {
+            background-color: transparent;
+            box-shadow: none;
+            padding: 0;
+            .rc-dialog-header {
+              text-align: center;
+              background-color: transparent;
+              margin-bottom: 1rem;
+              border-bottom: none;
+              .ant-modal-name {
+                color: #fff;
+              }
+            }
+            .rc-dialog-body {
+              background-color: ${L.groupItemModalBackgroundColor};
+              @media (prefers-color-scheme: dark) {
+                background-color: ${$.groupItemModalBackgroundColor};
+              }
+              border-radius: 0.5rem;
+              overflow: hidden;
+            }
+          }
+        `
+      ),
+      width: 600,
+      destroyOnClose: !0,
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: i`
+          overflow-y: auto;
+          max-height: 60vh;
+          padding: 1.25rem 0;
+        `,
+          onDragLeave: (c) => {
+            const M = c.relatedTarget;
+            M && (c.currentTarget.contains(M) || setTimeout(() => {
+              r();
+            }, 500));
+          },
+          children: /* @__PURE__ */ t(
+            se,
+            {
+              className: i`
+            display: grid;
+            gap: 1rem;
+            place-items: center;
+            grid-template-columns: repeat(auto-fill, 96px);
+            grid-auto-flow: dense;
+            grid-auto-rows: 96px;
+          `,
+              group: { name: "nested", pull: !0, put: !1 },
+              animation: 150,
+              fallbackOnBody: !0,
+              list: (e == null ? void 0 : e.children) ?? [],
+              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]);
+              },
+              onMove: () => (s(null), f("onMove"), !0),
+              onStart: (c) => {
+                const M = c.item.dataset;
+                M != null && M.id && k(M.id), f("onMove");
+              },
+              onEnd: () => {
+                k(null), s(null), f(null);
+              },
+              ghostClass: Ie,
+              children: l.map((c, M) => /* @__PURE__ */ t(
+                ce,
+                {
+                  data: c,
+                  itemIndex: M,
+                  onClick: o
+                },
+                c.id
+              ))
+            }
+          )
+        }
+      )
+    }
+  );
+}, Mt = (a) => {
+  var o;
+  const { data: e, onClose: r } = a;
+  return /* @__PURE__ */ t(
+    he,
+    {
+      visible: !!e,
+      onClose: () => {
+        r();
+      },
+      animation: "zoom",
+      maskAnimation: "fade",
+      mousePosition: e != null && e.pageX && (e != null && e.pageY) ? {
+        x: e == null ? void 0 : e.pageX,
+        y: e == null ? void 0 : e.pageY
+      } : null,
+      footer: null,
+      title: ((o = e == null ? void 0 : e.data) == null ? void 0 : o.name) ?? "信息",
+      children: e && /* @__PURE__ */ q("div", { children: [
+        /* @__PURE__ */ t("div", { className: "mb-2", children: "开发者信息" }),
+        /* @__PURE__ */ t("div", { className: "p-2 rounded-md bg-[#272822]", children: /* @__PURE__ */ t(Ge, { src: e, theme: "monokai" }) })
+      ] })
+    }
+  );
+}, St = (a) => {
+  const {
+    pagination: e = { position: "bottom" },
+    className: r,
+    sliderProps: o,
+    sliderRef: m,
+    onItemClick: n
+  } = a, f = ae(null), k = ae(null), {
+    list: s,
+    setList: N,
+    setListStatus: C,
+    showInfoItemData: L,
+    setShowInfoItemData: $,
+    openGroupItemData: G,
+    setOpenGroupItemData: R,
+    setMoveItemId: l,
+    setMoveTargetId: c,
+    addItem: M
+  } = Q(), { pagingDotBuilder: I, pagingDotsBuilder: A, itemBuilder: d } = O(), x = oe(() => e === !1 ? {} : {
+    top: i`
+        display: flex;
+        flex-direction: column;
+        .slick-list {
+          order: 1;
+        }
+        .slick-dots {
+          position: static;
+        }
+      `,
+    bottom: i`
+        .slick-dots {
+          position: static;
+        }
+      `,
+    left: i`
+        .slick-dots {
+          position: absolute;
+          width: auto;
+          left: 0;
+          top: 0;
+          bottom: 0;
+          transform: translateX(-100%);
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          .slick-dots-default {
+            flex-direction: column;
+          }
+        }
+      `,
+    right: i`
+        .slick-dots {
+          position: absolute;
+          width: auto;
+          right: 0;
+          top: 0;
+          bottom: 0;
+          transform: translateX(100%);
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          .slick-dots-default {
+            flex-direction: column;
+          }
+        }
+      `
+  }[e.position ?? "bottom"], [e]);
+  return /* @__PURE__ */ q(le, { children: [
+    /* @__PURE__ */ t(
+      Be,
+      {
+        useCSS: !0,
+        useTransform: !0,
+        arrows: !1,
+        ref: m ?? f,
+        infinite: !1,
+        dots: !0,
+        touchMove: !1,
+        lazyLoad: "anticipated",
+        className: D(
+          x,
+          i`
+            .slick-track {
+              display: flex;
+              align-items: stretch;
+            }
+            .slick-slide {
+              display: flex;
+              align-self: stretch;
+              height: unset;
+              > div {
+                display: flex;
+                align-self: stretch;
+                width: 100%;
+              }
+            }
+          `,
+          r
+        ),
+        customPaging: (b) => {
+          var u, g;
+          return I ? I(s[b], b) : /* @__PURE__ */ t(
+            "div",
+            {
+              onDragEnter: () => {
+                var z;
+                (z = (m ?? f).current) == null || z.slickGoTo(b);
+              },
+              children: (g = (u = s[b]) == 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(
+          "ul",
+          {
+            ref: k,
+            className: D(
+              "slick-dots-default",
+              i`
+                    padding: 0.5rem;
+                    display: inline-flex;
+                    justify-content: center;
+                    align-items: center;
+                    gap: 0.5rem;
+                    background-color: rgba(0, 0, 0, 0.1);
+                    border-radius: 0.5rem;
+                    .slick-active {
+                      background-color: rgba(0, 0, 0, 0.3);
+                      color: white;
+                      padding: 0.25rem;
+                      border-radius: 0.25rem;
+                    }
+                    li {
+                      margin: 0;
+                      width: auto;
+                      height: auto;
+                    }
+                  `
+            ),
+            children: b
+          }
+        ) }),
+        ...o,
+        children: s.map((b) => /* @__PURE__ */ t(
+          "div",
+          {
+            onDrop: (u) => {
+              u.preventDefault();
+              const g = u.dataTransfer.getData("text/plain");
+              if (g !== "")
+                try {
+                  M(JSON.parse(g), [b.id]);
+                } catch (z) {
+                  console.log("drag error", z);
+                }
+            },
+            onDragOver: (u) => {
+              u.preventDefault();
+            },
+            children: /* @__PURE__ */ t(
+              se,
+              {
+                className: D(
+                  i`
+                    display: grid;
+                    transition: all 0.3s;
+                    grid-template-columns: repeat(auto-fill, 96px);
+                    grid-auto-flow: dense;
+                    grid-auto-rows: 96px;
+                    place-items: center;
+                    justify-content: center;
+                    align-items: center;
+                  `
+                ),
+                animation: 150,
+                fallbackOnBody: !0,
+                swapThreshold: 0.65,
+                group: "nested",
+                list: b.children ?? [],
+                setList: (u) => N(u, [b.id]),
+                filter: ".drag-disabled",
+                onMove: (u) => {
+                  C("onMove");
+                  const { dragged: g, related: z } = u, H = g.dataset, E = z.dataset;
+                  return c(null), !((Object.keys(E).length === 0 || E.parentIds) && Number(H.childrenLength) > 0 && z.classList.contains("sortable-group-item"));
+                },
+                onStart: (u) => {
+                  const g = u.item.dataset;
+                  g != null && g.id && l(g.id), C("onMove");
+                },
+                onEnd: () => {
+                  l(null), c(null), C(null);
+                },
+                ghostClass: Ie,
+                children: (b.children ?? []).map((u, g) => {
+                  let z;
+                  if (d)
+                    return d(u);
+                  switch (u.type) {
+                    case "group":
+                    case "app":
+                      z = /* @__PURE__ */ t(
+                        wt,
+                        {
+                          data: u,
+                          itemIndex: g,
+                          parentIds: [b.id, u.id],
+                          onClick: n
+                        },
+                        u.id
+                      );
+                      break;
+                    default:
+                      z = /* @__PURE__ */ t(
+                        ce,
+                        {
+                          data: u,
+                          itemIndex: g,
+                          onClick: n
+                        },
+                        u.id
+                      );
+                      break;
+                  }
+                  return z;
+                })
+              }
+            )
+          },
+          b.id
+        ))
+      }
+    ),
+    /* @__PURE__ */ t(
+      Mt,
+      {
+        data: L,
+        onClose: () => {
+          $(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      yt,
+      {
+        data: G,
+        onClose: () => {
+          R(null);
+        },
+        onItemClick: n
+      }
+    )
+  ] });
+}, Wt = (a) => {
+  const {
+    list: e,
+    onChange: r,
+    storageKey: o,
+    enableCaching: m,
+    theme: n,
+    noLetters: f,
+    contextMenu: k,
+    contextMenuBuilder: s,
+    itemBuilder: N,
+    itemIconBuilder: C,
+    pagingDotBuilder: L,
+    pagingDotsBuilder: $,
+    ...G
+  } = a;
+  return /* @__PURE__ */ t(xt, { ...{
+    list: e,
+    onChange: r,
+    storageKey: o,
+    enableCaching: m
+  }, children: /* @__PURE__ */ t(kt, { ...{
+    theme: n,
+    noLetters: f,
+    contextMenu: k,
+    pagingDotsBuilder: $,
+    pagingDotBuilder: L,
+    itemBuilder: N,
+    itemIconBuilder: C,
+    contextMenuBuilder: s
+  }, children: /* @__PURE__ */ t(St, { ...G }) }) });
+}, Tt = {
+  frontmatterEditor: {
+    title: "编辑前置元数据",
+    key: "键",
+    value: "值",
+    addEntry: "添加项目"
+  },
+  dialogControls: {
+    save: "保存",
+    cancel: "取消"
+  },
+  uploadImage: {
+    uploadInstructions: "从您的设备中上传图片：",
+    addViaUrlInstructions: "或从网址新增图片：",
+    autoCompletePlaceholder: "选择或粘贴图片",
+    alt: "替代文本：",
+    title: "标题："
+  },
+  imageEditor: {
+    editImage: "编辑图片"
+  },
+  createLink: {
+    url: "网址",
+    urlPlaceholder: "选择或粘贴网址",
+    title: "标题",
+    saveTooltip: "设置网址",
+    cancelTooltip: "取消更改"
+  },
+  linkPreview: {
+    open: "在新窗口中打开 {{url}}",
+    edit: "编辑链接网址",
+    copyToClipboard: "复制到剪贴板",
+    copied: "已复制！",
+    remove: "移除链接"
+  },
+  table: {
+    deleteTable: "删除表格",
+    columnMenu: "列菜单",
+    textAlignment: "文字对齐",
+    alignLeft: "左对齐",
+    alignCenter: "居中对齐",
+    alignRight: "右对齐",
+    insertColumnLeft: "在当前列左侧插入一列",
+    insertColumnRight: "在当前列右侧插入一列",
+    deleteColumn: "删除此列",
+    rowMenu: "行菜单",
+    insertRowAbove: "在当前行上方插入一行",
+    insertRowBelow: "在当前行下方插入一行",
+    deleteRow: "删除此行"
+  },
+  toolbar: {
+    blockTypes: {
+      paragraph: "段落",
+      quote: "引用",
+      heading: "标题 {{level}}"
+    },
+    blockTypeSelect: {
+      selectBlockTypeTooltip: "选择块类型",
+      placeholder: "块类型"
+    },
+    toggleGroup: "切换组",
+    removeBold: "移除粗体",
+    bold: "粗体",
+    removeItalic: "移除斜体",
+    italic: "斜体",
+    underline: "移除下划线",
+    removeUnderline: "下划线",
+    removeInlineCode: "移除内联代码样式",
+    inlineCode: "内联代码样式",
+    link: "创建链接",
+    richText: "富文本",
+    diffMode: "差异模式",
+    source: "源码模式",
+    admonition: "插入注释区块",
+    codeBlock: "插入代码块",
+    editFrontmatter: "编辑前置元数据",
+    insertFrontmatter: "插入前置元数据",
+    image: "插入图片",
+    insertSandpack: "插入 Sandpack",
+    table: "插入表格",
+    thematicBreak: "插入主题换行",
+    bulletedList: "无序列表",
+    numberedList: "有序列表",
+    checkList: "任务列表",
+    deleteSandpack: "删除 Sandpack",
+    undo: "撤销 {{shortcut}}",
+    redo: "重做 {{shortcut}}",
+    superscript: "上标",
+    subscript: "下标",
+    strikethrough: "删除线",
+    removeSubscript: "移除下标",
+    removeSuperscript: "移除上标",
+    removeStrikethrough: "移除删除线"
+  },
+  admonitions: {
+    note: "注意",
+    tip: "提示",
+    danger: "危险",
+    info: "信息",
+    caution: "警告",
+    changeType: "选择注释区块类型",
+    placeholder: "注释区块类型"
+  },
+  codeBlock: {
+    language: "代码块语言",
+    selectLanguage: "选择代码块语言"
+  },
+  contentArea: {
+    editableMarkdown: "可编辑的 Markdown"
+  }
+}, Nt = (a, e, r) => {
+  const m = a.split(".").reduce(
+    (n, f) => typeof n == "string" ? n : n[f],
+    Tt
+  );
+  return typeof m != "string" ? e : r ? m.replace(/{{(.*?)}}/g, (n, f) => r[f]) : m;
+};
+function $t(a) {
+  const e = a == null ? void 0 : a.rootNode;
+  return !e || e.getType() !== "directive" ? !1 : ["note", "tip", "danger", "info", "caution"].includes(
+    e.getMdastNode().name
+  );
+}
+const Zt = (a) => {
+  const { value: e, onChange: r, translation: o, pluginConfig: m, ...n } = a, {
+    image: f,
+    diffSource: k = {
+      viewMode: "rich-text"
+    },
+    headings: s,
+    link: N,
+    codeBlock: C,
+    codeMirror: L = {
+      codeBlockLanguages: {
+        js: "JavaScript",
+        css: "CSS",
+        txt: "Plain Text",
+        tsx: "TypeScript",
+        "": "Unspecified"
+      }
+    },
+    directives: $ = {
+      directiveDescriptors: [ft]
+    }
+  } = m ?? {}, [G, R] = j("");
+  return ee(() => {
+    e !== void 0 && R(e);
+  }, [e]), /* @__PURE__ */ t(
+    Ye,
+    {
+      contentEditableClassName: "markdown-body",
+      markdown: G,
+      onChange: (l) => {
+        !e && !r && R(l), r && r(l);
+      },
+      translation: o ?? Nt,
+      plugins: [
+        je({
+          toolbarContents: () => /* @__PURE__ */ q(qe, { options: ["rich-text", "source"], children: [
+            /* @__PURE__ */ t(Fe, {}),
+            /* @__PURE__ */ t(K, {}),
+            /* @__PURE__ */ t(Ue, {}),
+            /* @__PURE__ */ t(Ve, {}),
+            /* @__PURE__ */ t(K, {}),
+            /* @__PURE__ */ t(Je, {}),
+            /* @__PURE__ */ t(K, {}),
+            /* @__PURE__ */ t(Ke, {}),
+            /* @__PURE__ */ t(K, {}),
+            /* @__PURE__ */ t(He, {}),
+            /* @__PURE__ */ t(We, {}),
+            /* @__PURE__ */ t(K, {}),
+            /* @__PURE__ */ t(Ze, {}),
+            /* @__PURE__ */ t(Oe, {}),
+            /* @__PURE__ */ t(K, {}),
+            /* @__PURE__ */ t(Qe, {}),
+            /* @__PURE__ */ t(
+              _e,
+              {
+                options: [
+                  {
+                    when: (l) => !$t(l),
+                    contents: () => /* @__PURE__ */ q(le, { children: [
+                      /* @__PURE__ */ t(K, {}),
+                      /* @__PURE__ */ t(et, {})
+                    ] })
+                  }
+                ]
+              }
+            ),
+            /* @__PURE__ */ t(K, {}),
+            /* @__PURE__ */ t(tt, {})
+          ] })
+        }),
+        ot(k),
+        rt(),
+        nt(),
+        it(s),
+        at(N),
+        lt(),
+        st(f),
+        ct(),
+        dt(),
+        ut(),
+        mt(C),
+        gt(L),
+        pt(),
+        ht($)
+      ],
+      ...n
+    }
+  );
+};
+export {
+  Wt as Desktop,
+  Zt as MdEditor
+};