@guodun/antdv 1.3.2 → 1.4.0

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

@@ -1,23 +1,25 @@
 import { CONTRACT_SIGNING_SEAL_TYPE_OPTIONS as e } from "./constants.mjs";
 import { clampContractSigningPlacement as t, clampContractSigningZoom as n, normalizeContractSigningCoordinateScale as r, resolveContractSigningSealSizeLimit as i } from "./coordinates.mjs";
-import { ContractSigningLocationBuildError as a, buildContractSigningLocationOutput as o, cloneContractSigningLocationValue as s, createContractSigningLocationValue as ee, createContractSigningPlacement as te, findContractSigningPage as c, getContractSigningHomePage as ne, isContractSigningPageUsable as re, normalizeContractSigningLocationValue as l, normalizeContractSigningProviderValue as ie, patchContractSigningPlacement as ae, resolveContractSigningPreviewPageSize as oe, validateContractSigningLocationValue as se } from "./location-rules.mjs";
+import { isContractSigningTemplateFile as a } from "./template-source.mjs";
+import { ContractSigningLocationBuildError as o, buildContractSigningLocationOutput as ee, cloneContractSigningLocationValue as s, createContractSigningLocationValue as c, createContractSigningPlacement as te, findContractSigningPage as l, getContractSigningHomePage as ne, isContractSigningPageUsable as re, normalizeContractSigningLocationValue as u, normalizeContractSigningProviderValue as ie, patchContractSigningPlacement as ae, resolveContractSigningPreviewPageSize as oe, validateContractSigningLocationValue as se } from "./location-rules.mjs";
 import ce from "./ContractSigningLocationCanvas.mjs";
 import le from "./ContractSigningLocationInspector.mjs";
 import ue from "./ContractSigningLocationNavigator.mjs";
 import { ContractSigningPreviewRequests as de } from "./preview-requests.mjs";
-import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as fe, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as pe, nextTick as g, normalizeClass as _, normalizeStyle as me, onBeforeUnmount as he, openBlock as v, ref as y, shallowRef as b, toDisplayString as ge, unref as x, watch as S, withCtx as C } from "vue";
-import { Button as w, Tooltip as _e } from "ant-design-vue";
+import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as fe, createVNode as g, defineComponent as pe, nextTick as _, normalizeClass as v, normalizeStyle as me, onBeforeUnmount as he, openBlock as y, ref as b, shallowRef as x, toDisplayString as ge, unref as S, watch as C, withCtx as w } from "vue";
+import { Button as T, Tooltip as _e } from "ant-design-vue";
 import { LeftOutlined as ve, ReloadOutlined as ye, RightOutlined as be } from "@ant-design/icons-vue";
 //#region src/components/contract-signing-location/src/ContractSigningLocation.vue?vue&type=script&setup=true&lang.ts
