@guodun/antdv 1.4.7 → 1.5.1

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

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

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

@@ -1,16 +1,20 @@
-import { CONTRACT_PAGE_BASE_PADDING as e, getPageDecorationSafePadding as t, hasEnabledPageFooter as n, hasEnabledPageHeader as r, normalizePageDecorations as i } from "./utils/page-decorations.mjs";
-import a from "./ContractTemplatePageDecorations.mjs";
-import { computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, toDisplayString as h, unref as g } from "vue";
+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";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateRendererPage.vue?vue&type=script&setup=true&lang.ts
-var _ = ["data-render-page-id"], v = {
+var v = ["data-render-page-id"], y = {
 	key: 0,
 	class: "gd-contract-template-renderer__page-meta"
-}, y = [
+}, b = [
 	"data-page-id",
 	"data-page-format",
 	"data-page-width",
 	"data-page-height"
-], b = ["innerHTML"], x = /* @__PURE__ */ d({
+], x = {
+	key: 0,
+	class: "gd-contract-template-renderer__font-error",
+	role: "alert"
+}, S = /* @__PURE__ */ p({
 	name: "ContractTemplateRendererPage",
 	__name: "ContractTemplateRendererPage",
 	props: {
@@ -18,59 +22,84 @@ var _ = ["data-render-page-id"], v = {
 		index: {},
 		total: {},
 		zoom: {},
-		showMeta: { type: Boolean }
+		showMeta: { type: Boolean },
+		fontBaseUrl: {},
+		activeKey: {},
+		scrollRequest: {}
 	},
-	setup(d) {
-		let x = d, S = o(() => ({
-			width: `${x.page.width * x.zoom}px`,
-			height: `${x.page.height * x.zoom}px`
-		})), C = o(() => {
-			let a = i(x.page.pageDecorations);
+	emits: [
+		"status",
+		"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 {
-				width: `${x.page.width}px`,
-				minHeight: `${x.page.height}px`,
-				paddingTop: `${r(a, x.index + 1) ? t(a.header) : e.top}px`,
-				paddingBottom: `${n(a, x.index + 1) ? t(a.footer) : e.bottom}px`,
-				transform: `scale(${x.zoom})`
+				top: o(e, C.index + 1) ? i(e.header) : t.top,
+				bottom: a(e, C.index + 1) ? i(e.footer) : t.bottom
 			};
-		});
-		return (e, t) => (m(), c("article", {
+		}), 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("");
+		function j(e, t) {
+			A.value = e === "error" ? t || "合同排版度量校验失败" : "", w("status", e, t);
+		}
+		return (t, n) => (h(), u("article", {
 			class: "gd-contract-template-renderer__page-shell",
-			"data-render-page-id": d.page.id
-		}, [d.showMeta ? (m(), c("header", v, [
-			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", {
+			"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", {
 			class: "gd-contract-template-renderer__page-frame",
-			style: p(S.value)
-		}, [l("section", {
-			class: f(["gd-contract-template-page", {
-				"has-contract-header": g(r)(d.page.pageDecorations, d.index + 1),
-				"has-contract-footer": g(n)(d.page.pageDecorations, d.index + 1)
-			}]),
-			"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: p(C.value)
-		}, [u(a, {
-			decorations: d.page.pageDecorations,
-			"page-number": d.index + 1,
-			"total-pages": d.total,
-			variables: d.page.decorationVariables,
-			values: d.page.decorationValues
+			style: m(T.value)
+		}, [d("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),
+			onStatus: j
 		}, null, 8, [
-			"decorations",
-			"page-number",
-			"total-pages",
-			"variables",
-			"values"
-		]), l("div", {
-			class: "gd-contract-template-page__content",
-			innerHTML: d.page.contentHtml
-		}, null, 8, b)], 14, y)], 4)], 8, _));
+			"page-id",
+			"page-format",
+			"width",
+			"height",
+			"padding-top",
+			"padding-bottom",
+			"class-names",
+			"decorations-html",
+			"content-html",
+			"font-base-url",
+			"active-key",
+			"scroll-request",
+			"title"
+		]), A.value ? (h(), u("div", x, _(A.value), 1)) : l("", !0)], 12, b)], 4)], 8, v));
 	}
 });
 //#endregion
-export { x as default };
+export { S as default };