@guodun/antdv 1.5.2 → 1.6.0

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

@@ -0,0 +1,5 @@
+import e from "./ContractTemplatePageDecorationsPageMap.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePageDecorationsPageMap.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,108 @@
+import { hasEnabledPageFooter as e, hasEnabledPageHeader as t, hasEnabledPageWatermark as n, normalizePageDecorations as r, parsePageDecorationText as i, resolvePageDecorationTokenText as a } from "./utils/page-decorations.mjs";
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, nextTick as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderList as v, toDisplayString as y } from "vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePageDecorationsPageMap.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "gd-contract-template-designer__decoration-page-map-paper" }, x = [
+	"aria-selected",
+	"tabindex",
+	"onClick"
+], S = { class: "gd-contract-template-designer__decoration-page-map-zone-label" }, C = {
+	key: 0,
+	class: "gd-contract-template-designer__decoration-page-map-error-dot",
+	"aria-hidden": "true"
+}, w = {
+	key: 1,
+	class: "gd-contract-template-designer__decoration-page-map-zone-summary"
+}, T = /* @__PURE__ */ f({
+	name: "ContractTemplatePageDecorationsPageMap",
+	__name: "ContractTemplatePageDecorationsPageMap",
+	props: {
+		decorations: { default: void 0 },
+		variables: { default: () => [] },
+		activeTab: { default: "header" },
+		errors: { default: () => ({}) }
+	},
+	emits: ["update:activeTab"],
+	setup(f, { emit: T }) {
+		let E = f, D = T, O = s(() => r(E.decorations)), k = _([]), A = [
+			"header",
+			"watermark",
+			"footer"
+		];
+		function j(e) {
+			let { tokens: t } = i(e, E.variables);
+			return t.map((e) => a(e, E.variables, void 0, 1, 1, O.value.pageNumbering.countFirstPage)).join("").trim() || "已启用";
+		}
+		let M = s(() => {
+			let r = t(O.value, 1), i = e(O.value, 1), a = n(O.value, 1);
+			return [
+				{
+					key: "header",
+					label: "页眉",
+					enabled: O.value.header.enabled,
+					visible: r,
+					summary: O.value.header.enabled ? r ? j(Object.values(O.value.header.slots).filter(Boolean).join(" · ")) : "第 1 页隐藏" : "未启用",
+					error: !!E.errors.header
+				},
+				{
+					key: "watermark",
+					label: "水印",
+					enabled: O.value.watermark.enabled,
+					visible: a,
+					summary: O.value.watermark.enabled ? a ? j(O.value.watermark.text) : "第 1 页隐藏" : "未启用",
+					error: !!E.errors.watermark
+				},
+				{
+					key: "footer",
+					label: "页脚",
+					enabled: O.value.footer.enabled,
+					visible: i,
+					summary: O.value.footer.enabled ? i ? j(Object.values(O.value.footer.slots).filter(Boolean).join(" · ")) : "第 1 页隐藏" : "未启用",
+					error: !!E.errors.footer
+				}
+			];
+		}), N = s(() => ({
+			color: O.value.watermark.color,
+			opacity: O.value.watermark.enabled ? O.value.watermark.opacity : void 0,
+			transform: `rotate(${O.value.watermark.rotation}deg)`,
+			fontSize: `${Math.max(10, Math.min(18, O.value.watermark.fontSize / 2))}px`
+		}));
+		function P(e) {
+			E.activeTab !== e && D("update:activeTab", e);
+		}
+		async function F(e) {
+			let t = e.key === "ArrowLeft" || e.key === "ArrowUp" ? -1 : +(e.key === "ArrowRight" || e.key === "ArrowDown");
+			if (!t) return;
+			e.preventDefault();
+			let n = (Math.max(0, A.indexOf(E.activeTab)) + t + A.length) % A.length, r = A[n];
+			D("update:activeTab", r), await p(), k.value[n]?.focus();
+		}
+		return (e, t) => (g(), l("div", {
+			class: "gd-contract-template-designer__decoration-page-map",
+			role: "tablist",
+			"aria-label": "页面装饰纸面结构",
+			onKeydown: F
+		}, [u("div", b, [(g(!0), l(o, null, v(M.value, (e, t) => (g(), l("button", {
+			key: e.key,
+			ref_for: !0,
+			ref_key: "zoneRefs",
+			ref: k,
+			type: "button",
+			role: "tab",
+			class: m(["gd-contract-template-designer__decoration-page-map-zone", [`is-${e.key}`, {
+				"is-active": E.activeTab === e.key,
+				"is-enabled": e.enabled,
+				"is-visible": e.visible,
+				"has-error": e.error
+			}]]),
+			"aria-selected": E.activeTab === e.key,
+			tabindex: E.activeTab === e.key ? 0 : -1,
+			onClick: (t) => P(e.key)
+		}, [u("span", S, [d(y(e.label) + " ", 1), e.error ? (g(), l("i", C)) : c("", !0)]), e.key === "watermark" && e.visible ? (g(), l("span", {
+			key: 0,
+			class: "gd-contract-template-designer__decoration-page-map-watermark",
+			style: h(N.value)
+		}, y(e.summary), 5)) : (g(), l("span", w, y(e.summary), 1))], 10, x))), 128))])], 32));
+	}
+});
+//#endregion
+export { T as default };

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

