@guodun/antdv 1.3.0 → 1.3.2

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

@@ -1,13 +1,12 @@
-import e from "../../../node_modules/@ant-design/icons-vue/es/icons/LeftOutlined.mjs";
-import t from "../../../node_modules/@ant-design/icons-vue/es/icons/RightOutlined.mjs";
-import { isContractTemplateFieldType as n } from "./types.mjs";
-import { buildInitialRenderValues as r, buildTemplateRenderPages as ee, isEmptyRenderValue as i, normalizeRenderValues as a, resolveTemplateRenderSubmitErrors as te, validateTemplateRenderStructure as ne, validateTemplateRenderValues as re } from "./utils/template-renderer.mjs";
-import ie from "./ContractTemplateRendererField.mjs";
-import ae from "./ContractTemplateRendererHeader.mjs";
-import oe from "./ContractTemplateRendererPage.mjs";
-import { Fragment as se, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as ce, createVNode as d, defineComponent as f, mergeProps as le, nextTick as ue, normalizeClass as p, onBeforeUnmount as de, openBlock as m, ref as h, renderList as g, renderSlot as fe, toDisplayString as _, unref as v, watch as y, withCtx as b } from "vue";
-import { Button as pe, Empty as x, Progress as me, Tooltip as he } from "ant-design-vue";
-import { useElementSize as ge } from "@vueuse/core";
+import { isContractTemplateFieldType as e } from "./types.mjs";
+import { buildInitialRenderValues as t, buildTemplateRenderPages as n, isEmptyRenderValue as r, normalizeRenderValues as i, 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 { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as oe, createVNode as d, defineComponent as f, mergeProps as se, nextTick as ce, normalizeClass as p, onBeforeUnmount as le, openBlock as m, ref as h, renderList as g, renderSlot as ue, toDisplayString as _, unref as v, watch as y, withCtx as b } from "vue";
+import { Button as de, Empty as x, Progress as fe, Tooltip as pe } from "ant-design-vue";
+import { useElementSize as me } from "@vueuse/core";
+import { LeftOutlined as he, RightOutlined as ge } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ProContractTemplateRenderer.vue?vue&type=script&setup=true&lang.ts
 var _e = { class: "gd-contract-template-renderer__validation-bar" }, ve = ["aria-expanded"], ye = {
 	key: 0,
@@ -69,81 +68,81 @@ var _e = { class: "gd-contract-template-renderer__validation-bar" }, ve = ["aria
 		"update:zoom"
 	],
 	setup(f, { expose: Pe, emit: Fe }) {
-		let C = f, w = Fe, Ie = h(), T = h(), Le = h(), E = h(a(C.template, C.values)), D = h({ ...E.value }), O = h(!1), k = h([]), A = h(!1), j = h(!1), Re = h(""), M = h(""), N = h(""), P = h(ht(C.zoom)), F = h(!1), I = h(!1), { width: ze } = ge(T), Be = o(() => C.readonly || C.disabled), L = o(() => ne(C.template)), R = o(() => O.value ? k.value : L.value), z = o(() => (Array.isArray(C.template?.variables) ? C.template.variables : []).filter((e) => !!e?.key && n(e.type ?? "text"))), B = o(() => F.value ? z.value.filter((e) => i(E.value[e.key])) : z.value), Ve = o(() => z.value.filter((e) => i(E.value[e.key])).length), He = o(() => {
+		let C = f, w = Fe, Ie = h(), T = h(), Le = h(), E = h(i(C.template, C.values)), D = h({ ...E.value }), O = h(!1), k = h([]), A = h(!1), j = h(!1), M = h(""), N = h(""), P = h(""), F = h(ht(C.zoom)), I = h(!1), L = h(!1), { width: Re } = me(T), ze = o(() => C.readonly || C.disabled), R = o(() => te(C.template)), z = o(() => O.value ? k.value : R.value), B = o(() => (Array.isArray(C.template?.variables) ? C.template.variables : []).filter((t) => !!t?.key && e(t.type ?? "text"))), V = o(() => I.value ? B.value.filter((e) => r(E.value[e.key])) : B.value), Be = o(() => B.value.filter((e) => r(E.value[e.key])).length), Ve = o(() => {
 			let e = /* @__PURE__ */ new Map();
-			return R.value.forEach((t) => {
+			return z.value.forEach((t) => {
 				t.variableKey && e.set(t.variableKey, [...e.get(t.variableKey) ?? [], t]);
 			}), e;
-		}), V = o(() => {
+		}), H = o(() => {
 			let e = C.interactionMode === "panel";
-			return ee(C.template, e ? E.value : D.value, {
+			return n(C.template, e ? E.value : D.value, {
 				readonly: C.readonly,
 				disabled: C.disabled,
 				mode: e ? "display" : "control",
-				activeKey: e ? M.value : ""
+				activeKey: e ? N.value : ""
 			});
-		}), H = o(() => V.value.length > 0), U = o(() => z.value.filter((e) => !i(E.value[e.key])).length), W = o(() => z.value.filter((e) => e.required && i(E.value[e.key])).length), Ue = o(() => z.value.length ? Math.round(U.value / z.value.length * 100) : 0), We = o(() => O.value && k.value.length === 0), Ge = o(() => O.value ? We.value ? "校验通过，模板与填写值均符合规则" : `发现 ${k.value.length} 个模板或填写问题` : L.value.length ? `模板存在 ${L.value.length} 个问题，已安全降级展示` : ""), Ke = o(() => O.value ? R.value.length > 0 || j.value : L.value.length > 0);
+		}), U = o(() => H.value.length > 0), W = o(() => B.value.filter((e) => !r(E.value[e.key])).length), G = o(() => B.value.filter((e) => e.required && r(E.value[e.key])).length), He = o(() => B.value.length ? Math.round(W.value / B.value.length * 100) : 0), Ue = o(() => O.value && k.value.length === 0), We = o(() => O.value ? Ue.value ? "校验通过，模板与填写值均符合规则" : `发现 ${k.value.length} 个模板或填写问题` : R.value.length ? `模板存在 ${R.value.length} 个问题，已安全降级展示` : ""), Ge = o(() => O.value ? z.value.length > 0 || j.value : R.value.length > 0);
 		y(() => C.template, (e) => {
-			G(a(e, C.values), !1), $e();
+			K(i(e, C.values), !1), $e();
 			let t = Array.isArray(e?.pages) ? e.pages.map((e) => e?.id) : [];
-			t.includes(N.value) || (N.value = t.find(Boolean) ?? ""), M.value && !z.value.some((e) => e.key === M.value) && it();
+			t.includes(P.value) || (P.value = t.find(Boolean) ?? ""), N.value && !B.value.some((e) => e.key === N.value) && it();
 		}, { deep: !0 }), y(() => C.values, (e) => {
-			let t = a(C.template, e);
-			gt(t, E.value) || (G(t, !1), $e());
+			let t = i(C.template, e);
+			_t(t, E.value) || (K(t, !1), $e());
 		}, { deep: !0 }), y(() => C.interactionMode, (e) => {
 			e === "inline" && (D.value = { ...E.value });
 		}), y(() => C.collapsiblePanel, (e) => {
-			e || (I.value = !1);
-		}), y(() => C.zoom, (e) => P.value = ht(e)), y(V, (e) => {
-			!N.value && e.length && (N.value = e[0].id);
+			e || (L.value = !1);
+		}), y(() => C.zoom, (e) => F.value = ht(e)), y(H, (e) => {
+			!P.value && e.length && (P.value = e[0].id);
 		}, { immediate: !0 });
-		function G(e, t = !0, n = {}) {
+		function K(e, t = !0, n = {}) {
 			E.value = { ...e }, n.refreshInlineHtml !== !1 && (D.value = { ...e }), t && (w("update:values", { ...E.value }), w("change", { ...E.value }));
 		}
-		function K(e, t) {
-			!e || Be.value || (G({
+		function q(e, t) {
+			!e || ze.value || (K({
 				...E.value,
 				[e]: t
-			}, !0, { refreshInlineHtml: C.interactionMode !== "inline" }), O.value && J());
+			}, !0, { refreshInlineHtml: C.interactionMode !== "inline" }), O.value && Xe());
 		}
-		function qe(e) {
+		function Ke(e) {
 			if (C.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 Je(e) {
+		function qe(e) {
 			let t = e.target;
 			if (!(t instanceof Element)) return;
 			let n = t.closest("[data-render-page-id]");
-			n?.dataset.renderPageId && (N.value = n.dataset.renderPageId);
+			n?.dataset.renderPageId && (P.value = n.dataset.renderPageId);
 			let r = t.closest("[data-contract-render-wrapper], [data-contract-render-control]")?.dataset.key || "";
 			r && rt(r);
 		}
-		function Ye(e) {
+		function Je(e) {
 			if (e.key !== "Enter" && e.key !== " ") return;
 			let t = e.target;
 			!(t instanceof HTMLElement) || !t.dataset.key || (e.preventDefault(), rt(t.dataset.key));
 		}
-		function q() {
+		function J() {
 			return { ...E.value };
 		}
-		function Xe(e) {
-			G(a(C.template, e));
+		function Ye(e) {
+			K(i(C.template, e));
 		}
-		function J() {
-			let e = re(C.template, E.value);
+		function Xe() {
+			let e = ne(C.template, E.value);
 			return et(e), w("validate", e), e;
 		}
 		function Ze() {
-			let e = te(C.template, E.value, C.validateOnSubmit);
+			let e = ee(C.template, E.value, C.validateOnSubmit);
 			if ((C.validateOnSubmit || e.length) && (et(e), w("validate", e)), e.length) return ot(e[0]), !1;
-			let t = q();
+			let t = J();
 			return w("submit", t), t;
 		}
 		function Qe() {
-			return G(r(C.template)), $e(), q();
+			return K(t(C.template)), $e(), J();
 		}
 		function $e() {
 			O.value = !1, k.value = [], A.value = !1, j.value = !1, X();
@@ -168,24 +167,24 @@ var _e = { class: "gd-contract-template-renderer__validation-bar" }, ve = ["aria
 			rt(e, !0);
 		}
 		function nt(e) {
-			C.interactionMode === "panel" && (I.value &&= !1, F.value && z.value.some((t) => t.key === e) && !B.value.some((t) => t.key === e) && (F.value = !1));
+			C.interactionMode === "panel" && (L.value &&= !1, I.value && B.value.some((t) => t.key === e) && !V.value.some((t) => t.key === e) && (I.value = !1));
 		}
 		function rt(e, t = !1) {
-			e && (nt(e), M.value = e, Re.value = e, ue(() => {
+			e && (nt(e), N.value = e, M.value = e, ce(() => {
 				at(e);
-				let n = T.value?.querySelector(`[data-key="${$(e)}"]`), r = n?.closest("[data-render-page-id]");
-				r?.dataset.renderPageId && (N.value = r.dataset.renderPageId), t && n?.scrollIntoView({
+				let n = T.value?.querySelector(`[data-key="${gt(e)}"]`), r = n?.closest("[data-render-page-id]");
+				r?.dataset.renderPageId && (P.value = r.dataset.renderPageId), t && n?.scrollIntoView({
 					behavior: "smooth",
 					block: "center",
 					inline: "center"
-				}), C.interactionMode === "panel" && Le.value?.querySelector(`[data-field-key="${$(e)}"]`)?.scrollIntoView({
+				}), C.interactionMode === "panel" && Le.value?.querySelector(`[data-field-key="${gt(e)}"]`)?.scrollIntoView({
 					behavior: "smooth",
 					block: "nearest"
 				});
 			}));
 		}
 		function it() {
-			M.value = "", Re.value = "", at("");
+			N.value = "", M.value = "", at("");
 		}
 		function at(e) {
 			T.value?.querySelectorAll("[data-contract-render-wrapper], [data-contract-render-control]").forEach((t) => t.classList.toggle("is-active", !!e && t.dataset.key === e));
@@ -194,52 +193,52 @@ var _e = { class: "gd-contract-template-renderer__validation-bar" }, ve = ["aria
 			e.variableKey ? Z(e.variableKey) : e.pageId && mt(e.pageId);
 		}
 		function st(e) {
-			return He.value.get(e) ?? [];
+			return Ve.value.get(e) ?? [];
 		}
 		function ct(e) {
 			return {
 				variable: e,
 				value: E.value[e.key],
 				errors: st(e.key),
-				active: M.value === e.key,
+				active: N.value === e.key,
 				readonly: C.readonly,
 				disabled: C.disabled,
-				updateValue: (t) => K(e.key, t),
+				updateValue: (t) => q(e.key, t),
 				focusVariable: () => Z(e.key)
 			};
 		}
 		function lt() {
-			let e = z.value;
+			let e = B.value;
 			if (!e.length) return;
-			let t = e.findIndex((e) => e.key === M.value), n = t < 0 ? 0 : t + 1;
+			let t = e.findIndex((e) => e.key === N.value), n = t < 0 ? 0 : t + 1;
 			for (let t = 0; t < e.length; t += 1) {
-				let r = e[(n + t) % e.length];
-				if (i(E.value[r.key])) {
-					Z(r.key);
+				let i = e[(n + t) % e.length];
+				if (r(E.value[i.key])) {
+					Z(i.key);
 					return;
 				}
 			}
 		}
 		function ut() {
-			!C.collapsiblePanel || C.interactionMode !== "panel" || (I.value = !I.value);
+			!C.collapsiblePanel || C.interactionMode !== "panel" || (L.value = !L.value);
 		}
 		function Q(e) {
 			let t = ht(e);
-			return P.value = t, w("update:zoom", t), t;
+			return F.value = t, w("update:zoom", t), t;
 		}
 		function dt() {
 			return Q(1);
 		}
 		function ft() {
-			return P.value;
+			return F.value;
 		}
 		function pt() {
-			let e = Math.max(...V.value.map((e) => e.width), 1);
-			return Q(Math.max(0, ze.value - 48) / e);
+			let e = Math.max(...H.value.map((e) => e.width), 1);
+			return Q(Math.max(0, Re.value - 48) / e);
 		}
 		function mt(e) {
-			e && (N.value = e, ue(() => {
-				T.value?.querySelector(`[data-render-page-id="${$(e)}"]`)?.scrollIntoView({
+			e && (P.value = e, ce(() => {
+				T.value?.querySelector(`[data-render-page-id="${gt(e)}"]`)?.scrollIntoView({
 					behavior: "smooth",
 					block: "start",
 					inline: "center"
@@ -250,31 +249,31 @@ var _e = { class: "gd-contract-template-renderer__validation-bar" }, ve = ["aria
 			let t = Number(e);
 			return Number.isFinite(t) ? Math.min(Me, Math.max(je, Math.round(t * 100) / 100)) : 1;
 		}
-		function $(e) {
+		function gt(e) {
 			return e.replaceAll("\\", "\\\\").replaceAll("\"", "\\\"");
 		}
-		function gt(e, t) {
+		function _t(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) || !H.value || (e.preventDefault(), Q(e.deltaY > 0 ? P.value - S : P.value + S));
+		function vt(e) {
+			!(e.ctrlKey || e.metaKey) || !U.value || (e.preventDefault(), Q(e.deltaY > 0 ? F.value - S : F.value + S));
 		}
-		let vt;
+		let $;
 		function yt() {
-			vt?.removeEventListener("wheel", _t), vt = void 0;
+			$?.removeEventListener("wheel", vt), $ = void 0;
 		}
 		function bt(e) {
-			yt(), e && (e.addEventListener("wheel", _t, { passive: !1 }), vt = e);
+			yt(), e && (e.addEventListener("wheel", vt, { passive: !1 }), $ = e);
 		}
 		return y(T, (e) => {
 			bt(e);
-		}, { immediate: !0 }), de(() => {
+		}, { immediate: !0 }), le(() => {
 			yt(), X();
 		}), Pe({
-			getValues: q,
-			setValues: Xe,
-			validate: J,
+			getValues: J,
+			setValues: Ye,
+			validate: Xe,
 			submit: Ze,
 			resetValues: Qe,
 			scrollToVariable: Z,
@@ -283,7 +282,7 @@ var _e = { class: "gd-contract-template-renderer__validation-bar" }, ve = ["aria
 			getZoom: ft,
 			fitWidth: pt,
 			scrollToPage: mt
-		}), (n, r) => (m(), l("section", {
+		}), (e, t) => (m(), l("section", {
 			ref_key: "rendererElement",
 			ref: Ie,
 			class: p(["gd-contract-template-renderer", {
@@ -292,20 +291,20 @@ var _e = { class: "gd-contract-template-renderer__validation-bar" }, ve = ["aria
 				"is-panel": f.interactionMode === "panel",
 				"is-inline": f.interactionMode === "inline"
 			}]),
-			onClick: Je,
-			onKeydown: Ye,
-			onInput: qe,
-			onChange: qe
+			onClick: qe,
+			onKeydown: Je,
+			onInput: Ke,
+			onChange: Ke
 		}, [
-			H.value ? (m(), s(ae, {
+			U.value ? (m(), s(ie, {
 				key: 0,
 				title: f.title,
-				"filled-count": U.value,
-				"total-count": z.value.length,
-				"required-missing-count": W.value,
-				zoom: P.value,
-				pages: V.value,
-				"active-page-id": N.value,
+				"filled-count": W.value,
+				"total-count": B.value.length,
+				"required-missing-count": G.value,
+				zoom: F.value,
+				pages: H.value,
+				"active-page-id": P.value,
 				"min-zoom": je,
 				"max-zoom": Me,
 				"show-toolbar": f.showToolbar,
@@ -313,20 +312,20 @@ var _e = { class: "gd-contract-template-renderer__validation-bar" }, ve = ["aria
 				"show-reset-button": f.showResetButton,
 				"show-submit-button": f.showSubmitButton,
 				"show-panel-toggle": f.interactionMode === "panel" && f.collapsiblePanel,
-				"panel-collapsed": I.value,
+				"panel-collapsed": L.value,
 				readonly: f.readonly,
 				disabled: f.disabled,
-				onZoomIn: r[0] ||= (e) => Q(P.value + S),
-				onZoomOut: r[1] ||= (e) => Q(P.value - S),
+				onZoomIn: t[0] ||= (e) => Q(F.value + S),
+				onZoomOut: t[1] ||= (e) => Q(F.value - S),
 				onResetZoom: dt,
 				onFitWidth: pt,
 				onSelectPage: mt,
-				onValidate: J,
+				onValidate: Xe,
 				onReset: Qe,
 				onSubmit: Ze,
 				onTogglePanel: ut
 			}, {
-				extra: b(() => [fe(n.$slots, "headerExtra")]),
+				extra: b(() => [ue(e.$slots, "headerExtra")]),
 				_: 3
 			}, 8, [
 				"title",
@@ -345,36 +344,36 @@ var _e = { class: "gd-contract-template-renderer__validation-bar" }, ve = ["aria
 				"readonly",
 				"disabled"
 			])) : c("", !0),
-			Ke.value ? (m(), l("div", {
+			Ge.value ? (m(), l("div", {
 				key: 1,
-				class: p(["gd-contract-template-renderer__validation", We.value ? "is-success" : "is-error"]),
+				class: p(["gd-contract-template-renderer__validation", Ue.value ? "is-success" : "is-error"]),
 				role: "status"
-			}, [u("div", _e, [u("span", null, _(Ge.value), 1), R.value.length ? (m(), l("button", {
+			}, [u("div", _e, [u("span", null, _(We.value), 1), z.value.length ? (m(), l("button", {
 				key: 0,
 				type: "button",
 				class: "gd-contract-template-renderer__validation-toggle",
 				"aria-expanded": A.value,
-				onClick: r[2] ||= (e) => A.value = !A.value
-			}, _(A.value ? "收起" : `展开 ${R.value.length} 个问题`), 9, ve)) : c("", !0)]), A.value && R.value.length ? (m(), l("div", ye, [(m(!0), l(se, null, g(R.value, (e) => (m(), l("button", {
+				onClick: t[2] ||= (e) => A.value = !A.value
+			}, _(A.value ? "收起" : `展开 ${z.value.length} 个问题`), 9, ve)) : c("", !0)]), A.value && z.value.length ? (m(), l("div", ye, [(m(!0), l(a, null, g(z.value, (e) => (m(), l("button", {
 				key: `${e.code}-${e.id}-${e.message}`,
 				type: "button",
 				class: "gd-contract-template-renderer__validation-item",
 				onClick: (t) => ot(e)
 			}, _(e.message), 9, be))), 128))])) : c("", !0)], 2)) : c("", !0),
-			H.value ? (m(), l("div", {
+			U.value ? (m(), l("div", {
 				key: 3,
 				class: p(["gd-contract-template-renderer__workspace", { "is-inline": f.interactionMode === "inline" }])
 			}, [u("div", {
 				ref_key: "pagesViewportElement",
 				ref: T,
 				class: "gd-contract-template-renderer__pages-viewport",
-				"data-highlighted-variable-key": Re.value
-			}, [u("div", Ce, [(m(!0), l(se, null, g(V.value, (e, t) => (m(), s(oe, {
+				"data-highlighted-variable-key": M.value
+			}, [u("div", Ce, [(m(!0), l(a, null, g(H.value, (e, t) => (m(), s(ae, {
 				key: e.id,
 				page: e,
 				index: t,
-				total: V.value.length,
-				zoom: P.value,
+				total: H.value.length,
+				zoom: F.value,
 				"show-meta": f.showPageMeta
 			}, null, 8, [
 				"page",
@@ -384,64 +383,64 @@ var _e = { class: "gd-contract-template-renderer__validation-bar" }, ve = ["aria
 				"show-meta"
 			]))), 128))])], 8, Se), f.interactionMode === "panel" ? (m(), l("div", {
 				key: 0,
-				class: p(["gd-contract-template-renderer__panel-wrap", { "is-collapsed": I.value && f.collapsiblePanel }])
-			}, [f.collapsiblePanel ? (m(), s(v(he), {
+				class: p(["gd-contract-template-renderer__panel-wrap", { "is-collapsed": L.value && f.collapsiblePanel }])
+			}, [f.collapsiblePanel ? (m(), s(v(pe), {
 				key: 0,
-				title: I.value ? "展开填写面板" : "收起填写面板"
+				title: L.value ? "展开填写面板" : "收起填写面板"
 			}, {
 				default: b(() => [u("button", {
 					type: "button",
 					class: "gd-contract-template-renderer__panel-handle",
-					"aria-label": I.value ? "展开填写面板" : "收起填写面板",
-					"aria-expanded": !I.value,
-					onClick: r[3] ||= (e) => I.value = !I.value
-				}, [I.value ? (m(), s(v(e), {
+					"aria-label": L.value ? "展开填写面板" : "收起填写面板",
+					"aria-expanded": !L.value,
+					onClick: t[3] ||= (e) => L.value = !L.value
+				}, [L.value ? (m(), s(v(he), {
 					key: 0,
 					"aria-hidden": "true"
-				})) : (m(), s(v(t), {
+				})) : (m(), s(v(ge), {
 					key: 1,
 					"aria-hidden": "true"
 				}))], 8, we)]),
 				_: 1
 			}, 8, ["title"])) : c("", !0), u("div", Te, [u("aside", Ee, [u("div", De, [
-				u("div", Oe, [u("div", null, [r[5] ||= u("strong", null, "填写项", -1), u("span", null, _(U.value) + " / " + _(z.value.length) + " 已填写", 1)]), u("span", null, _(W.value ? `${W.value} 项必填未完成` : "必填项已完成"), 1)]),
-				u("div", ke, [d(v(pe), {
+				u("div", Oe, [u("div", null, [t[5] ||= u("strong", null, "填写项", -1), u("span", null, _(W.value) + " / " + _(B.value.length) + " 已填写", 1)]), u("span", null, _(G.value ? `${G.value} 项必填未完成` : "必填项已完成"), 1)]),
+				u("div", ke, [d(v(de), {
 					size: "small",
-					type: F.value ? "primary" : "default",
-					onClick: r[4] ||= (e) => F.value = !F.value
+					type: I.value ? "primary" : "default",
+					onClick: t[4] ||= (e) => I.value = !I.value
 				}, {
-					default: b(() => [...r[6] ||= [ce(" 仅看未填 ", -1)]]),
+					default: b(() => [...t[6] ||= [oe(" 仅看未填 ", -1)]]),
 					_: 1
-				}, 8, ["type"]), d(v(pe), {
+				}, 8, ["type"]), d(v(de), {
 					size: "small",
-					disabled: !Ve.value,
+					disabled: !Be.value,
 					onClick: lt
 				}, {
-					default: b(() => [...r[7] ||= [ce(" 下一个未填项 ", -1)]]),
+					default: b(() => [...t[7] ||= [oe(" 下一个未填项 ", -1)]]),
 					_: 1
 				}, 8, ["disabled"])]),
-				d(v(me), {
-					percent: Ue.value,
+				d(v(fe), {
+					percent: He.value,
 					size: "small",
 					"show-info": !1
 				}, null, 8, ["percent"])
-			]), B.value.length ? (m(), l("div", {
+			]), V.value.length ? (m(), l("div", {
 				key: 1,
 				ref_key: "fieldListElement",
 				ref: Le,
 				class: "gd-contract-template-renderer__field-list"
-			}, [(m(!0), l(se, null, g(B.value, (e) => (m(), l("div", {
-				key: e.id || e.key,
-				"data-field-key": e.key
-			}, [fe(n.$slots, "field", le({ ref_for: !0 }, ct(e)), () => [d(ie, {
-				variable: e,
-				value: E.value[e.key],
-				errors: st(e.key),
-				active: M.value === e.key,
+			}, [(m(!0), l(a, null, g(V.value, (t) => (m(), l("div", {
+				key: t.id || t.key,
+				"data-field-key": t.key
+			}, [ue(e.$slots, "field", se({ ref_for: !0 }, ct(t)), () => [d(re, {
+				variable: t,
+				value: E.value[t.key],
+				errors: st(t.key),
+				active: N.value === t.key,
 				readonly: f.readonly,
 				disabled: f.disabled,
-				onUpdateValue: (t) => K(e.key, t),
-				onFocusVariable: (t) => Z(e.key)
+				onUpdateValue: (e) => q(t.key, e),
+				onFocusVariable: (e) => Z(t.key)
 			}, null, 8, [
 				"variable",
 				"value",
@@ -453,7 +452,7 @@ var _e = { class: "gd-contract-template-renderer__validation-bar" }, ve = ["aria
 				"onFocusVariable"
 			])])], 8, Ae))), 128))], 512)) : (m(), s(v(x), {
 				key: 0,
-				description: z.value.length ? "暂无未填项" : "暂无填写项",
+				description: B.value.length ? "暂无未填项" : "暂无填写项",
 				image: v(x).PRESENTED_IMAGE_SIMPLE
 			}, null, 8, ["description", "image"]))])])], 2)) : c("", !0)], 2)) : (m(), l("div", xe, [d(v(x), {
 				description: "暂无可渲染的合同页面",