@guodun/antdv 1.7.10 → 1.7.11

package/dist/es/components/pro-contract-template-designer/src/ContractTemplateSingleRenderer.vue.mjs

@@ -6,14 +6,14 @@ import ae from "./ContractTemplateRendererHeader.mjs";
 import oe from "./ContractTemplateRendererPage.mjs";
 import se from "./ContractTemplateRendererValidation.mjs";
 import { Fragment as ce, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as le, createTextVNode as ue, createVNode as m, defineComponent as h, mergeProps as de, nextTick as g, normalizeClass as fe, onBeforeUnmount as pe, openBlock as _, ref as v, renderList as me, renderSlot as he, toDisplayString as y, unref as b, watch as x, withCtx as S } from "vue";
-import { Button as ge, Empty as _e, Input as ve, Modal as ye, Progress as be, Segmented as xe, Tooltip as Se } from "ant-design-vue";
-import { useElementSize as Ce } from "@vueuse/core";
-import { LeftOutlined as we, RightOutlined as Te, SearchOutlined as Ee } from "@ant-design/icons-vue";
+import { Button as ge, Empty as C, Input as _e, Modal as ve, Progress as ye, Segmented as be, Tooltip as xe } from "ant-design-vue";
+import { useElementSize as Se } from "@vueuse/core";
+import { LeftOutlined as Ce, RightOutlined as we, SearchOutlined as Te } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateSingleRenderer.vue?vue&type=script&setup=true&lang.ts
-var De = {
+var Ee = {
 	key: 2,
 	class: "gd-contract-template-renderer__empty"
-}, Oe = ["data-highlighted-variable-key"], ke = { class: "gd-contract-template-renderer__pages" }, Ae = ["aria-label", "aria-expanded"], je = { class: "gd-contract-template-renderer__panel-clip" }, Me = { class: "gd-contract-template-renderer__panel" }, Ne = { class: "gd-contract-template-renderer__panel-head" }, Pe = { class: "gd-contract-template-renderer__panel-head-row" }, Fe = { class: "gd-contract-template-renderer__panel-head-actions" }, Ie = { class: "gd-contract-template-renderer__field-group-head" }, Le = { class: "gd-contract-template-renderer__field-group-items" }, Re = ["data-field-key"], ze = .5, Be = 1.5, C = .1, Ve = 3e3, He = /* @__PURE__ */ h({
+}, De = ["data-highlighted-variable-key"], Oe = { class: "gd-contract-template-renderer__pages" }, ke = ["aria-label", "aria-expanded"], Ae = { class: "gd-contract-template-renderer__panel-clip" }, je = { class: "gd-contract-template-renderer__panel" }, Me = { class: "gd-contract-template-renderer__panel-head" }, Ne = { class: "gd-contract-template-renderer__panel-head-row" }, Pe = { class: "gd-contract-template-renderer__panel-head-actions" }, Fe = { class: "gd-contract-template-renderer__field-group-head" }, Ie = { class: "gd-contract-template-renderer__field-group-items" }, Le = ["data-field-key"], Re = .5, ze = 1.5, w = .1, Be = 3e3, Ve = /* @__PURE__ */ h({
 	name: "ContractTemplateSingleRenderer",
 	__name: "ContractTemplateSingleRenderer",
 	props: {
@@ -87,8 +87,8 @@ var De = {
 		"update:zoom",
 		"control-warning"
 	],
-	setup(h, { expose: He, emit: Ue }) {
-		let w = h, T = Ue, We = [
+	setup(h, { expose: Ve, emit: He }) {
+		let T = h, E = He, Ue = [
 			{
 				label: "全部",
 				value: "all"
@@ -101,9 +101,9 @@ var De = {
 				label: "有错误",
 				value: "error"
 			}
-		], Ge = v(), E = v(), Ke = v(), D = v(c(w.template, w.values)), qe = v({ ...D.value }), O = v(!1), k = v([]), A = v([]), j = v(!1), M = v(!1), N = v(""), P = v(""), F = v(""), Je = v(0), I = v($t(w.zoom)), L = v(""), R = v("all"), z = v(!1), Ye = v(/* @__PURE__ */ new Map()), B = /* @__PURE__ */ new Map(), Xe = /* @__PURE__ */ new Map(), V = /* @__PURE__ */ new Map(), Ze = /* @__PURE__ */ new Set(), { width: Qe } = Ce(E), $e = l(() => w.readonly || w.disabled), et = l(() => te(w.template)), H = l(() => O.value ? k.value : [...et.value, ...A.value]), U = l(() => (Array.isArray(w.template?.variables) ? w.template.variables : []).filter((t) => !!t?.key && e(t.type ?? "text"))), tt = l(() => {
-			let e = { ...D.value };
-			return U.value.forEach((t) => {
+		], We = v(), D = v(), Ge = v(), O = v(c(T.template, T.values)), Ke = v({ ...O.value }), k = v(!1), A = v([]), j = v([]), M = v(!1), N = v(!1), P = v(""), F = v(""), I = v(""), qe = v(0), L = v($t(T.zoom)), R = v(""), z = v("all"), B = v(!1), Je = v(/* @__PURE__ */ new Map()), V = /* @__PURE__ */ new Map(), Ye = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map(), Xe = /* @__PURE__ */ new Set(), { width: Ze } = Se(D), Qe = l(() => T.readonly || T.disabled), $e = l(() => T.interactionMode === "inline" && !Qe.value), et = l(() => te(T.template)), U = l(() => k.value ? A.value : [...et.value, ...j.value]), W = l(() => (Array.isArray(T.template?.variables) ? T.template.variables : []).filter((t) => !!t?.key && e(t.type ?? "text"))), tt = l(() => {
+			let e = { ...O.value };
+			return W.value.forEach((t) => {
 				let n = Nt(t);
 				if (n?.toDisplayText) try {
 					e[t.key] = n.toDisplayText(e[t.key], {
@@ -112,27 +112,24 @@ var De = {
 					});
 				} catch {}
 			}), e;
-		}), nt = l(() => U.value.filter((e) => s(D.value[e.key])).length), rt = l(() => {
+		}), nt = l(() => W.value.filter((e) => s(O.value[e.key])).length), rt = l(() => {
 			let e = /* @__PURE__ */ new Map();
-			return H.value.forEach((t) => {
+			return U.value.forEach((t) => {
 				t.variableKey && e.set(t.variableKey, [...e.get(t.variableKey) ?? [], t]);
 			}), e;
-		}), W = l(() => {
-			let e = w.interactionMode === "panel";
-			return o(w.template, e ? tt.value : qe.value, {
-				readonly: w.readonly,
-				disabled: w.disabled,
-				mode: e ? "display" : "control"
-			});
-		}), it = l(() => {
-			let e = /* @__PURE__ */ new Map(), t = new Set(U.value.map((e) => e.key));
-			return W.value.forEach((n) => {
+		}), G = l(() => o(T.template, $e.value ? Ke.value : tt.value, {
+			readonly: T.readonly,
+			disabled: T.disabled,
+			mode: $e.value ? "control" : "display"
+		})), it = l(() => {
+			let e = /* @__PURE__ */ new Map(), t = new Set(W.value.map((e) => e.key));
+			return G.value.forEach((n) => {
 				qt(n.contentHtml).forEach((r) => {
 					t.has(r) && !e.has(r) && e.set(r, n.id);
 				});
 			}), e;
-		}), at = l(() => U.value.filter(Ht)), ot = l(() => {
-			let e = W.value.map((e, t) => ({
+		}), at = l(() => W.value.filter(Ht)), ot = l(() => {
+			let e = G.value.map((e, t) => ({
 				id: `page:${e.id}`,
 				pageId: e.id,
 				title: `第 ${t + 1} 页${e.title ? ` · ${e.title}` : ""}`,
@@ -144,7 +141,7 @@ var De = {
 				allVariables: [],
 				variables: []
 			};
-			return U.value.forEach((e) => {
+			return W.value.forEach((e) => {
 				let r = t.get(it.value.get(e.key) ?? "") ?? n;
 				r.allVariables.push(e), Ht(e) && r.variables.push(e);
 			}), [...e, n].filter((e) => e.variables.length > 0).map((e) => ({
@@ -153,99 +150,99 @@ var De = {
 				totalCount: e.allVariables.length,
 				variables: e.variables
 			}));
-		}), st = l(() => W.value.length > 0), ct = l(() => U.value.filter((e) => !s(D.value[e.key])).length), lt = l(() => U.value.filter((e) => e.required && s(D.value[e.key])).length), ut = l(() => U.value.length ? Math.round(ct.value / U.value.length * 100) : 0), dt = l(() => O.value && k.value.length === 0), ft = l(() => O.value ? dt.value ? "校验通过，模板与填写值均符合规则" : `发现 ${k.value.length} 个模板或填写问题` : A.value.length ? `发现 ${H.value.length} 个模板或填写问题` : et.value.length ? `模板存在 ${et.value.length} 个问题，已安全降级展示` : ""), pt = l(() => O.value ? H.value.length > 0 || M.value : H.value.length > 0);
-		x(() => w.template, (e) => {
-			G(c(e, w.values), !1), wt();
+		}), st = l(() => G.value.length > 0), ct = l(() => W.value.filter((e) => !s(O.value[e.key])).length), lt = l(() => W.value.filter((e) => e.required && s(O.value[e.key])).length), ut = l(() => W.value.length ? Math.round(ct.value / W.value.length * 100) : 0), dt = l(() => k.value && A.value.length === 0), ft = l(() => k.value ? dt.value ? "校验通过，模板与填写值均符合规则" : `发现 ${A.value.length} 个模板或填写问题` : j.value.length ? `发现 ${U.value.length} 个模板或填写问题` : et.value.length ? `模板存在 ${et.value.length} 个问题，已安全降级展示` : ""), pt = l(() => k.value ? U.value.length > 0 || N.value : U.value.length > 0);
+		x(() => T.template, (e) => {
+			K(c(e, T.values), !1), wt();
 			let t = Array.isArray(e?.pages) ? e.pages.map((e) => e?.id) : [];
-			t.includes(F.value) || (F.value = t.find(Boolean) ?? ""), P.value && !U.value.some((e) => e.key === P.value) && Ot();
+			t.includes(I.value) || (I.value = t.find(Boolean) ?? ""), F.value && !W.value.some((e) => e.key === F.value) && Ot();
 		}, { deep: !0 }), x(() => [
-			w.template?.variables,
-			w.optionResolver,
-			w.requester,
-			w.allowedRemoteOrigins,
-			w.remoteRequestTimeoutMs,
-			w.remoteOptionsCacheTtlMs
+			T.template?.variables,
+			T.optionResolver,
+			T.requester,
+			T.allowedRemoteOrigins,
+			T.remoteRequestTimeoutMs,
+			T.remoteOptionsCacheTtlMs
 		], () => {
 			Ft();
 		}, {
 			deep: !0,
 			immediate: !0
-		}), x(() => w.values, (e) => {
-			let t = c(w.template, e);
-			en(t, D.value) || (G(t, !1, { refreshInlineHtml: w.interactionMode !== "inline" }), wt());
-		}, { deep: !0 }), x(() => w.interactionMode, (e) => {
-			e === "inline" && (qe.value = { ...D.value });
-		}), x(() => w.collapsiblePanel, (e) => {
-			e || (z.value = !1);
-		}), x(() => w.zoom, (e) => I.value = $t(e)), x(W, (e) => {
-			!F.value && e.length && (F.value = e[0].id);
+		}), x(() => T.values, (e) => {
+			let t = c(T.template, e);
+			tn(t, O.value) || (K(t, !1, { refreshInlineHtml: T.interactionMode !== "inline" }), wt());
+		}, { deep: !0 }), x($e, (e) => {
+			e && (Ke.value = { ...O.value });
+		}), x(() => T.collapsiblePanel, (e) => {
+			e || (B.value = !1);
+		}), x(() => T.zoom, (e) => L.value = $t(e)), x(G, (e) => {
+			!I.value && e.length && (I.value = e[0].id);
 		}, { immediate: !0 });
-		function G(e, t = !0, n = {}) {
-			D.value = { ...e }, n.refreshInlineHtml !== !1 && (qe.value = { ...e }), t && (T("update:values", { ...D.value }), T("change", { ...D.value }));
+		function K(e, t = !0, n = {}) {
+			O.value = { ...e }, n.refreshInlineHtml !== !1 && (Ke.value = { ...e }), t && (E("update:values", { ...O.value }), E("change", { ...O.value }));
 		}
-		function K(e, t) {
-			if (!e || $e.value) return;
-			if (G({
-				...D.value,
+		function q(e, t) {
+			if (!e || Qe.value) return;
+			if (K({
+				...O.value,
 				[e]: t
-			}, !0, { refreshInlineHtml: w.interactionMode !== "inline" }), O.value) {
+			}, !0, { refreshInlineHtml: T.interactionMode !== "inline" }), k.value) {
 				bt();
 				return;
 			}
-			let n = U.value.find((t) => t.key === e);
-			n && (n.type ?? "text") === "text" && (A.value = [...A.value.filter((t) => t.variableKey !== e), ...re(n, t)], T("validate", H.value));
+			let n = W.value.find((t) => t.key === e);
+			n && (n.type ?? "text") === "text" && (j.value = [...j.value.filter((t) => t.variableKey !== e), ...re(n, t)], E("validate", U.value));
 		}
 		function mt(e) {
-			if (w.interactionMode !== "inline") return;
+			if (T.interactionMode !== "inline") return;
 			let t = e.target;
 			if (!(t instanceof HTMLInputElement) && !(t instanceof HTMLTextAreaElement)) return;
 			let n = t.dataset.key || "";
-			n && (t instanceof HTMLInputElement && t.type === "checkbox" ? K(n, t.checked) : t instanceof HTMLInputElement && t.type === "number" ? K(n, t.value === "" ? void 0 : t.valueAsNumber) : K(n, t.value));
+			n && (t instanceof HTMLInputElement && t.type === "checkbox" ? q(n, t.checked) : t instanceof HTMLInputElement && t.type === "number" ? q(n, t.value === "" ? void 0 : t.valueAsNumber) : q(n, t.value));
 		}
 		function ht(e) {
 			let t = e.target;
 			if (!(t instanceof Element)) return;
 			let n = t.closest("[data-render-page-id]");
-			n?.dataset.renderPageId && (F.value = n.dataset.renderPageId);
+			n?.dataset.renderPageId && (I.value = n.dataset.renderPageId);
 			let r = t.closest("[data-contract-render-wrapper], [data-contract-render-control]")?.dataset.key || "";
-			r && X(r);
+			r && Z(r);
 		}
 		function gt(e) {
-			let t = W.value.find((t) => t.id === e.pageId), n = U.value.some((t) => t.key === e.key);
-			if (!(!t || !n || !qt(t.contentHtml).has(e.key)) && !(e.kind === "input" && w.interactionMode !== "inline")) {
-				if (F.value = e.pageId, e.kind === "input") {
-					K(e.key, e.value);
+			let t = G.value.find((t) => t.id === e.pageId), n = W.value.some((t) => t.key === e.key);
+			if (!(!t || !n || !qt(t.contentHtml).has(e.key)) && !(e.kind === "input" && T.interactionMode !== "inline")) {
+				if (I.value = e.pageId, e.kind === "input") {
+					q(e.key, e.value);
 					return;
 				}
-				X(e.key);
+				Z(e.key);
 			}
 		}
 		function _t(e) {
 			if (e.key !== "Enter" && e.key !== " ") return;
 			let t = e.target;
-			!(t instanceof HTMLElement) || !t.dataset.key || (e.preventDefault(), X(t.dataset.key));
+			!(t instanceof HTMLElement) || !t.dataset.key || (e.preventDefault(), Z(t.dataset.key));
 		}
 		function vt() {
-			return { ...D.value };
+			return { ...O.value };
 		}
 		function yt(e) {
-			G(c(w.template, e));
+			K(c(T.template, e));
 		}
 		function bt() {
-			let e = ne(w.template, D.value);
-			return Tt(e), T("validate", e), e;
+			let e = ne(T.template, O.value);
+			return Tt(e), E("validate", e), e;
 		}
 		function xt() {
-			let e = ee(w.template, D.value, w.validateOnSubmit);
-			if ((w.validateOnSubmit || e.length) && (Tt(e), T("validate", e)), e.length) return At(e[0]), !1;
+			let e = ee(T.template, O.value, T.validateOnSubmit);
+			if ((T.validateOnSubmit || e.length) && (Tt(e), E("validate", e)), e.length) return At(e[0]), !1;
 			let t = vt();
-			return T("submit", t), t;
+			return E("submit", t), t;
 		}
 		function St() {
-			return G(a(w.template)), wt(), vt();
+			return K(a(T.template)), wt(), vt();
 		}
 		function Ct() {
-			$e.value || ye.confirm({
+			Qe.value || ve.confirm({
 				title: "重置填写内容？",
 				content: "将恢复模板中的默认值，当前未提交的填写内容会被覆盖。",
 				okText: "确认重置",
@@ -254,88 +251,88 @@ var De = {
 			});
 		}
 		function wt() {
-			A.value = [], O.value = !1, k.value = [], j.value = !1, M.value = !1, J();
+			j.value = [], k.value = !1, A.value = [], M.value = !1, N.value = !1, Y();
 		}
 		function Tt(e) {
-			if (A.value = [], k.value = e, O.value = !0, j.value = !1, e.length) {
-				M.value = !1, J();
+			if (j.value = [], A.value = e, k.value = !0, M.value = !1, e.length) {
+				N.value = !1, Y();
 				return;
 			}
 			Et();
 		}
-		let q;
-		function J() {
-			q &&= (clearTimeout(q), void 0);
+		let J;
+		function Y() {
+			J &&= (clearTimeout(J), void 0);
 		}
 		function Et() {
-			J(), M.value = !0, q = setTimeout(() => {
-				M.value = !1, q = void 0;
-			}, Ve);
+			Y(), N.value = !0, J = setTimeout(() => {
+				N.value = !1, J = void 0;
+			}, Be);
 		}
-		function Y(e) {
-			X(e, !0);
+		function X(e) {
+			Z(e, !0);
 		}
 		function Dt(e) {
-			w.interactionMode === "panel" && (z.value &&= !1, U.value.some((t) => t.key === e) && !at.value.some((t) => t.key === e) && Ut());
+			T.interactionMode === "panel" && (B.value &&= !1, W.value.some((t) => t.key === e) && !at.value.some((t) => t.key === e) && Ut());
 		}
-		function X(e, t = !1) {
+		function Z(e, t = !1) {
 			if (!e) return;
-			Dt(e), P.value = e, N.value = e;
+			Dt(e), F.value = e, P.value = e;
 			let n = it.value.get(e);
-			n && (F.value = n), t && (Je.value += 1), g(() => {
+			n && (I.value = n), t && (qe.value += 1), g(() => {
 				kt(e);
-				let r = n ? E.value?.querySelector(`[data-render-page-id="${$(n)}"]`) : void 0;
+				let r = n ? D.value?.querySelector(`[data-render-page-id="${en(n)}"]`) : void 0;
 				t && r?.scrollIntoView({
 					behavior: "smooth",
 					block: "center",
 					inline: "center"
-				}), w.interactionMode === "panel" && Ke.value?.querySelector(`[data-field-key="${$(e)}"]`)?.scrollIntoView({
+				}), T.interactionMode === "panel" && Ge.value?.querySelector(`[data-field-key="${en(e)}"]`)?.scrollIntoView({
 					behavior: "smooth",
 					block: "nearest"
 				});
 			});
 		}
 		function Ot() {
-			P.value = "", N.value = "", kt("");
+			F.value = "", P.value = "", kt("");
 		}
 		function kt(e) {
-			E.value?.querySelectorAll("[data-contract-render-wrapper], [data-contract-render-control]").forEach((t) => t.classList.toggle("is-active", !!e && t.dataset.key === e));
+			D.value?.querySelectorAll("[data-contract-render-wrapper], [data-contract-render-control]").forEach((t) => t.classList.toggle("is-active", !!e && t.dataset.key === e));
 		}
 		function At(e) {
-			e.variableKey ? (Y(e.variableKey), w.interactionMode === "panel" && g(() => Gt(e.variableKey))) : e.pageId && Qt(e.pageId);
+			e.variableKey ? (X(e.variableKey), T.interactionMode === "panel" && g(() => Gt(e.variableKey))) : e.pageId && Qt(e.pageId);
 		}
 		function jt(e) {
 			return rt.value.get(e) ?? [];
 		}
 		function Mt(e) {
-			return Ye.value.get(e.key) ?? {
+			return Je.value.get(e.key) ?? {
 				options: e.options ?? [],
 				loading: !1
 			};
 		}
 		function Nt(e) {
 			let t = e.componentKey || e.type || "";
-			return t ? w.controlRegistry?.[t] : void 0;
+			return t ? T.controlRegistry?.[t] : void 0;
 		}
-		function Z(e, t) {
-			let n = new Map(Ye.value);
-			n.set(e, t), Ye.value = n;
+		function Q(e, t) {
+			let n = new Map(Je.value);
+			n.set(e, t), Je.value = n;
 		}
 		function Pt(e) {
-			T("control-warning", e);
+			E("control-warning", e);
 		}
 		async function Ft() {
-			B.forEach((e) => e.abort()), B.clear(), Xe.clear(), Ze.clear();
-			let e = Array.isArray(w.template?.variables) ? w.template.variables : [];
+			V.forEach((e) => e.abort()), V.clear(), Ye.clear(), Xe.clear();
+			let e = Array.isArray(T.template?.variables) ? T.template.variables : [];
 			await Promise.all(e.map(async (e) => {
 				if (!e?.key) return;
 				let t = Array.isArray(e.options) ? e.options.map((e) => ({ ...e })) : [];
-				if (e.dataSource ? await It(e, t) : Z(e.key, {
+				if (e.dataSource ? await It(e, t) : Q(e.key, {
 					options: t,
 					loading: !1
 				}), e.type === "custom" && !Nt(e)) {
 					let t = e.componentKey || "", n = `${e.key}:${t}`;
-					Ze.has(n) || (Ze.add(n), Pt({
+					Xe.has(n) || (Xe.add(n), Pt({
 						code: "CONTROL_COMPONENT_MISSING",
 						variableKey: e.key,
 						componentKey: t,
@@ -348,32 +345,32 @@ var De = {
 			let r = e.dataSource;
 			if (!r) return;
 			let i = new AbortController();
-			B.set(e.key, i), Z(e.key, {
+			V.set(e.key, i), Q(e.key, {
 				options: n,
 				loading: !0
 			});
-			let a = Lt(e), o = Date.now(), s = Xe.get(a);
+			let a = Lt(e), o = Date.now(), s = Ye.get(a);
 			if (s && s.expiresAt > o) {
-				Z(e.key, {
+				Q(e.key, {
 					options: s.options,
 					loading: !1
-				}), B.delete(e.key);
+				}), V.delete(e.key);
 				return;
 			}
 			let c = "CONTROL_OPTIONS_LOAD_FAILED";
 			try {
-				r.kind === "url" && !t(r.url, w.allowedRemoteOrigins) && (c = "CONTROL_REMOTE_URL_BLOCKED");
-				let o = V.get(a);
-				o || (o = Rt(e, r, c, i), V.set(a, o), o.finally(() => {
-					V.get(a) === o && V.delete(a);
+				r.kind === "url" && !t(r.url, T.allowedRemoteOrigins) && (c = "CONTROL_REMOTE_URL_BLOCKED");
+				let o = H.get(a);
+				o || (o = Rt(e, r, c, i), H.set(a, o), o.finally(() => {
+					H.get(a) === o && H.delete(a);
 				}).catch(() => void 0));
 				let s = await o;
 				if (i.signal.aborted) return;
-				let ee = Math.max(0, Number(w.remoteOptionsCacheTtlMs) || 0);
-				ee > 0 && Xe.set(a, {
+				let ee = Math.max(0, Number(T.remoteOptionsCacheTtlMs) || 0);
+				ee > 0 && Ye.set(a, {
 					options: s,
 					expiresAt: Date.now() + ee
-				}), Z(e.key, {
+				}), Q(e.key, {
 					options: s.length ? s : n,
 					loading: !1
 				});
@@ -381,7 +378,7 @@ var De = {
 				let r = t instanceof Error && t.message.startsWith("高级控件请求超时");
 				if (i.signal.aborted && !r) return;
 				let a = t instanceof Error ? t.message : "高级控件选项加载失败";
-				Z(e.key, {
+				Q(e.key, {
 					options: n,
 					loading: !1,
 					error: a
@@ -392,7 +389,7 @@ var De = {
 					cause: t
 				});
 			} finally {
-				B.get(e.key) === i && B.delete(e.key);
+				V.get(e.key) === i && V.delete(e.key);
 			}
 		}
 		function Lt(e) {
@@ -405,18 +402,18 @@ var De = {
 		async function Rt(e, r, a, o) {
 			let s;
 			if (r.kind === "resolver") {
-				if (!w.optionResolver) throw Error(`缺少 resolver ${r.resolverKey} 的宿主实现`);
-				s = await w.optionResolver({
+				if (!T.optionResolver) throw Error(`缺少 resolver ${r.resolverKey} 的宿主实现`);
+				s = await T.optionResolver({
 					resolverKey: r.resolverKey,
 					params: r.params,
 					variable: e,
 					signal: o.signal
 				});
 			} else {
-				if (!t(r.url, w.allowedRemoteOrigins)) throw Error(`远程地址未在 allowlist 中：${r.url}`);
-				if (!w.requester) throw Error("缺少宿主 requester，组件库不会直接发起网络请求");
-				let n = i(r.timeoutMs, w.remoteRequestTimeoutMs);
-				s = await zt(w.requester({
+				if (!t(r.url, T.allowedRemoteOrigins)) throw Error(`远程地址未在 allowlist 中：${r.url}`);
+				if (!T.requester) throw Error("缺少宿主 requester，组件库不会直接发起网络请求");
+				let n = i(r.timeoutMs, T.remoteRequestTimeoutMs);
+				s = await zt(T.requester({
 					url: r.url,
 					method: r.method || "GET",
 					params: r.params,
@@ -444,45 +441,45 @@ var De = {
 			let t = Mt(e);
 			return {
 				variable: e,
-				value: D.value[e.key],
+				value: O.value[e.key],
 				errors: jt(e.key),
-				active: P.value === e.key,
-				readonly: w.readonly,
-				disabled: w.disabled,
+				active: F.value === e.key,
+				readonly: T.readonly,
+				disabled: T.disabled,
 				options: t.options,
 				loading: t.loading,
 				loadError: t.error,
-				updateValue: (t) => K(e.key, t),
-				focusVariable: () => Y(e.key)
+				updateValue: (t) => q(e.key, t),
+				focusVariable: () => X(e.key)
 			};
 		}
 		function Vt() {
-			let e = U.value;
+			let e = W.value;
 			if (!e.length) return;
-			let t = e.findIndex((e) => e.key === P.value), n = t < 0 ? 0 : t + 1;
+			let t = e.findIndex((e) => e.key === F.value), n = t < 0 ? 0 : t + 1;
 			for (let t = 0; t < e.length; t += 1) {
 				let r = e[(n + t) % e.length];
-				if (s(D.value[r.key])) {
-					Y(r.key);
+				if (s(O.value[r.key])) {
+					X(r.key);
 					return;
 				}
 			}
 		}
 		function Ht(e) {
-			let t = L.value.trim().toLocaleLowerCase();
-			return !t || e.key.toLocaleLowerCase().includes(t) || (e.label ?? "").toLocaleLowerCase().includes(t) ? R.value === "unfilled" ? s(D.value[e.key]) : R.value === "error" ? jt(e.key).length > 0 : !0 : !1;
+			let t = R.value.trim().toLocaleLowerCase();
+			return !t || e.key.toLocaleLowerCase().includes(t) || (e.label ?? "").toLocaleLowerCase().includes(t) ? z.value === "unfilled" ? s(O.value[e.key]) : z.value === "error" ? jt(e.key).length > 0 : !0 : !1;
 		}
 		function Ut() {
-			L.value = "", R.value = "all";
+			R.value = "", z.value = "all";
 		}
 		function Wt(e, t) {
 			let n = at.value;
 			if (!n.length) return;
 			let r = n.findIndex((t) => t.key === e), i = n[r < 0 ? 0 : (r + t + n.length) % n.length]?.key;
-			i && (Y(i), g(() => Gt(i)));
+			i && (X(i), g(() => Gt(i)));
 		}
 		function Gt(e) {
-			(Ke.value?.querySelector(`[data-field-key="${$(e)}"]`))?.querySelector("input:not([disabled]), textarea:not([disabled]), button:not([disabled])")?.focus();
+			(Ge.value?.querySelector(`[data-field-key="${en(e)}"]`))?.querySelector("input:not([disabled]), textarea:not([disabled]), button:not([disabled])")?.focus();
 		}
 		function Kt(e) {
 			if (e.key !== "Enter" || e.target instanceof HTMLTextAreaElement) return;
@@ -505,25 +502,25 @@ var De = {
 			return t;
 		}
 		function Jt() {
-			!w.collapsiblePanel || w.interactionMode !== "panel" || (z.value = !z.value);
+			!T.collapsiblePanel || T.interactionMode !== "panel" || (B.value = !B.value);
 		}
-		function Q(e) {
+		function $(e) {
 			let t = $t(e);
-			return I.value = t, T("update:zoom", t), t;
+			return L.value = t, E("update:zoom", t), t;
 		}
 		function Yt() {
-			return Q(1);
+			return $(1);
 		}
 		function Xt() {
-			return I.value;
+			return L.value;
 		}
 		function Zt() {
-			let e = Math.max(...W.value.map((e) => e.width), 1);
-			return Q(Math.max(0, Qe.value - 48) / e);
+			let e = Math.max(...G.value.map((e) => e.width), 1);
+			return $(Math.max(0, Ze.value - 48) / e);
 		}
 		function Qt(e) {
-			e && (F.value = e, g(() => {
-				E.value?.querySelector(`[data-render-page-id="${$(e)}"]`)?.scrollIntoView({
+			e && (I.value = e, g(() => {
+				D.value?.querySelector(`[data-render-page-id="${en(e)}"]`)?.scrollIntoView({
 					behavior: "smooth",
 					block: "start",
 					inline: "center"
@@ -532,30 +529,30 @@ var De = {
 		}
 		function $t(e) {
 			let t = Number(e);
-			return Number.isFinite(t) ? Math.min(Be, Math.max(ze, Math.round(t * 100) / 100)) : 1;
+			return Number.isFinite(t) ? Math.min(ze, Math.max(Re, Math.round(t * 100) / 100)) : 1;
 		}
-		function $(e) {
+		function en(e) {
 			return e.replaceAll("\\", "\\\\").replaceAll("\"", "\\\"");
 		}
-		function en(e, t) {
+		function tn(e, t) {
 			let n = new Set([...Object.keys(e), ...Object.keys(t)]);
 			return Array.from(n).every((n) => e[n] === t[n]);
 		}
-		function tn(e) {
-			!(e.ctrlKey || e.metaKey) || !st.value || (e.preventDefault(), Q(e.deltaY > 0 ? I.value - C : I.value + C));
+		function nn(e) {
+			!(e.ctrlKey || e.metaKey) || !st.value || (e.preventDefault(), $(e.deltaY > 0 ? L.value - w : L.value + w));
 		}
-		let nn;
-		function rn() {
-			nn?.removeEventListener("wheel", tn), nn = void 0;
+		let rn;
+		function an() {
+			rn?.removeEventListener("wheel", nn), rn = void 0;
 		}
-		function an(e) {
-			rn(), e && (e.addEventListener("wheel", tn, { passive: !1 }), nn = e);
+		function on(e) {
+			an(), e && (e.addEventListener("wheel", nn, { passive: !1 }), rn = e);
 		}
-		return x(E, (e) => {
-			an(e);
+		return x(D, (e) => {
+			on(e);
 		}, { immediate: !0 }), pe(() => {
-			rn(), J(), B.forEach((e) => e.abort()), B.clear();
-		}), He({
+			an(), Y(), V.forEach((e) => e.abort()), V.clear();
+		}), Ve({
 			showValidation: Tt,
 			focusError: (e) => {
 				At(e), e.variableKey && g(() => Gt(e.variableKey));
@@ -565,15 +562,15 @@ var De = {
 			validate: bt,
 			submit: xt,
 			resetValues: St,
-			scrollToVariable: Y,
-			setZoom: Q,
+			scrollToVariable: X,
+			setZoom: $,
 			resetZoom: Yt,
 			getZoom: Xt,
 			fitWidth: Zt,
 			scrollToPage: Qt
 		}), (e, t) => (_(), f("section", {
 			ref_key: "rendererElement",
-			ref: Ge,
+			ref: We,
 			class: fe(["gd-contract-template-renderer", {
 				"is-disabled": h.disabled,
 				"is-readonly": h.readonly,
@@ -590,24 +587,24 @@ var De = {
 				key: 0,
 				title: h.title,
 				"filled-count": ct.value,
-				"total-count": U.value.length,
+				"total-count": W.value.length,
 				"progress-percent": ut.value,
 				"required-missing-count": lt.value,
-				zoom: I.value,
-				pages: W.value,
-				"active-page-id": F.value,
-				"min-zoom": ze,
-				"max-zoom": Be,
+				zoom: L.value,
+				pages: G.value,
+				"active-page-id": I.value,
+				"min-zoom": Re,
+				"max-zoom": ze,
 				"show-toolbar": h.showToolbar,
 				"show-validate-button": h.showValidateButton,
 				"show-reset-button": h.showResetButton,
 				"show-submit-button": h.showSubmitButton,
 				"show-panel-toggle": h.interactionMode === "panel" && h.collapsiblePanel,
-				"panel-collapsed": z.value,
+				"panel-collapsed": B.value,
 				readonly: h.readonly,
 				disabled: h.disabled,
-				onZoomIn: t[0] ||= (e) => Q(I.value + C),
-				onZoomOut: t[1] ||= (e) => Q(I.value - C),
+				onZoomIn: t[0] ||= (e) => $(L.value + w),
+				onZoomOut: t[1] ||= (e) => $(L.value - w),
 				onResetZoom: Yt,
 				onFitWidth: Zt,
 				onSelectPage: Qt,
@@ -640,9 +637,9 @@ var De = {
 				key: 1,
 				passed: dt.value,
 				summary: ft.value,
-				errors: H.value,
-				expanded: j.value,
-				onToggle: t[2] ||= (e) => j.value = !j.value,
+				errors: U.value,
+				expanded: M.value,
+				onToggle: t[2] ||= (e) => M.value = !M.value,
 				onFocusError: At
 			}, null, 8, [
 				"passed",
@@ -655,19 +652,19 @@ var De = {
 				class: fe(["gd-contract-template-renderer__workspace", { "is-inline": h.interactionMode === "inline" }])
 			}, [p("div", {
 				ref_key: "pagesViewportElement",
-				ref: E,
+				ref: D,
 				class: "gd-contract-template-renderer__pages-viewport",
-				"data-highlighted-variable-key": N.value
-			}, [p("div", ke, [(_(!0), f(ce, null, me(W.value, (e, t) => (_(), u(oe, {
+				"data-highlighted-variable-key": P.value
+			}, [p("div", Oe, [(_(!0), f(ce, null, me(G.value, (e, t) => (_(), u(oe, {
 				key: e.id,
 				page: e,
 				index: t,
-				total: W.value.length,
-				zoom: I.value,
+				total: G.value.length,
+				zoom: L.value,
 				"show-meta": h.showPageMeta,
 				"font-base-url": h.contractFontBaseUrl,
-				"active-key": N.value,
-				"scroll-request": Je.value,
+				"active-key": P.value,
+				"scroll-request": qe.value,
 				onInteraction: gt
 			}, null, 8, [
 				"page",
@@ -678,46 +675,46 @@ var De = {
 				"font-base-url",
 				"active-key",
 				"scroll-request"
-			]))), 128))])], 8, Oe), h.interactionMode === "panel" ? (_(), f("div", {
+			]))), 128))])], 8, De), h.interactionMode === "panel" ? (_(), f("div", {
 				key: 0,
-				class: fe(["gd-contract-template-renderer__panel-wrap", { "is-collapsed": z.value && h.collapsiblePanel }])
-			}, [h.collapsiblePanel ? (_(), u(b(Se), {
+				class: fe(["gd-contract-template-renderer__panel-wrap", { "is-collapsed": B.value && h.collapsiblePanel }])
+			}, [h.collapsiblePanel ? (_(), u(b(xe), {
 				key: 0,
-				title: z.value ? "展开填写面板" : "收起填写面板"
+				title: B.value ? "展开填写面板" : "收起填写面板"
 			}, {
 				default: S(() => [p("button", {
 					type: "button",
 					class: "gd-contract-template-renderer__panel-handle",
-					"aria-label": z.value ? "展开填写面板" : "收起填写面板",
-					"aria-expanded": !z.value,
-					onClick: t[3] ||= (e) => z.value = !z.value
-				}, [z.value ? (_(), u(b(we), {
+					"aria-label": B.value ? "展开填写面板" : "收起填写面板",
+					"aria-expanded": !B.value,
+					onClick: t[3] ||= (e) => B.value = !B.value
+				}, [B.value ? (_(), u(b(Ce), {
 					key: 0,
 					"aria-hidden": "true"
-				})) : (_(), u(b(Te), {
+				})) : (_(), u(b(we), {
 					key: 1,
 					"aria-hidden": "true"
-				}))], 8, Ae)]),
+				}))], 8, ke)]),
 				_: 1
-			}, 8, ["title"])) : d("", !0), p("div", je, [p("aside", Me, [p("div", Ne, [
-				p("div", Pe, [p("div", null, [t[6] ||= p("strong", null, "填写项", -1), p("span", null, y(ct.value) + " / " + y(U.value.length) + " 已填写", 1)]), p("span", null, y(lt.value ? `${lt.value} 项必填未完成` : "必填项已完成"), 1)]),
-				m(b(ve), {
-					value: L.value,
-					"onUpdate:value": t[4] ||= (e) => L.value = e,
+			}, 8, ["title"])) : d("", !0), p("div", Ae, [p("aside", je, [p("div", Me, [
+				p("div", Ne, [p("div", null, [t[6] ||= p("strong", null, "填写项", -1), p("span", null, y(ct.value) + " / " + y(W.value.length) + " 已填写", 1)]), p("span", null, y(lt.value ? `${lt.value} 项必填未完成` : "必填项已完成"), 1)]),
+				m(b(_e), {
+					value: R.value,
+					"onUpdate:value": t[4] ||= (e) => R.value = e,
 					"allow-clear": "",
 					size: "small",
 					class: "gd-contract-template-renderer__field-search",
 					placeholder: "搜索字段名称或标识"
 				}, {
-					prefix: S(() => [m(b(Ee), { "aria-hidden": "true" })]),
+					prefix: S(() => [m(b(Te), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["value"]),
-				p("div", Fe, [m(b(xe), {
-					value: R.value,
-					"onUpdate:value": t[5] ||= (e) => R.value = e,
+				p("div", Pe, [m(b(be), {
+					value: z.value,
+					"onUpdate:value": t[5] ||= (e) => z.value = e,
 					size: "small",
 					class: "gd-contract-template-renderer__field-filter",
-					options: We
+					options: Ue
 				}, null, 8, ["value"]), m(b(ge), {
 					size: "small",
 					disabled: !nt.value,
@@ -726,7 +723,7 @@ var De = {
 					default: S(() => [...t[7] ||= [ue(" 下一个未填项 ", -1)]]),
 					_: 1
 				}, 8, ["disabled"])]),
-				m(b(be), {
+				m(b(ye), {
 					percent: ut.value,
 					size: "small",
 					"show-info": !1
@@ -734,20 +731,20 @@ var De = {
 			]), at.value.length ? (_(), f("div", {
 				key: 1,
 				ref_key: "fieldListElement",
-				ref: Ke,
+				ref: Ge,
 				class: "gd-contract-template-renderer__field-list",
 				onKeydownCapture: Kt
 			}, [(_(!0), f(ce, null, me(ot.value, (t) => (_(), f("div", {
 				key: t.id,
 				class: "gd-contract-template-renderer__field-group"
-			}, [p("div", Ie, [p("strong", null, y(t.title), 1), p("span", null, y(t.variables.length) + " / " + y(t.totalCount) + " 项", 1)]), p("div", Le, [(_(!0), f(ce, null, me(t.variables, (t) => (_(), f("div", {
+			}, [p("div", Fe, [p("strong", null, y(t.title), 1), p("span", null, y(t.variables.length) + " / " + y(t.totalCount) + " 项", 1)]), p("div", Ie, [(_(!0), f(ce, null, me(t.variables, (t) => (_(), f("div", {
 				key: t.id || t.key,
 				"data-field-key": t.key
 			}, [he(e.$slots, "field", de({ ref_for: !0 }, Bt(t)), () => [m(ie, {
 				variable: t,
-				value: D.value[t.key],
+				value: O.value[t.key],
 				errors: jt(t.key),
-				active: P.value === t.key,
+				active: F.value === t.key,
 				readonly: h.readonly,
 				disabled: h.disabled,
 				options: Mt(t).options,
@@ -756,8 +753,8 @@ var De = {
 				registration: Nt(t),
 				"selector-http": h.selectorHttp,
 				"selector-url-prefix": h.selectorUrlPrefix,
-				onUpdateValue: (e) => K(t.key, e),
-				onFocusVariable: (e) => Y(t.key)
+				onUpdateValue: (e) => q(t.key, e),
+				onFocusVariable: (e) => X(t.key)
 			}, null, 8, [
 				"variable",
 				"value",
@@ -773,13 +770,13 @@ var De = {
 				"selector-url-prefix",
 				"onUpdateValue",
 				"onFocusVariable"
-			])])], 8, Re))), 128))])]))), 128))], 544)) : (_(), u(b(_e), {
+			])])], 8, Le))), 128))])]))), 128))], 544)) : (_(), u(b(C), {
 				key: 0,
 				class: "gd-contract-template-renderer__field-empty",
-				description: U.value.length ? "没有符合条件的填写项" : "暂无填写项",
-				image: b(_e).PRESENTED_IMAGE_SIMPLE
+				description: W.value.length ? "没有符合条件的填写项" : "暂无填写项",
+				image: b(C).PRESENTED_IMAGE_SIMPLE
 			}, le({
-				default: S(() => [L.value || R.value !== "all" ? (_(), u(b(ge), {
+				default: S(() => [R.value || z.value !== "all" ? (_(), u(b(ge), {
 					key: 0,
 					type: "link",
 					size: "small",
@@ -789,16 +786,16 @@ var De = {
 					_: 1
 				})) : d("", !0)]),
 				_: 2
-			}, [L.value || R.value !== "all" ? {
+			}, [R.value || z.value !== "all" ? {
 				name: "description",
 				fn: S(() => [t[8] ||= p("span", null, "没有符合条件的填写项", -1)]),
 				key: "0"
-			} : void 0]), 1032, ["description", "image"]))])])], 2)) : d("", !0)], 2)) : (_(), f("div", De, [m(b(_e), {
+			} : void 0]), 1032, ["description", "image"]))])])], 2)) : d("", !0)], 2)) : (_(), f("div", Ee, [m(b(C), {
 				description: "暂无可渲染的合同页面",
-				image: b(_e).PRESENTED_IMAGE_SIMPLE
+				image: b(C).PRESENTED_IMAGE_SIMPLE
 			}, null, 8, ["image"])]))
 		], 34));
 	}
 });
 //#endregion
-export { He as default };
+export { Ve as default };