@guodun/antdv 1.7.11 → 1.7.13

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

@@ -1,19 +1,20 @@
 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, 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";
+import { isAllowedContractTemplateRemoteUrl as t, normalizeContractTemplateControlOptions as n, normalizeContractTemplateRequestTimeout as r } from "./utils/advanced-controls.mjs";
+import { buildInitialRenderValues as i, buildTemplateRenderPages as a, isEmptyRenderValue as o, normalizeRenderValues as s, resolveTemplateDisplayValues as c, resolveTemplateRenderSubmitErrors as ee, validateTemplateRenderStructure as te, validateTemplateRenderValues as ne, validateTemplateTextOverflow as re } from "./utils/template-renderer.mjs";
+import { createContractTemplateLayoutPage as ie } from "./utils/contract-layout-check.mjs";
+import ae from "./ContractTemplateRendererField.mjs";
+import oe from "./ContractTemplateRendererHeader.mjs";
+import se from "./ContractTemplateRendererPage.mjs";
+import ce from "./ContractTemplateRendererValidation.mjs";
+import { Fragment as le, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as ue, createTextVNode as de, createVNode as m, defineComponent as h, mergeProps as fe, nextTick as g, normalizeClass as pe, onBeforeUnmount as me, openBlock as _, ref as v, renderList as he, renderSlot as ge, toDisplayString as y, unref as b, watch as x, withCtx as S } from "vue";
+import { Button as _e, Empty as C, 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";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateSingleRenderer.vue?vue&type=script&setup=true&lang.ts
-var Ee = {
+var De = {
 	key: 2,
 	class: "gd-contract-template-renderer__empty"
-}, 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({
+}, 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, w = .1, Ve = 3e3, He = 128, Ue = /* @__PURE__ */ h({
 	name: "ContractTemplateSingleRenderer",
 	__name: "ContractTemplateSingleRenderer",
 	props: {
@@ -87,8 +88,8 @@ var Ee = {
 		"update:zoom",
 		"control-warning"
 	],
-	setup(h, { expose: Ve, emit: He }) {
-		let T = h, E = He, Ue = [
+	setup(h, { expose: Ue, emit: We }) {
+		let T = h, E = We, Ge = [
 			{
 				label: "全部",
 				value: "all"
@@ -101,35 +102,24 @@ var Ee = {
 				label: "有错误",
 				value: "error"
 			}
-		], 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], {
-						variable: t,
-						config: r(t.componentConfig)
-					});
-				} catch {}
-			}), e;
-		}), nt = l(() => W.value.filter((e) => s(O.value[e.key])).length), rt = l(() => {
+		], Ke = v(), D = v(), qe = v(), O = v(s(T.template, T.values)), Je = v({ ...O.value }), k = v(!1), A = v([]), j = v([]), M = v(!1), N = v(!1), P = v(""), F = v(""), I = v(""), Ye = v(0), L = v(an(T.zoom)), R = v(""), z = v("all"), B = v(!1), Xe = v(/* @__PURE__ */ new Map()), V = /* @__PURE__ */ new Map(), Ze = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map(), Qe = /* @__PURE__ */ new Set(), U = /* @__PURE__ */ new Map(), { width: $e } = Ce(D), et = l(() => T.readonly || T.disabled), tt = l(() => T.interactionMode === "inline" && !et.value), nt = l(() => te(T.template)), W = l(() => k.value ? A.value : [...nt.value, ...j.value]), G = l(() => (Array.isArray(T.template?.variables) ? T.template.variables : []).filter((t) => !!t?.key && e(t.type ?? "text"))), rt = l(() => c(T.template, O.value, T.controlRegistry)), it = l(() => G.value.filter((e) => o(O.value[e.key])).length), at = l(() => {
 			let e = /* @__PURE__ */ new Map();
-			return U.value.forEach((t) => {
+			return W.value.forEach((t) => {
 				t.variableKey && e.set(t.variableKey, [...e.get(t.variableKey) ?? [], t]);
 			}), e;
-		}), G = l(() => o(T.template, $e.value ? Ke.value : tt.value, {
+		}), K = l(() => a(T.template, tt.value ? Je.value : rt.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) => {
+			mode: tt.value ? "control" : "display"
+		})), ot = l(() => {
+			let e = /* @__PURE__ */ new Map(), t = new Set(G.value.map((e) => e.key));
+			return K.value.forEach((n) => {
+				Qt(n.contentHtml).forEach((r) => {
 					t.has(r) && !e.has(r) && e.set(r, n.id);
 				});
 			}), e;
-		}), at = l(() => W.value.filter(Ht)), ot = l(() => {
-			let e = G.value.map((e, t) => ({
+		}), st = l(() => G.value.filter(qt)), ct = l(() => {
+			let e = K.value.map((e, t) => ({
 				id: `page:${e.id}`,
 				pageId: e.id,
 				title: `第 ${t + 1} 页${e.title ? ` · ${e.title}` : ""}`,
@@ -141,20 +131,20 @@ var Ee = {
 				allVariables: [],
 				variables: []
 			};
-			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);
+			return G.value.forEach((e) => {
+				let r = t.get(ot.value.get(e.key) ?? "") ?? n;
+				r.allVariables.push(e), qt(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
 			}));
-		}), 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);
+		}), lt = l(() => K.value.length > 0), ut = l(() => G.value.filter((e) => !o(O.value[e.key])).length), dt = l(() => G.value.filter((e) => e.required && o(O.value[e.key])).length), ft = l(() => G.value.length ? Math.round(ut.value / G.value.length * 100) : 0), pt = l(() => k.value && A.value.length === 0), mt = l(() => k.value ? pt.value ? "校验通过，模板与填写值均符合规则" : `发现 ${A.value.length} 个模板或填写问题` : j.value.length ? `发现 ${W.value.length} 个模板或填写问题` : nt.value.length ? `模板存在 ${nt.value.length} 个问题，已安全降级展示` : ""), ht = l(() => k.value ? W.value.length > 0 || N.value : W.value.length > 0);
 		x(() => T.template, (e) => {
-			K(c(e, T.values), !1), wt();
+			q(s(e, T.values), !1), Ot();
 			let t = Array.isArray(e?.pages) ? e.pages.map((e) => e?.id) : [];
-			t.includes(I.value) || (I.value = t.find(Boolean) ?? ""), F.value && !W.value.some((e) => e.key === F.value) && Ot();
+			t.includes(I.value) || (I.value = t.find(Boolean) ?? ""), F.value && !G.value.some((e) => e.key === F.value) && Nt();
 		}, { deep: !0 }), x(() => [
 			T.template?.variables,
 			T.optionResolver,
@@ -163,176 +153,191 @@ var Ee = {
 			T.remoteRequestTimeoutMs,
 			T.remoteOptionsCacheTtlMs
 		], () => {
-			Ft();
+			Bt();
 		}, {
 			deep: !0,
 			immediate: !0
 		}), 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 });
+			let t = s(T.template, e);
+			sn(t, O.value) || (q(t, !1, { refreshInlineHtml: T.interactionMode !== "inline" }), Ot());
+		}, { deep: !0 }), x(tt, (e) => {
+			e && (Je.value = { ...O.value });
 		}), x(() => T.collapsiblePanel, (e) => {
 			e || (B.value = !1);
-		}), x(() => T.zoom, (e) => L.value = $t(e)), x(G, (e) => {
+		}), x(() => T.zoom, (e) => L.value = an(e)), x(K, (e) => {
 			!I.value && e.length && (I.value = e[0].id);
 		}, { immediate: !0 });
-		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 q(e, t = !0, n = {}) {
+			O.value = { ...e }, n.refreshInlineHtml !== !1 && (Je.value = { ...e }), t && (E("update:values", { ...O.value }), E("change", { ...O.value }));
 		}
-		function q(e, t) {
-			if (!e || Qe.value) return;
-			if (K({
+		function J(e, t) {
+			if (!e || et.value) return;
+			if (q({
 				...O.value,
 				[e]: t
 			}, !0, { refreshInlineHtml: T.interactionMode !== "inline" }), k.value) {
-				bt();
+				wt();
 				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));
+			let n = G.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", W.value));
 		}
-		function mt(e) {
+		function gt(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" ? q(n, t.checked) : t instanceof HTMLInputElement && t.type === "number" ? q(n, t.value === "" ? void 0 : t.valueAsNumber) : q(n, t.value));
+			n && (t instanceof HTMLInputElement && t.type === "checkbox" ? J(n, t.checked) : t instanceof HTMLInputElement && t.type === "number" ? J(n, t.value === "" ? void 0 : t.valueAsNumber) : J(n, t.value));
 		}
-		function ht(e) {
+		function _t(e) {
 			let t = e.target;
 			if (!(t instanceof Element)) return;
 			let n = t.closest("[data-render-page-id]");
 			n?.dataset.renderPageId && (I.value = n.dataset.renderPageId);
 			let r = t.closest("[data-contract-render-wrapper], [data-contract-render-control]")?.dataset.key || "";
-			r && Z(r);
+			r && Mt(r);
+		}
+		function vt(e, t, n) {
+			let r = ie(e, {
+				pageIndex: t,
+				pageNumber: t + 1,
+				totalPages: K.value.length
+			}).key;
+			for (U.delete(r), U.set(r, n); U.size > He;) {
+				let e = U.keys().next().value;
+				if (e === void 0) break;
+				U.delete(e);
+			}
 		}
-		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")) {
+		function yt(e) {
+			return U.get(e);
+		}
+		function bt(e) {
+			let t = K.value.find((t) => t.id === e.pageId), n = G.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);
+					J(e.key, e.value);
 					return;
 				}
-				Z(e.key);
+				Mt(e.key);
 			}
 		}
-		function _t(e) {
+		function xt(e) {
 			if (e.key !== "Enter" && e.key !== " ") return;
 			let t = e.target;
-			!(t instanceof HTMLElement) || !t.dataset.key || (e.preventDefault(), Z(t.dataset.key));
+			!(t instanceof HTMLElement) || !t.dataset.key || (e.preventDefault(), Mt(t.dataset.key));
 		}
-		function vt() {
+		function St() {
 			return { ...O.value };
 		}
-		function yt(e) {
-			K(c(T.template, e));
+		function Ct(e) {
+			q(s(T.template, e));
 		}
-		function bt() {
+		function wt() {
 			let e = ne(T.template, O.value);
-			return Tt(e), E("validate", e), e;
+			return kt(e), E("validate", e), e;
 		}
-		function xt() {
+		function Tt() {
 			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();
+			if ((T.validateOnSubmit || e.length) && (kt(e), E("validate", e)), e.length) return Ft(e[0]), !1;
+			let t = St();
 			return E("submit", t), t;
 		}
-		function St() {
-			return K(a(T.template)), wt(), vt();
+		function Et() {
+			return q(i(T.template)), Ot(), St();
 		}
-		function Ct() {
-			Qe.value || ve.confirm({
+		function Dt() {
+			et.value || ye.confirm({
 				title: "重置填写内容？",
 				content: "将恢复模板中的默认值，当前未提交的填写内容会被覆盖。",
 				okText: "确认重置",
 				cancelText: "取消",
-				onOk: () => St()
+				onOk: () => Et()
 			});
 		}
-		function wt() {
-			j.value = [], k.value = !1, A.value = [], M.value = !1, N.value = !1, Y();
+		function Ot() {
+			j.value = [], k.value = !1, A.value = [], M.value = !1, N.value = !1, X();
 		}
-		function Tt(e) {
+		function kt(e) {
 			if (j.value = [], A.value = e, k.value = !0, M.value = !1, e.length) {
-				N.value = !1, Y();
+				N.value = !1, X();
 				return;
 			}
-			Et();
+			At();
 		}
-		let J;
-		function Y() {
-			J &&= (clearTimeout(J), void 0);
+		let Y;
+		function X() {
+			Y &&= (clearTimeout(Y), void 0);
 		}
-		function Et() {
-			Y(), N.value = !0, J = setTimeout(() => {
-				N.value = !1, J = void 0;
-			}, Be);
+		function At() {
+			X(), N.value = !0, Y = setTimeout(() => {
+				N.value = !1, Y = void 0;
+			}, Ve);
 		}
-		function X(e) {
-			Z(e, !0);
+		function Z(e) {
+			Mt(e, !0);
 		}
-		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 jt(e) {
+			T.interactionMode === "panel" && (B.value &&= !1, G.value.some((t) => t.key === e) && !st.value.some((t) => t.key === e) && Jt());
 		}
-		function Z(e, t = !1) {
+		function Mt(e, t = !1) {
 			if (!e) return;
-			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;
+			jt(e), F.value = e, P.value = e;
+			let n = ot.value.get(e);
+			n && (I.value = n), t && (Ye.value += 1), g(() => {
+				Pt(e);
+				let r = n ? D.value?.querySelector(`[data-render-page-id="${on(n)}"]`) : void 0;
 				t && r?.scrollIntoView({
 					behavior: "smooth",
 					block: "center",
 					inline: "center"
-				}), T.interactionMode === "panel" && Ge.value?.querySelector(`[data-field-key="${en(e)}"]`)?.scrollIntoView({
+				}), T.interactionMode === "panel" && qe.value?.querySelector(`[data-field-key="${on(e)}"]`)?.scrollIntoView({
 					behavior: "smooth",
 					block: "nearest"
 				});
 			});
 		}
-		function Ot() {
-			F.value = "", P.value = "", kt("");
+		function Nt() {
+			F.value = "", P.value = "", Pt("");
 		}
-		function kt(e) {
+		function Pt(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 ? (X(e.variableKey), T.interactionMode === "panel" && g(() => Gt(e.variableKey))) : e.pageId && Qt(e.pageId);
+		function Ft(e) {
+			e.variableKey ? (Z(e.variableKey), T.interactionMode === "panel" && g(() => Xt(e.variableKey))) : e.pageId && rn(e.pageId);
 		}
-		function jt(e) {
-			return rt.value.get(e) ?? [];
+		function It(e) {
+			return at.value.get(e) ?? [];
 		}
-		function Mt(e) {
-			return Je.value.get(e.key) ?? {
+		function Lt(e) {
+			return Xe.value.get(e.key) ?? {
 				options: e.options ?? [],
 				loading: !1
 			};
 		}
-		function Nt(e) {
+		function Rt(e) {
 			let t = e.componentKey || e.type || "";
 			return t ? T.controlRegistry?.[t] : void 0;
 		}
 		function Q(e, t) {
-			let n = new Map(Je.value);
-			n.set(e, t), Je.value = n;
+			let n = new Map(Xe.value);
+			n.set(e, t), Xe.value = n;
 		}
-		function Pt(e) {
+		function zt(e) {
 			E("control-warning", e);
 		}
-		async function Ft() {
-			V.forEach((e) => e.abort()), V.clear(), Ye.clear(), Xe.clear();
+		async function Bt() {
+			V.forEach((e) => e.abort()), V.clear(), Ze.clear(), Qe.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) : Q(e.key, {
+				if (e.dataSource ? await Vt(e, t) : Q(e.key, {
 					options: t,
 					loading: !1
-				}), e.type === "custom" && !Nt(e)) {
+				}), e.type === "custom" && !Rt(e)) {
 					let t = e.componentKey || "", n = `${e.key}:${t}`;
-					Xe.has(n) || (Xe.add(n), Pt({
+					Qe.has(n) || (Qe.add(n), zt({
 						code: "CONTROL_COMPONENT_MISSING",
 						variableKey: e.key,
 						componentKey: t,
@@ -341,7 +346,7 @@ var Ee = {
 				}
 			}));
 		}
-		async function It(e, n) {
+		async function Vt(e, n) {
 			let r = e.dataSource;
 			if (!r) return;
 			let i = new AbortController();
@@ -349,7 +354,7 @@ var Ee = {
 				options: n,
 				loading: !0
 			});
-			let a = Lt(e), o = Date.now(), s = Ye.get(a);
+			let a = Ht(e), o = Date.now(), s = Ze.get(a);
 			if (s && s.expiresAt > o) {
 				Q(e.key, {
 					options: s.options,
@@ -361,13 +366,13 @@ var Ee = {
 			try {
 				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(() => {
+				o || (o = Ut(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 && Ye.set(a, {
+				ee > 0 && Ze.set(a, {
 					options: s,
 					expiresAt: Date.now() + ee
 				}), Q(e.key, {
@@ -382,7 +387,7 @@ var Ee = {
 					options: n,
 					loading: !1,
 					error: a
-				}), Pt({
+				}), zt({
 					code: c,
 					variableKey: e.key,
 					message: `${e.label || e.key}：${a}`,
@@ -392,40 +397,40 @@ var Ee = {
 				V.get(e.key) === i && V.delete(e.key);
 			}
 		}
-		function Lt(e) {
+		function Ht(e) {
 			try {
 				return JSON.stringify([e.type, e.dataSource]);
 			} catch {
 				return `${e.key}:${e.type}`;
 			}
 		}
-		async function Rt(e, r, a, o) {
+		async function Ut(e, i, a, o) {
 			let s;
-			if (r.kind === "resolver") {
-				if (!T.optionResolver) throw Error(`缺少 resolver ${r.resolverKey} 的宿主实现`);
+			if (i.kind === "resolver") {
+				if (!T.optionResolver) throw Error(`缺少 resolver ${i.resolverKey} 的宿主实现`);
 				s = await T.optionResolver({
-					resolverKey: r.resolverKey,
-					params: r.params,
+					resolverKey: i.resolverKey,
+					params: i.params,
 					variable: e,
 					signal: o.signal
 				});
 			} else {
-				if (!t(r.url, T.allowedRemoteOrigins)) throw Error(`远程地址未在 allowlist 中：${r.url}`);
+				if (!t(i.url, T.allowedRemoteOrigins)) throw Error(`远程地址未在 allowlist 中：${i.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,
-					headers: r.headers,
+				let n = r(i.timeoutMs, T.remoteRequestTimeoutMs);
+				s = await Wt(T.requester({
+					url: i.url,
+					method: i.method || "GET",
+					params: i.params,
+					headers: i.headers,
 					timeoutMs: n,
 					signal: o.signal,
 					variable: e
 				}), o, n);
 			}
-			return n(s, r.kind === "url" ? r : void 0, e.type || "select");
+			return n(s, i.kind === "url" ? i : void 0, e.type || "select");
 		}
-		function zt(e, t, n) {
+		function Wt(e, t, n) {
 			return new Promise((r, i) => {
 				let a = () => {
 					clearTimeout(c), t.signal.removeEventListener("abort", s);
@@ -437,58 +442,58 @@ var Ee = {
 				t.signal.addEventListener("abort", s, { once: !0 }), e.then((e) => o(() => r(e)), (e) => o(() => i(e)));
 			});
 		}
-		function Bt(e) {
-			let t = Mt(e);
+		function Gt(e) {
+			let t = Lt(e);
 			return {
 				variable: e,
 				value: O.value[e.key],
-				errors: jt(e.key),
+				errors: It(e.key),
 				active: F.value === e.key,
 				readonly: T.readonly,
 				disabled: T.disabled,
 				options: t.options,
 				loading: t.loading,
 				loadError: t.error,
-				updateValue: (t) => q(e.key, t),
-				focusVariable: () => X(e.key)
+				updateValue: (t) => J(e.key, t),
+				focusVariable: () => Z(e.key)
 			};
 		}
-		function Vt() {
-			let e = W.value;
+		function Kt() {
+			let e = G.value;
 			if (!e.length) return;
 			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])) {
-					X(r.key);
+				if (o(O.value[r.key])) {
+					Z(r.key);
 					return;
 				}
 			}
 		}
-		function Ht(e) {
+		function qt(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;
+			return !t || e.key.toLocaleLowerCase().includes(t) || (e.label ?? "").toLocaleLowerCase().includes(t) ? z.value === "unfilled" ? o(O.value[e.key]) : z.value === "error" ? It(e.key).length > 0 : !0 : !1;
 		}
-		function Ut() {
+		function Jt() {
 			R.value = "", z.value = "all";
 		}
-		function Wt(e, t) {
-			let n = at.value;
+		function Yt(e, t) {
+			let n = st.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 && (X(i), g(() => Gt(i)));
+			i && (Z(i), g(() => Xt(i)));
 		}
-		function Gt(e) {
-			(Ge.value?.querySelector(`[data-field-key="${en(e)}"]`))?.querySelector("input:not([disabled]), textarea:not([disabled]), button:not([disabled])")?.focus();
+		function Xt(e) {
+			(qe.value?.querySelector(`[data-field-key="${on(e)}"]`))?.querySelector("input:not([disabled]), textarea:not([disabled]), button:not([disabled])")?.focus();
 		}
-		function Kt(e) {
+		function Zt(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(), Wt(n, e.shiftKey ? -1 : 1));
+			n && (e.preventDefault(), Yt(n, e.shiftKey ? -1 : 1));
 		}
-		function qt(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();
@@ -501,100 +506,101 @@ var Ee = {
 			}
 			return t;
 		}
-		function Jt() {
+		function $t() {
 			!T.collapsiblePanel || T.interactionMode !== "panel" || (B.value = !B.value);
 		}
 		function $(e) {
-			let t = $t(e);
+			let t = an(e);
 			return L.value = t, E("update:zoom", t), t;
 		}
-		function Yt() {
+		function en() {
 			return $(1);
 		}
-		function Xt() {
+		function tn() {
 			return L.value;
 		}
-		function Zt() {
-			let e = Math.max(...G.value.map((e) => e.width), 1);
-			return $(Math.max(0, Ze.value - 48) / e);
+		function nn() {
+			let e = Math.max(...K.value.map((e) => e.width), 1);
+			return $(Math.max(0, $e.value - 48) / e);
 		}
-		function Qt(e) {
+		function rn(e) {
 			e && (I.value = e, g(() => {
-				D.value?.querySelector(`[data-render-page-id="${en(e)}"]`)?.scrollIntoView({
+				D.value?.querySelector(`[data-render-page-id="${on(e)}"]`)?.scrollIntoView({
 					behavior: "smooth",
 					block: "start",
 					inline: "center"
 				});
 			}));
 		}
-		function $t(e) {
+		function an(e) {
 			let t = Number(e);
-			return Number.isFinite(t) ? Math.min(ze, Math.max(Re, Math.round(t * 100) / 100)) : 1;
+			return Number.isFinite(t) ? Math.min(Be, Math.max(ze, Math.round(t * 100) / 100)) : 1;
 		}
-		function en(e) {
+		function on(e) {
 			return e.replaceAll("\\", "\\\\").replaceAll("\"", "\\\"");
 		}
-		function tn(e, t) {
+		function sn(e, t) {
 			let n = new Set([...Object.keys(e), ...Object.keys(t)]);
 			return Array.from(n).every((n) => e[n] === t[n]);
 		}
-		function nn(e) {
-			!(e.ctrlKey || e.metaKey) || !st.value || (e.preventDefault(), $(e.deltaY > 0 ? L.value - w : L.value + w));
+		function cn(e) {
+			!(e.ctrlKey || e.metaKey) || !lt.value || (e.preventDefault(), $(e.deltaY > 0 ? L.value - w : L.value + w));
 		}
-		let rn;
-		function an() {
-			rn?.removeEventListener("wheel", nn), rn = void 0;
+		let ln;
+		function un() {
+			ln?.removeEventListener("wheel", cn), ln = void 0;
 		}
-		function on(e) {
-			an(), e && (e.addEventListener("wheel", nn, { passive: !1 }), rn = e);
+		function dn(e) {
+			un(), e && (e.addEventListener("wheel", cn, { passive: !1 }), ln = e);
 		}
 		return x(D, (e) => {
-			on(e);
-		}, { immediate: !0 }), pe(() => {
-			an(), Y(), V.forEach((e) => e.abort()), V.clear();
-		}), Ve({
-			showValidation: Tt,
+			dn(e);
+		}, { immediate: !0 }), me(() => {
+			un(), X(), V.forEach((e) => e.abort()), V.clear();
+		}), Ue({
+			showValidation: kt,
+			getMountedLayoutMetrics: yt,
 			focusError: (e) => {
-				At(e), e.variableKey && g(() => Gt(e.variableKey));
+				Ft(e), e.variableKey && g(() => Xt(e.variableKey));
 			},
-			getValues: vt,
-			setValues: yt,
-			validate: bt,
-			submit: xt,
-			resetValues: St,
-			scrollToVariable: X,
+			getValues: St,
+			setValues: Ct,
+			validate: wt,
+			submit: Tt,
+			resetValues: Et,
+			scrollToVariable: Z,
 			setZoom: $,
-			resetZoom: Yt,
-			getZoom: Xt,
-			fitWidth: Zt,
-			scrollToPage: Qt
+			resetZoom: en,
+			getZoom: tn,
+			fitWidth: nn,
+			scrollToPage: rn
 		}), (e, t) => (_(), f("section", {
 			ref_key: "rendererElement",
-			ref: We,
-			class: fe(["gd-contract-template-renderer", {
+			ref: Ke,
+			class: pe(["gd-contract-template-renderer", {
 				"is-disabled": h.disabled,
 				"is-readonly": h.readonly,
 				"is-panel": h.interactionMode === "panel",
 				"is-inline": h.interactionMode === "inline"
 			}]),
-			onClick: ht,
-			onKeydown: _t,
-			onInput: mt,
-			onChange: mt
+			onClick: _t,
+			onKeydown: xt,
+			onInput: gt,
+			onChange: gt
 		}, [
-			he(e.$slots, "fileBar"),
-			st.value ? (_(), u(ae, {
+			ge(e.$slots, "fileBar"),
+			lt.value ? (_(), u(oe, {
 				key: 0,
 				title: h.title,
-				"filled-count": ct.value,
-				"total-count": W.value.length,
-				"progress-percent": ut.value,
-				"required-missing-count": lt.value,
+				"filled-count": ut.value,
+				"total-count": G.value.length,
+				"progress-percent": ft.value,
+				"required-missing-count": dt.value,
 				zoom: L.value,
-				pages: G.value,
+				pages: K.value,
 				"active-page-id": I.value,
-				"min-zoom": Re,
-				"max-zoom": ze,
+				"min-zoom": ze,
+				"max-zoom": Be,
 				"show-toolbar": h.showToolbar,
 				"show-validate-button": h.showValidateButton,
 				"show-reset-button": h.showResetButton,
@@ -605,15 +611,15 @@ var Ee = {
 				disabled: h.disabled,
 				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
+				onResetZoom: en,
+				onFitWidth: nn,
+				onSelectPage: rn,
+				onValidate: wt,
+				onReset: Dt,
+				onSubmit: Tt,
+				onTogglePanel: $t
 			}, {
-				extra: S(() => [he(e.$slots, "headerExtra")]),
+				extra: S(() => [ge(e.$slots, "headerExtra")]),
 				_: 3
 			}, 8, [
 				"title",
@@ -633,39 +639,40 @@ var Ee = {
 				"readonly",
 				"disabled"
 			])) : d("", !0),
-			pt.value ? (_(), u(se, {
+			ht.value ? (_(), u(ce, {
 				key: 1,
-				passed: dt.value,
-				summary: ft.value,
-				errors: U.value,
+				passed: pt.value,
+				summary: mt.value,
+				errors: W.value,
 				expanded: M.value,
 				onToggle: t[2] ||= (e) => M.value = !M.value,
-				onFocusError: At
+				onFocusError: Ft
 			}, null, 8, [
 				"passed",
 				"summary",
 				"errors",
 				"expanded"
 			])) : d("", !0),
-			st.value ? (_(), f("div", {
+			lt.value ? (_(), f("div", {
 				key: 3,
-				class: fe(["gd-contract-template-renderer__workspace", { "is-inline": h.interactionMode === "inline" }])
+				class: pe(["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": P.value
-			}, [p("div", Oe, [(_(!0), f(ce, null, me(G.value, (e, t) => (_(), u(oe, {
+			}, [p("div", ke, [(_(!0), f(le, null, he(K.value, (e, t) => (_(), u(se, {
 				key: e.id,
 				page: e,
 				index: t,
-				total: G.value.length,
+				total: K.value.length,
 				zoom: L.value,
 				"show-meta": h.showPageMeta,
 				"font-base-url": h.contractFontBaseUrl,
 				"active-key": P.value,
-				"scroll-request": qe.value,
-				onInteraction: gt
+				"scroll-request": Ye.value,
+				onInteraction: bt,
+				onMetrics: (n) => vt(e, t, n)
 			}, null, 8, [
 				"page",
 				"index",
@@ -674,11 +681,12 @@ var Ee = {
 				"show-meta",
 				"font-base-url",
 				"active-key",
-				"scroll-request"
-			]))), 128))])], 8, De), h.interactionMode === "panel" ? (_(), f("div", {
+				"scroll-request",
+				"onMetrics"
+			]))), 128))])], 8, Oe), h.interactionMode === "panel" ? (_(), f("div", {
 				key: 0,
-				class: fe(["gd-contract-template-renderer__panel-wrap", { "is-collapsed": B.value && h.collapsiblePanel }])
-			}, [h.collapsiblePanel ? (_(), u(b(xe), {
+				class: pe(["gd-contract-template-renderer__panel-wrap", { "is-collapsed": B.value && h.collapsiblePanel }])
+			}, [h.collapsiblePanel ? (_(), u(b(Se), {
 				key: 0,
 				title: B.value ? "展开填写面板" : "收起填写面板"
 			}, {
@@ -688,17 +696,17 @@ var Ee = {
 					"aria-label": B.value ? "展开填写面板" : "收起填写面板",
 					"aria-expanded": !B.value,
 					onClick: t[3] ||= (e) => B.value = !B.value
-				}, [B.value ? (_(), u(b(Ce), {
+				}, [B.value ? (_(), u(b(we), {
 					key: 0,
 					"aria-hidden": "true"
-				})) : (_(), u(b(we), {
+				})) : (_(), u(b(Te), {
 					key: 1,
 					"aria-hidden": "true"
-				}))], 8, ke)]),
+				}))], 8, Ae)]),
 				_: 1
-			}, 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), {
+			}, 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(ut.value) + " / " + y(G.value.length) + " 已填写", 1)]), p("span", null, y(dt.value ? `${dt.value} 项必填未完成` : "必填项已完成"), 1)]),
+				m(b(ve), {
 					value: R.value,
 					"onUpdate:value": t[4] ||= (e) => R.value = e,
 					"allow-clear": "",
@@ -706,55 +714,55 @@ var Ee = {
 					class: "gd-contract-template-renderer__field-search",
 					placeholder: "搜索字段名称或标识"
 				}, {
-					prefix: S(() => [m(b(Te), { "aria-hidden": "true" })]),
+					prefix: S(() => [m(b(Ee), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["value"]),
-				p("div", Pe, [m(b(be), {
+				p("div", Fe, [m(b(xe), {
 					value: z.value,
 					"onUpdate:value": t[5] ||= (e) => z.value = e,
 					size: "small",
 					class: "gd-contract-template-renderer__field-filter",
-					options: Ue
-				}, null, 8, ["value"]), m(b(ge), {
+					options: Ge
+				}, null, 8, ["value"]), m(b(_e), {
 					size: "small",
-					disabled: !nt.value,
-					onClick: Vt
+					disabled: !it.value,
+					onClick: Kt
 				}, {
-					default: S(() => [...t[7] ||= [ue(" 下一个未填项 ", -1)]]),
+					default: S(() => [...t[7] ||= [de(" 下一个未填项 ", -1)]]),
 					_: 1
 				}, 8, ["disabled"])]),
-				m(b(ye), {
-					percent: ut.value,
+				m(b(be), {
+					percent: ft.value,
 					size: "small",
 					"show-info": !1
 				}, null, 8, ["percent"])
-			]), at.value.length ? (_(), f("div", {
+			]), st.value.length ? (_(), f("div", {
 				key: 1,
 				ref_key: "fieldListElement",
-				ref: Ge,
+				ref: qe,
 				class: "gd-contract-template-renderer__field-list",
-				onKeydownCapture: Kt
-			}, [(_(!0), f(ce, null, me(ot.value, (t) => (_(), f("div", {
+				onKeydownCapture: Zt
+			}, [(_(!0), f(le, null, he(ct.value, (t) => (_(), f("div", {
 				key: t.id,
 				class: "gd-contract-template-renderer__field-group"
-			}, [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", {
+			}, [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(le, null, he(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, {
+			}, [ge(e.$slots, "field", fe({ ref_for: !0 }, Gt(t)), () => [m(ae, {
 				variable: t,
 				value: O.value[t.key],
-				errors: jt(t.key),
+				errors: It(t.key),
 				active: F.value === t.key,
 				readonly: h.readonly,
 				disabled: h.disabled,
-				options: Mt(t).options,
-				loading: Mt(t).loading,
-				"load-error": Mt(t).error,
-				registration: Nt(t),
+				options: Lt(t).options,
+				loading: Lt(t).loading,
+				"load-error": Lt(t).error,
+				registration: Rt(t),
 				"selector-http": h.selectorHttp,
 				"selector-url-prefix": h.selectorUrlPrefix,
-				onUpdateValue: (e) => q(t.key, e),
-				onFocusVariable: (e) => X(t.key)
+				onUpdateValue: (e) => J(t.key, e),
+				onFocusVariable: (e) => Z(t.key)
 			}, null, 8, [
 				"variable",
 				"value",
@@ -770,19 +778,19 @@ var Ee = {
 				"selector-url-prefix",
 				"onUpdateValue",
 				"onFocusVariable"
-			])])], 8, Le))), 128))])]))), 128))], 544)) : (_(), u(b(C), {
+			])])], 8, Re))), 128))])]))), 128))], 544)) : (_(), u(b(C), {
 				key: 0,
 				class: "gd-contract-template-renderer__field-empty",
-				description: W.value.length ? "没有符合条件的填写项" : "暂无填写项",
+				description: G.value.length ? "没有符合条件的填写项" : "暂无填写项",
 				image: b(C).PRESENTED_IMAGE_SIMPLE
-			}, le({
-				default: S(() => [R.value || z.value !== "all" ? (_(), u(b(ge), {
+			}, ue({
+				default: S(() => [R.value || z.value !== "all" ? (_(), u(b(_e), {
 					key: 0,
 					type: "link",
 					size: "small",
-					onClick: Ut
+					onClick: Jt
 				}, {
-					default: S(() => [...t[9] ||= [ue("清除筛选", -1)]]),
+					default: S(() => [...t[9] ||= [de("清除筛选", -1)]]),
 					_: 1
 				})) : d("", !0)]),
 				_: 2
@@ -790,7 +798,7 @@ var Ee = {
 				name: "description",
 				fn: S(() => [t[8] ||= p("span", null, "没有符合条件的填写项", -1)]),
 				key: "0"
-			} : void 0]), 1032, ["description", "image"]))])])], 2)) : d("", !0)], 2)) : (_(), f("div", Ee, [m(b(C), {
+			} : void 0]), 1032, ["description", "image"]))])])], 2)) : d("", !0)], 2)) : (_(), f("div", De, [m(b(C), {
 				description: "暂无可渲染的合同页面",
 				image: b(C).PRESENTED_IMAGE_SIMPLE
 			}, null, 8, ["image"])]))
@@ -798,4 +806,4 @@ var Ee = {
 	}
 });
 //#endregion
-export { Ve as default };
+export { Ue as default };