wendang-react 0.6.3 → 0.6.4

package/dist/document/viewer.js

@@ -1,289 +1,30 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, createElement, Fragment, useState } from "react";
-import { resolveInlineComments, splitTextByMarks, safeHref, documentColorAttributes, effectiveCallout, calloutDOMAttributes, cellBackground, tableColumnWidths, tableMinWidth } from "wendang/shared";
-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-DSyb95vL.js";
-import { M as MindMapBlock } from "../chunks/MindMapViewer-DJrryb2Y.js";
-import { S as SpreadsheetViewer } from "../chunks/SpreadsheetViewer-DxCxIUx_.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-B9qcrqvn.js";
-import { codeBlockDisplay, codeLineNumbers, codeBlockClass } from "wendang/internal/code-block";
-import { D } from "../chunks/DocumentExportMenu-BrGipZ59.js";
-function CommentText({ marks, activeId, onMarkClick, children }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: [
-        "doc-inline-comment",
-        marks.some((mark) => mark.state === "shifted") ? "is-shifted" : "",
-        marks.some((mark) => mark.hasReplies) ? "has-replies" : "",
-        marks.some((mark) => mark.commentId === activeId) ? "is-active" : ""
-      ].filter(Boolean).join(" "),
-      "data-comment-id": marks[0].commentId,
-      "data-comment-ids": marks.map((mark) => mark.commentId).join(" "),
-      "data-comment-hint": "点击查看该处讨论",
-      onMouseEnter: (event) => showCommentHint(event.currentTarget, "点击查看该处讨论"),
-      onMouseLeave: () => hideCommentHint(),
-      onClick: (event) => {
-        event.stopPropagation();
-        hideCommentHint();
-        onMarkClick == null ? void 0 : onMarkClick(marks[0].commentId);
-      },
-      children
-    }
-  );
-}
-function CodeView({ text, language, allowExport, marks, activeId, onMarkClick }) {
-  const [, refresh] = useState(0);
-  const [display, setDisplay] = useState(codeBlockDisplay);
-  useEffect(() => {
-    let active = true;
-    void ensureCodeHighlight().then(() => {
-      if (active) refresh((value) => value + 1);
-    });
-    return () => {
-      active = false;
-    };
-  }, [text, language]);
-  const tokens = codeTokens(text, language);
-  let offset = 0;
-  function syntaxText(from, to) {
-    const parts2 = [];
-    let cursor = from;
-    for (const token of tokens) {
-      const start = Math.max(from, token.from), end = Math.min(to, token.to);
-      if (start >= end) continue;
-      if (start > cursor) parts2.push(text.slice(cursor, start));
-      parts2.push(/* @__PURE__ */ jsx("span", { className: token.classes, children: text.slice(start, end) }, start));
-      cursor = end;
-    }
-    if (cursor < to) parts2.push(text.slice(cursor, to));
-    return parts2;
-  }
-  const parts = splitTextByMarks(text, marks).map((piece, index) => {
-    const start = offset;
-    offset += piece.text.length;
-    const content = syntaxText(start, offset);
-    return piece.marks.length ? /* @__PURE__ */ jsx(CommentText, { marks: piece.marks, activeId, onMarkClick, children: content }, index) : /* @__PURE__ */ jsx("span", { children: content }, index);
-  });
-  return /* @__PURE__ */ jsxs("div", { className: ["doc-code-wrap", ...codeBlockClass(display)].join(" "), children: [
-    /* @__PURE__ */ jsx(CodeToolbar, { text, language, editable: false, canCopy: !!allowExport, display, onLanguage: () => {
-    }, onDisplay: setDisplay }),
-    /* @__PURE__ */ jsxs("div", { className: "code-scroll", hidden: display.collapsed, tabIndex: 0, "aria-label": "代码内容", children: [
-      display.lineNumbers && /* @__PURE__ */ jsx("div", { className: "code-line-numbers", "aria-hidden": "true", children: codeLineNumbers(text) }),
-      /* @__PURE__ */ jsx("pre", { className: "doc-code", children: /* @__PURE__ */ jsx("code", { children: parts }) })
-    ] })
-  ] });
-}
-const textOf = (node) => {
-  var _a;
-  return node.text ?? ((_a = node.content) == null ? void 0 : _a.map(textOf).join("")) ?? "";
-};
-function cssStyle(css) {
-  return Object.fromEntries(css.split(";").filter(Boolean).map((part) => {
-    const index = part.indexOf(":");
-    const property = part.slice(0, index).trim();
-    return [property.startsWith("--") ? property : property.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase()), part.slice(index + 1).trim()];
-  }));
-}
-function DocumentViewer(props) {
-  var _a;
-  const host = useContentHost(), doc = props.value ?? props.modelValue;
-  useEffect(() => () => hideCommentHint(), []);
-  if (!doc) return /* @__PURE__ */ jsx("div", { className: "doc-renderer ywiki-prose ywiki-content" });
-  const marks = ((_a = props.inlineMarks) == null ? void 0 : _a.size) ? props.inlineMarks : resolveInlineComments(doc, props.inlineComments ?? []).byTextIndex;
-  let run = 0;
-  function children(node, inImageGallery = false) {
-    var _a2;
-    return (_a2 = node.content) == null ? void 0 : _a2.map((child, index) => /* @__PURE__ */ jsx(Fragment, { children: render(child, inImageGallery) }, index));
-  }
-  function render(node, inImageGallery = false) {
-    var _a2, _b, _c;
-    const attrs = node.attrs ?? {};
-    if (node.type === "text") {
-      let text = node.text ?? "", index = run++;
-      const inline = marks.get(index) ?? [];
-      if (inline.length) text = /* @__PURE__ */ jsx("span", { children: splitTextByMarks(node.text ?? "", inline).map((piece, at) => piece.marks.length ? /* @__PURE__ */ jsx(CommentText, { marks: piece.marks, activeId: props.activeCommentId, onMarkClick: props.onMarkClick, children: piece.text }, at) : /* @__PURE__ */ jsx("span", { children: piece.text }, at)) });
-      for (const mark of node.marks ?? []) {
-        const a = mark.attrs ?? {};
-        const tag = { bold: "strong", italic: "em", strike: "s", underline: "u", code: "code" }[mark.type];
-        if (tag) text = createElement(tag, null, text);
-        else if (mark.type === "link") {
-          const href = safeHref(String(a.href ?? ""));
-          if (href) text = /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", children: text });
-        } else if (mark.type === "textStyle" || mark.type === "highlight") {
-          const data = documentColorAttributes(mark.type === "highlight" ? "highlight" : "text", a.color);
-          text = /* @__PURE__ */ jsx("span", { ...Object.fromEntries(Object.entries(data).filter(([key]) => key !== "style")), style: cssStyle(data.style ?? ""), children: text });
-        }
-      }
-      return text;
-    }
-    const alignment = attrs.textAlign ?? attrs.align;
-    const style = { textAlign: ["left", "center", "right", "justify"].includes(String(alignment)) ? alignment : void 0, marginLeft: Number(attrs.indent) > 0 ? `${Math.min(6, Number(attrs.indent)) * 24}px` : void 0 };
-    switch (node.type) {
-      case "doc":
-        return children(node);
-      case "paragraph":
-        return /* @__PURE__ */ jsx("p", { style, children: children(node) || /* @__PURE__ */ jsx("br", {}) });
-      case "heading":
-        return createElement(`h${Math.max(1, Math.min(6, Number(attrs.level) || 1))}`, { style, id: typeof attrs.anchor === "string" ? attrs.anchor : typeof attrs.id === "string" ? attrs.id : void 0 }, children(node));
-      case "bulletList":
-        return /* @__PURE__ */ jsx("ul", { children: children(node) });
-      case "orderedList":
-        return /* @__PURE__ */ jsx("ol", { start: Number(attrs.start) || 1, children: children(node) });
-      case "listItem":
-        return /* @__PURE__ */ jsx("li", { children: children(node) });
-      case "taskList":
-        return /* @__PURE__ */ jsx("ul", { className: "doc-task-list", children: children(node) });
-      case "taskItem":
-        return /* @__PURE__ */ jsxs("li", { className: "doc-task-item", children: [
-          /* @__PURE__ */ jsx("input", { type: "checkbox", checked: attrs.checked === true, disabled: true, "aria-label": textOf(((_a2 = node.content) == null ? void 0 : _a2[0]) ?? node) || "未命名任务" }),
-          /* @__PURE__ */ jsx("span", { children: children(node) })
-        ] });
-      case "blockquote":
-        return /* @__PURE__ */ jsx("blockquote", { children: children(node) });
-      case "horizontalRule":
-        return /* @__PURE__ */ jsx("hr", {});
-      case "hardBreak":
-        return /* @__PURE__ */ jsx("br", {});
-      case "codeBlock": {
-        const codeMarks = [];
-        let offset = 0;
-        const visit = (child) => {
-          var _a3;
-          if (child.type === "text") {
-            for (const mark of marks.get(run++) ?? []) codeMarks.push({ ...mark, from: offset + mark.from, to: offset + mark.to });
-            offset += ((_a3 = child.text) == null ? void 0 : _a3.length) ?? 0;
-          } else for (const item of child.content ?? []) visit(item);
-        };
-        visit(node);
-        return /* @__PURE__ */ jsx(
-          CodeView,
-          {
-            text: textOf(node),
-            language: String(attrs.language ?? ""),
-            allowExport: props.allowExport,
-            marks: codeMarks,
-            activeId: props.activeCommentId,
-            onMarkClick: props.onMarkClick
-          }
-        );
-      }
-      case "table": {
-        const widths = tableColumnWidths(node), minWidth = tableMinWidth(widths), fixed = widths.length > 0 && widths.every((width) => width > 0);
-        return /* @__PURE__ */ jsx("div", { className: "doc-table-wrap", children: /* @__PURE__ */ jsxs("table", { className: "doc-table", style: minWidth ? fixed ? { width: minWidth } : { minWidth } : void 0, children: [
-          widths.length > 0 && /* @__PURE__ */ jsx("colgroup", { children: widths.map((width, index) => /* @__PURE__ */ jsx("col", { style: width > 0 ? { width } : { minWidth: 120 } }, index)) }),
-          /* @__PURE__ */ jsx("tbody", { children: children(node) })
-        ] }) });
-      }
-      case "tableRow":
-        return /* @__PURE__ */ jsx("tr", { children: children(node) });
-      case "tableCell":
-      case "tableHeader":
-        return createElement(node.type === "tableHeader" ? "th" : "td", {
-          colSpan: Number(attrs.colspan) || 1,
-          rowSpan: Number(attrs.rowspan) || 1,
-          style: { ...style, backgroundColor: cellBackground(attrs.backgroundColor) ?? void 0 }
-        }, children(node));
-      case "image": {
-        const aspectRatio = Number(attrs.aspectRatio) || null, galleryScale = Number(attrs.galleryScale) || null;
-        const align = ["left", "center", "right"].includes(String(attrs.align)) ? attrs.align : null;
-        const image = /* @__PURE__ */ jsx(
-          AttachmentImage,
-          {
-            id: String(attrs.attachmentId ?? "") || void 0,
-            src: String(attrs.src ?? ""),
-            alt: String(attrs.alt ?? ""),
-            width: inImageGallery ? void 0 : Number(attrs.width) || void 0,
-            align,
-            aspectRatio,
-            galleryScale,
-            fetcher: props.attachmentFetcher,
-            allowExport: props.allowExport
-          }
-        );
-        const caption = typeof attrs.caption === "string" ? attrs.caption.trim() : "";
-        if (!caption) return image;
-        return /* @__PURE__ */ jsxs("figure", { className: "doc-image-figure", style: inImageGallery ? {
-          "--doc-image-aspect-ratio": String(aspectRatio && aspectRatio > 0 ? aspectRatio : 1),
-          "--doc-image-weight": String(galleryScale && galleryScale > 0 ? galleryScale : 1)
-        } : void 0, children: [
-          image,
-          /* @__PURE__ */ jsx("figcaption", { className: "doc-image-caption", title: caption, children: caption })
-        ] });
-      }
-      case "imageGallery":
-        return /* @__PURE__ */ jsx("div", { className: "doc-image-gallery", "data-image-gallery": "true", style: { "--image-gallery-height": `${Math.min(480, Math.max(72, Number(attrs.height) || 120))}px` }, children: children(node, true) });
-      case "fileAttachment":
-        return /* @__PURE__ */ jsx(FileView, { id: String(attrs.attachmentId ?? ""), filename: String(attrs.filename ?? "附件"), mimeType: String(attrs.mimeType ?? ""), size: Number(attrs.size) || 0, fetcher: props.attachmentFetcher, allowExport: props.allowExport });
-      case "videoEmbed":
-        return /* @__PURE__ */ jsx(VideoView, { attrs });
-      case "mathInline":
-      case "mathBlock":
-        return /* @__PURE__ */ jsx(MathView, { latex: String(attrs.latex ?? ""), block: node.type === "mathBlock" });
-      case "callout": {
-        const { icon } = effectiveCallout(attrs), data = calloutDOMAttributes(attrs);
-        return /* @__PURE__ */ jsxs("div", { ...Object.fromEntries(Object.entries(data).filter(([key]) => key !== "style")), className: "doc-callout", style: cssStyle(data.style ?? ""), children: [
-          icon ? /* @__PURE__ */ jsx("span", { className: "callout-icon", "aria-hidden": "true", "data-callout-decoration": "true", children: icon }) : null,
-          /* @__PURE__ */ jsx("div", { className: "doc-callout-content", "data-callout-content": "true", children: children(node) })
-        ] });
-      }
-      case "columns":
-        return /* @__PURE__ */ jsx("div", { className: "doc-columns", children: children(node) });
-      case "column":
-        return /* @__PURE__ */ jsx("div", { className: "doc-column", children: children(node) });
-      case "pageLink": {
-        const label = String(attrs.label ?? "页面"), id = String(attrs.pageId ?? "");
-        if (!id) return /* @__PURE__ */ jsx("span", { children: label });
-        const target = (_c = props.resolvePageLink ?? ((_b = host.references) == null ? void 0 : _b.resolve)) == null ? void 0 : _c(id, label);
-        const href = safeHref((target == null ? void 0 : target.href) ?? "");
-        return href ? /* @__PURE__ */ jsx("a", { className: "doc-page-link", rel: "noopener noreferrer", href, onClick: (event) => {
-          var _a3;
-          if (!(target == null ? void 0 : target.external) && ((_a3 = host.references) == null ? void 0 : _a3.navigate) && event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey) {
-            event.preventDefault();
-            void host.references.navigate(href);
-          }
-        }, children: label }) : /* @__PURE__ */ jsx("span", { className: "doc-page-link-plain", children: label });
-      }
-      case "mention": {
-        const label = String(attrs.label ?? "用户");
-        return attrs.userId ? /* @__PURE__ */ jsxs("span", { className: "doc-mention", title: `提及：${label}`, children: [
-          "@",
-          label
-        ] }) : /* @__PURE__ */ jsxs("span", { children: [
-          "@",
-          label
-        ] });
-      }
-      case "mindMap": {
-        const count = (n) => (n.type === "text" ? 1 : 0) + (n.content ?? []).reduce((sum, child) => sum + count(child), 0);
-        run += count(node);
-        const model = readMindMap(node);
-        return model ? /* @__PURE__ */ jsx(MindMapBlock, { node, allowExport: props.allowExport, pageId: props.pageId, canComment: props.canComment, onCommentsChanged: props.onCommentsChanged, fetchAttachment: props.attachmentFetcher }) : /* @__PURE__ */ jsx("p", { role: "alert", children: "思维导图格式无效" });
-      }
-      case "workbook":
-        return isWorkbookDocument(node) ? /* @__PURE__ */ jsx(SpreadsheetViewer, { value: node, allowExport: props.allowExport }) : /* @__PURE__ */ jsx("p", { role: "alert", children: "工作表格式无效" });
-      case "mindMapTopic":
-      case "mindMapDescription":
-      case "mindMapNote":
-      case "mindMapRelation":
-        return null;
-      default:
-        return /* @__PURE__ */ jsxs("p", { role: "alert", children: [
-          "不支持的内容节点：",
-          node.type
-        ] });
-    }
-  }
-  return /* @__PURE__ */ jsx("div", { className: "doc-renderer ywiki-prose ywiki-content", children: render(doc) });
-}
-const DocRenderer = DocumentViewer;
-export {
-  DocRenderer,
-  D as DocumentExportMenu,
-  DocumentViewer,
-  MindMapBlock
-};
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{c as n,b as r}from"../chunks/i18n-B0kCsIjc.js";import{useEffect as a,createElement as i,Fragment as l,useState as c}from"react";import{resolveInlineComments as o,splitTextByMarks as s,safeHref as d,documentColorAttributes as m,effectiveCallout as h,calloutDOMAttributes as u,cellBackground as p,tableColumnWidths as g,tableMinWidth as f}from"wendang/shared";import{readMindMap as k}from"wendang/mindmap";import{isWorkbookDocument as y}from"wendang/spreadsheet";import{M as x,V as v,F as b,A as w}from"../chunks/mind-topic-text-Bn1waxff.js";import{M as N}from"../chunks/MindMapViewer-BI8zbQM1.js";import{S as C}from"../chunks/SpreadsheetViewer-CoQ4VIgj.js";import{e as M,c as S}from"../chunks/code-highlight-BmaqTe1m.js";import{h as I,s as j,C as E}from"../chunks/comment-hint-BhUxKjKK.js";import{codeBlockDisplay as B,codeLineNumbers as T,codeBlockClass as V}from"wendang/internal/code-block";import{D}from"../chunks/DocumentExportMenu-CUMsgq3w.js";function CommentText({marks:t,activeId:r,onMarkClick:a,children:i}){return n().text,/* @__PURE__ */e("span",{className:["doc-inline-comment",t.some(e=>"shifted"===e.state)?"is-shifted":"",t.some(e=>e.hasReplies)?"has-replies":"",t.some(e=>e.commentId===r)?"is-active":""].filter(Boolean).join(" "),"data-comment-id":t[0].commentId,"data-comment-ids":t.map(e=>e.commentId).join(" "),"data-comment-hint":"点击查看该处讨论",onMouseEnter:e=>j(e.currentTarget,"点击查看该处讨论"),onMouseLeave:()=>I(),onClick:e=>{e.stopPropagation(),I(),null==a||a(t[0].commentId)},children:i})}function CodeView({text:r,language:i,allowExport:l,marks:o,activeId:d,onMarkClick:m}){const h=n().text,[,u]=c(0),[p,g]=c(B);a(()=>{let e=!0;return M().then(()=>{e&&u(e=>e+1)}),()=>{e=!1}},[r,i]);const f=S(r,i);let k=0;const y=s(r,o).map((t,n)=>{const a=k;k+=t.text.length;const i=function syntaxText(t,n){const a=[];let i=t;for(const l of f){const c=Math.max(t,l.from),o=Math.min(n,l.to);c>=o||(c>i&&a.push(r.slice(i,c)),a.push(/* @__PURE__ */e("span",{className:l.classes,children:r.slice(c,o)},c)),i=o)}return i<n&&a.push(r.slice(i,n)),a}(a,k);return t.marks.length?/* @__PURE__ */e(CommentText,{marks:t.marks,activeId:d,onMarkClick:m,children:i},n):/* @__PURE__ */e("span",{children:i},n)});/* @__PURE__ */
+return t("div",{className:["doc-code-wrap",...V(p)].join(" "),children:[
+/* @__PURE__ */e(E,{text:r,language:i,editable:!1,canCopy:!!l,display:p,onLanguage:()=>{},onDisplay:g}),
+/* @__PURE__ */t("div",{className:"code-scroll",hidden:p.collapsed,tabIndex:0,"aria-label":h("代码内容"),children:[p.lineNumbers&&/* @__PURE__ */e("div",{className:"code-line-numbers","aria-hidden":"true",children:T(r)}),
+/* @__PURE__ */e("pre",{className:"doc-code",children:/* @__PURE__ */e("code",{children:y})})]})]})}const textOf=e=>{var t;return e.text??(null==(t=e.content)?void 0:t.map(textOf).join(""))??""};function cssStyle(e){return Object.fromEntries(e.split(";").filter(Boolean).map(e=>{const t=e.indexOf(":"),n=e.slice(0,t).trim();return[n.startsWith("--")?n:n.replace(/-([a-z])/g,(e,t)=>t.toUpperCase()),e.slice(t+1).trim()]}))}function DocumentViewer(c){var M;const S=n().text,j=r(),E=c.value??c.modelValue;if(a(()=>()=>I(),[]),!E)/* @__PURE__ */return e("div",{className:"doc-renderer ywiki-prose ywiki-content"});const B=(null==(M=c.inlineMarks)?void 0:M.size)?c.inlineMarks:o(E,c.inlineComments??[]).byTextIndex;let T=0;function children(t,n=!1){var r;return null==(r=t.content)?void 0:r.map((t,r)=>/* @__PURE__ */e(l,{children:render(t,n)},r))}function render(n,r=!1){var a,l,o;const M=n.attrs??{};if("text"===n.type){let t=n.text??"",r=T++;const a=B.get(r)??[];a.length&&(t=/* @__PURE__ */e("span",{children:s(n.text??"",a).map((t,n)=>t.marks.length?/* @__PURE__ */e(CommentText,{marks:t.marks,activeId:c.activeCommentId,onMarkClick:c.onMarkClick,children:t.text},n):/* @__PURE__ */e("span",{children:t.text},n))}));for(const r of n.marks??[]){const n=r.attrs??{},a={bold:"strong",italic:"em",strike:"s",underline:"u",code:"code"}[r.type];if(a)t=i(a,null,t);else if("link"===r.type){const r=d(String(n.href??""));r&&(t=/* @__PURE__ */e("a",{href:r,target:"_blank",rel:"noopener noreferrer",children:t}))}else if("textStyle"===r.type||"highlight"===r.type){const a=m("highlight"===r.type?"highlight":"text",n.color);t=/* @__PURE__ */e("span",{...Object.fromEntries(Object.entries(a).filter(([e])=>"style"!==e)),style:cssStyle(a.style??""),children:t})}}return t}const I=M.textAlign??M.align,E={textAlign:["left","center","right","justify"].includes(String(I))?I:void 0,marginLeft:Number(M.indent)>0?24*Math.min(6,Number(M.indent))+"px":void 0};switch(n.type){case"doc":return children(n);case"paragraph":/* @__PURE__ */
+return e("p",{style:E,children:children(n)||/* @__PURE__ */e("br",{})});case"heading":return i(`h${Math.max(1,Math.min(6,Number(M.level)||1))}`,{style:E,id:"string"==typeof M.anchor?M.anchor:"string"==typeof M.id?M.id:void 0},children(n));case"bulletList":/* @__PURE__ */
+return e("ul",{children:children(n)});case"orderedList":/* @__PURE__ */
+return e("ol",{start:Number(M.start)||1,children:children(n)});case"listItem":/* @__PURE__ */
+return e("li",{children:children(n)});case"taskList":/* @__PURE__ */
+return e("ul",{className:"doc-task-list",children:children(n)});case"taskItem":/* @__PURE__ */
+return t("li",{className:"doc-task-item",children:[
+/* @__PURE__ */e("input",{type:"checkbox",checked:!0===M.checked,disabled:!0,"aria-label":textOf((null==(a=n.content)?void 0:a[0])??n)||"未命名任务"}),
+/* @__PURE__ */e("span",{children:children(n)})]});case"blockquote":/* @__PURE__ */
+return e("blockquote",{children:children(n)});case"horizontalRule":/* @__PURE__ */
+return e("hr",{});case"hardBreak":/* @__PURE__ */
+return e("br",{});case"codeBlock":{const t=[];let r=0;const visit=e=>{var n;if("text"===e.type){for(const e of B.get(T++)??[])t.push({...e,from:r+e.from,to:r+e.to});r+=(null==(n=e.text)?void 0:n.length)??0}else for(const t of e.content??[])visit(t)};return visit(n),/* @__PURE__ */e(CodeView,{text:textOf(n),language:String(M.language??""),allowExport:c.allowExport,marks:t,activeId:c.activeCommentId,onMarkClick:c.onMarkClick})}case"table":{const r=g(n),a=f(r),i=r.length>0&&r.every(e=>e>0);/* @__PURE__ */
+return e("div",{className:"doc-table-wrap",children:/* @__PURE__ */t("table",{className:"doc-table",style:a?i?{width:a}:{minWidth:a}:void 0,children:[r.length>0&&/* @__PURE__ */e("colgroup",{children:r.map((t,n)=>/* @__PURE__ */e("col",{style:t>0?{width:t}:{minWidth:120}},n))}),
+/* @__PURE__ */e("tbody",{children:children(n)})]})})}case"tableRow":/* @__PURE__ */
+return e("tr",{children:children(n)});case"tableCell":case"tableHeader":return i("tableHeader"===n.type?"th":"td",{colSpan:Number(M.colspan)||1,rowSpan:Number(M.rowspan)||1,style:{...E,backgroundColor:p(M.backgroundColor)??void 0}},children(n));case"image":{const n=Number(M.aspectRatio)||null,a=Number(M.galleryScale)||null,i=["left","center","right"].includes(String(M.align))?M.align:null,l=/* @__PURE__ */e(w,{id:String(M.attachmentId??"")||void 0,src:String(M.src??""),alt:String(M.alt??""),width:r?void 0:Number(M.width)||void 0,align:i,aspectRatio:n,galleryScale:a,fetcher:c.attachmentFetcher,allowExport:c.allowExport}),o="string"==typeof M.caption?M.caption.trim():"";return o?/* @__PURE__ */t("figure",{className:"doc-image-figure",style:r?{"--doc-image-aspect-ratio":String(n&&n>0?n:1),"--doc-image-weight":String(a&&a>0?a:1)}:void 0,children:[l,
+/* @__PURE__ */e("figcaption",{className:"doc-image-caption",title:o,children:o})]}):l}case"imageGallery":/* @__PURE__ */
+return e("div",{className:"doc-image-gallery","data-image-gallery":"true",style:{"--image-gallery-height":`${Math.min(480,Math.max(72,Number(M.height)||120))}px`},children:children(n,!0)});case"fileAttachment":/* @__PURE__ */
+return e(b,{id:String(M.attachmentId??""),filename:String(M.filename??S("附件")),mimeType:String(M.mimeType??""),size:Number(M.size)||0,fetcher:c.attachmentFetcher,allowExport:c.allowExport});case"videoEmbed":/* @__PURE__ */
+return e(v,{attrs:M});case"mathInline":case"mathBlock":/* @__PURE__ */
+return e(x,{latex:String(M.latex??""),block:"mathBlock"===n.type});case"callout":{const{icon:r}=h(M),a=u(M);/* @__PURE__ */
+return t("div",{...Object.fromEntries(Object.entries(a).filter(([e])=>"style"!==e)),className:"doc-callout",style:cssStyle(a.style??""),children:[r?/* @__PURE__ */e("span",{className:"callout-icon","aria-hidden":"true","data-callout-decoration":"true",children:r}):null,
+/* @__PURE__ */e("div",{className:"doc-callout-content","data-callout-content":"true",children:children(n)})]})}case"columns":/* @__PURE__ */
+return e("div",{className:"doc-columns",children:children(n)});case"column":/* @__PURE__ */
+return e("div",{className:"doc-column",children:children(n)});case"pageLink":{const t=String(M.label??S("页面")),n=String(M.pageId??"");if(!n)/* @__PURE__ */return e("span",{children:t});const r=null==(o=c.resolvePageLink??(null==(l=j.references)?void 0:l.resolve))?void 0:o(n,t),a=d((null==r?void 0:r.href)??"");return a?/* @__PURE__ */e("a",{className:"doc-page-link",rel:"noopener noreferrer",href:a,onClick:e=>{var t;(null==r?void 0:r.external)||!(null==(t=j.references)?void 0:t.navigate)||0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||(e.preventDefault(),j.references.navigate(a))},children:t}):/* @__PURE__ */e("span",{className:"doc-page-link-plain",children:t})}case"mention":{const e=String(M.label??S("用户"));return M.userId?/* @__PURE__ */t("span",{className:"doc-mention",title:`提及：${e}`,children:["@",e]}):/* @__PURE__ */t("span",{children:["@",e]})}case"mindMap":{const count=e=>("text"===e.type?1:0)+(e.content??[]).reduce((e,t)=>e+count(t),0);return T+=count(n),k(n)?/* @__PURE__ */e(N,{node:n,allowExport:c.allowExport,pageId:c.pageId,canComment:c.canComment,onCommentsChanged:c.onCommentsChanged,fetchAttachment:c.attachmentFetcher}):/* @__PURE__ */e("p",{role:"alert",children:S("思维导图格式无效")})}case"workbook":return y(n)?/* @__PURE__ */e(C,{value:n,allowExport:c.allowExport}):/* @__PURE__ */e("p",{role:"alert",children:S("工作表格式无效")});case"mindMapTopic":case"mindMapDescription":case"mindMapNote":case"mindMapRelation":return null;default:/* @__PURE__ */
+return t("p",{role:"alert",children:[S("不支持的内容节点："),n.type]})}}/* @__PURE__ */
+return e("div",{className:"doc-renderer ywiki-prose ywiki-content",children:render(E)})}const L=DocumentViewer;export{L as DocRenderer,D as DocumentExportMenu,DocumentViewer,N as MindMapBlock};