wendang-react 0.5.6 → 0.6.3

package/dist/document.js

@@ -6,14 +6,14 @@ import { createPortal } from "react-dom";
 import { useRef, useState, useLayoutEffect, useEffect, useMemo, useId, forwardRef, useCallback, useImperativeHandle } from "react";
 import { ContentSchemaService, requiredSchemaVersion, SCHEMA_VERSION } from "wendang/schema";
 import { safeHref, TEXT_COLORS, HIGHLIGHT_COLORS, documentColorAttributes, parseVideoUrl } from "wendang/shared";
-import { b as buildColumnsJson, d as dismissSlash, u as unwrapCallout, h as highlightMenuBlock, T as TEXT_ALIGNS, c as currentTableCellPosition, r as readTableGeometry, t as tableHeaderActive, a as tablePositionAtCell, s as selectTableAxis, i as insertTableBoundary, e as CELL_ALIGNS, f as cellPositionAtDOM, g as selectTableCell, j as clippedTableSelection, k as tableSelectionMarkActive, l as setTableSelectionMark, m as setTableHeaderBackground, n as currentCellRect, o as setColumnWidth, p as autoFitColumn, q as distributeTableColumns, v as getSelectedBlocks, B as BlockRangeSelection, w as setBlockRangeSelection, x as setImageRangeSelection, y as pastedImageFiles, z as pastedRemoteImageUrls, A as coreExtensions, D as refreshInlineComments, E as addUploadPlaceholder, F as currentPlaceholderPos, G as insertUploadedBlock, H as removeUploadPlaceholder, I as replacePlaceholderWithNode } from "./chunks/extensions-B-CVVQhp.js";
-import { C } from "./chunks/extensions-B-CVVQhp.js";
+import { b as buildColumnsJson, d as dismissSlash, u as unwrapCallout, h as highlightMenuBlock, T as TEXT_ALIGNS, c as currentTableCellPosition, r as readTableGeometry, t as tableHeaderActive, a as tablePositionAtCell, s as selectTableAxis, i as insertTableBoundary, e as CELL_ALIGNS, f as cellPositionAtDOM, g as selectTableCell, j as clippedTableSelection, k as tableSelectionMarkActive, l as setTableSelectionMark, m as setTableHeaderBackground, n as currentCellRect, o as setColumnWidth, p as autoFitColumn, q as distributeTableColumns, v as getSelectedBlocks, B as BlockRangeSelection, w as setBlockRangeSelection, x as setImageRangeSelection, y as pastedImageFiles, z as pastedRemoteImageUrls, A as coreExtensions, D as refreshInlineComments, E as addUploadPlaceholder, F as currentPlaceholderPos, G as insertUploadedBlock, H as removeUploadPlaceholder, I as replacePlaceholderWithNode } from "./chunks/extensions-ByORRoRa.js";
+import { C } from "./chunks/extensions-ByORRoRa.js";
 import { a as useContentContext, p as primeAttachment, u as unavailableAttachment } from "./chunks/host-C-V688Rq.js";
 import { c as createMindMapController } from "./chunks/mind-map-controller-B6SxK3GZ.js";
-import { M as MindMapBlock } from "./chunks/MindMapViewer-CQTQAgNq.js";
-import { p as previewItemsFrom, I as ImagePreview, V as VideoView } from "./chunks/mind-topic-text-BBNTbFSe.js";
+import { M as MindMapBlock } from "./chunks/MindMapViewer-DJrryb2Y.js";
+import { p as previewItemsFrom, I as ImagePreview, V as VideoView } from "./chunks/mind-topic-text-DSyb95vL.js";
 import { u as useLatest, a as useReady, b as asError } from "./chunks/hooks-C53Dp0pr.js";
