@guodun/antdv 1.4.3 → 1.4.5

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

@@ -6,7 +6,7 @@ import ce from "./ContractSigningLocationCanvas.mjs";
 import le from "./ContractSigningLocationInspector.mjs";
 import ue from "./ContractSigningLocationNavigator.mjs";
 import { ContractSigningPreviewRequests as de } from "./preview-requests.mjs";
-import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as fe, createVNode as g, defineComponent as pe, nextTick as _, normalizeClass as v, normalizeStyle as me, onBeforeUnmount as he, openBlock as y, ref as b, shallowRef as x, toDisplayString as ge, unref as S, watch as C, withCtx as w } from "vue";
+import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as fe, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as pe, nextTick as _, normalizeClass as v, normalizeStyle as me, onBeforeUnmount as he, openBlock as y, ref as b, shallowRef as x, toDisplayString as ge, unref as S, watch as C, withCtx as w } from "vue";
 import { Button as T, Tooltip as _e } from "ant-design-vue";
 import { LeftOutlined as ve, ReloadOutlined as ye, RightOutlined as be } from "@ant-design/icons-vue";
 //#region src/components/contract-signing-location/src/ContractSigningLocation.vue?vue&type=script&setup=true&lang.ts
@@ -74,13 +74,13 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 		let E = e, D = Ae, O = d(() => i(E.sealMinSize, E.sealMaxSize)), k = u(E.modelValue ?? c(E.contractId), {
 			sealSizeLimit: O.value,
 			sealTypeOptions: E.sealTypeOptions
-		}), A = b(k), je = x(s(k)), j = x(k.files[0]?.fileId ?? ""), M = x(k.files[0]?.pages[0]?.pageIndex ?? 0), N = x(""), P = x(!1), F = x(""), I = b([]), L = b({}), R = x(We(E.zoom)), z = b(null), B = b(!1), V = b(!1), H = 0, U = !1, Me, W = [], G = 0, K = new de(), q = d(() => E.mode === "preview"), J = d(() => q.value || E.readonly || E.disabled), Ne = d(() => E.showInspector ?? !q.value), Pe = d(() => !q.value && E.showSubmitButton), Fe = d(() => A.value.files.length <= 1), Ie = d(() => St(E.height)), Y = d(() => A.value.files.find((e) => e.fileId === j.value) ?? A.value.files[0]), Le = d(() => Y.value?.pages.find((e) => e.pageIndex === M.value) ?? Y.value?.pages[0]), Re = d(() => {
-			let e = Y.value;
-			return e ? A.value.placements.filter((t) => t.fileId === e.fileId) : [];
-		}), X = d(() => A.value.placements.find((e) => e.id === N.value)), ze = d(() => {
+		}), A = x(k), je = x(s(k)), j = x(k.files[0]?.fileId ?? ""), M = x(k.files[0]?.pages[0]?.pageIndex ?? 0), N = x(""), P = x(!1), F = x(""), I = b([]), L = b({}), R = x(Ue(E.zoom)), z = b(null), B = b(!1), V = b(!1), H = 0, U = !1, W, G = [], K = 0, q = new de(), J = d(() => E.mode === "preview"), Y = d(() => J.value || E.readonly || E.disabled), Me = d(() => E.showInspector ?? !J.value), Ne = d(() => !J.value && E.showSubmitButton), Pe = d(() => A.value.files.length <= 1), Fe = d(() => St(E.height)), X = d(() => A.value.files.find((e) => e.fileId === j.value) ?? A.value.files[0]), Ie = d(() => X.value?.pages.find((e) => e.pageIndex === M.value) ?? X.value?.pages[0]), Le = d(() => {
 			let e = X.value;
-			return e ? l(A.value, e.fileId, e.pageIndex) ?? Le.value : Le.value;
-		}), Be = d(() => I.value.filter((e) => e.endsWith(":thumbnail")).map((e) => e.slice(0, -10))), Ve = d(() => Object.keys(L.value).filter((e) => e.endsWith(":thumbnail")).map((e) => e.slice(0, -10))), He = d(() => I.value.filter((e) => e.endsWith(":preview")).map((e) => e.slice(0, -8))), Ue = d(() => {
+			return e ? A.value.placements.filter((t) => t.fileId === e.fileId) : [];
+		}), Z = d(() => A.value.placements.find((e) => e.id === N.value)), Re = d(() => {
+			let e = Z.value;
+			return e ? l(A.value, e.fileId, e.pageIndex) ?? Ie.value : Ie.value;
+		}), ze = d(() => I.value.filter((e) => e.endsWith(":thumbnail")).map((e) => e.slice(0, -10))), Be = d(() => Object.keys(L.value).filter((e) => e.endsWith(":thumbnail")).map((e) => e.slice(0, -10))), Ve = d(() => I.value.filter((e) => e.endsWith(":preview")).map((e) => e.slice(0, -8))), He = d(() => {
 			let e = {};
 			return Object.entries(L.value).forEach(([t, n]) => {
 				t.endsWith(":preview") && (e[t.slice(0, -8)] = n);
@@ -97,29 +97,29 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 			bt(u(A.value, {
 				sealSizeLimit: O.value,
 				sealTypeOptions: E.sealTypeOptions
-			})) !== bt(A.value) && Z(A.value);
+			})) !== bt(A.value) && Q(A.value);
 		}), C(() => E.zoom, (e) => {
-			R.value = We(e);
+			R.value = Ue(e);
 		}), C(() => [
 			E.contractId,
 			E.dataProvider,
 			E.autoLoad
 		], ([e, t, n], r) => {
-			!n || !t || !e || (!r || e !== r[0] || t !== r[1]) && Q();
+			!n || !t || !e || (!r || e !== r[0] || t !== r[1]) && Ke();
 		}, { immediate: !0 }), he(() => {
 			U = !0, H += 1, ht(), gt();
 		});