@@ -0,0 +1,5 @@
+import e from "./ContractTemplatePageDecorationsPresetPicker.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePageDecorationsPresetPicker.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,73 @@
+import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderList as s, toDisplayString as c } from "vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePageDecorationsPresetPicker.vue?vue&type=script&setup=true&lang.ts
+var l = {
+	class: "gd-contract-template-designer__decoration-preset-grid",
+	role: "radiogroup",
+	"aria-label": "页面装饰快速方案"
+}, u = [
+	"aria-checked",
+	"disabled",
+	"onClick"
+], d = {
+	class: "gd-contract-template-designer__decoration-preset-paper",
+	"aria-hidden": "true"
+}, f = {
+	key: 0,
+	class: "gd-contract-template-designer__decoration-preset-watermark"
+}, p = {
+	key: 1,
+	class: "gd-contract-template-designer__decoration-preset-footer-line"
+}, m = { class: "gd-contract-template-designer__decoration-preset-copy" }, h = /* @__PURE__ */ i({
+	name: "ContractTemplatePageDecorationsPresetPicker",
+	__name: "ContractTemplatePageDecorationsPresetPicker",
+	props: {
+		value: { default: "custom" },
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["select"],
+	setup(i, { emit: h }) {
+		let g = i, _ = h, v = [
+			{
+				key: "none",
+				label: "无装饰",
+				description: "干净纸面"
+			},
+			{
+				key: "page-number",
+				label: "标准页码",
+				description: "页脚页码",
+				showFooterLine: !0
+			},
+			{
+				key: "internal-review",
+				label: "内部审阅",
+				description: "斜向水印",
+				watermark: "审阅"
+			},
+			{
+				key: "draft",
+				label: "草稿",
+				description: "草稿水印",
+				watermark: "草稿"
+			}
+		];
+		return (i, h) => (o(), n("div", l, [(o(), n(e, null, s(v, (e) => r("button", {
+			key: e.key,
+			type: "button",
+			role: "radio",
+			class: a(["gd-contract-template-designer__decoration-preset-card", { "is-selected": g.value === e.key }]),
+			"aria-checked": g.value === e.key,
+			disabled: g.readonly || g.disabled,
+			onClick: (t) => _("select", e.key)
+		}, [r("span", d, [e.watermark ? (o(), n("span", f, c(e.watermark), 1)) : t("", !0), e.showFooterLine ? (o(), n("span", p)) : t("", !0)]), r("span", m, [r("strong", null, c(e.label), 1), r("small", null, c(e.description), 1)])], 10, u)), 64))]));
+	}
+});
+//#endregion
+export { h as default };

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

@@ -1,13 +1,13 @@
 import { normalizePageDecorations as e, resolvePageDecorationPreset as t } from "./utils/page-decorations.mjs";
 import n from "./ContractTemplatePageDecorationsInspector.mjs";
-import { computed as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, nextTick as l, normalizeClass as u, openBlock as d, ref as f, toDisplayString as p, unref as m, watch as h, withCtx as g } from "vue";
-import { Button as _, Tooltip as v } from "ant-design-vue";
-import { BgColorsOutlined as y, CloseOutlined as b, ReloadOutlined as x } from "@ant-design/icons-vue";
+import { computed as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, nextTick as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, toDisplayString as h, unref as g, watch as _, withCtx as v } from "vue";
+import { Button as y, Tooltip as b } from "ant-design-vue";
+import { BgColorsOutlined as x, CloseOutlined as S, ReloadOutlined as C } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplatePageDecorationsStudio.vue?vue&type=script&setup=true&lang.ts
-var S = ["id", "aria-hidden"], C = { class: "gd-contract-template-designer__page-decorations-studio-head" }, w = { class: "gd-contract-template-designer__page-decorations-studio-title" }, T = {
+var w = ["id", "aria-hidden"], T = ["aria-grabbed"], E = { class: "gd-contract-template-designer__page-decorations-studio-title" }, D = {
 	class: "gd-contract-template-designer__page-decorations-studio-icon",
 	"aria-hidden": "true"
-}, E = { class: "gd-contract-template-designer__page-decorations-studio-actions" }, D = { class: "gd-contract-template-designer__page-decorations-studio-body" }, O = { class: "gd-contract-template-designer__page-decorations-studio-form-section" }, k = { class: "gd-contract-template-designer__page-decorations-studio-footer" }, A = /* @__PURE__ */ c({
+}, O = { class: "gd-contract-template-designer__page-decorations-studio-actions" }, ee = { class: "gd-contract-template-designer__page-decorations-studio-body" }, k = { class: "gd-contract-template-designer__page-decorations-studio-form-section" }, A = { class: "gd-contract-template-designer__page-decorations-studio-footer" }, j = /* @__PURE__ */ c({
 	name: "ContractTemplatePageDecorationsStudio",
 	__name: "ContractTemplatePageDecorationsStudio",
 	props: {
@@ -25,67 +25,123 @@ var S = ["id", "aria-hidden"], C = { class: "gd-contract-template-designer__page
 		"change",
 		"update:activeTab"
 	],
-	setup(c, { expose: A, emit: j }) {
-		let M = c, N = j, P = f(), F = f(), I = f("header"), L = r(() => e(M.decorations)), R = r(() => t(L.value)), z = {
+	setup(c, { expose: j, emit: M }) {
+		let N = c, P = M, F = m(), I = m(), L = m(!1), R, z = m(), B = m("header"), V = r(() => e(N.decorations)), H = r(() => t(V.value)), U = {
 			none: "无装饰",
 			"page-number": "标准页码",
 			"internal-review": "内部审阅",
 			draft: "草稿",
 			custom: "自定义"
-		}, B = r(() => z[R.value]), V = r(() => [
-			L.value.header.enabled,
-			L.value.footer.enabled,
-			L.value.watermark.enabled
-		].filter(Boolean).length);
-		h(() => M.activeTab, (e) => {
-			e && (I.value = e);
-		}, { immediate: !0 }), h(I, (e) => N("update:activeTab", e));
-		function H() {
-			l(() => P.value?.querySelector("[data-page-decoration-studio-focus]")?.focus());
+		}, W = r(() => U[H.value]), G = r(() => [
+			V.value.header.enabled,
+			V.value.footer.enabled,
+			V.value.watermark.enabled
+		].filter(Boolean).length), K = r(() => I.value ? {
+			left: `${I.value.left}px`,
+			top: `${I.value.top}px`,
+			right: "auto",
+			bottom: "auto"
+		} : void 0);
+		_(() => N.activeTab, (e) => {
+			e && (B.value = e);
+		}, { immediate: !0 }), _(B, (e) => P("update:activeTab", e));
+		function q() {
+			l(() => F.value?.querySelector("[data-page-decoration-studio-focus]")?.focus());
 		}
-		function U() {
-			F.value?.resetToDefault();
+		function J() {
+			z.value?.resetToDefault();
 		}
-		async function W(e) {
-			I.value = e.startsWith("header.") ? "header" : e.startsWith("footer.") ? "footer" : "watermark", await l(), await l();
-			let t = P.value?.querySelector(`[data-page-decoration-path="${e}"] input`);
+		function Y() {
+			return F.value?.closest(".gd-contract-template-designer")?.getBoundingClientRect();
+		}
+		function X(e, t) {
+			let n = Y(), r = F.value?.getBoundingClientRect();
+			if (!n || !r) return {
+				left: e,
+				top: t
+			};
+			let i = Math.max(0, n.width - r.width), a = Math.max(0, n.height - r.height);
+			return {
+				left: Math.min(Math.max(0, e), i),
+				top: Math.min(Math.max(0, t), a)
+			};
+		}
+		function Z(e) {
+			if (e.button !== 0 || !F.value || e.target.closest("button, input, textarea, select, [role=\"button\"]")) return;
+			let t = F.value.getBoundingClientRect();
+			R = {
+				pointerId: e.pointerId,
+				offsetX: e.clientX - t.left,
+				offsetY: e.clientY - t.top
+			}, L.value = !0;
+			try {
+				F.value.setPointerCapture(e.pointerId);
+			} catch {}
+			e.preventDefault();
+		}
+		function Q(e) {
+			if (!R || R.pointerId !== e.pointerId || !F.value) return;
+			let t = Y();
+			t && (I.value = X(e.clientX - t.left - R.offsetX, e.clientY - t.top - R.offsetY));
+		}
+		function $(e) {
+			!R || R.pointerId !== e.pointerId || (F.value?.hasPointerCapture(e.pointerId) && F.value.releasePointerCapture(e.pointerId), R = void 0, L.value = !1);
+		}
+		f(() => {
+			R = void 0;
+		});
+		async function te(e) {
+			B.value = e.startsWith("header.") ? "header" : e.startsWith("footer.") ? "footer" : "watermark", await l(), await l();
+			let t = F.value?.querySelector(`[data-page-decoration-path="${e}"] input`);
 			t?.scrollIntoView({ block: "nearest" }), t?.focus();
 		}
-		return h(() => M.open, (e) => {
-			e && H();
-		}), A({ focusField: W }), (e, t) => (d(), i("aside", {
-			id: M.id,
+		return _(() => N.open, (e) => {
+			if (e) {
+				I.value = void 0, q();
+				return;
+			}
+			R = void 0, L.value = !1;
+		}), j({ focusField: te }), (e, t) => (p(), i("aside", {
+			id: N.id,
 			ref_key: "studioRoot",
-			ref: P,
-			class: u(["gd-contract-template-designer__page-decorations-studio", { "is-open": M.open }]),
+			ref: F,
+			class: u(["gd-contract-template-designer__page-decorations-studio", { "is-open": N.open }]),
+			style: d(K.value),
 			"aria-label": "页面装饰配置",
-			"aria-hidden": M.open ? void 0 : "true"
+			"aria-hidden": N.open ? void 0 : "true",
+			onPointermove: Q,
+			onPointerup: $,
+			onPointercancel: $
 		}, [
-			a("header", C, [a("div", w, [a("span", T, [s(m(y))]), a("div", null, [t[4] ||= a("strong", null, "页面装饰", -1), a("small", null, p(B.value) + " · 启用 " + p(V.value) + "/3", 1)])]), a("div", E, [s(m(v), { title: "关闭页面装饰" }, {
-				default: g(() => [s(m(_), {
+			a("header", {
+				class: u(["gd-contract-template-designer__page-decorations-studio-head is-draggable", { "is-dragging": L.value }]),
+				"aria-grabbed": L.value,
+				onPointerdown: Z
+			}, [a("div", E, [a("span", D, [s(g(x))]), a("div", null, [t[4] ||= a("strong", null, "页面装饰", -1), a("small", null, h(W.value) + " · 启用 " + h(G.value) + "/3", 1)])]), a("div", O, [s(g(b), { title: "关闭页面装饰" }, {
+				default: v(() => [s(g(y), {
 					size: "small",
 					class: "gd-contract-template-designer__icon-button",
 					"aria-label": "关闭页面装饰",
 					"data-page-decoration-studio-focus": "",
-					onClick: t[0] ||= (e) => N("close")
+					onClick: t[0] ||= (e) => P("close")
 				}, {
-					default: g(() => [s(m(b), { "aria-hidden": "true" })]),
+					default: v(() => [s(g(S), { "aria-hidden": "true" })]),
 					_: 1
 				})]),
 				_: 1
-			})])]),
-			a("div", D, [a("section", O, [s(n, {
+			})])], 42, T),
+			a("div", ee, [t[5] ||= a("p", { class: "gd-contract-template-designer__page-decorations-studio-description" }, " 页面装饰作用于每一页的页眉、页脚和水印，不会改变正文内容。 ", -1), a("section", k, [s(n, {
 				ref_key: "inspectorRef",
-				ref: F,
-				decorations: M.decorations,
-				variables: M.variables,
-				"font-family-options": M.fontFamilyOptions,
-				readonly: M.readonly,
-				disabled: M.disabled,
+				ref: z,
+				decorations: N.decorations,
+				variables: N.variables,
+				"font-family-options": N.fontFamilyOptions,
+				readonly: N.readonly,
+				disabled: N.disabled,
 				embedded: "",
-				"active-tab": I.value,
-				"onUpdate:activeTab": t[1] ||= (e) => I.value = e,
-				onChange: t[2] ||= (e) => N("change", e)
+				"active-tab": B.value,
+				"onUpdate:activeTab": t[1] ||= (e) => B.value = e,
+				onChange: t[2] ||= (e) => P("change", e)
 			}, null, 8, [
 				"decorations",
 				"variables",
@@ -94,24 +150,24 @@ var S = ["id", "aria-hidden"], C = { class: "gd-contract-template-designer__page
 				"disabled",
 				"active-tab"
 			])])]),
-			a("footer", k, [t[7] ||= a("span", null, "修改实时生效", -1), a("div", null, [s(m(_), {
+			a("footer", A, [t[8] ||= a("span", null, "修改实时生效", -1), a("div", null, [s(g(y), {
 				size: "small",
-				disabled: M.readonly || M.disabled,
+				disabled: N.readonly || N.disabled,
 				"data-page-decoration-studio-reset": "",
-				onClick: U
+				onClick: J
 			}, {
-				default: g(() => [s(m(x), { "aria-hidden": "true" }), t[5] ||= o(" 恢复默认 ", -1)]),
+				default: v(() => [s(g(C), { "aria-hidden": "true" }), t[6] ||= o(" 恢复默认 ", -1)]),
 				_: 1
-			}, 8, ["disabled"]), s(m(_), {
+			}, 8, ["disabled"]), s(g(y), {
 				size: "small",
 				type: "primary",
-				onClick: t[3] ||= (e) => N("close")
+				onClick: t[3] ||= (e) => P("close")
 			}, {
-				default: g(() => [...t[6] ||= [o("完成", -1)]]),
+				default: v(() => [...t[7] ||= [o("完成", -1)]]),
 				_: 1
 			})])])
-		], 10, S));
+		], 46, w));
 	}
 });
 //#endregion
-export { A as default };
+export { j as default };

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

@@ -0,0 +1,5 @@
+import e from "./ContractTemplatePanelTabs.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePanelTabs.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,52 @@
+import { Fragment as e, createElementBlock as t, defineComponent as n, nextTick as r, openBlock as i, renderList as a, toDisplayString as o } from "vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePanelTabs.vue?vue&type=script&setup=true&lang.ts
+var s = ["aria-label"], c = [
+	"id",
+	"aria-selected",
+	"aria-controls",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], l = /* @__PURE__ */ n({
+	name: "ContractTemplatePanelTabs",
+	__name: "ContractTemplatePanelTabs",
+	props: {
+		id: {},
+		label: {},
+		modelValue: {},
+		items: {}
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: l }) {
+		let u = n, d = l;
+		async function f(e, t) {
+			let n = t;
+			if (e.key === "ArrowRight") n = (t + 1) % u.items.length;
+			else if (e.key === "ArrowLeft") n = (t - 1 + u.items.length) % u.items.length;
+			else if (e.key === "Home") n = 0;
+			else if (e.key === "End") n = u.items.length - 1;
+			else return;
+			e.preventDefault();
+			let i = e.currentTarget.parentElement;
+			d("update:modelValue", u.items[n].value), await r(), i?.querySelectorAll("[role=\"tab\"]")[n]?.focus();
+		}
+		return (n, r) => (i(), t("div", {
+			class: "gd-contract-authoring-panel__tabs",
+			role: "tablist",
+			"aria-label": u.label
+		}, [(i(!0), t(e, null, a(u.items, (e, n) => (i(), t("button", {
+			id: `${u.id}-tab-${e.value}`,
+			key: e.value,
+			type: "button",
+			role: "tab",
+			class: "gd-contract-authoring-panel__tab",
+			"aria-selected": u.modelValue === e.value,
+			"aria-controls": `${u.id}-panel-${e.value}`,
+			tabindex: u.modelValue === e.value ? 0 : -1,
+			onClick: (t) => d("update:modelValue", e.value),
+			onKeydown: (e) => f(e, n)
+		}, o(e.label), 41, c))), 128))], 8, s));
+	}
+});
+//#endregion
+export { l as default };

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

@@ -50,14 +50,13 @@ var _ = {
 				s(p(g), { "aria-hidden": "true" }),
 				o("span", null, f(e.file.name), 1),
 				o("small", null, f(e.pages.length) + " 页", 1)
-			], 10, y))), 128))]), c.previewActiveGroup ? (u(), a("section", b, [o("h3", x, f(c.previewActiveGroup.file.name), 1), (u(!0), a(n, null, d(c.previewActiveGroup.pages, (e) => (u(), r(t, {
-				key: `${c.previewActiveGroup.file.id}:${e.page.id}`,
-				page: e.page,
-				"fallback-page-size": c.previewActiveGroup.file.template.pageSize,
-				"content-html": e.contentHtml,
-				"signing-placements": e.signingPlacements,
+			], 10, y))), 128))]), c.previewActiveGroup ? (u(), a("section", b, [o("h3", x, f(c.previewActiveGroup.file.name), 1), (u(!0), a(n, null, d(c.previewActiveGroup.pages, (n) => (u(), r(t, {
+				key: `${c.previewActiveGroup.file.id}:${n.page.id}`,
+				page: n.page,
+				"fallback-page-size": c.previewActiveGroup.file.template.pageSize || p(e),
+				"content-html": n.contentHtml,
 				"page-decorations": c.previewActiveGroup.file.template.pageDecorations,
-				"page-number": c.previewActiveGroup.pages.indexOf(e) + 1,
+				"page-number": c.previewActiveGroup.pages.findIndex((e) => e.page.id === n.page.id) + 1,
 				"total-pages": c.previewActiveGroup.pages.length,
 				variables: c.previewActiveGroup.file.template.variables,
 				"font-base-url": c.fontBaseUrl
@@ -65,28 +64,25 @@ var _ = {
 				"page",
 				"fallback-page-size",
 				"content-html",
-				"signing-placements",
 				"page-decorations",
 				"page-number",
 				"total-pages",
 				"variables",
 				"font-base-url"
-			]))), 128))])) : i("", !0)])) : (u(!0), a(n, { key: 1 }, d(c.previewPages, (n, i) => (u(), r(t, {
+			]))), 128))])) : i("", !0)])) : (u(!0), a(n, { key: 1 }, d(c.previewPages, (n) => (u(), r(t, {
 				key: n.page.id,
 				page: n.page,
-				"fallback-page-size": c.previewSnapshot?.pageSize ?? p(e),
+				"fallback-page-size": c.previewSnapshot?.pageSize || p(e),
 				"content-html": n.contentHtml,
-				"signing-placements": n.signingPlacements,
 				"page-decorations": c.previewSnapshot?.pageDecorations,
-				"page-number": i + 1,
+				"page-number": c.previewPages.findIndex((e) => e.page.id === n.page.id) + 1,
 				"total-pages": c.previewPages.length,
-				variables: c.previewSnapshot?.variables ?? [],
+				variables: c.previewSnapshot?.variables || [],
 				"font-base-url": c.fontBaseUrl
 			}, null, 8, [
 				"page",
 				"fallback-page-size",
 				"content-html",
-				"signing-placements",
 				"page-decorations",
 				"page-number",
 				"total-pages",