-import { W as WButton, b as WIcon, l as lockScroll, t as trapTab, c as WDialog } from "./chunks/index-Ii536CFG.js";
+import { a as WButton, b as WIcon, p as placePanel, l as lockScroll, t as trapTab, c as WDialog } from "./chunks/index-DdfMnva8.js";
 import { p as placeAnchoredPopover } from "./chunks/popover-placement-D3xVYdkt.js";
 import { A, a, b } from "./chunks/popover-placement-D3xVYdkt.js";
 import { isSafeHref } from "wendang/internal/safe-href";
@@ -28,6 +28,7 @@ import { CellSelection, TableMap } from "@tiptap/pm/tables";
 import { CELL_BACKGROUNDS } from "wendang/internal/table-cell-format";
 import { r as rankPages } from "./chunks/fuzzy-match-DYQR-4w2.js";
 import { inspectVideoUrl, VIDEO_PROVIDER_LABELS, videoSourceUrl } from "wendang/internal/video-embed";
+import { D } from "./chunks/DocumentExportMenu-BrGipZ59.js";
 function linkHrefProblem(value) {
   const href = value.trim();
   if (!href) return "请输入链接地址。";
@@ -1495,6 +1496,110 @@ function placeTableMenu(anchor, menu, viewport) {
     maxHeight
   };
 }
