@guodun/antdv 1.3.1 → 1.4.0

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

@@ -1,28 +1,28 @@
-import e from "../../../node_modules/@ant-design/icons-vue/es/icons/LeftOutlined.mjs";
-import t from "../../../node_modules/@ant-design/icons-vue/es/icons/ReloadOutlined.mjs";
-import n from "../../../node_modules/@ant-design/icons-vue/es/icons/RightOutlined.mjs";
-import { CONTRACT_SIGNING_SEAL_TYPE_OPTIONS as r } from "./constants.mjs";
-import { clampContractSigningPlacement as i, clampContractSigningZoom as a, normalizeContractSigningCoordinateScale as o, resolveContractSigningSealSizeLimit as s } from "./coordinates.mjs";
-import { ContractSigningLocationBuildError as ee, buildContractSigningLocationOutput as te, cloneContractSigningLocationValue as c, createContractSigningLocationValue as ne, createContractSigningPlacement as re, findContractSigningPage as l, getContractSigningHomePage as ie, isContractSigningPageUsable as ae, normalizeContractSigningLocationValue as u, normalizeContractSigningProviderValue as oe, patchContractSigningPlacement as se, resolveContractSigningPreviewPageSize as ce, validateContractSigningLocationValue as le } from "./location-rules.mjs";
-import ue from "./ContractSigningLocationCanvas.mjs";
-import de from "./ContractSigningLocationInspector.mjs";
-import fe from "./ContractSigningLocationNavigator.mjs";
-import { ContractSigningPreviewRequests as pe } from "./preview-requests.mjs";
-import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as me, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as he, nextTick as _, normalizeClass as v, normalizeStyle as ge, onBeforeUnmount as _e, openBlock as y, ref as b, shallowRef as x, toDisplayString as ve, unref as S, watch as C, withCtx as w } from "vue";
-import { Button as ye, Tooltip as be } from "ant-design-vue";
+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 { 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 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__ */ he({
+}, 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: () => r.map((e) => ({ ...e })) },
+		sealTypeOptions: { default: () => e.map((e) => ({ ...e })) },
 		sizeProfile: { default: "default" },
 		autoLoad: {
 			type: Boolean,
@@ -43,12 +43,16 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 			type: Boolean,
 			default: !1
 		},
-		sealMinSize: { default: 50 },
-		sealMaxSize: { default: 80 },
+		sealMinSize: { default: 8 },
+		sealMaxSize: { default: 640 },
 		height: { default: void 0 },
 		showSubmitButton: {
 			type: Boolean,
 			default: !0
+		},
+		showInspector: {
+			type: Boolean,
+			default: void 0
 		}
 	},
 	emits: [
@@ -61,176 +65,192 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 		"submit",
 		"error"
 	],