-		function We(e) {
+		function Ue(e) {
 			return n(e, Math.min(E.minZoom, E.maxZoom), Math.max(E.minZoom, E.maxZoom));
 		}
-		function Ge(e) {
-			let t = We(e);
+		function We(e) {
+			let t = Ue(e);
 			R.value = t, D("update:zoom", t);
 		}
-		function Ke() {
+		function Ge() {
 			return z.value?.fitWidth() ?? R.value;
 		}
-		function Z(e, t = {}) {
+		function Q(e, t = {}) {
 			A.value = u(e, {
 				sealSizeLimit: O.value,
 				sealTypeOptions: E.sealTypeOptions
@@ -127,7 +127,7 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 			let n = s(A.value);
 			return D("update:modelValue", n), D("change", n), n;
 		}
-		async function Q() {
+		async function Ke() {
 			let e = String(E.contractId || A.value.contractId || "").trim();
 			if (!E.dataProvider) return $({
 				code: "CONTRACT_PROVIDER_MISSING",
@@ -170,7 +170,7 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 			let i = E.dataProvider?.loadPagePreview, o = A.value.files.find((t) => t.fileId === e), ee = l(A.value, e, t), s = pt(e, t, n);
 			if (!i || a(o) || !ee || I.value.includes(s)) return;
 			mt(s), I.value = [...I.value, s];
-			let c = K.start(s);
+			let c = q.start(s);
 			try {
 				let a = await i({
 					contractId: A.value.contractId || E.contractId,
@@ -179,7 +179,7 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 					thumbnail: n,
 					signal: c.signal
 				});
-				if (U || !K.isCurrent(s, c) || !l(A.value, e, t)) return;
+				if (U || !q.isCurrent(s, c) || !l(A.value, e, t)) return;
 				let o = oe(l(A.value, e, t), a, r(E.dataProvider?.coordinateScale), n), ee = A.value.files.map((r) => r.fileId === e ? {
 					...r,
 					pages: r.pages.map((e) => e.pageIndex === t ? {
@@ -188,12 +188,12 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 						...n ? { thumbnailUrl: a.url } : { previewUrl: a.url }
 					} : e)
 				} : r);
-				Z({
+				Q({
 					...A.value,
 					files: ee
 				}, { clearError: !1 });
 			} catch (n) {
-				if (!K.isCurrent(s, c) || _t(n)) return;
+				if (!q.isCurrent(s, c) || _t(n)) return;
 				let r = ft(n, "CONTRACT_PREVIEW_FAILED", "合同页面预览加载失败，可切换页面或重试", {
 					fileId: e,
 					pageIndex: t
@@ -203,13 +203,13 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 					[s]: r.message
 				};
 			} finally {
-				K.finish(s, c) && (I.value = I.value.filter((e) => e !== s));
+				q.finish(s, c) && (I.value = I.value.filter((e) => e !== s));
 			}
 		}
 		function Ye(e) {
 			if (e === j.value) return;
 			let t = j.value;
-			ht(), t && (gt((e) => e.startsWith(`${t}:`) && e.endsWith(":preview")), W = W.filter((t) => t.fileId === e)), j.value = e, M.value = ne(A.value.files.find((t) => t.fileId === e)?.pages)?.pageIndex ?? 0, N.value = "", D("file-change", e), D("page-change", e, M.value), _(() => z.value?.scrollToPage(M.value));
+			ht(), t && (gt((e) => e.startsWith(`${t}:`) && e.endsWith(":preview")), G = G.filter((t) => t.fileId === e)), j.value = e, M.value = ne(A.value.files.find((t) => t.fileId === e)?.pages)?.pageIndex ?? 0, N.value = "", D("file-change", e), D("page-change", e, M.value), _(() => z.value?.scrollToPage(M.value));
 		}
 		function Xe(e) {
 			M.value = e;
@@ -220,15 +220,15 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 		function Qe(e) {
 			ht();
 			let t = j.value;
-			Me = setTimeout(() => {
-				Me = void 0, j.value === t && $e(t, e);
+			W = setTimeout(() => {
+				W = void 0, j.value === t && $e(t, e);
 			}, 150);
 		}
 		function $e(e, t) {
 			let n = A.value.files.find((t) => t.fileId === e);
 			!n || a(n) || e !== j.value || (t.forEach((e) => {
 				let t = n.pages.find((t) => t.pageIndex === e);
-				!t || t.previewUrl || I.value.includes(pt(n.fileId, e, !1)) || W.some((t) => t.fileId === n.fileId && t.pageIndex === e) || W.push({
+				!t || t.previewUrl || I.value.includes(pt(n.fileId, e, !1)) || G.some((t) => t.fileId === n.fileId && t.pageIndex === e) || G.push({
 					fileId: n.fileId,
 					pageIndex: e
 				});
@@ -236,12 +236,12 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 		}
 		async function et() {
 			let e = j.value;
-			for (W = W.filter((t) => t.fileId === e); G < 3 && W.length;) {
-				let t = W.shift();
+			for (G = G.filter((t) => t.fileId === e); K < 3 && G.length;) {
+				let t = G.shift();
 				if (!t || t.fileId !== e) continue;
 				let n = l(A.value, t.fileId, t.pageIndex), r = A.value.files.find((e) => e.fileId === t.fileId);
-				!n || a(r) || n.previewUrl || I.value.includes(pt(t.fileId, t.pageIndex, !1)) || (G += 1, Je(t.fileId, t.pageIndex, !1).finally(() => {
-					G = Math.max(0, G - 1), et();
+				!n || a(r) || n.previewUrl || I.value.includes(pt(t.fileId, t.pageIndex, !1)) || (K += 1, Je(t.fileId, t.pageIndex, !1).finally(() => {
+					K = Math.max(0, K - 1), et();
 				}));
 			}
 		}
@@ -250,8 +250,8 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 			t && (t.fileId !== j.value && Ye(t.fileId), N.value = e, _(() => z.value?.scrollToPlacement(e)));
 		}
 		function nt(e, t = {}) {
-			if (J.value || !E.allowedPlacementTypes.includes(e)) return;
-			let n = t.fileId ?? Y.value?.fileId, r = t.pageIndex ?? Le.value?.pageIndex;
+			if (Y.value || !E.allowedPlacementTypes.includes(e)) return;
+			let n = t.fileId ?? X.value?.fileId, r = t.pageIndex ?? Ie.value?.pageIndex;
 			if (!n || r === void 0) return;
 			let i = l(A.value, n, r);
 			if (!i || !re(i)) {
@@ -281,13 +281,13 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 				sealTypeOptions: E.sealTypeOptions,
 				...e === "seal" ? { sealType: [String(a)] } : {}
 			});
-			return Z({
+			return Q({
 				...A.value,
 				placements: [...A.value.placements, o]
 			}), j.value = n, M.value = r, N.value = o.id, yt(o);
 		}
 		function rt(e, t) {
-			J.value || Z({
+			Y.value || Q({
 				...A.value,
 				placements: A.value.placements.map((n) => {
 					if (n.id !== e) return n;
@@ -300,8 +300,8 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 			});
 		}
 		function it() {
-			let e = X.value;
-			if (!e || J.value) return;
+			let e = Z.value;
+			if (!e || Y.value) return;
 			let n = l(A.value, e.fileId, e.pageIndex);
 			if (!n) return;
 			let r = t({
@@ -310,13 +310,13 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 				signLeft: e.signLeft + 16,
 				signTop: e.signTop + 16
 			}, n, { sealSizeLimit: O.value });
-			Z({
+			Q({
 				...A.value,
 				placements: [...A.value.placements, r]
 			}), N.value = r.id;
 		}
 		function at(e) {
-			J.value || (Z({
+			Y.value || (Q({
 				...A.value,
 				placements: A.value.placements.filter((t) => t.id !== e)
 			}), N.value === e && (N.value = ""));
@@ -342,7 +342,7 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 			}
 		}
 		function ut() {
-			let e = Z(s(je.value));
+			let e = Q(s(je.value));
 			return N.value = "", dt(!0), _(() => z.value?.scrollToPage(M.value)), e;
 		}
 		function dt(e = !1) {
@@ -370,17 +370,17 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 			delete t[e], L.value = t;
 		}
 		function ht() {
-			Me &&= (clearTimeout(Me), void 0);
+			W &&= (clearTimeout(W), void 0);
 		}
 		function gt(e) {
-			let t = e ?? (() => !0), n = new Set(K.abort(t));
-			n.size && (I.value = I.value.filter((e) => !n.has(e))), e || (W = []);
+			let t = e ?? (() => !0), n = new Set(q.abort(t));
+			n.size && (I.value = I.value.filter((e) => !n.has(e))), e || (G = []);
 		}
 		function _t(e) {
 			return !!(e && typeof e == "object" && "cancelled" in e && e.cancelled) || e instanceof DOMException && e.name === "AbortError";
 		}
 		function vt(e) {
-			let t = Y.value;
+			let t = X.value;
 			t && Je(t.fileId, e, !1);
 		}
 		function yt(e) {
@@ -400,7 +400,7 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 			if (typeof e == "string" && e.trim()) return { "--gd-ant-contract-signing-location-height": e.trim() };
 		}
 		return pe({
-			load: Q,
+			load: Ke,
 			validate: ot,
 			getValue: st,
 			getOutput: ct,
@@ -408,65 +408,65 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 			reset: ut,
 			addPlacement: nt,
 			removePlacement: at,
-			fitWidth: Ke
-		}), (t, n) => (y(), m("section", {
+			fitWidth: Ge
+		}), (t, n) => (y(), fe("section", {
 			class: v(["gd-ant-contract-signing-location", {
-				"is-readonly": J.value,
+				"is-readonly": Y.value,
 				"is-disabled": e.disabled,
-				"is-preview": q.value
+				"is-preview": J.value
 			}]),
-			style: me(Ie.value)
+			style: me(Fe.value)
 		}, [
-			h("header", xe, [h("div", Se, [n[6] ||= h("span", {
+			m("header", xe, [m("div", Se, [n[6] ||= m("span", {
 				class: "gd-ant-contract-signing-location__title-bar",
 				"aria-hidden": "true"
-			}, null, -1), h("div", null, [h("strong", null, ge(q.value ? "合同预览" : "指定合同签署位置"), 1)])]), h("div", Ce, [
-				h("span", we, ge(A.value.placements.length) + " 个位置", 1),
+			}, null, -1), m("div", null, [m("strong", null, ge(J.value ? "合同预览" : "指定合同签署位置"), 1)])]), m("div", Ce, [
+				m("span", we, ge(A.value.placements.length) + " 个位置", 1),
 				e.dataProvider ? (y(), f(S(T), {
 					key: 0,
 					loading: P.value,
-					onClick: Q
+					onClick: Ke
 				}, {
-					default: w(() => [g(S(ye), { "aria-hidden": "true" }), n[7] ||= fe(" 重新加载 ", -1)]),
+					default: w(() => [g(S(ye), { "aria-hidden": "true" }), n[7] ||= h(" 重新加载 ", -1)]),
 					_: 1
 				}, 8, ["loading"])) : p("", !0),
-				q.value ? p("", !0) : (y(), f(S(T), {
+				J.value ? p("", !0) : (y(), f(S(T), {
 					key: 1,
-					disabled: J.value,
+					disabled: Y.value,
 					onClick: ut
 				}, {
-					default: w(() => [...n[8] ||= [fe("重置", -1)]]),
+					default: w(() => [...n[8] ||= [h("重置", -1)]]),
 					_: 1
 				}, 8, ["disabled"])),
-				Pe.value ? (y(), f(S(T), {
+				Ne.value ? (y(), f(S(T), {
 					key: 2,
 					type: "primary",
 					loading: P.value,
 					disabled: e.disabled,
 					onClick: lt
 				}, {
-					default: w(() => [...n[9] ||= [fe("确认并生成规则", -1)]]),
+					default: w(() => [...n[9] ||= [h("确认并生成规则", -1)]]),
 					_: 1
 				}, 8, ["loading", "disabled"])) : p("", !0)
 			])]),
-			F.value ? (y(), m("div", Te, [h("span", null, ge(F.value), 1), e.dataProvider && e.contractId ? (y(), f(S(T), {
+			F.value ? (y(), fe("div", Te, [m("span", null, ge(F.value), 1), e.dataProvider && e.contractId ? (y(), f(S(T), {
 				key: 0,
 				type: "link",
 				size: "small",
-				onClick: Q
+				onClick: Ke
 			}, {
-				default: w(() => [...n[10] ||= [fe("重试", -1)]]),
+				default: w(() => [...n[10] ||= [h("重试", -1)]]),
 				_: 1
 			})) : p("", !0)])) : p("", !0),
-			h("div", { class: v(["gd-ant-contract-signing-location__body", {
-				"is-single-file": Fe.value,
-				"is-inspector-hidden": !Ne.value
+			m("div", { class: v(["gd-ant-contract-signing-location__body", {
+				"is-single-file": Pe.value,
+				"is-inspector-hidden": !Me.value
 			}]) }, [
-				Fe.value ? p("", !0) : (y(), m("div", {
+				Pe.value ? p("", !0) : (y(), fe("div", {
 					key: 0,
 					class: v(["gd-ant-contract-signing-location__navigator-wrap", { "is-collapsed": V.value }])
 				}, [g(S(_e), { title: V.value ? "展开页面栏" : "收起页面栏" }, {
-					default: w(() => [h("button", {
+					default: w(() => [m("button", {
 						type: "button",
 						class: "gd-ant-contract-signing-location__panel-handle",
 						"aria-label": V.value ? "展开页面栏" : "收起页面栏",
@@ -480,11 +480,11 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 						"aria-hidden": "true"
 					}))], 8, Ee)]),
 					_: 1
-				}, 8, ["title"]), h("div", De, [g(ue, {
+				}, 8, ["title"]), m("div", De, [g(ue, {
 					files: A.value.files,
 					"active-file-id": j.value,
-					"loading-preview-keys": Be.value,
-					"error-preview-keys": Ve.value,
+					"loading-preview-keys": ze.value,
+					"error-preview-keys": Be.value,
 					onSelect: Ye
 				}, null, 8, [
 					"files",
@@ -495,17 +495,17 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 				g(ce, {
 					ref_key: "canvasRef",
 					ref: z,
-					file: Y.value,
-					pages: Y.value?.pages ?? [],
-					placements: Re.value,
+					file: X.value,
+					pages: X.value?.pages ?? [],
+					placements: Le.value,
 					"selected-placement-id": N.value,
-					readonly: J.value,
+					readonly: Y.value,
 					resizable: e.resizable,
 					"seal-size-limit": O.value,
 					"seal-type-options": e.sealTypeOptions,
 					zoom: R.value,
-					"preview-loading-keys": He.value,
-					"preview-error-map": Ue.value,
+					"preview-loading-keys": Ve.value,
+					"preview-error-map": He.value,
 					"active-page-index": M.value,
 					"min-zoom": e.minZoom,
 					"max-zoom": e.maxZoom,
@@ -521,7 +521,7 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 					onVisiblePages: Qe,
 					onViewPage: Xe,
 					onPageChange: Ze,
-					onZoomChange: Ge
+					onZoomChange: We
 				}, null, 8, [
 					"file",
 					"pages",
@@ -538,11 +538,11 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 					"min-zoom",
 					"max-zoom"
 				]),
-				Ne.value ? (y(), m("div", {
+				Me.value ? (y(), fe("div", {
 					key: 1,
 					class: v(["gd-ant-contract-signing-location__inspector-wrap", { "is-collapsed": B.value }])
 				}, [g(S(_e), { title: B.value ? "展开属性栏" : "收起属性栏" }, {
-					default: w(() => [h("button", {
+					default: w(() => [m("button", {
 						type: "button",
 						class: "gd-ant-contract-signing-location__panel-handle",
 						"aria-label": B.value ? "展开属性栏" : "收起属性栏",
@@ -556,19 +556,19 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 						"aria-hidden": "true"
 					}))], 8, Oe)]),
 					_: 1
-				}, 8, ["title"]), h("div", ke, [g(le, {
-					placement: X.value,
-					page: ze.value,
-					pages: Y.value?.pages ?? [],
-					placements: Re.value,
-					readonly: J.value,
+				}, 8, ["title"]), m("div", ke, [g(le, {
+					placement: Z.value,
+					page: Re.value,
+					pages: X.value?.pages ?? [],
+					placements: Le.value,
+					readonly: Y.value,
 					resizable: e.resizable,
 					"seal-size-limit": O.value,
 					"seal-type-options": e.sealTypeOptions,
 					"allowed-placement-types": e.allowedPlacementTypes,
 					"size-profile": e.sizeProfile,
 					onAdd: nt,
-					onUpdate: n[5] ||= (e) => X.value && rt(X.value.id, e),
+					onUpdate: n[5] ||= (e) => Z.value && rt(Z.value.id, e),
 					onDuplicate: it,
 					onRemove: at,
 					onLocate: tt

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

@@ -463,7 +463,7 @@ var be = { class: "gd-ant-contract-signing-location__workspace" }, xe = { class:
 			let t = Zt(e);
 			if (!t) return;
 			e.preventDefault();
-			let n = kt(e.clientX, e.clientY), r = m(U.value, N.pages, n.x, n.y, 1);
+			let n = kt(e.clientX, e.clientY), r = m(U.value, N.pages, n.x, n.y);
 			r && P("add", t, r.x, r.y, r.pageIndex);
 		}
 		function $t(e) {

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

@@ -1,23 +1,76 @@
-import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, openBlock as i, toDisplayString as a } from "vue";
+import { hasEnabledPageFooter as e, hasEnabledPageHeader as t } from "../../pro-contract-template-designer/src/utils/page-decorations.mjs";
+import n from "../../pro-contract-template-designer/src/ContractTemplatePageDecorations.mjs";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, openBlock as f, ref as p, toDisplayString as m, watch as h } from "vue";
 //#region src/components/contract-signing-location/src/ContractSigningTemplatePage.vue?vue&type=script&setup=true&lang.ts
-var o = ["data-template-page-id", "data-template-page-index"], s = ["innerHTML"], c = {
+var g = [
+	"data-page-id",
+	"data-template-page-index",
+	"data-page-width",
+	"data-page-height"
+], _ = ["innerHTML"], v = {
 	key: 0,
 	class: "gd-ant-contract-signing-location__template-warning",
 	role: "alert"
-}, l = /* @__PURE__ */ r({
+}, y = /* @__PURE__ */ c({
 	name: "ContractSigningTemplatePage",
 	__name: "ContractSigningTemplatePage",
 	props: { page: {} },
-	setup(r) {
-		return (l, u) => (i(), t("div", {
-			class: "gd-ant-contract-signing-location__template-page gd-contract-template-page",
-			"data-template-page-id": r.page.pageId,
-			"data-template-page-index": r.page.pageIndex
-		}, [n("div", {
-			class: "gd-ant-contract-signing-location__template-page-content",
-			innerHTML: r.page.contentHtml
-		}, null, 8, s), r.page.errors.length ? (i(), t("div", c, [u[0] ||= n("strong", null, "模板已安全降级展示", -1), n("span", null, a(r.page.errors[0]), 1)])) : e("", !0)], 8, o));
+	setup(c) {
+		let y = c, b = p(), x = p(0), S = r(() => ({
+			"has-contract-header": t(y.page.pageDecorations, y.page.pageNumber),
+			"has-contract-footer": e(y.page.pageDecorations, y.page.pageNumber)
+		})), C = r(() => ({
+			width: `${y.page.displayWidth}px`,
+			minHeight: `${y.page.displayHeight}px`,
+			paddingTop: `${y.page.paddingTop}px`,
+			paddingBottom: `${y.page.paddingBottom}px`
+		})), w = r(() => x.value > 1 ? `第 ${y.page.pageNumber} 页正文超出纸张 ${Math.round(x.value)}px，生成 PDF 时会分页，请回模板设计器调整后再指定位置。` : ""), T = r(() => y.page.errors[0] || w.value), E = r(() => y.page.errors.length ? "模板已安全降级展示" : "该页签署位置不可信"), D;
+		function O() {
+			let e = b.value;
+			if (!e) {
+				x.value = 0;
+				return;
+			}
+			x.value = Math.max(0, e.offsetHeight - y.page.displayHeight);
+		}
+		return h(b, (e) => {
+			if (D?.disconnect(), D = void 0, !e || typeof ResizeObserver > "u") {
+				O();
+				return;
+			}
+			D = new ResizeObserver(O), D.observe(e), O();
+		}, { immediate: !0 }), h(() => [y.page.contentHtml, y.page.displayHeight], O), d(() => {
+			D?.disconnect(), D = void 0;
+		}), (e, t) => (f(), a("section", {
+			ref_key: "pageEl",
+			ref: b,
+			class: l(["gd-contract-template-page gd-ant-contract-signing-location__template-page", S.value]),
+			"data-page-id": c.page.pageId,
+			"data-template-page-index": c.page.pageIndex,
+			"data-page-width": c.page.displayWidth,
+			"data-page-height": c.page.displayHeight,
+			style: u(C.value)
+		}, [
+			s(n, {
+				decorations: c.page.pageDecorations,
+				"page-number": c.page.pageNumber,
+				"total-pages": c.page.totalPages,
+				variables: c.page.decorationVariables,
+				values: c.page.decorationValues
+			}, null, 8, [
+				"decorations",
+				"page-number",
+				"total-pages",
+				"variables",
+				"values"
+			]),
+			o("div", {
+				class: "gd-contract-template-page__content",
+				innerHTML: c.page.contentHtml
+			}, null, 8, _),
+			T.value ? (f(), a("div", v, [o("strong", null, m(E.value), 1), o("span", null, m(T.value), 1)])) : i("", !0)
+		], 14, g));
 	}
 });
 //#endregion
-export { l as default };
+export { y as default };

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

@@ -60,14 +60,24 @@ var e = [
 		centerPattern: "none",
 		fontFamily: "SimSun, STSong, serif"
 	}
-};
-function s(e) {
+}, s = 96 / 72;
+function c(e) {
+	return {
+		width: l(e?.width),
+		height: l(e?.height)
+	};
+}
+function l(e) {
+	let t = Number(e);
+	return !Number.isFinite(t) || t <= 0 ? 0 : Math.round(t / s * 100) / 100;
+}
+function u(e) {
 	return Math.round(e * a * 100) / 100;
 }
-function c(e, t = 96) {
+function d(e, t = 96) {
 	return Math.round(e / 25.4 * t * 100) / 100;
 }
-function l(t, n = e) {
+function f(t, n = e) {
 	let r = String(t ?? "").trim(), i = n.find((e) => String(e.value).trim() === r), a = e.find((e) => String(e.value).trim() === r), s = o[r] ?? o["04"];
 	if (!(!i && !a)) return {
 		...a ?? {},
@@ -80,24 +90,24 @@ function l(t, n = e) {
 		fontFamily: i?.fontFamily || s.fontFamily
 	};
 }
-function u(t, n = e) {
-	let r = (Array.isArray(t) ? t : t == null ? [] : [t]).map((e) => l(e, n)).filter((e) => !!e);
+function p(t, n = e) {
+	let r = (Array.isArray(t) ? t : t == null ? [] : [t]).map((e) => f(e, n)).filter((e) => !!e);
 	return r.length ? {
-		width: Math.max(...r.map((e) => s(Number(e.widthMm)))),
-		height: Math.max(...r.map((e) => s(Number(e.heightMm))))
+		width: Math.max(...r.map((e) => u(Number(e.widthMm)))),
+		height: Math.max(...r.map((e) => u(Number(e.heightMm))))
 	} : {
-		width: s(40),
-		height: s(40)
+		width: u(40),
+		height: u(40)
 	};
 }
-function d(t, n = e, r = 96) {
-	let i = u(t, n);
+function m(t, n = e, r = 96) {
+	let i = p(t, n);
 	return {
-		width: c(i.width / a, r),
-		height: c(i.height / a, r)
+		width: d(i.width / a, r),
+		height: d(i.height / a, r)
 	};
 }
-var f = { default: {
+var h = { default: {
 	seal: {
 		width: 113.39,
 		height: 113.39
@@ -110,6 +120,6 @@ var f = { default: {
 		width: 170,
 		height: 57
 	}
-} }, p = 8, m = 48, h = 3, g = 150;
+} }, g = 8, _ = 48, v = 3, y = 150;
 //#endregion
-export { m as CONTRACT_SIGNING_AUTO_SCROLL_EDGE_PX, p as CONTRACT_SIGNING_MIN_PLACEMENT_SIZE, n as CONTRACT_SIGNING_PLACEMENT_LABELS, t as CONTRACT_SIGNING_PLACEMENT_MIME, h as CONTRACT_SIGNING_PREVIEW_CONCURRENCY, a as CONTRACT_SIGNING_PX_PER_MM, i as CONTRACT_SIGNING_SEAL_MAX_SIZE, r as CONTRACT_SIGNING_SEAL_MIN_SIZE, e as CONTRACT_SIGNING_SEAL_TYPE_OPTIONS, o as CONTRACT_SIGNING_SEAL_TYPE_PRESETS, f as CONTRACT_SIGNING_SIZE_PROFILES, g as CONTRACT_SIGNING_VISIBLE_PAGES_DEBOUNCE_MS, c as millimetersToContractSigningCssPixels, s as millimetersToContractSigningPixels, d as resolveContractSigningSealSizeInCssPixels, u as resolveContractSigningSealSizeInPixels, l as resolveContractSigningSealTypeOption };
+export { _ as CONTRACT_SIGNING_AUTO_SCROLL_EDGE_PX, s as CONTRACT_SIGNING_CSS_PX_PER_POINT, g as CONTRACT_SIGNING_MIN_PLACEMENT_SIZE, n as CONTRACT_SIGNING_PLACEMENT_LABELS, t as CONTRACT_SIGNING_PLACEMENT_MIME, v as CONTRACT_SIGNING_PREVIEW_CONCURRENCY, a as CONTRACT_SIGNING_PX_PER_MM, i as CONTRACT_SIGNING_SEAL_MAX_SIZE, r as CONTRACT_SIGNING_SEAL_MIN_SIZE, e as CONTRACT_SIGNING_SEAL_TYPE_OPTIONS, o as CONTRACT_SIGNING_SEAL_TYPE_PRESETS, h as CONTRACT_SIGNING_SIZE_PROFILES, y as CONTRACT_SIGNING_VISIBLE_PAGES_DEBOUNCE_MS, d as millimetersToContractSigningCssPixels, u as millimetersToContractSigningPixels, m as resolveContractSigningSealSizeInCssPixels, p as resolveContractSigningSealSizeInPixels, f as resolveContractSigningSealTypeOption, c as toContractSigningRulePageSize };

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

@@ -290,8 +290,8 @@ function D(e, t, n) {
 			pageIndex: e.pageIndex,
 			displayPageNumber: e.pageIndex + 1,
 			pageId: e.pageId,
-			width: F(n.width, r),
-			height: F(n.height, a),
+			width: F(n.width, e.width),
+			height: F(n.height, e.height),
 			displayWidth: r,
 			displayHeight: a,
 			...n.previewUrl ? { previewUrl: String(n.previewUrl) } : {},