@guodun/antdv 1.7.8 → 1.7.10

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 _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";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateSingleRenderer.vue?vue&type=script&setup=true&lang.ts
-var Te = {
+var De = {
 	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({
+}, 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({
 	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: He, emit: Ue }) {
+		let w = h, T = Ue, We = [
 			{
 				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(() => {
-			let e = { ...O.value };
+		], 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) => {
-				let n = jt(t);
+				let n = Nt(t);
 				if (n?.toDisplayText) try {
 					e[t.key] = n.toDisplayText(e[t.key], {
 						variable: t,
@@ -112,26 +112,26 @@ var Te = {
 					});
 				} catch {}
 			}), e;
-		}), et = l(() => U.value.filter((e) => s(O.value[e.key])).length), tt = l(() => {
+		}), nt = l(() => U.value.filter((e) => s(D.value[e.key])).length), rt = l(() => {
 			let e = /* @__PURE__ */ new Map();
-			return Qe.value.forEach((t) => {
+			return H.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,
+			let e = w.interactionMode === "panel";
+			return o(w.template, e ? tt.value : qe.value, {
+				readonly: w.readonly,
+				disabled: w.disabled,
 				mode: e ? "display" : "control"
 			});
-		}), nt = l(() => {
+		}), it = 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) => {
+				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(() => {
+		}), at = l(() => U.value.filter(Ht)), ot = l(() => {
 			let e = W.value.map((e, t) => ({
 				id: `page:${e.id}`,
 				pageId: e.id,
@@ -145,58 +145,64 @@ var Te = {
 				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);
+				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);
-		x(() => T.template, (e) => {
-			G(c(e, T.values), !1), St();
+		}), 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();
 			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(F.value) || (F.value = t.find(Boolean) ?? ""), P.value && !U.value.some((e) => e.key === P.value) && Ot();
 		}, { deep: !0 }), x(() => [
-			T.template?.variables,
-			T.optionResolver,
-			T.requester,
-			T.allowedRemoteOrigins,
-			T.remoteRequestTimeoutMs,
-			T.remoteOptionsCacheTtlMs
+			w.template?.variables,
+			w.optionResolver,
+			w.requester,
+			w.allowedRemoteOrigins,
+			w.remoteRequestTimeoutMs,
+			w.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 });
-		}), x(() => T.collapsiblePanel, (e) => {
+		}), 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(() => T.zoom, (e) => I.value = Zt(e)), x(W, (e) => {
+		}), x(() => w.zoom, (e) => I.value = $t(e)), x(W, (e) => {
 			!F.value && e.length && (F.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 }));
+			D.value = { ...e }, n.refreshInlineHtml !== !1 && (qe.value = { ...e }), t && (T("update:values", { ...D.value }), T("change", { ...D.value }));
 		}
 		function K(e, t) {
-			!e || Ze.value || (G({
-				...O.value,
+			if (!e || $e.value) return;
+			if (G({
+				...D.value,
 				[e]: t
-			}, !0, { refreshInlineHtml: T.interactionMode !== "inline" }), k.value && vt());
+			}, !0, { refreshInlineHtml: w.interactionMode !== "inline" }), O.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));
 		}
-		function ft(e) {
-			if (T.interactionMode !== "inline") return;
+		function mt(e) {
+			if (w.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));
 		}
-		function pt(e) {
+		function ht(e) {
 			let t = e.target;
 			if (!(t instanceof Element)) return;
 			let n = t.closest("[data-render-page-id]");
@@ -204,9 +210,9 @@ var Te = {
 			let r = t.closest("[data-contract-render-wrapper], [data-contract-render-control]")?.dataset.key || "";
 			r && X(r);
 		}
-		function mt(e) {
+		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 || !Gt(t.contentHtml).has(e.key)) && !(e.kind === "input" && T.interactionMode !== "inline")) {
+			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);
 					return;
@@ -214,122 +220,122 @@ var Te = {
 				X(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));
 		}
-		function gt() {
-			return { ...O.value };
-		}
-		function _t(e) {
-			G(c(T.template, e));
-		}
 		function vt() {
-			let e = ne(T.template, O.value);
-			return Ct(e), E("validate", e), e;
+			return { ...D.value };
 		}
-		function yt() {
-			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();
-			return E("submit", t), t;
+		function yt(e) {
+			G(c(w.template, e));
 		}
 		function bt() {
-			return G(a(T.template)), St(), gt();
+			let e = ne(w.template, D.value);
+			return Tt(e), T("validate", e), e;
 		}
 		function xt() {
-			Ze.value || _e.confirm({
+			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 t = vt();
+			return T("submit", t), t;
+		}
+		function St() {
+			return G(a(w.template)), wt(), vt();
+		}
+		function Ct() {
+			$e.value || ye.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() {
+			A.value = [], O.value = !1, k.value = [], j.value = !1, M.value = !1, J();
 		}
-		function Ct(e) {
-			if (A.value = e, k.value = !0, j.value = !1, e.length) {
+		function Tt(e) {
+			if (A.value = [], k.value = e, O.value = !0, j.value = !1, e.length) {
 				M.value = !1, J();
 				return;
 			}
-			wt();
+			Et();
 		}
 		let q;
 		function J() {
 			q &&= (clearTimeout(q), void 0);
 		}
-		function wt() {
+		function Et() {
 			J(), M.value = !0, q = setTimeout(() => {
 				M.value = !1, q = void 0;
-			}, ze);
+			}, Ve);
 		}
 		function Y(e) {
 			X(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) {
+			w.interactionMode === "panel" && (z.value &&= !1, U.value.some((t) => t.key === e) && !at.value.some((t) => t.key === e) && Ut());
 		}
 		function X(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), P.value = e, N.value = e;
+			let n = it.value.get(e);
+			n && (F.value = n), t && (Je.value += 1), g(() => {
+				kt(e);
+				let r = n ? E.value?.querySelector(`[data-render-page-id="${$(n)}"]`) : void 0;
 				t && r?.scrollIntoView({
 					behavior: "smooth",
 					block: "center",
 					inline: "center"
-				}), T.interactionMode === "panel" && We.value?.querySelector(`[data-field-key="${$(e)}"]`)?.scrollIntoView({
+				}), w.interactionMode === "panel" && Ke.value?.querySelector(`[data-field-key="${$(e)}"]`)?.scrollIntoView({
 					behavior: "smooth",
 					block: "nearest"
 				});
 			});
 		}
-		function Et() {
-			P.value = "", N.value = "", Dt("");
-		}
-		function Dt(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 Ot() {
+			P.value = "", N.value = "", kt("");
 		}
 		function kt(e) {
-			return tt.value.get(e) ?? [];
+			E.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) {
-			return qe.value.get(e.key) ?? {
+			e.variableKey ? (Y(e.variableKey), w.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) ?? {
 				options: e.options ?? [],
 				loading: !1
 			};
 		}
-		function jt(e) {
+		function Nt(e) {
 			let t = e.componentKey || e.type || "";
-			return t ? T.controlRegistry?.[t] : void 0;
+			return t ? w.controlRegistry?.[t] : void 0;
 		}
 		function Z(e, t) {
-			let n = new Map(qe.value);
-			n.set(e, t), qe.value = n;
+			let n = new Map(Ye.value);
+			n.set(e, t), Ye.value = n;
 		}
-		function Mt(e) {
-			E("control-warning", e);
+		function Pt(e) {
+			T("control-warning", e);
 		}
-		async function Nt() {
-			B.forEach((e) => e.abort()), B.clear(), Je.clear(), Ye.clear();
-			let e = Array.isArray(T.template?.variables) ? T.template.variables : [];
+		async function Ft() {
+			B.forEach((e) => e.abort()), B.clear(), Xe.clear(), Ze.clear();
+			let e = Array.isArray(w.template?.variables) ? w.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) : Z(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({
+					Ze.has(n) || (Ze.add(n), Pt({
 						code: "CONTROL_COMPONENT_MISSING",
 						variableKey: e.key,
 						componentKey: t,
@@ -338,7 +344,7 @@ var Te = {
 				}
 			}));
 		}
-		async function Pt(e, n) {
+		async function It(e, n) {
 			let r = e.dataSource;
 			if (!r) return;
 			let i = new AbortController();
@@ -346,7 +352,7 @@ var Te = {
 				options: n,
 				loading: !0
 			});
-			let a = Ft(e), o = Date.now(), s = Je.get(a);
+			let a = Lt(e), o = Date.now(), s = Xe.get(a);
 			if (s && s.expiresAt > o) {
 				Z(e.key, {
 					options: s.options,
@@ -356,15 +362,15 @@ var Te = {
 			}
 			let c = "CONTROL_OPTIONS_LOAD_FAILED";
 			try {
-				r.kind === "url" && !t(r.url, T.allowedRemoteOrigins) && (c = "CONTROL_REMOTE_URL_BLOCKED");
+				r.kind === "url" && !t(r.url, w.allowedRemoteOrigins) && (c = "CONTROL_REMOTE_URL_BLOCKED");
 				let o = V.get(a);
-				o || (o = It(e, r, c, i), V.set(a, o), o.finally(() => {
+				o || (o = Rt(e, r, c, i), V.set(a, o), o.finally(() => {
 					V.get(a) === o && V.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, {
+				let ee = Math.max(0, Number(w.remoteOptionsCacheTtlMs) || 0);
+				ee > 0 && Xe.set(a, {
 					options: s,
 					expiresAt: Date.now() + ee
 				}), Z(e.key, {
@@ -379,7 +385,7 @@ var Te = {
 					options: n,
 					loading: !1,
 					error: a
-				}), Mt({
+				}), Pt({
 					code: c,
 					variableKey: e.key,
 					message: `${e.label || e.key}：${a}`,
@@ -389,28 +395,28 @@ var Te = {
 				B.get(e.key) === i && B.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} 的宿主实现`);
-				s = await T.optionResolver({
+				if (!w.optionResolver) throw Error(`缺少 resolver ${r.resolverKey} 的宿主实现`);
+				s = await w.optionResolver({
 					resolverKey: r.resolverKey,
 					params: r.params,
 					variable: e,
 					signal: o.signal
 				});
 			} else {
-				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({
+				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({
 					url: r.url,
 					method: r.method || "GET",
 					params: r.params,
@@ -422,7 +428,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,15 +440,15 @@ 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),
+				value: D.value[e.key],
+				errors: jt(e.key),
 				active: P.value === e.key,
-				readonly: T.readonly,
-				disabled: T.disabled,
+				readonly: w.readonly,
+				disabled: w.disabled,
 				options: t.options,
 				loading: t.loading,
 				loadError: t.error,
@@ -450,42 +456,42 @@ var Te = {
 				focusVariable: () => Y(e.key)
 			};
 		}
-		function zt() {
+		function Vt() {
 			let e = U.value;
 			if (!e.length) return;
 			let t = e.findIndex((e) => e.key === P.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])) {
+				if (s(D.value[r.key])) {
 					Y(r.key);
 					return;
 				}
 			}
 		}
-		function Bt(e) {
+		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(O.value[e.key]) : R.value === "error" ? kt(e.key).length > 0 : !0 : !1;
+			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;
 		}
-		function Vt() {
+		function Ut() {
 			L.value = "", R.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 && (Y(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) {
+			(Ke.value?.querySelector(`[data-field-key="${$(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,100 +504,100 @@ var Te = {
 			}
 			return t;
 		}
-		function Kt() {
-			!T.collapsiblePanel || T.interactionMode !== "panel" || (z.value = !z.value);
+		function Jt() {
+			!w.collapsiblePanel || w.interactionMode !== "panel" || (z.value = !z.value);
 		}
 		function Q(e) {
-			let t = Zt(e);
-			return I.value = t, E("update:zoom", t), t;
+			let t = $t(e);
+			return I.value = t, T("update:zoom", t), t;
 		}
-		function qt() {
+		function Yt() {
 			return Q(1);
 		}
-		function Jt() {
+		function Xt() {
 			return I.value;
 		}
-		function Yt() {
+		function Zt() {
 			let e = Math.max(...W.value.map((e) => e.width), 1);
-			return Q(Math.max(0, Xe.value - 48) / e);
+			return Q(Math.max(0, Qe.value - 48) / e);
 		}
-		function Xt(e) {
+		function Qt(e) {
 			e && (F.value = e, g(() => {
-				D.value?.querySelector(`[data-render-page-id="${$(e)}"]`)?.scrollIntoView({
+				E.value?.querySelector(`[data-render-page-id="${$(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(Be, Math.max(ze, Math.round(t * 100) / 100)) : 1;
 		}
 		function $(e) {
 			return e.replaceAll("\\", "\\\\").replaceAll("\"", "\\\"");
 		}
-		function Qt(e, t) {
+		function en(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 tn(e) {
+			!(e.ctrlKey || e.metaKey) || !st.value || (e.preventDefault(), Q(e.deltaY > 0 ? I.value - C : I.value + C));
 		}
-		let en;
-		function tn() {
-			en?.removeEventListener("wheel", $t), en = void 0;
+		let nn;
+		function rn() {
+			nn?.removeEventListener("wheel", tn), nn = void 0;
 		}
-		function nn(e) {
-			tn(), e && (e.addEventListener("wheel", $t, { passive: !1 }), en = e);
+		function an(e) {
+			rn(), e && (e.addEventListener("wheel", tn, { passive: !1 }), nn = e);
 		}
-		return x(D, (e) => {
-			nn(e);
-		}, { immediate: !0 }), fe(() => {
-			tn(), J(), B.forEach((e) => e.abort()), B.clear();
-		}), Be({
-			showValidation: Ct,
+		return x(E, (e) => {
+			an(e);
+		}, { immediate: !0 }), pe(() => {
+			rn(), J(), B.forEach((e) => e.abort()), B.clear();
+		}), He({
+			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,
+			getValues: vt,
+			setValues: yt,
+			validate: bt,
+			submit: xt,
+			resetValues: St,
 			scrollToVariable: Y,
 			setZoom: Q,
-			resetZoom: qt,
-			getZoom: Jt,
-			fitWidth: Yt,
-			scrollToPage: Xt
+			resetZoom: Yt,
+			getZoom: Xt,
+			fitWidth: Zt,
+			scrollToPage: Qt
 		}), (e, t) => (_(), f("section", {
 			ref_key: "rendererElement",
-			ref: Ue,
-			class: de(["gd-contract-template-renderer", {
+			ref: Ge,
+			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,
+				"filled-count": ct.value,
 				"total-count": U.value.length,
-				"progress-percent": ct.value,
-				"required-missing-count": st.value,
+				"progress-percent": ut.value,
+				"required-missing-count": lt.value,
 				zoom: I.value,
 				pages: W.value,
 				"active-page-id": F.value,
-				"min-zoom": Le,
-				"max-zoom": Re,
+				"min-zoom": ze,
+				"max-zoom": Be,
 				"show-toolbar": h.showToolbar,
 				"show-validate-button": h.showValidateButton,
 				"show-reset-button": h.showResetButton,
@@ -600,17 +606,17 @@ var Te = {
 				"panel-collapsed": z.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) => Q(I.value + C),
+				onZoomOut: t[1] ||= (e) => Q(I.value - C),
+				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,29 +636,29 @@ 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,
+				passed: dt.value,
+				summary: ft.value,
+				errors: H.value,
 				expanded: j.value,
 				onToggle: t[2] ||= (e) => j.value = !j.value,
-				onFocusError: Ot
+				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,
+				ref: E,
 				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, {
+			}, [p("div", ke, [(_(!0), f(ce, null, me(W.value, (e, t) => (_(), u(oe, {
 				key: e.id,
 				page: e,
 				index: t,
@@ -661,8 +667,8 @@ var Te = {
 				"show-meta": h.showPageMeta,
 				"font-base-url": h.contractFontBaseUrl,
 				"active-key": N.value,
-				"scroll-request": Ke.value,
-				onInteraction: mt
+				"scroll-request": Je.value,
+				onInteraction: gt
 			}, null, 8, [
 				"page",
 				"index",
@@ -672,10 +678,10 @@ var Te = {
 				"font-base-url",
 				"active-key",
 				"scroll-request"
-			]))), 128))])], 8, Ee), h.interactionMode === "panel" ? (_(), f("div", {
+			]))), 128))])], 8, Oe), 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": z.value && h.collapsiblePanel }])
+			}, [h.collapsiblePanel ? (_(), u(b(Se), {
 				key: 0,
 				title: z.value ? "展开填写面板" : "收起填写面板"
 			}, {
@@ -685,17 +691,17 @@ var Te = {
 					"aria-label": z.value ? "展开填写面板" : "收起填写面板",
 					"aria-expanded": !z.value,
 					onClick: t[3] ||= (e) => z.value = !z.value
-				}, [z.value ? (_(), u(b(Se), {
+				}, [z.value ? (_(), u(b(we), {
 					key: 0,
 					"aria-hidden": "true"
-				})) : (_(), u(b(Ce), {
+				})) : (_(), u(b(Te), {
 					key: 1,
 					"aria-hidden": "true"
-				}))], 8, Oe)]),
+				}))], 8, Ae)]),
 				_: 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), {
+			}, 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,
 					"allow-clear": "",
@@ -703,51 +709,51 @@ var Te = {
 					class: "gd-contract-template-renderer__field-search",
 					placeholder: "搜索字段名称或标识"
 				}, {
-					prefix: S(() => [m(b(we), { "aria-hidden": "true" })]),
+					prefix: S(() => [m(b(Ee), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["value"]),
-				p("div", Ne, [m(b(ye), {
+				p("div", Fe, [m(b(xe), {
 					value: R.value,
 					"onUpdate:value": t[5] ||= (e) => R.value = e,
 					size: "small",
 					class: "gd-contract-template-renderer__field-filter",
-					options: He
-				}, null, 8, ["value"]), m(b(he), {
+					options: We
+				}, 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(be), {
+					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: Ke,
 				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", 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", {
 				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),
+				value: D.value[t.key],
+				errors: jt(t.key),
 				active: P.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),
@@ -767,19 +773,19 @@ var Te = {
 				"selector-url-prefix",
 				"onUpdateValue",
 				"onFocusVariable"
-			])])], 8, Ie))), 128))])]))), 128))], 544)) : (_(), u(b(C), {
+			])])], 8, Re))), 128))])]))), 128))], 544)) : (_(), u(b(_e), {
 				key: 0,
 				class: "gd-contract-template-renderer__field-empty",
 				description: U.value.length ? "没有符合条件的填写项" : "暂无填写项",
-				image: b(C).PRESENTED_IMAGE_SIMPLE
-			}, ce({
-				default: S(() => [L.value || R.value !== "all" ? (_(), u(b(he), {
+				image: b(_e).PRESENTED_IMAGE_SIMPLE
+			}, le({
+				default: S(() => [L.value || R.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
@@ -787,12 +793,12 @@ var Te = {
 				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", De, [m(b(_e), {
 				description: "暂无可渲染的合同页面",
-				image: b(C).PRESENTED_IMAGE_SIMPLE
+				image: b(_e).PRESENTED_IMAGE_SIMPLE
 			}, null, 8, ["image"])]))
 		], 34));
 	}
 });
 //#endregion
-export { Be as default };
+export { He as default };