@guodun/antdv 1.7.9 → 1.7.11

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

@@ -1,19 +1,19 @@
 import { isContractTemplateFieldType as e } from "./types.mjs";
 import { isAllowedContractTemplateRemoteUrl as t, normalizeContractTemplateControlOptions as n, normalizeContractTemplateJsonObject as r, normalizeContractTemplateRequestTimeout as i } from "./utils/advanced-controls.mjs";
-import { buildInitialRenderValues as a, buildTemplateRenderPages as o, isEmptyRenderValue as s, normalizeRenderValues as c, resolveTemplateRenderSubmitErrors as ee, validateTemplateRenderStructure as te, validateTemplateRenderValues as ne } from "./utils/template-renderer.mjs";
-import re from "./ContractTemplateRendererField.mjs";
-import ie from "./ContractTemplateRendererHeader.mjs";
-import ae from "./ContractTemplateRendererPage.mjs";
-import oe from "./ContractTemplateRendererValidation.mjs";
-import { Fragment as se, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as ce, createTextVNode as le, createVNode as m, defineComponent as h, mergeProps as ue, nextTick as g, normalizeClass as de, onBeforeUnmount as fe, openBlock as _, ref as v, renderList as pe, renderSlot as me, toDisplayString as y, unref as b, watch as x, withCtx as S } from "vue";
-import { Button as he, Empty as C, Input as ge, Modal as _e, Progress as ve, Segmented as ye, Tooltip as be } from "ant-design-vue";
-import { useElementSize as xe } from "@vueuse/core";
-import { LeftOutlined as Se, RightOutlined as Ce, SearchOutlined as we } from "@ant-design/icons-vue";
+import { buildInitialRenderValues as a, buildTemplateRenderPages as o, isEmptyRenderValue as s, normalizeRenderValues as c, resolveTemplateRenderSubmitErrors as ee, validateTemplateRenderStructure as te, validateTemplateRenderValues as ne, validateTemplateTextOverflow as re } from "./utils/template-renderer.mjs";
+import ie from "./ContractTemplateRendererField.mjs";
+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 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 Te = {
+var Ee = {
 	key: 2,
 	class: "gd-contract-template-renderer__empty"
-}, Ee = ["data-highlighted-variable-key"], De = { class: "gd-contract-template-renderer__pages" }, Oe = ["aria-label", "aria-expanded"], ke = { class: "gd-contract-template-renderer__panel-clip" }, Ae = { class: "gd-contract-template-renderer__panel" }, je = { class: "gd-contract-template-renderer__panel-head" }, Me = { class: "gd-contract-template-renderer__panel-head-row" }, Ne = { class: "gd-contract-template-renderer__panel-head-actions" }, Pe = { class: "gd-contract-template-renderer__field-group-head" }, Fe = { class: "gd-contract-template-renderer__field-group-items" }, Ie = ["data-field-key"], Le = .5, Re = 1.5, w = .1, ze = 3e3, Be = /* @__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 Te = {
 		"update:zoom",
 		"control-warning"
 	],
-	setup(h, { expose: Be, emit: Ve }) {
-		let T = h, E = Ve, He = [
+	setup(h, { expose: Ve, emit: He }) {
+		let T = h, E = He, Ue = [
 			{
 				label: "全部",
 				value: "all"
@@ -101,10 +101,10 @@ var Te = {
 				label: "有错误",
 				value: "error"
 			}
-		], Ue = v(), D = v(), We = v(), O = v(c(T.template, T.values)), Ge = v({ ...O.value }), k = v(!1), A = v([]), j = v(!1), M = v(!1), N = v(""), P = v(""), F = v(""), Ke = v(0), I = v(Zt(T.zoom)), L = v(""), R = v("all"), z = v(!1), qe = v(/* @__PURE__ */ new Map()), B = /* @__PURE__ */ new Map(), Je = /* @__PURE__ */ new Map(), V = /* @__PURE__ */ new Map(), Ye = /* @__PURE__ */ new Set(), { width: Xe } = xe(D), Ze = l(() => T.readonly || T.disabled), H = l(() => te(T.template)), Qe = l(() => k.value ? A.value : H.value), U = l(() => (Array.isArray(T.template?.variables) ? T.template.variables : []).filter((t) => !!t?.key && e(t.type ?? "text"))), $e = l(() => {
+		], 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 U.value.forEach((t) => {
-				let n = jt(t);
+			return W.value.forEach((t) => {
+				let n = Nt(t);
 				if (n?.toDisplayText) try {
 					e[t.key] = n.toDisplayText(e[t.key], {
 						variable: t,
@@ -112,27 +112,24 @@ var Te = {
 					});
 				} catch {}
 			}), e;
-		}), et = l(() => U.value.filter((e) => s(O.value[e.key])).length), tt = l(() => {
+		}), nt = l(() => W.value.filter((e) => s(O.value[e.key])).length), rt = l(() => {
 			let e = /* @__PURE__ */ new Map();
-			return Qe.value.forEach((t) => {
+			return U.value.forEach((t) => {
 				t.variableKey && e.set(t.variableKey, [...e.get(t.variableKey) ?? [], t]);
 			}), e;
-		}), W = l(() => {
-			let e = T.interactionMode === "panel";
-			return o(T.template, e ? $e.value : Ge.value, {
-				readonly: T.readonly,
-				disabled: T.disabled,
-				mode: e ? "display" : "control"
-			});
-		}), nt = l(() => {
-			let e = /* @__PURE__ */ new Map(), t = new Set(U.value.map((e) => e.key));
-			return W.value.forEach((n) => {
-				Gt(n.contentHtml).forEach((r) => {
+		}), 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;
-		}), rt = l(() => U.value.filter(Bt)), it = 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,20 +141,20 @@ var Te = {
 				allVariables: [],
 				variables: []
 			};
-			return U.value.forEach((e) => {
-				let r = t.get(nt.value.get(e.key) ?? "") ?? n;
-				r.allVariables.push(e), Bt(e) && r.variables.push(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) => ({
 				id: e.id,
 				title: e.title,
 				totalCount: e.allVariables.length,
 				variables: e.variables
 			}));
-		}), at = l(() => W.value.length > 0), ot = l(() => U.value.filter((e) => !s(O.value[e.key])).length), st = l(() => U.value.filter((e) => e.required && s(O.value[e.key])).length), ct = l(() => U.value.length ? Math.round(ot.value / U.value.length * 100) : 0), lt = l(() => k.value && A.value.length === 0), ut = l(() => k.value ? lt.value ? "校验通过，模板与填写值均符合规则" : `发现 ${A.value.length} 个模板或填写问题` : H.value.length ? `模板存在 ${H.value.length} 个问题，已安全降级展示` : ""), dt = l(() => k.value ? Qe.value.length > 0 || M.value : H.value.length > 0);
+		}), 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) => {
-			G(c(e, T.values), !1), St();
+			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) && Et();
+			t.includes(I.value) || (I.value = t.find(Boolean) ?? ""), F.value && !W.value.some((e) => e.key === F.value) && Ot();
 		}, { deep: !0 }), x(() => [
 			T.template?.variables,
 			T.optionResolver,
@@ -166,170 +163,176 @@ var Te = {
 			T.remoteRequestTimeoutMs,
 			T.remoteOptionsCacheTtlMs
 		], () => {
-			Nt();
+			Ft();
 		}, {
 			deep: !0,
 			immediate: !0
 		}), x(() => T.values, (e) => {
 			let t = c(T.template, e);
-			Qt(t, O.value) || (G(t, !1, { refreshInlineHtml: T.interactionMode !== "inline" }), St());
-		}, { deep: !0 }), x(() => T.interactionMode, (e) => {
-			e === "inline" && (Ge.value = { ...O.value });
+			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 || (z.value = !1);
-		}), x(() => T.zoom, (e) => I.value = Zt(e)), x(W, (e) => {
-			!F.value && e.length && (F.value = e[0].id);
+			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 = {}) {
-			O.value = { ...e }, n.refreshInlineHtml !== !1 && (Ge.value = { ...e }), t && (E("update:values", { ...O.value }), E("change", { ...O.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) {
-			!e || Ze.value || (G({
+		function q(e, t) {
+			if (!e || Qe.value) return;
+			if (K({
 				...O.value,
 				[e]: t
-			}, !0, { refreshInlineHtml: T.interactionMode !== "inline" }), k.value && vt());
+			}, !0, { refreshInlineHtml: T.interactionMode !== "inline" }), k.value) {
+				bt();
+				return;
+			}
+			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 ft(e) {
+		function mt(e) {
 			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 pt(e) {
+		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 mt(e) {
-			let t = W.value.find((t) => t.id === e.pageId), n = U.value.some((t) => t.key === e.key);
-			if (!(!t || !n || !Gt(t.contentHtml).has(e.key)) && !(e.kind === "input" && T.interactionMode !== "inline")) {
-				if (F.value = e.pageId, e.kind === "input") {
-					K(e.key, e.value);
+		function gt(e) {
+			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 ht(e) {
+		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 gt() {
+		function vt() {
 			return { ...O.value };
 		}
-		function _t(e) {
-			G(c(T.template, e));
+		function yt(e) {
+			K(c(T.template, e));
 		}
-		function vt() {
+		function bt() {
 			let e = ne(T.template, O.value);
-			return Ct(e), E("validate", e), e;
+			return Tt(e), E("validate", e), e;
 		}
-		function yt() {
+		function xt() {
 			let e = ee(T.template, O.value, T.validateOnSubmit);
-			if ((T.validateOnSubmit || e.length) && (Ct(e), E("validate", e)), e.length) return Ot(e[0]), !1;
-			let t = gt();
+			if ((T.validateOnSubmit || e.length) && (Tt(e), E("validate", e)), e.length) return At(e[0]), !1;
+			let t = vt();
 			return E("submit", t), t;
 		}
-		function bt() {
-			return G(a(T.template)), St(), gt();
+		function St() {
+			return K(a(T.template)), wt(), vt();
 		}
-		function xt() {
-			Ze.value || _e.confirm({
+		function Ct() {
+			Qe.value || ve.confirm({
 				title: "重置填写内容？",
 				content: "将恢复模板中的默认值，当前未提交的填写内容会被覆盖。",
 				okText: "确认重置",
 				cancelText: "取消",
-				onOk: () => bt()
+				onOk: () => St()
 			});
 		}
-		function St() {
-			k.value = !1, A.value = [], j.value = !1, M.value = !1, J();
+		function wt() {
+			j.value = [], k.value = !1, A.value = [], M.value = !1, N.value = !1, Y();
 		}
-		function Ct(e) {
-			if (A.value = e, k.value = !0, j.value = !1, e.length) {
-				M.value = !1, J();
+		function Tt(e) {
+			if (j.value = [], A.value = e, k.value = !0, M.value = !1, e.length) {
+				N.value = !1, Y();
 				return;
 			}
-			wt();
+			Et();
 		}
-		let q;
-		function J() {
-			q &&= (clearTimeout(q), void 0);
+		let J;
+		function Y() {
+			J &&= (clearTimeout(J), void 0);
 		}
-		function wt() {
-			J(), M.value = !0, q = setTimeout(() => {
-				M.value = !1, q = void 0;
-			}, ze);
+		function Et() {
+			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 Tt(e) {
-			T.interactionMode === "panel" && (z.value &&= !1, U.value.some((t) => t.key === e) && !rt.value.some((t) => t.key === e) && Vt());
+		function Dt(e) {
+			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;
-			Tt(e), P.value = e, N.value = e;
-			let n = nt.value.get(e);
-			n && (F.value = n), t && (Ke.value += 1), g(() => {
-				Dt(e);
-				let r = n ? D.value?.querySelector(`[data-render-page-id="${$(n)}"]`) : void 0;
+			Dt(e), F.value = e, P.value = e;
+			let n = it.value.get(e);
+			n && (I.value = n), t && (qe.value += 1), g(() => {
+				kt(e);
+				let r = n ? D.value?.querySelector(`[data-render-page-id="${en(n)}"]`) : void 0;
 				t && r?.scrollIntoView({
 					behavior: "smooth",
 					block: "center",
 					inline: "center"
-				}), T.interactionMode === "panel" && We.value?.querySelector(`[data-field-key="${$(e)}"]`)?.scrollIntoView({
+				}), T.interactionMode === "panel" && Ge.value?.querySelector(`[data-field-key="${en(e)}"]`)?.scrollIntoView({
 					behavior: "smooth",
 					block: "nearest"
 				});
 			});
 		}
-		function Et() {
-			P.value = "", N.value = "", Dt("");
+		function Ot() {
+			F.value = "", P.value = "", kt("");
 		}
-		function Dt(e) {
+		function kt(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 Ot(e) {
-			e.variableKey ? (Y(e.variableKey), T.interactionMode === "panel" && g(() => Ut(e.variableKey))) : e.pageId && Xt(e.pageId);
+		function At(e) {
+			e.variableKey ? (X(e.variableKey), T.interactionMode === "panel" && g(() => Gt(e.variableKey))) : e.pageId && Qt(e.pageId);
 		}
-		function kt(e) {
-			return tt.value.get(e) ?? [];
+		function jt(e) {
+			return rt.value.get(e) ?? [];
 		}
-		function At(e) {
-			return qe.value.get(e.key) ?? {
+		function Mt(e) {
+			return Je.value.get(e.key) ?? {
 				options: e.options ?? [],
 				loading: !1
 			};
 		}
-		function jt(e) {
+		function Nt(e) {
 			let t = e.componentKey || e.type || "";
 			return t ? T.controlRegistry?.[t] : void 0;
 		}
-		function Z(e, t) {
-			let n = new Map(qe.value);
-			n.set(e, t), qe.value = n;
+		function Q(e, t) {
+			let n = new Map(Je.value);
+			n.set(e, t), Je.value = n;
 		}
-		function Mt(e) {
+		function Pt(e) {
 			E("control-warning", e);
 		}
-		async function Nt() {
-			B.forEach((e) => e.abort()), B.clear(), Je.clear(), Ye.clear();
+		async function Ft() {
+			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 Pt(e, t) : Z(e.key, {
+				if (e.dataSource ? await It(e, t) : Q(e.key, {
 					options: t,
 					loading: !1
-				}), e.type === "custom" && !jt(e)) {
+				}), e.type === "custom" && !Nt(e)) {
 					let t = e.componentKey || "", n = `${e.key}:${t}`;
-					Ye.has(n) || (Ye.add(n), Mt({
+					Xe.has(n) || (Xe.add(n), Pt({
 						code: "CONTROL_COMPONENT_MISSING",
 						variableKey: e.key,
 						componentKey: t,
@@ -338,36 +341,36 @@ var Te = {
 				}
 			}));
 		}
-		async function Pt(e, n) {
+		async function It(e, n) {
 			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 = Ft(e), o = Date.now(), s = Je.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, T.allowedRemoteOrigins) && (c = "CONTROL_REMOTE_URL_BLOCKED");
-				let o = V.get(a);
-				o || (o = It(e, r, c, i), V.set(a, o), o.finally(() => {
-					V.get(a) === o && V.delete(a);
+				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(T.remoteOptionsCacheTtlMs) || 0);
-				ee > 0 && Je.set(a, {
+				ee > 0 && Ye.set(a, {
 					options: s,
 					expiresAt: Date.now() + ee
-				}), Z(e.key, {
+				}), Q(e.key, {
 					options: s.length ? s : n,
 					loading: !1
 				});
@@ -375,28 +378,28 @@ var Te = {
 				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
-				}), Mt({
+				}), Pt({
 					code: c,
 					variableKey: e.key,
 					message: `${e.label || e.key}：${a}`,
 					cause: t
 				});
 			} finally {
-				B.get(e.key) === i && B.delete(e.key);
+				V.get(e.key) === i && V.delete(e.key);
 			}
 		}
-		function Ft(e) {
+		function Lt(e) {
 			try {
 				return JSON.stringify([e.type, e.dataSource]);
 			} catch {
 				return `${e.key}:${e.type}`;
 			}
 		}
-		async function It(e, r, a, o) {
+		async function Rt(e, r, a, o) {
 			let s;
 			if (r.kind === "resolver") {
 				if (!T.optionResolver) throw Error(`缺少 resolver ${r.resolverKey} 的宿主实现`);
@@ -410,7 +413,7 @@ var Te = {
 				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 Lt(T.requester({
+				s = await zt(T.requester({
 					url: r.url,
 					method: r.method || "GET",
 					params: r.params,
@@ -422,7 +425,7 @@ var Te = {
 			}
 			return n(s, r.kind === "url" ? r : void 0, e.type || "select");
 		}
-		function Lt(e, t, n) {
+		function zt(e, t, n) {
 			return new Promise((r, i) => {
 				let a = () => {
 					clearTimeout(c), t.signal.removeEventListener("abort", s);
@@ -434,58 +437,58 @@ var Te = {
 				t.signal.addEventListener("abort", s, { once: !0 }), e.then((e) => o(() => r(e)), (e) => o(() => i(e)));
 			});
 		}
-		function Rt(e) {
-			let t = At(e);
+		function Bt(e) {
+			let t = Mt(e);
 			return {
 				variable: e,
 				value: O.value[e.key],
-				errors: kt(e.key),
-				active: P.value === e.key,
+				errors: jt(e.key),
+				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 zt() {
-			let e = U.value;
+		function Vt() {
+			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(O.value[r.key])) {
-					Y(r.key);
+					X(r.key);
 					return;
 				}
 			}
 		}
-		function Bt(e) {
-			let t = L.value.trim().toLocaleLowerCase();
-			return !t || e.key.toLocaleLowerCase().includes(t) || (e.label ?? "").toLocaleLowerCase().includes(t) ? R.value === "unfilled" ? s(O.value[e.key]) : R.value === "error" ? kt(e.key).length > 0 : !0 : !1;
+		function Ht(e) {
+			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 Vt() {
-			L.value = "", R.value = "all";
+		function Ut() {
+			R.value = "", z.value = "all";
 		}
-		function Ht(e, t) {
-			let n = rt.value;
+		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(() => Ut(i)));
+			i && (X(i), g(() => Gt(i)));
 		}
-		function Ut(e) {
-			(We.value?.querySelector(`[data-field-key="${$(e)}"]`))?.querySelector("input:not([disabled]), textarea:not([disabled]), button:not([disabled])")?.focus();
+		function Gt(e) {
+			(Ge.value?.querySelector(`[data-field-key="${en(e)}"]`))?.querySelector("input:not([disabled]), textarea:not([disabled]), button:not([disabled])")?.focus();
 		}
-		function Wt(e) {
+		function Kt(e) {
 			if (e.key !== "Enter" || e.target instanceof HTMLTextAreaElement) return;
 			let t = e.target;
 			if (!(t instanceof Element)) return;
 			let n = t.closest("[data-field-key]")?.dataset.fieldKey;
-			n && (e.preventDefault(), Ht(n, e.shiftKey ? -1 : 1));
+			n && (e.preventDefault(), Wt(n, e.shiftKey ? -1 : 1));
 		}
-		function Gt(e) {
+		function qt(e) {
 			let t = /* @__PURE__ */ new Set();
 			if (typeof DOMParser < "u") return new DOMParser().parseFromString(e, "text/html").querySelectorAll("[data-key]").forEach((e) => {
 				let n = e.getAttribute("data-key")?.trim();
@@ -498,119 +501,119 @@ var Te = {
 			}
 			return t;
 		}
-		function Kt() {
-			!T.collapsiblePanel || T.interactionMode !== "panel" || (z.value = !z.value);
+		function Jt() {
+			!T.collapsiblePanel || T.interactionMode !== "panel" || (B.value = !B.value);
 		}
-		function Q(e) {
-			let t = Zt(e);
-			return I.value = t, E("update:zoom", t), t;
+		function $(e) {
+			let t = $t(e);
+			return L.value = t, E("update:zoom", t), t;
 		}
-		function qt() {
-			return Q(1);
+		function Yt() {
+			return $(1);
 		}
-		function Jt() {
-			return I.value;
+		function Xt() {
+			return L.value;
 		}
-		function Yt() {
-			let e = Math.max(...W.value.map((e) => e.width), 1);
-			return Q(Math.max(0, Xe.value - 48) / e);
+		function Zt() {
+			let e = Math.max(...G.value.map((e) => e.width), 1);
+			return $(Math.max(0, Ze.value - 48) / e);
 		}
-		function Xt(e) {
-			e && (F.value = e, g(() => {
-				D.value?.querySelector(`[data-render-page-id="${$(e)}"]`)?.scrollIntoView({
+		function Qt(e) {
+			e && (I.value = e, g(() => {
+				D.value?.querySelector(`[data-render-page-id="${en(e)}"]`)?.scrollIntoView({
 					behavior: "smooth",
 					block: "start",
 					inline: "center"
 				});
 			}));
 		}
-		function Zt(e) {
+		function $t(e) {
 			let t = Number(e);
-			return Number.isFinite(t) ? Math.min(Re, Math.max(Le, 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 Qt(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 $t(e) {
-			!(e.ctrlKey || e.metaKey) || !at.value || (e.preventDefault(), Q(e.deltaY > 0 ? I.value - w : I.value + w));
+		function nn(e) {
+			!(e.ctrlKey || e.metaKey) || !st.value || (e.preventDefault(), $(e.deltaY > 0 ? L.value - w : L.value + w));
 		}
-		let en;
-		function tn() {
-			en?.removeEventListener("wheel", $t), en = void 0;
+		let rn;
+		function an() {
+			rn?.removeEventListener("wheel", nn), rn = void 0;
 		}
-		function nn(e) {
-			tn(), e && (e.addEventListener("wheel", $t, { passive: !1 }), en = e);
+		function on(e) {
+			an(), e && (e.addEventListener("wheel", nn, { passive: !1 }), rn = e);
 		}
 		return x(D, (e) => {
-			nn(e);
-		}, { immediate: !0 }), fe(() => {
-			tn(), J(), B.forEach((e) => e.abort()), B.clear();
-		}), Be({
-			showValidation: Ct,
+			on(e);
+		}, { immediate: !0 }), pe(() => {
+			an(), Y(), V.forEach((e) => e.abort()), V.clear();
+		}), Ve({
+			showValidation: Tt,
 			focusError: (e) => {
-				Ot(e), e.variableKey && g(() => Ut(e.variableKey));
+				At(e), e.variableKey && g(() => Gt(e.variableKey));
 			},
-			getValues: gt,
-			setValues: _t,
-			validate: vt,
-			submit: yt,
-			resetValues: bt,
-			scrollToVariable: Y,
-			setZoom: Q,
-			resetZoom: qt,
-			getZoom: Jt,
-			fitWidth: Yt,
-			scrollToPage: Xt
+			getValues: vt,
+			setValues: yt,
+			validate: bt,
+			submit: xt,
+			resetValues: St,
+			scrollToVariable: X,
+			setZoom: $,
+			resetZoom: Yt,
+			getZoom: Xt,
+			fitWidth: Zt,
+			scrollToPage: Qt
 		}), (e, t) => (_(), f("section", {
 			ref_key: "rendererElement",
-			ref: Ue,
-			class: de(["gd-contract-template-renderer", {
+			ref: We,
+			class: fe(["gd-contract-template-renderer", {
 				"is-disabled": h.disabled,
 				"is-readonly": h.readonly,
 				"is-panel": h.interactionMode === "panel",
 				"is-inline": h.interactionMode === "inline"
 			}]),
-			onClick: pt,
-			onKeydown: ht,
-			onInput: ft,
-			onChange: ft
+			onClick: ht,
+			onKeydown: _t,
+			onInput: mt,
+			onChange: mt
 		}, [
-			me(e.$slots, "fileBar"),
-			at.value ? (_(), u(ie, {
+			he(e.$slots, "fileBar"),
+			st.value ? (_(), u(ae, {
 				key: 0,
 				title: h.title,
-				"filled-count": ot.value,
-				"total-count": U.value.length,
-				"progress-percent": ct.value,
-				"required-missing-count": st.value,
-				zoom: I.value,
-				pages: W.value,
-				"active-page-id": F.value,
-				"min-zoom": Le,
-				"max-zoom": Re,
+				"filled-count": ct.value,
+				"total-count": W.value.length,
+				"progress-percent": ut.value,
+				"required-missing-count": lt.value,
+				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 + w),
-				onZoomOut: t[1] ||= (e) => Q(I.value - w),
-				onResetZoom: qt,
-				onFitWidth: Yt,
-				onSelectPage: Xt,
-				onValidate: vt,
-				onReset: xt,
-				onSubmit: yt,
-				onTogglePanel: Kt
+				onZoomIn: t[0] ||= (e) => $(L.value + w),
+				onZoomOut: t[1] ||= (e) => $(L.value - w),
+				onResetZoom: Yt,
+				onFitWidth: Zt,
+				onSelectPage: Qt,
+				onValidate: bt,
+				onReset: Ct,
+				onSubmit: xt,
+				onTogglePanel: Jt
 			}, {
-				extra: S(() => [me(e.$slots, "headerExtra")]),
+				extra: S(() => [he(e.$slots, "headerExtra")]),
 				_: 3
 			}, 8, [
 				"title",
@@ -630,39 +633,39 @@ var Te = {
 				"readonly",
 				"disabled"
 			])) : d("", !0),
-			dt.value ? (_(), u(oe, {
+			pt.value ? (_(), u(se, {
 				key: 1,
-				passed: lt.value,
-				summary: ut.value,
-				errors: Qe.value,
-				expanded: j.value,
-				onToggle: t[2] ||= (e) => j.value = !j.value,
-				onFocusError: Ot
+				passed: dt.value,
+				summary: ft.value,
+				errors: U.value,
+				expanded: M.value,
+				onToggle: t[2] ||= (e) => M.value = !M.value,
+				onFocusError: At
 			}, null, 8, [
 				"passed",
 				"summary",
 				"errors",
 				"expanded"
 			])) : d("", !0),
-			at.value ? (_(), f("div", {
+			st.value ? (_(), f("div", {
 				key: 3,
-				class: de(["gd-contract-template-renderer__workspace", { "is-inline": h.interactionMode === "inline" }])
+				class: fe(["gd-contract-template-renderer__workspace", { "is-inline": h.interactionMode === "inline" }])
 			}, [p("div", {
 				ref_key: "pagesViewportElement",
 				ref: D,
 				class: "gd-contract-template-renderer__pages-viewport",
-				"data-highlighted-variable-key": N.value
-			}, [p("div", De, [(_(!0), f(se, null, pe(W.value, (e, t) => (_(), u(ae, {
+				"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": Ke.value,
-				onInteraction: mt
+				"active-key": P.value,
+				"scroll-request": qe.value,
+				onInteraction: gt
 			}, null, 8, [
 				"page",
 				"index",
@@ -672,86 +675,86 @@ var Te = {
 				"font-base-url",
 				"active-key",
 				"scroll-request"
-			]))), 128))])], 8, Ee), h.interactionMode === "panel" ? (_(), f("div", {
+			]))), 128))])], 8, De), h.interactionMode === "panel" ? (_(), f("div", {
 				key: 0,
-				class: de(["gd-contract-template-renderer__panel-wrap", { "is-collapsed": z.value && h.collapsiblePanel }])
-			}, [h.collapsiblePanel ? (_(), u(b(be), {
+				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(Se), {
+					"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(Ce), {
+				})) : (_(), u(b(we), {
 					key: 1,
 					"aria-hidden": "true"
-				}))], 8, Oe)]),
+				}))], 8, ke)]),
 				_: 1
-			}, 8, ["title"])) : d("", !0), p("div", ke, [p("aside", Ae, [p("div", je, [
-				p("div", Me, [p("div", null, [t[6] ||= p("strong", null, "填写项", -1), p("span", null, y(ot.value) + " / " + y(U.value.length) + " 已填写", 1)]), p("span", null, y(st.value ? `${st.value} 项必填未完成` : "必填项已完成"), 1)]),
-				m(b(ge), {
-					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(we), { "aria-hidden": "true" })]),
+					prefix: S(() => [m(b(Te), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["value"]),
-				p("div", Ne, [m(b(ye), {
-					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: He
-				}, null, 8, ["value"]), m(b(he), {
+					options: Ue
+				}, null, 8, ["value"]), m(b(ge), {
 					size: "small",
-					disabled: !et.value,
-					onClick: zt
+					disabled: !nt.value,
+					onClick: Vt
 				}, {
-					default: S(() => [...t[7] ||= [le(" 下一个未填项 ", -1)]]),
+					default: S(() => [...t[7] ||= [ue(" 下一个未填项 ", -1)]]),
 					_: 1
 				}, 8, ["disabled"])]),
-				m(b(ve), {
-					percent: ct.value,
+				m(b(ye), {
+					percent: ut.value,
 					size: "small",
 					"show-info": !1
 				}, null, 8, ["percent"])
-			]), rt.value.length ? (_(), f("div", {
+			]), at.value.length ? (_(), f("div", {
 				key: 1,
 				ref_key: "fieldListElement",
-				ref: We,
+				ref: Ge,
 				class: "gd-contract-template-renderer__field-list",
-				onKeydownCapture: Wt
-			}, [(_(!0), f(se, null, pe(it.value, (t) => (_(), f("div", {
+				onKeydownCapture: Kt
+			}, [(_(!0), f(ce, null, me(ot.value, (t) => (_(), f("div", {
 				key: t.id,
 				class: "gd-contract-template-renderer__field-group"
-			}, [p("div", Pe, [p("strong", null, y(t.title), 1), p("span", null, y(t.variables.length) + " / " + y(t.totalCount) + " 项", 1)]), p("div", Fe, [(_(!0), f(se, null, pe(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
-			}, [me(e.$slots, "field", ue({ ref_for: !0 }, Rt(t)), () => [m(re, {
+			}, [he(e.$slots, "field", de({ ref_for: !0 }, Bt(t)), () => [m(ie, {
 				variable: t,
 				value: O.value[t.key],
-				errors: kt(t.key),
-				active: P.value === t.key,
+				errors: jt(t.key),
+				active: F.value === t.key,
 				readonly: h.readonly,
 				disabled: h.disabled,
-				options: At(t).options,
-				loading: At(t).loading,
-				"load-error": At(t).error,
-				registration: jt(t),
+				options: Mt(t).options,
+				loading: Mt(t).loading,
+				"load-error": Mt(t).error,
+				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",
@@ -767,27 +770,27 @@ var Te = {
 				"selector-url-prefix",
 				"onUpdateValue",
 				"onFocusVariable"
-			])])], 8, Ie))), 128))])]))), 128))], 544)) : (_(), u(b(C), {
+			])])], 8, Le))), 128))])]))), 128))], 544)) : (_(), u(b(C), {
 				key: 0,
 				class: "gd-contract-template-renderer__field-empty",
-				description: U.value.length ? "没有符合条件的填写项" : "暂无填写项",
+				description: W.value.length ? "没有符合条件的填写项" : "暂无填写项",
 				image: b(C).PRESENTED_IMAGE_SIMPLE
-			}, ce({
-				default: S(() => [L.value || R.value !== "all" ? (_(), u(b(he), {
+			}, le({
+				default: S(() => [R.value || z.value !== "all" ? (_(), u(b(ge), {
 					key: 0,
 					type: "link",
 					size: "small",
-					onClick: Vt
+					onClick: Ut
 				}, {
-					default: S(() => [...t[9] ||= [le("清除筛选", -1)]]),
+					default: S(() => [...t[9] ||= [ue("清除筛选", -1)]]),
 					_: 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", Te, [m(b(C), {
+			} : void 0]), 1032, ["description", "image"]))])])], 2)) : d("", !0)], 2)) : (_(), f("div", Ee, [m(b(C), {
 				description: "暂无可渲染的合同页面",
 				image: b(C).PRESENTED_IMAGE_SIMPLE
 			}, null, 8, ["image"])]))
@@ -795,4 +798,4 @@ var Te = {
 	}
 });
 //#endregion
-export { Be as default };
+export { Ve as default };