wendang-react 0.5.5 → 0.5.6

package/README.md

@@ -15,6 +15,15 @@ npm install wendang wendang-react yjs y-protocols
 项目需已有 `react` 和 `react-dom`。使用 TypeScript 时安装对应的 `@types/react` 和 `@types/react-dom`。
 构建环境使用 Node.js **20.19+**，页面在现代浏览器中运行。应用入口引入一次 `wendang-react/styles.css`。
 
+### 版本兼容
+
+版本号采用 `主版本.次版本.修订版本`。`wendang-react` 与 `wendang` 的主版本号、
+次版本号应保持一致；升级这两位版本时，请同步升级应用中使用的相关包。
+修订版本用于兼容性修复，修订号可以不同，可按需单独升级。
+
+例如，`wendang-react@0.5.6` 可搭配 `wendang@0.5.5`。
+核心包的具体版本要求以 `wendang-react` 声明的依赖为准。
+
 ## 先运行：编辑、预览和本地保存
 
 把下面内容放入 `App.tsx`。不需要后端或额外 UI 组件库：可以输入文字、切换预览、保存到本机，刷新后恢复。

package/dist/chunks/{MindMapCanvas-VWrxTy5Q.js → MindMapCanvas-D5XwjVH1.js}

@@ -1241,7 +1241,7 @@ ${JSON.stringify(copied.current)}`).catch(() => {
     setDragPreview(null);
   }
   function pointerDown(event, id) {
-    var _a2, _b2, _c2;
+    var _a2, _b2;
     if (!((_a2 = stage.current) == null ? void 0 : _a2.contains(event.target))) return;
     if (event.target.closest("button,input,textarea,a")) return;
     setFollowing(null);
@@ -1258,8 +1258,8 @@ ${JSON.stringify(copied.current)}`).catch(() => {
       gesture.current = { ...base, kind: "box", additive: event.shiftKey || event.metaKey || event.ctrlKey };
       if (!gesture.current.additive) setSelected(/* @__PURE__ */ new Set());
     } else return;
-    (_b2 = stage.current) == null ? void 0 : _b2.setPointerCapture(event.pointerId);
-    (_c2 = stage.current) == null ? void 0 : _c2.focus();
+    event.currentTarget.setPointerCapture(event.pointerId);
+    (_b2 = stage.current) == null ? void 0 : _b2.focus();
     event.preventDefault();
   }
   function pointerMove(event) {
@@ -1269,8 +1269,10 @@ ${JSON.stringify(copied.current)}`).catch(() => {
       cancelGesture();
       return;
     }
-    if (g.kind === "pan") setPan((previous) => ({ x: previous.x + event.clientX - g.lastX, y: previous.y + event.clientY - g.lastY }));
-    else if (g.kind === "box") {
+    if (g.kind === "pan") {
+      const dx = event.clientX - g.lastX, dy = event.clientY - g.lastY;
+      setPan((previous) => ({ x: previous.x + dx, y: previous.y + dy }));
+    } else if (g.kind === "box") {
       const from = point(g.x, g.y), to = point(event.clientX, event.clientY);
       g.box = { x: Math.min(from.x, to.x), y: Math.min(from.y, to.y), w: Math.abs(to.x - from.x), h: Math.abs(to.y - from.y) };
       setBox(g.box);

package/dist/chunks/{MindMapViewer-DqKu_Kuz.js → MindMapViewer-CQTQAgNq.js}

@@ -6,7 +6,7 @@ import { MIND_TOPIC_FONT, mindTopicLineHeight, readableTextColor } from "wendang
 import { b as useContentHost } from "./host-C-V688Rq.js";
 import { W as WButton } from "./index-Ii536CFG.js";
 import { T as TopicLabel, A as AttachmentImage } from "./mind-topic-text-BBNTbFSe.js";
-const Canvas = lazy(() => import("./MindMapCanvas-VWrxTy5Q.js").then((module) => ({ default: module.MindMapCanvas })));
+const Canvas = lazy(() => import("./MindMapCanvas-D5XwjVH1.js").then((module) => ({ default: module.MindMapCanvas })));
 function MindMapViewer({ value, modelValue, height, fetchAttachment }) {
   var _a;
   const model = value ?? modelValue;

package/dist/document/viewer.js

@@ -6,7 +6,7 @@ import { readMindMap } from "wendang/mindmap";
 import { isWorkbookDocument } from "wendang/spreadsheet";
 import { b as useContentHost } from "../chunks/host-C-V688Rq.js";
 import { M as MathView, V as VideoView, F as FileView, A as AttachmentImage } from "../chunks/mind-topic-text-BBNTbFSe.js";
-import { M as MindMapBlock } from "../chunks/MindMapViewer-DqKu_Kuz.js";
+import { M as MindMapBlock } from "../chunks/MindMapViewer-CQTQAgNq.js";
 import { S as SpreadsheetViewer } from "../chunks/SpreadsheetViewer-DN_QQGud.js";
 import { e as ensureCodeHighlight, c as codeTokens } from "../chunks/code-highlight-BmaqTe1m.js";
 import { h as hideCommentHint, s as showCommentHint, C as CodeToolbar } from "../chunks/comment-hint-DN7LKJAn.js";

package/dist/document.js

@@ -10,7 +10,7 @@ import { b as buildColumnsJson, d as dismissSlash, u as unwrapCallout, h as high
 import { C } from "./chunks/extensions-B-CVVQhp.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-DqKu_Kuz.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 { 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";

package/dist/mindmap/viewer.js

@@ -1,5 +1,5 @@
 "use client";
-import { M, a } from "../chunks/MindMapViewer-DqKu_Kuz.js";
+import { M, a } from "../chunks/MindMapViewer-CQTQAgNq.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-VWrxTy5Q.js";
+import { MindMapCanvas } from "./chunks/MindMapCanvas-D5XwjVH1.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/styles/mind-map-canvas.css

@@ -67,7 +67,7 @@
 .mind-search { display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 0 10px;font-size:12px; }
 .mind-search input {width:180px;font-size:12px;}
 .mind-outline-row {display:flex;align-items:center;margin:3px 0;}.mind-outline-row input {min-width:0;width:100%;border:0;background:transparent;font:12px/22px inherit;color:var(--color-text);padding:5px;}.mind-outline-row.current {background:var(--color-surface-subtle);}.mind-outline-row>button:last-child {width:24px;flex-shrink:0;padding:2px;}
-.mind-outline-row textarea{min-width:0;width:100%;border:0;background:transparent;font-size:12px;line-height:22px;color:var(--color-text);padding:5px;resize:none;border-radius:4px;}
+.mind-canvas-outline .mind-outline-row textarea{min-width:0;width:100%;border:0;background:transparent;font-size:12px;line-height:22px;color:var(--color-text);padding:5px;resize:none;border-radius:4px;}
 .mind-inline { height:100%; min-height:380px; }
 .mind-inline .mind-map-workspace { height:100%; }.mind-settings-menu{width:310px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;font-size:12px;}.mind-settings-menu label{width:100%;display:flex;gap:8px;align-items:center;}.mind-settings-menu input{width:auto;}
 .mind-canvas-fullscreen {

package/dist/styles/mind-map-topic.css

@@ -3,7 +3,7 @@
 .mind-topic.root { background: var(--mind-color); border-color: var(--mind-color); color: white; font-weight: 600; }
 .mind-topic.active { box-shadow: 0 0 0 3px color-mix(in srgb, var(--mind-color) 22%, transparent); }
 .mind-topic-label { width:100%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;text-align:center;line-height:var(--mind-topic-line-height,22px); }
-.mind-topic-input { box-sizing:border-box;display:block;border:0;border-radius:4px;outline:0;padding:0;margin:0;width:100%;min-width:0;min-height:var(--mind-topic-line-height,22px);max-width:none;resize:none;overflow:hidden;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;background:transparent;color:inherit;font:inherit;line-height:var(--mind-topic-line-height,22px);text-align:center; }
+.mind-topic-input { box-sizing:border-box;display:block;border:0;border-radius:4px;outline:0;padding:0;margin:0;width:100%;min-width:0;min-height:var(--mind-topic-line-height,22px);max-width:none;resize:none;overflow:hidden;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;background:transparent;color:inherit;font:inherit;line-height:var(--mind-topic-line-height,22px);text-align:inherit; }
 .mind-topic-input:focus { box-shadow: none; outline: 0; }
 .mind-topic-fold {
   position:absolute;left:calc(100% + 20px);top:calc(50% - 12px);width:24px;min-width:24px;height:24px;padding:0;

package/dist/styles/tokens.css

@@ -89,12 +89,13 @@
  * 默认样式、`.muted`/`.small`/`.error-banner` 全部失效。用 `:is()` 让两处共用
  * 同一组声明，避免再复制一遍。
  */
-:is(.wendang, .wendang-popup-scope) :where(button, input, textarea) { font: inherit; box-sizing: border-box; }
+/* Inline topic editors own their font metrics and appearance in both canvas hosts. */
+:is(.wendang, .wendang-popup-scope) :where(button, input, textarea):not(:where(.mind-topic-input)) { font: inherit; box-sizing: border-box; }
 :is(.wendang, .wendang-popup-scope) :where(a) { color: var(--color-accent); }
 :is(.wendang, .wendang-popup-scope) :where(button) { cursor: pointer; }
 :is(.wendang, .wendang-popup-scope) .muted { color: var(--color-text-muted); }
 :is(.wendang, .wendang-popup-scope) .small { font-size: 12px; }
-:is(.wendang, .wendang-popup-scope) :where(input:not([type=checkbox]):not([type=radio]), textarea):not(.worksheet-grid *) {
+:is(.wendang, .wendang-popup-scope) :where(input:not([type=checkbox]):not([type=radio]), textarea):not(.worksheet-grid *):not(:where(.mind-topic-input)) {
   background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border);
   border-radius: 6px; padding: 6px 8px;
 }

package/dist/styles.css

@@ -89,12 +89,13 @@
  * 默认样式、`.muted`/`.small`/`.error-banner` 全部失效。用 `:is()` 让两处共用
  * 同一组声明，避免再复制一遍。
  */
-:is(.wendang, .wendang-popup-scope) :where(button, input, textarea) { font: inherit; box-sizing: border-box; }
+/* Inline topic editors own their font metrics and appearance in both canvas hosts. */
+:is(.wendang, .wendang-popup-scope) :where(button, input, textarea):not(:where(.mind-topic-input)) { font: inherit; box-sizing: border-box; }
 :is(.wendang, .wendang-popup-scope) :where(a) { color: var(--color-accent); }
 :is(.wendang, .wendang-popup-scope) :where(button) { cursor: pointer; }
 :is(.wendang, .wendang-popup-scope) .muted { color: var(--color-text-muted); }
 :is(.wendang, .wendang-popup-scope) .small { font-size: 12px; }
-:is(.wendang, .wendang-popup-scope) :where(input:not([type=checkbox]):not([type=radio]), textarea):not(.worksheet-grid *) {
+:is(.wendang, .wendang-popup-scope) :where(input:not([type=checkbox]):not([type=radio]), textarea):not(.worksheet-grid *):not(:where(.mind-topic-input)) {
   background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border);
   border-radius: 6px; padding: 6px 8px;
 }
@@ -1924,7 +1925,7 @@
 .mind-search { display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 0 10px;font-size:12px; }
 .mind-search input {width:180px;font-size:12px;}
 .mind-outline-row {display:flex;align-items:center;margin:3px 0;}.mind-outline-row input {min-width:0;width:100%;border:0;background:transparent;font:12px/22px inherit;color:var(--color-text);padding:5px;}.mind-outline-row.current {background:var(--color-surface-subtle);}.mind-outline-row>button:last-child {width:24px;flex-shrink:0;padding:2px;}
-.mind-outline-row textarea{min-width:0;width:100%;border:0;background:transparent;font-size:12px;line-height:22px;color:var(--color-text);padding:5px;resize:none;border-radius:4px;}
+.mind-canvas-outline .mind-outline-row textarea{min-width:0;width:100%;border:0;background:transparent;font-size:12px;line-height:22px;color:var(--color-text);padding:5px;resize:none;border-radius:4px;}
 .mind-inline { height:100%; min-height:380px; }
 .mind-inline .mind-map-workspace { height:100%; }.mind-settings-menu{width:310px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;font-size:12px;}.mind-settings-menu label{width:100%;display:flex;gap:8px;align-items:center;}.mind-settings-menu input{width:auto;}
 .mind-canvas-fullscreen {
@@ -1940,7 +1941,7 @@
 .mind-topic.root { background: var(--mind-color); border-color: var(--mind-color); color: white; font-weight: 600; }
 .mind-topic.active { box-shadow: 0 0 0 3px color-mix(in srgb, var(--mind-color) 22%, transparent); }
 .mind-topic-label { width:100%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;text-align:center;line-height:var(--mind-topic-line-height,22px); }
-.mind-topic-input { box-sizing:border-box;display:block;border:0;border-radius:4px;outline:0;padding:0;margin:0;width:100%;min-width:0;min-height:var(--mind-topic-line-height,22px);max-width:none;resize:none;overflow:hidden;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;background:transparent;color:inherit;font:inherit;line-height:var(--mind-topic-line-height,22px);text-align:center; }
+.mind-topic-input { box-sizing:border-box;display:block;border:0;border-radius:4px;outline:0;padding:0;margin:0;width:100%;min-width:0;min-height:var(--mind-topic-line-height,22px);max-width:none;resize:none;overflow:hidden;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;background:transparent;color:inherit;font:inherit;line-height:var(--mind-topic-line-height,22px);text-align:inherit; }
 .mind-topic-input:focus { box-shadow: none; outline: 0; }
 .mind-topic-fold {
   position:absolute;left:calc(100% + 20px);top:calc(50% - 12px);width:24px;min-width:24px;height:24px;padding:0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wendang-react",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "description": "Wendang 原生 React 文档、工作表和思维导图编辑与展示组件。",
   "type": "module",
   "license": "MIT",