+function attachOverlayScrollbar(host, viewport, content) {
+  const track = document.createElement("div"), thumb = document.createElement("div");
+  track.className = "w-overlay-scrollbar__track";
+  thumb.className = "w-overlay-scrollbar__thumb";
+  const originalId = viewport.id;
+  if (!viewport.id) viewport.id = `wd-scroll-${crypto.randomUUID()}`;
+  thumb.tabIndex = 0;
+  thumb.setAttribute("role", "scrollbar");
+  thumb.setAttribute("aria-label", "菜单滚动条");
+  thumb.setAttribute("aria-orientation", "vertical");
+  thumb.setAttribute("aria-controls", viewport.id);
+  thumb.setAttribute("aria-valuemin", "0");
+  track.append(thumb);
+  host.append(track);
+  let timer;
+  let drag;
+  let thumbHeight = 0;
+  const events = new AbortController();
+  function active() {
+    host.classList.add("is-scrolling");
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      if (!drag) host.classList.remove("is-scrolling");
+    }, 700);
+  }
+  function update() {
+    const maximum = Math.max(0, viewport.scrollHeight - viewport.clientHeight);
+    track.hidden = maximum <= 1;
+    const height = track.clientHeight;
+    thumbHeight = Math.min(height, Math.max(28, height * viewport.clientHeight / Math.max(1, viewport.scrollHeight)));
+    thumb.style.height = `${thumbHeight}px`;
+    thumb.style.transform = `translateY(${maximum ? (height - thumbHeight) * viewport.scrollTop / maximum : 0}px)`;
+    thumb.setAttribute("aria-valuemax", String(Math.round(maximum)));
+    thumb.setAttribute("aria-valuenow", String(Math.round(viewport.scrollTop)));
+  }
+  viewport.addEventListener("scroll", () => {
+    update();
+    active();
+  }, { passive: true, signal: events.signal });
+  thumb.addEventListener("pointerdown", (event) => {
+    if (event.button !== 0) return;
+    event.preventDefault();
+    event.stopPropagation();
+    thumb.focus({ preventScroll: true });
+    drag = {
+      y: event.clientY,
+      top: viewport.scrollTop,
+      maximum: viewport.scrollHeight - viewport.clientHeight,
+      travel: Math.max(1, track.clientHeight - thumbHeight)
+    };
+    host.classList.add("is-dragging-scrollbar");
+    active();
+  }, { signal: events.signal });
+  window.addEventListener("pointermove", (event) => {
+    if (!drag) return;
+    event.preventDefault();
+    viewport.scrollTop = Math.max(0, Math.min(drag.maximum, drag.top + (event.clientY - drag.y) * drag.maximum / drag.travel));
+    update();
+  }, { signal: events.signal });
+  function finish() {
+    if (!drag) return;
+    drag = void 0;
+    host.classList.remove("is-dragging-scrollbar");
+    active();
+  }
+  window.addEventListener("pointerup", finish, { signal: events.signal });
+  window.addEventListener("pointercancel", finish, { signal: events.signal });
+  window.addEventListener("blur", finish, { signal: events.signal });
+  track.addEventListener("pointerdown", (event) => {
+    if (event.target !== track || event.button !== 0) return;
+    event.preventDefault();
+    event.stopPropagation();
+    const top = track.getBoundingClientRect().top;
+    viewport.scrollTop = (event.clientY - top - thumbHeight / 2) / Math.max(1, track.clientHeight - thumbHeight) * (viewport.scrollHeight - viewport.clientHeight);
+    update();
+    active();
+  }, { signal: events.signal });
+  thumb.addEventListener("keydown", (event) => {
+    const deltas = { ArrowDown: 32, ArrowUp: -32, PageDown: viewport.clientHeight * 0.8, PageUp: -viewport.clientHeight * 0.8 };
+    const delta = deltas[event.key];
+    if (delta === void 0 && event.key !== "Home" && event.key !== "End") return;
+    event.preventDefault();
+    event.stopPropagation();
+    viewport.scrollTop = event.key === "Home" ? 0 : event.key === "End" ? viewport.scrollHeight : viewport.scrollTop + delta;
+    update();
+    active();
+  }, { signal: events.signal });
+  const resize = new ResizeObserver(update);
+  resize.observe(viewport);
+  resize.observe(content);
+  resize.observe(host);
+  update();
+  return {
+    update,
+    destroy() {
+      events.abort();
+      resize.disconnect();
+      clearTimeout(timer);
+      track.remove();
+      host.classList.remove("is-scrolling", "is-dragging-scrollbar");
+      if (!originalId) viewport.removeAttribute("id");
+    }
+  };
+}
 const CORNER_W = 44, CORNER_H = 26, GUTTER_GAP = 8;
 const anchorOf = (event) => {
   const rect = event.currentTarget.getBoundingClientRect();
@@ -1505,24 +1610,72 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
   const { portal } = useContentContext(), axisCleanup = useRef(null);
   const [dismissed, setDismissed] = useState(false), [panel, setPanel] = useState("none");
   const [menuOpen, setMenuOpen] = useState(false), [menuScope, setMenuScope] = useState("table");
+  const [menuFromToolbar, setMenuFromToolbar] = useState(false);
   const [showStyle, setShowStyle] = useState(false), [widthOpen, setWidthOpen] = useState(false), [width, setWidth] = useState(""), [busy, setBusy] = useState(false);
   const [toolbarSize, setToolbarSize] = useState({ width: 0, height: 0 });
+  const [, setViewportRevision] = useState(0);
   const [menuAnchor, setMenuAnchor] = useState(null), [panelAnchor, setPanelAnchor] = useState(null);
   const menuRef = useRef(null), panelRef = useRef(null);
+  const menuViewport = useRef(null), menuContent = useRef(null);
+  const menuTrigger = useRef(null), panelTrigger = useRef(null);
   const [menuPlace, setMenuPlace] = useState({ left: 0, top: 0, maxHeight: 480 }), [panelPlace, setPanelPlace] = useState({ left: 0, top: 0 });
-  useEffect(() => {
+  useLayoutEffect(() => {
+    var _a2;
     if (!menuOpen || !menuAnchor) return;
     const element = menuRef.current;
     if (!element) return;
-    setMenuPlace(placeTableMenu(menuAnchor, { width: element.offsetWidth, height: element.offsetHeight }, { width: innerWidth, height: innerHeight, topInset: 12 }));
+    setMenuPlace(placeTableMenu(menuAnchor, { width: element.offsetWidth, height: (((_a2 = menuViewport.current) == null ? void 0 : _a2.scrollHeight) ?? element.scrollHeight) + 2 }, { width: innerWidth, height: innerHeight, topInset: 12 }));
   }, [menuOpen, menuAnchor, widthOpen, showStyle, menuScope]);
   useEffect(() => {
+    var _a2;
+    if (!menuOpen || !menuRef.current || !menuViewport.current || !menuContent.current) return;
+    const scrollbar = attachOverlayScrollbar(menuRef.current, menuViewport.current, menuContent.current);
+    (_a2 = menuRef.current.querySelector('[role="menuitem"]')) == null ? void 0 : _a2.focus({ preventScroll: true });
+    return () => scrollbar.destroy();
+  }, [menuOpen, portal]);
+  useLayoutEffect(() => {
     if (panel === "none" || !panelAnchor) return;
-    const element = panelRef.current;
-    const card = { width: (element == null ? void 0 : element.offsetWidth) ?? 320, height: (element == null ? void 0 : element.offsetHeight) ?? 260 };
-    const placement = placeTableToolbar(panelAnchor, card, { width: innerWidth, height: innerHeight, topInset: 12 });
-    setPanelPlace({ left: placement.left, top: placement.top });
-  }, [panel, panelAnchor]);
+    const measure = () => {
+      var _a2;
+      const element = panelRef.current, trigger = (_a2 = panelTrigger.current) == null ? void 0 : _a2.getBoundingClientRect();
+      if (!element || !trigger) return;
+      const placement = placePanel({
+        trigger,
+        panel: { width: element.offsetWidth, height: element.offsetHeight },
+        position: "bl",
+        gap: 6,
+        viewport: { width: innerWidth, height: innerHeight }
+      });
+      setPanelPlace((previous) => previous.left === placement.left && previous.top === placement.top ? previous : { left: placement.left, top: placement.top });
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    if (panelRef.current) observer.observe(panelRef.current);
+    let frame = 0;
+    const scroll = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(measure);
+    };
+    window.addEventListener("scroll", scroll, true);
+    return () => {
+      observer.disconnect();
+      cancelAnimationFrame(frame);
+      window.removeEventListener("scroll", scroll, true);
+    };
+  });
+  useEffect(() => {
+    const update = (event) => {
+      var _a2, _b2;
+      if (event.target instanceof Node && (((_a2 = menuRef.current) == null ? void 0 : _a2.contains(event.target)) || ((_b2 = panelRef.current) == null ? void 0 : _b2.contains(event.target)))) return;
+      setViewportRevision((value) => value + 1);
+    };
+    window.addEventListener("scroll", update, true);
+    window.addEventListener("resize", update);
+    return () => {
+      window.removeEventListener("scroll", update, true);
+      window.removeEventListener("resize", update);
+    };
+  }, []);
   const selectionRef = useRef(editor.state.selection), docRef = useRef(editor.state.doc);
   useEffect(() => {
     if (!selectionRef.current.eq(editor.state.selection) || docRef.current !== editor.state.doc) {
@@ -1558,6 +1711,8 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
       selectTableCell(editor.view, pos);
       setPanel("none");
       setMenuScope("cell");
+      setMenuFromToolbar(false);
+      menuTrigger.current = null;
       setShowStyle(false);
       setMenuAnchor({ left: event.clientX, right: event.clientX, top: event.clientY, bottom: event.clientY });
       setMenuOpen(true);
@@ -1581,11 +1736,18 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
       setMenuOpen(false);
       setPanel("none");
     };
+    const scroll = (event) => {
+      var _a2, _b2;
+      if (event.target instanceof Node && (((_a2 = menuRef.current) == null ? void 0 : _a2.contains(event.target)) || ((_b2 = panelRef.current) == null ? void 0 : _b2.contains(event.target)))) return;
+      setMenuOpen(false);
+    };
     document.addEventListener("pointerdown", close, true);
     window.addEventListener("resize", resize);
+    window.addEventListener("scroll", scroll, true);
     return () => {
       document.removeEventListener("pointerdown", close, true);
       window.removeEventListener("resize", resize);
+      window.removeEventListener("scroll", scroll, true);
     };
   }, [menuOpen, panel]);
   function axisDown(axis, index, event) {
@@ -1643,13 +1805,16 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
   }
   useEffect(() => {
     const escape = (event) => {
+      var _a2, _b2;
       if (event.key !== "Escape" || event.isComposing) return;
       if (panel !== "none") {
         event.preventDefault();
         setPanel("none");
+        (_a2 = panelTrigger.current) == null ? void 0 : _a2.focus({ preventScroll: true });
       } else if (menuOpen) {
         event.preventDefault();
         setMenuOpen(false);
+        (_b2 = menuTrigger.current) == null ? void 0 : _b2.focus({ preventScroll: true });
       } else if (cellSelection) {
         event.preventDefault();
         setDismissed(true);
@@ -1697,12 +1862,22 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
     } else setColor(panel === "color" ? "textStyle" : "highlight", value);
   }
   function showContext(event, scope = "table") {
+    var _a2;
     if (!event) return;
+    const trigger = event.currentTarget;
+    if (menuOpen && menuTrigger.current === trigger) {
+      setMenuOpen(false);
+      return;
+    }
+    menuTrigger.current = trigger;
+    const bar = (_a2 = trigger.closest(".tbl-cellbar")) == null ? void 0 : _a2.getBoundingClientRect();
     if (scope === "table" && geometry) selectTableAxis(editor.view, geometry.cellPos, "table");
+    const anchor = anchorOf(event);
     setPanel("none");
     setShowStyle(false);
     setMenuScope(scope);
-    setMenuAnchor(anchorOf(event));
+    setMenuFromToolbar(!!bar);
+    setMenuAnchor({ ...anchor, top: (bar == null ? void 0 : bar.top) ?? anchor.top, bottom: (bar == null ? void 0 : bar.bottom) ?? anchor.bottom });
     setMenuOpen(true);
   }
   async function copyTable(cut) {
@@ -1737,6 +1912,8 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
       setPanel("none");
       return;
     }
+    panelTrigger.current = event.currentTarget;
+    setMenuOpen(false);
     setPanelAnchor(anchorOf(event));
     setPanel(name);
   }
@@ -1797,7 +1974,7 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
         if (!disabled) onClick();
       },
       children: [
-        /* @__PURE__ */ jsx(WIcon, { name: icon, size: 18 }),
+        /* @__PURE__ */ jsx(WIcon, { name: icon, size: ["bold", "italic", "strike", "underline"].includes(icon) ? 20 : 18 }),
         extra
       ]
     }
