@guodun/antdv 1.3.0 → 1.3.2

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

@@ -1,48 +1,41 @@
-import e from "../../../node_modules/@ant-design/icons-vue/es/icons/ColumnWidthOutlined.mjs";
-import t from "../../../node_modules/@ant-design/icons-vue/es/icons/LeftOutlined.mjs";
-import n from "../../../node_modules/@ant-design/icons-vue/es/icons/RightOutlined.mjs";
-import r from "../../../node_modules/@ant-design/icons-vue/es/icons/ZoomInOutlined.mjs";
-import i from "../../../node_modules/@ant-design/icons-vue/es/icons/ZoomOutOutlined.mjs";
-import { CONTRACT_SIGNING_PLACEMENT_LABELS as a } from "./constants.mjs";
-import { canResizeContractSigningPlacement as o, clampContractSigningPlacement as s, getContractSigningPlacementDistances as c, getContractSigningRuleGeometry as l, moveContractSigningPlacementByDisplayDelta as u, snapContractSigningPlacement as d } from "./coordinates.mjs";
-import { CONTRACT_SIGNING_PLACEMENT_ICONS as f } from "./icons.mjs";
-import { isContractSigningPageUsable as p } from "./location-rules.mjs";
-import { CONTRACT_SIGNING_FALLBACK_PAGE_SIZE as m, buildPageLayouts as h, contentPointToPagePoint as g, findPageAtOffset as ee, getContractSigningAutoScrollDelta as te, getPageLayoutScrollTop as ne, getPageLayoutsContentSize as re, getVisibleRange as ie } from "./page-layout.mjs";
-import { useFitWidthZoom as ae } from "../../pro-contract-template-designer/src/composables/use-fit-width-zoom.mjs";
-import { Fragment as _, computed as v, createBlock as oe, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createTextVNode as se, createVNode as S, defineComponent as C, nextTick as w, normalizeClass as ce, normalizeStyle as T, onBeforeUnmount as le, onMounted as ue, openBlock as E, ref as de, renderList as D, resolveDynamicComponent as fe, shallowRef as O, toDisplayString as k, unref as A, watch as pe, withCtx as j, withKeys as me, withModifiers as M } from "vue";
+import "./constants.mjs";
+import { canResizeContractSigningPlacement as e, clampContractSigningPlacement as t, getContractSigningPlacementDistances as n, getContractSigningRuleGeometry as r, moveContractSigningPlacementByDisplayDelta as i, resizeContractSigningSealGeometry as a, snapContractSigningPlacement as o } from "./coordinates.mjs";
+import { isContractSigningPageUsable as s } from "./location-rules.mjs";
+import { CONTRACT_SIGNING_FALLBACK_PAGE_SIZE as c, buildPageLayouts as l, contentPointToPagePoint as u, findPageAtOffset as d, getContractSigningAutoScrollDelta as f, getPageLayoutScrollTop as p, getPageLayoutsContentSize as m, getVisibleRange as h } from "./page-layout.mjs";
+import { useFitWidthZoom as g } from "../../pro-contract-template-designer/src/composables/use-fit-width-zoom.mjs";
+import { getContractSigningPlacementVisual as ee } from "./signing-visuals.mjs";
+import { Fragment as _, computed as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createTextVNode as te, createVNode as S, defineComponent as C, nextTick as w, normalizeClass as ne, normalizeStyle as T, onBeforeUnmount as re, onMounted as ie, openBlock as E, ref as ae, renderList as D, shallowRef as O, toDisplayString as k, unref as A, watch as oe, withCtx as j, withKeys as se, withModifiers as M } from "vue";
 import { Button as N } from "ant-design-vue";
-import { useElementSize as he } from "@vueuse/core";
+import { useElementSize as ce } from "@vueuse/core";
+import { ColumnWidthOutlined as le, LeftOutlined as ue, RightOutlined as de, ZoomInOutlined as fe, ZoomOutOutlined as pe } from "@ant-design/icons-vue";
 //#region src/components/contract-signing-location/src/ContractSigningLocationCanvas.vue?vue&type=script&setup=true&lang.ts
