@guodun/antdv 1.7.12 → 1.7.13

package/dist/es/components/contract-signing-location/src/ContractSigningTemplatePage.vue.mjs

@@ -20,28 +20,28 @@ var p = [
 	},
 	emits: ["status", "metrics"],
 	setup(c, { emit: h }) {
-		let g = c, _ = h, v = d(0), y = d(0), b = d("loading"), x = r(() => ({
+		let g = c, _ = h, v = d(0), y = d(0), b = d(0), x = d("loading"), S = r(() => ({
 			width: `${g.page.displayWidth}px`,
 			minHeight: `${g.page.displayHeight}px`,
 			height: `${Math.max(g.page.displayHeight, v.value)}px`
-		})), S = r(() => t(g.page.pageDecorations, g.page.pageNumber)), C = r(() => n(g.page.pageDecorations, g.page.pageNumber, g.page.totalPages, g.page.decorationVariables, g.page.decorationValues)), w = r(() => y.value > 1 ? `第 ${g.page.pageNumber} 页正文超出纸张 ${Math.round(y.value)}px，生成 PDF 时会分页，请回模板设计器调整后再指定位置。` : ""), T = r(() => g.page.errors[0] || w.value), E = r(() => g.page.errors.length ? "模板已安全降级展示" : "该页签署位置不可信");
-		function D(e) {
-			v.value = e.contentHeight, y.value = e.overflowHeight, _("metrics", e), k();
+		})), C = r(() => t(g.page.pageDecorations, g.page.pageNumber)), w = r(() => n(g.page.pageDecorations, g.page.pageNumber, g.page.totalPages, g.page.decorationVariables, g.page.decorationValues)), T = r(() => y.value > 1 ? `第 ${g.page.pageNumber} 页正文超出纸张 ${Math.round(y.value)}px，请回模板设计器调整后再指定位置。` : b.value > 1 ? `第 ${g.page.pageNumber} 页正文超出纸张宽度 ${Math.round(b.value)}px，请回模板设计器调整后再指定位置。` : ""), E = r(() => g.page.errors[0] || T.value), D = r(() => g.page.errors.length ? "模板已安全降级展示" : "该页签署位置不可信");
+		function O(e) {
+			v.value = e.contentHeight, y.value = e.overflowHeight, b.value = e.overflowWidth, _("metrics", e), A();
 		}
-		function O(e, t) {
-			if (b.value = e, e === "error") {
+		function k(e, t) {
+			if (x.value = e, e === "error") {
 				_("status", e, t);
 				return;
 			}
-			k();
+			A();
 		}
-		function k() {
-			if (b.value !== "ready") {
-				_("status", b.value);
+		function A() {
+			if (x.value !== "ready") {
+				_("status", x.value);
 				return;
 			}
-			if (y.value > 1) {
-				_("status", "error", w.value);
+			if (y.value > 1 || b.value > 1) {
+				_("status", "error", T.value);
 				return;
 			}
 			_("status", "ready");
@@ -52,20 +52,20 @@ var p = [
 			"data-template-page-index": c.page.pageIndex,
 			"data-page-width": c.page.displayWidth,
 			"data-page-height": c.page.displayHeight,
-			style: l(x.value)
+			style: l(S.value)
 		}, [s(e, {
 			"page-id": c.page.pageId,
 			width: c.page.displayWidth,
 			height: c.page.displayHeight,
 			"padding-top": c.page.paddingTop,
 			"padding-bottom": c.page.paddingBottom,
-			"class-names": S.value,
-			"decorations-html": C.value,
+			"class-names": C.value,
+			"decorations-html": w.value,
 			"content-html": c.page.contentHtml,
 			"font-base-url": c.fontBaseUrl,
 			title: `第 ${c.page.pageNumber} 页合同签署底图`,
-			onMetrics: D,
-			onStatus: O
+			onMetrics: O,
+			onStatus: k
 		}, null, 8, [
 			"page-id",
 			"width",
@@ -77,7 +77,7 @@ var p = [
 			"content-html",
 			"font-base-url",
 			"title"
-		]), T.value ? (u(), a("div", m, [o("strong", null, f(E.value), 1), o("span", null, f(T.value), 1)])) : i("", !0)], 12, p));
+		]), E.value ? (u(), a("div", m, [o("strong", null, f(D.value), 1), o("span", null, f(E.value), 1)])) : i("", !0)], 12, p));
 	}
 });
 //#endregion

package/dist/es/components/contract-signing-location/src/template-source.mjs

