@guodun/antdv 1.7.0 → 1.7.2

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

@@ -6,7 +6,7 @@ import { isContractSigningPageUsable as d } from "./location-rules.mjs";
 import { CONTRACT_SIGNING_FALLBACK_PAGE_SIZE as f, buildPageLayouts as p, contentPointToPagePoint as m, findPageAtOffset as h, getContractSigningAutoScrollDelta as g, getPageLayoutScrollTop as _, getPageLayoutsContentSize as ee, getVisibleRange as te } from "./page-layout.mjs";
 import { useFitWidthZoom as ne } from "../../pro-contract-template-designer/src/composables/use-fit-width-zoom.mjs";
 import { getContractSigningPlacementVisual as re } from "./signing-visuals.mjs";
-import { Fragment as v, computed as y, createBlock as ie, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createTextVNode as ae, createVNode as C, defineComponent as w, nextTick as oe, normalizeClass as se, normalizeStyle as T, onBeforeUnmount as ce, onMounted as le, openBlock as E, ref as ue, renderList as D, shallowRef as O, toDisplayString as k, unref as A, watch as de, withCtx as j, withKeys as fe, withModifiers as M } from "vue";
+import { Fragment as v, computed as y, createBlock as ie, createCommentVNode as ae, createElementBlock as b, createElementVNode as x, createTextVNode as oe, createVNode as S, defineComponent as C, nextTick as se, normalizeClass as w, normalizeStyle as T, onBeforeUnmount as ce, onMounted as le, openBlock as E, ref as ue, renderList as D, shallowRef as O, toDisplayString as k, unref as A, watch as de, withCtx as j, withKeys as fe, withModifiers as M } from "vue";
 import { Button as N } from "ant-design-vue";
 import { useElementSize as pe } from "@vueuse/core";
 import { ColumnWidthOutlined as me, LeftOutlined as he, RightOutlined as ge, ZoomInOutlined as _e, ZoomOutOutlined as ve } from "@ant-design/icons-vue";