@@ -1821,6 +1998,7 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
                 if (pos !== null) onBlockDrag == null ? void 0 : onBlockDrag(pos, event.nativeEvent, () => {
                   selectTableAxis(editor.view, geometry.cellPos, "table");
                   setMenuScope("table");
+                  setMenuFromToolbar(false);
                   setShowStyle(false);
                   setMenuAnchor(anchor);
                   setMenuOpen(true);
@@ -1894,7 +2072,7 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
       ] }),
       selection && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("div", { className: "tbl-selection", style: { left: selection.left, top: selection.top, width: selection.width, height: selection.height } }),
-        !menuOpen && /* @__PURE__ */ jsx(
+        (!menuOpen || menuFromToolbar) && /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
@@ -1914,7 +2092,7 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
             children: "···"
           }
         ),
-        cellSelection && !dismissed && !menuOpen && /* @__PURE__ */ jsx(
+        cellSelection && !dismissed && (!menuOpen || menuFromToolbar) && /* @__PURE__ */ jsx(
           "div",
           {
             className: "tbl-cellbar",
@@ -1958,7 +2136,7 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
                     item.key === "color" ? /* @__PURE__ */ jsxs(Fragment, { children: [
                       "A",
                       /* @__PURE__ */ jsx(WIcon, { name: "chevron-down", size: 12 })
-                    ] }) : item.key === "highlight" ? /* @__PURE__ */ jsx(WIcon, { name: "marker", size: 17 }) : /* @__PURE__ */ jsx("span", { className: "fill-icon" }),
+                    ] }) : /* @__PURE__ */ jsx(WIcon, { name: item.key === "highlight" ? "marker" : "cell-fill", size: 20 }),
                     /* @__PURE__ */ jsx("span", { className: "color-bar", style: { background: item.current ?? "transparent" }, "aria-hidden": "true" })
                   ]
                 },