@@ -1,68 +1,81 @@
-import { toContractSigningRulePageSize as e } from "./constants.mjs";
-import { CONTRACT_PAGE_BASE_PADDING as t, getPageDecorationSafePadding as n, hasEnabledPageFooter as r, hasEnabledPageHeader as i, normalizePageDecorations as a } from "../../pro-contract-template-designer/src/utils/page-decorations.mjs";
-import { buildTemplateRenderPages as o, normalizeRenderValues as s, validateTemplateRenderStructure as c } from "../../pro-contract-template-designer/src/utils/template-renderer.mjs";
+import { resolveContractPagePadding as e } from "../../../contract-print-css/index.mjs";
+import { toContractSigningRulePageSize as t } from "./constants.mjs";
+import { normalizePageDecorations as n } from "../../pro-contract-template-designer/src/utils/page-decorations.mjs";
+import { buildTemplateRenderPages as r, normalizeRenderValues as i, validateTemplateRenderStructure as a } from "../../pro-contract-template-designer/src/utils/template-renderer.mjs";
+import { createContractTemplateLayoutPage as o } from "../../pro-contract-template-designer/src/utils/contract-layout-check.mjs";
 //#region src/components/contract-signing-location/src/template-source.ts
-function l(e) {
+function s(e) {
 	return !!(e && typeof e == "object" && e.type === "template");
 }
-function u(e) {
-	return l(e?.source);
+function c(e) {
+	return s(e?.source);
 }
-function d(t) {
-	if (!l(t) || !g(t.template)) return [];
+function l(a) {
+	if (!s(a) || !m(a.template)) return [];
 	try {
-		let n = t.template, r = Array.isArray(n.pages) ? n.pages : [], i = s(n, t.values), a = h(n), c = r.length;
-		return r.flatMap((t, r) => {
-			let s = o({
-				...n,
-				pages: [t]
-			}, i, {
+		let o = a.template, s = Array.isArray(o.pages) ? o.pages : [], c = i(o, a.values), l = p(o), u = s.length;
+		return s.flatMap((i, a) => {
+			let s = r({
+				...o,
+				pages: [i]
+			}, c, {
 				readonly: !0,
 				disabled: !0,
 				mode: "display"
 			})[0];
 			if (!s) return [];
-			let l = _(t?.pageSize, n.pageSize, s), u = e(l), d = r + 1, p = f(s.pageDecorations, d);
+			let d = h(i?.pageSize, o.pageSize, s), f = t(d), p = a + 1, m = e(n(s.pageDecorations), p);
 			return [{
-				pageIndex: r,
+				pageIndex: a,
 				pageId: s.id,
 				title: s.title,
-				width: u.width || l.width,
-				height: u.height || l.height,
-				displayWidth: l.width,
-				displayHeight: l.height,
+				width: f.width || d.width,
+				height: f.height || d.height,
+				displayWidth: d.width,
+				displayHeight: d.height,
 				contentHtml: s.contentHtml,
 				...s.pageDecorations ? { pageDecorations: s.pageDecorations } : {},
 				decorationVariables: s.decorationVariables,
 				decorationValues: s.decorationValues,
-				pageNumber: d,
-				totalPages: c,
-				paddingTop: p.top,
-				paddingBottom: p.bottom,
-				errors: a.filter((e) => !e.pageId || e.pageId === s.id).map((e) => e.message)
+				pageNumber: p,
+				totalPages: u,
+				paddingTop: m.top,
+				paddingBottom: m.bottom,
+				errors: l.filter((e) => !e.pageId || e.pageId === s.id).map((e) => e.message)
 			}];
 		});
 	} catch {
 		return [];
 	}
 }
-function f(e, o) {
-	let s = a(e);
-	return {
-		top: i(s, o) ? n(s.header) : t.top,
-		bottom: r(s, o) ? n(s.footer) : t.bottom
-	};
+function u(e, t) {
+	return l(t).map((t) => o({
+		id: t.pageId,
+		title: t.title,
+		format: "Custom",
+		width: t.displayWidth,
+		height: t.displayHeight,
+		contentHtml: t.contentHtml,
+		...t.pageDecorations ? { pageDecorations: t.pageDecorations } : {},
+		decorationVariables: t.decorationVariables,
+		decorationValues: t.decorationValues
+	}, {
+		fileId: e,
+		pageIndex: t.pageIndex,
+		pageNumber: t.pageNumber,
+		totalPages: t.totalPages
+	}));
 }
-function p(e) {
-	if (!l(e.source)) return [];
-	if (!g(e.source.template)) return [{
+function d(e) {
+	if (!s(e.source)) return [];
+	if (!m(e.source.template)) return [{
 		code: "CONTRACT_TEMPLATE_MISSING",
 		message: `文件 ${e.fileName || e.fileId} 缺少可渲染的合同模板`,
 		fileId: e.fileId
 	}];
 	try {
 		let t = Array.isArray(e.source.template.pages) ? e.source.template.pages : [];
-		return h(e.source.template).map((n) => {
+		return p(e.source.template).map((n) => {
 			let r = n.pageId ? t.findIndex((e) => e?.id === n.pageId) : -1;
 			return {
 				code: `CONTRACT_${n.code || "TEMPLATE_INVALID"}`,
@@ -80,22 +93,22 @@ function p(e) {
 		}];
 	}
 }
-function m(e) {
-	return !e || !l(e.source) ? "" : p(e)[0]?.message ?? "";
+function f(e) {
+	return !e || !s(e.source) ? "" : d(e)[0]?.message ?? "";
 }
-function h(e) {
-	return c(e);
+function p(e) {
+	return a(e);
 }
-function g(e) {
+function m(e) {
 	return !!(e && typeof e == "object");
 }
-function _(e, t, n) {
-	return y(e) || y(t) || {
-		width: b(e?.width, b(t?.width, n.width)),
-		height: b(e?.height, b(t?.height, n.height))
+function h(e, t, n) {
+	return _(e) || _(t) || {
+		width: v(e?.width, v(t?.width, n.width)),
+		height: v(e?.height, v(t?.height, n.height))
 	};
 }
-var v = [
+var g = [
 	{
 		pointWidth: 595.5,
 		pointHeight: 842.25,
@@ -145,18 +158,18 @@ var v = [
 		cssHeight: 1344
 	}
 ];
-function y(e) {
+function _(e) {
 	let t = Number(e?.width), n = Number(e?.height);
 	if (!Number.isFinite(t) || !Number.isFinite(n) || t <= 0 || n <= 0) return;
-	let r = v.find((e) => Math.abs(t - e.pointWidth) <= 1.1 && Math.abs(n - e.pointHeight) <= 1.1);
+	let r = g.find((e) => Math.abs(t - e.pointWidth) <= 1.1 && Math.abs(n - e.pointHeight) <= 1.1);
 	return r ? {
 		width: r.cssWidth,
 		height: r.cssHeight
 	} : void 0;
 }
-function b(e, t) {
+function v(e, t) {
 	let n = Number(e);
 	return Number.isFinite(n) && n > 0 ? n : t;
 }
 //#endregion
-export { d as buildContractSigningTemplateRenderPages, m as getContractSigningTemplateDisplayError, u as isContractSigningTemplateFile, l as isContractSigningTemplateSource, p as validateContractSigningTemplateFile };
+export { u as buildContractSigningLayoutPages, l as buildContractSigningTemplateRenderPages, f as getContractSigningTemplateDisplayError, c as isContractSigningTemplateFile, s as isContractSigningTemplateSource, d as validateContractSigningTemplateFile };

package/dist/es/components/index.mjs

@@ -64,6 +64,7 @@ import "./pro-contract-template-designer/src/utils/advanced-controls.mjs";
 import "./pro-contract-template-designer/src/composables/use-template-designer.mjs";
 import "./pro-contract-template-designer/src/utils/image-url.mjs";
 import "./pro-contract-template-designer/src/utils/template-renderer.mjs";
+import "./pro-contract-template-designer/src/utils/contract-layout-check.mjs";
 import "./contract-signing-location/src/template-source.mjs";
 import "./contract-signing-location/src/location-rules.mjs";
 import "./contract-signing-location/src/page-layout.mjs";

package/dist/es/components/pro-contract-template-designer/index.mjs

@@ -7,6 +7,7 @@ import "./src/utils/advanced-controls.mjs";
 import "./src/composables/use-template-designer.mjs";
 import "./src/utils/image-url.mjs";
 import "./src/utils/template-renderer.mjs";
+import "./src/utils/contract-layout-check.mjs";
 import "./src/utils/content-image.mjs";
 import "./src/utils/signing-layout-presets.mjs";
 import "./src/composables/use-template-draft-cache.mjs";

package/dist/es/components/pro-contract-template-designer/src/ContractTemplatePreviewPage.vue.mjs

@@ -1,19 +1,20 @@
-import e from "./ContractPrintIframe.mjs";
-import { CONTRACT_PAGE_BASE_PADDING as t, buildPageDecorationClassNames as n, buildPageDecorationsHtml as r, getPageDecorationSafePadding as i, hasEnabledPageFooter as a, hasEnabledPageHeader as o, normalizePageDecorations as s } from "./utils/page-decorations.mjs";
-import { resolvePageSize as c } from "./composables/use-template-designer.mjs";
-import { computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, normalizeStyle as h, openBlock as g, shallowRef as _, toDisplayString as v } from "vue";
+import { resolveContractPagePadding as e } from "../../../contract-print-css/index.mjs";
+import t from "./ContractPrintIframe.mjs";
+import { buildPageDecorationClassNames as n, buildPageDecorationsHtml as r, normalizePageDecorations as i } from "./utils/page-decorations.mjs";
+import { resolvePageSize as a } from "./composables/use-template-designer.mjs";
+import { computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeStyle as f, openBlock as p, shallowRef as m, toDisplayString as h } from "vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplatePreviewPage.vue?vue&type=script&setup=true&lang.ts
-var y = { class: "gd-contract-template-designer__preview-page-shell" }, b = [
+var g = { class: "gd-contract-template-designer__preview-page-shell" }, _ = [
 	"data-page-id",
 	"data-page-format",
 	"data-page-label",
 	"data-page-width",
 	"data-page-height"
-], x = {
+], v = {
 	key: 0,
 	class: "gd-contract-template-designer__preview-font-error",
 	role: "alert"
-}, S = /* @__PURE__ */ m({
+}, y = /* @__PURE__ */ d({
 	name: "ContractTemplatePreviewPage",
 	__name: "ContractTemplatePreviewPage",
 	props: {
@@ -26,41 +27,35 @@ var y = { class: "gd-contract-template-designer__preview-page-shell" }, b = [
 		variables: {},
 		fontBaseUrl: {}
 	},
-	setup(m) {
-		let S = m, C = l(() => c(S.page.pageSize, S.fallbackPageSize)), w = l(() => {
-			let e = s(S.pageDecorations);
-			return {
-				top: o(e, S.pageNumber) ? i(e.header) : t.top,
-				bottom: a(e, S.pageNumber) ? i(e.footer) : t.bottom
-			};
-		}), T = l(() => ({
-			width: `${C.value.width}px`,
-			height: `${C.value.height}px`
-		})), E = l(() => n(S.pageDecorations, S.pageNumber)), D = l(() => r(S.pageDecorations, S.pageNumber, S.totalPages, S.variables)), O = _("");
-		function k(e, t) {
-			O.value = e === "error" ? t || "合同排版度量校验失败" : "";
+	setup(d) {
+		let y = d, b = o(() => a(y.page.pageSize, y.fallbackPageSize)), x = o(() => e(i(y.pageDecorations), y.pageNumber)), S = o(() => ({
+			width: `${b.value.width}px`,
+			height: `${b.value.height}px`
+		})), C = o(() => n(y.pageDecorations, y.pageNumber)), w = o(() => r(y.pageDecorations, y.pageNumber, y.totalPages, y.variables)), T = m("");
+		function E(e, t) {
+			T.value = e === "error" ? t || "合同排版度量校验失败" : "";
 		}
-		return (t, n) => (g(), d("article", y, [f("section", {
+		return (e, n) => (p(), c("article", g, [l("section", {
 			class: "gd-contract-template-designer__preview-page",
-			"data-page-id": m.page.id,
-			"data-page-format": C.value.format ?? "Custom",
-			"data-page-label": C.value.label ?? C.value.format ?? "自定义",
-			"data-page-width": C.value.width,
-			"data-page-height": C.value.height,
-			style: h(T.value)
-		}, [p(e, {
-			"page-id": m.page.id,
-			"page-format": C.value.format,
-			width: C.value.width,
-			height: C.value.height,
-			"padding-top": w.value.top,
-			"padding-bottom": w.value.bottom,
-			"class-names": E.value,
-			"decorations-html": D.value,
-			"content-html": m.contentHtml,
-			"font-base-url": m.fontBaseUrl,
-			title: `第 ${m.pageNumber} 页合同预览`,
-			onStatus: k
+			"data-page-id": d.page.id,
+			"data-page-format": b.value.format ?? "Custom",
+			"data-page-label": b.value.label ?? b.value.format ?? "自定义",
+			"data-page-width": b.value.width,
+			"data-page-height": b.value.height,
+			style: f(S.value)
+		}, [u(t, {
+			"page-id": d.page.id,
+			"page-format": b.value.format,
+			width: b.value.width,
+			height: b.value.height,
+			"padding-top": x.value.top,
+			"padding-bottom": x.value.bottom,
+			"class-names": C.value,
+			"decorations-html": w.value,
+			"content-html": d.contentHtml,
+			"font-base-url": d.fontBaseUrl,
+			title: `第 ${d.pageNumber} 页合同预览`,
+			onStatus: E
 		}, null, 8, [
 			"page-id",
 			"page-format",
@@ -73,8 +68,8 @@ var y = { class: "gd-contract-template-designer__preview-page-shell" }, b = [
 			"content-html",
 			"font-base-url",
 			"title"
-		]), O.value ? (g(), d("div", x, v(O.value), 1)) : u("", !0)], 12, b)]));
+		]), T.value ? (p(), c("div", v, h(T.value), 1)) : s("", !0)], 12, _)]));
 	}
 });
 //#endregion
-export { S as default };
+export { y as default };

package/dist/es/components/pro-contract-template-designer/src/ContractTemplateRendererPage.vue.mjs

@@ -1,20 +1,22 @@
-import e from "./ContractPrintIframe.mjs";
-import { CONTRACT_PAGE_BASE_PADDING as t, buildPageDecorationClassNames as n, buildPageDecorationsHtml as r, getPageDecorationSafePadding as i, hasEnabledPageFooter as a, hasEnabledPageHeader as o, normalizePageDecorations as s } from "./utils/page-decorations.mjs";
-import { computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeStyle as m, openBlock as h, shallowRef as g, toDisplayString as _ } from "vue";
+import { resolveContractPagePadding as e } from "../../../contract-print-css/index.mjs";
+import t from "./ContractPrintIframe.mjs";
+import { buildPageDecorationClassNames as n, buildPageDecorationsHtml as r, normalizePageDecorations as i } from "./utils/page-decorations.mjs";
+import { describeContractTemplateLayoutIssue as a } from "./utils/contract-layout-check.mjs";
+import { computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeStyle as f, openBlock as p, shallowRef as m, toDisplayString as h } from "vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateRendererPage.vue?vue&type=script&setup=true&lang.ts
-var v = ["data-render-page-id"], y = {
+var g = ["data-render-page-id"], _ = {
 	key: 0,
 	class: "gd-contract-template-renderer__page-meta"
-}, b = [
+}, v = [
 	"data-page-id",
 	"data-page-format",
 	"data-page-width",
 	"data-page-height"
-], x = {
+], y = {
 	key: 0,
 	class: "gd-contract-template-renderer__font-error",
 	role: "alert"
-}, S = /* @__PURE__ */ p({
+}, b = /* @__PURE__ */ d({
 	name: "ContractTemplateRendererPage",
 	__name: "ContractTemplateRendererPage",
 	props: {
@@ -32,57 +34,69 @@ var v = ["data-render-page-id"], y = {
 		"metrics",
 		"interaction"
 	],
-	setup(p, { emit: S }) {
-		let C = p, w = S, T = c(() => ({
-			width: `${C.page.width * C.zoom}px`,
-			height: `${C.page.height * C.zoom}px`
-		})), E = c(() => {
-			let e = s(C.page.pageDecorations);
-			return {
-				top: o(e, C.index + 1) ? i(e.header) : t.top,
-				bottom: a(e, C.index + 1) ? i(e.footer) : t.bottom
-			};
-		}), D = c(() => ({
-			width: `${C.page.width}px`,
-			height: `${C.page.height}px`,
-			transform: `scale(${C.zoom})`
-		})), O = c(() => n(C.page.pageDecorations, C.index + 1)), k = c(() => r(C.page.pageDecorations, C.index + 1, C.total, C.page.decorationVariables, C.page.decorationValues)), A = g("");
+	setup(d, { emit: b }) {
+		let x = d, S = b, C = o(() => ({
+			width: `${x.page.width * x.zoom}px`,
+			height: `${x.page.height * x.zoom}px`
+		})), w = o(() => e(i(x.page.pageDecorations), x.index + 1)), T = o(() => ({
+			width: `${x.page.width}px`,
+			height: `${x.page.height}px`,
+			transform: `scale(${x.zoom})`
+		})), E = o(() => n(x.page.pageDecorations, x.index + 1)), D = o(() => r(x.page.pageDecorations, x.index + 1, x.total, x.page.decorationVariables, x.page.decorationValues)), O = m(""), k = m(), A = o(() => O.value ? O.value : k.value ? a({
+			pageIndex: x.index,
+			pageNumber: x.index + 1,
+			pageId: x.page.id,
+			kind: "overflow",
+			overflowHeight: k.value.overflowHeight,
+			overflowWidth: k.value.overflowWidth
+		})[0] ?? "" : "");
 		function j(e, t) {
-			A.value = e === "error" ? t || "合同排版度量校验失败" : "", w("status", e, t);
+			e === "loading" && (k.value = void 0), O.value = e === "error" ? a({
+				pageIndex: x.index,
+				pageNumber: x.index + 1,
+				pageId: x.page.id,
+				kind: "measure-failed",
+				overflowHeight: 0,
+				overflowWidth: 0,
+				error: t
+			})[0] ?? "无法确认排版，请稍后重试" : "", S("status", e, t);
 		}
-		return (t, n) => (h(), u("article", {
+		function M(e) {
+			k.value = e, S("metrics", e);
+		}
+		return (e, n) => (p(), c("article", {
 			class: "gd-contract-template-renderer__page-shell",
-			"data-render-page-id": p.page.id
-		}, [p.showMeta ? (h(), u("header", y, [
-			d("strong", null, "第 " + _(p.index + 1) + " / " + _(p.total) + " 页", 1),
-			d("span", null, _(p.page.title), 1),
-			d("small", null, _(p.page.format) + " · " + _(p.page.width) + " × " + _(p.page.height) + " px", 1)
-		])) : l("", !0), d("div", {
+			"data-render-page-id": d.page.id
+		}, [d.showMeta ? (p(), c("header", _, [
+			l("strong", null, "第 " + h(d.index + 1) + " / " + h(d.total) + " 页", 1),
+			l("span", null, h(d.page.title), 1),
+			l("small", null, h(d.page.format) + " · " + h(d.page.width) + " × " + h(d.page.height) + " px", 1)
+		])) : s("", !0), l("div", {
 			class: "gd-contract-template-renderer__page-frame",
-			style: m(T.value)
-		}, [d("div", {
+			style: f(C.value)
+		}, [l("div", {
 			class: "gd-contract-template-renderer__print-page",
-			"data-page-id": p.page.id,
-			"data-page-format": p.page.format,
-			"data-page-width": p.page.width,
-			"data-page-height": p.page.height,
-			style: m(D.value)
-		}, [f(e, {
-			"page-id": p.page.id,
-			"page-format": p.page.format,
-			width: p.page.width,
-			height: p.page.height,
-			"padding-top": E.value.top,
-			"padding-bottom": E.value.bottom,
-			"class-names": O.value,
-			"decorations-html": k.value,
-			"content-html": p.page.contentHtml,
-			"font-base-url": p.fontBaseUrl,
-			"active-key": p.activeKey,
-			"scroll-request": p.scrollRequest,
-			title: `第 ${p.index + 1} 页合同填写内容`,
-			onInteraction: n[0] ||= (e) => w("interaction", e),
-			onMetrics: n[1] ||= (e) => w("metrics", e),
+			"data-page-id": d.page.id,
+			"data-page-format": d.page.format,
+			"data-page-width": d.page.width,
+			"data-page-height": d.page.height,
+			style: f(T.value)
+		}, [u(t, {
+			"page-id": d.page.id,
+			"page-format": d.page.format,
+			width: d.page.width,
+			height: d.page.height,
+			"padding-top": w.value.top,
+			"padding-bottom": w.value.bottom,
+			"class-names": E.value,
+			"decorations-html": D.value,
+			"content-html": d.page.contentHtml,
+			"font-base-url": d.fontBaseUrl,
+			"active-key": d.activeKey,
+			"scroll-request": d.scrollRequest,
+			title: `第 ${d.index + 1} 页合同填写内容`,
+			onInteraction: n[0] ||= (e) => S("interaction", e),
+			onMetrics: M,
 			onStatus: j
 		}, null, 8, [
 			"page-id",
@@ -98,8 +112,8 @@ var v = ["data-render-page-id"], y = {
 			"active-key",
 			"scroll-request",
 			"title"
-		]), A.value ? (h(), u("div", x, _(A.value), 1)) : l("", !0)], 12, b)], 4)], 8, v));
+		]), A.value ? (p(), c("div", y, h(A.value), 1)) : s("", !0)], 12, v)], 4)], 8, g));
 	}
 });
 //#endregion
-export { S as default };
+export { b as default };