-	setup(r, { expose: he, emit: ke }) {
-		let T = r, E = ke, D = d(() => s(T.sealMinSize, T.sealMaxSize)), O = u(T.modelValue ?? ne(T.contractId), { sealSizeLimit: D.value }), k = b(O), Ae = x(c(O)), A = x(O.files[0]?.fileId ?? ""), j = x(O.files[0]?.pages[0]?.pageIndex ?? 0), M = x(""), N = x(!1), P = x(""), F = b([]), I = b({}), L = x(Be(T.zoom)), R = b(null), z = b(!1), B = b(!1), V = 0, H = !1, U, W = [], G = 0, K = new pe(), q = d(() => T.readonly || T.disabled), je = d(() => k.value.files.length <= 1), Me = d(() => _t(T.height)), J = d(() => k.value.files.find((e) => e.fileId === A.value) ?? k.value.files[0]), Ne = d(() => J.value?.pages.find((e) => e.pageIndex === j.value) ?? J.value?.pages[0]), Pe = d(() => {
-			let e = J.value;
-			return e ? k.value.placements.filter((t) => t.fileId === e.fileId) : [];
-		}), Y = d(() => k.value.placements.find((e) => e.id === M.value)), Fe = d(() => {
+	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 ? l(k.value, e.fileId, e.pageIndex) ?? Ne.value : Ne.value;
-		}), Ie = d(() => F.value.filter((e) => e.endsWith(":thumbnail")).map((e) => e.slice(0, -10))), Le = d(() => Object.keys(I.value).filter((e) => e.endsWith(":thumbnail")).map((e) => e.slice(0, -10))), Re = d(() => F.value.filter((e) => e.endsWith(":preview")).map((e) => e.slice(0, -8))), ze = d(() => {
+			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;
 		});
-		C(() => T.modelValue, (e) => {
+		C(() => E.modelValue, (e) => {
 			if (!e) return;
-			let t = u(e, { sealSizeLimit: D.value });
-			$(t) !== $(k.value) && (Q(), k.value = t, Ae.value = c(t), ct(), _(() => R.value?.scrollToPage(j.value)));
-		}, { deep: !0 }), C(D, () => {
-			$(u(k.value, { sealSizeLimit: D.value })) !== $(k.value) && X(k.value);
-		}), C(() => T.zoom, (e) => {
-			L.value = Be(e);
+			let t = u(e, {
+				sealSizeLimit: O.value,
+				sealTypeOptions: E.sealTypeOptions
+			});
+			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(() => [
-			T.contractId,
-			T.dataProvider,
-			T.autoLoad
+			E.contractId,
+			E.dataProvider,
+			E.autoLoad
 		], ([e, t, n], r) => {
-			!n || !t || !e || (!r || e !== r[0] || t !== r[1]) && Ue();
-		}, { immediate: !0 }), _e(() => {
-			H = !0, V += 1, ft(), Q();
+			!n || !t || !e || (!r || e !== r[0] || t !== r[1]) && Q();
+		}, { immediate: !0 }), he(() => {
+			U = !0, H += 1, ht(), gt();
 		});
-		function Be(e) {
-			return a(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 = u(e, { sealSizeLimit: D.value }), t.clearError !== !1 && (P.value = ""), ct();
-			let n = c(k.value);
-			return E("update:modelValue", n), E("change", n), n;
-		}
-		async function Ue() {
-			let e = String(T.contractId || k.value.contractId || "").trim();
-			if (!T.dataProvider) return Z({
+		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 Z({
+			if (!e) return $({
 				code: "CONTRACT_ID_MISSING",
 				message: "缺少用于加载合同的 PaaS contractId"
 			}), !1;
-			let t = ++V;
-			Q(), 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 r = oe(n, o(T.dataProvider.coordinateScale)), i = u({
-					...r,
+				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: r.placements.length ? r.placements : k.value.contractId === e ? k.value.placements : []
-				}, { sealSizeLimit: D.value });
-				k.value = i, Ae.value = c(i), M.value = "", ct();
-				let a = c(i);
-				return E("update:modelValue", a), E("change", a), E("ready", a), We(), _(() => R.value?.scrollToPage(j.value)), a;
+					placements: i.placements.length ? i.placements : A.value.contractId === e ? A.value.placements : []
+				}, {
+					sealSizeLimit: O.value,
+					sealTypeOptions: E.sealTypeOptions
+				});
+				A.value = a, je.value = s(a), N.value = "", dt();
+				let o = s(a);
+				return D("update:modelValue", o), D("change", o), D("ready", o), qe(), _(() => z.value?.scrollToPage(M.value)), o;
 			} catch (e) {
-				return H || t !== V || Z(lt(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 We() {
-			T.dataProvider?.loadPagePreview && await Promise.allSettled(k.value.files.map((e) => {
-				let t = ie(e.pages);
-				return t && !t.thumbnailUrl ? Ge(e.fileId, t.pageIndex, !0) : Promise.resolve();
+		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 ? Je(e.fileId, t.pageIndex, !0) : Promise.resolve();
 			}));
 		}
-		async function Ge(e, t, n) {
-			let r = T.dataProvider?.loadPagePreview, i = l(k.value, e, t), a = ut(e, t, n);
-			if (!r || !i || F.value.includes(a)) return;
-			dt(a), F.value = [...F.value, a];
-			let s = K.start(a);
+		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 i = await r({
-					contractId: k.value.contractId || T.contractId,
+				let a = await i({
+					contractId: A.value.contractId || E.contractId,
 					fileId: e,
 					pageIndex: t,
 					thumbnail: n,
-					signal: s.signal
+					signal: c.signal
 				});
-				if (H || !K.isCurrent(a, s) || !l(k.value, e, t)) return;
-				let ee = ce(l(k.value, e, t), i, o(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 || {},
-						...n ? { thumbnailUrl: i.url } : { previewUrl: i.url }
+						...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(a, s) || pt(n)) return;
-				let r = lt(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,
-					[a]: r.message
+				D("error", r), L.value = {
+					...L.value,
+					[s]: r.message
 				};
 			} finally {
-				K.finish(a, s) && (F.value = F.value.filter((e) => e !== a));
+				K.finish(s, c) && (I.value = I.value.filter((e) => e !== s));
 			}
 		}
-		function Ke(e) {
-			if (e === A.value) return;
-			let t = A.value;
-			ft(), t && (Q((e) => e.startsWith(`${t}:`) && e.endsWith(":preview")), W = W.filter((t) => t.fileId === e)), A.value = e, j.value = ie(k.value.files.find((t) => t.fileId === e)?.pages)?.pageIndex ?? 0, M.value = "", E("file-change", e), E("page-change", e, j.value), _(() => 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 qe(e) {
-			j.value = e;
+		function Xe(e) {
+			M.value = e;
 		}
-		function Je(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 Ye(e) {
-			ft();
-			let t = A.value;
-			U = setTimeout(() => {
-				U = void 0, A.value === t && Xe(t, e);
+		function Qe(e) {
+			ht();
+			let t = j.value;
+			Me = setTimeout(() => {
+				Me = void 0, j.value === t && $e(t, e);
 			}, 150);
 		}
-		function Xe(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(ut(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
 				});
-			}), Ze());
+			}), et());
 		}
-		async function Ze() {
-			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 = l(k.value, t.fileId, t.pageIndex);
-				!n || n.previewUrl || F.value.includes(ut(t.fileId, t.pageIndex, !1)) || (G += 1, Ge(t.fileId, t.pageIndex, !1).finally(() => {
-					G = Math.max(0, G - 1), Ze();
+				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 Qe(e) {
-			let t = k.value.placements.find((t) => t.id === e);
-			t && (t.fileId !== A.value && Ke(t.fileId), M.value = e, _(() => 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 $e(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 = l(k.value, n, r);
-			if (!i || !ae(i)) {
-				Z({
+			let i = l(A.value, n, r);
+			if (!i || !re(i)) {
+				$({
 					code: "CONTRACT_PAGE_SIZE_INVALID",
 					message: "当前页面缺少有效的原始宽高，暂时不能添加签署位置",
 					fileId: n,
@@ -238,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) {
-				Z({
+				$({
 					code: "CONTRACT_SEAL_TYPES_MISSING",
 					message: "当前未配置可用的印章类型，暂时不能添加印章位置",
 					fileId: n,
@@ -248,82 +268,86 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 				});
 				return;
 			}
-			let o = re(e, n, i, {
+			let o = te(e, n, i, {
 				signLeft: t.signLeft,
 				signTop: t.signTop,
-				sizeProfile: T.sizeProfile,
-				sealSizeLimit: D.value,
+				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 et(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 se(n, t, l(k.value, n.fileId, r), { sealSizeLimit: D.value });
+					return ae(n, t, l(A.value, n.fileId, r), {
+						sealSizeLimit: O.value,
+						sealTypeOptions: E.sealTypeOptions
+					});
 				})
 			});
 		}
-		function tt() {
-			let e = Y.value;
-			if (!e || q.value) return;
-			let t = l(k.value, e.fileId, e.pageIndex);
-			if (!t) return;
-			let n = i({
-				...ht(e),
-				id: gt(),
+		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({
+				...yt(e),
+				id: xt(),
 				signLeft: e.signLeft + 16,
 				signTop: e.signTop + 16
-			}, t, { sealSizeLimit: D.value });
-			X({
-				...k.value,
-				placements: [...k.value.placements, n]
-			}), M.value = n.id;
+			}, 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(e) {
-			q.value || (X({
-				...k.value,
-				placements: k.value.placements.filter((t) => t.id !== e)
-			}), M.value === e && (M.value = ""));
-		}
-		function rt() {
-			return le(k.value, { allowedSealTypes: T.sealTypeOptions.map((e) => e.value) });
+		function ot() {
+			return se(A.value, { allowedSealTypes: E.sealTypeOptions.map((e) => e.value) });
 		}
-		function it() {
-			return c(k.value);
+		function st() {
+			return s(A.value);
 		}
-		function at() {
-			return te(it(), { allowedSealTypes: T.sealTypeOptions.map((e) => e.value) });
+		function ct() {
+			return ee(st(), { allowedSealTypes: E.sealTypeOptions.map((e) => e.value) });
 		}
-		function ot() {
+		function lt() {
 			try {
-				let e = at();
-				return P.value = "", E("submit", e), e;
+				let e = ct();
+				return F.value = "", D("submit", e), e;
 			} catch (e) {
-				return Z(e instanceof ee ? {
+				return $(e instanceof o ? {
 					...e.errors[0],
 					cause: e
-				} : lt(e, "CONTRACT_SIGNING_LOCATION_INVALID", "指定签署位置数据不完整")), !1;
+				} : ft(e, "CONTRACT_SIGNING_LOCATION_INVALID", "指定签署位置数据不完整")), !1;
 			}
 		}
-		function st() {
-			let e = X(c(Ae.value));
-			return M.value = "", ct(!0), _(() => 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 ct(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 Z(e) {
-			P.value = e.message, E("error", e);
+		function $(e) {
+			F.value = e.message, D("error", e);
 		}
-		function lt(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,
@@ -332,161 +356,167 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 				cause: e
 			};
 		}
-		function ut(e, t, n) {
+		function pt(e, t, n) {
 			return `${e}:${t}:${n ? "thumbnail" : "preview"}`;
 		}
-		function dt(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 ft() {
-			U &&= (clearTimeout(U), void 0);
+		function ht() {
+			Me &&= (clearTimeout(Me), void 0);
 		}
-		function Q(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 && Ge(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 he({
-			load: Ue,
-			validate: rt,
-			getValue: it,
-			getOutput: at,
-			submit: ot,
-			reset: st,
-			addPlacement: $e,
-			removePlacement: nt,
-			fitWidth: He
-		}), (i, a) => (y(), me("section", {
+		return pe({
+			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": r.readonly,
-				"is-disabled": r.disabled
+				"is-readonly": J.value,
+				"is-disabled": e.disabled,
+				"is-preview": q.value
 			}]),
-			style: ge(Me.value)
+			style: me(Ie.value)
 		}, [
-			m("header", xe, [a[9] ||= m("div", { class: "gd-ant-contract-signing-location__title" }, [m("span", {
+			h("header", xe, [h("div", Se, [n[6] ||= h("span", {
 				class: "gd-ant-contract-signing-location__title-bar",
 				"aria-hidden": "true"
-			}), m("div", null, [m("strong", null, "指定合同签署位置")])], -1), m("div", Se, [
-				m("span", Ce, ve(k.value.placements.length) + " 个位置", 1),
-				r.dataProvider ? (y(), f(S(ye), {
+			}, 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: Ue
+					loading: P.value,
+					onClick: Q
 				}, {
-					default: w(() => [g(S(t), { "aria-hidden": "true" }), a[6] ||= h(" 重新加载 ", -1)]),
+					default: w(() => [g(S(ye), { "aria-hidden": "true" }), n[7] ||= fe(" 重新加载 ", -1)]),
 					_: 1
 				}, 8, ["loading"])) : p("", !0),
-				g(S(ye), {
-					disabled: q.value,
-					onClick: st
+				q.value ? p("", !0) : (y(), f(S(T), {
+					key: 1,
+					disabled: J.value,
+					onClick: ut
 				}, {
-					default: w(() => [...a[7] ||= [h("重置", -1)]]),
+					default: w(() => [...n[8] ||= [fe("重置", -1)]]),
 					_: 1
-				}, 8, ["disabled"]),
-				r.showSubmitButton ? (y(), f(S(ye), {
-					key: 1,
+				}, 8, ["disabled"])),
+				Pe.value ? (y(), f(S(T), {
+					key: 2,
 					type: "primary",
-					loading: N.value,
-					disabled: r.disabled,
-					onClick: ot
+					loading: P.value,
+					disabled: e.disabled,
+					onClick: lt
 				}, {
-					default: w(() => [...a[8] ||= [h("确认并生成规则", -1)]]),
+					default: w(() => [...n[9] ||= [fe("确认并生成规则", -1)]]),
 					_: 1
 				}, 8, ["loading", "disabled"])) : p("", !0)
 			])]),
-			P.value ? (y(), me("div", we, [m("span", null, ve(P.value), 1), r.dataProvider && r.contractId ? (y(), f(S(ye), {
+			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: Ue
+				onClick: Q
 			}, {
-				default: w(() => [...a[10] ||= [h("重试", -1)]]),
+				default: w(() => [...n[10] ||= [fe("重试", -1)]]),
 				_: 1
 			})) : p("", !0)])) : p("", !0),
-			m("div", { class: v(["gd-ant-contract-signing-location__body", { "is-single-file": je.value }]) }, [
-				je.value ? p("", !0) : (y(), me("div", {
+			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: v(["gd-ant-contract-signing-location__navigator-wrap", { "is-collapsed": B.value }])
-				}, [g(S(be), { title: B.value ? "展开页面栏" : "收起页面栏" }, {
-					default: w(() => [m("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: a[0] ||= (e) => B.value = !B.value
-					}, [B.value ? (y(), f(S(n), {
+						"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"
-					})) : (y(), f(S(e), {
+					})) : (y(), f(S(ve), {
 						key: 1,
 						"aria-hidden": "true"
-					}))], 8, Te)]),
+					}))], 8, Ee)]),
 					_: 1
-				}, 8, ["title"]), m("div", Ee, [g(fe, {
-					files: k.value.files,
-					"active-file-id": A.value,
-					"loading-preview-keys": Ie.value,
-					"error-preview-keys": Le.value,
-					onSelect: Ke
+				}, 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)),
-				g(ue, {
+				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,
-					resizable: r.resizable,
-					"seal-size-limit": D.value,
-					zoom: L.value,
-					"preview-loading-keys": Re.value,
-					"preview-error-map": ze.value,
-					"active-page-index": j.value,
-					"min-zoom": r.minZoom,
-					"max-zoom": r.maxZoom,
-					onSelect: a[1] ||= (e) => M.value = e,
-					onRetry: mt,
-					onAdd: a[2] ||= (e, t, n, r) => $e(e, {
+					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": O.value,
+					"seal-type-options": e.sealTypeOptions,
+					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) => N.value = e,
+					onRetry: vt,
+					onAdd: n[2] ||= (e, t, n, r) => nt(e, {
 						signLeft: t,
 						signTop: n,
 						pageIndex: r
 					}),
-					onUpdate: a[3] ||= (e) => et(e.id, e),
-					onRemove: nt,
-					onVisiblePages: Ye,
-					onViewPage: qe,
-					onPageChange: Je,
-					onZoomChange: Ve
+					onUpdate: n[3] ||= (e) => rt(e.id, e),
+					onRemove: at,
+					onVisiblePages: Qe,
+					onViewPage: Xe,
+					onPageChange: Ze,
+					onZoomChange: Ge
 				}, null, 8, [
 					"file",
 					"pages",
@@ -495,6 +525,7 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 					"readonly",
 					"resizable",
 					"seal-size-limit",
+					"seal-type-options",
 					"zoom",
 					"preview-loading-keys",
 					"preview-error-map",
@@ -502,36 +533,39 @@ var xe = { class: "gd-ant-contract-signing-location__header" }, Se = { class: "g
 					"min-zoom",
 					"max-zoom"
 				]),
-				m("div", { class: v(["gd-ant-contract-signing-location__inspector-wrap", { "is-collapsed": z.value }]) }, [g(S(be), { title: z.value ? "展开属性栏" : "收起属性栏" }, {
-					default: w(() => [m("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: a[4] ||= (e) => z.value = !z.value
-					}, [z.value ? (y(), f(S(e), {
+						"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"
-					})) : (y(), f(S(n), {
+					})) : (y(), f(S(be), {
 						key: 1,
 						"aria-hidden": "true"
-					}))], 8, De)]),
+					}))], 8, Oe)]),
 					_: 1
-				}, 8, ["title"]), m("div", Oe, [g(de, {
-					placement: Y.value,
-					page: Fe.value,
-					pages: J.value?.pages ?? [],
-					placements: Pe.value,
-					readonly: q.value,
-					resizable: r.resizable,
-					"seal-size-limit": D.value,
-					"seal-type-options": r.sealTypeOptions,
-					"size-profile": r.sizeProfile,
-					onAdd: $e,
-					onUpdate: a[5] ||= (e) => Y.value && et(Y.value.id, e),
-					onDuplicate: tt,
-					onRemove: nt,
-					onLocate: Qe
+				}, 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": O.value,
+					"seal-type-options": e.sealTypeOptions,
+					"size-profile": e.sizeProfile,
+					onAdd: nt,
+					onUpdate: n[5] ||= (e) => X.value && rt(X.value.id, e),
+					onDuplicate: it,
+					onRemove: at,
+					onLocate: tt
 				}, null, 8, [
 					"placement",
 					"page",
@@ -542,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 };