@@ -2013,13 +2191,25 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
         "div",
         {
           ref: menuRef,
-          className: "tbl-ctx",
-          style: { position: "fixed", left: menuPlace.left, top: menuPlace.top, maxHeight: menuPlace.maxHeight, overflow: "auto", width: 216 },
+          className: "tbl-ctx w-overlay-scrollbar",
+          style: { position: "fixed", left: menuPlace.left, top: menuPlace.top, maxHeight: menuPlace.maxHeight, width: 216 },
           role: "menu",
           "aria-label": "表格操作菜单",
-          onMouseDown: (event) => event.preventDefault(),
+          onMouseDown: (event) => {
+            if (!(event.target instanceof HTMLInputElement)) event.preventDefault();
+          },
           onContextMenu: (event) => event.preventDefault(),
-          children: menuScope === "table" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          onKeyDown: (event) => {
+            var _a2;
+            if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key) || event.target instanceof HTMLInputElement) return;
+            const buttons = [...((_a2 = menuRef.current) == null ? void 0 : _a2.querySelectorAll('[role^="menuitem"]:not(:disabled)')) ?? []];
+            if (!buttons.length) return;
+            event.preventDefault();
+            const current = buttons.indexOf(document.activeElement);
+            const next = event.key === "Home" ? 0 : event.key === "End" ? buttons.length - 1 : (current + (event.key === "ArrowDown" ? 1 : -1) + buttons.length) % buttons.length;
+            buttons[next].focus();
+          },
+          children: /* @__PURE__ */ jsx("div", { ref: menuViewport, className: "w-overlay-scrollbar__viewport", style: { maxHeight: Math.max(0, menuPlace.maxHeight - 2) }, children: /* @__PURE__ */ jsx("div", { ref: menuContent, children: menuScope === "table" ? /* @__PURE__ */ jsxs(Fragment, { children: [
             menuItem("columns", "均分列宽", distribute),
             menuItem("palette", "表格样式", () => setShowStyle(!showStyle), { expanded: showStyle }),
             showStyle && /* @__PURE__ */ jsxs("div", { className: "ctx-styles", "aria-label": "表头样式", children: [
@@ -2157,7 +2347,7 @@ function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
               chain().deleteTable().run();
               setMenuOpen(false);
             }, { danger: true })
-          ] })
+          ] }) }) })
         }
       )
     ] }), portal)
