wendang-react 0.0.0-stage → 0.5.6

package/dist/chunks/MindMapViewer-CQTQAgNq.js

@@ -0,0 +1,180 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, Suspense, useRef, lazy } from "react";
+import { readMindMap, mindMapOutline, MIND_MAP_PALETTE, layoutMindMap, mindRelationPaths } from "wendang/mindmap";
+import { MIND_TOPIC_FONT, mindTopicLineHeight, readableTextColor } from "wendang/shared";
+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-D5XwjVH1.js").then((module) => ({ default: module.MindMapCanvas })));
+function MindMapViewer({ value, modelValue, height, fetchAttachment }) {
+  var _a;
+  const model = value ?? modelValue;
+  const root = useRef(null), [width, setWidth] = useState(900);
+  useEffect(() => {
+    const node = root.current;
+    if (!node || typeof ResizeObserver === "undefined") return;
+    setWidth(node.clientWidth || 900);
+    const observer = new ResizeObserver((entries) => {
+      var _a2;
+      return setWidth(((_a2 = entries[0]) == null ? void 0 : _a2.contentRect.width) || 900);
+    });
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, []);
+  if (!model) return /* @__PURE__ */ jsx("p", { role: "alert", children: "思维导图格式无效" });
+  const drawing = layoutMindMap(model), relations = mindRelationPaths(model, drawing);
+  const color = MIND_MAP_PALETTE[model.theme];
+  const previewHeight = height ?? model.height;
+  const scale = Math.min(1, (previewHeight - 30) / drawing.bounds.height, Math.max(100, width - 24) / drawing.bounds.width);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: root,
+      className: "mind-preview-wrap",
+      style: { height: previewHeight },
+      role: "group",
+      "aria-label": ((_a = model.topics.find((topic) => topic.id === model.rootId)) == null ? void 0 : _a.text) || "思维导图",
+      children: /* @__PURE__ */ jsx("div", { className: "mind-preview-sized", style: { width: drawing.bounds.width * scale, height: drawing.bounds.height * scale }, children: /* @__PURE__ */ jsxs("div", { className: "mind-preview-scene", style: { width: drawing.bounds.width, height: drawing.bounds.height, transform: `scale(${scale})` }, children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "mind-preview-lines",
+            width: drawing.bounds.width,
+            height: drawing.bounds.height,
+            viewBox: `${drawing.bounds.x} ${drawing.bounds.y} ${drawing.bounds.width} ${drawing.bounds.height}`,
+            children: [
+              drawing.edges.map((edge) => /* @__PURE__ */ jsx("path", { d: edge.path, fill: "none", stroke: color, strokeWidth: 2 }, edge.id)),
+              relations.map((relation) => /* @__PURE__ */ jsxs("g", { children: [
+                /* @__PURE__ */ jsx("path", { d: relation.path, fill: "none", stroke: "#9a68d4", strokeWidth: 2, strokeDasharray: "6 4" }),
+                /* @__PURE__ */ jsx("text", { x: relation.x, y: relation.y, fontSize: 12, fill: "#9a68d4", children: relation.label || { related: "相关", depends: "依赖", reference: "参考" }[relation.kind] })
+              ] }, relation.id))
+            ]
+          }
+        ),
+        drawing.nodes.map((topic) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `mind-preview-topic ${topic.id === model.rootId ? "root" : ""} ${topic.shape === "text" ? "text" : ""}`,
+            style: {
+              left: topic.x - drawing.bounds.x,
+              top: topic.y - drawing.bounds.y,
+              width: topic.width,
+              minHeight: topic.height,
+              fontFamily: MIND_TOPIC_FONT,
+              borderRadius: topic.shape === "pill" ? 28 : void 0,
+              background: topic.shape === "text" ? "transparent" : topic.background || void 0,
+              color: topic.color || (topic.shape === "text" ? "var(--color-text)" : topic.background ? readableTextColor(topic.background) : void 0),
+              fontSize: topic.fontSize || 14,
+              textAlign: topic.align || "center",
+              "--mind-color": color
+            },
+            children: [
+              (topic.icon || topic.done) && /* @__PURE__ */ jsxs("span", { className: "mind-preview-icon", children: [
+                topic.done ? "☑ " : "",
+                topic.icon
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "mind-preview-title", style: { minHeight: topic.lines.length * mindTopicLineHeight(topic.fontSize || 14), lineHeight: `${mindTopicLineHeight(topic.fontSize || 14)}px` }, children: /* @__PURE__ */ jsx(TopicLabel, { topic }) }),
+              topic.description && /* @__PURE__ */ jsx("span", { className: "mind-preview-description", children: topic.description }),
+              topic.note && /* @__PURE__ */ jsx("span", { className: "mind-preview-note", title: topic.note, children: "▤ 备注" }),
+              topic.attachmentId && /* @__PURE__ */ jsx("div", { className: "mind-preview-image", children: /* @__PURE__ */ jsx(AttachmentImage, { id: topic.attachmentId, alt: "主题图片", fetcher: fetchAttachment }) })
+            ]
+          },
+          topic.id
+        ))
+      ] }) })
+    }
+  );
+}
+function MindMapBlock(props) {
+  const host = useContentHost(), c = props.controller;
+  const [open, setOpen] = useState(false), [outline, setOutline] = useState(false), [openComments, setOpenComments] = useState(false), [, update] = useState(0);
+  const node = props.node ?? props.value ?? props.modelValue;
+  const model = c ? c.snapshot() : node ? readMindMap(node) : null;
+  const editable = (c == null ? void 0 : c.editable()) ?? false;
+  const rows = model ? mindMapOutline(model) : [];
+  function show() {
+    if (model) {
+      setOpen(true);
+      if (c == null ? void 0 : c.context.viewState) c.context.viewState.openId = model.id;
+    }
+  }
+  function close() {
+    setOpen(false);
+    setOpenComments(false);
+    const state = c == null ? void 0 : c.context.viewState;
+    if (state && state.openId === (model == null ? void 0 : model.id)) state.openId = null;
+  }
+  useEffect(() => {
+    const stop = c == null ? void 0 : c.subscribe(() => {
+      update((value) => value + 1);
+      if (!c.snapshot()) setOpen(false);
+    });
+    return () => {
+      stop == null ? void 0 : stop();
+    };
+  }, [c]);
+  useEffect(() => {
+    var _a;
+    if (((_a = c == null ? void 0 : c.context.viewState) == null ? void 0 : _a.openId) === (model == null ? void 0 : model.id)) show();
+    if (!host.location || !model) return;
+    const linked = () => {
+      const params = new URLSearchParams(host.location.current().replace(/^#/, ""));
+      if (params.get("mind") === model.id && params.has("topic")) show();
+    };
+    linked();
+    return host.location.subscribe(linked);
+  }, [host.location, model == null ? void 0 : model.id, c]);
+  if (!model) return /* @__PURE__ */ jsx("p", { role: "alert", children: "思维导图格式无效" });
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "mind-map-block",
+      "aria-label": "思维导图",
+      style: { "--mind-color": MIND_MAP_PALETTE[model.theme] },
+      onDoubleClick: (event) => {
+        event.stopPropagation();
+        show();
+      },
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "mind-map-block-header", children: [
+          /* @__PURE__ */ jsxs("span", { className: "mind-map-block-label", children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "⌘" }),
+            " 思维导图 ",
+            /* @__PURE__ */ jsxs("span", { className: "mind-map-topic-count", children: [
+              model.topics.length,
+              " 个主题"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mind-map-block-actions", children: [
+            host.comments && props.pageId && /* @__PURE__ */ jsx(WButton, { variant: "text", onClick: () => {
+              setOpenComments(true);
+              show();
+            }, children: editable ? "讨论" : "查看讨论" }),
+            /* @__PURE__ */ jsx(WButton, { variant: "text", onClick: () => setOutline(!outline), children: outline ? "查看导图" : "文字大纲" }),
+            /* @__PURE__ */ jsx(WButton, { variant: "text", onClick: show, children: editable ? "编辑导图" : "放大查看" })
+          ] })
+        ] }),
+        outline ? /* @__PURE__ */ jsx("div", { className: "mind-map-preview-outline", style: { maxHeight: model.height }, children: rows.map((row) => /* @__PURE__ */ jsx("div", { style: { paddingLeft: Math.min(row.depth, 20) * 18 }, children: row.text || "未命名主题" }, row.id)) }) : /* @__PURE__ */ jsx(MindMapViewer, { value: model, fetchAttachment: props.fetchAttachment ?? (c == null ? void 0 : c.context.fetchAttachment) }),
+        open && /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("p", { role: "status", children: "正在加载导图…" }), children: /* @__PURE__ */ jsx(
+          Canvas,
+          {
+            model,
+            controller: c,
+            pageId: props.pageId,
+            canComment: props.canComment,
+            allowExport: props.allowExport,
+            fetchAttachment: props.fetchAttachment,
+            openComments,
+            onCommentsChanged: props.onCommentsChanged,
+            onClose: close
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  MindMapBlock as M,
+  MindMapViewer as a
+};

package/dist/chunks/SpreadsheetViewer-DN_QQGud.js

@@ -0,0 +1,157 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+import { validateWorkbook } from "wendang/spreadsheet";
+import { p as previewAxes, a as previewMerges, c as columnName, b as cellStyleData, d as cellDisplay, s as safeColor } from "./worksheet-preview-DsDVWxIM.js";
+import { W as WButton } from "./index-Ii536CFG.js";
+function SpreadsheetViewer({ value, modelValue, allowExport = false, standalone = false, exportSnapshot }) {
+  const [sheetId, setSheetId] = useState(""), [row, setRow] = useState(0), [column, setColumn] = useState(0), [showAll, setShowAll] = useState(false), [error, setError] = useState("");
+  const [exporting, setExporting] = useState(false);
+  useEffect(() => {
+    setRow(0);
+    setColumn(0);
+  }, [value, modelValue, showAll, sheetId]);
+  const parsed = useMemo(() => {
+    try {
+      return { doc: validateWorkbook(value ?? modelValue), error: "" };
+    } catch (error2) {
+      return { doc: null, error: String(error2) };
+    }
+  }, [value, modelValue]);
+  if (!parsed.doc) return /* @__PURE__ */ jsx("p", { role: "alert", children: parsed.error });
+  const doc = parsed.doc, allIds = doc.workbook.sheetOrder, ids = allIds.filter((id) => {
+    var _a;
+    return showAll || !((_a = doc.workbook.sheets[id]) == null ? void 0 : _a.hidden);
+  });
+  const sheet = doc.workbook.sheets[ids.includes(sheetId) ? sheetId : ids[0]];
+  if (!sheet) return /* @__PURE__ */ jsx("section", { className: "worksheet-preview", "aria-label": "工作表只读预览", children: /* @__PURE__ */ jsxs("nav", { className: "sheet-tabs", "aria-label": "工作表页", children: [
+    /* @__PURE__ */ jsx("span", { className: "sheet-note", children: "没有可见工作表" }),
+    /* @__PURE__ */ jsx(WButton, { "aria-pressed": showAll, onClick: () => setShowAll(true), children: "查看全部行列表页" })
+  ] }) });
+  const axes = previewAxes(doc, sheet, showAll);
+  const pageRows = 100, pageColumns = 50;
+  const rowStart = Math.min(row, Math.floor(Math.max(0, axes.rows.length - 1) / pageRows) * pageRows);
+  const colStart = Math.min(column, Math.floor(Math.max(0, axes.columns.length - 1) / pageColumns) * pageColumns);
+  const rows = axes.rows.slice(rowStart, rowStart + pageRows), columns = axes.columns.slice(colStart, colStart + pageColumns), merges = previewMerges(sheet, rows, columns);
+  const dimension = (raw, fallback, upper = 600) => {
+    const value2 = Number(raw);
+    return Number.isFinite(value2) && value2 > 0 ? Math.min(Math.max(value2, 12), upper) : fallback;
+  };
+  const cellStyle = (r, c) => {
+    var _a, _b;
+    const merge = merges.get(`${r}:${c}`), rr = (merge == null ? void 0 : merge.sourceRow) ?? r, cc = (merge == null ? void 0 : merge.sourceColumn) ?? c;
+    const style = cellStyleData(doc, sheet, rr, cc);
+    const border = (side) => {
+      var _a2;
+      const raw = (_a2 = style.bd) == null ? void 0 : _a2[side];
+      if (!(raw == null ? void 0 : raw.s)) return void 0;
+      const line = raw.s === 7 ? "double" : [3, 4, 5, 6, 9, 10, 11, 12].includes(raw.s) ? "dashed" : "solid";
+      return `${raw.s === 13 ? 3 : raw.s >= 7 ? 2 : 1}px ${line} ${safeColor(raw.cl) ?? "currentColor"}`;
+    };
+    return {
+      color: safeColor(style.cl),
+      backgroundColor: safeColor(style.bg),
+      fontWeight: style.bl === 1 ? "bold" : void 0,
+      fontStyle: style.it === 1 ? "italic" : void 0,
+      fontSize: typeof style.fs === "number" ? `${dimension(style.fs, 11, 72)}pt` : void 0,
+      textDecoration: [((_a = style.ul) == null ? void 0 : _a.s) === 1 ? "underline" : "", ((_b = style.st) == null ? void 0 : _b.s) === 1 ? "line-through" : ""].filter(Boolean).join(" ") || void 0,
+      textAlign: style.ht === 2 ? "center" : style.ht === 3 ? "right" : void 0,
+      verticalAlign: style.vt === 2 ? "middle" : style.vt === 3 ? "bottom" : "top",
+      whiteSpace: style.tb === 3 ? "pre-wrap" : "pre",
+      borderTop: border("t"),
+      borderBottom: border("b"),
+      borderLeft: border("l"),
+      borderRight: border("r")
+    };
+  };
+  async function exportFile() {
+    if (!allowExport || exporting) return;
+    setExporting(true);
+    setError("");
+    try {
+      const snapshot = exportSnapshot ? await exportSnapshot() : { title: doc.workbook.name, doc };
+      const { exportXlsx } = await import("../spreadsheet/xlsx.js");
+      const bytes = await exportXlsx(snapshot.doc);
+      const url = URL.createObjectURL(new Blob([new Uint8Array(bytes)]));
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `${snapshot.title || "工作表"}.xlsx`;
+      a.click();
+      setTimeout(() => URL.revokeObjectURL(url), 1e3);
+    } catch (error2) {
+      setError(String(error2));
+    } finally {
+      setExporting(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("section", { className: `worksheet-preview${standalone ? " worksheet-preview-standalone" : ""}`, "aria-label": "工作表只读预览", children: [
+    /* @__PURE__ */ jsxs("nav", { className: "sheet-tabs", "aria-label": "工作表页", children: [
+      ids.map((id) => /* @__PURE__ */ jsxs(
+        WButton,
+        {
+          role: "tab",
+          variant: sheet.id === id ? "primary" : "text",
+          "aria-selected": sheet.id === id,
+          onClick: () => {
+            setSheetId(id);
+            setRow(0);
+            setColumn(0);
+          },
+          children: [
+            doc.workbook.sheets[id].name,
+            doc.workbook.sheets[id].hidden ? "（隐藏）" : ""
+          ]
+        },
+        id
+      )),
+      /* @__PURE__ */ jsx("span", { className: "sheet-note", children: "只读预览" }),
+      /* @__PURE__ */ jsx(WButton, { "aria-pressed": showAll, onClick: () => setShowAll(!showAll), children: showAll ? "恢复保存视图" : "查看全部行列表页" }),
+      allowExport && /* @__PURE__ */ jsx(WButton, { loading: exporting, onClick: () => void exportFile(), children: "导出 XLSX" })
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", children: error }),
+    (axes.hasFilter || axes.hasHidden) && /* @__PURE__ */ jsx("p", { className: "sheet-view-note", role: "status", children: showAll ? "正在查看全部内容；仅改变本次预览。" : `按保存的隐藏与筛选状态显示${axes.filtered ? `，筛除 ${axes.filtered} 行` : ""}。` }),
+    /* @__PURE__ */ jsx("div", { className: "sheet-table", tabIndex: 0, children: /* @__PURE__ */ jsxs("table", { children: [
+      /* @__PURE__ */ jsxs("colgroup", { children: [
+        /* @__PURE__ */ jsx("col", { style: { width: 40 } }),
+        columns.map((c) => {
+          var _a, _b;
+          return /* @__PURE__ */ jsx("col", { style: { width: dimension((_b = (_a = sheet.columnData) == null ? void 0 : _a[c]) == null ? void 0 : _b.w, dimension(sheet.defaultColumnWidth, 100, 600), 600) } }, c);
+        })
+      ] }),
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { "aria-label": "行号" }),
+        columns.map((c) => /* @__PURE__ */ jsx("th", { children: columnName(c) }, c))
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: rows.map((r) => {
+        var _a, _b, _c, _d;
+        return /* @__PURE__ */ jsxs("tr", { style: { height: dimension(((_b = (_a = sheet.rowData) == null ? void 0 : _a[r]) == null ? void 0 : _b.h) ?? ((_d = (_c = sheet.rowData) == null ? void 0 : _c[r]) == null ? void 0 : _d.ah), dimension(sheet.defaultRowHeight, 30, 600), 600) }, children: [
+          /* @__PURE__ */ jsx("th", { children: r + 1 }),
+          columns.map((c) => {
+            var _a2, _b2;
+            const merge = merges.get(`${r}:${c}`);
+            if (merge == null ? void 0 : merge.hidden) return null;
+            const rr = (merge == null ? void 0 : merge.sourceRow) ?? r, cc = (merge == null ? void 0 : merge.sourceColumn) ?? c, style = cellStyleData(doc, sheet, rr, cc);
+            const display = cellDisplay((_b2 = (_a2 = sheet.cellData) == null ? void 0 : _a2[rr]) == null ? void 0 : _b2[cc], style);
+            return /* @__PURE__ */ jsx("td", { rowSpan: merge == null ? void 0 : merge.rowspan, colSpan: merge == null ? void 0 : merge.colspan, title: display.note, style: cellStyle(r, c), children: display.text }, c);
+          })
+        ] }, r);
+      }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "sheet-paging", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        "第 ",
+        rows.length ? `${rows[0] + 1}–${rows[rows.length - 1] + 1}` : "—",
+        " 行 · ",
+        columns.length ? `${columnName(columns[0])}–${columnName(columns[columns.length - 1])}` : "—",
+        " 列 · 公式显示最近保存结果"
+      ] }),
+      /* @__PURE__ */ jsx(WButton, { disabled: rowStart === 0, onClick: () => setRow(Math.max(0, rowStart - pageRows)), children: "上一页行" }),
+      /* @__PURE__ */ jsx(WButton, { disabled: rowStart + pageRows >= axes.rows.length, onClick: () => setRow(rowStart + pageRows), children: "下一页行" }),
+      /* @__PURE__ */ jsx(WButton, { disabled: colStart === 0, onClick: () => setColumn(Math.max(0, colStart - pageColumns)), children: "上一页列" }),
+      /* @__PURE__ */ jsx(WButton, { disabled: colStart + pageColumns >= axes.columns.length, onClick: () => setColumn(colStart + pageColumns), children: "下一页列" })
+    ] })
+  ] });
+}
+export {
+  SpreadsheetViewer as S
+};

package/dist/chunks/code-highlight-BmaqTe1m.js

@@ -0,0 +1,30 @@
+"use client";
+let highlight = null;
+let loading = null;
+const cache = /* @__PURE__ */ new Map();
+const MAX_HIGHLIGHT_LENGTH = 32e3;
+function ensureCodeHighlight() {
+  if (highlight) return Promise.resolve(true);
+  return loading ?? (loading = import("./code-highlight-engine-BFDzDPzy.js").then((engine) => {
+    highlight = engine.highlightCode;
+    return true;
+  }).catch(() => {
+    loading = null;
+    return false;
+  }));
+}
+function codeTokens(text, language) {
+  if (!highlight || !text || text.length > MAX_HIGHLIGHT_LENGTH) return [];
+  const key = `${language ?? ""}\0${text}`;
+  const found = cache.get(key);
+  if (found) return found;
+  const tokens = highlight(text, language ?? "");
+  if (cache.size >= 64) cache.delete(cache.keys().next().value);
+  cache.set(key, tokens);
+  return tokens;
+}
+export {
+  MAX_HIGHLIGHT_LENGTH as M,
+  codeTokens as c,
+  ensureCodeHighlight as e
+};

package/dist/chunks/code-highlight-engine-BFDzDPzy.js

@@ -0,0 +1,40 @@
+"use client";
+import { createLowlight, common } from "lowlight";
+const lowlight = createLowlight(common);
+const aliases = {
+  jsx: "javascript",
+  tsx: "typescript",
+  html: "xml",
+  sh: "bash",
+  shell: "bash",
+  ini: "ini"
+};
+const autoLanguages = ["javascript", "typescript", "json", "python", "bash", "sql", "css", "xml", "yaml", "java", "go", "rust", "cpp"];
+function highlightCode(text, language) {
+  const normalized = language.toLowerCase().replace(/^language-/, "");
+  if (["text", "txt", "plaintext", "plain"].includes(normalized)) return [];
+  const name = aliases[normalized] ?? normalized;
+  if (name && !lowlight.registered(name)) return [];
+  try {
+    const tree = name ? lowlight.highlight(name, text) : lowlight.highlightAuto(text, { subset: autoLanguages });
+    const tokens = [];
+    let offset = 0;
+    const walk = (node, classes) => {
+      if (node.type === "text") {
+        const to = offset + node.value.length;
+        if (to > offset && classes.length) tokens.push({ from: offset, to, classes: classes.join(" ") });
+        offset = to;
+      } else if ("children" in node) {
+        const own = node.type === "element" && Array.isArray(node.properties.className) ? node.properties.className.filter((value) => typeof value === "string" && /^[\w-]+$/.test(value)) : [];
+        for (const child of node.children) walk(child, [...classes, ...own]);
+      }
+    };
+    walk(tree, []);
+    return offset === text.length ? tokens : [];
+  } catch {
+    return [];
+  }
+}
+export {
+  highlightCode
+};