@guodun/antdv 1.7.3 → 1.7.5

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

@@ -1,22 +1,30 @@
-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 de, normalizeClass as fe, onBeforeUnmount as pe, openBlock as g, ref as _, renderList as me, renderSlot as he, toDisplayString as v, unref as y, watch as b, withCtx as x } from "vue";
-import { Button as ge, Empty as S, 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 { validateTemplateRenderValues as e } from "./utils/template-renderer.mjs";
+import { resolveContractTemplateFileTabTargetIndex as t } from "./utils/file-tabs.mjs";
+import n from "./ContractTemplateSingleRenderer.mjs";
+import { useRendererFiles as r } from "./composables/use-renderer-files.mjs";
+import { Fragment as i, createBlock as a, createElementBlock as o, createElementVNode as s, createSlots as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, nextTick as f, normalizeProps as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
 //#region src/components/pro-contract-template-designer/src/ProContractTemplateRenderer.vue?vue&type=script&setup=true&lang.ts
-var Ee = {
-	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, C = .1, Be = 3e3, Ve = /* @__PURE__ */ h({
+var x = {
+	class: "gd-contract-template-renderer__files",
+	"aria-label": "合同文件"
+}, S = {
+	class: "gd-contract-template-renderer__file-tabs",
+	role: "tablist",
+	"aria-label": "合同文件列表"
+}, C = [
+	"data-renderer-file-id",
+	"aria-selected",
+	"tabindex",
+	"disabled",
+	"onClick",
+	"onKeydown"
+], w = /* @__PURE__ */ l({
 	name: "ProContractTemplateRenderer",
 	__name: "ProContractTemplateRenderer",
 	props: {
+		files: {},
+		activeFileId: {},
+		valuesByFile: {},
 		template: { default: void 0 },
 		values: { default: void 0 },
 		interactionMode: { default: "panel" },
@@ -75,6 +83,8 @@ var Ee = {
 		contractFontBaseUrl: { default: void 0 }
 	},
 	emits: [
+		"update:activeFileId",
+		"update:valuesByFile",
 		"update:values",
 		"change",
 		"validate",
@@ -82,705 +92,108 @@ var Ee = {
 		"update:zoom",
 		"control-warning"
 	],
-	setup(h, { expose: Ve, emit: He }) {
-		let w = h, T = He, Ue = [
-			{
-				label: "全部",
-				value: "all"
-			},
-			{
-				label: "未填写",
-				value: "unfilled"
-			},
-			{
-				label: "有错误",
-				value: "error"
-			}
-		], We = _(), E = _(), Ge = _(), D = _(c(w.template, w.values)), Ke = _({ ...D.value }), O = _(!1), k = _([]), A = _(!1), j = _(!1), M = _(""), N = _(""), P = _(""), qe = _(0), F = _(Zt(w.zoom)), I = _(""), L = _("all"), R = _(!1), Je = _(/* @__PURE__ */ new Map()), z = /* @__PURE__ */ new Map(), Ye = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map(), Xe = /* @__PURE__ */ new Set(), { width: Ze } = Se(E), Qe = l(() => w.readonly || w.disabled), V = l(() => te(w.template)), $e = l(() => O.value ? k.value : V.value), H = l(() => (Array.isArray(w.template?.variables) ? w.template.variables : []).filter((t) => !!t?.key && e(t.type ?? "text"))), et = l(() => {
-			let e = { ...D.value };
-			return H.value.forEach((t) => {
-				let n = jt(t);
-				if (n?.toDisplayText) try {
-					e[t.key] = n.toDisplayText(e[t.key], {
-						variable: t,
-						config: r(t.componentConfig)
-					});
-				} catch {}
-			}), e;
-		}), tt = l(() => H.value.filter((e) => s(D.value[e.key])).length), nt = l(() => {
-			let e = /* @__PURE__ */ new Map();
-			return $e.value.forEach((t) => {
-				t.variableKey && e.set(t.variableKey, [...e.get(t.variableKey) ?? [], t]);
-			}), e;
-		}), U = l(() => {
-			let e = w.interactionMode === "panel";
-			return o(w.template, e ? et.value : Ke.value, {
-				readonly: w.readonly,
-				disabled: w.disabled,
-				mode: e ? "display" : "control"
-			});
-		}), rt = l(() => {
-			let e = /* @__PURE__ */ new Map(), t = new Set(H.value.map((e) => e.key));
-			return U.value.forEach((n) => {
-				Gt(n.contentHtml).forEach((r) => {
-					t.has(r) && !e.has(r) && e.set(r, n.id);
-				});
-			}), e;
-		}), it = l(() => H.value.filter(Bt)), at = l(() => {
-			let e = U.value.map((e, t) => ({
-				id: `page:${e.id}`,
-				pageId: e.id,
-				title: `第 ${t + 1} 页${e.title ? ` · ${e.title}` : ""}`,
-				allVariables: [],
-				variables: []
-			})), t = new Map(e.map((e) => [e.pageId, e])), n = {
-				id: "unlocated",
-				title: "未定位字段",
-				allVariables: [],
-				variables: []
-			};
-			return H.value.forEach((e) => {
-				let r = t.get(rt.value.get(e.key) ?? "") ?? n;
-				r.allVariables.push(e), Bt(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
-			}));
-		}), ot = l(() => U.value.length > 0), st = l(() => H.value.filter((e) => !s(D.value[e.key])).length), ct = l(() => H.value.filter((e) => e.required && s(D.value[e.key])).length), lt = l(() => H.value.length ? Math.round(st.value / H.value.length * 100) : 0), ut = l(() => O.value && k.value.length === 0), dt = l(() => O.value ? ut.value ? "校验通过，模板与填写值均符合规则" : `发现 ${k.value.length} 个模板或填写问题` : V.value.length ? `模板存在 ${V.value.length} 个问题，已安全降级展示` : ""), ft = l(() => O.value ? $e.value.length > 0 || j.value : V.value.length > 0);
-		b(() => w.template, (e) => {
-			W(c(e, w.values), !1), Ct();
-			let t = Array.isArray(e?.pages) ? e.pages.map((e) => e?.id) : [];
-			t.includes(P.value) || (P.value = t.find(Boolean) ?? ""), N.value && !H.value.some((e) => e.key === N.value) && Dt();
-		}, { deep: !0 }), b(() => [
-			w.template?.variables,
-			w.optionResolver,
-			w.requester,
-			w.allowedRemoteOrigins,
-			w.remoteRequestTimeoutMs,
-			w.remoteOptionsCacheTtlMs
-		], () => {
-			Nt();
-		}, {
-			deep: !0,
-			immediate: !0
-		}), b(() => w.values, (e) => {
-			let t = c(w.template, e);
-			Qt(t, D.value) || (W(t, !1, { refreshInlineHtml: w.interactionMode !== "inline" }), Ct());
-		}, { deep: !0 }), b(() => w.interactionMode, (e) => {
-			e === "inline" && (Ke.value = { ...D.value });
-		}), b(() => w.collapsiblePanel, (e) => {
-			e || (R.value = !1);
-		}), b(() => w.zoom, (e) => F.value = Zt(e)), b(U, (e) => {
-			!P.value && e.length && (P.value = e[0].id);
-		}, { immediate: !0 });
-		function W(e, t = !0, n = {}) {
-			D.value = { ...e }, n.refreshInlineHtml !== !1 && (Ke.value = { ...e }), t && (T("update:values", { ...D.value }), T("change", { ...D.value }));
-		}
-		function G(e, t) {
-			!e || Qe.value || (W({
-				...D.value,
-				[e]: t
-			}, !0, { refreshInlineHtml: w.interactionMode !== "inline" }), O.value && yt());
-		}
-		function pt(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" ? G(n, t.checked) : t instanceof HTMLInputElement && t.type === "number" ? G(n, t.value === "" ? void 0 : t.valueAsNumber) : G(n, t.value));
-		}
-		function mt(e) {
-			let t = e.target;
-			if (!(t instanceof Element)) return;
-			let n = t.closest("[data-render-page-id]");
-			n?.dataset.renderPageId && (P.value = n.dataset.renderPageId);
-			let r = t.closest("[data-contract-render-wrapper], [data-contract-render-control]")?.dataset.key || "";
-			r && Y(r);
-		}
-		function ht(e) {
-			let t = U.value.find((t) => t.id === e.pageId), n = H.value.some((t) => t.key === e.key);
-			if (!(!t || !n || !Gt(t.contentHtml).has(e.key)) && !(e.kind === "input" && w.interactionMode !== "inline")) {
-				if (P.value = e.pageId, e.kind === "input") {
-					G(e.key, e.value);
-					return;
-				}
-				Y(e.key);
-			}
-		}
-		function gt(e) {
-			if (e.key !== "Enter" && e.key !== " ") return;
-			let t = e.target;
-			!(t instanceof HTMLElement) || !t.dataset.key || (e.preventDefault(), Y(t.dataset.key));
-		}
-		function _t() {
-			return { ...D.value };
-		}
-		function vt(e) {
-			W(c(w.template, e));
-		}
-		function yt() {
-			let e = ne(w.template, D.value);
-			return wt(e), T("validate", e), e;
-		}
-		function bt() {
-			let e = ee(w.template, D.value, w.validateOnSubmit);
-			if ((w.validateOnSubmit || e.length) && (wt(e), T("validate", e)), e.length) return kt(e[0]), !1;
-			let t = _t();
-			return T("submit", t), t;
-		}
-		function xt() {
-			return W(a(w.template)), Ct(), _t();
-		}
-		function St() {
-			Qe.value || ve.confirm({
-				title: "重置填写内容？",
-				content: "将恢复模板中的默认值，当前未提交的填写内容会被覆盖。",
-				okText: "确认重置",
-				cancelText: "取消",
-				onOk: () => xt()
-			});
-		}
-		function Ct() {
-			O.value = !1, k.value = [], A.value = !1, j.value = !1, q();
-		}
-		function wt(e) {
-			if (k.value = e, O.value = !0, A.value = !1, e.length) {
-				j.value = !1, q();
-				return;
-			}
-			Tt();
-		}
-		let K;
-		function q() {
-			K &&= (clearTimeout(K), void 0);
-		}
-		function Tt() {
-			q(), j.value = !0, K = setTimeout(() => {
-				j.value = !1, K = void 0;
-			}, Be);
-		}
-		function J(e) {
-			Y(e, !0);
-		}
-		function Et(e) {
-			w.interactionMode === "panel" && (R.value &&= !1, H.value.some((t) => t.key === e) && !it.value.some((t) => t.key === e) && Vt());
-		}
-		function Y(e, t = !1) {
-			if (!e) return;
-			Et(e), N.value = e, M.value = e;
-			let n = rt.value.get(e);
-			n && (P.value = n), t && (qe.value += 1), de(() => {
-				Ot(e);
-				let r = n ? E.value?.querySelector(`[data-render-page-id="${$(n)}"]`) : void 0;
-				t && r?.scrollIntoView({
-					behavior: "smooth",
-					block: "center",
-					inline: "center"
-				}), w.interactionMode === "panel" && Ge.value?.querySelector(`[data-field-key="${$(e)}"]`)?.scrollIntoView({
-					behavior: "smooth",
-					block: "nearest"
-				});
-			});
-		}
-		function Dt() {
-			N.value = "", M.value = "", Ot("");
-		}
-		function Ot(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 kt(e) {
-			e.variableKey ? J(e.variableKey) : e.pageId && Xt(e.pageId);
-		}
-		function At(e) {
-			return nt.value.get(e) ?? [];
-		}
-		function X(e) {
-			return Je.value.get(e.key) ?? {
-				options: e.options ?? [],
-				loading: !1
-			};
-		}
-		function jt(e) {
-			let t = e.componentKey || e.type || "";
-			return t ? w.controlRegistry?.[t] : void 0;
-		}
-		function Z(e, t) {
-			let n = new Map(Je.value);
-			n.set(e, t), Je.value = n;
-		}
-		function Mt(e) {
-			T("control-warning", e);
-		}
-		async function Nt() {
-			z.forEach((e) => e.abort()), z.clear(), Ye.clear(), Xe.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, {
-					options: t,
-					loading: !1
-				}), e.type === "custom" && !jt(e)) {
-					let t = e.componentKey || "", n = `${e.key}:${t}`;
-					Xe.has(n) || (Xe.add(n), Mt({
-						code: "CONTROL_COMPONENT_MISSING",
-						variableKey: e.key,
-						componentKey: t,
-						message: `${e.label || e.key} 未注册自定义控件 ${t || "(空)"}`
-					}));
-				}
-			}));
-		}
-		async function Pt(e, n) {
-			let r = e.dataSource;
-			if (!r) return;
-			let i = new AbortController();
-			z.set(e.key, i), Z(e.key, {
-				options: n,
-				loading: !0
-			});
-			let a = Ft(e), o = Date.now(), s = Ye.get(a);
-			if (s && s.expiresAt > o) {
-				Z(e.key, {
-					options: s.options,
-					loading: !1
-				}), z.delete(e.key);
-				return;
-			}
-			let c = "CONTROL_OPTIONS_LOAD_FAILED";
-			try {
-				r.kind === "url" && !t(r.url, w.allowedRemoteOrigins) && (c = "CONTROL_REMOTE_URL_BLOCKED");
-				let o = B.get(a);
-				o || (o = It(e, r, c, i), B.set(a, o), o.finally(() => {
-					B.get(a) === o && B.delete(a);
-				}).catch(() => void 0));
-				let s = await o;
-				if (i.signal.aborted) return;
-				let ee = Math.max(0, Number(w.remoteOptionsCacheTtlMs) || 0);
-				ee > 0 && Ye.set(a, {
-					options: s,
-					expiresAt: Date.now() + ee
-				}), Z(e.key, {
-					options: s.length ? s : n,
-					loading: !1
-				});
-			} catch (t) {
-				let r = t instanceof Error && t.message.startsWith("高级控件请求超时");
-				if (i.signal.aborted && !r) return;
-				let a = t instanceof Error ? t.message : "高级控件选项加载失败";
-				Z(e.key, {
-					options: n,
-					loading: !1,
-					error: a
-				}), Mt({
-					code: c,
-					variableKey: e.key,
-					message: `${e.label || e.key}：${a}`,
-					cause: t
-				});
-			} finally {
-				z.get(e.key) === i && z.delete(e.key);
-			}
-		}
-		function Ft(e) {
-			try {
-				return JSON.stringify([e.type, e.dataSource]);
-			} catch {
-				return `${e.key}:${e.type}`;
-			}
-		}
-		async function It(e, r, a, o) {
-			let s;
-			if (r.kind === "resolver") {
-				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, w.allowedRemoteOrigins)) throw Error(`远程地址未在 allowlist 中：${r.url}`);
-				if (!w.requester) throw Error("缺少宿主 requester，组件库不会直接发起网络请求");
-				let n = i(r.timeoutMs, w.remoteRequestTimeoutMs);
-				s = await Lt(w.requester({
-					url: r.url,
-					method: r.method || "GET",
-					params: r.params,
-					headers: r.headers,
-					timeoutMs: n,
-					signal: o.signal,
-					variable: e
-				}), o, n);
-			}
-			return n(s, r.kind === "url" ? r : void 0, e.type || "select");
-		}
-		function Lt(e, t, n) {
-			return new Promise((r, i) => {
-				let a = () => {
-					clearTimeout(c), t.signal.removeEventListener("abort", s);
-				}, o = (e) => {
-					a(), e();
-				}, s = () => o(() => i(/* @__PURE__ */ Error("高级控件请求已取消"))), c = setTimeout(() => {
-					o(() => i(/* @__PURE__ */ Error(`高级控件请求超时（${n}ms）`))), t.abort();
-				}, n);
-				t.signal.addEventListener("abort", s, { once: !0 }), e.then((e) => o(() => r(e)), (e) => o(() => i(e)));
-			});
-		}
-		function Rt(e) {
-			let t = X(e);
-			return {
-				variable: e,
-				value: D.value[e.key],
-				errors: At(e.key),
-				active: N.value === e.key,
-				readonly: w.readonly,
-				disabled: w.disabled,
-				options: t.options,
-				loading: t.loading,
-				loadError: t.error,
-				updateValue: (t) => G(e.key, t),
-				focusVariable: () => J(e.key)
-			};
-		}
-		function zt() {
-			let e = H.value;
-			if (!e.length) return;
-			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 (s(D.value[r.key])) {
-					J(r.key);
-					return;
-				}
-			}
-		}
-		function Bt(e) {
-			let t = I.value.trim().toLocaleLowerCase();
-			return !t || e.key.toLocaleLowerCase().includes(t) || (e.label ?? "").toLocaleLowerCase().includes(t) ? L.value === "unfilled" ? s(D.value[e.key]) : L.value === "error" ? At(e.key).length > 0 : !0 : !1;
-		}
-		function Vt() {
-			I.value = "", L.value = "all";
-		}
-		function Ht(e, t) {
-			let n = it.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 && (J(i), de(() => Ut(i)));
-		}
-		function Ut(e) {
-			(Ge.value?.querySelector(`[data-field-key="${$(e)}"]`))?.querySelector("input:not([disabled]), textarea:not([disabled]), button:not([disabled])")?.focus();
-		}
-		function Wt(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));
-		}
-		function Gt(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();
-				n && t.add(n);
-			}), t;
-			let n = /\bdata-key\s*=\s*(?:"([^"]+)"|'([^']+)'|([^\s>]+))/gi, r;
-			for (; r = n.exec(e);) {
-				let e = (r[1] ?? r[2] ?? r[3] ?? "").trim();
-				e && t.add(e);
-			}
-			return t;
-		}
-		function Kt() {
-			!w.collapsiblePanel || w.interactionMode !== "panel" || (R.value = !R.value);
-		}
-		function Q(e) {
-			let t = Zt(e);
-			return F.value = t, T("update:zoom", t), t;
-		}
-		function qt() {
-			return Q(1);
-		}
-		function Jt() {
-			return F.value;
-		}
-		function Yt() {
-			let e = Math.max(...U.value.map((e) => e.width), 1);
-			return Q(Math.max(0, Ze.value - 48) / e);
-		}
-		function Xt(e) {
-			e && (P.value = e, de(() => {
-				E.value?.querySelector(`[data-render-page-id="${$(e)}"]`)?.scrollIntoView({
-					behavior: "smooth",
-					block: "start",
-					inline: "center"
-				});
+	setup(l, { expose: w, emit: T }) {
+		let E = l, D = T, O = h(), { enabled: k, files: A, activeId: j, activeFile: M, values: N, fileErrors: P, select: F, update: I, getAllValues: L, validateAll: R } = r(E, (e) => D("update:activeFileId", e), (e) => D("update:valuesByFile", e));
+		function z(e) {
+			k.value ? I(e) : D("update:values", e);
+		}
+		function B(e) {
+			D("validate", k.value ? e.map((e) => ({
+				...e,
+				fileId: j.value || void 0
+			})) : e);
+		}
+		function V() {
+			let t = O.value?.validate() ?? e(E.template, E.values ?? {});
+			return k.value ? t.map((e) => ({
+				...e,
+				fileId: j.value || void 0
+			})) : t;
+		}
+		function H() {
+			if (!k.value) return V();
+			let e = R();
+			D("validate", e);
+			let t = e[0];
+			return t?.fileId && A.value.some((e) => e.id === t.fileId) && !E.disabled ? (F(t.fileId), f(() => {
+				j.value === t.fileId && (O.value?.showValidation(e.filter((e) => e.fileId === j.value)), O.value?.focusError(t));
+			})) : O.value?.showValidation(e.filter((e) => !e.fileId || e.fileId === j.value)), e;
+		}
+		function U(e, n) {
+			if (E.disabled) return;
+			let r = t(n, e.key, A.value.length), i = r === void 0 ? void 0 : A.value[r];
+			i && (e.preventDefault(), F(i.id), f(() => {
+				let e = (O.value?.$el)?.querySelectorAll("[data-renderer-file-id]") ?? [];
+				Array.from(e).find((e) => e.dataset.rendererFileId === i.id)?.focus();
 			}));
 		}
-		function Zt(e) {
-			let t = Number(e);
-			return Number.isFinite(t) ? Math.min(ze, Math.max(Re, Math.round(t * 100) / 100)) : 1;
-		}
-		function $(e) {
-			return e.replaceAll("\\", "\\\\").replaceAll("\"", "\\\"");
-		}
-		function Qt(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) || !ot.value || (e.preventDefault(), Q(e.deltaY > 0 ? F.value - C : F.value + C));
-		}
-		let en;
-		function tn() {
-			en?.removeEventListener("wheel", $t), en = void 0;
-		}
-		function nn(e) {
-			tn(), e && (e.addEventListener("wheel", $t, { passive: !1 }), en = e);
-		}
-		return b(E, (e) => {
-			nn(e);
-		}, { immediate: !0 }), pe(() => {
-			tn(), q(), z.forEach((e) => e.abort()), z.clear();
-		}), Ve({
-			getValues: _t,
-			setValues: vt,
-			validate: yt,
-			submit: bt,
-			resetValues: xt,
-			scrollToVariable: J,
-			setZoom: Q,
-			resetZoom: qt,
-			getZoom: Jt,
-			fitWidth: Yt,
-			scrollToPage: Xt
-		}), (e, t) => (g(), f("section", {
-			ref_key: "rendererElement",
-			ref: We,
-			class: fe(["gd-contract-template-renderer", {
-				"is-disabled": h.disabled,
-				"is-readonly": h.readonly,
-				"is-panel": h.interactionMode === "panel",
-				"is-inline": h.interactionMode === "inline"
-			}]),
-			onClick: mt,
-			onKeydown: gt,
-			onInput: pt,
-			onChange: pt
-		}, [
-			ot.value ? (g(), u(ie, {
-				key: 0,
-				title: h.title,
-				"filled-count": st.value,
-				"total-count": H.value.length,
-				"required-missing-count": ct.value,
-				zoom: F.value,
-				pages: U.value,
-				"active-page-id": P.value,
-				"min-zoom": Re,
-				"max-zoom": ze,
-				"show-toolbar": h.showToolbar,
-				"show-validate-button": h.showValidateButton,
-				"show-reset-button": h.showResetButton,
-				"show-submit-button": h.showSubmitButton,
-				"show-panel-toggle": h.interactionMode === "panel" && h.collapsiblePanel,
-				"panel-collapsed": R.value,
-				readonly: h.readonly,
-				disabled: h.disabled,
-				onZoomIn: t[0] ||= (e) => Q(F.value + C),
-				onZoomOut: t[1] ||= (e) => Q(F.value - C),
-				onResetZoom: qt,
-				onFitWidth: Yt,
-				onSelectPage: Xt,
-				onValidate: yt,
-				onReset: St,
-				onSubmit: bt,
-				onTogglePanel: Kt
-			}, {
-				extra: x(() => [he(e.$slots, "headerExtra")]),
-				_: 3
-			}, 8, [
-				"title",
-				"filled-count",
-				"total-count",
-				"required-missing-count",
-				"zoom",
-				"pages",
-				"active-page-id",
-				"show-toolbar",
-				"show-validate-button",
-				"show-reset-button",
-				"show-submit-button",
-				"show-panel-toggle",
-				"panel-collapsed",
-				"readonly",
-				"disabled"
-			])) : d("", !0),
-			ft.value ? (g(), u(oe, {
-				key: 1,
-				passed: ut.value,
-				summary: dt.value,
-				errors: $e.value,
-				expanded: A.value,
-				onToggle: t[2] ||= (e) => A.value = !A.value,
-				onFocusError: kt
-			}, null, 8, [
-				"passed",
-				"summary",
-				"errors",
-				"expanded"
-			])) : d("", !0),
-			ot.value ? (g(), f("div", {
-				key: 3,
-				class: fe(["gd-contract-template-renderer__workspace", { "is-inline": h.interactionMode === "inline" }])
-			}, [p("div", {
-				ref_key: "pagesViewportElement",
-				ref: E,
-				class: "gd-contract-template-renderer__pages-viewport",
-				"data-highlighted-variable-key": M.value
-			}, [p("div", Oe, [(g(!0), f(se, null, me(U.value, (e, t) => (g(), u(ae, {
-				key: e.id,
-				page: e,
-				index: t,
-				total: U.value.length,
-				zoom: F.value,
-				"show-meta": h.showPageMeta,
-				"font-base-url": h.contractFontBaseUrl,
-				"active-key": M.value,
-				"scroll-request": qe.value,
-				onInteraction: ht
-			}, null, 8, [
-				"page",
-				"index",
-				"total",
-				"zoom",
-				"show-meta",
-				"font-base-url",
-				"active-key",
-				"scroll-request"
-			]))), 128))])], 8, De), h.interactionMode === "panel" ? (g(), f("div", {
-				key: 0,
-				class: fe(["gd-contract-template-renderer__panel-wrap", { "is-collapsed": R.value && h.collapsiblePanel }])
-			}, [h.collapsiblePanel ? (g(), u(y(xe), {
-				key: 0,
-				title: R.value ? "展开填写面板" : "收起填写面板"
-			}, {
-				default: x(() => [p("button", {
+		return w({
+			getAllValues: L,
+			validateAll: H,
+			getValues: () => O.value?.getValues() ?? {},
+			setValues: (e) => {
+				(!k.value || !E.disabled) && O.value?.setValues(e);
+			},
+			resetValues: () => k.value && E.disabled ? O.value?.getValues() ?? {} : O.value?.resetValues() ?? {},
+			validate: V,
+			submit: () => O.value?.submit() ?? !1,
+			scrollToVariable: (e) => O.value?.scrollToVariable(e),
+			scrollToPage: (e) => O.value?.scrollToPage(e),
+			setZoom: (e) => O.value?.setZoom(e) ?? 1,
+			resetZoom: () => O.value?.resetZoom() ?? 1,
+			getZoom: () => O.value?.getZoom() ?? 1,
+			fitWidth: () => O.value?.fitWidth() ?? 1
+		}), (e, t) => (m(), a(n, d({
+			key: y(k) ? `file:${y(j)}` : "single",
+			ref_key: "renderer",
+			ref: O
+		}, E, {
+			class: { "is-multi-file": y(k) },
+			template: y(k) ? y(M)?.template : l.template,
+			values: y(k) ? y(N)[y(j)] : E.values,
+			"onUpdate:values": z,
+			onChange: t[0] ||= (e) => D("change", e),
+			onValidate: B,
+			onSubmit: t[1] ||= (e) => D("submit", e),
+			"onUpdate:zoom": t[2] ||= (e) => D("update:zoom", e),
+			onControlWarning: t[3] ||= (e) => D("control-warning", e)
+		}), c({ _: 2 }, [
+			y(k) ? {
+				name: "fileBar",
+				fn: b(() => [s("nav", x, [s("div", S, [(m(!0), o(i, null, g(y(A), (e, t) => (m(), o("button", {
+					key: e.id,
 					type: "button",
-					class: "gd-contract-template-renderer__panel-handle",
-					"aria-label": R.value ? "展开填写面板" : "收起填写面板",
-					"aria-expanded": !R.value,
-					onClick: t[3] ||= (e) => R.value = !R.value
-				}, [R.value ? (g(), u(y(Ce), {
-					key: 0,
-					"aria-hidden": "true"
-				})) : (g(), u(y(we), {
-					key: 1,
-					"aria-hidden": "true"
-				}))], 8, ke)]),
-				_: 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, v(st.value) + " / " + v(H.value.length) + " 已填写", 1)]), p("span", null, v(ct.value ? `${ct.value} 项必填未完成` : "必填项已完成"), 1)]),
-				m(y(_e), {
-					value: I.value,
-					"onUpdate:value": t[4] ||= (e) => I.value = e,
-					"allow-clear": "",
-					size: "small",
-					class: "gd-contract-template-renderer__field-search",
-					placeholder: "搜索字段名称或标识"
-				}, {
-					prefix: x(() => [m(y(Te), { "aria-hidden": "true" })]),
-					_: 1
-				}, 8, ["value"]),
-				p("div", Pe, [m(y(be), {
-					value: L.value,
-					"onUpdate:value": t[5] ||= (e) => L.value = e,
-					size: "small",
-					class: "gd-contract-template-renderer__field-filter",
-					options: Ue
-				}, null, 8, ["value"]), m(y(ge), {
-					size: "small",
-					disabled: !tt.value,
-					onClick: zt
-				}, {
-					default: x(() => [...t[7] ||= [le(" 下一个未填项 ", -1)]]),
-					_: 1
-				}, 8, ["disabled"])]),
-				m(y(ye), {
-					percent: lt.value,
-					size: "small",
-					"show-info": !1
-				}, null, 8, ["percent"])
-			]), it.value.length ? (g(), f("div", {
-				key: 1,
-				ref_key: "fieldListElement",
-				ref: Ge,
-				class: "gd-contract-template-renderer__field-list",
-				onKeydownCapture: Wt
-			}, [(g(!0), f(se, null, me(at.value, (t) => (g(), f("div", {
-				key: t.id,
-				class: "gd-contract-template-renderer__field-group"
-			}, [p("div", Fe, [p("strong", null, v(t.title), 1), p("span", null, v(t.variables.length) + " / " + v(t.totalCount) + " 项", 1)]), p("div", Ie, [(g(!0), f(se, null, me(t.variables, (t) => (g(), f("div", {
-				key: t.id || t.key,
-				"data-field-key": t.key
-			}, [he(e.$slots, "field", ue({ ref_for: !0 }, Rt(t)), () => [m(re, {
-				variable: t,
-				value: D.value[t.key],
-				errors: At(t.key),
-				active: N.value === t.key,
-				readonly: h.readonly,
-				disabled: h.disabled,
-				options: X(t).options,
-				loading: X(t).loading,
-				"load-error": X(t).error,
-				registration: jt(t),
-				"selector-http": h.selectorHttp,
-				"selector-url-prefix": h.selectorUrlPrefix,
-				onUpdateValue: (e) => G(t.key, e),
-				onFocusVariable: (e) => J(t.key)
-			}, null, 8, [
-				"variable",
-				"value",
-				"errors",
-				"active",
-				"readonly",
-				"disabled",
-				"options",
-				"loading",
-				"load-error",
-				"registration",
-				"selector-http",
-				"selector-url-prefix",
-				"onUpdateValue",
-				"onFocusVariable"
-			])])], 8, Le))), 128))])]))), 128))], 544)) : (g(), u(y(S), {
-				key: 0,
-				class: "gd-contract-template-renderer__field-empty",
-				description: H.value.length ? "没有符合条件的填写项" : "暂无填写项",
-				image: y(S).PRESENTED_IMAGE_SIMPLE
-			}, ce({
-				default: x(() => [I.value || L.value !== "all" ? (g(), u(y(ge), {
-					key: 0,
-					type: "link",
-					size: "small",
-					onClick: Vt
-				}, {
-					default: x(() => [...t[9] ||= [le("清除筛选", -1)]]),
-					_: 1
-				})) : d("", !0)]),
-				_: 2
-			}, [I.value || L.value !== "all" ? {
-				name: "description",
-				fn: x(() => [t[8] ||= p("span", null, "没有符合条件的填写项", -1)]),
+					role: "tab",
+					class: "gd-contract-template-renderer__file-tab",
+					"data-renderer-file-id": e.id,
+					"aria-selected": y(j) === e.id,
+					tabindex: y(j) === e.id ? 0 : -1,
+					disabled: l.disabled,
+					onClick: (t) => y(F)(e.id),
+					onKeydown: (e) => U(e, t)
+				}, v(e.name || e.id), 41, C))), 128))]), (m(!0), o(i, null, g(y(P), (e) => (m(), o("p", {
+					key: e.id,
+					class: "gd-contract-template-renderer__file-error",
+					role: "alert"
+				}, v(e.message), 1))), 128))])]),
 				key: "0"
-			} : void 0]), 1032, ["description", "image"]))])])], 2)) : d("", !0)], 2)) : (g(), f("div", Ee, [m(y(S), {
-				description: "暂无可渲染的合同页面",
-				image: y(S).PRESENTED_IMAGE_SIMPLE
-			}, null, 8, ["image"])]))
-		], 34));
+			} : void 0,
+			e.$slots.field ? {
+				name: "field",
+				fn: b((t) => [_(e.$slots, "field", p(u(t)))]),
+				key: "1"
+			} : void 0,
+			e.$slots.headerExtra ? {
+				name: "headerExtra",
+				fn: b(() => [_(e.$slots, "headerExtra")]),
+				key: "2"
+			} : void 0
+		]), 1040, [
+			"class",
+			"template",
+			"values"
+		]));
 	}
 });
 //#endregion
-export { Ve as default };
+export { w as default };