@@ -38,13 +38,14 @@ var ye = { class: "gd-ant-contract-signing-location__workspace" }, be = { class:
 ], Be = { class: "gd-ant-contract-signing-location__placement-body" }, Ve = ["src", "alt"], He = {
 	key: 0,
 	class: "gd-ant-contract-signing-location__placement-badge"
-}, Ue = ["onPointerdown"], We = /* @__PURE__ */ w({
+}, Ue = ["onPointerdown"], We = ["title", "aria-label"], Ge = { class: "gd-ant-contract-signing-location__placement-body" }, Ke = ["src"], qe = { class: "gd-ant-contract-signing-location__placement-reference-badge" }, Je = /* @__PURE__ */ C({
 	name: "ContractSigningLocationCanvas",
 	__name: "ContractSigningLocationCanvas",
 	props: {
 		file: {},
 		pages: {},
 		placements: {},
+		referencePlacements: { default: () => [] },
 		selectedPlacementId: {},
 		readonly: { type: Boolean },
 		resizable: { type: Boolean },
@@ -71,8 +72,8 @@ var ye = { class: "gd-ant-contract-signing-location__workspace" }, be = { class:
 		"scroll-to-ready",
 		"template-status"
 	],
-	setup(w, { expose: We, emit: Ge }) {
-		let Ke = [
+	setup(C, { expose: Je, emit: Ye }) {
+		let Xe = [
 			"nw",
 			"n",
 			"ne",
@@ -81,111 +82,113 @@ var ye = { class: "gd-ant-contract-signing-location__workspace" }, be = { class:
 			"s",
 			"sw",
 			"w"
-		], P = w, F = Ge, I = ue(null), L = ue(null), qe = O(1), R = O(P.activePageIndex), Je = O({
+		], P = C, F = Ye, I = ue(null), L = ue(null), Ze = O(1), R = O(P.activePageIndex), Qe = O({
 			start: 0,
 			end: -1
-		}), { width: Ye } = pe(I), { fitWidth: Xe, markUserAdjusted: Ze } = ne({
-			viewportWidth: Ye,
+		}), { width: $e } = pe(I), { fitWidth: et, markUserAdjusted: tt } = ne({
+			viewportWidth: $e,
 			widestPageWidth: y(() => Math.max(...P.pages.map((e) => e.displayWidth || e.width || f.width), f.width)),
 			padding: 48,
 			minZoom: () => P.minZoom,
 			maxZoom: () => P.maxZoom,
 			getZoom: () => P.zoom,
 			applyZoom: (e) => (F("zoom-change", e), e)
-		}), z = O([]), Qe = O(), B = O(), V, H = 0, U, $e, et, tt, W = y(() => p(P.pages, P.zoom, 16)), nt = y(() => ee(W.value)), G = y(() => u(P.file)), rt = y(() => c(P.file?.source)), it = y(() => new Map(rt.value.map((e) => [e.pageIndex, e]))), at = y(() => l(P.file)), ot = y(() => {
-			let e = Je.value;
-			return W.value.length ? e.end < e.start ? W.value.slice(0, 2) : W.value.slice(e.start, e.end + 1) : [];
-		}), st = y(() => ot.value.flatMap((e) => {
-			let t = q(e.pageIndex);
+		}), nt = O([]), rt = O(), z = O(), B, V = 0, H, it, at, ot, U = y(() => p(P.pages, P.zoom, 16)), st = y(() => ee(U.value)), W = y(() => u(P.file)), ct = y(() => c(P.file?.source)), lt = y(() => new Map(ct.value.map((e) => [e.pageIndex, e]))), ut = y(() => l(P.file)), dt = y(() => {
+			let e = Qe.value;
+			return U.value.length ? e.end < e.start ? U.value.slice(0, 2) : U.value.slice(e.start, e.end + 1) : [];
+		}), ft = y(() => dt.value.flatMap((e) => {
+			let t = K(e.pageIndex);
 			return t ? [{
 				layout: e,
 				page: t,
-				logical: J(t),
-				templatePage: it.value.get(e.pageIndex)
+				logical: q(t),
+				templatePage: lt.value.get(e.pageIndex)
 			}] : [];
-		})), ct = y(() => P.pages.find((e) => e.pageIndex === R.value) ?? P.pages[0]), lt = y(() => Math.min(P.minZoom, P.maxZoom)), ut = y(() => Math.max(P.minZoom, P.maxZoom)), dt = y(() => P.placements.find((e) => e.id === P.selectedPlacementId)), ft = /* @__PURE__ */ new Date(), K = /* @__PURE__ */ new Map(), pt = O({});
-		function mt(e) {
+		})), pt = y(() => P.pages.find((e) => e.pageIndex === R.value) ?? P.pages[0]), mt = y(() => Math.min(P.minZoom, P.maxZoom)), ht = y(() => Math.max(P.minZoom, P.maxZoom)), gt = y(() => P.placements.find((e) => e.id === P.selectedPlacementId)), _t = /* @__PURE__ */ new Date(), G = /* @__PURE__ */ new Map(), vt = O({});
+		function yt(e) {
 			return JSON.stringify([
 				e.signType,
 				e.sealType ?? [],
 				P.sealTypeOptions ?? []
 			]);
 		}
-		function ht(e) {
-			let t = mt(e), n = K.get(t);
+		function bt(e) {
+			let t = yt(e), n = G.get(t);
 			if (n) return n;
 			let r = re(e, {
 				sealTypeOptions: P.sealTypeOptions,
-				date: ft
+				date: _t
 			});
-			if (K.size >= 128) {
-				let e = K.keys().next().value;
-				e !== void 0 && K.delete(e);
+			if (G.size >= 128) {
+				let e = G.keys().next().value;
+				e !== void 0 && G.delete(e);
 			}
-			return K.set(t, r), r;
+			return G.set(t, r), r;
 		}
-		let gt = y(() => {
+		let xt = y(() => {
 			let e = /* @__PURE__ */ new WeakMap();
 			return P.placements.forEach((t) => {
-				e.set(t, ht(t));
+				e.set(t, bt(t));
+			}), P.referencePlacements.forEach((t) => {
+				e.set(t, bt(t));
 			}), e;
 		});
 		de(() => P.activePageIndex, (e) => {
-			R.value = e, Nt() || Q(e);
+			R.value = e, Rt() || Q(e);
 		}), de(() => P.pages.map((e) => e.pageIndex).join(","), () => {
-			pt.value = {}, F("template-status", G.value ? "loading" : "ready"), oe(() => {
+			vt.value = {}, F("template-status", W.value ? "loading" : "ready"), se(() => {
 				X(), Z(), F("scroll-to-ready");
 			});
-		}), de(() => st.value.map((e) => e.layout.pageIndex).join(","), () => {
-			vt();
+		}), de(() => ft.value.map((e) => e.layout.pageIndex).join(","), () => {
+			Ct();
 		}), de(() => P.zoom, (e, t) => {
 			if (!I.value || t == null || e === t) return;
-			let n = jt(), r = p(P.pages, t, 16), i = h(r, n.layoutScrollTop + 1) ?? r[0];
+			let n = It(), r = p(P.pages, t, 16), i = h(r, n.layoutScrollTop + 1) ?? r[0];
 			if (!i) return;
-			et = {
+			at = {
 				pageIndex: i.pageIndex,
 				offsetInPage: n.layoutScrollTop - i.top
 			};
 			let a = e / Math.max(.01, t);
-			oe(() => Ft(a));
+			se(() => Bt(a));
 		}), le(() => {
-			X(), Z(), F("scroll-to-ready"), !(typeof ResizeObserver > "u" || !I.value) && (tt = new ResizeObserver(() => {
+			X(), Z(), F("scroll-to-ready"), !(typeof ResizeObserver > "u" || !I.value) && (ot = new ResizeObserver(() => {
 				X(), Z();
-			}), tt.observe(I.value));
+			}), ot.observe(I.value));
 		}), ce(() => {
-			Qt(), Ut(), U && clearTimeout(U), tt?.disconnect(), tt = void 0;
+			rn(), Jt(), H && clearTimeout(H), ot?.disconnect(), ot = void 0;
 		});
-		function q(e) {
+		function K(e) {
 			return P.pages.find((t) => t.pageIndex === e);
 		}
-		function _t(e, t, n) {
-			pt.value = {
-				...pt.value,
+		function St(e, t, n) {
+			vt.value = {
+				...vt.value,
 				[e]: {
 					status: t,
 					detail: n
 				}
-			}, vt();
+			}, Ct();
 		}
-		function vt() {
-			if (!G.value) {
+		function Ct() {
+			if (!W.value) {
 				F("template-status", "ready");
 				return;
 			}
-			let e = st.value.filter((e) => e.templatePage).map((e) => pt.value[e.layout.pageIndex]), t = e.find((e) => e?.status === "error");
+			let e = ft.value.filter((e) => e.templatePage).map((e) => vt.value[e.layout.pageIndex]), t = e.find((e) => e?.status === "error");
 			if (t) {
 				F("template-status", "error", t.detail);
 				return;
 			}
 			F("template-status", e.length > 0 && e.every((e) => e?.status === "ready") ? "ready" : "loading");
 		}
-		function J(e) {
+		function q(e) {
 			return e && d(e) ? {
 				width: e.width,
 				height: e.height
 			} : { ...f };
 		}
-		function Y(e) {
+		function J(e) {
 			if (!e || !d(e)) return { ...f };
 			let t = Number(e.displayWidth), n = Number(e.displayHeight);
 			return {
@@ -193,24 +196,27 @@ var ye = { class: "gd-ant-contract-signing-location__workspace" }, be = { class:
 				height: Number.isFinite(n) && n > 0 ? n : e.height
 			};
 		}
-		function yt(e) {
+		function wt(e) {
 			return `${P.file?.fileId ?? ""}:${e}`;
 		}
-		function bt(e) {
-			return P.previewLoadingKeys.includes(yt(e));
+		function Tt(e) {
+			return P.previewLoadingKeys.includes(wt(e));
 		}
-		function xt(e) {
-			return P.previewErrorMap[yt(e)] || "";
+		function Et(e) {
+			return P.previewErrorMap[wt(e)] || "";
 		}
-		function St(e) {
+		function Dt(e) {
 			return P.placements.filter((t) => t.pageIndex === e);
 		}
-		function Ct(e) {
-			let t = dt.value;
+		function Ot(e) {
+			return P.referencePlacements.filter((t) => t.pageIndex === e);
+		}
+		function kt(e) {
+			let t = gt.value;
 			return t && t.pageIndex === e.pageIndex ? r(t, e) : void 0;
 		}
-		function wt(e) {
-			let t = i(e), n = q(e.pageIndex), r = Y(n), a = J(n);
+		function At(e) {
+			let t = i(e), n = K(e.pageIndex), r = J(n), a = q(n);
 			return {
 				left: `${t.signLeft * r.width / Math.max(1, a.width)}px`,
 				top: `${t.signTop * r.height / Math.max(1, a.height)}px`,
@@ -218,8 +224,8 @@ var ye = { class: "gd-ant-contract-signing-location__workspace" }, be = { class:
 				height: `${t.signHeight * r.height / Math.max(1, a.height)}px`
 			};
 		}
-		function Tt(e) {
-			let t = i(e), n = q(e.pageIndex), r = Y(n), a = J(n), o = r.width / Math.max(1, a.width), s = r.height / Math.max(1, a.height);
+		function jt(e) {
+			let t = i(e), n = K(e.pageIndex), r = J(n), a = q(n), o = r.width / Math.max(1, a.width), s = r.height / Math.max(1, a.height);
 			return {
 				"--gd-contract-sign-left": `${t.signLeft * o}px`,
 				"--gd-contract-sign-top": `${t.signTop * s}px`,
@@ -227,30 +233,30 @@ var ye = { class: "gd-ant-contract-signing-location__workspace" }, be = { class:
 				"--gd-contract-sign-bottom": `${(t.signTop + t.signHeight) * s}px`
 			};
 		}
-		function Et(e, t) {
-			let n = Y(t), r = J(t), i = e.axis === "x" ? n.width / Math.max(1, r.width) : n.height / Math.max(1, r.height);
+		function Mt(e, t) {
+			let n = J(t), r = q(t), i = e.axis === "x" ? n.width / Math.max(1, r.width) : n.height / Math.max(1, r.height);
 			return e.axis === "x" ? { left: `${e.position * i}px` } : { top: `${e.position * i}px` };
 		}
-		function Dt(e, t) {
+		function Nt(e, t) {
 			return n(e, t, {
 				sealSizeLimit: P.sealSizeLimit,
 				sealTypes: e.sealType,
 				sealTypeOptions: P.sealTypeOptions
 			});
 		}
-		function Ot(e) {
-			return gt.value.get(e) ?? ht(e);
+		function Y(e) {
+			return xt.value.get(e) ?? bt(e);
 		}
-		function kt(e) {
+		function Pt(e) {
 			return t(e, P.resizable, P.readonly) && e.id === P.selectedPlacementId;
 		}
-		function At(e) {
+		function Ft(e) {
 			return {
 				...e,
 				sealType: e.sealType ? [...e.sealType] : void 0
 			};
 		}
-		function jt() {
+		function It() {
 			let e = I.value, t = L.value;
 			if (!e) return {
 				layoutScrollTop: 0,
@@ -262,7 +268,7 @@ var ye = { class: "gd-ant-contract-signing-location__workspace" }, be = { class:
 				viewportHeight: e.clientHeight
 			};
 		}
-		function Mt(e, t) {
+		function Lt(e, t) {
 			let n = L.value;
 			if (n) {
 				let r = n.getBoundingClientRect();
@@ -282,147 +288,147 @@ var ye = { class: "gd-ant-contract-signing-location__workspace" }, be = { class:
 				y: t - i.top + r.scrollTop - o
 			};
 		}
-		function Nt() {
+		function Rt() {
 			return !!(document.activeElement && document.activeElement.tagName === "INPUT");
 		}
 		function X() {
-			let e = jt();
-			Je.value = te(W.value, e.layoutScrollTop, e.viewportHeight, 1);
-			let t = h(W.value, e.layoutScrollTop + 1);
+			let e = It();
+			Qe.value = te(U.value, e.layoutScrollTop, e.viewportHeight, 1);
+			let t = h(U.value, e.layoutScrollTop + 1);
 			if (t) {
 				let e = R.value !== t.pageIndex;
-				R.value = t.pageIndex, Nt() || Q(t.pageIndex), e && F("view-page", t.pageIndex);
+				R.value = t.pageIndex, Rt() || Q(t.pageIndex), e && F("view-page", t.pageIndex);
 			}
 		}
 		function Z() {
-			let e = Je.value;
-			F("visible-pages", W.value.slice(Math.max(0, e.start), e.end + 1).map((e) => e.pageIndex));
+			let e = Qe.value;
+			F("visible-pages", U.value.slice(Math.max(0, e.start), e.end + 1).map((e) => e.pageIndex));
 		}
-		function Pt() {
-			X(), U && clearTimeout(U), U = setTimeout(() => {
-				Z(), R.value !== $e && ($e = R.value, F("page-change", R.value));
+		function zt() {
+			X(), H && clearTimeout(H), H = setTimeout(() => {
+				Z(), R.value !== it && (it = R.value, F("page-change", R.value));
 			}, 80);
 		}
-		function Ft(e) {
-			let t = I.value, n = L.value, r = et;
-			if (et = void 0, !t || !n || !r) return;
-			let i = W.value.find((e) => e.pageIndex === r.pageIndex);
+		function Bt(e) {
+			let t = I.value, n = L.value, r = at;
+			if (at = void 0, !t || !n || !r) return;
+			let i = U.value.find((e) => e.pageIndex === r.pageIndex);
 			i && (t.scrollTop = n.offsetTop + i.top + r.offsetInPage * e, X());
 		}
-		function It(e) {
+		function Vt(e) {
 			let t = I.value, n = L.value;
-			t && (R.value = e, Q(e), F("page-change", e), $e = e, oe(() => {
-				let r = _(W.value, e);
+			t && (R.value = e, Q(e), F("page-change", e), it = e, se(() => {
+				let r = _(U.value, e);
 				t.scrollTop = (n?.offsetTop ?? 0) + r, X(), Z();
 			}));
 		}
-		function Lt(e) {
+		function Ht(e) {
 			let t = P.placements.find((t) => t.id === e), n = I.value, r = L.value;
 			if (!t || !n) return;
-			let a = W.value.find((e) => e.pageIndex === t.pageIndex);
-			a && (R.value = t.pageIndex, Q(t.pageIndex), oe(() => {
-				let e = jt(), o = q(t.pageIndex), s = Y(o), c = J(o), l = a.top + i(t).signTop * s.height / Math.max(1, c.height) * P.zoom, u = l + i(t).signHeight * s.height / Math.max(1, c.height) * P.zoom, d = e.layoutScrollTop, f = d + e.viewportHeight;
+			let a = U.value.find((e) => e.pageIndex === t.pageIndex);
+			a && (R.value = t.pageIndex, Q(t.pageIndex), se(() => {
+				let e = It(), o = K(t.pageIndex), s = J(o), c = q(o), l = a.top + i(t).signTop * s.height / Math.max(1, c.height) * P.zoom, u = l + i(t).signHeight * s.height / Math.max(1, c.height) * P.zoom, d = e.layoutScrollTop, f = d + e.viewportHeight;
 				(l < d || u > f) && (n.scrollTop = (r?.offsetTop ?? 0) + Math.max(0, l - 24)), X(), Z(), F("page-change", t.pageIndex);
 			}));
 		}
 		function Q(e) {
 			let t = P.pages.findIndex((t) => t.pageIndex === e);
-			qe.value = t >= 0 ? t + 1 : 1;
+			Ze.value = t >= 0 ? t + 1 : 1;
 		}
-		function Rt(e) {
+		function Ut(e) {
 			let t = P.pages.findIndex((e) => e.pageIndex === R.value), n = Math.min(P.pages.length - 1, Math.max(0, (t < 0 ? 0 : t) + e)), r = P.pages[n];
-			r && It(r.pageIndex);
+			r && Vt(r.pageIndex);
 		}
-		function zt(e) {
+		function Wt(e) {
 			let t = Number(e.target.value);
 			if (!Number.isFinite(t)) {
 				Q(R.value);
 				return;
 			}
 			let n = Math.min(P.pages.length, Math.max(1, Math.round(t))) - 1, r = P.pages[n];
-			r ? It(r.pageIndex) : Q(R.value);
+			r ? Vt(r.pageIndex) : Q(R.value);
 		}
-		function Bt(e, t = "user") {
-			t === "user" && Ze(), F("zoom-change", e);
+		function Gt(e, t = "user") {
+			t === "user" && tt(), F("zoom-change", e);
 		}
-		function Vt(e) {
+		function Kt(e) {
 			e.target.closest(".gd-ant-contract-signing-location__placement") || F("select", "");
 		}
-		function Ht() {
-			window.addEventListener("pointermove", Kt, { passive: !1 }), window.addEventListener("pointerup", $), window.addEventListener("pointercancel", $);
+		function qt() {
+			window.addEventListener("pointermove", Zt, { passive: !1 }), window.addEventListener("pointerup", $), window.addEventListener("pointercancel", $);
 		}
-		function Ut() {
-			window.removeEventListener("pointermove", Kt), window.removeEventListener("pointerup", $), window.removeEventListener("pointercancel", $);
+		function Jt() {
+			window.removeEventListener("pointermove", Zt), window.removeEventListener("pointerup", $), window.removeEventListener("pointercancel", $);
 		}
-		function Wt(e, t, n) {
+		function Yt(e, t, n) {
 			e.stopPropagation(), F("select", t.id);
-			let r = q(t.pageIndex);
+			let r = K(t.pageIndex);
 			if (P.readonly || !r || !d(r) || e.button !== 0) return;
-			let i = Mt(e.clientX, e.clientY), a = m(W.value, P.pages, i.x, i.y), o = e.currentTarget;
-			o.focus({ preventScroll: !0 }), B.value = {
+			let i = Lt(e.clientX, e.clientY), a = m(U.value, P.pages, i.x, i.y), o = e.currentTarget;
+			o.focus({ preventScroll: !0 }), z.value = {
 				pointerId: e.pointerId,
 				mode: n ? "resize" : "move",
 				handle: n,
 				placementId: t.id,
 				startX: e.clientX,
 				startY: e.clientY,
-				origin: At(t),
+				origin: Ft(t),
 				grabOffsetX: (a?.x ?? t.signLeft) - t.signLeft,
 				grabOffsetY: (a?.y ?? t.signTop) - t.signTop
-			}, V = {
+			}, B = {
 				clientX: e.clientX,
 				clientY: e.clientY,
 				pointerId: e.pointerId
-			}, Ht(), Zt();
+			}, qt(), nn();
 			try {
 				o.setPointerCapture(e.pointerId);
 			} catch {}
 		}
-		function Gt(e, t, n) {
-			Wt(e, t, n);
+		function Xt(e, t, n) {
+			Yt(e, t, n);
 		}
-		function Kt(e) {
-			let t = B.value;
-			!t || t.pointerId !== e.pointerId || (e.preventDefault(), V = {
+		function Zt(e) {
+			let t = z.value;
+			!t || t.pointerId !== e.pointerId || (e.preventDefault(), B = {
 				clientX: e.clientX,
 				clientY: e.clientY,
 				pointerId: e.pointerId
-			}, qt(V));
+			}, Qt(B));
 		}
 		function $(e) {
-			B.value?.pointerId === e.pointerId && (B.value = void 0, V = void 0, z.value = [], Qe.value = void 0, Qt(), Ut());
+			z.value?.pointerId === e.pointerId && (z.value = void 0, B = void 0, nt.value = [], rt.value = void 0, rn(), Jt());
 		}
-		function qt(e) {
-			let t = B.value;
+		function Qt(e) {
+			let t = z.value;
 			if (!t) return;
 			if (t.mode === "resize") {
-				Jt(t, e);
+				$t(t, e);
 				return;
 			}
-			let n = Mt(e.clientX, e.clientY), r = m(W.value, P.pages, n.x, n.y);
+			let n = Lt(e.clientX, e.clientY), r = m(U.value, P.pages, n.x, n.y);
 			if (!r) return;
-			let i = Xt(r.pageIndex, t.origin.pageIndex);
+			let i = tn(r.pageIndex, t.origin.pageIndex);
 			if (!i || !d(i)) return;
-			let a = s(Dt({
+			let a = s(Nt({
 				...t.origin,
 				pageIndex: i.pageIndex,
 				signLeft: r.x - t.grabOffsetX,
 				signTop: r.y - t.grabOffsetY
-			}, i), St(i.pageIndex), P.zoom, void 0, i), o = Dt(a.placement, i);
-			z.value = a.guides, Qe.value = i.pageIndex, F("update", o);
+			}, i), Dt(i.pageIndex), P.zoom, void 0, i), o = Nt(a.placement, i);
+			nt.value = a.guides, rt.value = i.pageIndex, F("update", o);
 		}
-		function Jt(e, t) {
-			let n = q(e.origin.pageIndex), r = e.handle;
+		function $t(e, t) {
+			let n = K(e.origin.pageIndex), r = e.handle;
 			if (!n || !r || !d(n)) return;
-			let a = W.value.find((e) => e.pageIndex === n.pageIndex);
+			let a = U.value.find((e) => e.pageIndex === n.pageIndex);
 			if (!a) return;
-			let o = Mt(t.clientX, t.clientY), s = Y(n), c = n.width / Math.max(1, s.width * P.zoom), l = n.height / Math.max(1, s.height * P.zoom), u = (o.x - a.left) * c, f = (o.y - a.top) * l;
+			let o = Lt(t.clientX, t.clientY), s = J(n), c = n.width / Math.max(1, s.width * P.zoom), l = n.height / Math.max(1, s.height * P.zoom), u = (o.x - a.left) * c, f = (o.y - a.top) * l;
 			if (e.origin.signType === "seal") {
-				Yt(e, n, r, u, f);
+				en(e, n, r, u, f);
 				return;
 			}
 			let p = i(e.origin), m = p.signLeft, h = p.signTop, g = p.signLeft + p.signWidth, _ = p.signTop + p.signHeight;
-			r.includes("w") && (m = u), r.includes("e") && (g = u), r.includes("n") && (h = f), r.includes("s") && (_ = f), g - m < 8 && (r.includes("w") ? m = g - 8 : g = m + 8), _ - h < 8 && (r.includes("n") ? h = _ - 8 : _ = h + 8), F("update", Dt({
+			r.includes("w") && (m = u), r.includes("e") && (g = u), r.includes("n") && (h = f), r.includes("s") && (_ = f), g - m < 8 && (r.includes("w") ? m = g - 8 : g = m + 8), _ - h < 8 && (r.includes("n") ? h = _ - 8 : _ = h + 8), F("update", Nt({
 				...e.origin,
 				signLeft: m,
 				signTop: h,
@@ -430,35 +436,35 @@ var ye = { class: "gd-ant-contract-signing-location__workspace" }, be = { class:
 				signHeight: _ - h
 			}, n));
 		}
-		function Yt(e, t, n, r, i) {
+		function en(e, t, n, r, i) {
 			let a = o(e.origin, n, r, i, t, P.sealSizeLimit);
-			F("update", Dt({
+			F("update", Nt({
 				...e.origin,
 				...a
 			}, t));
 		}
-		function Xt(e, t) {
-			let n = q(e);
-			return n && d(n) ? n : q(t);
+		function tn(e, t) {
+			let n = K(e);
+			return n && d(n) ? n : K(t);
 		}
-		function Zt() {
-			Qt();
+		function nn() {
+			rn();
 			let e = () => {
-				let t = B.value, n = I.value;
-				if (!t || !n || !V) {
-					H = 0;
+				let t = z.value, n = I.value;
+				if (!t || !n || !B) {
+					V = 0;
 					return;
 				}
-				let r = n.getBoundingClientRect(), i = g(V.clientY, r);
-				i !== 0 && (n.scrollTop += i, X(), qt(V)), H = requestAnimationFrame(e);
+				let r = n.getBoundingClientRect(), i = g(B.clientY, r);
+				i !== 0 && (n.scrollTop += i, X(), Qt(B)), V = requestAnimationFrame(e);
 			};
-			H = requestAnimationFrame(e);
+			V = requestAnimationFrame(e);
 		}
-		function Qt() {
-			H &&= (cancelAnimationFrame(H), 0);
+		function rn() {
+			V &&= (cancelAnimationFrame(V), 0);
 		}
-		function $t(e, t) {
-			let n = q(t.pageIndex);
+		function an(e, t) {
+			let n = K(t.pageIndex);
 			if (P.readonly || !n || !d(n)) return;
 			if (e.key === "Delete" || e.key === "Backspace") {
 				e.preventDefault(), F("remove", t.id);
@@ -471,114 +477,114 @@ var ye = { class: "gd-ant-contract-signing-location__workspace" }, be = { class:
 			else if (e.key === "ArrowDown") o = r;
 			else return;
 			e.preventDefault();
-			let s = Y(n), c = J(n);
-			F("update", a(t, i * s.width / Math.max(1, c.width), o * s.height / Math.max(1, c.height), n, Y(n), { sealSizeLimit: P.sealSizeLimit }));
+			let s = J(n), c = q(n);
+			F("update", a(t, i * s.width / Math.max(1, c.width), o * s.height / Math.max(1, c.height), n, J(n), { sealSizeLimit: P.sealSizeLimit }));
 		}
-		function en(e) {
+		function on(e) {
 			let t = e.dataTransfer?.getData("application/x-gd-contract-signing-location") || e.dataTransfer?.getData("text/plain");
 			if (t) try {
 				let e = JSON.parse(t);
-				return nn(e.type) ? e.type : void 0;
+				return cn(e.type) ? e.type : void 0;
 			} catch {
-				return nn(t) ? t : void 0;
+				return cn(t) ? t : void 0;
 			}
 		}
-		function tn(e) {
+		function sn(e) {
 			if (P.readonly) return;
-			let t = en(e);
+			let t = on(e);
 			if (!t) return;
 			e.preventDefault();
-			let n = Mt(e.clientX, e.clientY), r = m(W.value, P.pages, n.x, n.y);
+			let n = Lt(e.clientX, e.clientY), r = m(U.value, P.pages, n.x, n.y);
 			r && F("add", t, r.x, r.y, r.pageIndex);
 		}
-		function nn(e) {
+		function cn(e) {
 			return e === "seal" || e === "signature" || e === "date";
 		}
-		return We({
-			scrollToPage: It,
-			scrollToPlacement: Lt,
-			fitWidth: Xe
-		}), (t, n) => (E(), x("main", ye, [S("header", be, [S("div", null, [S("strong", null, k(w.file?.fileName || "合同页面"), 1), ct.value ? (E(), x("span", xe, "第 " + k(ct.value.displayPageNumber) + " 页 · " + k(G.value ? "HTML" : "PDF") + " " + k(ct.value.width) + " × " + k(ct.value.height), 1)) : b("", !0)]), S("div", Se, [S("div", Ce, [
-			C(A(N), {
+		return Je({
+			scrollToPage: Vt,
+			scrollToPlacement: Ht,
+			fitWidth: et
+		}), (t, n) => (E(), b("main", ye, [x("header", be, [x("div", null, [x("strong", null, k(C.file?.fileName || "合同页面"), 1), pt.value ? (E(), b("span", xe, "第 " + k(pt.value.displayPageNumber) + " 页 · " + k(W.value ? "HTML" : "PDF") + " " + k(pt.value.width) + " × " + k(pt.value.height), 1)) : ae("", !0)]), x("div", Se, [x("div", Ce, [
+			S(A(N), {
 				size: "small",
-				disabled: qe.value <= 1,
+				disabled: Ze.value <= 1,
 				"aria-label": "上一页",
-				onClick: n[0] ||= (e) => Rt(-1)
+				onClick: n[0] ||= (e) => Ut(-1)
 			}, {
-				default: j(() => [C(A(he), { "aria-hidden": "true" })]),
+				default: j(() => [S(A(he), { "aria-hidden": "true" })]),
 				_: 1
 			}, 8, ["disabled"]),
-			S("label", null, [
-				n[6] ||= ae(" 第 ", -1),
-				S("input", {
-					value: qe.value,
+			x("label", null, [
+				n[6] ||= oe(" 第 ", -1),
+				x("input", {
+					value: Ze.value,
 					type: "number",
 					min: "1",
-					max: Math.max(1, w.pages.length),
-					onChange: zt,
-					onKeydown: fe(zt, ["enter"])
+					max: Math.max(1, C.pages.length),
+					onChange: Wt,
+					onKeydown: fe(Wt, ["enter"])
 				}, null, 40, we),
-				ae(" / " + k(w.pages.length) + " 页 ", 1)
+				oe(" / " + k(C.pages.length) + " 页 ", 1)
 			]),
-			C(A(N), {
+			S(A(N), {
 				size: "small",
-				disabled: qe.value >= w.pages.length,
+				disabled: Ze.value >= C.pages.length,
 				"aria-label": "下一页",
-				onClick: n[1] ||= (e) => Rt(1)
+				onClick: n[1] ||= (e) => Ut(1)
 			}, {
-				default: j(() => [C(A(ge), { "aria-hidden": "true" })]),
+				default: j(() => [S(A(ge), { "aria-hidden": "true" })]),
 				_: 1
 			}, 8, ["disabled"])
-		]), S("div", Te, [
-			C(A(N), {
+		]), x("div", Te, [
+			S(A(N), {
 				size: "small",
-				disabled: w.zoom <= lt.value,
+				disabled: C.zoom <= mt.value,
 				"aria-label": "缩小页面",
-				onClick: n[2] ||= (e) => Bt(w.zoom - .1)
+				onClick: n[2] ||= (e) => Gt(C.zoom - .1)
 			}, {
-				default: j(() => [C(A(ve), { "aria-hidden": "true" })]),
+				default: j(() => [S(A(ve), { "aria-hidden": "true" })]),
 				_: 1
 			}, 8, ["disabled"]),
-			S("button", {
+			x("button", {
 				type: "button",
-				onClick: n[3] ||= (e) => Bt(1)
-			}, k(Math.round(w.zoom * 100)) + "%", 1),
-			C(A(N), {
+				onClick: n[3] ||= (e) => Gt(1)
+			}, k(Math.round(C.zoom * 100)) + "%", 1),
+			S(A(N), {
 				size: "small",
-				disabled: w.zoom >= ut.value,
+				disabled: C.zoom >= ht.value,
 				"aria-label": "放大页面",
-				onClick: n[4] ||= (e) => Bt(w.zoom + .1)
+				onClick: n[4] ||= (e) => Gt(C.zoom + .1)
 			}, {
-				default: j(() => [C(A(_e), { "aria-hidden": "true" })]),
+				default: j(() => [S(A(_e), { "aria-hidden": "true" })]),
 				_: 1
 			}, 8, ["disabled"]),
-			C(A(N), {
+			S(A(N), {
 				size: "small",
 				"aria-label": "适应宽度",
 				title: "适应宽度",
-				onClick: A(Xe)
+				onClick: A(et)
 			}, {
-				default: j(() => [C(A(me), { "aria-hidden": "true" })]),
+				default: j(() => [S(A(me), { "aria-hidden": "true" })]),
 				_: 1
 			}, 8, ["onClick"])
-		])])]), S("div", {
+		])])]), x("div", {
 			ref_key: "scrollRef",
 			ref: I,
 			class: "gd-ant-contract-signing-location__canvas-scroll",
-			onScrollPassive: Pt,
-			onClick: Vt,
+			onScrollPassive: zt,
+			onClick: Kt,
 			onDragover: n[5] ||= M(() => {}, ["prevent"]),
-			onDrop: tn
-		}, [w.pages.length ? (E(), x("div", {
+			onDrop: sn
+		}, [C.pages.length ? (E(), b("div", {
 			key: 1,
 			ref_key: "stackRef",
 			ref: L,
 			class: "gd-ant-contract-signing-location__page-stack",
 			style: T({
-				width: `${nt.value.width}px`,
-				height: `${nt.value.height}px`
+				width: `${st.value.width}px`,
+				height: `${st.value.height}px`
 			})
-		}, [(E(!0), x(v, null, D(st.value, (t) => (E(), x("div", {
+		}, [(E(!0), b(v, null, D(ft.value, (t) => (E(), b("div", {
 			key: t.layout.pageIndex,
 			class: "gd-ant-contract-signing-location__page-shell",
 			style: T({
@@ -587,95 +593,108 @@ var ye = { class: "gd-ant-contract-signing-location__workspace" }, be = { class:
 				width: `${t.layout.width}px`,
 				height: `${t.layout.height}px`
 			})
-		}, [S("div", {
+		}, [x("div", {
 			class: "gd-ant-contract-signing-location__page",
 			style: T({
-				width: `${Y(t.page).width}px`,
-				height: `${Y(t.page).height}px`,
-				transform: `scale(${w.zoom})`
+				width: `${J(t.page).width}px`,
+				height: `${J(t.page).height}px`,
+				transform: `scale(${C.zoom})`
 			}),
-			"aria-label": `${w.file?.fileName || "合同"}第 ${t.page.displayPageNumber} 页`
-		}, [G.value && t.templatePage ? (E(), ie(e, {
+			"aria-label": `${C.file?.fileName || "合同"}第 ${t.page.displayPageNumber} 页`
+		}, [W.value && t.templatePage ? (E(), ie(e, {
 			key: 0,
 			page: t.templatePage,
-			"font-base-url": w.fontBaseUrl,
-			onStatus: (e, n) => _t(t.layout.pageIndex, e, n)
+			"font-base-url": C.fontBaseUrl,
+			onStatus: (e, n) => St(t.layout.pageIndex, e, n)
 		}, null, 8, [
 			"page",
 			"font-base-url",
 			"onStatus"
-		])) : G.value ? (E(), x("div", De, [n[8] ||= S("strong", null, "模板页面无法渲染", -1), S("span", null, k(at.value || "页面结构无效，请回到模板设计器修复后重试。"), 1)])) : t.page.previewUrl ? (E(), x("img", {
+		])) : W.value ? (E(), b("div", De, [n[8] ||= x("strong", null, "模板页面无法渲染", -1), x("span", null, k(ut.value || "页面结构无效，请回到模板设计器修复后重试。"), 1)])) : t.page.previewUrl ? (E(), b("img", {
 			key: 2,
 			class: "gd-ant-contract-signing-location__page-image",
 			src: t.page.previewUrl,
 			alt: "合同页面预览"
-		}, null, 8, Oe)) : (E(), x("div", ke, [bt(t.layout.pageIndex) ? (E(), x(v, { key: 0 }, [S("strong", null, "第 " + k(t.page.displayPageNumber) + " 页加载中…", 1), S("span", null, k(t.page.width) + " × " + k(t.page.height), 1)], 64)) : xt(t.layout.pageIndex) ? (E(), x(v, { key: 1 }, [
-			n[9] ||= S("strong", null, "合同页面预览加载失败", -1),
-			S("span", null, k(xt(t.layout.pageIndex)), 1),
-			S("button", {
+		}, null, 8, Oe)) : (E(), b("div", ke, [Tt(t.layout.pageIndex) ? (E(), b(v, { key: 0 }, [x("strong", null, "第 " + k(t.page.displayPageNumber) + " 页加载中…", 1), x("span", null, k(t.page.width) + " × " + k(t.page.height), 1)], 64)) : Et(t.layout.pageIndex) ? (E(), b(v, { key: 1 }, [
+			n[9] ||= x("strong", null, "合同页面预览加载失败", -1),
+			x("span", null, k(Et(t.layout.pageIndex)), 1),
+			x("button", {
 				type: "button",
 				onClick: M((e) => F("retry", t.layout.pageIndex), ["stop"])
 			}, "重试当前页", 8, Ae)
-		], 64)) : A(d)(t.page) ? (E(), x(v, { key: 3 }, [
-			S("strong", null, "第 " + k(t.page.displayPageNumber) + " 页", 1),
-			S("span", null, k(t.page.width) + " × " + k(t.page.height), 1),
-			n[12] ||= S("small", null, "等待 dataProvider 返回页面预览图", -1)
-		], 64)) : (E(), x(v, { key: 2 }, [
-			n[10] ||= S("strong", null, "页面元数据不完整", -1),
-			n[11] ||= S("span", null, "缺少有效的原始宽高，无法安全计算签署坐标。", -1),
-			S("button", {
+		], 64)) : A(d)(t.page) ? (E(), b(v, { key: 3 }, [
+			x("strong", null, "第 " + k(t.page.displayPageNumber) + " 页", 1),
+			x("span", null, k(t.page.width) + " × " + k(t.page.height), 1),
+			n[12] ||= x("small", null, "等待 dataProvider 返回页面预览图", -1)
+		], 64)) : (E(), b(v, { key: 2 }, [
+			n[10] ||= x("strong", null, "页面元数据不完整", -1),
+			n[11] ||= x("span", null, "缺少有效的原始宽高，无法安全计算签署坐标。", -1),
+			x("button", {
 				type: "button",
 				onClick: M((e) => F("retry", t.layout.pageIndex), ["stop"])
 			}, "重新加载页面", 8, je)
-		], 64))])), S("div", Me, [S("div", Ne, [
-			dt.value && dt.value.pageIndex === t.layout.pageIndex ? (E(), x("div", {
+		], 64))])), x("div", Me, [x("div", Ne, [
+			gt.value && gt.value.pageIndex === t.layout.pageIndex ? (E(), b("div", {
 				key: 0,
 				class: "gd-ant-contract-signing-location__coordinate-guides",
-				style: T(Tt(dt.value)),
+				style: T(jt(gt.value)),
 				"aria-hidden": "true"
 			}, [
-				S("span", Pe, [S("small", null, "上 " + k(Ct(t.page)?.top), 1)]),
-				S("span", Fe, [S("small", null, "下 " + k(Ct(t.page)?.bottom), 1)]),
-				S("span", Ie, [S("small", null, "左 " + k(Ct(t.page)?.left), 1)]),
-				S("span", Le, [S("small", null, "右 " + k(Ct(t.page)?.right), 1)])
-			], 4)) : b("", !0),
-			z.value.length && Qe.value === t.layout.pageIndex ? (E(), x("div", Re, [(E(!0), x(v, null, D(z.value, (e, n) => (E(), x("span", {
+				x("span", Pe, [x("small", null, "上 " + k(kt(t.page)?.top), 1)]),
+				x("span", Fe, [x("small", null, "下 " + k(kt(t.page)?.bottom), 1)]),
+				x("span", Ie, [x("small", null, "左 " + k(kt(t.page)?.left), 1)]),
+				x("span", Le, [x("small", null, "右 " + k(kt(t.page)?.right), 1)])
+			], 4)) : ae("", !0),
+			nt.value.length && rt.value === t.layout.pageIndex ? (E(), b("div", Re, [(E(!0), b(v, null, D(nt.value, (e, n) => (E(), b("span", {
 				key: `${e.axis}-${n}`,
-				class: se(e.axis === "x" ? "is-vertical" : "is-horizontal"),
-				style: T(Et(e, t.page))
-			}, null, 6))), 128))])) : b("", !0),
-			(E(!0), x(v, null, D(St(t.layout.pageIndex), (e) => (E(), x("button", {
+				class: w(e.axis === "x" ? "is-vertical" : "is-horizontal"),
+				style: T(Mt(e, t.page))
+			}, null, 6))), 128))])) : ae("", !0),
+			(E(!0), b(v, null, D(Dt(t.layout.pageIndex), (e) => (E(), b("button", {
 				key: e.id,
 				type: "button",
-				class: se(["gd-ant-contract-signing-location__placement", [`is-${e.signType}`, { "is-selected": e.id === w.selectedPlacementId }]]),
-				style: T(wt(e)),
-				title: Ot(e).alt,
-				"aria-label": Ot(e).alt,
-				"aria-pressed": e.id === w.selectedPlacementId,
+				class: w(["gd-ant-contract-signing-location__placement", [`is-${e.signType}`, { "is-selected": e.id === C.selectedPlacementId }]]),
+				style: T(At(e)),
+				title: Y(e).alt,
+				"aria-label": Y(e).alt,
+				"aria-pressed": e.id === C.selectedPlacementId,
 				onClick: M((t) => F("select", e.id), ["stop"]),
-				onPointerdown: (t) => Wt(t, e),
+				onPointerdown: (t) => Yt(t, e),
 				onLostpointercapture: $,
-				onKeydown: (t) => $t(t, e)
+				onKeydown: (t) => an(t, e)
 			}, [
-				S("span", Be, [S("img", {
+				x("span", Be, [x("img", {
 					class: "gd-ant-contract-signing-location__placement-visual",
-					src: Ot(e).dataUrl,
-					alt: Ot(e).alt,
+					src: Y(e).dataUrl,
+					alt: Y(e).alt,
 					draggable: "false"
 				}, null, 8, Ve)]),
-				e.mustSign ? (E(), x("span", He, "必签")) : b("", !0),
-				(E(!0), x(v, null, D(kt(e) ? Ke : [], (t) => (E(), x("i", {
+				e.mustSign ? (E(), b("span", He, "必签")) : ae("", !0),
+				(E(!0), b(v, null, D(Pt(e) ? Xe : [], (t) => (E(), b("i", {
 					key: t,
-					class: se(["gd-ant-contract-signing-location__resize-handle", `is-${t}`]),
-					onPointerdown: M((n) => Gt(n, e, t), ["stop"])
+					class: w(["gd-ant-contract-signing-location__resize-handle", `is-${t}`]),
+					onPointerdown: M((n) => Xt(n, e, t), ["stop"])
 				}, null, 42, Ue))), 128))
-			], 46, ze))), 128))
-		])])], 12, Ee)], 4))), 128))], 4)) : (E(), x("div", {
+			], 46, ze))), 128)),
+			(E(!0), b(v, null, D(Ot(t.layout.pageIndex), (e) => (E(), b("div", {
+				key: `${e.ownerId}:${e.id}`,
+				class: w(["gd-ant-contract-signing-location__placement is-reference", `is-${e.signType}`]),
+				style: T(At(e)),
+				title: `${e.ownerName} · 只读 · ${Y(e).alt}`,
+				role: "img",
+				"aria-label": `${e.ownerName}的只读${Y(e).alt}`
+			}, [x("span", Ge, [x("img", {
+				class: "gd-ant-contract-signing-location__placement-visual",
+				src: Y(e).dataUrl,
+				alt: "",
+				draggable: "false"
+			}, null, 8, Ke)]), x("span", qe, k(e.ownerName) + " · 只读 ", 1)], 14, We))), 128))
+		])])], 12, Ee)], 4))), 128))], 4)) : (E(), b("div", {
 			key: 0,
-			class: se(["gd-ant-contract-signing-location__canvas-state", { "is-error": G.value && at.value }]),
+			class: w(["gd-ant-contract-signing-location__canvas-state", { "is-error": W.value && ut.value }]),
 			role: "status"
-		}, [G.value && at.value ? (E(), x(v, { key: 0 }, [n[7] ||= S("strong", null, "合同模板无法渲染", -1), S("span", null, k(at.value), 1)], 64)) : (E(), x(v, { key: 1 }, [ae("请选择可用的合同页面")], 64))], 2))], 544)]));
+		}, [W.value && ut.value ? (E(), b(v, { key: 0 }, [n[7] ||= x("strong", null, "合同模板无法渲染", -1), x("span", null, k(ut.value), 1)], 64)) : (E(), b(v, { key: 1 }, [oe("请选择可用的合同页面")], 64))], 2))], 544)]));
 	}
 });
 //#endregion
-export { We as default };
+export { Je as default };