@guodun/antdv 1.2.4 → 1.3.0

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

@@ -0,0 +1,612 @@
+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 { Button as N } from "ant-design-vue";
+import { useElementSize as he } from "@vueuse/core";
+//#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 = {
+	class: "gd-ant-contract-signing-location__page-jumper",
+	"aria-label": "页码跳转"
+}, xe = ["value", "max"], Se = {
+	class: "gd-ant-contract-signing-location__zoom-tools",
+	"aria-label": "页面缩放"
+}, Ce = {
+	key: 0,
+	class: "gd-ant-contract-signing-location__canvas-state"
+}, we = ["aria-label"], Te = ["src"], Ee = {
+	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 = {
+	key: 1,
+	class: "gd-ant-contract-signing-location__snap-guides",
+	"aria-hidden": "true"
+}, Ie = [
+	"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 = {
+	key: 0,
+	class: "gd-ant-contract-signing-location__placement-badge"
+}, Be = ["onPointerdown"], Ve = /* @__PURE__ */ C({
+	name: "ContractSigningLocationCanvas",
+	__name: "ContractSigningLocationCanvas",
+	props: {
+		file: {},
+		pages: {},
+		placements: {},
+		selectedPlacementId: {},
+		readonly: { type: Boolean },
+		resizable: { type: Boolean },
+		zoom: {},
+		previewLoadingKeys: {},
+		previewErrorMap: {},
+		activePageIndex: {},
+		minZoom: {},
+		maxZoom: {},
+		sealSizeLimit: {}
+	},
+	emits: [
+		"select",
+		"add",
+		"update",
+		"remove",
+		"retry",
+		"visible-pages",
+		"view-page",
+		"page-change",
+		"zoom-change",
+		"scroll-to-ready"
+	],
+	setup(C, { expose: Ve, emit: He }) {
+		let Ue = [
+			"nw",
+			"n",
+			"ne",
+			"e",
+			"se",
+			"s",
+			"sw",
+			"w"
+		], P = C, F = He, I = de(null), L = de(null), R = O(1), z = O(P.activePageIndex), We = 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)),
+			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);
+			return t ? [{
+				layout: e,
+				page: t,
+				logical: nt(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(","), () => {
+			w(() => {
+				X(), Z(), F("scroll-to-ready");
+			});
+		}), pe(() => 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];
+			if (!i) return;
+			Xe = {
+				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(() => {
+				X(), Z();
+			}), G.observe(I.value));
+		}), le(() => {
+			Ft(), Et(), W && clearTimeout(W), G?.disconnect(), G = void 0;
+		});
+		function Y(e) {
+			return P.pages.find((t) => t.pageIndex === e);
+		}
+		function nt(e) {
+			return p(e) ? {
+				width: e.width,
+				height: e.height
+			} : { ...m };
+		}
+		function rt(e) {
+			return `${P.file?.fileId ?? ""}:${e}`;
+		}
+		function it(e) {
+			return P.previewLoadingKeys.includes(rt(e));
+		}
+		function at(e) {
+			return P.previewErrorMap[rt(e)] || "";
+		}
+		function ot(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 ct(e) {
+			let t = l(e);
+			return {
+				left: `${t.signLeft}px`,
+				top: `${t.signTop}px`,
+				width: `${t.signWidth}px`,
+				height: `${t.signHeight}px`
+			};
+		}
+		function lt(e) {
+			let t = l(e);
+			return {
+				"--gd-contract-sign-left": `${t.signLeft}px`,
+				"--gd-contract-sign-top": `${t.signTop}px`,
+				"--gd-contract-sign-right": `${t.signLeft + t.signWidth}px`,
+				"--gd-contract-sign-bottom": `${t.signTop + t.signHeight}px`
+			};
+		}
+		function ut(e, t) {
+			return s(e, t, { sealSizeLimit: P.sealSizeLimit });
+		}
+		function dt(e) {
+			return l(e).signWidth < 90;
+		}
+		function ft(e) {
+			return o(e, P.resizable, P.readonly) && e.id === P.selectedPlacementId;
+		}
+		function pt(e) {
+			return {
+				...e,
+				sealType: e.sealType ? [...e.sealType] : void 0
+			};
+		}
+		function mt() {
+			let e = I.value, t = L.value;
+			if (!e) return {
+				layoutScrollTop: 0,
+				viewportHeight: 0
+			};
+			let n = t?.offsetTop ?? 0;
+			return {
+				layoutScrollTop: e.scrollTop - n,
+				viewportHeight: e.clientHeight
+			};
+		}
+		function ht(e, t) {
+			let n = L.value;
+			if (n) {
+				let r = n.getBoundingClientRect();
+				return {
+					x: e - r.left,
+					y: t - r.top
+				};
+			}
+			let r = I.value;
+			if (!r) return {
+				x: e,
+				y: t
+			};
+			let i = r.getBoundingClientRect(), a = Number.parseFloat(getComputedStyle(r).paddingLeft) || 0, o = Number.parseFloat(getComputedStyle(r).paddingTop) || 0;
+			return {
+				x: e - i.left + r.scrollLeft - a,
+				y: t - i.top + r.scrollTop - o
+			};
+		}
+		function gt() {
+			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);
+			if (t) {
+				let e = z.value !== t.pageIndex;
+				z.value = t.pageIndex, gt() || 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));
+		}
+		function _t() {
+			X(), W && clearTimeout(W), W = setTimeout(() => {
+				Z(), z.value !== Ye && (Ye = 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);
+			i && (t.scrollTop = n.offsetTop + i.top + r.offsetInPage * e, X());
+		}
+		function yt(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.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;
+			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);
+			}));
+		}
+		function Q(e) {
+			let t = P.pages.findIndex((t) => t.pageIndex === e);
+			R.value = t >= 0 ? t + 1 : 1;
+		}
+		function xt(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);
+		}
+		function St(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);
+		}
+		function Ct(e, t = "user") {
+			t === "user" && qe(), F("zoom-change", e);
+		}
+		function wt(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 Et() {
+			window.removeEventListener("pointermove", kt), window.removeEventListener("pointerup", $), window.removeEventListener("pointercancel", $);
+		}
+		function Dt(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;
+			o.focus({ preventScroll: !0 }), V.value = {
+				pointerId: e.pointerId,
+				mode: n ? "resize" : "move",
+				handle: n,
+				placementId: t.id,
+				startX: e.clientX,
+				startY: e.clientY,
+				origin: pt(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();
+			try {
+				o.setPointerCapture(e.pointerId);
+			} catch {}
+		}
+		function Ot(e, t, n) {
+			Dt(e, t, n);
+		}
+		function kt(e) {
+			let t = V.value;
+			!t || t.pointerId !== e.pointerId || (e.preventDefault(), H = {
+				clientX: e.clientX,
+				clientY: e.clientY,
+				pointerId: e.pointerId
+			}, At(H));
+		}
+		function $(e) {
+			V.value?.pointerId === e.pointerId && (V.value = void 0, H = void 0, B.value = [], Je.value = void 0, Ft(), Et());
+		}
+		function At(e) {
+			let t = V.value;
+			if (!t) return;
+			if (t.mode === "resize") {
+				jt(t, e);
+				return;
+			}
+			let n = ht(e.clientX, e.clientY), r = g(K.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({
+				...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;
+			if (e.origin.signType === "seal") {
+				Mt(e, n, r, c, u);
+				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({
+				...e.origin,
+				signLeft: f,
+				signTop: m,
+				signWidth: h - f,
+				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({
+				...e.origin,
+				signLeft: n.includes("w") ? c - f : o,
+				signTop: n.includes("n") ? u - f : s,
+				signWidth: f,
+				signHeight: f
+			}, t));
+		}
+		function Nt(e, t) {
+			let n = Y(e);
+			return n && p(n) ? n : Y(t);
+		}
+		function Pt() {
+			Ft();
+			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);
+			};
+			U = requestAnimationFrame(e);
+		}
+		function Ft() {
+			U &&= (cancelAnimationFrame(U), 0);
+		}
+		function It(e, t) {
+			let n = Y(t.pageIndex);
+			if (P.readonly || !n || !p(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;
+			else return;
+			e.preventDefault(), F("update", u(t, i, a, n, {
+				width: n.width,
+				height: n.height
+			}, { sealSizeLimit: P.sealSizeLimit }));
+		}
+		function Lt(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;
+			} catch {
+				return zt(t) ? t : void 0;
+			}
+		}
+		function Rt(e) {
+			if (P.readonly) return;
+			let t = Lt(e);
+			if (!t) return;
+			e.preventDefault();
+			let n = ht(e.clientX, e.clientY), r = g(K.value, P.pages, n.x, n.y, 1);
+			r && F("add", t, r.x, r.y, r.pageIndex);
+		}
+		function zt(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, [
+			S(A(N), {
+				size: "small",
+				disabled: R.value <= 1,
+				"aria-label": "上一页",
+				onClick: s[0] ||= (e) => xt(-1)
+			}, {
+				default: j(() => [S(A(t), { "aria-hidden": "true" })]),
+				_: 1
+			}, 8, ["disabled"]),
+			x("label", null, [
+				s[6] ||= se(" 第 ", -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)
+			]),
+			S(A(N), {
+				size: "small",
+				disabled: R.value >= C.pages.length,
+				"aria-label": "下一页",
+				onClick: s[1] ||= (e) => xt(1)
+			}, {
+				default: j(() => [S(A(n), { "aria-hidden": "true" })]),
+				_: 1
+			}, 8, ["disabled"])
+		]), x("div", Se, [
+			S(A(N), {
+				size: "small",
+				disabled: C.zoom <= et.value,
+				"aria-label": "缩小页面",
+				onClick: s[2] ||= (e) => Ct(C.zoom - .1)
+			}, {
+				default: j(() => [S(A(i), { "aria-hidden": "true" })]),
+				_: 1
+			}, 8, ["disabled"]),
+			x("button", {
+				type: "button",
+				onClick: s[3] ||= (e) => Ct(1)
+			}, k(Math.round(C.zoom * 100)) + "%", 1),
+			S(A(N), {
+				size: "small",
+				disabled: C.zoom >= tt.value,
+				"aria-label": "放大页面",
+				onClick: s[4] ||= (e) => Ct(C.zoom + .1)
+			}, {
+				default: j(() => [S(A(r), { "aria-hidden": "true" })]),
+				_: 1
+			}, 8, ["disabled"]),
+			S(A(N), {
+				size: "small",
+				"aria-label": "适应宽度",
+				title: "适应宽度",
+				onClick: A(Ke)
+			}, {
+				default: j(() => [S(A(e), { "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
+		}, [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`
+			})
+		}, [(E(!0), b(_, null, D($e.value, (e) => (E(), b("div", {
+			key: e.layout.pageIndex,
+			class: "gd-ant-contract-signing-location__page-shell",
+			style: T({
+				top: `${e.layout.top}px`,
+				left: `${e.layout.left}px`,
+				width: `${e.layout.width}px`,
+				height: `${e.layout.height}px`
+			})
+		}, [x("div", {
+			class: "gd-ant-contract-signing-location__page",
+			style: T({
+				width: `${e.logical.width}px`,
+				height: `${e.logical.height}px`,
+				transform: `scale(${C.zoom})`
+			}),
+			"aria-label": `${C.file?.fileName || "合同"}第 ${e.page.displayPageNumber} 页`
+		}, [e.page.previewUrl ? (E(), b("img", {
+			key: 0,
+			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),
+			x("button", {
+				type: "button",
+				onClick: M((t) => F("retry", e.layout.pageIndex), ["stop"])
+			}, "重试当前页", 8, De)
+		], 64)) : A(p)(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)
+		], 64)) : (E(), b(_, { key: 2 }, [
+			s[8] ||= x("strong", null, "页面元数据不完整", -1),
+			s[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", {
+				key: 0,
+				class: "gd-ant-contract-signing-location__coordinate-guides",
+				style: T(lt(J.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)])
+			], 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", {
+				key: `${e.axis}-${t}`,
+				class: ce(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", {
+				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],
+				"aria-pressed": e.id === C.selectedPlacementId,
+				onClick: M((t) => F("select", e.id), ["stop"]),
+				onPointerdown: (t) => Dt(t, e),
+				onLostpointercapture: $,
+				onKeydown: (t) => It(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", {
+					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)]));
+	}
+});
+//#endregion
+export { Ve as default };

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

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