@maxoyed/ode-core 0.0.1

package/dist/index.js

@@ -0,0 +1,608 @@
+import {
+  FONT_CSS_VAR,
+  FONT_STACK
+} from "./chunk-TRNXHJAU.js";
+import {
+  BODY_LINE_HEIGHT_PT,
+  DASH,
+  PAGE_NUMBER_OFFSET_MM,
+  TYPE_AREA_HEIGHT_PT,
+  blocksFromDoc,
+  charsPerLineFor,
+  computePageBreaks,
+  countPages,
+  estimateLines,
+  formatPageNumber,
+  lineHeightPtFor,
+  pageNumberAlign,
+  pageNumberStyle,
+  paginate
+} from "./chunk-OUPZEHJO.js";
+import {
+  CHARS_PER_LINE,
+  CHAR_BOX_MM,
+  ELEMENT_SPEC,
+  FONT_SIZE_PT,
+  LINES_PER_PAGE,
+  LINE_HEIGHT_MM,
+  Layout,
+  MARGIN_MM,
+  OFFICIAL_RED,
+  PAGE_A4_MM,
+  PT_TO_MM,
+  PT_TO_PX,
+  TYPE_AREA_MM,
+  ptToMm,
+  ptToPx,
+  toHalfPoint,
+  toPt
+} from "./chunk-SYMAPCOS.js";
+
+// src/extensions/index.ts
+import StarterKit from "@tiptap/starter-kit";
+import TextStyle from "@tiptap/extension-text-style";
+import TextAlign from "@tiptap/extension-text-align";
+import Color from "@tiptap/extension-color";
+import Table from "@tiptap/extension-table";
+import TableRow from "@tiptap/extension-table-row";
+import TableCell from "@tiptap/extension-table-cell";
+import TableHeader from "@tiptap/extension-table-header";
+
+// src/extensions/official-role.ts
+import { Extension } from "@tiptap/core";
+var OfficialRole = Extension.create({
+  name: "officialRole",
+  addOptions() {
+    return { types: ["paragraph"] };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          officialRole: {
+            default: null,
+            parseHTML: (element) => element.getAttribute("data-odoc-role"),
+            renderHTML: (attributes) => {
+              const role = attributes.officialRole;
+              if (!role) return {};
+              return {
+                "data-odoc-role": role,
+                class: `odoc-el odoc-el--${role}`
+              };
+            }
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setOfficialRole: (role) => ({ commands }) => this.options.types.some(
+        (type) => commands.updateAttributes(type, { officialRole: role })
+      ),
+      unsetOfficialRole: () => ({ commands }) => this.options.types.some(
+        (type) => commands.resetAttributes(type, "officialRole")
+      )
+    };
+  }
+});
+
+// src/extensions/official-image.ts
+import Image from "@tiptap/extension-image";
+var OfficialImage = Image.extend({
+  name: "image",
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      seal: {
+        default: false,
+        parseHTML: (element) => element.hasAttribute("data-odoc-seal"),
+        renderHTML: (attributes) => attributes.seal ? { "data-odoc-seal": "true", class: "odoc-seal" } : {}
+      }
+    };
+  }
+});
+
+// src/extensions/hr-variant.ts
+import { Extension as Extension2 } from "@tiptap/core";
+var HorizontalRuleVariant = Extension2.create({
+  name: "hrVariant",
+  addOptions() {
+    return { types: ["horizontalRule"] };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          variant: {
+            default: "reverse",
+            parseHTML: (element) => element.getAttribute("data-odoc-hr") || "reverse",
+            renderHTML: (attributes) => {
+              const variant = attributes.variant || "reverse";
+              return { "data-odoc-hr": variant, class: `odoc-hr odoc-hr--${variant}` };
+            }
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setHorizontalRuleVariant: (variant) => ({ chain }) => chain().insertContent({ type: "horizontalRule", attrs: { variant } }).run()
+    };
+  }
+});
+
+// src/extensions/pagination.ts
+import { Extension as Extension3 } from "@tiptap/core";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { Decoration, DecorationSet } from "@tiptap/pm/view";
+var MM_TO_PX = 96 / 25.4;
+var pluginKey = new PluginKey("odocPagination");
+function buildPageNumberEl(pageNo) {
+  const style = pageNumberStyle(pageNo);
+  const el = document.createElement("div");
+  el.className = "odoc-inline-page-number";
+  el.textContent = style.text;
+  el.style.position = "absolute";
+  if (style.align === "right") {
+    el.style.right = `${(MARGIN_MM.right + style.insetMm) * MM_TO_PX}px`;
+  } else {
+    el.style.left = `${(MARGIN_MM.left + style.insetMm) * MM_TO_PX}px`;
+  }
+  return el;
+}
+function buildSpacer(m) {
+  const spacer = document.createElement("div");
+  spacer.className = "odoc-page-break";
+  spacer.style.display = "block";
+  spacer.style.height = `${m.spacerPx}px`;
+  spacer.setAttribute("contenteditable", "false");
+  const whiteTop = m.remainingPx + m.bottomMarginPx;
+  const grey = m.gapPx;
+  spacer.style.background = `linear-gradient(to bottom, var(--odoc-page-bg) 0 ${whiteTop}px, var(--odoc-canvas-bg) ${whiteTop}px ${whiteTop + grey}px, var(--odoc-page-bg) ${whiteTop + grey}px 100%)`;
+  if (m.showPageNumbers) {
+    const num = buildPageNumberEl(m.endingPageNo);
+    num.style.top = `${m.remainingPx + m.pageNumberOffsetPx}px`;
+    num.style.bottom = "";
+    spacer.appendChild(num);
+  }
+  return spacer;
+}
+function measureLines(view) {
+  const rootRect = view.dom.getBoundingClientRect();
+  const spacers = Array.from(view.dom.querySelectorAll(".odoc-page-break")).map(
+    (s) => {
+      const r = s.getBoundingClientRect();
+      return { top: r.top, h: r.height };
+    }
+  );
+  const offsetAbove = (yTop) => spacers.reduce((acc, s) => s.top < yTop - 0.5 ? acc + s.h : acc, 0);
+  const rects = [];
+  const positions = [];
+  let lastPos = -1;
+  const children = view.dom.children;
+  for (let i = 0; i < children.length; i++) {
+    const el = children[i];
+    if (el.classList.contains("odoc-page-break")) continue;
+    let lineRects = [];
+    if (el.firstChild) {
+      const range = document.createRange();
+      range.selectNodeContents(el);
+      lineRects = Array.from(range.getClientRects());
+    }
+    if (lineRects.length === 0) lineRects = [el.getBoundingClientRect()];
+    for (const lr of lineRects) {
+      if (lr.height < 1) continue;
+      const at = view.posAtCoords({ left: lr.left + 1, top: lr.top + lr.height / 2 });
+      if (!at) continue;
+      if (at.pos === lastPos) continue;
+      lastPos = at.pos;
+      rects.push({ top: lr.top - rootRect.top - offsetAbove(lr.top), height: lr.height });
+      positions.push(at.pos);
+    }
+  }
+  return { rects, positions };
+}
+function signatureOf(decoset) {
+  return decoset.map((b) => `${b.beforeIndex}:${Math.round(b.spacerPx)}`).join("|");
+}
+var Pagination = Extension3.create({
+  name: "odocPagination",
+  addOptions() {
+    return {
+      pageContentPx: TYPE_AREA_MM.height * MM_TO_PX,
+      pageGapPx: 24,
+      topMarginPx: MARGIN_MM.top * MM_TO_PX,
+      bottomMarginPx: MARGIN_MM.bottom * MM_TO_PX,
+      showPageNumbers: true
+    };
+  },
+  addProseMirrorPlugins() {
+    const options = this.options;
+    let lastSignature = "";
+    let raf = 0;
+    return [
+      new Plugin({
+        key: pluginKey,
+        state: {
+          init: () => DecorationSet.empty,
+          apply(tr, old) {
+            const meta = tr.getMeta(pluginKey);
+            if (meta) return meta.decorations;
+            return old.map(tr.mapping, tr.doc);
+          }
+        },
+        props: {
+          decorations(state) {
+            return pluginKey.getState(state);
+          }
+        },
+        view(view) {
+          const breakExtraPx = options.bottomMarginPx + options.pageGapPx + options.topMarginPx;
+          const pageNumberOffsetPx = 7 * MM_TO_PX;
+          const recompute = () => {
+            const { rects, positions } = measureLines(view);
+            const { breaks, pageCount } = computePageBreaks(rects, {
+              pageContentPx: options.pageContentPx,
+              breakExtraPx
+            });
+            let tailRemaining = 0;
+            if (rects.length) {
+              const last = rects[rects.length - 1];
+              const lastPageStart = breaks.length ? rects[breaks[breaks.length - 1].beforeIndex].top : rects[0].top;
+              tailRemaining = Math.max(
+                0,
+                options.pageContentPx - (last.top + last.height - lastPageStart)
+              );
+            }
+            const sig = `${signatureOf(breaks)}#${pageCount}:${Math.round(tailRemaining)}`;
+            if (sig === lastSignature) return;
+            lastSignature = sig;
+            const decos = breaks.map(
+              (b) => Decoration.widget(
+                positions[b.beforeIndex],
+                () => buildSpacer({
+                  spacerPx: b.spacerPx,
+                  remainingPx: Math.max(0, b.spacerPx - breakExtraPx),
+                  gapPx: options.pageGapPx,
+                  topMarginPx: options.topMarginPx,
+                  bottomMarginPx: options.bottomMarginPx,
+                  pageNumberOffsetPx,
+                  endingPageNo: b.pageNo - 1,
+                  showPageNumbers: options.showPageNumbers
+                }),
+                { side: -1, key: `odoc-break-${b.beforeIndex}` }
+              )
+            );
+            if (rects.length && options.showPageNumbers) {
+              decos.push(
+                Decoration.widget(
+                  view.state.doc.content.size,
+                  () => buildSpacer({
+                    spacerPx: tailRemaining + options.bottomMarginPx,
+                    remainingPx: tailRemaining,
+                    gapPx: 0,
+                    topMarginPx: 0,
+                    bottomMarginPx: options.bottomMarginPx,
+                    pageNumberOffsetPx,
+                    endingPageNo: pageCount,
+                    showPageNumbers: true
+                  }),
+                  { side: 1, key: `odoc-tail-${pageCount}` }
+                )
+              );
+            }
+            const decorations = DecorationSet.create(view.state.doc, decos);
+            const tr = view.state.tr.setMeta(pluginKey, { decorations });
+            view.dispatch(tr);
+          };
+          const schedule = () => {
+            cancelAnimationFrame(raf);
+            raf = requestAnimationFrame(recompute);
+          };
+          schedule();
+          return {
+            update: schedule,
+            destroy: () => cancelAnimationFrame(raf)
+          };
+        }
+      })
+    ];
+  }
+});
+
+// src/extensions/index.ts
+function getOfficialExtensions(options = {}) {
+  const extensions = [
+    StarterKit.configure({
+      // 公文标题层级用 officialRole 表达，禁用通用 heading 以免样式冲突
+      heading: false
+    }),
+    TextStyle,
+    Color,
+    TextAlign.configure({ types: ["paragraph"] }),
+    OfficialRole.configure({ types: ["paragraph"] }),
+    HorizontalRuleVariant,
+    Table.configure({ resizable: false }),
+    TableRow,
+    TableHeader,
+    TableCell,
+    OfficialImage.configure({ allowBase64: true, inline: false })
+  ];
+  if (options.pagination) extensions.push(Pagination);
+  return extensions;
+}
+
+// src/templates.ts
+function p(role, text) {
+  const node = { type: "paragraph" };
+  if (role) node.attrs = { officialRole: role };
+  if (text) node.content = [{ type: "text", text }];
+  return node;
+}
+function redHeadDocumentTemplate() {
+  return {
+    type: "doc",
+    content: [
+      p("issuer", "\u25CB\u25CB\u25CB\u4EBA\u6C11\u653F\u5E9C\u6587\u4EF6"),
+      p("docNumber", "\u25CB\u5E9C\u30142026\u30151 \u53F7"),
+      { type: "horizontalRule" },
+      p("title", "\u5173\u4E8E\xD7\xD7\xD7\u5DE5\u4F5C\u7684\u901A\u77E5"),
+      p("mainRecipient", "\u5404\u6709\u5173\u5355\u4F4D\uFF1A"),
+      p("body", "\u6839\u636E\u6709\u5173\u5DE5\u4F5C\u90E8\u7F72\uFF0C\u73B0\u5C31\xD7\xD7\xD7\u5DE5\u4F5C\u901A\u77E5\u5982\u4E0B\u3002"),
+      p("headingLevel1", "\u4E00\u3001\u603B\u4F53\u8981\u6C42"),
+      p("body", "\uFF08\u6B64\u5904\u586B\u5199\u6B63\u6587\u5185\u5BB9\u3002\uFF09"),
+      p("headingLevel2", "\uFF08\u4E00\uFF09\u5DE5\u4F5C\u76EE\u6807"),
+      p("body", "\uFF08\u6B64\u5904\u586B\u5199\u6B63\u6587\u5185\u5BB9\u3002\uFF09"),
+      p("signature", "\u25CB\u25CB\u25CB\u4EBA\u6C11\u653F\u5E9C"),
+      p("dateline", "2026 \u5E74 6 \u6708 13 \u65E5")
+    ]
+  };
+}
+function blankDocumentTemplate() {
+  return { type: "doc", content: [p("body", "")] };
+}
+
+// src/editor.ts
+import { Editor } from "@tiptap/core";
+
+// src/styles/inject.ts
+var STYLE_ELEMENT_ID = "odoc-element-styles";
+function fontVar(role) {
+  return `var(${FONT_CSS_VAR[role]}, ${FONT_STACK[role]})`;
+}
+function ruleFor(role, spec) {
+  const decls = [];
+  decls.push(`font-family:${fontVar(spec.font)}`);
+  decls.push(`font-size:${toPt(spec.size)}pt`);
+  decls.push(`font-weight:${spec.bold ? 700 : 400}`);
+  if (spec.align) decls.push(`text-align:${spec.align}`);
+  if (spec.color) decls.push(`color:${spec.color}`);
+  if (spec.indent) decls.push(`text-indent:${spec.indent}em`);
+  if (spec.marginLeft) decls.push(`margin-left:${spec.marginLeft}em`);
+  if (spec.marginRight) decls.push(`margin-right:${spec.marginRight}em`);
+  return `.odoc-el--${role}{${decls.join(";")}}`;
+}
+function buildElementStyles() {
+  return Object.keys(ELEMENT_SPEC).map((role) => ruleFor(role, ELEMENT_SPEC[role])).join("\n");
+}
+function injectOfficialStyles() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(STYLE_ELEMENT_ID)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ELEMENT_ID;
+  style.textContent = buildElementStyles();
+  document.head.appendChild(style);
+}
+
+// src/editor.ts
+function createOfficialDocumentEditor(options = {}) {
+  const {
+    content,
+    placeholder,
+    pagination = false,
+    injectStyles = true,
+    editorProps,
+    ...rest
+  } = options;
+  if (injectStyles) injectOfficialStyles();
+  return new Editor({
+    ...rest,
+    editorProps: {
+      ...editorProps,
+      attributes: {
+        class: "odoc-typearea",
+        ...editorProps?.attributes
+      }
+    },
+    extensions: getOfficialExtensions({ placeholder, pagination }),
+    content: content ?? redHeadDocumentTemplate()
+  });
+}
+
+// src/fonts/register.ts
+var STYLE_ELEMENT_ID2 = "odoc-registered-fonts";
+function ensureStyleElement() {
+  let el = document.getElementById(STYLE_ELEMENT_ID2);
+  if (!el) {
+    el = document.createElement("style");
+    el.id = STYLE_ELEMENT_ID2;
+    document.head.appendChild(el);
+  }
+  return el;
+}
+function toCssSource(source, format) {
+  if (typeof source === "string") {
+    const fmt2 = format ? ` format("${format}")` : "";
+    return `url("${source}")${fmt2}`;
+  }
+  const blob = source instanceof Blob ? source : new Blob([source]);
+  const url = URL.createObjectURL(blob);
+  const fmt = format ? ` format("${format}")` : "";
+  return `url("${url}")${fmt}`;
+}
+function registerFont(options) {
+  if (typeof document === "undefined") {
+    throw new Error("registerFont \u53EA\u80FD\u5728\u6D4F\u89C8\u5668\u73AF\u5883\u8C03\u7528\u3002");
+  }
+  const { role, family, source, format, weight = "normal", target } = options;
+  if (source) {
+    const style = ensureStyleElement();
+    const face = `@font-face{font-family:"${family}";src:${toCssSource(
+      source,
+      format
+    )};font-weight:${weight};font-display:swap;}`;
+    style.appendChild(document.createTextNode(face));
+  }
+  const root = target ?? document.documentElement;
+  const prev = getComputedStyle(root).getPropertyValue(FONT_CSS_VAR[role]).trim();
+  const next = prev ? `"${family}", ${prev}` : `"${family}"`;
+  root.style.setProperty(FONT_CSS_VAR[role], next);
+}
+
+// src/preview/paginated.ts
+var MM_TO_PX2 = 96 / 25.4;
+var mm = (v) => `${v}mm`;
+function renderBlock(node) {
+  if (node.type === "horizontalRule") {
+    const hr = document.createElement("hr");
+    const variant = node.attrs?.variant || "reverse";
+    hr.className = `odoc-separator odoc-hr--${variant}`;
+    return hr;
+  }
+  if (node.type === "image") {
+    const img = document.createElement("img");
+    if (node.attrs?.src) img.src = String(node.attrs.src);
+    if (node.attrs?.alt) img.alt = String(node.attrs.alt);
+    if (node.attrs?.seal) img.className = "odoc-seal";
+    return img;
+  }
+  if (node.type === "table") {
+    const table = document.createElement("table");
+    for (const row of node.content ?? []) {
+      const tr = document.createElement("tr");
+      for (const cell of row.content ?? []) {
+        const td = document.createElement(cell.type === "tableHeader" ? "th" : "td");
+        const text2 = (cell.content ?? []).map((p3) => (p3.content ?? []).map((t) => t.text ?? "").join("")).join("\n");
+        td.textContent = text2;
+        tr.appendChild(td);
+      }
+      table.appendChild(tr);
+    }
+    return table;
+  }
+  const p2 = document.createElement("p");
+  const role = node.attrs?.officialRole;
+  if (role) {
+    p2.className = `odoc-el odoc-el--${role}`;
+    p2.dataset.odocRole = role;
+  }
+  const text = (node.content ?? []).map((n) => n.type === "text" ? n.text ?? "" : "").join("");
+  p2.textContent = text.length ? text : "\xA0";
+  return p2;
+}
+function createPageNumber(pageNo) {
+  const style = pageNumberStyle(pageNo);
+  const el = document.createElement("div");
+  el.className = "odoc-page-number";
+  el.textContent = style.text;
+  el.style.position = "absolute";
+  el.style.bottom = mm(MARGIN_MM.bottom - PAGE_NUMBER_OFFSET_MM);
+  if (style.align === "right") {
+    el.style.right = mm(MARGIN_MM.right + style.insetMm);
+  } else {
+    el.style.left = mm(MARGIN_MM.left + style.insetMm);
+  }
+  return el;
+}
+function renderPaginatedPreview(doc, mount, options = {}) {
+  if (typeof document === "undefined") {
+    throw new Error("renderPaginatedPreview \u53EA\u80FD\u5728\u6D4F\u89C8\u5668\u73AF\u5883\u8C03\u7528\u3002");
+  }
+  const { showPageNumber = true } = options;
+  injectOfficialStyles();
+  mount.innerHTML = "";
+  mount.classList.add("odoc-canvas");
+  const pageContentPx = TYPE_AREA_MM.height * MM_TO_PX2;
+  const blocks = (doc.type === "doc" ? doc.content : [doc]) ?? [];
+  let pageNo = 0;
+  let refs;
+  const newPage = () => {
+    pageNo += 1;
+    const page = document.createElement("div");
+    page.className = "odoc-page";
+    const area = document.createElement("div");
+    area.className = "odoc-typearea";
+    page.appendChild(area);
+    if (showPageNumber) page.appendChild(createPageNumber(pageNo));
+    mount.appendChild(page);
+    return { page, area };
+  };
+  refs = newPage();
+  let used = 0;
+  for (const node of blocks) {
+    const el = renderBlock(node);
+    refs.area.appendChild(el);
+    const h = el.getBoundingClientRect().height;
+    if (used + h > pageContentPx && refs.area.childElementCount > 1) {
+      refs.area.removeChild(el);
+      refs = newPage();
+      refs.area.appendChild(el);
+      used = el.getBoundingClientRect().height;
+    } else {
+      used += h;
+    }
+  }
+  return pageNo;
+}
+export {
+  BODY_LINE_HEIGHT_PT,
+  CHARS_PER_LINE,
+  CHAR_BOX_MM,
+  DASH,
+  ELEMENT_SPEC,
+  FONT_CSS_VAR,
+  FONT_SIZE_PT,
+  FONT_STACK,
+  HorizontalRuleVariant,
+  LINES_PER_PAGE,
+  LINE_HEIGHT_MM,
+  Layout,
+  MARGIN_MM,
+  OFFICIAL_RED,
+  OfficialImage,
+  OfficialRole,
+  PAGE_A4_MM,
+  PAGE_NUMBER_OFFSET_MM,
+  PT_TO_MM,
+  PT_TO_PX,
+  Pagination,
+  TYPE_AREA_HEIGHT_PT,
+  TYPE_AREA_MM,
+  blankDocumentTemplate,
+  blocksFromDoc,
+  buildElementStyles,
+  charsPerLineFor,
+  computePageBreaks,
+  countPages,
+  createOfficialDocumentEditor,
+  estimateLines,
+  formatPageNumber,
+  getOfficialExtensions,
+  injectOfficialStyles,
+  lineHeightPtFor,
+  pageNumberAlign,
+  pageNumberStyle,
+  paginate,
+  ptToMm,
+  ptToPx,
+  redHeadDocumentTemplate,
+  registerFont,
+  renderPaginatedPreview,
+  toHalfPoint,
+  toPt
+};
+//# sourceMappingURL=index.js.map