zs_library 0.4.12 → 0.4.13

package/dist/index.js

@@ -1,15 +1,4149 @@
+var Ut = Object.defineProperty;
+var Xt = (r, e, o) => e in r ? Ut(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
+var Ie = (r, e, o) => Xt(r, typeof e != "symbol" ? e + "" : e, o);
 import "./index.css";
-/* empty css          */
-import "./i18n/index.js";
-import { default as f } from "./components/desktop/index.js";
-import { default as p } from "./components/md-editor/index.js";
-import { default as s } from "./components/md-editor/preview.js";
-import { default as l } from "./components/dock/index.js";
-import { default as x } from "./components/editor/index.js";
+import Gt from "i18next";
+import { initReactI18next as qt } from "react-i18next";
+import { jsx as t, jsxs as d, Fragment as me } from "react/jsx-runtime";
+import { cx as y, css as f } from "@emotion/css";
+import * as G from "react";
+import { createContext as Ze, useMemo as fe, useContext as Qe, useState as H, useRef as he, useEffect as ie, Fragment as Yt, forwardRef as Vt } from "react";
+import Wt from "react-slick";
+import { ReactSortable as ze } from "react-sortablejs";
+import { AnimatePresence as Ee, motion as R, useMotionValue as Kt, useTransform as xe, useSpring as Se } from "framer-motion";
+import { useLocalStorageState as Jt, useDebounceEffect as Zt } from "ahooks";
+import { v4 as Ye } from "uuid";
+import et from "rc-tooltip";
+import { RiPencilRuler2Line as Qt, RiShareLine as eo, RiInformationLine as to, RiCloseCircleLine as oo, RiArrowUpDownLine as ro, RiArrowLeftRightLine as no, RiArrowRightLine as ao, RiArrowLeftLine as so, RiCloseLine as io, RiZoomOutLine as lo, RiZoomInLine as co, RiClockwise2Line as mo, RiAnticlockwise2Line as uo, RiMoreLine as po, RiArrowDropDownLine as tt, RiCheckLine as ye, RiLink as go, RiDeleteBinLine as ot, RiText as rt, RiH1 as nt, RiH2 as at, RiH3 as st, RiListCheck as it, RiListUnordered as lt, RiListOrdered as ct, RiQuoteText as dt, RiCodeLine as mt, RiSparklingFill as $e, RiImageLine as fo, RiArrowRightSLine as ho, RiRepeatLine as bo, RiFileCopyLine as xo, RiAddLine as yo, RiDraggable as vo } from "@remixicon/react";
+import ut from "rc-dialog";
+import ko from "react-json-view";
+import { AdmonitionDirectiveDescriptor as Co, MDXEditor as wo, toolbarPlugin as No, diffSourcePlugin as Io, listsPlugin as So, quotePlugin as To, headingsPlugin as Mo, linkPlugin as Lo, linkDialogPlugin as Ao, imagePlugin as Ro, tablePlugin as Do, thematicBreakPlugin as Po, frontmatterPlugin as Bo, codeBlockPlugin as zo, codeMirrorPlugin as Eo, markdownShortcutPlugin as $o, directivesPlugin as Ho, DiffSourceToggleWrapper as Oo, UndoRedo as Fo, Separator as le, BoldItalicUnderlineToggles as _o, CodeToggle as jo, StrikeThroughSupSubToggles as Uo, ListsToggle as Xo, CreateLink as Go, InsertImage as qo, InsertTable as Yo, InsertThematicBreak as Vo, InsertCodeBlock as Wo, InsertFrontmatter as Ko } from "@mdxeditor/editor";
+import pt from "react-markdown";
+import Jo from "remark-gfm";
+import Zo from "remark-emoji";
+import Qo from "rehype-raw";
+import { Prism as er } from "react-syntax-highlighter";
+import { oneLight as tr } from "react-syntax-highlighter/dist/esm/styles/prism";
+import or from "rc-image";
+import { clsx as rr } from "clsx";
+import { twMerge as nr } from "tailwind-merge";
+import { Placeholder as ar, TiptapLink as sr, TiptapImage as ir, UploadImagesPlugin as lr, UpdatedImage as cr, TaskList as dr, TaskItem as mr, HorizontalRule as ur, StarterKit as pr, CodeBlockLowlight as gr, Mathematics as fr, CharacterCount as hr, AIHighlight as br, TiptapUnderline as xr, HighlightExtension as yr, TextStyle as vr, Color as kr, CustomKeymap as Cr, useEditor as Q, EditorBubbleItem as Le, getPrevText as wr, addAIHighlight as Nr, removeAIHighlight as Ir, EditorBubble as Sr, createImageUpload as gt, Command as Tr, createSuggestionItems as Mr, renderItems as Lr, EditorRoot as Ar, EditorContent as Rr, handleImageDrop as Dr, handleImagePaste as Pr, handleCommandNavigation as Br, EditorCommand as zr, EditorCommandEmpty as Er, EditorCommandList as $r, EditorCommandItem as Hr, ImageResizer as Or } from "novel";
+import { useDebouncedCallback as Fr } from "use-debounce";
+import { Markdown as _r } from "tiptap-markdown";
+import { cx as q, cva as jr } from "class-variance-authority";
+import { createLowlight as Ur, common as Xr } from "lowlight";
+import { Extension as Gr } from "@tiptap/core";
+import { Plugin as qr, PluginKey as Yr, NodeSelection as K, TextSelection as Vr } from "prosemirror-state";
+import { Slice as Wr, Fragment as Kr } from "prosemirror-model";
+import * as Jr from "prosemirror-view";
+import * as ve from "@radix-ui/react-popover";
+import { Popover as ft, PopoverTrigger as Zr } from "@radix-ui/react-popover";
+import { Slot as Qr } from "@radix-ui/react-slot";
+import { SigmaIcon as en, X as tn, Check as on, TextQuote as rn, TrashIcon as nn, RefreshCcwDot as an, CheckCheck as sn, ArrowDownWideNarrow as ln, WrapText as cn, StepForward as dn, ArrowUp as mn, BoldIcon as un, ItalicIcon as pn, UnderlineIcon as gn, StrikethroughIcon as fn, CodeIcon as hn } from "lucide-react";
+import * as ht from "@radix-ui/react-separator";
+import { useCompletion as bn } from "@ai-sdk/react";
+import { toast as ke } from "sonner";
+import * as ce from "@radix-ui/react-scroll-area";
+import { Command as V } from "cmdk";
+import * as te from "@radix-ui/react-dialog";
+import xn from "highlight.js";
+import yn from "rc-dropdown";
+import Te from "rc-menu";
+import { generateHTML as vn } from "@tiptap/html";
+function kn(r, e) {
+  for (var o = 0; o < e.length; o++) {
+    const a = e[o];
+    if (typeof a != "string" && !Array.isArray(a)) {
+      for (const n in a)
+        if (n !== "default" && !(n in r)) {
+          const s = Object.getOwnPropertyDescriptor(a, n);
+          s && Object.defineProperty(r, n, s.get ? s : {
+            enumerable: !0,
+            get: () => a[n]
+          });
+        }
+    }
+  }
+  return Object.freeze(Object.defineProperty(r, Symbol.toStringTag, { value: "Module" }));
+}
+const Cn = {
+  common: {
+    ok: "确定",
+    cancel: "取消",
+    confirm: "确认",
+    loading: "加载中...",
+    noData: "暂无数据",
+    edit: "编辑",
+    delete: "删除",
+    save: "保存"
+  },
+  desktop: {
+    maximize: "最大化",
+    minimize: "最小化",
+    restore: "还原",
+    close: "关闭"
+  },
+  editor: {
+    placeholder: "请输入内容...",
+    bold: "加粗",
+    italic: "斜体",
+    code: "代码",
+    link: "链接",
+    image: "图片"
+  }
+}, wn = {
+  common: {
+    ok: "OK",
+    cancel: "Cancel",
+    confirm: "Confirm",
+    loading: "Loading...",
+    noData: "No Data",
+    edit: "Edit",
+    delete: "Delete",
+    save: "Save"
+  },
+  desktop: {
+    maximize: "Maximize",
+    minimize: "Minimize",
+    restore: "Restore",
+    close: "Close"
+  },
+  editor: {
+    placeholder: "Please enter content...",
+    bold: "Bold",
+    italic: "Italic",
+    code: "Code",
+    link: "Link",
+    image: "Image"
+  }
+}, Nn = "common";
+Gt.use(qt).init({
+  resources: {
+    "zh-CN": Cn,
+    "en-US": wn
+  },
+  lng: "zh-CN",
+  fallbackLng: "zh-CN",
+  defaultNS: Nn,
+  interpolation: {
+    escapeValue: !1
+  }
+});
+const He = {
+  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)"
+  }
+}, Oe = {
+  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)"
+  }
+}, bt = Ze(
+  {}
+), xt = (r) => {
+  const { children: e, theme: o, ...a } = r, n = fe(() => o === "light" ? He : o === "dark" ? Oe : o, [o]);
+  return /* @__PURE__ */ t(bt.Provider, { value: { theme: n, ...a }, children: e });
+}, ue = () => Qe(bt), Fe = {
+  maxRow: 2,
+  maxCol: 2
+}, yt = {
+  ...Fe
+}, _e = {
+  app: Fe,
+  group: yt
+};
+class Y {
+}
+/** 清理重复id */
+Ie(Y, "uniqueArray", (e) => e.reduce((o, a) => o.find((s) => s.id === a.id) ? o : o.concat([a]), [])), Ie(Y, "getTheme", (e) => {
+  const o = He.token, a = Oe.token, n = { ...o, ...e == null ? void 0 : e.token }, s = { ...a, ...e == null ? void 0 : e.token };
+  return { light: n, dark: s };
+}), Ie(Y, "quickJSONCheck", (e) => {
+  if (typeof e != "string" || e.trim() === "") return !1;
+  if (!/^\s*(\{.*\}|\[.*\])\s*$/.test(e))
+    return /^\s*(".*?"|[\d.]+|true|false|null)\s*$/.test(e);
+  try {
+    return new Function(`return ${e.replace(/"/g, '\\"')}`)(), !0;
+  } catch {
+    return !1;
+  }
+});
+const vt = Ze({
+  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: () => {
+  }
+}), kt = (r) => {
+  const {
+    children: e,
+    list: o = [],
+    onChange: a,
+    storageKey: n = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
+    enableCaching: s = !0
+  } = r, [i, m] = H(), [p, C] = H(), [l, c] = H(null), b = he(l), [x, A] = H(null), [h, g] = H([]), [N, v] = H(
+    null
+  ), [I, u] = H(
+    null
+  ), [T, D] = H(!1), [w, k] = H(null), [U, Z] = H(
+    null
+  ), [_, ae] = H(!1), [oe, S] = Jt(n, {
+    defaultValue: [],
+    listenStorageChange: !0
+  }), O = () => {
+    A(null), clearTimeout(i), m(void 0), b.current = null;
+  }, B = (M, X) => {
+    A({ ...M, pageX: M.pageX, pageY: M.pageY, data: X }), clearTimeout(i);
+  }, W = (M, X = !0) => {
+    const { config: F = {} } = M;
+    return F.allowContextMenu === !1 ? {} : {
+      onMouseDown: (E) => {
+        m(
+          setTimeout(() => {
+            X && b.current === null && B(E, M);
+          }, 800)
+        ), D(!1), C(
+          setTimeout(() => {
+            D(!0);
+          }, 800)
+        );
+      },
+      onMouseUp: () => {
+        clearTimeout(p), C(void 0), clearTimeout(i), m(void 0);
+      },
+      onContextMenu: (E) => {
+        X && (E.preventDefault(), B(E, M));
+      }
+    };
+  }, re = (M, X) => {
+    const F = [...X || []];
+    if (F.length > 0)
+      g((E) => {
+        const P = [...E], z = (L) => {
+          var Ge, qe;
+          const $ = F.shift(), j = L.find((ne) => ne.id === $), ee = L.findIndex((ne) => ne.id === $);
+          if (F.length && j) {
+            if (((Ge = j.children) == null ? void 0 : Ge.filter(
+              (ne) => !M.some((jt) => jt.id === ne.id)
+            ).length) === 1 && M.length === 1) {
+              const ne = { ...M[0] };
+              return L.splice(ee, 1, ne), a == null || a(L), L;
+            }
+            return j.children = z(j.children || []), L.splice(ee, 1, j), a == null || a(L), L;
+          }
+          if (j) {
+            if (!((qe = j.children) != null && qe.length) && M.length) {
+              const ne = { ...j };
+              return j.data = { name: "文件夹" }, j.type = "group", j.children = [ne, ...M], j.id = Ye(), L.splice(ee, 1, j), a == null || a(L), L;
+            }
+            return j.children = Y.uniqueArray(M), L.splice(ee, 1, j), a == null || a(L), L;
+          }
+          return Y.uniqueArray(M);
+        };
+        return Y.uniqueArray(z(P));
+      });
+    else {
+      const E = Y.uniqueArray(M);
+      a == null || a(E), g(E);
+    }
+  }, Re = (M, X) => {
+    g((F) => {
+      const E = [...F], P = (z) => {
+        var L;
+        for (let $ = 0; $ < z.length; $++)
+          if (z[$].id === M) {
+            z[$].config = X;
+            break;
+          } else ((L = z[$].children) == null ? void 0 : L.length) !== void 0 && P(z[$].children);
+      };
+      return P(E), a == null || a(E), E;
+    });
+  }, we = (M, X) => {
+    g((F) => {
+      const E = [...F], P = (z) => {
+        var L;
+        for (let $ = 0; $ < z.length; $++)
+          if (z[$].id === M) {
+            z[$].data = X;
+            break;
+          } else ((L = z[$].children) == null ? void 0 : L.length) !== void 0 && P(z[$].children);
+      };
+      return P(E), a == null || a(E), E;
+    });
+  }, Ne = (M) => {
+    g((X) => {
+      const F = [...X], E = (P) => {
+        var z;
+        for (let L = 0; L < P.length; L++)
+          if (P[L].id === M) {
+            P.splice(L, 1);
+            break;
+          } else ((z = P[L].children) == null ? void 0 : z.length) !== void 0 && E(P[L].children);
+      };
+      return E(F), a == null || a(F), F;
+    });
+  }, se = (M, X) => {
+    const F = [...h], E = (P, z) => {
+      const L = z.shift(), $ = P.find((ee) => ee.id === L), j = P.findIndex((ee) => ee.id === L);
+      if ($) {
+        if (z.length)
+          $.children = E($.children || [], z);
+        else {
+          const ee = (M == null ? void 0 : M.type) ?? "app";
+          $.children = [
+            ...$.children ?? [],
+            {
+              ...M,
+              id: Ye(),
+              config: (M == null ? void 0 : M.config) ?? _e[ee]
+            }
+          ];
+        }
+        return P.splice(j, 1, $), P;
+      } else
+        return P;
+    };
+    g(E(F, X));
+  };
+  return ie(() => {
+    (o == null ? void 0 : o.length) > 0 && h.length === 0 && re(o);
+  }, [o]), ie(() => {
+    b.current = l, l !== null && O();
+  }, [l]), ie(() => {
+    s && oe != null && oe.length && !_ && (re(oe), ae(!0));
+  }, [oe, _, s]), Zt(
+    () => {
+      s && S(h);
+    },
+    [h, s],
+    {
+      wait: 1e3
+    }
+  ), /* @__PURE__ */ t(
+    vt.Provider,
+    {
+      value: {
+        list: h,
+        setList: re,
+        contextMenu: x,
+        setContextMenu: A,
+        listStatus: l,
+        setListStatus: c,
+        contextMenuFuns: W,
+        hideContextMenu: O,
+        showInfoItemData: N,
+        setShowInfoItemData: v,
+        openGroupItemData: I,
+        setOpenGroupItemData: u,
+        longPressTriggered: T,
+        updateItemConfig: Re,
+        updateItem: we,
+        removeItem: Ne,
+        addItem: se,
+        moveItemId: w,
+        setMoveItemId: k,
+        moveTargetId: U,
+        setMoveTargetId: Z
+      },
+      children: e
+    }
+  );
+}, be = () => Qe(vt), In = {
+  menuShow: {
+    opacity: 1,
+    y: 0,
+    transition: { type: "spring", stiffness: 300, damping: 24 }
+  },
+  menuHide: { opacity: 0, y: 20, transition: { duration: 0.2 } }
+}, De = (r) => {
+  const { icon: e, title: o, onClick: a } = r, { theme: n } = ue(), { light: s, dark: i } = Y.getTheme(n);
+  return /* @__PURE__ */ t(
+    R.div,
+    {
+      className: f`
+        &:hover {
+          background-color: ${s.contextMenuActiveColor};
+          @media (prefers-color-scheme: dark) {
+            background-color: ${i.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: (m) => {
+        m.stopPropagation(), a == null || a();
+      },
+      variants: In,
+      children: /* @__PURE__ */ d(
+        R.div,
+        {
+          className: y(
+            "py-1.5 px-3 rounded-lg",
+            f`
+            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(
+              R.div,
+              {
+                className: y(
+                  f`
+              margin-bottom: 0.375rem;
+              display: flex;
+              justify-content: center;
+            `
+                ),
+                children: e
+              }
+            ),
+            /* @__PURE__ */ t(R.div, { children: o })
+          ]
+        }
+      )
+    }
+  );
+}, Sn = (r) => {
+  const {
+    showInfoButton: e = !0,
+    showRemoveButton: o = !0,
+    showShareButton: a = !0,
+    showSizeButton: n = !0,
+    onInfoClick: s,
+    onShareClick: i,
+    onRemoveClick: m
+  } = r, {
+    contextMenu: p,
+    setContextMenu: C,
+    hideContextMenu: l,
+    setShowInfoItemData: c,
+    removeItem: b,
+    updateItemConfig: x
+  } = be(), { theme: A } = ue(), { light: h, dark: g } = Y.getTheme(A), { data: N } = p ?? {}, { config: v = {} } = N ?? {}, I = () => {
+    var D;
+    const u = _e[(D = p == null ? void 0 : p.data) == null ? void 0 : D.type], T = [];
+    for (let w = 1; w <= ((u == null ? void 0 : u.maxRow) ?? 2); w++)
+      for (let k = 1; k <= ((u == null ? void 0 : u.maxCol) ?? 2); k++)
+        T.push(`${w}x${k}`);
+    return T;
+  };
+  return /* @__PURE__ */ t(Ee, { children: p && /* @__PURE__ */ d(
+    R.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      onMouseDown: (u) => {
+        u.stopPropagation(), u.preventDefault();
+      },
+      children: [
+        /* @__PURE__ */ t(
+          R.div,
+          {
+            className: y(
+              f`
+                border-radius: 0.5rem;
+                overflow: hidden;
+                background-color: ${h.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
+                @media (prefers-color-scheme: dark) {
+                  background-color: ${g.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
+                }
+              `
+            ),
+            children: n && v.allowResize !== !1 && /* @__PURE__ */ t(
+              R.ul,
+              {
+                className: f`
+                  background-color: white;
+                  padding: 0.25rem;
+                  margin: 0;
+                `,
+                children: [
+                  {
+                    label: "修改大小",
+                    key: "size",
+                    icon: /* @__PURE__ */ t(Qt, { size: 14 }),
+                    items: I().map((u) => ({
+                      label: u,
+                      key: u,
+                      onClick: () => {
+                        const [T, D] = u.split("x").map(Number);
+                        x(p.data.id, {
+                          row: T,
+                          col: D
+                        });
+                      }
+                    }))
+                  }
+                ].map((u) => /* @__PURE__ */ d(
+                  R.li,
+                  {
+                    className: f`
+                      padding-top: 0.5rem;
+                      padding-bottom: 0.5rem;
+                      padding-left: 0.75rem;
+                      padding-right: 0.75rem;
+                    `,
+                    children: [
+                      /* @__PURE__ */ d(
+                        R.p,
+                        {
+                          className: f`
+                        display: flex;
+                        align-items: center;
+                        font-size: 0.875rem;
+                        line-height: 1.25rem;
+                        gap: 0.5rem;
+                        padding-bottom: 0.5rem;
+                        margin: 0;
+                      `,
+                          children: [
+                            u.icon,
+                            " ",
+                            u.label
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ t(
+                        R.div,
+                        {
+                          className: f`
+                        display: grid;
+                        grid-template-columns: repeat(2, minmax(0, 1fr));
+                        gap: 0.25rem;
+                      `,
+                          children: u.items.map((T) => /* @__PURE__ */ t(
+                            R.div,
+                            {
+                              className: y(
+                                "py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",
+                                f`
+                              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: ${h.contextMenuTextColor};
+                              @media (prefers-color-scheme: dark) {
+                                color: ${g.contextMenuTextColor};
+                              }
+                              &:hover {
+                                background-color: ${h.contextMenuActiveColor};
+                                @media (prefers-color-scheme: dark) {
+                                  background-color: ${g.contextMenuActiveColor};
+                                }
+                              }
+                            `,
+                                `${v.row}x${v.col}` === T.key && f`
+                                background-color: ${h.contextMenuActiveColor};
+                                @media (prefers-color-scheme: dark) {
+                                  background-color: ${g.contextMenuActiveColor};
+                                }
+                              `
+                              ),
+                              onClick: T.onClick,
+                              children: T.label
+                            },
+                            T.key
+                          ))
+                        }
+                      )
+                    ]
+                  },
+                  u.key
+                ))
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ d(
+          R.div,
+          {
+            className: y(
+              f`
+                background-color: ${h.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
+                @media (prefers-color-scheme: dark) {
+                  background-color: ${g.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
+                }
+                display: flex;
+                justify-content: space-around;
+                align-items: center;
+                margin-top: 0.5rem;
+                border-radius: 0.5rem;
+                overflow: hidden;
+                padding: 0.25rem;
+              `
+            ),
+            children: [
+              a && /* @__PURE__ */ t(
+                De,
+                {
+                  icon: /* @__PURE__ */ t(eo, { size: 20 }),
+                  title: "分享",
+                  onClick: () => {
+                    if (i) {
+                      i(p.data);
+                      return;
+                    }
+                  }
+                }
+              ),
+              e && /* @__PURE__ */ t(
+                De,
+                {
+                  icon: /* @__PURE__ */ t(to, { size: 20 }),
+                  title: "信息",
+                  onClick: () => {
+                    if (s) {
+                      s(p.data);
+                      return;
+                    }
+                    c({
+                      ...p.data,
+                      pageX: p.pageX,
+                      pageY: p.pageY
+                    }), l();
+                  }
+                }
+              ),
+              o && /* @__PURE__ */ t(
+                De,
+                {
+                  icon: /* @__PURE__ */ t(oo, { size: 20 }),
+                  title: "移除",
+                  onClick: () => {
+                    if (m) {
+                      m(p.data, b);
+                      return;
+                    }
+                    C(null), b(p.data.id);
+                  }
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}, Tn = (r) => {
+  const { data: e, noLetters: o = !1 } = r, { contextMenuFuns: a } = be(), { itemIconBuilder: n, theme: s, contextMenu: i } = ue(), { light: m, dark: p } = Y.getTheme(s), { data: C = {} } = e, { name: l } = C;
+  return /* @__PURE__ */ d(me, { children: [
+    /* @__PURE__ */ t(
+      R.div,
+      {
+        className: f`
+          width: 4rem;
+          height: 4rem;
+          background-color: ${m.itemIconBackgroundColor};
+          border-radius: 0.75rem;
+          box-shadow: 0 0 0.5rem ${m.itemIconShadowColor};
+          cursor: pointer;
+          position: relative;
+          overflow: hidden;
+          @media (prefers-color-scheme: dark) {
+            background-color: ${p.itemIconBackgroundColor};
+            box-shadow: 0 0 0.5rem ${p.itemIconShadowColor};
+          }
+        `,
+        whileTap: { scale: 0.9 },
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: f`
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            color: ${m.itemNameColor};
+            @media (prefers-color-scheme: dark) {
+              color: ${p.itemNameColor};
+            }
+          `,
+            ...a(e, i !== !1),
+            children: n == null ? void 0 : n(e)
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t(
+      R.p,
+      {
+        className: y(
+          f`
+            text-align: center;
+            margin-top: 0.25rem;
+            margin-bottom: 0;
+            color: ${m.itemNameColor};
+            @media (prefers-color-scheme: dark) {
+              color: ${p.itemNameColor};
+            }
+          `,
+          o && f`
+              color: transparent;
+            `
+        ),
+        children: l
+      }
+    )
+  ] });
+}, je = (r) => {
+  const {
+    data: e,
+    className: o,
+    itemIndex: a,
+    onClick: n,
+    disabledDrag: s = !1,
+    children: i,
+    parentIds: m,
+    childrenLength: p
+  } = r, { contextMenu: C, setContextMenu: l } = be(), { contextMenu: c } = ue();
+  return /* @__PURE__ */ t(
+    et,
+    {
+      placement: "bottom",
+      overlayClassName: f`
+        background-color: transparent;
+        .rc-tooltip-inner {
+          background-color: transparent;
+          padding: 0;
+          border: none;
+        }
+      `,
+      overlay: /* @__PURE__ */ t(Sn, { ...c }),
+      visible: (C == null ? void 0 : C.data.id) === e.id,
+      onVisibleChange: (b) => {
+        b || l(null);
+      },
+      destroyTooltipOnHide: !0,
+      children: /* @__PURE__ */ t(
+        R.div,
+        {
+          "data-id": e.id,
+          "data-index": a,
+          "data-parent-ids": m == null ? void 0 : m.join(","),
+          "data-children-length": p,
+          onClick: () => n == null ? void 0 : n(e),
+          className: y(s && "drag-disabled", o),
+          children: i ?? /* @__PURE__ */ t(Tn, { ...r })
+        }
+      )
+    }
+  );
+}, Mn = (r) => {
+  const {
+    data: e,
+    className: o,
+    parentIds: a,
+    itemIndex: n,
+    onClick: s,
+    noLetters: i = !1
+  } = r, {
+    contextMenuFuns: m,
+    setList: p,
+    setOpenGroupItemData: C,
+    longPressTriggered: l,
+    moveItemId: c,
+    moveTargetId: b,
+    setMoveTargetId: x,
+    listStatus: A
+  } = be(), { itemIconBuilder: h, theme: g, contextMenu: N } = ue(), { light: v, dark: I } = Y.getTheme(g), { children: u, data: T, config: D } = e, { row: w = 1, col: k = 1 } = D ?? {}, U = {
+    visible: { opacity: 1, scale: 1 },
+    hidden: { opacity: 0, scale: 0.95 }
+  }, Z = ((u == null ? void 0 : u.length) ?? 0) === 0, _ = Z ? [e] : [...u ?? []].slice(0, 9), ae = fe(() => c === e.id.toString(), [e.id, c]), oe = fe(() => b === e.id, [e.id, b]), S = f`
+    overflow: hidden;
+    cursor: pointer;
+    background-color: ${v.itemIconBackgroundColor};
+    box-shadow: 0 0 0.5rem ${v.itemIconShadowColor};
+    @media (prefers-color-scheme: dark) {
+      background-color: ${I.itemIconBackgroundColor};
+      box-shadow: 0 0 0.5rem ${I.itemIconShadowColor};
+    }
+  `, O = () => {
+    if (Z)
+      return /* @__PURE__ */ t(
+        R.div,
+        {
+          className: y(
+            "sortable-group-item",
+            f`
+              overflow: hidden;
+              cursor: pointer;
+              width: 100%;
+              height: 100%;
+              background-color: ${v.itemIconBackgroundColor};
+              position: absolute;
+              left: 0;
+              top: 0;
+              border-radius: 0.75rem;
+              @media (prefers-color-scheme: dark) {
+                background-color: ${I.itemIconBackgroundColor};
+              }
+            `
+          ),
+          onClick: (B) => {
+            B.stopPropagation(), s == null || s(e);
+          },
+          children: h == null ? void 0 : h(e)
+        }
+      );
+    if (w === 1 && k === 1 || w === 2 && k === 2)
+      return /* @__PURE__ */ t(
+        R.div,
+        {
+          className: f`
+            display: grid;
+            width: 100%;
+            height: 100%;
+            grid-template-columns: repeat(3, minmax(0, 1fr));
+            grid-template-rows: repeat(3, minmax(0, 1fr));
+            padding: ${k === 1 ? "0.125rem" : "0.25rem"};
+            gap: ${k === 1 ? "0.125rem" : "0.5rem"};
+            place-items: center;
+          `,
+          children: _ == null ? void 0 : _.slice(0, 9).map((B) => /* @__PURE__ */ t(
+            R.div,
+            {
+              className: y(
+                S,
+                f`
+                  border-radius: ${k === 1 ? "0.25rem" : "0.5rem"};
+                  width: 100%;
+                  height: 100%;
+                `
+              ),
+              onClick: (W) => {
+                W.stopPropagation(), s == null || s(B);
+              },
+              children: h == null ? void 0 : h(B)
+            },
+            B.id
+          ))
+        }
+      );
+    if (w === 1 && k === 2)
+      return /* @__PURE__ */ t(
+        R.div,
+        {
+          className: f`
+            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: _ == null ? void 0 : _.slice(0, 4).map((B, W) => /* @__PURE__ */ t(
+            R.div,
+            {
+              className: y(
+                S,
+                W < 2 ? f`
+                      width: 52px;
+                      height: 52px;
+                      border-radius: 0.5rem;
+                      grid-column: span 4 / span 4;
+                      grid-row: span 4 / span 4;
+                    ` : f`
+                      width: 1.5rem;
+                      height: 1.5rem;
+                      border-radius: 0.375rem;
+                      grid-column: span 2 / span 2;
+                      grid-row: span 2 / span 2;
+                    `
+              ),
+              onClick: (re) => {
+                W > 2 || (re.stopPropagation(), s == null || s(B));
+              },
+              children: h == null ? void 0 : h(B)
+            },
+            B.id
+          ))
+        }
+      );
+    if (w === 2 && k === 1)
+      return /* @__PURE__ */ t(
+        R.div,
+        {
+          className: f`
+            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: _ == null ? void 0 : _.slice(0, 4).map((B, W) => /* @__PURE__ */ t(
+            R.div,
+            {
+              className: y(
+                S,
+                W < 2 ? f`
+                      width: 52px;
+                      height: 52px;
+                      border-radius: 0.5rem;
+                      grid-column: span 4 / span 4;
+                      grid-row: span 4 / span 4;
+                    ` : f`
+                      width: 1.5rem;
+                      height: 1.5rem;
+                      grid-column: span 2 / span 2;
+                      grid-row: span 2 / span 2;
+                    `
+              ),
+              onClick: (re) => {
+                W > 2 || (re.stopPropagation(), s == null || s(B));
+              },
+              children: h == null ? void 0 : h(B)
+            },
+            B.id
+          ))
+        }
+      );
+  };
+  return /* @__PURE__ */ d(
+    je,
+    {
+      data: e,
+      itemIndex: n,
+      parentIds: a,
+      childrenLength: u == null ? void 0 : u.length,
+      className: y(
+        f`
+          grid-row: span ${w};
+          grid-column: span ${k};
+        `,
+        o
+      ),
+      children: [
+        /* @__PURE__ */ t(
+          R.div,
+          {
+            whileTap: { scale: 0.9 },
+            className: y(
+              oe ? "!scale-110" : "",
+              f`
+            cursor: pointer;
+            position: relative;
+            border-radius: 0.75rem;
+            background-color: ${v.groupItemIconBackgroundColor};
+            box-shadow: 0 0 0.5rem ${v.groupItemIconShadowColor};
+            @media (prefers-color-scheme: dark) {
+              background-color: ${I.groupItemIconBackgroundColor};
+              box-shadow: 0 0 0.5rem ${I.groupItemIconShadowColor};
+            }
+            /* overflow: hidden; */
+            transition: all 0.3s;
+            margin: 0 auto;
+            width: ${k * 64 + 32 * (k - 1)}px;
+            height: ${w * 64 + 32 * (w - 1)}px;
+          `
+            ),
+            onClick: (B) => {
+              !Z && !l && (e.parentIds = a, e.pageX = B.pageX, e.pageY = B.pageY, C(e));
+            },
+            ...m(e, N !== !1),
+            children: /* @__PURE__ */ d(
+              R.div,
+              {
+                className: f`
+            position: relative;
+            width: 100%;
+            height: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding: 0.375rem;
+          `,
+                children: [
+                  O(),
+                  /* @__PURE__ */ t(
+                    ze,
+                    {
+                      className: y(
+                        "sortable-group-item",
+                        f`
+                position: absolute;
+                cursor: pointer;
+                left: 0.375rem;
+                top: 0.375rem;
+                width: calc(100% - 0.75rem);
+                height: calc(100% - 0.75rem);
+                pointer-events: ${A === null ? "none" : "auto"};
+                > * {
+                  opacity: 0;
+                }
+              `
+                      ),
+                      group: { name: "nested", pull: !1, put: !0 },
+                      animation: 150,
+                      fallbackOnBody: !0,
+                      list: u ?? [],
+                      setList: (B) => p(B, a),
+                      filter: () => !0,
+                      "data-id": e.id,
+                      onChange: () => {
+                        x(e.id);
+                      }
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          R.p,
+          {
+            className: y(
+              f`
+            text-align: center;
+            margin-top: 0.25rem;
+            margin-bottom: 0;
+            color: ${v.itemNameColor};
+            @media (prefers-color-scheme: dark) {
+              color: ${I.itemNameColor};
+            }
+          `,
+              i && f`
+              color: transparent;
+            `
+            ),
+            variants: U,
+            animate: ae ? "hidden" : "visible",
+            children: (T == null ? void 0 : T.name) ?? "文件夹"
+          }
+        )
+      ]
+    }
+  );
+}, Ct = f`
+  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;
+    }
+  }
+`, Ln = (r) => {
+  const { data: e, onClose: o, onItemClick: a } = r, {
+    list: n,
+    setList: s,
+    setListStatus: i,
+    setMoveItemId: m,
+    setMoveTargetId: p,
+    updateItem: C
+  } = be(), { theme: l } = ue(), { light: c, dark: b } = Y.getTheme(l), [x, A] = H("文件夹"), h = [...(e == null ? void 0 : e.children) ?? []];
+  return ie(() => {
+    var g;
+    e && A((g = e.data) == null ? void 0 : g.name);
+  }, [e]), /* @__PURE__ */ t(
+    ut,
+    {
+      visible: !!e,
+      onClose: () => {
+        o();
+      },
+      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: f`
+            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: x,
+          onChange: (g) => {
+            A(g.target.value);
+          },
+          onBlur: () => {
+            e && C(e.id, {
+              ...e.data,
+              name: x
+            });
+          }
+        }
+      ),
+      footer: null,
+      closable: !1,
+      className: y(
+        "group-item-modal",
+        f`
+          .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: ${c.groupItemModalBackgroundColor};
+              @media (prefers-color-scheme: dark) {
+                background-color: ${b.groupItemModalBackgroundColor};
+              }
+              border-radius: 0.5rem;
+              overflow: hidden;
+            }
+          }
+        `
+      ),
+      width: 600,
+      destroyOnClose: !0,
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: f`
+          overflow-y: auto;
+          max-height: 60vh;
+          padding: 1.25rem 0;
+        `,
+          onDragLeave: (g) => {
+            const N = g.relatedTarget;
+            N && (g.currentTarget.contains(N) || setTimeout(() => {
+              o();
+            }, 500));
+          },
+          children: /* @__PURE__ */ t(
+            ze,
+            {
+              className: f`
+            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: (g) => {
+                var I, u;
+                const N = g.map((T) => T.id), v = (u = (I = n.find((T) => T.id === (e == null ? void 0 : e.id))) == null ? void 0 : I.children) == null ? void 0 : u.map((T) => T.id);
+                N.length === (v == null ? void 0 : v.length) && N.every((T, D) => T === v[D]) || N.length < ((v == null ? void 0 : v.length) ?? 0) || s(g, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
+              },
+              onMove: () => (p(null), i("onMove"), !0),
+              onStart: (g) => {
+                const N = g.item.dataset;
+                N != null && N.id && m(N.id), i("onMove");
+              },
+              onEnd: () => {
+                m(null), p(null), i(null);
+              },
+              ghostClass: Ct,
+              children: h.map((g, N) => /* @__PURE__ */ t(
+                je,
+                {
+                  data: g,
+                  itemIndex: N,
+                  onClick: a
+                },
+                g.id
+              ))
+            }
+          )
+        }
+      )
+    }
+  );
+}, An = (r) => {
+  var a;
+  const { data: e, onClose: o } = r;
+  return /* @__PURE__ */ t(
+    ut,
+    {
+      visible: !!e,
+      onClose: () => {
+        o();
+      },
+      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: ((a = e == null ? void 0 : e.data) == null ? void 0 : a.name) ?? "信息",
+      children: e && /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ t("div", { className: "mb-2", children: "开发者信息" }),
+        /* @__PURE__ */ t("div", { className: "p-2 rounded-md bg-[#272822]", children: /* @__PURE__ */ t(ko, { src: e, theme: "monokai" }) })
+      ] })
+    }
+  );
+}, wt = (r) => {
+  const {
+    pagination: e = { position: "bottom" },
+    className: o,
+    sliderProps: a,
+    sliderRef: n,
+    onItemClick: s
+  } = r, i = he(null), m = he(null), {
+    list: p,
+    setList: C,
+    setListStatus: l,
+    showInfoItemData: c,
+    setShowInfoItemData: b,
+    openGroupItemData: x,
+    setOpenGroupItemData: A,
+    setMoveItemId: h,
+    setMoveTargetId: g,
+    addItem: N
+  } = be(), { pagingDotBuilder: v, pagingDotsBuilder: I, itemBuilder: u } = ue(), T = fe(() => e === !1 ? {} : {
+    top: f`
+        display: flex;
+        flex-direction: column;
+        .slick-list {
+          order: 1;
+        }
+        .slick-dots {
+          position: static;
+        }
+      `,
+    bottom: f`
+        .slick-dots {
+          position: static;
+        }
+      `,
+    left: f`
+        .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: f`
+        .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__ */ d(me, { children: [
+    /* @__PURE__ */ t(
+      Wt,
+      {
+        useCSS: !0,
+        useTransform: !0,
+        arrows: !1,
+        ref: n ?? i,
+        infinite: !1,
+        dots: !0,
+        touchMove: !1,
+        lazyLoad: "anticipated",
+        className: y(
+          T,
+          f`
+            .slick-track {
+              display: flex;
+              align-items: stretch;
+            }
+            .slick-slide {
+              display: flex;
+              align-self: stretch;
+              height: unset;
+              > div {
+                display: flex;
+                align-self: stretch;
+                width: 100%;
+              }
+            }
+          `,
+          o
+        ),
+        customPaging: (D) => {
+          var w, k;
+          return v ? v(p[D], D) : /* @__PURE__ */ t(
+            "div",
+            {
+              onDragEnter: () => {
+                var U;
+                (U = (n ?? i).current) == null || U.slickGoTo(D);
+              },
+              children: (k = (w = p[D]) == null ? void 0 : w.data) == null ? void 0 : k.name
+            }
+          );
+        },
+        appendDots: (D) => I ? I(D) : e === !1 ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+          "ul",
+          {
+            ref: m,
+            className: y(
+              "slick-dots-default",
+              f`
+                    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: D
+          }
+        ) }),
+        ...a,
+        children: p.map((D) => /* @__PURE__ */ t(
+          "div",
+          {
+            onDrop: (w) => {
+              w.preventDefault();
+              const k = w.dataTransfer.getData("text/plain");
+              if (Y.quickJSONCheck(k))
+                try {
+                  N(JSON.parse(k), [D.id]);
+                } catch (Z) {
+                  console.log("drag error", Z);
+                }
+            },
+            onDragOver: (w) => {
+              w.preventDefault();
+            },
+            children: /* @__PURE__ */ t(
+              ze,
+              {
+                className: y(
+                  f`
+                    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: D.children ?? [],
+                setList: (w) => C(w, [D.id]),
+                filter: ".drag-disabled",
+                onMove: (w) => {
+                  l("onMove");
+                  const { dragged: k, related: U } = w, Z = k.dataset, _ = U.dataset;
+                  return g(null), !((Object.keys(_).length === 0 || _.parentIds) && Number(Z.childrenLength) > 0 && U.classList.contains("sortable-group-item"));
+                },
+                onStart: (w) => {
+                  const k = w.item.dataset;
+                  k != null && k.id && h(k.id), l("onMove");
+                },
+                onEnd: () => {
+                  h(null), g(null), l(null);
+                },
+                ghostClass: Ct,
+                children: (D.children ?? []).map((w, k) => {
+                  let U;
+                  if (u)
+                    return u(w);
+                  switch (w.type) {
+                    case "group":
+                    case "app":
+                      U = /* @__PURE__ */ t(
+                        Mn,
+                        {
+                          data: w,
+                          itemIndex: k,
+                          parentIds: [D.id, w.id],
+                          onClick: s
+                        },
+                        w.id
+                      );
+                      break;
+                    default:
+                      U = /* @__PURE__ */ t(
+                        je,
+                        {
+                          data: w,
+                          itemIndex: k,
+                          onClick: s
+                        },
+                        w.id
+                      );
+                      break;
+                  }
+                  return U;
+                })
+              }
+            )
+          },
+          D.id
+        ))
+      }
+    ),
+    /* @__PURE__ */ t(
+      An,
+      {
+        data: c,
+        onClose: () => {
+          b(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      Ln,
+      {
+        data: x,
+        onClose: () => {
+          A(null);
+        },
+        onItemClick: s
+      }
+    )
+  ] });
+}, Rn = (r) => {
+  const {
+    list: e,
+    onChange: o,
+    storageKey: a,
+    enableCaching: n,
+    theme: s,
+    noLetters: i,
+    contextMenu: m,
+    contextMenuBuilder: p,
+    itemBuilder: C,
+    itemIconBuilder: l,
+    pagingDotBuilder: c,
+    pagingDotsBuilder: b,
+    ...x
+  } = r;
+  return /* @__PURE__ */ t(kt, { ...{
+    list: e,
+    onChange: o,
+    storageKey: a,
+    enableCaching: n
+  }, children: /* @__PURE__ */ t(xt, { ...{
+    theme: s,
+    noLetters: i,
+    contextMenu: m,
+    pagingDotsBuilder: b,
+    pagingDotBuilder: c,
+    itemBuilder: C,
+    itemIconBuilder: l,
+    contextMenuBuilder: p
+  }, children: /* @__PURE__ */ t(wt, { ...x }) }) });
+}, Dn = {
+  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: "选择代码块语言",
+    inlineLanguage: "代码块语言"
+  },
+  codeblock: {
+    delete: "删除代码块"
+  },
+  contentArea: {
+    editableMarkdown: "可编辑的 Markdown"
+  },
+  image: {
+    delete: "删除图片"
+  }
+}, Pn = (r, e, o) => {
+  const n = r.split(".").reduce(
+    (s, i) => typeof s == "string" ? s : s[i],
+    Dn
+  );
+  return typeof n != "string" ? e : o ? n.replace(/{{(.*?)}}/g, (s, i) => o[i]) : n;
+}, Bn = f`
+  --accentBase: var(--tomato-1);
+  --accentBgSubtle: var(--tomato-2);
+  --accentBg: var(--tomato-3);
+  --accentBgHover: var(--tomato-4);
+  --accentBgActive: var(--tomato-5);
+  --accentLine: var(--tomato-6);
+  --accentBorder: var(--tomato-7);
+  --accentBorderHover: var(--tomato-8);
+  --accentSolid: var(--tomato-9);
+  --accentSolidHover: var(--tomato-10);
+  --accentText: var(--tomato-11);
+  --accentTextContrast: var(--tomato-12);
+
+  --baseBase: var(--mauve-1);
+  --baseBgSubtle: var(--mauve-2);
+  --baseBg: var(--mauve-3);
+  --baseBgHover: var(--mauve-4);
+  --baseBgActive: var(--mauve-5);
+  --baseLine: var(--mauve-6);
+  --baseBorder: var(--mauve-7);
+  --baseBorderHover: var(--mauve-8);
+  --baseSolid: var(--mauve-9);
+  --baseSolidHover: var(--mauve-10);
+  --baseText: var(--mauve-11);
+  --baseTextContrast: var(--mauve-12);
+
+  --admonitionTipBg: var(--cyan-4);
+  --admonitionTipBorder: var(--cyan-8);
+
+  --admonitionInfoBg: var(--grass-4);
+  --admonitionInfoBorder: var(--grass-8);
+
+  --admonitionCautionBg: var(--amber-4);
+  --admonitionCautionBorder: var(--amber-8);
+
+  --admonitionDangerBg: var(--red-4);
+  --admonitionDangerBorder: var(--red-8);
+
+  --admonitionNoteBg: var(--mauve-4);
+  --admonitionNoteBorder: var(--mauve-8);
+
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    "Liberation Mono", "Courier New", monospace;
+
+  color: var(--baseText);
+  --basePageBg: #000000;
+  background-color: var(--basePageBg);
+  background-image: linear-gradient(
+    rgba(255, 255, 255, 0.05),
+    rgba(255, 255, 255, 0.05)
+  );
+`, zn = f`
+  [class*="_toolbarRoot"] {
+    flex-wrap: wrap;
+    transition: all 0.3s;
+  }
+  [class*="_codeMirrorWrapper"] {
+    padding: 0;
+    [class*="_codeMirrorToolbar"] {
+      position: static;
+      background-color: var(--bgColor-muted);
+      justify-content: flex-end;
+      [class*="_iconButton"] {
+        cursor: pointer;
+      }
+    }
+  }
+  [class*="_tableEditor"] {
+    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;
+    }
+  }
+  ul {
+    [role="checkbox"] {
+      padding: 0 20px;
+      &::before {
+        width: 13px;
+        height: 13px;
+        top: 6px;
+      }
+      &::after {
+        top: 7px;
+        left: 4px;
+      }
+    }
+  }
+  ul,
+  ol {
+    li {
+      margin-top: 4px;
+      margin-bottom: 0;
+    }
+  }
+`, Nt = y(
+  "markdown-body",
+  f`
+    p {
+      margin-bottom: 8px;
+    }
+    ul {
+      list-style: disc;
+    }
+    ol {
+      list-style: decimal;
+    }
+    table {
+      width: 100%;
+      display: table;
+    }
+    pre {
+      padding: 0;
+      > div {
+        margin: 0 !important;
+      }
+    }
+  `
+), It = f`
+  .markdown-body {
+    /* light */
+    color-scheme: light;
+    --focus-outlineColor: #0969da;
+    --fgColor-default: #1f2328;
+    --fgColor-muted: #59636e;
+    --fgColor-accent: #0969da;
+    --fgColor-success: #1a7f37;
+    --fgColor-attention: #9a6700;
+    --fgColor-danger: #d1242f;
+    --fgColor-done: #8250df;
+    --bgColor-default: #ffffff;
+    --bgColor-muted: #f6f8fa;
+    --bgColor-neutral-muted: #818b981f;
+    --bgColor-attention-muted: #fff8c5;
+    --borderColor-default: transparent;
+    --borderColor-muted: #d1d9e0b3;
+    --borderColor-neutral-muted: #d1d9e0b3;
+    --borderColor-accent-emphasis: #0969da;
+    --borderColor-success-emphasis: #1a7f37;
+    --borderColor-attention-emphasis: #9a6700;
+    --borderColor-danger-emphasis: #cf222e;
+    --borderColor-done-emphasis: #8250df;
+    --color-prettylights-syntax-comment: #59636e;
+    --color-prettylights-syntax-constant: #0550ae;
+    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
+    --color-prettylights-syntax-entity: #6639ba;
+    --color-prettylights-syntax-storage-modifier-import: #1f2328;
+    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-keyword: #cf222e;
+    --color-prettylights-syntax-string: #0a3069;
+    --color-prettylights-syntax-variable: #953800;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
+    --color-prettylights-syntax-brackethighlighter-angle: #59636e;
+    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
+    --color-prettylights-syntax-carriage-return-bg: #cf222e;
+    --color-prettylights-syntax-string-regexp: #116329;
+    --color-prettylights-syntax-markup-list: #3b2300;
+    --color-prettylights-syntax-markup-heading: #0550ae;
+    --color-prettylights-syntax-markup-italic: #1f2328;
+    --color-prettylights-syntax-markup-bold: #1f2328;
+    --color-prettylights-syntax-markup-deleted-text: #82071e;
+    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+    --color-prettylights-syntax-markup-inserted-text: #116329;
+    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
+    --color-prettylights-syntax-markup-changed-text: #953800;
+    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
+    --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
+    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
+    --color-prettylights-syntax-meta-diff-range: #8250df;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
+  }
+`, St = f`
+  .markdown-body {
+    /* dark */
+    color-scheme: dark;
+    --focus-outlineColor: #1f6feb;
+    --fgColor-default: #f0f6fc;
+    --fgColor-muted: #9198a1;
+    --fgColor-accent: #4493f8;
+    --fgColor-success: #3fb950;
+    --fgColor-attention: #d29922;
+    --fgColor-danger: #f85149;
+    --fgColor-done: #ab7df8;
+    --bgColor-default: transparent;
+    --bgColor-muted: #151b23;
+    --bgColor-neutral-muted: #656c7633;
+    --bgColor-attention-muted: #bb800926;
+    --borderColor-default: #3d444d;
+    --borderColor-muted: #3d444db3;
+    --borderColor-neutral-muted: #3d444db3;
+    --borderColor-accent-emphasis: #1f6feb;
+    --borderColor-success-emphasis: #238636;
+    --borderColor-attention-emphasis: #9e6a03;
+    --borderColor-danger-emphasis: #da3633;
+    --borderColor-done-emphasis: #8957e5;
+    --color-prettylights-syntax-comment: #9198a1;
+    --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+    --color-prettylights-syntax-entity: #d2a8ff;
+    --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
+    --color-prettylights-syntax-entity-tag: #7ee787;
+    --color-prettylights-syntax-keyword: #ff7b72;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #ffa657;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
+    --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
+    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
+    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+    --color-prettylights-syntax-carriage-return-bg: #b62324;
+    --color-prettylights-syntax-string-regexp: #7ee787;
+    --color-prettylights-syntax-markup-list: #f2cc60;
+    --color-prettylights-syntax-markup-heading: #1f6feb;
+    --color-prettylights-syntax-markup-italic: #f0f6fc;
+    --color-prettylights-syntax-markup-bold: #f0f6fc;
+    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
+    --color-prettylights-syntax-markup-deleted-bg: #67060c;
+    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
+    --color-prettylights-syntax-markup-inserted-bg: #033a16;
+    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
+    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
+    --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
+    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
+  }
+`, Pe = (r) => {
+  var e, o;
+  return r === "dark" ? !0 : r === "light" ? !1 : (e = document.documentElement.getAttribute("style")) != null && e.includes("color-scheme: dark;") ? !0 : (o = document.documentElement.getAttribute("style")) != null && o.includes("color-scheme: light;") ? !1 : window.matchMedia("(prefers-color-scheme: dark)").matches;
+}, En = (r) => {
+  const {
+    value: e,
+    onChange: o,
+    translation: a,
+    pluginConfig: n,
+    className: s,
+    theme: i = "auto",
+    ...m
+  } = r, p = he(null), {
+    image: C,
+    diffSource: l = {
+      viewMode: "rich-text"
+    },
+    headings: c,
+    link: b,
+    codeBlock: x,
+    codeMirror: A = {
+      codeBlockLanguages: {
+        js: "JavaScript",
+        css: "CSS",
+        txt: "Plain Text",
+        tsx: "TypeScript",
+        "": "Unspecified"
+      }
+    },
+    directives: h = {
+      directiveDescriptors: [Co]
+    }
+  } = n ?? {}, [g, N] = H("");
+  return ie(() => {
+    var v;
+    e !== void 0 && p.current && ((v = p.current) == null || v.setMarkdown(e), N(e));
+  }, [e, p]), /* @__PURE__ */ t(
+    wo,
+    {
+      ref: p,
+      className: y(
+        zn,
+        Pe(i) ? Bn : "",
+        Pe(i) ? St : It,
+        s
+      ),
+      contentEditableClassName: Nt,
+      markdown: g,
+      onChange: (v) => {
+        !e && !o && N(v), o && o(v);
+      },
+      translation: a ?? Pn,
+      plugins: [
+        No({
+          toolbarContents: () => /* @__PURE__ */ d(Oo, { options: ["rich-text", "source"], children: [
+            /* @__PURE__ */ t(Fo, {}),
+            /* @__PURE__ */ t(le, {}),
+            /* @__PURE__ */ t(_o, {}),
+            /* @__PURE__ */ t(jo, {}),
+            /* @__PURE__ */ t(le, {}),
+            /* @__PURE__ */ t(Uo, {}),
+            /* @__PURE__ */ t(le, {}),
+            /* @__PURE__ */ t(Xo, {}),
+            /* @__PURE__ */ t(le, {}),
+            /* @__PURE__ */ t(Go, {}),
+            /* @__PURE__ */ t(qo, {}),
+            /* @__PURE__ */ t(le, {}),
+            /* @__PURE__ */ t(Yo, {}),
+            /* @__PURE__ */ t(Vo, {}),
+            /* @__PURE__ */ t(le, {}),
+            /* @__PURE__ */ t(Wo, {}),
+            /* @__PURE__ */ t(le, {}),
+            /* @__PURE__ */ t(Ko, {})
+          ] })
+        }),
+        Io(l),
+        So(),
+        To(),
+        Mo(c),
+        Lo(b),
+        Ao(),
+        Ro(C),
+        Do(),
+        Po(),
+        Bo(),
+        zo(x),
+        Eo(A),
+        $o(),
+        Ho(h)
+      ],
+      ...m
+    }
+  );
+}, Tt = (r) => {
+  const { children: e = "", className: o, theme: a = "auto", imageProps: n } = r;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: Pe(a) ? St : It,
+      children: /* @__PURE__ */ t(
+        pt,
+        {
+          className: y(Nt, o),
+          remarkPlugins: [Jo, Zo],
+          rehypePlugins: [Qo],
+          components: {
+            code(s) {
+              const { children: i, className: m, node: p, ref: C, ...l } = s, c = /language-(\w+)/.exec(m || "");
+              return c ? /* @__PURE__ */ t(
+                er,
+                {
+                  ...l,
+                  PreTag: "div",
+                  children: String(i).replace(/\n$/, ""),
+                  language: c[1],
+                  style: tr
+                }
+              ) : /* @__PURE__ */ t("code", { ...l, className: m, children: i });
+            },
+            img(s) {
+              const { preview: i, ...m } = n ?? {};
+              return /* @__PURE__ */ t(
+                or,
+                {
+                  ...s,
+                  preview: i instanceof Boolean ? i : {
+                    icons: {
+                      rotateLeft: /* @__PURE__ */ t(uo, {}),
+                      rotateRight: /* @__PURE__ */ t(mo, {}),
+                      zoomIn: /* @__PURE__ */ t(co, {}),
+                      zoomOut: /* @__PURE__ */ t(lo, {}),
+                      close: /* @__PURE__ */ t(io, {}),
+                      left: /* @__PURE__ */ t(so, {}),
+                      right: /* @__PURE__ */ t(ao, {}),
+                      flipX: /* @__PURE__ */ t(no, {}),
+                      flipY: /* @__PURE__ */ t(ro, {})
+                    },
+                    zIndex: 9999,
+                    mask: " ",
+                    ...i
+                  },
+                  className: f`
+                  cursor: zoom-in;
+                `,
+                  ...m
+                }
+              );
+            }
+          },
+          children: e
+        }
+      )
+    }
+  );
+}, Mt = En;
+Mt.Preview = Tt;
+function Lt(...r) {
+  return nr(rr(r));
+}
+const $n = (r) => {
+  const { mouseX: e, title: o, icon: a, href: n } = r, s = he(null), i = xe(e, (N) => {
+    var I;
+    const v = ((I = s.current) == null ? void 0 : I.getBoundingClientRect()) ?? { x: 0, width: 0 };
+    return N - v.x - v.width / 2;
+  }), m = xe(i, [-150, 0, 150], [40, 80, 40]), p = xe(i, [-150, 0, 150], [40, 80, 40]), C = xe(
+    i,
+    [-150, 0, 150],
+    [20, 40, 20]
+  ), l = xe(
+    i,
+    [-150, 0, 150],
+    [20, 40, 20]
+  ), c = Se(m, {
+    mass: 0.1,
+    stiffness: 150,
+    damping: 12
+  }), b = Se(p, {
+    mass: 0.1,
+    stiffness: 150,
+    damping: 12
+  }), x = Se(C, {
+    mass: 0.1,
+    stiffness: 150,
+    damping: 12
+  }), A = Se(l, {
+    mass: 0.1,
+    stiffness: 150,
+    damping: 12
+  }), [h, g] = H(!1);
+  return /* @__PURE__ */ t("a", { href: n, children: /* @__PURE__ */ d(
+    R.div,
+    {
+      ref: s,
+      style: { width: c, height: b },
+      onMouseEnter: () => g(!0),
+      onMouseLeave: () => g(!1),
+      className: "aspect-square rounded-full bg-gray-200 dark:bg-neutral-800 flex items-center justify-center relative",
+      children: [
+        /* @__PURE__ */ t(Ee, { children: h && /* @__PURE__ */ t(
+          R.div,
+          {
+            initial: { opacity: 0, y: 10, x: "-50%" },
+            animate: { opacity: 1, y: 0, x: "-50%" },
+            exit: { opacity: 0, y: 2, x: "-50%" },
+            className: "px-2 py-0.5 whitespace-pre rounded-md bg-gray-100 border dark:bg-neutral-800 dark:border-neutral-900 dark:text-white border-gray-200 text-neutral-700 absolute left-1/2 -translate-x-1/2 -top-8 w-fit text-xs",
+            children: o
+          }
+        ) }),
+        /* @__PURE__ */ t(
+          R.div,
+          {
+            style: { width: x, height: A },
+            className: "flex items-center justify-center",
+            children: a
+          }
+        )
+      ]
+    }
+  ) });
+}, At = (r) => {
+  const { items: e, className: o } = r, a = Kt(1 / 0);
+  return /* @__PURE__ */ t(
+    R.div,
+    {
+      onMouseMove: (n) => a.set(n.pageX),
+      onMouseLeave: () => a.set(1 / 0),
+      className: Lt(
+        "mx-auto hidden md:flex h-16 gap-4 items-end  rounded-2xl bg-gray-50 dark:bg-neutral-900 px-4 pb-3",
+        o
+      ),
+      children: e.map((n) => /* @__PURE__ */ t($n, { mouseX: a, ...n }, n.title))
+    }
+  );
+}, Rt = (r) => {
+  const { items: e, className: o, collapseIcon: a, autoHidden: n = !1 } = r, [s, i] = H(!1), m = () => {
+    i(!s);
+  };
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: Lt(
+        "relative block",
+        n ? "md:hidden" : "",
+        o
+      ),
+      children: [
+        /* @__PURE__ */ t(Ee, { children: s && /* @__PURE__ */ t(
+          R.div,
+          {
+            layoutId: "nav",
+            className: "absolute bottom-full mb-2 inset-x-0 flex flex-col gap-2",
+            children: e.map((p, C) => /* @__PURE__ */ t(
+              R.div,
+              {
+                initial: { opacity: 0, y: 10 },
+                animate: {
+                  opacity: 1,
+                  y: 0
+                },
+                exit: {
+                  opacity: 0,
+                  y: 10,
+                  transition: {
+                    delay: C * 0.05
+                  }
+                },
+                transition: { delay: (e.length - 1 - C) * 0.05 },
+                children: /* @__PURE__ */ t(
+                  "a",
+                  {
+                    href: p.href,
+                    className: "h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-900 flex items-center justify-center",
+                    children: /* @__PURE__ */ t("div", { className: "h-4 w-4", children: p.icon })
+                  },
+                  p.title
+                )
+              },
+              p.title
+            ))
+          }
+        ) }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            onClick: m,
+            className: "h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-800 flex items-center justify-center",
+            children: a || /* @__PURE__ */ t(po, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" })
+          }
+        )
+      ]
+    }
+  );
+}, Hn = (r) => {
+  const { items: e, desktopClassName: o, mobileClassName: a, ...n } = r;
+  return /* @__PURE__ */ d(me, { children: [
+    /* @__PURE__ */ t(At, { items: e, className: o, ...n }),
+    /* @__PURE__ */ t(
+      Rt,
+      {
+        items: e,
+        className: a,
+        autoHidden: !0,
+        ...n
+      }
+    )
+  ] });
+}, Ue = Hn;
+Ue.Desktop = At;
+Ue.Mobile = Rt;
+const On = /* @__PURE__ */ kn({
+  __proto__: null
+}, [Jr]);
+function Fn() {
+  try {
+    return On;
+  } catch {
+    return null;
+  }
+}
+function _n(r, e) {
+  if (r && typeof r.serializeForClipboard == "function")
+    return r.serializeForClipboard(e);
+  const o = Fn();
+  if (o && typeof (o == null ? void 0 : o.__serializeForClipboard) == "function")
+    return o.__serializeForClipboard(r, e);
+  throw new Error("No supported clipboard serialization method found.");
+}
+function jn(r) {
+  const e = r.getBoundingClientRect(), o = r.closest('[role="dialog"]'), a = r.closest(".ProseMirror"), n = a == null ? void 0 : a.getBoundingClientRect(), s = window.pageXOffset || document.documentElement.scrollLeft, i = window.pageYOffset || document.documentElement.scrollTop;
+  if (o && window.getComputedStyle(o).transform !== "none") {
+    const m = o.getBoundingClientRect();
+    return {
+      top: e.top - m.top + i,
+      left: e.left - m.left + s,
+      width: e.width
+    };
+  }
+  return {
+    top: n ? e.top - n.top : e.top + i,
+    left: n ? e.left - n.left : e.left + s,
+    width: e.width
+  };
+}
+function Ve(r, e) {
+  const o = [
+    "li",
+    "p:not(:first-child)",
+    "pre",
+    "blockquote",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    ...e.customNodes.map((a) => `[data-type=${a}]`)
+  ].join(", ");
+  return document.elementsFromPoint(r.x, r.y).find(
+    (a) => {
+      var n, s;
+      return ((s = (n = a.parentElement) == null ? void 0 : n.matches) == null ? void 0 : s.call(n, ".ProseMirror")) || a.matches(o);
+    }
+  );
+}
+function We(r, e, o) {
+  var n;
+  const a = r.getBoundingClientRect();
+  return (n = e.posAtCoords({
+    left: a.left + 50 + o.dragHandleWidth,
+    top: a.top + 1
+  })) == null ? void 0 : n.inside;
+}
+function Me(r, e) {
+  const o = e.state.doc.resolve(r);
+  return o.depth > 1 ? o.before(o.depth) : r;
+}
+function Un(r) {
+  let e = "", o = !1;
+  function a(l, c) {
+    if (c.focus(), !l.dataTransfer) return;
+    const b = Ve(
+      {
+        x: l.clientX + 50 + r.dragHandleWidth,
+        y: l.clientY
+      },
+      r
+    );
+    if (!(b instanceof Element)) return;
+    let x = We(b, c, r);
+    if (x == null || x < 0) return;
+    x = Me(x, c);
+    const { from: A, to: h } = c.state.selection, g = A - h, N = Me(A, c);
+    let v = !1;
+    const I = c.state.doc.resolve(N);
+    if (I.node().type.name === "doc") v = !0;
+    else {
+      const k = K.create(
+        c.state.doc,
+        I.before()
+      );
+      v = !(x + 1 >= k.$from.pos && x <= k.$to.pos);
+    }
+    let u = c.state.selection;
+    if (!v && g !== 0 && !(c.state.selection instanceof K)) {
+      const k = K.create(c.state.doc, h - 1);
+      u = Vr.create(
+        c.state.doc,
+        x,
+        k.$to.pos
+      );
+    } else if (u = K.create(c.state.doc, x), u.node.type.isInline || u.node.type.name === "tableRow") {
+      const k = c.state.doc.resolve(u.from);
+      u = K.create(c.state.doc, k.before());
+    }
+    c.dispatch(c.state.tr.setSelection(u)), c.state.selection instanceof K && c.state.selection.node.type.name === "listItem" && (e = b.parentElement.tagName);
+    const T = c.state.selection.content(), { dom: D, text: w } = _n(c, T);
+    l.dataTransfer.clearData(), l.dataTransfer.setData("text/html", D.innerHTML), l.dataTransfer.setData("text/plain", w), l.dataTransfer.effectAllowed = "copyMove", l.dataTransfer.setDragImage(b, 0, 0), c.dragging = { slice: T, move: l.ctrlKey };
+  }
+  let n = null;
+  function s() {
+    n && n.classList.add("hide");
+  }
+  function i() {
+    n && n.classList.remove("hide");
+  }
+  function m(l, c) {
+    const b = Me(c, l), x = K.create(l.state.doc, b);
+    l.dispatch(l.state.tr.setSelection(x)), l.focus(), o = !0;
+  }
+  function p(l) {
+    if (o = l.state.selection instanceof K, o && (n != null && n.dataset.nodePos)) {
+      const b = parseInt(n.dataset.nodePos, 10);
+      try {
+        const x = l.state.doc.resolve(b);
+        x && x.parent && x.parent.type.name !== "doc" || (o = !1, s());
+      } catch {
+        o = !1, s();
+      }
+    }
+    o && n && !n.classList.contains("hide") ? i() : o || s();
+  }
+  function C(l) {
+    if (!(l.target instanceof Element)) return;
+    const c = l.relatedTarget;
+    if (!c) {
+      o || s();
+      return;
+    }
+    const b = c.closest(".drag-handle") || c.classList.contains("drag-handle"), x = c.closest(".tiptap") || c.classList.contains("tiptap");
+    !b && !x && !o && s();
+  }
+  return new qr({
+    key: new Yr(r.pluginKey),
+    view: (l) => {
+      var h, g, N, v;
+      const c = r.dragHandleSelector ? document.querySelector(r.dragHandleSelector) : null;
+      n = c ?? document.createElement("div"), n.draggable = !0, n.dataset.dragHandle = "", n.classList.add("drag-handle");
+      function b(I) {
+        a(I, l);
+      }
+      n.addEventListener("dragstart", b);
+      function x(I) {
+        c || (I.preventDefault(), I.stopPropagation());
+        const u = n == null ? void 0 : n.dataset.nodePos;
+        u && m(l, parseInt(u, 10));
+      }
+      n.addEventListener("click", x);
+      function A(I) {
+        s();
+        const u = window.scrollY;
+        I.clientY < r.scrollTreshold ? window.scrollTo({ top: u - 30, behavior: "smooth" }) : window.innerHeight - I.clientY < r.scrollTreshold && window.scrollTo({ top: u + 30, behavior: "smooth" });
+      }
+      return n.addEventListener("drag", A), s(), c || (g = (h = l == null ? void 0 : l.dom) == null ? void 0 : h.parentElement) == null || g.appendChild(n), (v = (N = l == null ? void 0 : l.dom) == null ? void 0 : N.parentElement) == null || v.addEventListener(
+        "mouseout",
+        C
+      ), {
+        destroy: () => {
+          var I, u, T;
+          c || (I = n == null ? void 0 : n.remove) == null || I.call(n), n == null || n.removeEventListener("drag", A), n == null || n.removeEventListener(
+            "dragstart",
+            b
+          ), n == null || n.removeEventListener("click", x), n = null, (T = (u = l == null ? void 0 : l.dom) == null ? void 0 : u.parentElement) == null || T.removeEventListener(
+            "mouseout",
+            C
+          );
+        }
+      };
+    },
+    props: {
+      handleDOMEvents: {
+        mousemove: (l, c) => {
+          if (!l.editable)
+            return;
+          const b = Ve(
+            {
+              x: c.clientX + 50 + r.dragHandleWidth,
+              y: c.clientY
+            },
+            r
+          ), x = b == null ? void 0 : b.closest(".not-draggable"), A = r.excludedTags.concat(["ol", "ul"]).join(", ");
+          if (!(b instanceof Element) || b.matches(A) || x) {
+            o || s();
+            return;
+          }
+          const h = We(b, l, r);
+          h != null && h >= 0 && (n.dataset.nodePos = String(
+            Me(h, l)
+          ));
+          const g = window.getComputedStyle(b), N = parseInt(g.lineHeight, 10), v = isNaN(N) ? parseInt(g.fontSize) * 1.2 : N, I = parseInt(g.paddingTop, 10), u = jn(b);
+          u.top += (v - 24) / 2, u.top += I, b.matches("ul:not([data-type=taskList]) li, ol li") && (u.left -= r.dragHandleWidth - 28), u.width = r.dragHandleWidth, n && (n.style.position = "absolute", n.style.left = `${u.left - u.width}px`, n.style.top = `${u.top}px`, i());
+        },
+        keydown: () => {
+          o || s();
+        },
+        mousewheel: () => {
+          o || s();
+        },
+        // 在选择状态变化时更新拖拽按钮的状态
+        selectionChange: (l) => {
+          p(l);
+        },
+        // dragging class is used for CSS
+        dragstart: (l) => {
+          l.dom.classList.add("dragging");
+        },
+        drop: (l, c) => {
+          var g;
+          l.dom.classList.remove("dragging"), s();
+          let b = null;
+          const x = l.posAtCoords({
+            left: c.clientX,
+            top: c.clientY
+          });
+          if (!x || (l.state.selection instanceof K && (b = l.state.selection.node), !b)) return;
+          const h = l.state.doc.resolve(x.pos).parent.type.name === "listItem";
+          if (l.state.selection instanceof K && l.state.selection.node.type.name === "listItem" && !h && e == "OL") {
+            const N = (g = l.state.schema.nodes.orderedList) == null ? void 0 : g.createAndFill(
+              null,
+              b
+            ), v = new Wr(Kr.from(N), 0, 0);
+            l.dragging = { slice: v, move: c.ctrlKey };
+          }
+        },
+        dragend: (l) => {
+          l.dom.classList.remove("dragging");
+        }
+      }
+    },
+    // 简化对文档变化的监听
+    state: {
+      init() {
+        return {};
+      },
+      apply(l, c, b, x) {
+        if (l.docChanged && n && n.dataset.nodePos) {
+          const A = parseInt(n.dataset.nodePos, 10);
+          try {
+            const h = x.doc.resolve(A);
+            (!h || h.parent.type.name === "doc") && (o = !1, s());
+          } catch {
+            o = !1, s();
+          }
+        }
+        return c;
+      }
+    }
+  });
+}
+const Xn = Gr.create({
+  name: "globalDragHandle",
+  addOptions() {
+    return {
+      dragHandleWidth: 20,
+      scrollTreshold: 100,
+      excludedTags: [],
+      customNodes: []
+    };
+  },
+  addProseMirrorPlugins() {
+    return [
+      Un({
+        pluginKey: "globalDragHandle",
+        dragHandleWidth: this.options.dragHandleWidth,
+        scrollTreshold: this.options.scrollTreshold,
+        dragHandleSelector: this.options.dragHandleSelector,
+        excludedTags: this.options.excludedTags,
+        customNodes: this.options.customNodes
+      })
+    ];
+  }
+}), Gn = br, qn = ar.configure({
+  placeholder: "撰写任何内容，或者按“/”输入命令..."
+}), Yn = sr.configure({
+  HTMLAttributes: {
+    class: q(
+      "text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"
+    )
+  }
+}), Vn = ir.extend({
+  addProseMirrorPlugins() {
+    return [
+      lr({
+        imageClass: q("opacity-40 rounded-lg border border-stone-200")
+      })
+    ];
+  }
+}).configure({
+  allowBase64: !0,
+  HTMLAttributes: {
+    class: q("rounded-lg border border-muted")
+  }
+}), Wn = cr.configure({
+  HTMLAttributes: {
+    class: q("rounded-lg border border-muted")
+  }
+}), Kn = dr.configure({
+  HTMLAttributes: {
+    class: q("not-prose pl-2 ")
+  }
+}), Jn = mr.configure({
+  HTMLAttributes: {
+    class: q("flex gap-2 items-start my-4")
+  },
+  nested: !0
+}), Zn = ur.configure({
+  HTMLAttributes: {
+    class: q("mt-4 mb-6 border-t border-muted-foreground")
+  }
+}), Qn = pr.configure({
+  bulletList: {
+    HTMLAttributes: {
+      class: q("list-disc list-outside leading-3 -mt-2")
+    }
+  },
+  orderedList: {
+    HTMLAttributes: {
+      class: q("list-decimal list-outside leading-3 -mt-2")
+    }
+  },
+  listItem: {
+    HTMLAttributes: {
+      class: q("leading-normal -mb-2")
+    }
+  },
+  blockquote: {
+    HTMLAttributes: {
+      class: q("border-l-4 border-primary")
+    }
+  },
+  codeBlock: {
+    HTMLAttributes: {
+      class: q(
+        "rounded-md bg-muted text-muted-foreground border p-5 font-mono font-medium"
+      )
+    }
+  },
+  code: {
+    HTMLAttributes: {
+      class: q("rounded-md bg-muted  px-1.5 py-1 font-mono font-medium"),
+      spellcheck: "false"
+    }
+  },
+  horizontalRule: !1,
+  dropcursor: {
+    color: "#DBEAFE",
+    width: 4
+  },
+  gapcursor: !1
+}), ea = gr.configure({
+  // configure lowlight: common /  all / use highlightJS in case there is a need to specify certain language grammars only
+  // common: covers 37 language grammars which should be good enough in most cases
+  lowlight: Ur(Xr)
+}), ta = fr.configure({
+  HTMLAttributes: {
+    class: q("text-foreground rounded p-1 hover:bg-accent cursor-pointer")
+  },
+  katexOptions: {
+    throwOnError: !1
+  }
+}), oa = hr.configure(), ra = _r.configure({
+  html: !0,
+  tightLists: !0,
+  tightListClass: "tight",
+  bulletListMarker: "-",
+  linkify: !1,
+  breaks: !1,
+  transformPastedText: !1,
+  transformCopiedText: !1
+}), na = Xn.configure({
+  dragHandleWidth: 56,
+  dragHandleSelector: ".custom-drag-handle"
+}), Dt = [
+  Qn,
+  qn,
+  Yn,
+  Vn,
+  Wn,
+  Kn,
+  Jn,
+  Zn,
+  Gn,
+  ea,
+  ta,
+  oa,
+  xr,
+  ra,
+  yr,
+  vr,
+  kr,
+  Cr,
+  na
+], aa = ve.Root, Pt = ve.Trigger, Ae = G.forwardRef(({ className: r, align: e = "center", sideOffset: o = 4, ...a }, n) => /* @__PURE__ */ t(ve.Portal, { children: /* @__PURE__ */ t(
+  ve.Content,
+  {
+    ref: n,
+    align: e,
+    sideOffset: o,
+    className: y(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      r
+    ),
+    ...a
+  }
+) }));
+Ae.displayName = ve.Content.displayName;
+const sa = jr(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-7 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), J = G.forwardRef(
+  ({ className: r, variant: e, size: o, asChild: a = !1, ...n }, s) => /* @__PURE__ */ t(
+    a ? Qr : "button",
+    {
+      className: y(sa({ variant: e, size: o, className: r })),
+      ref: s,
+      ...n
+    }
+  )
+);
+J.displayName = "Button";
+const Ke = [
+  {
+    name: "默认",
+    // Default
+    color: "var(--novel-black)"
+  },
+  {
+    name: "紫色",
+    // Purple
+    color: "#9333EA"
+  },
+  {
+    name: "红色",
+    // Red
+    color: "#E00000"
+  },
+  {
+    name: "黄色",
+    // Yellow
+    color: "#EAB308"
+  },
+  {
+    name: "蓝色",
+    // Blue
+    color: "#2563EB"
+  },
+  {
+    name: "绿色",
+    // Green
+    color: "#008A00"
+  },
+  {
+    name: "橙色",
+    // Orange
+    color: "#FFA500"
+  },
+  {
+    name: "粉色",
+    // Pink
+    color: "#BA4081"
+  },
+  {
+    name: "灰色",
+    // Gray
+    color: "#A8A29E"
+  }
+], Je = [
+  {
+    name: "默认背景",
+    // Default
+    color: "var(--novel-highlight-default)"
+  },
+  {
+    name: "紫色背景",
+    // Purple
+    color: "var(--novel-highlight-purple)"
+  },
+  {
+    name: "红色背景",
+    // Red
+    color: "var(--novel-highlight-red)"
+  },
+  {
+    name: "黄色背景",
+    // Yellow
+    color: "var(--novel-highlight-yellow)"
+  },
+  {
+    name: "蓝色背景",
+    // Blue
+    color: "var(--novel-highlight-blue)"
+  },
+  {
+    name: "绿色背景",
+    // Green
+    color: "var(--novel-highlight-green)"
+  },
+  {
+    name: "橙色背景",
+    // Orange
+    color: "var(--novel-highlight-orange)"
+  },
+  {
+    name: "粉色背景",
+    // Pink
+    color: "var(--novel-highlight-pink)"
+  },
+  {
+    name: "灰色背景",
+    // Gray
+    color: "var(--novel-highlight-gray)"
+  }
+], de = (r) => /* @__PURE__ */ t(
+  et,
+  {
+    classNames: {
+      root: f`
+          background-color: transparent;
+          padding: 0;
+          .rc-tooltip-content {
+            border: none;
+          }
+        `,
+      body: "!p-2 !rounded-md !bg-background !border !border-muted !text-secondary-foreground"
+    },
+    showArrow: !1,
+    ...r
+  }
+), ia = ({ open: r, onOpenChange: e }) => {
+  const { editor: o } = Q();
+  if (!o) return null;
+  const a = Ke.find(
+    ({ color: s }) => o.isActive("textStyle", { color: s })
+  ), n = Je.find(
+    ({ color: s }) => o.isActive("highlight", { color: s })
+  );
+  return /* @__PURE__ */ d(aa, { modal: !0, open: r, onOpenChange: e, children: [
+    /* @__PURE__ */ t(de, { overlay: "文本颜色", placement: "top", children: /* @__PURE__ */ t(Pt, { asChild: !0, children: /* @__PURE__ */ d(J, { size: "sm", className: "gap-1 rounded-md pr-0", variant: "ghost", children: [
+      /* @__PURE__ */ t(
+        "span",
+        {
+          className: "rounded-sm px-1",
+          style: {
+            color: a == null ? void 0 : a.color,
+            backgroundColor: n == null ? void 0 : n.color
+          },
+          children: "A"
+        }
+      ),
+      /* @__PURE__ */ t(tt, {})
+    ] }) }) }),
+    /* @__PURE__ */ d(
+      Ae,
+      {
+        sideOffset: 5,
+        className: "my-1 flex max-h-80 w-48 flex-col overflow-hidden overflow-y-auto rounded border p-1 shadow-xl ",
+        align: "start",
+        children: [
+          /* @__PURE__ */ d("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ t("div", { className: "my-1 px-2 text-sm font-semibold text-muted-foreground", children: "颜色" }),
+            Ke.map(({ name: s, color: i }) => /* @__PURE__ */ d(
+              Le,
+              {
+                onSelect: () => {
+                  o.commands.unsetColor(), s !== "Default" && o.chain().focus().setColor(i || "").run(), e(!1);
+                },
+                className: "flex cursor-pointer items-center justify-between px-2 py-1 text-sm hover:bg-accent",
+                children: [
+                  /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: "rounded-sm border px-2 py-px font-medium",
+                        style: { color: i },
+                        children: "A"
+                      }
+                    ),
+                    /* @__PURE__ */ t("span", { children: s })
+                  ] }),
+                  o.isActive("textStyle", { color: i }) && /* @__PURE__ */ t(ye, { size: 14 })
+                ]
+              },
+              s
+            ))
+          ] }),
+          /* @__PURE__ */ d("div", { children: [
+            /* @__PURE__ */ t("div", { className: "my-1 px-2 text-sm font-semibold text-muted-foreground", children: "背景 " }),
+            Je.map(({ name: s, color: i }) => /* @__PURE__ */ d(
+              Le,
+              {
+                onSelect: () => {
+                  o.commands.unsetHighlight(), s !== "Default" && o.chain().focus().setHighlight({ color: i }).run(), e(!1);
+                },
+                className: "flex cursor-pointer items-center justify-between px-2 py-1 text-sm hover:bg-accent",
+                children: [
+                  /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: "rounded-sm border px-2 py-px font-medium",
+                        style: { backgroundColor: i },
+                        children: "A"
+                      }
+                    ),
+                    /* @__PURE__ */ t("span", { children: s })
+                  ] }),
+                  o.isActive("highlight", { color: i }) && /* @__PURE__ */ t(ye, { size: 14 })
+                ]
+              },
+              s
+            ))
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+function la(r) {
+  try {
+    return new URL(r), !0;
+  } catch {
+    return !1;
+  }
+}
+function ca(r) {
+  if (la(r)) return r;
+  try {
+    if (r.includes(".") && !r.includes(" "))
+      return new URL(`https://${r}`).toString();
+  } catch {
+    return null;
+  }
+}
+const da = ({ open: r, onOpenChange: e }) => {
+  const o = he(null), { editor: a } = Q();
+  return ie(() => {
+    var n;
+    (n = o.current) == null || n.focus();
+  }), a ? /* @__PURE__ */ d(ft, { modal: !0, open: r, onOpenChange: e, children: [
+    /* @__PURE__ */ t(de, { overlay: "添加链接", placement: "top", children: /* @__PURE__ */ t(Zr, { asChild: !0, children: /* @__PURE__ */ d(
+      J,
+      {
+        size: "sm",
+        variant: "ghost",
+        className: "gap-2 rounded-md border-none",
+        children: [
+          /* @__PURE__ */ t("p", { className: "text-base", children: /* @__PURE__ */ t(go, { size: 16 }) }),
+          /* @__PURE__ */ t(
+            "p",
+            {
+              className: y(
+                "underline decoration-stone-400 underline-offset-4",
+                {
+                  "text-blue-500": a.isActive("link")
+                }
+              ),
+              children: "链接 "
+            }
+          )
+        ]
+      }
+    ) }) }),
+    /* @__PURE__ */ t(Ae, { align: "start", className: "w-60 p-0", sideOffset: 10, children: /* @__PURE__ */ d(
+      "form",
+      {
+        onSubmit: (n) => {
+          const s = n.currentTarget;
+          n.preventDefault();
+          const i = s[0], m = ca(i.value);
+          m && (a.chain().focus().setLink({ href: m }).run(), e(!1));
+        },
+        className: "flex  p-1 ",
+        children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              ref: o,
+              type: "text",
+              placeholder: "粘贴链接",
+              className: "flex-1 bg-background p-1 text-sm outline-none",
+              defaultValue: a.getAttributes("link").href || ""
+            }
+          ),
+          a.getAttributes("link").href ? /* @__PURE__ */ t(
+            J,
+            {
+              size: "icon",
+              variant: "outline",
+              type: "button",
+              className: "flex h-8 items-center rounded-sm p-1 text-red-600 transition-all hover:bg-red-100 dark:hover:bg-red-800",
+              onClick: () => {
+                a.chain().focus().unsetLink().run(), o.current.value = "", e(!1);
+              },
+              children: /* @__PURE__ */ t(ot, { className: "h-4 w-4" })
+            }
+          ) : /* @__PURE__ */ t(J, { size: "icon", className: "h-8", children: /* @__PURE__ */ t(ye, { className: "h-4 w-4" }) })
+        ]
+      }
+    ) })
+  ] }) : null;
+}, ma = () => {
+  const { editor: r } = Q();
+  return r ? /* @__PURE__ */ t(de, { overlay: "标记为公式", placement: "top", children: /* @__PURE__ */ t(
+    J,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: "rounded-md w-12",
+      onClick: () => {
+        if (r.isActive("math"))
+          r.chain().focus().unsetLatex().run();
+        else {
+          const { from: e, to: o } = r.state.selection, a = r.state.doc.textBetween(e, o);
+          if (!a) return;
+          r.chain().focus().setLatex({ latex: a }).run();
+        }
+      },
+      children: /* @__PURE__ */ t(
+        en,
+        {
+          className: y("size-4", { "text-blue-500": r.isActive("math") }),
+          strokeWidth: 2.3
+        }
+      )
+    }
+  ) }) : null;
+}, Be = [
+  {
+    name: "正文",
+    // Text
+    icon: rt,
+    command: (r) => r.chain().focus().clearNodes().run(),
+    isActive: (r) => r.isActive("paragraph") && !r.isActive("bulletList") && !r.isActive("orderedList")
+  },
+  {
+    name: "标题 1",
+    // Heading 1
+    icon: nt,
+    command: (r) => r.chain().focus().clearNodes().toggleHeading({ level: 1 }).run(),
+    isActive: (r) => r.isActive("heading", { level: 1 })
+  },
+  {
+    name: "标题 2",
+    // Heading 2
+    icon: at,
+    command: (r) => r.chain().focus().clearNodes().toggleHeading({ level: 2 }).run(),
+    isActive: (r) => r.isActive("heading", { level: 2 })
+  },
+  {
+    name: "标题 3",
+    // Heading 3
+    icon: st,
+    command: (r) => r.chain().focus().clearNodes().toggleHeading({ level: 3 }).run(),
+    isActive: (r) => r.isActive("heading", { level: 3 })
+  },
+  {
+    name: "待办列表",
+    // To-do List
+    icon: it,
+    command: (r) => r.chain().focus().clearNodes().toggleTaskList().run(),
+    isActive: (r) => r.isActive("taskItem")
+  },
+  {
+    name: "无序列表",
+    // Bullet List
+    icon: lt,
+    command: (r) => r.chain().focus().clearNodes().toggleBulletList().run(),
+    isActive: (r) => r.isActive("bulletList")
+  },
+  {
+    name: "有序列表",
+    // Numbered List
+    icon: ct,
+    command: (r) => r.chain().focus().clearNodes().toggleOrderedList().run(),
+    isActive: (r) => r.isActive("orderedList")
+  },
+  {
+    name: "引用",
+    // Quote
+    icon: dt,
+    command: (r) => r.chain().focus().clearNodes().toggleBlockquote().run(),
+    isActive: (r) => r.isActive("blockquote")
+  },
+  {
+    name: "代码块",
+    // Code
+    icon: mt,
+    command: (r) => r.chain().focus().clearNodes().toggleCodeBlock().run(),
+    isActive: (r) => r.isActive("codeBlock")
+  }
+], ua = ({ open: r, onOpenChange: e }) => {
+  const { editor: o } = Q();
+  if (!o) return null;
+  const a = Be.filter(
+    (n) => n.isActive(o)
+  ).pop() ?? {
+    name: "多个选中"
+    // Multiple
+  };
+  return /* @__PURE__ */ d(ft, { modal: !0, open: r, onOpenChange: e, children: [
+    /* @__PURE__ */ t(de, { overlay: "转换成", placement: "top", children: /* @__PURE__ */ t(
+      Pt,
+      {
+        asChild: !0,
+        className: "rounded-md border-none hover:bg-accent focus:ring-0 pr-0",
+        children: /* @__PURE__ */ d(J, { size: "sm", variant: "ghost", children: [
+          /* @__PURE__ */ t("span", { className: "whitespace-nowrap text-sm", children: a.name }),
+          /* @__PURE__ */ t(tt, {})
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ d(Ae, { sideOffset: 5, align: "start", className: "w-48 p-1", children: [
+      /* @__PURE__ */ t("p", { className: "mb-2 text-sm text-secondary-foreground", children: "转换成" }),
+      " ",
+      Be.map((n) => /* @__PURE__ */ d(
+        Le,
+        {
+          onSelect: (s) => {
+            n.command(s), e(!1);
+          },
+          className: "flex cursor-pointer items-center justify-between rounded-sm px-2 py-1 text-sm hover:bg-accent",
+          children: [
+            /* @__PURE__ */ d("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ t("div", { className: "rounded-sm border p-1", children: /* @__PURE__ */ t(n.icon, { className: "h-3 w-3" }) }),
+              /* @__PURE__ */ t("span", { children: n.name })
+            ] }),
+            a.name === n.name && /* @__PURE__ */ t(ye, { size: 14 })
+          ]
+        },
+        n.name
+      ))
+    ] })
+  ] });
+}, pe = G.forwardRef(
+  ({ className: r, orientation: e = "horizontal", decorative: o = !0, ...a }, n) => /* @__PURE__ */ t(
+    ht.Root,
+    {
+      ref: n,
+      decorative: o,
+      orientation: e,
+      className: y(
+        "shrink-0 bg-border",
+        e === "horizontal" ? "h-[1px] w-full" : " w-[1px]",
+        r
+      ),
+      ...a
+    }
+  )
+);
+pe.displayName = ht.Root.displayName;
+const pa = () => /* @__PURE__ */ d("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]" }),
+  /* @__PURE__ */ t("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500" })
+] }), Bt = G.forwardRef(({ className: r, children: e, ...o }, a) => /* @__PURE__ */ d(
+  ce.Root,
+  {
+    ref: a,
+    className: y("relative overflow-hidden", r),
+    ...o,
+    children: [
+      /* @__PURE__ */ t(ce.Viewport, { className: "h-full w-full rounded-[inherit]", children: e }),
+      /* @__PURE__ */ t(zt, {}),
+      /* @__PURE__ */ t(ce.Corner, {})
+    ]
+  }
+));
+Bt.displayName = ce.Root.displayName;
+const zt = G.forwardRef(({ className: r, orientation: e = "vertical", ...o }, a) => /* @__PURE__ */ t(
+  ce.ScrollAreaScrollbar,
+  {
+    ref: a,
+    orientation: e,
+    className: y(
+      "flex touch-none select-none transition-colors",
+      e === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      e === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      r
+    ),
+    ...o,
+    children: /* @__PURE__ */ t(ce.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+zt.displayName = ce.ScrollAreaScrollbar.displayName;
+const ga = te.Portal, Et = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+  te.Overlay,
+  {
+    ref: o,
+    className: y(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      r
+    ),
+    ...e
+  }
+));
+Et.displayName = te.Overlay.displayName;
+const fa = G.forwardRef(({ className: r, children: e, ...o }, a) => /* @__PURE__ */ d(ga, { children: [
+  /* @__PURE__ */ t(Et, {}),
+  /* @__PURE__ */ d(
+    te.Content,
+    {
+      ref: a,
+      className: y(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        r
+      ),
+      ...o,
+      children: [
+        e,
+        /* @__PURE__ */ d(te.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ t(tn, { className: "h-4 w-4" }),
+          /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+fa.displayName = te.Content.displayName;
+const ha = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+  te.Title,
+  {
+    ref: o,
+    className: y(
+      "text-lg font-semibold leading-none tracking-tight",
+      r
+    ),
+    ...e
+  }
+));
+ha.displayName = te.Title.displayName;
+const ba = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+  te.Description,
+  {
+    ref: o,
+    className: y("text-sm text-muted-foreground", r),
+    ...e
+  }
+));
+ba.displayName = te.Description.displayName;
+const $t = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+  V,
+  {
+    ref: o,
+    className: y(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      r
+    ),
+    ...e
+  }
+));
+$t.displayName = V.displayName;
+const Ht = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: "flex items-center border-b px-4", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ t($e, { size: 14, className: "mr-2 shrink-0 text-purple-500 " }),
+  /* @__PURE__ */ t(
+    V.Input,
+    {
+      ref: o,
+      className: y(
+        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        r
+      ),
+      ...e
+    }
+  )
+] }));
+Ht.displayName = V.Input.displayName;
+const xa = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+  V.List,
+  {
+    ref: o,
+    className: y("max-h-[300px] overflow-y-auto overflow-x-hidden", r),
+    ...e
+  }
+));
+xa.displayName = V.List.displayName;
+const ya = G.forwardRef((r, e) => /* @__PURE__ */ t(
+  V.Empty,
+  {
+    ref: e,
+    className: "py-6 text-center text-sm",
+    ...r
+  }
+));
+ya.displayName = V.Empty.displayName;
+const Ce = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+  V.Group,
+  {
+    ref: o,
+    className: y(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      r
+    ),
+    ...e
+  }
+));
+Ce.displayName = V.Group.displayName;
+const Xe = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+  V.Separator,
+  {
+    ref: o,
+    className: y("-mx-1 h-px bg-border", r),
+    ...e
+  }
+));
+Xe.displayName = V.Separator.displayName;
+const ge = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+  V.Item,
+  {
+    ref: o,
+    className: y(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50",
+      r
+    ),
+    ...e
+  }
+));
+ge.displayName = V.Item.displayName;
+const va = ({
+  completion: r,
+  onDiscard: e
+}) => {
+  const { editor: o } = Q();
+  return /* @__PURE__ */ d(me, { children: [
+    /* @__PURE__ */ d(Ce, { children: [
+      /* @__PURE__ */ d(
+        ge,
+        {
+          className: "gap-2 px-4",
+          value: "replace",
+          onSelect: () => {
+            const a = o.view.state.selection;
+            o.chain().focus().insertContentAt(
+              {
+                from: a.from,
+                to: a.to
+              },
+              r
+            ).run();
+          },
+          children: [
+            /* @__PURE__ */ t(on, { className: "h-4 w-4 text-muted-foreground" }),
+            "替换选择"
+          ]
+        }
+      ),
+      /* @__PURE__ */ d(
+        ge,
+        {
+          className: "gap-2 px-4",
+          value: "insert",
+          onSelect: () => {
+            const a = o.view.state.selection;
+            o.chain().focus().insertContentAt(a.to + 1, r).run();
+          },
+          children: [
+            /* @__PURE__ */ t(rn, { className: "h-4 w-4 text-muted-foreground" }),
+            "在下面插入"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(Xe, {}),
+    /* @__PURE__ */ t(Ce, { children: /* @__PURE__ */ d(ge, { onSelect: e, value: "thrash", className: "gap-2 px-4", children: [
+      /* @__PURE__ */ t(nn, { className: "h-4 w-4 text-muted-foreground" }),
+      "丢弃"
+    ] }) })
+  ] });
+}, ka = [
+  {
+    value: "improve",
+    label: "改进写作",
+    // Improve writing
+    icon: an
+  },
+  {
+    value: "fix",
+    label: "修正语法",
+    // Fix grammar
+    icon: sn
+  },
+  {
+    value: "shorter",
+    label: "缩短文本",
+    // Make shorter
+    icon: ln
+  },
+  {
+    value: "longer",
+    label: "扩展文本",
+    // Make longer
+    icon: cn
+  }
+], Ca = ({ onSelect: r }) => {
+  const { editor: e } = Q();
+  return /* @__PURE__ */ d(me, { children: [
+    /* @__PURE__ */ d(Ce, { heading: "编辑或校对选中文本", children: [
+      "  ",
+      ka.map((o) => /* @__PURE__ */ d(
+        ge,
+        {
+          onSelect: (a) => {
+            const n = e.state.selection.content(), s = e.storage.markdown.serializer.serialize(
+              n.content
+            );
+            r(s, a);
+          },
+          className: "flex gap-2 px-4",
+          value: o.value,
+          children: [
+            /* @__PURE__ */ t(o.icon, { className: "h-4 w-4 text-purple-500" }),
+            o.label
+          ]
+        },
+        o.value
+      ))
+    ] }),
+    /* @__PURE__ */ t(Xe, {}),
+    /* @__PURE__ */ d(Ce, { heading: "使用 AI 完成更多", children: [
+      "  ",
+      /* @__PURE__ */ d(
+        ge,
+        {
+          onSelect: () => {
+            const o = e.state.selection.from, a = wr(e, o);
+            r(a, "continue");
+          },
+          value: "continue",
+          className: "gap-2 px-4",
+          children: [
+            /* @__PURE__ */ t(dn, { className: "h-4 w-4 text-purple-500" }),
+            "继续写作"
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+function wa({ onOpenChange: r, options: e }) {
+  const { editor: o } = Q(), [a, n] = H(""), { completion: s, complete: i, isLoading: m } = bn({
+    // id: "novel",
+    api: "/api/generate",
+    onResponse: (C) => {
+      if (C.status === 429) {
+        ke.error("You have reached your request limit for the day.");
+        return;
+      }
+    },
+    onError: (C) => {
+      ke.error(C.message);
+    },
+    ...e
+  }), p = s.length > 0;
+  return /* @__PURE__ */ d($t, { className: "w-[350px]", children: [
+    p && /* @__PURE__ */ t("div", { className: "flex max-h-[400px]", children: /* @__PURE__ */ t(Bt, { children: /* @__PURE__ */ t("div", { className: "prose p-2 px-4 prose-sm", children: /* @__PURE__ */ t(pt, { children: s }) }) }) }),
+    m && /* @__PURE__ */ d("div", { className: "flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-purple-500", children: [
+      /* @__PURE__ */ t($e, { size: 14, className: "mr-2 shrink-0" }),
+      "AI正在思考",
+      /* @__PURE__ */ t("div", { className: "ml-2 mt-1", children: /* @__PURE__ */ t(pa, {}) })
+    ] }),
+    !m && /* @__PURE__ */ d(me, { children: [
+      /* @__PURE__ */ d("div", { className: "relative", children: [
+        /* @__PURE__ */ t(
+          Ht,
+          {
+            value: a,
+            onValueChange: n,
+            autoFocus: !0,
+            placeholder: p ? "告诉AI下一步该怎么做" : "要求AI编辑或生成……",
+            onFocus: () => Nr(o)
+          }
+        ),
+        /* @__PURE__ */ t(
+          J,
+          {
+            size: "icon",
+            className: "absolute right-2 top-1/2 h-6 w-6 -translate-y-1/2 rounded-full bg-purple-500 hover:bg-purple-900",
+            onClick: () => {
+              if (s)
+                return i(s, {
+                  body: { option: "zap", command: a }
+                }).then(() => n(""));
+              const C = o.state.selection.content(), l = o.storage.markdown.serializer.serialize(
+                C.content
+              );
+              i(l, {
+                body: { option: "zap", command: a }
+              }).then(() => n(""));
+            },
+            children: /* @__PURE__ */ t(mn, { className: "h-4 w-4" })
+          }
+        )
+      ] }),
+      p ? /* @__PURE__ */ t(
+        va,
+        {
+          onDiscard: () => {
+            o.chain().unsetHighlight().focus().run(), r(!1);
+          },
+          completion: s
+        }
+      ) : /* @__PURE__ */ t(
+        Ca,
+        {
+          onSelect: (C, l) => i(C, { body: { option: l } })
+        }
+      )
+    ] })
+  ] });
+}
+const Na = ({
+  children: r,
+  open: e,
+  onOpenChange: o,
+  enableAI: a = !1,
+  aiOptions: n
+}) => {
+  const { editor: s } = Q();
+  return ie(() => {
+    e || Ir(s);
+  }, [e]), /* @__PURE__ */ d(
+    Sr,
+    {
+      tippyOptions: {
+        placement: e ? "bottom-start" : "top",
+        onHidden: () => {
+          o(!1), s.chain().unsetHighlight().run();
+        }
+      },
+      className: "flex w-fit max-w-[90vw] overflow-hidden rounded-lg border border-muted bg-background shadow-xl p-1 gap-1",
+      children: [
+        e && a && /* @__PURE__ */ t(
+          wa,
+          {
+            open: e,
+            onOpenChange: o,
+            options: n
+          }
+        ),
+        !e && /* @__PURE__ */ d(Yt, { children: [
+          a && /* @__PURE__ */ d(
+            J,
+            {
+              className: "gap-1 text-purple-500",
+              variant: "ghost",
+              onClick: () => o(!0),
+              size: "sm",
+              children: [
+                /* @__PURE__ */ t($e, { size: 14 }),
+                "询问AI"
+              ]
+            }
+          ),
+          r
+        ] })
+      ]
+    }
+  );
+}, Ia = (r) => {
+  const e = fetch("/api/upload", {
+    method: "POST",
+    headers: {
+      "content-type": (r == null ? void 0 : r.type) || "application/octet-stream",
+      "x-vercel-filename": (r == null ? void 0 : r.name) || "image.png"
+    },
+    body: r
+  });
+  return new Promise((o, a) => {
+    ke.promise(
+      e.then(async (n) => {
+        if (n.status === 200) {
+          const { url: s } = await n.json(), i = new Image();
+          i.src = s, i.onload = () => {
+            o(s);
+          };
+        } else throw n.status === 401 ? (o(r), new Error("`BLOB_READ_WRITE_TOKEN` environment variable not found, reading image locally instead.")) : new Error("Error uploading image. Please try again.");
+      }),
+      {
+        loading: "Uploading image...",
+        success: "Image uploaded successfully.",
+        error: (n) => (a(n), n.message)
+      }
+    );
+  });
+}, Sa = gt({
+  onUpload: Ia,
+  validateFn: (r) => r.type.includes("image/") ? r.size / 1024 / 1024 > 20 ? (ke.error("File size too big (max 20MB)."), !1) : !0 : (ke.error("File type not supported."), !1)
+}), Ta = () => {
+  const { editor: r } = Q();
+  return r ? /* @__PURE__ */ t("div", { className: "flex", children: [
+    {
+      name: "粗体",
+      // bold
+      isActive: (o) => o.isActive("bold"),
+      command: (o) => o.chain().focus().toggleBold().run(),
+      icon: un
+    },
+    {
+      name: "斜体",
+      // italic
+      isActive: (o) => o.isActive("italic"),
+      command: (o) => o.chain().focus().toggleItalic().run(),
+      icon: pn
+    },
+    {
+      name: "下划线",
+      // underline
+      isActive: (o) => o.isActive("underline"),
+      command: (o) => o.chain().focus().toggleUnderline().run(),
+      icon: gn
+    },
+    {
+      name: "删除线",
+      // strike
+      isActive: (o) => o.isActive("strike"),
+      command: (o) => o.chain().focus().toggleStrike().run(),
+      icon: fn
+    },
+    {
+      name: "代码",
+      // code
+      isActive: (o) => o.isActive("code"),
+      command: (o) => o.chain().focus().toggleCode().run(),
+      icon: hn
+    }
+  ].map((o) => /* @__PURE__ */ t(
+    Le,
+    {
+      onSelect: (a) => {
+        o.command(a);
+      },
+      children: /* @__PURE__ */ t(de, { overlay: o.name, placement: "top", children: /* @__PURE__ */ t(
+        J,
+        {
+          size: "sm",
+          className: "rounded-md",
+          variant: "ghost",
+          type: "button",
+          children: /* @__PURE__ */ t(
+            o.icon,
+            {
+              className: y("h-4 w-4", {
+                "text-blue-500": o.isActive(r)
+              })
+            }
+          )
+        }
+      ) })
+    },
+    o.name
+  )) }) : null;
+}, Ot = ({ uploadFn: r }) => Mr([
+  {
+    title: "文本",
+    // "Text",
+    description: "从纯文本开始编写。",
+    // "Just start typing with plain text.",
+    searchTerms: ["p", "paragraph"],
+    icon: /* @__PURE__ */ t(rt, { size: 18 }),
+    command: ({ editor: e, range: o }) => {
+      e.chain().focus().deleteRange(o).toggleNode("paragraph", "paragraph").run();
+    }
+  },
+  {
+    title: "标题1",
+    // "Heading 1",
+    description: "大标题。",
+    // "Big section heading.",
+    searchTerms: ["title", "big", "large"],
+    icon: /* @__PURE__ */ t(nt, { size: 18 }),
+    command: ({ editor: e, range: o }) => {
+      e.chain().focus().deleteRange(o).setNode("heading", { level: 1 }).run();
+    }
+  },
+  {
+    title: "标题2",
+    // "Heading 2",
+    description: "中标题。",
+    // "Medium section heading.",
+    searchTerms: ["subtitle", "medium"],
+    icon: /* @__PURE__ */ t(at, { size: 18 }),
+    command: ({ editor: e, range: o }) => {
+      e.chain().focus().deleteRange(o).setNode("heading", { level: 2 }).run();
+    }
+  },
+  {
+    title: "标题3",
+    // "Heading 3",
+    description: "小标题。",
+    // "Small section heading.",
+    searchTerms: ["subtitle", "small"],
+    icon: /* @__PURE__ */ t(st, { size: 18 }),
+    command: ({ editor: e, range: o }) => {
+      e.chain().focus().deleteRange(o).setNode("heading", { level: 3 }).run();
+    }
+  },
+  {
+    title: "待办清单",
+    // "To-do List",
+    description: "使用待办清单追踪任务。",
+    // "Track tasks with a to-do list.",
+    searchTerms: ["todo", "task", "list", "check", "checkbox"],
+    icon: /* @__PURE__ */ t(it, { size: 18 }),
+    command: ({ editor: e, range: o }) => {
+      e.chain().focus().deleteRange(o).toggleTaskList().run();
+    }
+  },
+  {
+    title: "项目符号列表",
+    // "Bullet List",
+    description: "创建一个简单的项目符号列表。",
+    // "Create a simple bullet list.",
+    searchTerms: ["unordered", "point"],
+    icon: /* @__PURE__ */ t(lt, { size: 18 }),
+    command: ({ editor: e, range: o }) => {
+      e.chain().focus().deleteRange(o).toggleBulletList().run();
+    }
+  },
+  {
+    title: "有序列表",
+    // "Numbered List",
+    description: "创建一个带有序号的列表。",
+    // "Create a list with numbering.",
+    searchTerms: ["ordered"],
+    icon: /* @__PURE__ */ t(ct, { size: 18 }),
+    command: ({ editor: e, range: o }) => {
+      e.chain().focus().deleteRange(o).toggleOrderedList().run();
+    }
+  },
+  {
+    title: "引用",
+    // "Quote",
+    description: "摘取引用。",
+    // "Capture a quote.",
+    searchTerms: ["blockquote"],
+    icon: /* @__PURE__ */ t(dt, { size: 18 }),
+    command: ({ editor: e, range: o }) => e.chain().focus().deleteRange(o).toggleNode("paragraph", "paragraph").toggleBlockquote().run()
+  },
+  {
+    title: "代码",
+    // "Code",
+    description: "捕获代码段。",
+    // "Capture a code snippet.",
+    searchTerms: ["codeblock"],
+    icon: /* @__PURE__ */ t(mt, { size: 18 }),
+    command: ({ editor: e, range: o }) => e.chain().focus().deleteRange(o).toggleCodeBlock().run()
+  },
+  {
+    title: "图片",
+    // "Image",
+    description: "从您的计算机上传图像。",
+    // "Upload an image from your computer.",
+    searchTerms: ["photo", "picture", "media"],
+    icon: /* @__PURE__ */ t(fo, { size: 18 }),
+    command: ({ editor: e, range: o }) => {
+      e.chain().focus().deleteRange(o).run();
+      const a = document.createElement("input");
+      a.type = "file", a.accept = "image/*", a.onchange = async () => {
+        var n;
+        if ((n = a.files) != null && n.length) {
+          const s = a.files[0], i = e.view.state.selection.from;
+          r(s, e.view, i);
+        }
+      }, a.click();
+    }
+  }
+]), Ma = (r) => Tr.configure({
+  suggestion: {
+    items: () => Ot(r),
+    render: Lr
+  }
+}), La = {
+  type: "doc",
+  content: []
+}, Ft = Vt(({ children: r, items: e, ...o }, a) => {
+  const n = (i) => /* @__PURE__ */ d(
+    Te.Item,
+    {
+      onClick: i.onClick,
+      className: y(
+        "gap-2 !p-1.5 text-sm hover:bg-accent focus:ring-0 rounded-md cursor-pointer",
+        i.className
+      ),
+      itemIcon: i.isActive ? /* @__PURE__ */ t(ye, { size: 16 }) : void 0,
+      children: [
+        i.icon,
+        i.label,
+        /* @__PURE__ */ t("div", { className: "flex-1" })
+      ]
+    },
+    i.key
+  ), s = (i) => {
+    var m;
+    return /* @__PURE__ */ t(
+      Te.SubMenu,
+      {
+        expandIcon: /* @__PURE__ */ t(ho, { size: 16 }),
+        popupClassName: y(
+          "!rounded-lg border border-muted bg-background shadow-xl !p-2 min-w-48 !m-0 z-[1080]",
+          f`
+            .rc-menu {
+              border: none !important;
+              box-shadow: none !important;
+            }
+          `
+        ),
+        popupOffset: [4, 0],
+        className: y(
+          "gap-2 !p-0 text-sm hover:bg-accent focus:ring-0 rounded-md cursor-pointer",
+          f`
+            .rc-menu-submenu-title {
+              display: flex;
+              align-items: center;
+              gap: 0.5rem;
+              padding: 0.375rem 0 0.375rem 0.375rem !important;
+              border-radius: calc(var(--radius) - 2px);
+
+              &:hover {
+                background-color: transparent !important;
+              }
+            }
+          `
+        ),
+        title: /* @__PURE__ */ d(me, { children: [
+          i.icon,
+          i.label,
+          /* @__PURE__ */ t("div", { className: "flex-1" })
+        ] }),
+        children: (m = i.children) == null ? void 0 : m.map(n)
+      },
+      i.key
+    );
+  };
+  return /* @__PURE__ */ t(
+    yn,
+    {
+      ref: a,
+      trigger: "click",
+      overlay: /* @__PURE__ */ t(
+        Te,
+        {
+          className: y(
+            "!rounded-lg border border-muted bg-background shadow-xl !p-2 min-w-48 !m-0",
+            f`
+              .rc-menu-submenu-active {
+                .rc-menu-submenu-title {
+                  background-color: hsl(var(--accent)) !important;
+                }
+              }
+            `
+          ),
+          ...o,
+          children: e.map((i) => i.type === "divider" ? /* @__PURE__ */ t(Te.Divider, { className: "!my-1" }, i.key) : i.type === "submenu" ? s(i) : n(i))
+        }
+      ),
+      ...o,
+      children: r
+    }
+  );
+});
+Ft.displayName = "DropdownMenu";
+const Aa = ({ children: r, ...e }) => {
+  const { editor: o } = Q(), a = () => {
+    o && o.state.selection instanceof K && (o.commands.deleteSelection(), o.commands.focus());
+  }, n = () => {
+    if (o && o.state.selection instanceof K) {
+      const m = o.state.selection.node, p = o.state.selection.to;
+      o.chain().insertContentAt(p, {
+        type: m.type.name,
+        attrs: { ...m.attrs },
+        content: m.content.toJSON()
+      }).focus().run();
+    }
+  }, s = Be.map((m) => ({
+    key: `transform-${m.name}`,
+    icon: /* @__PURE__ */ t(m.icon, { size: 16 }),
+    label: m.name,
+    onClick: () => {
+      o && o.state.selection instanceof K && m.command(o);
+    },
+    isActive: m.isActive(o)
+  }));
+  return /* @__PURE__ */ t(Ft, { items: [
+    {
+      key: "transform",
+      type: "submenu",
+      icon: /* @__PURE__ */ t(bo, { size: 16 }),
+      label: "转换成",
+      children: s
+    },
+    {
+      key: "duplicate",
+      icon: /* @__PURE__ */ t(xo, { size: 16 }),
+      label: "创建副本",
+      onClick: n
+    },
+    { key: "divider", type: "divider" },
+    {
+      key: "delete",
+      icon: /* @__PURE__ */ t(ot, { size: 16 }),
+      label: "删除",
+      className: "text-red-500",
+      onClick: a
+    }
+  ], ...e, children: r });
+}, Ra = () => {
+  const { editor: r } = Q(), e = (o) => {
+    if (!r) return;
+    const a = o.target.closest(".custom-drag-handle");
+    if (!a) return;
+    const n = a.dataset.nodePos, s = n !== void 0 ? parseInt(a.dataset.nodePos || "0", 10) : n;
+    s !== void 0 && (r.commands.focus(), r.commands.setNodeSelection(s), r.commands.createParagraphNear() ? r.commands.insertContent("/") : r.chain().insertContentAt(s, {
+      type: "paragraph",
+      content: [{ type: "text", text: "/" }]
+    }).run());
+  };
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: y(
+        "custom-drag-handle",
+        f`
+          width: auto;
+          background: none;
+          display: flex;
+          align-items: center;
+        `
+      ),
+      children: [
+        /* @__PURE__ */ t(
+          de,
+          {
+            placement: "bottom",
+            overlay: /* @__PURE__ */ d("div", { children: [
+              "点击",
+              /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "以在下方添加快" })
+            ] }),
+            children: /* @__PURE__ */ t(
+              J,
+              {
+                size: "icon",
+                variant: "ghost",
+                className: "w-auto h-auto p-0.5",
+                onClick: e,
+                children: /* @__PURE__ */ t(yo, { className: "cursor-pointer", size: 22 })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(Aa, { children: /* @__PURE__ */ t(
+          de,
+          {
+            placement: "bottom",
+            overlay: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ d("div", { children: [
+              "拖动",
+              /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "以移动" })
+            ] }) }),
+            children: /* @__PURE__ */ t(J, { size: "icon", variant: "ghost", className: "w-auto h-auto p-0.5", children: /* @__PURE__ */ t(vo, { size: 22 }) })
+          }
+        ) })
+      ]
+    }
+  );
+}, Da = (r) => {
+  const {
+    className: e,
+    initialContent: o = {},
+    onChange: a,
+    cacheKey: n = "novel-content",
+    enableCache: s = !1,
+    showSaveStatus: i = !0,
+    showWordCount: m = !0,
+    uploadImageProps: p,
+    editorRef: C,
+    enableAI: l = !1,
+    aiOptions: c
+  } = r, [b, x] = H(
+    o
+  ), [A, h] = H("Saved"), [g, N] = H(), [v, I] = H(!1), [u, T] = H(!1), [D, w] = H(!1), [k, U] = H(!1), Z = (S) => {
+    const O = new DOMParser().parseFromString(S, "text/html");
+    return O.querySelectorAll("pre code").forEach((B) => {
+      xn.highlightElement(B);
+    }), new XMLSerializer().serializeToString(O);
+  }, _ = Fr(
+    async (S) => {
+      const O = S.getJSON();
+      N(S.storage.characterCount.words()), a == null || a(O), s && (window.localStorage.setItem(
+        "html-content",
+        Z(S.getHTML())
+      ), window.localStorage.setItem(n, JSON.stringify(O)), window.localStorage.setItem(
+        "markdown",
+        S.storage.markdown.getMarkdown()
+      ), h("Saved"));
+    },
+    500
+  ), ae = fe(() => {
+    if (!p) return Sa;
+    const {
+      beforeUpload: S,
+      maxSize: O,
+      action: B,
+      headers: W,
+      method: re,
+      name: Re,
+      onSuccess: we,
+      onError: Ne
+    } = p;
+    return gt({
+      onUpload: (se) => {
+        const M = new FormData();
+        M.append(Re || "file", se);
+        const X = fetch(B, {
+          method: re || "POST",
+          headers: {
+            ...W
+          },
+          body: M
+        });
+        return new Promise((F, E) => {
+          X.then(async (P) => {
+            if (we) {
+              const z = await P.json();
+              F(we(z));
+              return;
+            }
+            if (P.status === 200) {
+              const { url: z } = await P.json(), L = new Image();
+              L.src = z, L.onload = () => {
+                F(z);
+              };
+            } else throw P.status === 401 ? (F(se), new Error(
+              "`BLOB_READ_WRITE_TOKEN` environment variable not found, reading image locally instead."
+            )) : new Error("Error uploading image. Please try again.");
+          }).catch((P) => {
+            Ne && Ne(P), E(P);
+          });
+        });
+      },
+      validateFn: (se) => S ? S(se) : se.type.includes("image/") ? O && se.size > O ? (console.error("File size too big (max 20MB)."), !1) : !0 : (console.error("File type not supported."), !1)
+    });
+  }, [p]);
+  if (ie(() => {
+    if (!s) return;
+    const S = window.localStorage.getItem(n);
+    x(S ? JSON.parse(S) : La);
+  }, [n, s]), !b) return null;
+  const oe = [
+    ...Dt,
+    Ma({
+      uploadFn: ae
+    })
+  ];
+  return /* @__PURE__ */ d("div", { className: y("relative w-full max-w-screen-lg", e), children: [
+    (s && i || m) && /* @__PURE__ */ d("div", { className: "flex absolute right-5 top-5 z-10 mb-5 gap-2", children: [
+      s && i && /* @__PURE__ */ t("div", { className: "rounded-lg bg-accent px-2 py-1 text-sm text-muted-foreground", children: A }),
+      m && /* @__PURE__ */ d(
+        "div",
+        {
+          className: g ? "rounded-lg bg-accent px-2 py-1 text-sm text-muted-foreground" : "hidden",
+          children: [
+            g,
+            " Words"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(Ar, { children: /* @__PURE__ */ d(
+      Rr,
+      {
+        onCreate: ({ editor: S }) => {
+          C && (C.current = S);
+        },
+        initialContent: b,
+        extensions: oe,
+        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: (S, O) => Br(O)
+          },
+          handlePaste: (S, O) => Pr(S, O, ae),
+          handleDrop: (S, O, B, W) => Dr(S, O, W, ae),
+          attributes: {
+            class: "prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full"
+          }
+        },
+        onUpdate: ({ editor: S }) => {
+          _(S), h("Unsaved");
+        },
+        slotAfter: /* @__PURE__ */ t(Or, {}),
+        children: [
+          /* @__PURE__ */ d(zr, { className: "z-50 h-auto max-h-[330px] overflow-y-auto rounded-md border border-muted bg-background px-1 py-2 shadow-md transition-all", children: [
+            /* @__PURE__ */ t(Er, { className: "px-2 text-muted-foreground", children: "没有结果" }),
+            /* @__PURE__ */ t($r, { children: Ot({
+              uploadFn: ae
+            }).map((S) => /* @__PURE__ */ d(
+              Hr,
+              {
+                value: S.title,
+                onCommand: (O) => S.command(O),
+                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: S.icon }),
+                  /* @__PURE__ */ d("div", { children: [
+                    /* @__PURE__ */ t("p", { className: "font-medium", children: S.title }),
+                    /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: S.description })
+                  ] })
+                ]
+              },
+              S.title
+            )) })
+          ] }),
+          /* @__PURE__ */ d(
+            Na,
+            {
+              open: k,
+              onOpenChange: U,
+              enableAI: l,
+              aiOptions: c,
+              children: [
+                l && /* @__PURE__ */ t(pe, { orientation: "vertical" }),
+                /* @__PURE__ */ t(ua, { open: v, onOpenChange: I }),
+                /* @__PURE__ */ t(pe, { orientation: "vertical" }),
+                /* @__PURE__ */ t(da, { open: D, onOpenChange: w }),
+                /* @__PURE__ */ t(pe, { orientation: "vertical" }),
+                /* @__PURE__ */ t(ma, {}),
+                /* @__PURE__ */ t(pe, { orientation: "vertical" }),
+                /* @__PURE__ */ t(Ta, {}),
+                /* @__PURE__ */ t(pe, { orientation: "vertical" }),
+                /* @__PURE__ */ t(ia, { open: u, onOpenChange: T })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(Ra, {})
+        ]
+      }
+    ) })
+  ] });
+}, Pa = ({ json: r }) => {
+  const e = fe(() => vn(r ?? {}, Dt), [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 } }) });
+}, _t = Da;
+_t.Preview = Pa;
+const Ns = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Desktop: Rn,
+  DesktopSortable: wt,
+  DesktopSortableConfigProvider: xt,
+  DesktopSortableStateProvider: kt,
+  Dock: Ue,
+  Editor: _t,
+  Markdown: Tt,
+  MdEditor: Mt,
+  SortableUtils: Y,
+  desktopAppConfig: Fe,
+  desktopConfigMap: _e,
+  desktopGroupConfig: yt,
+  desktopThemeDark: Oe,
+  desktopThemeLight: He
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  f as Desktop,
-  l as Dock,
-  x as Editor,
-  s as Markdown,
-  p as MdEditor
+  Rn as Desktop,
+  wt as DesktopSortable,
+  xt as DesktopSortableConfigProvider,
+  kt as DesktopSortableStateProvider,
+  Ue as Dock,
+  _t as Editor,
+  Tt as Markdown,
+  Mt as MdEditor,
+  Y as SortableUtils,
+  Ns as default,
+  Fe as desktopAppConfig,
+  _e as desktopConfigMap,
+  yt as desktopGroupConfig,
+  Oe as desktopThemeDark,
+  He as desktopThemeLight
 };