-var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "gd-ant-contract-signing-location__header-actions" }, Ce = { class: "gd-ant-contract-signing-location__placement-count" }, we = {
+var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "gd-ant-contract-signing-location__title" }, Ce = { class: "gd-ant-contract-signing-location__header-actions" }, we = { class: "gd-ant-contract-signing-location__placement-count" }, Te = {
 	key: 0,
 	class: "gd-ant-contract-signing-location__error",
 	role: "alert"
-}, Te = ["aria-label", "aria-expanded"], Ee = { class: "gd-ant-contract-signing-location__panel-stack" }, De = ["aria-label", "aria-expanded"], Oe = { class: "gd-ant-contract-signing-location__panel-stack" }, ke = /* @__PURE__ */ pe({
+}, Ee = ["aria-label", "aria-expanded"], De = { class: "gd-ant-contract-signing-location__panel-stack" }, Oe = ["aria-label", "aria-expanded"], ke = { class: "gd-ant-contract-signing-location__panel-stack" }, Ae = /* @__PURE__ */ pe({
 	name: "ContractSigningLocation",
 	__name: "ContractSigningLocation",
 	props: {
 		modelValue: { default: void 0 },
+		mode: { default: "placement" },
 		contractId: { default: "" },
 		dataProvider: { default: void 0 },
 		sealTypeOptions: { default: () => e.map((e) => ({ ...e })) },
@@ -47,6 +49,10 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 		showSubmitButton: {
 			type: Boolean,
 			default: !0
+		},
+		showInspector: {
+			type: Boolean,
+			default: void 0
 		}
 	},
 	emits: [
@@ -59,191 +65,192 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 		"submit",
 		"error"
 	],
-	setup(e, { expose: pe, emit: ke }) {
-		let T = e, E = ke, D = u(() => i(T.sealMinSize, T.sealMaxSize)), O = l(T.modelValue ?? ee(T.contractId), {
-			sealSizeLimit: D.value,
-			sealTypeOptions: T.sealTypeOptions
-		}), k = y(O), Ae = b(s(O)), A = b(O.files[0]?.fileId ?? ""), j = b(O.files[0]?.pages[0]?.pageIndex ?? 0), M = b(""), N = b(!1), P = b(""), F = y([]), I = y({}), L = b(Be(T.zoom)), R = y(null), z = y(!1), B = y(!1), V = 0, H = !1, U, W = [], G = 0, K = new de(), q = u(() => T.readonly || T.disabled), je = u(() => k.value.files.length <= 1), Me = u(() => _t(T.height)), J = u(() => k.value.files.find((e) => e.fileId === A.value) ?? k.value.files[0]), Ne = u(() => J.value?.pages.find((e) => e.pageIndex === j.value) ?? J.value?.pages[0]), Pe = u(() => {
-			let e = J.value;
-			return e ? k.value.placements.filter((t) => t.fileId === e.fileId) : [];
-		}), Y = u(() => k.value.placements.find((e) => e.id === M.value)), Fe = u(() => {
+	setup(e, { expose: pe, emit: Ae }) {
+		let E = e, D = Ae, O = d(() => i(E.sealMinSize, E.sealMaxSize)), k = u(E.modelValue ?? c(E.contractId), {
+			sealSizeLimit: O.value,
+			sealTypeOptions: E.sealTypeOptions
+		}), A = b(k), je = x(s(k)), j = x(k.files[0]?.fileId ?? ""), M = x(k.files[0]?.pages[0]?.pageIndex ?? 0), N = x(""), P = x(!1), F = x(""), I = b([]), L = b({}), R = x(We(E.zoom)), z = b(null), B = b(!1), V = b(!1), H = 0, U = !1, Me, W = [], G = 0, K = new de(), q = d(() => E.mode === "preview"), J = d(() => q.value || E.readonly || E.disabled), Ne = d(() => E.showInspector ?? !q.value), Pe = d(() => !q.value && E.showSubmitButton), Fe = d(() => A.value.files.length <= 1), Ie = d(() => St(E.height)), Y = d(() => A.value.files.find((e) => e.fileId === j.value) ?? A.value.files[0]), Le = d(() => Y.value?.pages.find((e) => e.pageIndex === M.value) ?? Y.value?.pages[0]), Re = d(() => {
 			let e = Y.value;
-			return e ? c(k.value, e.fileId, e.pageIndex) ?? Ne.value : Ne.value;
-		}), Ie = u(() => F.value.filter((e) => e.endsWith(":thumbnail")).map((e) => e.slice(0, -10))), Le = u(() => Object.keys(I.value).filter((e) => e.endsWith(":thumbnail")).map((e) => e.slice(0, -10))), Re = u(() => F.value.filter((e) => e.endsWith(":preview")).map((e) => e.slice(0, -8))), ze = u(() => {
+			return e ? A.value.placements.filter((t) => t.fileId === e.fileId) : [];
+		}), X = d(() => A.value.placements.find((e) => e.id === N.value)), ze = d(() => {
+			let e = X.value;
+			return e ? l(A.value, e.fileId, e.pageIndex) ?? Le.value : Le.value;
+		}), Be = d(() => I.value.filter((e) => e.endsWith(":thumbnail")).map((e) => e.slice(0, -10))), Ve = d(() => Object.keys(L.value).filter((e) => e.endsWith(":thumbnail")).map((e) => e.slice(0, -10))), He = d(() => I.value.filter((e) => e.endsWith(":preview")).map((e) => e.slice(0, -8))), Ue = d(() => {
 			let e = {};
-			return Object.entries(I.value).forEach(([t, n]) => {
+			return Object.entries(L.value).forEach(([t, n]) => {
 				t.endsWith(":preview") && (e[t.slice(0, -8)] = n);
 			}), e;
 		});
-		S(() => T.modelValue, (e) => {
+		C(() => E.modelValue, (e) => {
 			if (!e) return;
-			let t = l(e, {
-				sealSizeLimit: D.value,
-				sealTypeOptions: T.sealTypeOptions
+			let t = u(e, {
+				sealSizeLimit: O.value,
+				sealTypeOptions: E.sealTypeOptions
 			});
-			$(t) !== $(k.value) && (ft(), k.value = t, Ae.value = s(t), st(), g(() => R.value?.scrollToPage(j.value)));
-		}, { deep: !0 }), S(D, () => {
-			$(l(k.value, {
-				sealSizeLimit: D.value,
-				sealTypeOptions: T.sealTypeOptions
-			})) !== $(k.value) && X(k.value);
-		}), S(() => T.zoom, (e) => {
-			L.value = Be(e);
-		}), S(() => [
-			T.contractId,
-			T.dataProvider,
-			T.autoLoad
+			bt(t) !== bt(A.value) && (gt(), A.value = t, je.value = s(t), dt(), _(() => z.value?.scrollToPage(M.value)));
+		}, { deep: !0 }), C(O, () => {
+			bt(u(A.value, {
+				sealSizeLimit: O.value,
+				sealTypeOptions: E.sealTypeOptions
+			})) !== bt(A.value) && Z(A.value);
+		}), C(() => E.zoom, (e) => {
+			R.value = We(e);
+		}), C(() => [
+			E.contractId,
+			E.dataProvider,
+			E.autoLoad
 		], ([e, t, n], r) => {
-			!n || !t || !e || (!r || e !== r[0] || t !== r[1]) && Z();
+			!n || !t || !e || (!r || e !== r[0] || t !== r[1]) && Q();
 		}, { immediate: !0 }), he(() => {
-			H = !0, V += 1, dt(), ft();
+			U = !0, H += 1, ht(), gt();
 		});
-		function Be(e) {
-			return n(e, Math.min(T.minZoom, T.maxZoom), Math.max(T.minZoom, T.maxZoom));
-		}
-		function Ve(e) {
-			let t = Be(e);
-			L.value = t, E("update:zoom", t);
-		}
-		function He() {
-			return R.value?.fitWidth() ?? L.value;
-		}
-		function X(e, t = {}) {
-			k.value = l(e, {
-				sealSizeLimit: D.value,
-				sealTypeOptions: T.sealTypeOptions
-			}), t.clearError !== !1 && (P.value = ""), st();
-			let n = s(k.value);
-			return E("update:modelValue", n), E("change", n), n;
-		}
-		async function Z() {
-			let e = String(T.contractId || k.value.contractId || "").trim();
-			if (!T.dataProvider) return Q({
+		function We(e) {
+			return n(e, Math.min(E.minZoom, E.maxZoom), Math.max(E.minZoom, E.maxZoom));
+		}
+		function Ge(e) {
+			let t = We(e);
+			R.value = t, D("update:zoom", t);
+		}
+		function Ke() {
+			return z.value?.fitWidth() ?? R.value;
+		}
+		function Z(e, t = {}) {
+			A.value = u(e, {
+				sealSizeLimit: O.value,
+				sealTypeOptions: E.sealTypeOptions
+			}), t.clearError !== !1 && (F.value = ""), dt();
+			let n = s(A.value);
+			return D("update:modelValue", n), D("change", n), n;
+		}
+		async function Q() {
+			let e = String(E.contractId || A.value.contractId || "").trim();
+			if (!E.dataProvider) return $({
 				code: "CONTRACT_PROVIDER_MISSING",
 				message: "未配置合同数据提供器，请由宿主传入文件数据"
 			}), !1;
-			if (!e) return Q({
+			if (!e) return $({
 				code: "CONTRACT_ID_MISSING",
 				message: "缺少用于加载合同的 PaaS contractId"
 			}), !1;
-			let t = ++V;
-			ft(), N.value = !0, P.value = "";
+			let t = ++H;
+			gt(), P.value = !0, F.value = "";
 			try {
-				let n = await T.dataProvider.loadContract({ contractId: e });
-				if (H || t !== V) return !1;
-				let i = ie(n, r(T.dataProvider.coordinateScale)), a = l({
+				let n = await E.dataProvider.loadContract({ contractId: e });
+				if (U || t !== H) return !1;
+				let i = ie(n, r(E.dataProvider.coordinateScale)), a = u({
 					...i,
 					contractId: e,
-					placements: i.placements.length ? i.placements : k.value.contractId === e ? k.value.placements : []
+					placements: i.placements.length ? i.placements : A.value.contractId === e ? A.value.placements : []
 				}, {
-					sealSizeLimit: D.value,
-					sealTypeOptions: T.sealTypeOptions
+					sealSizeLimit: O.value,
+					sealTypeOptions: E.sealTypeOptions
 				});
-				k.value = a, Ae.value = s(a), M.value = "", st();
+				A.value = a, je.value = s(a), N.value = "", dt();
 				let o = s(a);
-				return E("update:modelValue", o), E("change", o), E("ready", o), Ue(), g(() => R.value?.scrollToPage(j.value)), o;
+				return D("update:modelValue", o), D("change", o), D("ready", o), qe(), _(() => z.value?.scrollToPage(M.value)), o;
 			} catch (e) {
-				return H || t !== V || Q(ct(e, "CONTRACT_LOAD_FAILED", "合同加载失败，请检查授权后重试")), !1;
+				return U || t !== H || $(ft(e, "CONTRACT_LOAD_FAILED", "合同加载失败，请检查授权后重试")), !1;
 			} finally {
-				!H && t === V && (N.value = !1);
+				!U && t === H && (P.value = !1);
 			}
 		}
-		async function Ue() {
-			T.dataProvider?.loadPagePreview && await Promise.allSettled(k.value.files.map((e) => {
+		async function qe() {
+			E.dataProvider?.loadPagePreview && await Promise.allSettled(A.value.files.map((e) => {
+				if (a(e)) return Promise.resolve();
 				let t = ne(e.pages);
-				return t && !t.thumbnailUrl ? We(e.fileId, t.pageIndex, !0) : Promise.resolve();
+				return t && !t.thumbnailUrl ? Je(e.fileId, t.pageIndex, !0) : Promise.resolve();
 			}));
 		}
-		async function We(e, t, n) {
-			let i = T.dataProvider?.loadPagePreview, a = c(k.value, e, t), o = lt(e, t, n);
-			if (!i || !a || F.value.includes(o)) return;
-			ut(o), F.value = [...F.value, o];
-			let s = K.start(o);
+		async function Je(e, t, n) {
+			let i = E.dataProvider?.loadPagePreview, o = A.value.files.find((t) => t.fileId === e), ee = l(A.value, e, t), s = pt(e, t, n);
+			if (!i || a(o) || !ee || I.value.includes(s)) return;
+			mt(s), I.value = [...I.value, s];
+			let c = K.start(s);
 			try {
 				let a = await i({
-					contractId: k.value.contractId || T.contractId,
+					contractId: A.value.contractId || E.contractId,
 					fileId: e,
 					pageIndex: t,
 					thumbnail: n,
-					signal: s.signal
+					signal: c.signal
 				});
-				if (H || !K.isCurrent(o, s) || !c(k.value, e, t)) return;
-				let ee = oe(c(k.value, e, t), a, r(T.dataProvider?.coordinateScale), n), te = k.value.files.map((r) => r.fileId === e ? {
+				if (U || !K.isCurrent(s, c) || !l(A.value, e, t)) return;
+				let o = oe(l(A.value, e, t), a, r(E.dataProvider?.coordinateScale), n), ee = A.value.files.map((r) => r.fileId === e ? {
 					...r,
 					pages: r.pages.map((e) => e.pageIndex === t ? {
 						...e,
-						...ee || {},
+						...o || {},
 						...n ? { thumbnailUrl: a.url } : { previewUrl: a.url }
 					} : e)
 				} : r);
-				X({
-					...k.value,
-					files: te
+				Z({
+					...A.value,
+					files: ee
 				}, { clearError: !1 });
 			} catch (n) {
-				if (!K.isCurrent(o, s) || pt(n)) return;
-				let r = ct(n, "CONTRACT_PREVIEW_FAILED", "合同页面预览加载失败，可切换页面或重试", {
+				if (!K.isCurrent(s, c) || _t(n)) return;
+				let r = ft(n, "CONTRACT_PREVIEW_FAILED", "合同页面预览加载失败，可切换页面或重试", {
 					fileId: e,
 					pageIndex: t
 				});
-				E("error", r), I.value = {
-					...I.value,
-					[o]: r.message
+				D("error", r), L.value = {
+					...L.value,
+					[s]: r.message
 				};
 			} finally {
-				K.finish(o, s) && (F.value = F.value.filter((e) => e !== o));
+				K.finish(s, c) && (I.value = I.value.filter((e) => e !== s));
 			}
 		}
-		function Ge(e) {
-			if (e === A.value) return;
-			let t = A.value;
-			dt(), t && (ft((e) => e.startsWith(`${t}:`) && e.endsWith(":preview")), W = W.filter((t) => t.fileId === e)), A.value = e, j.value = ne(k.value.files.find((t) => t.fileId === e)?.pages)?.pageIndex ?? 0, M.value = "", E("file-change", e), E("page-change", e, j.value), g(() => R.value?.scrollToPage(j.value));
+		function Ye(e) {
+			if (e === j.value) return;
+			let t = j.value;
+			ht(), t && (gt((e) => e.startsWith(`${t}:`) && e.endsWith(":preview")), W = W.filter((t) => t.fileId === e)), j.value = e, M.value = ne(A.value.files.find((t) => t.fileId === e)?.pages)?.pageIndex ?? 0, N.value = "", D("file-change", e), D("page-change", e, M.value), _(() => z.value?.scrollToPage(M.value));
 		}
-		function Ke(e) {
-			j.value = e;
+		function Xe(e) {
+			M.value = e;
 		}
-		function qe(e) {
-			j.value !== e && (j.value = e), E("page-change", A.value, e);
+		function Ze(e) {
+			M.value !== e && (M.value = e), D("page-change", j.value, e);
 		}
-		function Je(e) {
-			dt();
-			let t = A.value;
-			U = setTimeout(() => {
-				U = void 0, A.value === t && Ye(t, e);
+		function Qe(e) {
+			ht();
+			let t = j.value;
+			Me = setTimeout(() => {
+				Me = void 0, j.value === t && $e(t, e);
 			}, 150);
 		}
-		function Ye(e, t) {
-			let n = k.value.files.find((t) => t.fileId === e);
-			!n || e !== A.value || (t.forEach((e) => {
+		function $e(e, t) {
+			let n = A.value.files.find((t) => t.fileId === e);
+			!n || a(n) || e !== j.value || (t.forEach((e) => {
 				let t = n.pages.find((t) => t.pageIndex === e);
-				!t || t.previewUrl || F.value.includes(lt(n.fileId, e, !1)) || W.some((t) => t.fileId === n.fileId && t.pageIndex === e) || W.push({
+				!t || t.previewUrl || I.value.includes(pt(n.fileId, e, !1)) || W.some((t) => t.fileId === n.fileId && t.pageIndex === e) || W.push({
 					fileId: n.fileId,
 					pageIndex: e
 				});
-			}), Xe());
+			}), et());
 		}
-		async function Xe() {
-			let e = A.value;
+		async function et() {
+			let e = j.value;
 			for (W = W.filter((t) => t.fileId === e); G < 3 && W.length;) {
 				let t = W.shift();
 				if (!t || t.fileId !== e) continue;
-				let n = c(k.value, t.fileId, t.pageIndex);
-				!n || n.previewUrl || F.value.includes(lt(t.fileId, t.pageIndex, !1)) || (G += 1, We(t.fileId, t.pageIndex, !1).finally(() => {
-					G = Math.max(0, G - 1), Xe();
+				let n = l(A.value, t.fileId, t.pageIndex), r = A.value.files.find((e) => e.fileId === t.fileId);
+				!n || a(r) || n.previewUrl || I.value.includes(pt(t.fileId, t.pageIndex, !1)) || (G += 1, Je(t.fileId, t.pageIndex, !1).finally(() => {
+					G = Math.max(0, G - 1), et();
 				}));
 			}
 		}
-		function Ze(e) {
-			let t = k.value.placements.find((t) => t.id === e);
-			t && (t.fileId !== A.value && Ge(t.fileId), M.value = e, g(() => R.value?.scrollToPlacement(e)));
+		function tt(e) {
+			let t = A.value.placements.find((t) => t.id === e);
+			t && (t.fileId !== j.value && Ye(t.fileId), N.value = e, _(() => z.value?.scrollToPlacement(e)));
 		}
-		function Qe(e, t = {}) {
-			if (q.value) return;
-			let n = t.fileId ?? J.value?.fileId, r = t.pageIndex ?? Ne.value?.pageIndex;
+		function nt(e, t = {}) {
+			if (J.value) return;
+			let n = t.fileId ?? Y.value?.fileId, r = t.pageIndex ?? Le.value?.pageIndex;
 			if (!n || r === void 0) return;
-			let i = c(k.value, n, r);
+			let i = l(A.value, n, r);
 			if (!i || !re(i)) {
-				Q({
+				$({
 					code: "CONTRACT_PAGE_SIZE_INVALID",
 					message: "当前页面缺少有效的原始宽高，暂时不能添加签署位置",
 					fileId: n,
@@ -251,9 +258,9 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 				});
 				return;
 			}
-			let a = T.sealTypeOptions.find((e) => String(e.value).trim())?.value;
+			let a = E.sealTypeOptions.find((e) => String(e.value).trim())?.value;
 			if (e === "seal" && !a) {
-				Q({
+				$({
 					code: "CONTRACT_SEAL_TYPES_MISSING",
 					message: "当前未配置可用的印章类型，暂时不能添加印章位置",
 					fileId: n,
@@ -264,83 +271,83 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 			let o = te(e, n, i, {
 				signLeft: t.signLeft,
 				signTop: t.signTop,
-				sizeProfile: T.sizeProfile,
-				sealSizeLimit: D.value,
-				sealTypeOptions: T.sealTypeOptions,
+				sizeProfile: E.sizeProfile,
+				sealSizeLimit: O.value,
+				sealTypeOptions: E.sealTypeOptions,
 				...e === "seal" ? { sealType: [String(a)] } : {}
 			});
-			return X({
-				...k.value,
-				placements: [...k.value.placements, o]
-			}), A.value = n, j.value = r, M.value = o.id, ht(o);
-		}
-		function $e(e, t) {
-			q.value || X({
-				...k.value,
-				placements: k.value.placements.map((n) => {
+			return Z({
+				...A.value,
+				placements: [...A.value.placements, o]
+			}), j.value = n, M.value = r, N.value = o.id, yt(o);
+		}
+		function rt(e, t) {
+			J.value || Z({
+				...A.value,
+				placements: A.value.placements.map((n) => {
 					if (n.id !== e) return n;
 					let r = t.pageIndex === void 0 ? n.pageIndex : t.pageIndex;
-					return ae(n, t, c(k.value, n.fileId, r), {
-						sealSizeLimit: D.value,
-						sealTypeOptions: T.sealTypeOptions
+					return ae(n, t, l(A.value, n.fileId, r), {
+						sealSizeLimit: O.value,
+						sealTypeOptions: E.sealTypeOptions
 					});
 				})
 			});
 		}
-		function et() {
-			let e = Y.value;
-			if (!e || q.value) return;
-			let n = c(k.value, e.fileId, e.pageIndex);
+		function it() {
+			let e = X.value;
+			if (!e || J.value) return;
+			let n = l(A.value, e.fileId, e.pageIndex);
 			if (!n) return;
 			let r = t({
-				...ht(e),
-				id: gt(),
+				...yt(e),
+				id: xt(),
 				signLeft: e.signLeft + 16,
 				signTop: e.signTop + 16
-			}, n, { sealSizeLimit: D.value });
-			X({
-				...k.value,
-				placements: [...k.value.placements, r]
-			}), M.value = r.id;
-		}
-		function tt(e) {
-			q.value || (X({
-				...k.value,
-				placements: k.value.placements.filter((t) => t.id !== e)
-			}), M.value === e && (M.value = ""));
+			}, n, { sealSizeLimit: O.value });
+			Z({
+				...A.value,
+				placements: [...A.value.placements, r]
+			}), N.value = r.id;
+		}
+		function at(e) {
+			J.value || (Z({
+				...A.value,
+				placements: A.value.placements.filter((t) => t.id !== e)
+			}), N.value === e && (N.value = ""));
 		}
-		function nt() {
-			return se(k.value, { allowedSealTypes: T.sealTypeOptions.map((e) => e.value) });
+		function ot() {
+			return se(A.value, { allowedSealTypes: E.sealTypeOptions.map((e) => e.value) });
 		}
-		function rt() {
-			return s(k.value);
+		function st() {
+			return s(A.value);
 		}
-		function it() {
-			return o(rt(), { allowedSealTypes: T.sealTypeOptions.map((e) => e.value) });
+		function ct() {
+			return ee(st(), { allowedSealTypes: E.sealTypeOptions.map((e) => e.value) });
 		}
-		function at() {
+		function lt() {
 			try {
-				let e = it();
-				return P.value = "", E("submit", e), e;
+				let e = ct();
+				return F.value = "", D("submit", e), e;
 			} catch (e) {
-				return Q(e instanceof a ? {
+				return $(e instanceof o ? {
 					...e.errors[0],
 					cause: e
-				} : ct(e, "CONTRACT_SIGNING_LOCATION_INVALID", "指定签署位置数据不完整")), !1;
+				} : ft(e, "CONTRACT_SIGNING_LOCATION_INVALID", "指定签署位置数据不完整")), !1;
 			}
 		}
-		function ot() {
-			let e = X(s(Ae.value));
-			return M.value = "", st(!0), g(() => R.value?.scrollToPage(j.value)), e;
+		function ut() {
+			let e = Z(s(je.value));
+			return N.value = "", dt(!0), _(() => z.value?.scrollToPage(M.value)), e;
 		}
-		function st(e = !1) {
-			let t = (e ? void 0 : k.value.files.find((e) => e.fileId === A.value)) ?? k.value.files[0];
-			A.value = t?.fileId ?? "", j.value = ((e ? void 0 : t?.pages.find((e) => e.pageIndex === j.value)) ?? t?.pages[0])?.pageIndex ?? 0, k.value.placements.some((e) => e.id === M.value) || (M.value = "");
+		function dt(e = !1) {
+			let t = (e ? void 0 : A.value.files.find((e) => e.fileId === j.value)) ?? A.value.files[0];
+			j.value = t?.fileId ?? "", M.value = ((e ? void 0 : t?.pages.find((e) => e.pageIndex === M.value)) ?? t?.pages[0])?.pageIndex ?? 0, A.value.placements.some((e) => e.id === N.value) || (N.value = "");
 		}
-		function Q(e) {
-			P.value = e.message, E("error", e);
+		function $(e) {
+			F.value = e.message, D("error", e);
 		}
-		function ct(e, t, n, r = {}) {
+		function ft(e, t, n, r = {}) {
 			let i = typeof e == "object" && e && "status" in e ? Number(e.status) : void 0;
 			return {
 				code: t,
@@ -349,162 +356,167 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 				cause: e
 			};
 		}
-		function lt(e, t, n) {
+		function pt(e, t, n) {
 			return `${e}:${t}:${n ? "thumbnail" : "preview"}`;
 		}
-		function ut(e) {
-			if (!(e in I.value)) return;
-			let t = { ...I.value };
-			delete t[e], I.value = t;
+		function mt(e) {
+			if (!(e in L.value)) return;
+			let t = { ...L.value };
+			delete t[e], L.value = t;
 		}
-		function dt() {
-			U &&= (clearTimeout(U), void 0);
+		function ht() {
+			Me &&= (clearTimeout(Me), void 0);
 		}
-		function ft(e) {
+		function gt(e) {
 			let t = e ?? (() => !0), n = new Set(K.abort(t));
-			n.size && (F.value = F.value.filter((e) => !n.has(e))), e || (W = []);
+			n.size && (I.value = I.value.filter((e) => !n.has(e))), e || (W = []);
 		}
-		function pt(e) {
+		function _t(e) {
 			return !!(e && typeof e == "object" && "cancelled" in e && e.cancelled) || e instanceof DOMException && e.name === "AbortError";
 		}
-		function mt(e) {
-			let t = J.value;
-			t && We(t.fileId, e, !1);
+		function vt(e) {
+			let t = Y.value;
+			t && Je(t.fileId, e, !1);
 		}
-		function ht(e) {
+		function yt(e) {
 			return {
 				...e,
 				sealType: e.sealType ? [...e.sealType] : void 0
 			};
 		}
-		function $(e) {
+		function bt(e) {
 			return JSON.stringify(e);
 		}
-		function gt() {
+		function xt() {
 			return typeof crypto < "u" && "randomUUID" in crypto ? `contract-signing-placement-${crypto.randomUUID()}` : `contract-signing-placement-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
 		}
-		function _t(e) {
+		function St(e) {
 			if (typeof e == "number" && Number.isFinite(e) && e > 0) return { "--gd-ant-contract-signing-location-height": `${e}px` };
 			if (typeof e == "string" && e.trim()) return { "--gd-ant-contract-signing-location-height": e.trim() };
 		}
 		return pe({
-			load: Z,
-			validate: nt,
-			getValue: rt,
-			getOutput: it,
-			submit: at,
-			reset: ot,
-			addPlacement: Qe,
-			removePlacement: tt,
-			fitWidth: He
-		}), (t, n) => (v(), fe("section", {
-			class: _(["gd-ant-contract-signing-location", {
-				"is-readonly": e.readonly,
-				"is-disabled": e.disabled
+			load: Q,
+			validate: ot,
+			getValue: st,
+			getOutput: ct,
+			submit: lt,
+			reset: ut,
+			addPlacement: nt,
+			removePlacement: at,
+			fitWidth: Ke
+		}), (t, n) => (y(), m("section", {
+			class: v(["gd-ant-contract-signing-location", {
+				"is-readonly": J.value,
+				"is-disabled": e.disabled,
+				"is-preview": q.value
 			}]),
-			style: me(Me.value)
+			style: me(Ie.value)
 		}, [
-			p("header", xe, [n[9] ||= p("div", { class: "gd-ant-contract-signing-location__title" }, [p("span", {
+			h("header", xe, [h("div", Se, [n[6] ||= h("span", {
 				class: "gd-ant-contract-signing-location__title-bar",
 				"aria-hidden": "true"
-			}), p("div", null, [p("strong", null, "指定合同签署位置")])], -1), p("div", Se, [
-				p("span", Ce, ge(k.value.placements.length) + " 个位置", 1),
-				e.dataProvider ? (v(), d(x(w), {
+			}, null, -1), h("div", null, [h("strong", null, ge(q.value ? "合同预览" : "指定合同签署位置"), 1)])]), h("div", Ce, [
+				h("span", we, ge(A.value.placements.length) + " 个位置", 1),
+				e.dataProvider ? (y(), f(S(T), {
 					key: 0,
-					loading: N.value,
-					onClick: Z
+					loading: P.value,
+					onClick: Q
 				}, {
-					default: C(() => [h(x(ye), { "aria-hidden": "true" }), n[6] ||= m(" 重新加载 ", -1)]),
+					default: w(() => [g(S(ye), { "aria-hidden": "true" }), n[7] ||= fe(" 重新加载 ", -1)]),
 					_: 1
-				}, 8, ["loading"])) : f("", !0),
-				h(x(w), {
-					disabled: q.value,
-					onClick: ot
+				}, 8, ["loading"])) : p("", !0),
+				q.value ? p("", !0) : (y(), f(S(T), {
+					key: 1,
+					disabled: J.value,
+					onClick: ut
 				}, {
-					default: C(() => [...n[7] ||= [m("重置", -1)]]),
+					default: w(() => [...n[8] ||= [fe("重置", -1)]]),
 					_: 1
-				}, 8, ["disabled"]),
-				e.showSubmitButton ? (v(), d(x(w), {
-					key: 1,
+				}, 8, ["disabled"])),
+				Pe.value ? (y(), f(S(T), {
+					key: 2,
 					type: "primary",
-					loading: N.value,
+					loading: P.value,
 					disabled: e.disabled,
-					onClick: at
+					onClick: lt
 				}, {
-					default: C(() => [...n[8] ||= [m("确认并生成规则", -1)]]),
+					default: w(() => [...n[9] ||= [fe("确认并生成规则", -1)]]),
 					_: 1
-				}, 8, ["loading", "disabled"])) : f("", !0)
+				}, 8, ["loading", "disabled"])) : p("", !0)
 			])]),
-			P.value ? (v(), fe("div", we, [p("span", null, ge(P.value), 1), e.dataProvider && e.contractId ? (v(), d(x(w), {
+			F.value ? (y(), m("div", Te, [h("span", null, ge(F.value), 1), e.dataProvider && e.contractId ? (y(), f(S(T), {
 				key: 0,
 				type: "link",
 				size: "small",
-				onClick: Z
+				onClick: Q
 			}, {
-				default: C(() => [...n[10] ||= [m("重试", -1)]]),
+				default: w(() => [...n[10] ||= [fe("重试", -1)]]),
 				_: 1
-			})) : f("", !0)])) : f("", !0),
-			p("div", { class: _(["gd-ant-contract-signing-location__body", { "is-single-file": je.value }]) }, [
-				je.value ? f("", !0) : (v(), fe("div", {
+			})) : p("", !0)])) : p("", !0),
+			h("div", { class: v(["gd-ant-contract-signing-location__body", {
+				"is-single-file": Fe.value,
+				"is-inspector-hidden": !Ne.value
+			}]) }, [
+				Fe.value ? p("", !0) : (y(), m("div", {
 					key: 0,
-					class: _(["gd-ant-contract-signing-location__navigator-wrap", { "is-collapsed": B.value }])
-				}, [h(x(_e), { title: B.value ? "展开页面栏" : "收起页面栏" }, {
-					default: C(() => [p("button", {
+					class: v(["gd-ant-contract-signing-location__navigator-wrap", { "is-collapsed": V.value }])
+				}, [g(S(_e), { title: V.value ? "展开页面栏" : "收起页面栏" }, {
+					default: w(() => [h("button", {
 						type: "button",
 						class: "gd-ant-contract-signing-location__panel-handle",
-						"aria-label": B.value ? "展开页面栏" : "收起页面栏",
-						"aria-expanded": !B.value,
-						onClick: n[0] ||= (e) => B.value = !B.value
-					}, [B.value ? (v(), d(x(be), {
+						"aria-label": V.value ? "展开页面栏" : "收起页面栏",
+						"aria-expanded": !V.value,
+						onClick: n[0] ||= (e) => V.value = !V.value
+					}, [V.value ? (y(), f(S(be), {
 						key: 0,
 						"aria-hidden": "true"
-					})) : (v(), d(x(ve), {
+					})) : (y(), f(S(ve), {
 						key: 1,
 						"aria-hidden": "true"
-					}))], 8, Te)]),
+					}))], 8, Ee)]),
 					_: 1
-				}, 8, ["title"]), p("div", Ee, [h(ue, {
-					files: k.value.files,
-					"active-file-id": A.value,
-					"loading-preview-keys": Ie.value,
-					"error-preview-keys": Le.value,
-					onSelect: Ge
+				}, 8, ["title"]), h("div", De, [g(ue, {
+					files: A.value.files,
+					"active-file-id": j.value,
+					"loading-preview-keys": Be.value,
+					"error-preview-keys": Ve.value,
+					onSelect: Ye
 				}, null, 8, [
 					"files",
 					"active-file-id",
 					"loading-preview-keys",
 					"error-preview-keys"
 				])])], 2)),
-				h(ce, {
+				g(ce, {
 					ref_key: "canvasRef",
-					ref: R,
-					file: J.value,
-					pages: J.value?.pages ?? [],
-					placements: Pe.value,
-					"selected-placement-id": M.value,
-					readonly: q.value,
+					ref: z,
+					file: Y.value,
+					pages: Y.value?.pages ?? [],
+					placements: Re.value,
+					"selected-placement-id": N.value,
+					readonly: J.value,
 					resizable: e.resizable,
-					"seal-size-limit": D.value,
+					"seal-size-limit": O.value,
 					"seal-type-options": e.sealTypeOptions,
-					zoom: L.value,
-					"preview-loading-keys": Re.value,
-					"preview-error-map": ze.value,
-					"active-page-index": j.value,
+					zoom: R.value,
+					"preview-loading-keys": He.value,
+					"preview-error-map": Ue.value,
+					"active-page-index": M.value,
 					"min-zoom": e.minZoom,
 					"max-zoom": e.maxZoom,
-					onSelect: n[1] ||= (e) => M.value = e,
-					onRetry: mt,
-					onAdd: n[2] ||= (e, t, n, r) => Qe(e, {
+					onSelect: n[1] ||= (e) => N.value = e,
+					onRetry: vt,
+					onAdd: n[2] ||= (e, t, n, r) => nt(e, {
 						signLeft: t,
 						signTop: n,
 						pageIndex: r
 					}),
-					onUpdate: n[3] ||= (e) => $e(e.id, e),
-					onRemove: tt,
-					onVisiblePages: Je,
-					onViewPage: Ke,
-					onPageChange: qe,
-					onZoomChange: Ve
+					onUpdate: n[3] ||= (e) => rt(e.id, e),
+					onRemove: at,
+					onVisiblePages: Qe,
+					onViewPage: Xe,
+					onPageChange: Ze,
+					onZoomChange: Ge
 				}, null, 8, [
 					"file",
 					"pages",
@@ -521,36 +533,39 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 					"min-zoom",
 					"max-zoom"
 				]),
-				p("div", { class: _(["gd-ant-contract-signing-location__inspector-wrap", { "is-collapsed": z.value }]) }, [h(x(_e), { title: z.value ? "展开属性栏" : "收起属性栏" }, {
-					default: C(() => [p("button", {
+				Ne.value ? (y(), m("div", {
+					key: 1,
+					class: v(["gd-ant-contract-signing-location__inspector-wrap", { "is-collapsed": B.value }])
+				}, [g(S(_e), { title: B.value ? "展开属性栏" : "收起属性栏" }, {
+					default: w(() => [h("button", {
 						type: "button",
 						class: "gd-ant-contract-signing-location__panel-handle",
-						"aria-label": z.value ? "展开属性栏" : "收起属性栏",
-						"aria-expanded": !z.value,
-						onClick: n[4] ||= (e) => z.value = !z.value
-					}, [z.value ? (v(), d(x(ve), {
+						"aria-label": B.value ? "展开属性栏" : "收起属性栏",
+						"aria-expanded": !B.value,
+						onClick: n[4] ||= (e) => B.value = !B.value
+					}, [B.value ? (y(), f(S(ve), {
 						key: 0,
 						"aria-hidden": "true"
-					})) : (v(), d(x(be), {
+					})) : (y(), f(S(be), {
 						key: 1,
 						"aria-hidden": "true"
-					}))], 8, De)]),
+					}))], 8, Oe)]),
 					_: 1
-				}, 8, ["title"]), p("div", Oe, [h(le, {
-					placement: Y.value,
-					page: Fe.value,
-					pages: J.value?.pages ?? [],
-					placements: Pe.value,
-					readonly: q.value,
+				}, 8, ["title"]), h("div", ke, [g(le, {
+					placement: X.value,
+					page: ze.value,
+					pages: Y.value?.pages ?? [],
+					placements: Re.value,
+					readonly: J.value,
 					resizable: e.resizable,
-					"seal-size-limit": D.value,
+					"seal-size-limit": O.value,
 					"seal-type-options": e.sealTypeOptions,
 					"size-profile": e.sizeProfile,
-					onAdd: Qe,
-					onUpdate: n[5] ||= (e) => Y.value && $e(Y.value.id, e),
-					onDuplicate: et,
-					onRemove: tt,
-					onLocate: Ze
+					onAdd: nt,
+					onUpdate: n[5] ||= (e) => X.value && rt(X.value.id, e),
+					onDuplicate: it,
+					onRemove: at,
+					onLocate: tt
 				}, null, 8, [
 					"placement",
 					"page",
@@ -561,10 +576,10 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 					"seal-size-limit",
 					"seal-type-options",
 					"size-profile"
-				])])], 2)
+				])])], 2)) : p("", !0)
 			], 2)
 		], 6));
 	}
 });
 //#endregion
-export { ke as default };
+export { Ae as default };