@agilehub/docx-converter 0.2.0 → 0.2.1

package/README.md

@@ -466,6 +466,8 @@ const result = await convertToHtmlFile('demo.docx', {
 
 默认输出 `<img src="data:image/png;base64,..." data-latex="...">`，可作为独立 HTML 打开，不需要外部字体文件或 MathJax 页面脚本。需要无损缩放时可设置 `generatedImageOutput: 'svg'`，此时输出自包含 SVG。公式字形使用 STIX Two Math（与 Word OMML 默认的 Cambria Math 同为衬线数学字体，字形接近但不完全相同；Cambria Math 是专有字体，无法随 MathJax 分发）。MathJax 的动态字体数据（积分号、双线字母、拉伸括号等扩展字形）会随构建产物一起打包，因此包体积比只含基础字形时大约多 1 MB。
 
+公式图片使用公式节点标记：行内公式 class 为 `formula-item formula-image image-inline`，独立行公式 class 为 `formula-item formula-image image-block`；两种公式均使用 `data-type="formula"`。
+
 ### 原生图表与组合图形
 
 - **原生图表**：支持从 OOXML 图表缓存读取标准折线图并生成图片，保留分类、曲线、数值坐标轴及数据表；HTML 和 JSON 均可使用。`generatedImageOutput` 默认为 `'png'`，可设为 `'svg'`。不重新计算嵌入工作簿；其他图表类型、组合图、堆积图及复杂样式尚未完整支持。

package/dist/docx-converter.browser.js

@@ -10033,13 +10033,15 @@ var ai = class {
 		this.resolver = new ai(e, t, n);
 	}
 	async render(e, t) {
-		let n = () => `<span class="unsupported-content" data-type="${e.formula ? "formula" : "image"}"${e.path ? ` data-resource="${z(e.path)}"` : ""}>${z(`[${e.alt}：无可显示图片]`)}</span>`, r = await this.resolver.resolve(e);
-		if (!r) return n();
-		let i = {
+		let n = e.formula ? "formula" : "image", r = () => `<span class="unsupported-content" data-type="${n}"${e.path ? ` data-resource="${z(e.path)}"` : ""}>${z(`[${e.alt}：无可显示图片]`)}</span>`, i = await this.resolver.resolve(e);
+		if (!i) return r();
+		let a = {
 			"max-width": "100%",
 			...e.css
 		};
-		return e.width && (i.width = `${Math.round(e.width * 100) / 100}px`), e.height && (i.height = `${Math.round(e.height * 100) / 100}px`), i["object-fit"] = "contain", (e.formula || t) && (i["vertical-align"] = "middle"), `<img src="${z(r)}" alt="${z(e.alt)}" class="${e.formula ? "formula-item formula-image" : `image-item image-${t ? "inline" : "block"}`}" data-type="${e.formula ? "formula" : "image"}"${e.formula && e.latex ? ` data-latex="${z(e.latex)}"` : ""}${ut(i)}>`;
+		e.width && (a.width = `${Math.round(e.width * 100) / 100}px`), e.height && (a.height = `${Math.round(e.height * 100) / 100}px`), a["object-fit"] = "contain", (e.formula || t) && (a["vertical-align"] = "middle");
+		let o = e.formula ? `formula-item formula-image image-${t ? "inline" : "block"}` : `image-item image-${t ? "inline" : "block"}`;
+		return `<img src="${z(i)}" alt="${z(e.alt)}" class="${o}" data-type="${n}"${e.formula && e.latex ? ` data-latex="${z(e.latex)}"` : ""}${ut(a)}>`;
 	}
 }, si = "4.1.3", ci = class e {
 	constructor() {
@@ -60810,8 +60812,8 @@ async function Xu(e, t, n) {
 async function Zu(e, t, n) {
 	let r = await Xu(e, t, n);
 	if (!r) return "<span class=\"unsupported-content\" data-type=\"formula\">[公式图片生成失败]</span>";
-	let i = r.verticalAlignEx === void 0 ? "middle" : `${r.verticalAlignEx}ex`, a = e.display ? "display:block;margin:.6em 0;" : `vertical-align:${i};`;
-	return `<img src="${r.src}" alt="${z(e.latex || "公式")}" class="formula-item formula-image" data-type="formula"${e.latex === void 0 ? "" : ` data-latex="${z(e.latex)}"`} style="max-width:100%;width:${r.widthEx}ex;height:${r.heightEx}ex;${a}">`;
+	let i = r.verticalAlignEx === void 0 ? "middle" : `${r.verticalAlignEx}ex`, a = e.display ? "display:block;margin:.6em 0;" : `vertical-align:${i};`, o = `formula-item formula-image image-${e.display ? "block" : "inline"}`;
+	return `<img src="${r.src}" alt="${z(e.latex || "公式")}" class="${o}" data-type="formula"${e.latex === void 0 ? "" : ` data-latex="${z(e.latex)}"`} style="max-width:100%;width:${r.widthEx}ex;height:${r.heightEx}ex;${a}">`;
 }
 // src/rendering/html/html-renderer.ts
 var Qu = class {