@@ -3614,6 +3804,7 @@ export {
   b as ANCHORED_POPOVER_VIEW_MARGIN,
   C as COLLAB_FIELD,
   DocumentEditor,
+  D as DocumentExportMenu,
   coreExtensions,
   placeAnchoredPopover,
   sameDocument

package/dist/export/json.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsonFile } from "wendang-export/json";
+export {
+  jsonFile
+};

package/dist/export/markdown.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "wendang-export/markdown";

package/dist/export/mindmap.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "wendang-export/mindmap";

package/dist/export/pdf.js

@@ -0,0 +1,6 @@
+"use client";
+export * from "wendang-export/pdf";
+import { defaultPdfFontUrl } from "wendang-export/font";
+export {
+  defaultPdfFontUrl
+};

package/dist/export/word.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "wendang-export/word";

package/dist/export.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "wendang-export";

package/dist/mindmap/viewer.js

@@ -1,5 +1,5 @@
 "use client";
-import { M, a } from "../chunks/MindMapViewer-CQTQAgNq.js";
+import { M, a } from "../chunks/MindMapViewer-DJrryb2Y.js";
 export {
   M as MindMapBlock,
   a as MindMapViewer

package/dist/mindmap.js

@@ -8,7 +8,7 @@ import { T as TextStyle, H as Highlight, M as MindMap, a as MindMapTopic, b as M
 import { c as createMindMapController } from "./chunks/mind-map-controller-B6SxK3GZ.js";
 import { b as useContentHost, u as unavailableAttachment } from "./chunks/host-C-V688Rq.js";
 import { u as useLatest, a as useReady } from "./chunks/hooks-C53Dp0pr.js";
-import { MindMapCanvas } from "./chunks/MindMapCanvas-D5XwjVH1.js";
+import { MindMapCanvas } from "./chunks/MindMapCanvas-tkFBBs4g.js";
 const MindMapEditor = forwardRef(function MindMapEditor2(props, ref) {
   var _a, _b, _c;
   const latest = useLatest(props), host = useContentHost(), hostRef = useLatest(host), mount = useRef(null);

package/dist/spreadsheet/viewer.js

@@ -1,5 +1,5 @@
 "use client";
-import { S } from "../chunks/SpreadsheetViewer-DN_QQGud.js";
+import { S } from "../chunks/SpreadsheetViewer-DxCxIUx_.js";
 export {
   S as SpreadsheetViewer
 };

package/dist/styles/callout.css

@@ -9,10 +9,10 @@
 }
 .ywiki-content .doc-callout {
   --callout-first-line-height:calc(var(--content-font-size) * var(--content-line-height));
-  position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;align-items:start;
-  border:1px solid var(--callout-border,var(--callout-border-blue));border-radius:9px;
+  position:relative;display:grid;grid-template-columns:var(--content-callout-icon-width) minmax(0,1fr);column-gap:var(--content-callout-gap);align-items:start;
+  border:1px solid var(--callout-border,var(--callout-border-blue));border-radius:var(--content-callout-radius);
   background:var(--callout-fill,var(--doc-highlight-blue));color:var(--callout-text,var(--content-text-color));
-  padding:16px 18px;
+  padding:var(--content-callout-padding-y) var(--content-callout-padding-x);
 }
 .ywiki-content .doc-callout[data-icon-hidden='true'] {grid-template-columns:minmax(0,1fr);}
 .callout-controls-host {display:contents;}
@@ -20,8 +20,8 @@
 .ywiki-content .doc-callout[data-icon-hidden='true']>.doc-callout-content {grid-column:1;}
 .ywiki-content .doc-callout .callout-icon {
   grid-column:1;grid-row:1;align-self:start;display:inline-flex;align-items:center;justify-content:center;
-  width:30px;min-width:30px;height:var(--callout-first-line-height);min-height:0;padding:0;
-  font-size:22px;line-height:1;user-select:none;color:inherit;
+  width:var(--content-callout-icon-width);min-width:var(--content-callout-icon-width);height:var(--callout-first-line-height);min-height:0;padding:0;
+  font-size:var(--content-callout-icon-size);line-height:1;user-select:none;color:inherit;
 }
 /* A heading on the first line has its own size and leading; later paragraphs do not move the icon. */
 .ywiki-content .doc-callout:has(>.doc-callout-content>h1:first-child){--callout-first-line-height:calc(var(--content-font-size) * 1.625 * 1.3);}

package/dist/styles/content-style.css

@@ -169,7 +169,7 @@
   font-size: var(--content-table-font-size);
   background: var(--color-surface);
   border: 1px solid var(--table-grid-color);
-  border-radius: 6px;
+  border-radius: var(--content-table-radius);
   overflow: hidden;
 }
 .ywiki-content :where(.doc-table-wrap, .tableWrapper) {
@@ -182,7 +182,7 @@
   border: none;
   border-right: 1px solid var(--table-grid-color);
   border-bottom: 1px solid var(--table-grid-color);
-  padding: 6px 8px;
+  padding: var(--content-table-padding-y) var(--content-table-padding-x);
   line-height: var(--content-table-line-height);
   min-width: 60px;
   text-align: left;
@@ -237,7 +237,7 @@
  * 因此同行几乎等高、右侧没有空白。
  */
 .ywiki-content .doc-image-gallery {
-  gap: 12px;
+  gap: var(--content-gallery-gap);
   align-items: flex-start;
 }
 .ywiki-content .doc-image-gallery > .doc-image {

package/dist/styles/content-tokens.css

@@ -0,0 +1,29 @@
+/* Generated from wendang/shared CONTENT_PRESENTATION. */
+.wendang {
+  --content-font-size: 16px;
+  --content-line-height: 1.75;
+  --content-text-color: var(--color-text);
+  --content-heading-color: #101828;
+  --content-table-header-bg: #edf3fc;
+  --content-table-grid-color: #d5dfed;
+  --content-table-font-size: calc(var(--content-font-size) * 13 / 14);
+  --content-table-line-height: 1.5;
+  --content-table-radius: 6px;
+  --content-table-padding-x: 8px;
+  --content-table-padding-y: 6px;
+  --content-media-radius: 8px;
+  --content-gallery-gap: 12px;
+  --content-callout-radius: 9px;
+  --content-callout-padding-x: 18px;
+  --content-callout-padding-y: 16px;
+  --content-callout-icon-width: 30px;
+  --content-callout-icon-size: 22px;
+  --content-callout-gap: 12px;
+  --space-block: calc(var(--content-font-size) * 5 / 7);
+  --space-module: calc(var(--content-font-size) * 9 / 7);
+  --space-heading-top: calc(var(--content-font-size) * 2);
+  --space-heading-bottom: calc(var(--content-font-size) * 5 / 7);
+  --space-list-item: calc(var(--content-font-size) * 0.25);
+  --space-list-block: calc(var(--content-font-size) * 0.5);
+  --space-divider: calc(var(--content-font-size) * 2);
+}

package/dist/styles/tokens.css

@@ -1,3 +1,5 @@
+@import './content-tokens.css';
+
 .wendang {
   --color-bg: #f6f8fc; --color-surface: #fff; --color-surface-subtle: #f5f7fa;
   --color-text: #1f2937; --color-text-muted: #667085; --color-text-faint: #7c8798;
@@ -19,7 +21,6 @@
   --comment-mark-bg: #ffe58f; --comment-mark-line: #d48806;
   --comment-mark-bg-reply: #ffd66688; --comment-mark-line-reply: #ff9900;
   --comment-mark-bg-active: #ffc53d; --comment-mark-line-active: #ad6800;
-  --content-font-size: 16px; --content-line-height: 1.75; --content-text-color: var(--color-text);
   --content-width: 100%; --shadow-pop: 0 10px 32px #14284a20;
   /*
    * 内容排版 token（表格、标题、间距、媒体）。
@@ -29,12 +30,6 @@
    * 无效值会让整条声明在计算值阶段失效，于是表格边框变成 none、表头背景
    * 变透明、段落与标题的间距塌成 0。颜色用绝对值，间距跟随 --content-font-size。
    */
-  --content-heading-color: #101828;
-  --content-table-header-bg: #edf3fc;
-  --content-table-grid-color: #d5dfed;
-  --content-table-font-size: calc(var(--content-font-size) * 13 / 14);
-  --content-table-line-height: 1.5;
-  --content-media-radius: 8px;
   --content-scroll-offset: 80px;
   /**
    * 块间距（段落之间）。
@@ -45,13 +40,6 @@
    *     可见的白缝——间距太小时这段预算不够，两个块的底色会糊成一整块
    *     （用户实测："带了选中背景后上下间距没了"）。
    */
-  --space-block: calc(var(--content-font-size) * 5 / 7);
-  --space-module: calc(var(--content-font-size) * 9 / 7);
-  --space-heading-top: calc(var(--content-font-size) * 2);
-  --space-heading-bottom: calc(var(--content-font-size) * 5 / 7);
-  --space-list-item: calc(var(--content-font-size) * 0.25);
-  --space-list-block: calc(var(--content-font-size) * 0.5);
-  --space-divider: calc(var(--content-font-size) * 2);
   --color-code-bg: #f1f5fa;
   color: var(--color-text); background: var(--color-surface);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;