-var ge = { class: "gd-ant-contract-signing-location__workspace" }, _e = { class: "gd-ant-contract-signing-location__workspace-head" }, ve = { key: 0 }, ye = { class: "gd-ant-contract-signing-location__workspace-tools" }, be = {
+var me = { class: "gd-ant-contract-signing-location__workspace" }, he = { class: "gd-ant-contract-signing-location__workspace-head" }, ge = { key: 0 }, _e = { class: "gd-ant-contract-signing-location__workspace-tools" }, ve = {
 	class: "gd-ant-contract-signing-location__page-jumper",
 	"aria-label": "页码跳转"
-}, xe = ["value", "max"], Se = {
+}, ye = ["value", "max"], be = {
 	class: "gd-ant-contract-signing-location__zoom-tools",
 	"aria-label": "页面缩放"
-}, Ce = {
+}, xe = {
 	key: 0,
 	class: "gd-ant-contract-signing-location__canvas-state"
-}, we = ["aria-label"], Te = ["src"], Ee = {
+}, Se = ["aria-label"], Ce = ["src"], we = {
 	key: 1,
 	class: "gd-ant-contract-signing-location__page-placeholder"
-}, De = ["onClick"], Oe = ["onClick"], ke = { class: "gd-ant-contract-signing-location__render-region" }, Ae = { class: "gd-ant-contract-signing-location__render-region-content" }, je = { class: "is-horizontal is-top" }, Me = { class: "is-horizontal is-bottom" }, Ne = { class: "is-vertical is-left" }, Pe = { class: "is-vertical is-right" }, Fe = {
+}, Te = ["onClick"], Ee = ["onClick"], De = { class: "gd-ant-contract-signing-location__render-region" }, Oe = { class: "gd-ant-contract-signing-location__render-region-content" }, ke = { class: "is-horizontal is-top" }, Ae = { class: "is-horizontal is-bottom" }, je = { class: "is-vertical is-left" }, Me = { class: "is-vertical is-right" }, Ne = {
 	key: 1,
 	class: "gd-ant-contract-signing-location__snap-guides",
 	"aria-hidden": "true"
-}, Ie = [
+}, Pe = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"onClick",
 	"onPointerdown",
 	"onKeydown"
-], Le = { class: "gd-ant-contract-signing-location__placement-body" }, Re = {
-	key: 0,
-	class: "gd-ant-contract-signing-location__placement-label"
-}, ze = {
+], Fe = { class: "gd-ant-contract-signing-location__placement-body" }, Ie = ["src", "alt"], Le = {
 	key: 0,
 	class: "gd-ant-contract-signing-location__placement-badge"
-}, Be = ["onPointerdown"], Ve = /* @__PURE__ */ C({
+}, Re = ["onPointerdown"], ze = /* @__PURE__ */ C({
 	name: "ContractSigningLocationCanvas",
 	__name: "ContractSigningLocationCanvas",
 	props: {
@@ -58,7 +51,8 @@ var ge = { class: "gd-ant-contract-signing-location__workspace" }, _e = { class:
 		activePageIndex: {},
 		minZoom: {},
 		maxZoom: {},
-		sealSizeLimit: {}
+		sealSizeLimit: {},
+		sealTypeOptions: {}
 	},
 	emits: [
 		"select",
@@ -72,8 +66,8 @@ var ge = { class: "gd-ant-contract-signing-location__workspace" }, _e = { class:
 		"zoom-change",
 		"scroll-to-ready"
 	],
-	setup(C, { expose: Ve, emit: He }) {
-		let Ue = [
+	setup(C, { expose: ze, emit: Be }) {
+		let Ve = [
 			"nw",
 			"n",
 			"ne",
@@ -82,78 +76,104 @@ var ge = { class: "gd-ant-contract-signing-location__workspace" }, _e = { class:
 			"s",
 			"sw",
 			"w"
-		], P = C, F = He, I = de(null), L = de(null), R = O(1), z = O(P.activePageIndex), We = O({
+		], P = C, F = Be, I = ae(null), L = ae(null), R = O(1), z = O(P.activePageIndex), He = O({
 			start: 0,
 			end: -1
-		}), { width: Ge } = he(I), { fitWidth: Ke, markUserAdjusted: qe } = ae({
-			viewportWidth: Ge,
-			widestPageWidth: v(() => Math.max(...P.pages.map((e) => e.width || m.width), m.width)),
+		}), { width: Ue } = ce(I), { fitWidth: We, markUserAdjusted: Ge } = g({
+			viewportWidth: Ue,
+			widestPageWidth: v(() => Math.max(...P.pages.map((e) => e.width || c.width), c.width)),
 			padding: 48,
 			minZoom: () => P.minZoom,
 			maxZoom: () => P.maxZoom,
 			getZoom: () => P.zoom,
 			applyZoom: (e) => (F("zoom-change", e), e)
-		}), B = O([]), Je = O(), V = O(), H, U = 0, W, Ye, Xe, G, K = v(() => h(P.pages, P.zoom, 16)), Ze = v(() => re(K.value)), Qe = v(() => {
-			let e = We.value;
-			return K.value.length ? e.end < e.start ? K.value.slice(0, 2) : K.value.slice(e.start, e.end + 1) : [];
-		}), $e = v(() => Qe.value.flatMap((e) => {
-			let t = Y(e.pageIndex);
+		}), B = O([]), Ke = O(), V = O(), H, U = 0, W, qe, Je, Ye, G = v(() => l(P.pages, P.zoom, 16)), Xe = v(() => m(G.value)), Ze = v(() => {
+			let e = He.value;
+			return G.value.length ? e.end < e.start ? G.value.slice(0, 2) : G.value.slice(e.start, e.end + 1) : [];
+		}), Qe = v(() => Ze.value.flatMap((e) => {
+			let t = J(e.pageIndex);
 			return t ? [{
 				layout: e,
 				page: t,
-				logical: nt(t)
+				logical: ot(t)
 			}] : [];
-		})), q = v(() => P.pages.find((e) => e.pageIndex === z.value) ?? P.pages[0]), et = v(() => Math.min(P.minZoom, P.maxZoom)), tt = v(() => Math.max(P.minZoom, P.maxZoom)), J = v(() => P.placements.find((e) => e.id === P.selectedPlacementId));
-		pe(() => P.activePageIndex, (e) => {
-			z.value = e, gt() || Q(e);
-		}), pe(() => P.pages.map((e) => e.pageIndex).join(","), () => {
+		})), K = v(() => P.pages.find((e) => e.pageIndex === z.value) ?? P.pages[0]), $e = v(() => Math.min(P.minZoom, P.maxZoom)), et = v(() => Math.max(P.minZoom, P.maxZoom)), tt = v(() => P.placements.find((e) => e.id === P.selectedPlacementId)), nt = /* @__PURE__ */ new Date(), q = /* @__PURE__ */ new Map();
+		function rt(e) {
+			return JSON.stringify([
+				e.signType,
+				e.sealType ?? [],
+				P.sealTypeOptions ?? []
+			]);
+		}
+		function it(e) {
+			let t = rt(e), n = q.get(t);
+			if (n) return n;
+			let r = ee(e, {
+				sealTypeOptions: P.sealTypeOptions,
+				date: nt
+			});
+			if (q.size >= 128) {
+				let e = q.keys().next().value;
+				e !== void 0 && q.delete(e);
+			}
+			return q.set(t, r), r;
+		}
+		let at = v(() => {
+			let e = /* @__PURE__ */ new WeakMap();
+			return P.placements.forEach((t) => {
+				e.set(t, it(t));
+			}), e;
+		});
+		oe(() => P.activePageIndex, (e) => {
+			z.value = e, yt() || Q(e);
+		}), oe(() => P.pages.map((e) => e.pageIndex).join(","), () => {
 			w(() => {
 				X(), Z(), F("scroll-to-ready");
 			});
-		}), pe(() => P.zoom, (e, t) => {
+		}), oe(() => P.zoom, (e, t) => {
 			if (!I.value || t == null || e === t) return;
-			let n = mt(), r = h(P.pages, t, 16), i = ee(r, n.layoutScrollTop + 1) ?? r[0];
+			let n = vt(), r = l(P.pages, t, 16), i = d(r, n.layoutScrollTop + 1) ?? r[0];
 			if (!i) return;
-			Xe = {
+			Je = {
 				pageIndex: i.pageIndex,
 				offsetInPage: n.layoutScrollTop - i.top
 			};
 			let a = e / Math.max(.01, t);
-			w(() => vt(a));
-		}), ue(() => {
-			X(), Z(), F("scroll-to-ready"), !(typeof ResizeObserver > "u" || !I.value) && (G = new ResizeObserver(() => {
+			w(() => xt(a));
+		}), ie(() => {
+			X(), Z(), F("scroll-to-ready"), !(typeof ResizeObserver > "u" || !I.value) && (Ye = new ResizeObserver(() => {
 				X(), Z();
-			}), G.observe(I.value));
-		}), le(() => {
-			Ft(), Et(), W && clearTimeout(W), G?.disconnect(), G = void 0;
+			}), Ye.observe(I.value));
+		}), re(() => {
+			Rt(), kt(), W && clearTimeout(W), Ye?.disconnect(), Ye = void 0;
 		});
-		function Y(e) {
+		function J(e) {
 			return P.pages.find((t) => t.pageIndex === e);
 		}
-		function nt(e) {
-			return p(e) ? {
+		function ot(e) {
+			return s(e) ? {
 				width: e.width,
 				height: e.height
-			} : { ...m };
+			} : { ...c };
 		}
-		function rt(e) {
+		function st(e) {
 			return `${P.file?.fileId ?? ""}:${e}`;
 		}
-		function it(e) {
-			return P.previewLoadingKeys.includes(rt(e));
+		function ct(e) {
+			return P.previewLoadingKeys.includes(st(e));
 		}
-		function at(e) {
-			return P.previewErrorMap[rt(e)] || "";
+		function lt(e) {
+			return P.previewErrorMap[st(e)] || "";
 		}
-		function ot(e) {
+		function ut(e) {
 			return P.placements.filter((t) => t.pageIndex === e);
 		}
-		function st(e) {
-			let t = J.value;
-			return t && t.pageIndex === e.pageIndex ? c(t, e) : void 0;
+		function dt(e) {
+			let t = tt.value;
+			return t && t.pageIndex === e.pageIndex ? n(t, e) : void 0;
 		}
-		function ct(e) {
-			let t = l(e);
+		function ft(e) {
+			let t = r(e);
 			return {
 				left: `${t.signLeft}px`,
 				top: `${t.signTop}px`,
@@ -161,8 +181,8 @@ var ge = { class: "gd-ant-contract-signing-location__workspace" }, _e = { class:
 				height: `${t.signHeight}px`
 			};
 		}
-		function lt(e) {
-			let t = l(e);
+		function pt(e) {
+			let t = r(e);
 			return {
 				"--gd-contract-sign-left": `${t.signLeft}px`,
 				"--gd-contract-sign-top": `${t.signTop}px`,
@@ -170,22 +190,26 @@ var ge = { class: "gd-ant-contract-signing-location__workspace" }, _e = { class:
 				"--gd-contract-sign-bottom": `${t.signTop + t.signHeight}px`
 			};
 		}
-		function ut(e, t) {
-			return s(e, t, { sealSizeLimit: P.sealSizeLimit });
+		function mt(e, n) {
+			return t(e, n, {
+				sealSizeLimit: P.sealSizeLimit,
+				sealTypes: e.sealType,
+				sealTypeOptions: P.sealTypeOptions
+			});
 		}
-		function dt(e) {
-			return l(e).signWidth < 90;
+		function ht(e) {
+			return at.value.get(e) ?? it(e);
 		}
-		function ft(e) {
-			return o(e, P.resizable, P.readonly) && e.id === P.selectedPlacementId;
+		function gt(t) {
+			return e(t, P.resizable, P.readonly) && t.id === P.selectedPlacementId;
 		}
-		function pt(e) {
+		function _t(e) {
 			return {
 				...e,
 				sealType: e.sealType ? [...e.sealType] : void 0
 			};
 		}
-		function mt() {
+		function vt() {
 			let e = I.value, t = L.value;
 			if (!e) return {
 				layoutScrollTop: 0,
@@ -197,7 +221,7 @@ var ge = { class: "gd-ant-contract-signing-location__workspace" }, _e = { class:
 				viewportHeight: e.clientHeight
 			};
 		}
-		function ht(e, t) {
+		function Y(e, t) {
 			let n = L.value;
 			if (n) {
 				let r = n.getBoundingClientRect();
@@ -217,83 +241,83 @@ var ge = { class: "gd-ant-contract-signing-location__workspace" }, _e = { class:
 				y: t - i.top + r.scrollTop - o
 			};
 		}
-		function gt() {
+		function yt() {
 			return !!(document.activeElement && document.activeElement.tagName === "INPUT");
 		}
 		function X() {
-			let e = mt();
-			We.value = ie(K.value, e.layoutScrollTop, e.viewportHeight, 1);
-			let t = ee(K.value, e.layoutScrollTop + 1);
+			let e = vt();
+			He.value = h(G.value, e.layoutScrollTop, e.viewportHeight, 1);
+			let t = d(G.value, e.layoutScrollTop + 1);
 			if (t) {
 				let e = z.value !== t.pageIndex;
-				z.value = t.pageIndex, gt() || Q(t.pageIndex), e && F("view-page", t.pageIndex);
+				z.value = t.pageIndex, yt() || Q(t.pageIndex), e && F("view-page", t.pageIndex);
 			}
 		}
 		function Z() {
-			let e = We.value;
-			F("visible-pages", K.value.slice(Math.max(0, e.start), e.end + 1).map((e) => e.pageIndex));
+			let e = He.value;
+			F("visible-pages", G.value.slice(Math.max(0, e.start), e.end + 1).map((e) => e.pageIndex));
 		}
-		function _t() {
+		function bt() {
 			X(), W && clearTimeout(W), W = setTimeout(() => {
-				Z(), z.value !== Ye && (Ye = z.value, F("page-change", z.value));
+				Z(), z.value !== qe && (qe = z.value, F("page-change", z.value));
 			}, 80);
 		}
-		function vt(e) {
-			let t = I.value, n = L.value, r = Xe;
-			if (Xe = void 0, !t || !n || !r) return;
-			let i = K.value.find((e) => e.pageIndex === r.pageIndex);
+		function xt(e) {
+			let t = I.value, n = L.value, r = Je;
+			if (Je = void 0, !t || !n || !r) return;
+			let i = G.value.find((e) => e.pageIndex === r.pageIndex);
 			i && (t.scrollTop = n.offsetTop + i.top + r.offsetInPage * e, X());
 		}
-		function yt(e) {
+		function St(e) {
 			let t = I.value, n = L.value;
-			t && (z.value = e, Q(e), F("page-change", e), Ye = e, w(() => {
-				let r = ne(K.value, e);
+			t && (z.value = e, Q(e), F("page-change", e), qe = e, w(() => {
+				let r = p(G.value, e);
 				t.scrollTop = (n?.offsetTop ?? 0) + r, X(), Z();
 			}));
 		}
-		function bt(e) {
-			let t = P.placements.find((t) => t.id === e), n = I.value, r = L.value;
+		function Ct(e) {
+			let t = P.placements.find((t) => t.id === e), n = I.value, i = L.value;
 			if (!t || !n) return;
-			let i = K.value.find((e) => e.pageIndex === t.pageIndex);
-			i && (z.value = t.pageIndex, Q(t.pageIndex), w(() => {
-				let e = mt(), a = i.top + l(t).signTop * P.zoom, o = a + l(t).signHeight * P.zoom, s = e.layoutScrollTop, c = s + e.viewportHeight;
-				(a < s || o > c) && (n.scrollTop = (r?.offsetTop ?? 0) + Math.max(0, a - 24)), X(), Z(), F("page-change", t.pageIndex);
+			let a = G.value.find((e) => e.pageIndex === t.pageIndex);
+			a && (z.value = t.pageIndex, Q(t.pageIndex), w(() => {
+				let e = vt(), o = a.top + r(t).signTop * P.zoom, s = o + r(t).signHeight * P.zoom, c = e.layoutScrollTop, l = c + e.viewportHeight;
+				(o < c || s > l) && (n.scrollTop = (i?.offsetTop ?? 0) + Math.max(0, o - 24)), X(), Z(), F("page-change", t.pageIndex);
 			}));
 		}
 		function Q(e) {
 			let t = P.pages.findIndex((t) => t.pageIndex === e);
 			R.value = t >= 0 ? t + 1 : 1;
 		}
-		function xt(e) {
+		function wt(e) {
 			let t = P.pages.findIndex((e) => e.pageIndex === z.value), n = Math.min(P.pages.length - 1, Math.max(0, (t < 0 ? 0 : t) + e)), r = P.pages[n];
-			r && yt(r.pageIndex);
+			r && St(r.pageIndex);
 		}
-		function St(e) {
+		function Tt(e) {
 			let t = Number(e.target.value);
 			if (!Number.isFinite(t)) {
 				Q(z.value);
 				return;
 			}
 			let n = Math.min(P.pages.length, Math.max(1, Math.round(t))) - 1, r = P.pages[n];
-			r ? yt(r.pageIndex) : Q(z.value);
+			r ? St(r.pageIndex) : Q(z.value);
 		}
-		function Ct(e, t = "user") {
-			t === "user" && qe(), F("zoom-change", e);
+		function Et(e, t = "user") {
+			t === "user" && Ge(), F("zoom-change", e);
 		}
-		function wt(e) {
+		function Dt(e) {
 			e.target.closest(".gd-ant-contract-signing-location__placement") || F("select", "");
 		}
-		function Tt() {
-			window.addEventListener("pointermove", kt, { passive: !1 }), window.addEventListener("pointerup", $), window.addEventListener("pointercancel", $);
+		function Ot() {
+			window.addEventListener("pointermove", Mt, { passive: !1 }), window.addEventListener("pointerup", $), window.addEventListener("pointercancel", $);
 		}
-		function Et() {
-			window.removeEventListener("pointermove", kt), window.removeEventListener("pointerup", $), window.removeEventListener("pointercancel", $);
+		function kt() {
+			window.removeEventListener("pointermove", Mt), window.removeEventListener("pointerup", $), window.removeEventListener("pointercancel", $);
 		}
-		function Dt(e, t, n) {
+		function At(e, t, n) {
 			e.stopPropagation(), F("select", t.id);
-			let r = Y(t.pageIndex);
-			if (P.readonly || !r || !p(r) || e.button !== 0) return;
-			let i = ht(e.clientX, e.clientY), a = g(K.value, P.pages, i.x, i.y), o = e.currentTarget;
+			let r = J(t.pageIndex);
+			if (P.readonly || !r || !s(r) || e.button !== 0) return;
+			let i = Y(e.clientX, e.clientY), a = u(G.value, P.pages, i.x, i.y), o = e.currentTarget;
 			o.focus({ preventScroll: !0 }), V.value = {
 				pointerId: e.pointerId,
 				mode: n ? "resize" : "move",
@@ -301,230 +325,220 @@ var ge = { class: "gd-ant-contract-signing-location__workspace" }, _e = { class:
 				placementId: t.id,
 				startX: e.clientX,
 				startY: e.clientY,
-				origin: pt(t),
+				origin: _t(t),
 				grabOffsetX: (a?.x ?? t.signLeft) - t.signLeft,
 				grabOffsetY: (a?.y ?? t.signTop) - t.signTop
 			}, H = {
 				clientX: e.clientX,
 				clientY: e.clientY,
 				pointerId: e.pointerId
-			}, Tt(), Pt();
+			}, Ot(), Lt();
 			try {
 				o.setPointerCapture(e.pointerId);
 			} catch {}
 		}
-		function Ot(e, t, n) {
-			Dt(e, t, n);
+		function jt(e, t, n) {
+			At(e, t, n);
 		}
-		function kt(e) {
+		function Mt(e) {
 			let t = V.value;
 			!t || t.pointerId !== e.pointerId || (e.preventDefault(), H = {
 				clientX: e.clientX,
 				clientY: e.clientY,
 				pointerId: e.pointerId
-			}, At(H));
+			}, Nt(H));
 		}
 		function $(e) {
-			V.value?.pointerId === e.pointerId && (V.value = void 0, H = void 0, B.value = [], Je.value = void 0, Ft(), Et());
+			V.value?.pointerId === e.pointerId && (V.value = void 0, H = void 0, B.value = [], Ke.value = void 0, Rt(), kt());
 		}
-		function At(e) {
+		function Nt(e) {
 			let t = V.value;
 			if (!t) return;
 			if (t.mode === "resize") {
-				jt(t, e);
+				Pt(t, e);
 				return;
 			}
-			let n = ht(e.clientX, e.clientY), r = g(K.value, P.pages, n.x, n.y);
+			let n = Y(e.clientX, e.clientY), r = u(G.value, P.pages, n.x, n.y);
 			if (!r) return;
-			let i = Nt(r.pageIndex, t.origin.pageIndex);
-			if (!i || !p(i)) return;
-			let a = d(ut({
+			let i = It(r.pageIndex, t.origin.pageIndex);
+			if (!i || !s(i)) return;
+			let a = o(mt({
 				...t.origin,
 				pageIndex: i.pageIndex,
 				signLeft: r.x - t.grabOffsetX,
 				signTop: r.y - t.grabOffsetY
-			}, i), ot(i.pageIndex), P.zoom), o = ut(a.placement, i);
-			B.value = a.guides, Je.value = i.pageIndex, F("update", o);
-		}
-		function jt(e, t) {
-			let n = Y(e.origin.pageIndex), r = e.handle;
-			if (!n || !r || !p(n)) return;
-			let i = K.value.find((e) => e.pageIndex === n.pageIndex);
-			if (!i) return;
-			let a = ht(t.clientX, t.clientY), o = n.width / Math.max(1, i.width), s = n.height / Math.max(1, i.height), c = (a.x - i.left) * o, u = (a.y - i.top) * s;
+			}, i), ut(i.pageIndex), P.zoom), c = mt(a.placement, i);
+			B.value = a.guides, Ke.value = i.pageIndex, F("update", c);
+		}
+		function Pt(e, t) {
+			let n = J(e.origin.pageIndex), i = e.handle;
+			if (!n || !i || !s(n)) return;
+			let a = G.value.find((e) => e.pageIndex === n.pageIndex);
+			if (!a) return;
+			let o = Y(t.clientX, t.clientY), c = n.width / Math.max(1, a.width), l = n.height / Math.max(1, a.height), u = (o.x - a.left) * c, d = (o.y - a.top) * l;
 			if (e.origin.signType === "seal") {
-				Mt(e, n, r, c, u);
+				Ft(e, n, i, u, d);
 				return;
 			}
-			let d = l(e.origin), f = d.signLeft, m = d.signTop, h = d.signLeft + d.signWidth, g = d.signTop + d.signHeight;
-			r.includes("w") && (f = c), r.includes("e") && (h = c), r.includes("n") && (m = u), r.includes("s") && (g = u), h - f < 8 && (r.includes("w") ? f = h - 8 : h = f + 8), g - m < 8 && (r.includes("n") ? m = g - 8 : g = m + 8), F("update", ut({
+			let f = r(e.origin), p = f.signLeft, m = f.signTop, h = f.signLeft + f.signWidth, g = f.signTop + f.signHeight;
+			i.includes("w") && (p = u), i.includes("e") && (h = u), i.includes("n") && (m = d), i.includes("s") && (g = d), h - p < 8 && (i.includes("w") ? p = h - 8 : h = p + 8), g - m < 8 && (i.includes("n") ? m = g - 8 : g = m + 8), F("update", mt({
 				...e.origin,
-				signLeft: f,
+				signLeft: p,
 				signTop: m,
-				signWidth: h - f,
+				signWidth: h - p,
 				signHeight: g - m
 			}, n));
 		}
-		function Mt(e, t, n, r, i) {
-			let a = l(e.origin), o = a.signLeft, s = a.signTop, c = a.signLeft + a.signWidth, u = a.signTop + a.signHeight, d = P.sealSizeLimit, f;
-			if (n.length === 2) {
-				let e = n.includes("e") ? o : c, t = n.includes("s") ? s : u;
-				f = Math.max(Math.abs(r - e), Math.abs(i - t));
-			} else f = n === "e" ? r - o : n === "w" ? c - r : n === "s" ? i - s : u - i;
-			let p;
-			p = n === "nw" ? Math.min(c, u) : n === "sw" ? Math.min(c, t.height - s) : n === "ne" ? Math.min(t.width - o, u) : n === "se" ? Math.min(t.width - o, t.height - s) : n === "w" ? Math.min(c, t.height - s) : n === "e" ? Math.min(t.width - o, t.height - s) : n === "n" ? Math.min(t.width - o, u) : Math.min(t.width - o, t.height - s);
-			let m = Math.min(d.max, Math.max(1, p)), h = Math.min(d.min, m);
-			f = Math.min(Math.max(f, h), m), F("update", ut({
+		function Ft(e, t, n, r, i) {
+			let o = a(e.origin, n, r, i, t, P.sealSizeLimit);
+			F("update", mt({
 				...e.origin,
-				signLeft: n.includes("w") ? c - f : o,
-				signTop: n.includes("n") ? u - f : s,
-				signWidth: f,
-				signHeight: f
+				...o
 			}, t));
 		}
-		function Nt(e, t) {
-			let n = Y(e);
-			return n && p(n) ? n : Y(t);
+		function It(e, t) {
+			let n = J(e);
+			return n && s(n) ? n : J(t);
 		}
-		function Pt() {
-			Ft();
+		function Lt() {
+			Rt();
 			let e = () => {
 				let t = V.value, n = I.value;
 				if (!t || !n || !H) {
 					U = 0;
 					return;
 				}
-				let r = n.getBoundingClientRect(), i = te(H.clientY, r);
-				i !== 0 && (n.scrollTop += i, X(), At(H)), U = requestAnimationFrame(e);
+				let r = n.getBoundingClientRect(), i = f(H.clientY, r);
+				i !== 0 && (n.scrollTop += i, X(), Nt(H)), U = requestAnimationFrame(e);
 			};
 			U = requestAnimationFrame(e);
 		}
-		function Ft() {
+		function Rt() {
 			U &&= (cancelAnimationFrame(U), 0);
 		}
-		function It(e, t) {
-			let n = Y(t.pageIndex);
-			if (P.readonly || !n || !p(n)) return;
+		function zt(e, t) {
+			let n = J(t.pageIndex);
+			if (P.readonly || !n || !s(n)) return;
 			if (e.key === "Delete" || e.key === "Backspace") {
 				e.preventDefault(), F("remove", t.id);
 				return;
 			}
-			let r = e.shiftKey ? 10 : 1, i = 0, a = 0;
-			if (e.key === "ArrowLeft") i = -r;
-			else if (e.key === "ArrowRight") i = r;
-			else if (e.key === "ArrowUp") a = -r;
-			else if (e.key === "ArrowDown") a = r;
+			let r = e.shiftKey ? 10 : 1, a = 0, o = 0;
+			if (e.key === "ArrowLeft") a = -r;
+			else if (e.key === "ArrowRight") a = r;
+			else if (e.key === "ArrowUp") o = -r;
+			else if (e.key === "ArrowDown") o = r;
 			else return;
-			e.preventDefault(), F("update", u(t, i, a, n, {
+			e.preventDefault(), F("update", i(t, a, o, n, {
 				width: n.width,
 				height: n.height
 			}, { sealSizeLimit: P.sealSizeLimit }));
 		}
-		function Lt(e) {
+		function Bt(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 zt(e.type) ? e.type : void 0;
+				return Ht(e.type) ? e.type : void 0;
 			} catch {
-				return zt(t) ? t : void 0;
+				return Ht(t) ? t : void 0;
 			}
 		}
-		function Rt(e) {
+		function Vt(e) {
 			if (P.readonly) return;
-			let t = Lt(e);
+			let t = Bt(e);
 			if (!t) return;
 			e.preventDefault();
-			let n = ht(e.clientX, e.clientY), r = g(K.value, P.pages, n.x, n.y, 1);
+			let n = Y(e.clientX, e.clientY), r = u(G.value, P.pages, n.x, n.y, 1);
 			r && F("add", t, r.x, r.y, r.pageIndex);
 		}
-		function zt(e) {
+		function Ht(e) {
 			return e === "seal" || e === "signature" || e === "date";
 		}
-		return Ve({
-			scrollToPage: yt,
-			scrollToPlacement: bt,
-			fitWidth: Ke
-		}), (o, s) => (E(), b("main", ge, [x("header", _e, [x("div", null, [x("strong", null, k(C.file?.fileName || "合同页面"), 1), q.value ? (E(), b("span", ve, "第 " + k(q.value.displayPageNumber) + " 页 · PDF " + k(q.value.width) + " × " + k(q.value.height), 1)) : y("", !0)]), x("div", ye, [x("div", be, [
+		return ze({
+			scrollToPage: St,
+			scrollToPlacement: Ct,
+			fitWidth: We
+		}), (e, t) => (E(), b("main", me, [x("header", he, [x("div", null, [x("strong", null, k(C.file?.fileName || "合同页面"), 1), K.value ? (E(), b("span", ge, "第 " + k(K.value.displayPageNumber) + " 页 · PDF " + k(K.value.width) + " × " + k(K.value.height), 1)) : y("", !0)]), x("div", _e, [x("div", ve, [
 			S(A(N), {
 				size: "small",
 				disabled: R.value <= 1,
 				"aria-label": "上一页",
-				onClick: s[0] ||= (e) => xt(-1)
+				onClick: t[0] ||= (e) => wt(-1)
 			}, {
-				default: j(() => [S(A(t), { "aria-hidden": "true" })]),
+				default: j(() => [S(A(ue), { "aria-hidden": "true" })]),
 				_: 1
 			}, 8, ["disabled"]),
 			x("label", null, [
-				s[6] ||= se(" 第 ", -1),
+				t[6] ||= te(" 第 ", -1),
 				x("input", {
 					value: R.value,
 					type: "number",
 					min: "1",
 					max: Math.max(1, C.pages.length),
-					onChange: St,
-					onKeydown: me(St, ["enter"])
-				}, null, 40, xe),
-				se(" / " + k(C.pages.length) + " 页 ", 1)
+					onChange: Tt,
+					onKeydown: se(Tt, ["enter"])
+				}, null, 40, ye),
+				te(" / " + k(C.pages.length) + " 页 ", 1)
 			]),
 			S(A(N), {
 				size: "small",
 				disabled: R.value >= C.pages.length,
 				"aria-label": "下一页",
-				onClick: s[1] ||= (e) => xt(1)
+				onClick: t[1] ||= (e) => wt(1)
 			}, {
-				default: j(() => [S(A(n), { "aria-hidden": "true" })]),
+				default: j(() => [S(A(de), { "aria-hidden": "true" })]),
 				_: 1
 			}, 8, ["disabled"])
-		]), x("div", Se, [
+		]), x("div", be, [
 			S(A(N), {
 				size: "small",
-				disabled: C.zoom <= et.value,
+				disabled: C.zoom <= $e.value,
 				"aria-label": "缩小页面",
-				onClick: s[2] ||= (e) => Ct(C.zoom - .1)
+				onClick: t[2] ||= (e) => Et(C.zoom - .1)
 			}, {
-				default: j(() => [S(A(i), { "aria-hidden": "true" })]),
+				default: j(() => [S(A(pe), { "aria-hidden": "true" })]),
 				_: 1
 			}, 8, ["disabled"]),
 			x("button", {
 				type: "button",
-				onClick: s[3] ||= (e) => Ct(1)
+				onClick: t[3] ||= (e) => Et(1)
 			}, k(Math.round(C.zoom * 100)) + "%", 1),
 			S(A(N), {
 				size: "small",
-				disabled: C.zoom >= tt.value,
+				disabled: C.zoom >= et.value,
 				"aria-label": "放大页面",
-				onClick: s[4] ||= (e) => Ct(C.zoom + .1)
+				onClick: t[4] ||= (e) => Et(C.zoom + .1)
 			}, {
-				default: j(() => [S(A(r), { "aria-hidden": "true" })]),
+				default: j(() => [S(A(fe), { "aria-hidden": "true" })]),
 				_: 1
 			}, 8, ["disabled"]),
 			S(A(N), {
 				size: "small",
 				"aria-label": "适应宽度",
 				title: "适应宽度",
-				onClick: A(Ke)
+				onClick: A(We)
 			}, {
-				default: j(() => [S(A(e), { "aria-hidden": "true" })]),
+				default: j(() => [S(A(le), { "aria-hidden": "true" })]),
 				_: 1
 			}, 8, ["onClick"])
 		])])]), x("div", {
 			ref_key: "scrollRef",
 			ref: I,
 			class: "gd-ant-contract-signing-location__canvas-scroll",
-			onScrollPassive: _t,
-			onClick: wt,
-			onDragover: s[5] ||= M(() => {}, ["prevent"]),
-			onDrop: Rt
+			onScrollPassive: bt,
+			onClick: Dt,
+			onDragover: t[5] ||= M(() => {}, ["prevent"]),
+			onDrop: Vt
 		}, [C.pages.length ? (E(), b("div", {
 			key: 1,
 			ref_key: "stackRef",
 			ref: L,
 			class: "gd-ant-contract-signing-location__page-stack",
 			style: T({
-				width: `${Ze.value.width}px`,
-				height: `${Ze.value.height}px`
+				width: `${Xe.value.width}px`,
+				height: `${Xe.value.height}px`
 			})
-		}, [(E(!0), b(_, null, D($e.value, (e) => (E(), b("div", {
+		}, [(E(!0), b(_, null, D(Qe.value, (e) => (E(), b("div", {
 			key: e.layout.pageIndex,
 			class: "gd-ant-contract-signing-location__page-shell",
 			style: T({
@@ -546,67 +560,69 @@ var ge = { class: "gd-ant-contract-signing-location__workspace" }, _e = { class:
 			class: "gd-ant-contract-signing-location__page-image",
 			src: e.page.previewUrl,
 			alt: "合同页面预览"
-		}, null, 8, Te)) : (E(), b("div", Ee, [it(e.layout.pageIndex) ? (E(), b(_, { key: 0 }, [x("strong", null, "第 " + k(e.page.displayPageNumber) + " 页加载中…", 1), x("span", null, k(e.page.width) + " × " + k(e.page.height), 1)], 64)) : at(e.layout.pageIndex) ? (E(), b(_, { key: 1 }, [
-			s[7] ||= x("strong", null, "合同页面预览加载失败", -1),
-			x("span", null, k(at(e.layout.pageIndex)), 1),
+		}, null, 8, Ce)) : (E(), b("div", we, [ct(e.layout.pageIndex) ? (E(), b(_, { key: 0 }, [x("strong", null, "第 " + k(e.page.displayPageNumber) + " 页加载中…", 1), x("span", null, k(e.page.width) + " × " + k(e.page.height), 1)], 64)) : lt(e.layout.pageIndex) ? (E(), b(_, { key: 1 }, [
+			t[7] ||= x("strong", null, "合同页面预览加载失败", -1),
+			x("span", null, k(lt(e.layout.pageIndex)), 1),
 			x("button", {
 				type: "button",
 				onClick: M((t) => F("retry", e.layout.pageIndex), ["stop"])
-			}, "重试当前页", 8, De)
-		], 64)) : A(p)(e.page) ? (E(), b(_, { key: 3 }, [
+			}, "重试当前页", 8, Te)
+		], 64)) : A(s)(e.page) ? (E(), b(_, { key: 3 }, [
 			x("strong", null, "第 " + k(e.page.displayPageNumber) + " 页", 1),
 			x("span", null, k(e.page.width) + " × " + k(e.page.height), 1),
-			s[10] ||= x("small", null, "等待 dataProvider 返回页面预览图", -1)
+			t[10] ||= x("small", null, "等待 dataProvider 返回页面预览图", -1)
 		], 64)) : (E(), b(_, { key: 2 }, [
-			s[8] ||= x("strong", null, "页面元数据不完整", -1),
-			s[9] ||= x("span", null, "缺少有效的原始宽高，无法安全计算签署坐标。", -1),
+			t[8] ||= x("strong", null, "页面元数据不完整", -1),
+			t[9] ||= x("span", null, "缺少有效的原始宽高，无法安全计算签署坐标。", -1),
 			x("button", {
 				type: "button",
 				onClick: M((t) => F("retry", e.layout.pageIndex), ["stop"])
-			}, "重新加载页面", 8, Oe)
-		], 64))])), x("div", ke, [x("div", Ae, [
-			J.value && J.value.pageIndex === e.layout.pageIndex ? (E(), b("div", {
+			}, "重新加载页面", 8, Ee)
+		], 64))])), x("div", De, [x("div", Oe, [
+			tt.value && tt.value.pageIndex === e.layout.pageIndex ? (E(), b("div", {
 				key: 0,
 				class: "gd-ant-contract-signing-location__coordinate-guides",
-				style: T(lt(J.value)),
+				style: T(pt(tt.value)),
 				"aria-hidden": "true"
 			}, [
-				x("span", je, [x("small", null, "上 " + k(st(e.page)?.top), 1)]),
-				x("span", Me, [x("small", null, "下 " + k(st(e.page)?.bottom), 1)]),
-				x("span", Ne, [x("small", null, "左 " + k(st(e.page)?.left), 1)]),
-				x("span", Pe, [x("small", null, "右 " + k(st(e.page)?.right), 1)])
+				x("span", ke, [x("small", null, "上 " + k(dt(e.page)?.top), 1)]),
+				x("span", Ae, [x("small", null, "下 " + k(dt(e.page)?.bottom), 1)]),
+				x("span", je, [x("small", null, "左 " + k(dt(e.page)?.left), 1)]),
+				x("span", Me, [x("small", null, "右 " + k(dt(e.page)?.right), 1)])
 			], 4)) : y("", !0),
-			B.value.length && Je.value === e.layout.pageIndex ? (E(), b("div", Fe, [(E(!0), b(_, null, D(B.value, (e, t) => (E(), b("span", {
+			B.value.length && Ke.value === e.layout.pageIndex ? (E(), b("div", Ne, [(E(!0), b(_, null, D(B.value, (e, t) => (E(), b("span", {
 				key: `${e.axis}-${t}`,
-				class: ce(e.axis === "x" ? "is-vertical" : "is-horizontal"),
+				class: ne(e.axis === "x" ? "is-vertical" : "is-horizontal"),
 				style: T(e.axis === "x" ? { left: `${e.position}px` } : { top: `${e.position}px` })
 			}, null, 6))), 128))])) : y("", !0),
-			(E(!0), b(_, null, D(ot(e.layout.pageIndex), (e) => (E(), b("button", {
+			(E(!0), b(_, null, D(ut(e.layout.pageIndex), (e) => (E(), b("button", {
 				key: e.id,
 				type: "button",
-				class: ce(["gd-ant-contract-signing-location__placement", [`is-${e.signType}`, {
-					"is-selected": e.id === C.selectedPlacementId,
-					"is-compact": dt(e)
-				}]]),
-				style: T(ct(e)),
-				title: A(a)[e.signType],
-				"aria-label": A(a)[e.signType],
+				class: ne(["gd-ant-contract-signing-location__placement", [`is-${e.signType}`, { "is-selected": e.id === C.selectedPlacementId }]]),
+				style: T(ft(e)),
+				title: ht(e).alt,
+				"aria-label": ht(e).alt,
 				"aria-pressed": e.id === C.selectedPlacementId,
 				onClick: M((t) => F("select", e.id), ["stop"]),
-				onPointerdown: (t) => Dt(t, e),
+				onPointerdown: (t) => At(t, e),
 				onLostpointercapture: $,
-				onKeydown: (t) => It(t, e)
+				onKeydown: (t) => zt(t, e)
 			}, [
-				x("span", Le, [(E(), oe(fe(A(f)[e.signType]))), dt(e) ? y("", !0) : (E(), b("span", Re, k(A(a)[e.signType]), 1))]),
-				e.mustSign ? (E(), b("span", ze, "必签")) : y("", !0),
-				(E(!0), b(_, null, D(ft(e) ? Ue : [], (t) => (E(), b("i", {
+				x("span", Fe, [x("img", {
+					class: "gd-ant-contract-signing-location__placement-visual",
+					src: ht(e).dataUrl,
+					alt: ht(e).alt,
+					draggable: "false"
+				}, null, 8, Ie)]),
+				e.mustSign ? (E(), b("span", Le, "必签")) : y("", !0),
+				(E(!0), b(_, null, D(gt(e) ? Ve : [], (t) => (E(), b("i", {
 					key: t,
-					class: ce(["gd-ant-contract-signing-location__resize-handle", `is-${t}`]),
-					onPointerdown: M((n) => Ot(n, e, t), ["stop"])
-				}, null, 42, Be))), 128))
-			], 46, Ie))), 128))
-		])])], 12, we)], 4))), 128))], 4)) : (E(), b("div", Ce, "请选择可用的合同页面"))], 544)]));
+					class: ne(["gd-ant-contract-signing-location__resize-handle", `is-${t}`]),
+					onPointerdown: M((n) => jt(n, e, t), ["stop"])
+				}, null, 42, Re))), 128))
+			], 46, Pe))), 128))
+		])])], 12, Se)], 4))), 128))], 4)) : (E(), b("div", xe, "请选择可用的合同页面"))], 544)]));
 	}
 });
 //#endregion
-export { Ve as default };
+export { ze as default };