@guodun/antdv 1.4.4 → 1.4.6

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

@@ -1,18 +1,19 @@
 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 { 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 a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as ce, createVNode as u, defineComponent as d, mergeProps as le, nextTick as ue, normalizeClass as f, onBeforeUnmount as de, openBlock as p, ref as m, renderList as fe, renderSlot as pe, toDisplayString as h, unref as g, watch as _, withCtx as v } from "vue";
-import { Button as me, Empty as y, Progress as he, Tooltip as ge } from "ant-design-vue";
-import { useElementSize as _e } from "@vueuse/core";
-import { LeftOutlined as ve, RightOutlined as ye } from "@ant-design/icons-vue";
+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";
 //#region src/components/pro-contract-template-designer/src/ProContractTemplateRenderer.vue?vue&type=script&setup=true&lang.ts
-var be = {
+var Ee = {
 	key: 2,
 	class: "gd-contract-template-renderer__empty"
-}, xe = ["data-highlighted-variable-key"], Se = { class: "gd-contract-template-renderer__pages" }, Ce = ["aria-label", "aria-expanded"], we = { class: "gd-contract-template-renderer__panel-clip" }, Te = { class: "gd-contract-template-renderer__panel" }, Ee = { class: "gd-contract-template-renderer__panel-head" }, De = { class: "gd-contract-template-renderer__panel-head-row" }, Oe = { class: "gd-contract-template-renderer__panel-head-actions" }, ke = ["data-field-key"], Ae = .5, je = 1.5, b = .1, Me = 3e3, Ne = /* @__PURE__ */ d({
+}, 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({
 	name: "ProContractTemplateRenderer",
 	__name: "ProContractTemplateRenderer",
 	props: {
@@ -56,274 +57,536 @@ var be = {
 			type: Boolean,
 			default: !0
 		},
-		zoom: { default: 1 }
+		zoom: { default: 1 },
+		controlRegistry: { default: () => ({}) },
+		optionResolver: {
+			type: Function,
+			default: void 0
+		},
+		requester: {
+			type: Function,
+			default: void 0
+		},
+		allowedRemoteOrigins: { default: () => [] },
+		remoteRequestTimeoutMs: { default: 1e4 },
+		remoteOptionsCacheTtlMs: { default: 3e4 },
+		selectorHttp: { default: void 0 },
+		selectorUrlPrefix: { default: "" }
 	},
 	emits: [
 		"update:values",
 		"change",
 		"validate",
 		"submit",
-		"update:zoom"
+		"update:zoom",
+		"control-warning"
 	],
-	setup(d, { expose: Ne, emit: Pe }) {
-		let x = d, S = Pe, Fe = m(), C = m(), Ie = m(), w = m(i(x.template, x.values)), T = m({ ...w.value }), E = m(!1), D = m([]), O = m(!1), k = m(!1), A = m(""), j = m(""), M = m(""), N = m(ft(x.zoom)), P = m(!1), F = m(!1), { width: Le } = _e(C), Re = a(() => x.readonly || x.disabled), I = a(() => te(x.template)), L = a(() => E.value ? D.value : I.value), R = a(() => (Array.isArray(x.template?.variables) ? x.template.variables : []).filter((t) => !!t?.key && e(t.type ?? "text"))), z = a(() => P.value ? R.value.filter((e) => r(w.value[e.key])) : R.value), ze = a(() => R.value.filter((e) => r(w.value[e.key])).length), Be = a(() => {
+	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), qe = _(""), M = _(""), N = _(""), P = _(Xt(w.zoom)), F = _(""), I = _("all"), L = _(!1), Je = _(/* @__PURE__ */ new Map()), R = /* @__PURE__ */ new Map(), Ye = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map(), Xe = /* @__PURE__ */ new Set(), { width: Ze } = Se(E), Qe = l(() => w.readonly || w.disabled), B = l(() => te(w.template)), V = l(() => O.value ? k.value : B.value), H = l(() => (Array.isArray(w.template?.variables) ? w.template.variables : []).filter((t) => !!t?.key && e(t.type ?? "text"))), $e = l(() => {
+			let e = { ...D.value };
+			return H.value.forEach((t) => {
+				let n = At(t);
+				if (n?.toDisplayText) try {
+					e[t.key] = n.toDisplayText(e[t.key], {
+						variable: t,
+						config: r(t.componentConfig)
+					});
+				} catch {}
+			}), e;
+		}), et = l(() => H.value.filter((e) => s(D.value[e.key])).length), tt = l(() => {
 			let e = /* @__PURE__ */ new Map();
-			return L.value.forEach((t) => {
+			return V.value.forEach((t) => {
 				t.variableKey && e.set(t.variableKey, [...e.get(t.variableKey) ?? [], t]);
 			}), e;
-		}), B = a(() => {
-			let e = x.interactionMode === "panel";
-			return n(x.template, e ? w.value : T.value, {
-				readonly: x.readonly,
-				disabled: x.disabled,
+		}), U = l(() => {
+			let e = w.interactionMode === "panel";
+			return o(w.template, e ? $e.value : Ke.value, {
+				readonly: w.readonly,
+				disabled: w.disabled,
 				mode: e ? "display" : "control",
-				activeKey: e ? j.value : ""
+				activeKey: e ? M.value : ""
 			});
-		}), V = a(() => B.value.length > 0), H = a(() => R.value.filter((e) => !r(w.value[e.key])).length), U = a(() => R.value.filter((e) => e.required && r(w.value[e.key])).length), Ve = a(() => R.value.length ? Math.round(H.value / R.value.length * 100) : 0), He = a(() => E.value && D.value.length === 0), Ue = a(() => E.value ? He.value ? "校验通过，模板与填写值均符合规则" : `发现 ${D.value.length} 个模板或填写问题` : I.value.length ? `模板存在 ${I.value.length} 个问题，已安全降级展示` : ""), We = a(() => E.value ? L.value.length > 0 || k.value : I.value.length > 0);
-		_(() => x.template, (e) => {
-			W(i(e, x.values), !1), J();
+		}), nt = l(() => {
+			let e = /* @__PURE__ */ new Map(), t = new Set(H.value.map((e) => e.key));
+			return U.value.forEach((n) => {
+				Wt(n.contentHtml).forEach((r) => {
+					t.has(r) && !e.has(r) && e.set(r, n.id);
+				});
+			}), e;
+		}), rt = l(() => H.value.filter(zt)), it = 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(nt.value.get(e.key) ?? "") ?? n;
+				r.allVariables.push(e), zt(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(() => U.value.length > 0), ot = l(() => H.value.filter((e) => !s(D.value[e.key])).length), st = l(() => H.value.filter((e) => e.required && s(D.value[e.key])).length), ct = l(() => H.value.length ? Math.round(ot.value / H.value.length * 100) : 0), lt = l(() => O.value && k.value.length === 0), ut = l(() => O.value ? lt.value ? "校验通过，模板与填写值均符合规则" : `发现 ${k.value.length} 个模板或填写问题` : B.value.length ? `模板存在 ${B.value.length} 个问题，已安全降级展示` : ""), dt = l(() => O.value ? V.value.length > 0 || j.value : B.value.length > 0);
+		b(() => w.template, (e) => {
+			W(c(e, w.values), !1), xt();
 			let t = Array.isArray(e?.pages) ? e.pages.map((e) => e?.id) : [];
-			t.includes(M.value) || (M.value = t.find(Boolean) ?? ""), j.value && !R.value.some((e) => e.key === j.value) && tt();
-		}, { deep: !0 }), _(() => x.values, (e) => {
-			let t = i(x.template, e);
-			mt(t, w.value) || (W(t, !1), J());
-		}, { deep: !0 }), _(() => x.interactionMode, (e) => {
-			e === "inline" && (T.value = { ...w.value });
-		}), _(() => x.collapsiblePanel, (e) => {
-			e || (F.value = !1);
-		}), _(() => x.zoom, (e) => N.value = ft(e)), _(B, (e) => {
-			!M.value && e.length && (M.value = e[0].id);
+			t.includes(N.value) || (N.value = t.find(Boolean) ?? ""), M.value && !H.value.some((e) => e.key === M.value) && Et();
+		}, { deep: !0 }), b(() => [
+			w.template?.variables,
+			w.optionResolver,
+			w.requester,
+			w.allowedRemoteOrigins,
+			w.remoteRequestTimeoutMs,
+			w.remoteOptionsCacheTtlMs
+		], () => {
+			Mt();
+		}, {
+			deep: !0,
+			immediate: !0
+		}), b(() => w.values, (e) => {
+			let t = c(w.template, e);
+			Zt(t, D.value) || (W(t, !1), xt());
+		}, { deep: !0 }), b(() => w.interactionMode, (e) => {
+			e === "inline" && (Ke.value = { ...D.value });
+		}), b(() => w.collapsiblePanel, (e) => {
+			e || (L.value = !1);
+		}), b(() => w.zoom, (e) => P.value = Xt(e)), b(U, (e) => {
+			!N.value && e.length && (N.value = e[0].id);
 		}, { immediate: !0 });
 		function W(e, t = !0, n = {}) {
-			w.value = { ...e }, n.refreshInlineHtml !== !1 && (T.value = { ...e }), t && (S("update:values", { ...w.value }), S("change", { ...w.value }));
+			D.value = { ...e }, n.refreshInlineHtml !== !1 && (Ke.value = { ...e }), t && (T("update:values", { ...D.value }), T("change", { ...D.value }));
 		}
 		function G(e, t) {
-			!e || Re.value || (W({
-				...w.value,
+			!e || Qe.value || (W({
+				...D.value,
 				[e]: t
-			}, !0, { refreshInlineHtml: x.interactionMode !== "inline" }), E.value && q());
+			}, !0, { refreshInlineHtml: w.interactionMode !== "inline" }), O.value && _t());
 		}
-		function Ge(e) {
-			if (x.interactionMode !== "inline") return;
+		function ft(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 Ke(e) {
+		function pt(e) {
 			let t = e.target;
 			if (!(t instanceof Element)) return;
 			let n = t.closest("[data-render-page-id]");
-			n?.dataset.renderPageId && (M.value = n.dataset.renderPageId);
+			n?.dataset.renderPageId && (N.value = n.dataset.renderPageId);
 			let r = t.closest("[data-contract-render-wrapper], [data-contract-render-control]")?.dataset.key || "";
-			r && et(r);
+			r && Tt(r);
 		}
-		function qe(e) {
+		function mt(e) {
 			if (e.key !== "Enter" && e.key !== " ") return;
 			let t = e.target;
-			!(t instanceof HTMLElement) || !t.dataset.key || (e.preventDefault(), et(t.dataset.key));
-		}
-		function K() {
-			return { ...w.value };
-		}
-		function Je(e) {
-			W(i(x.template, e));
-		}
-		function q() {
-			let e = ne(x.template, w.value);
-			return Ze(e), S("validate", e), e;
-		}
-		function Ye() {
-			let e = ee(x.template, w.value, x.validateOnSubmit);
-			if ((x.validateOnSubmit || e.length) && (Ze(e), S("validate", e)), e.length) return rt(e[0]), !1;
-			let t = K();
-			return S("submit", t), t;
-		}
-		function Xe() {
-			return W(t(x.template)), J(), K();
+			!(t instanceof HTMLElement) || !t.dataset.key || (e.preventDefault(), Tt(t.dataset.key));
+		}
+		function ht() {
+			return { ...D.value };
+		}
+		function gt(e) {
+			W(c(w.template, e));
+		}
+		function _t() {
+			let e = ne(w.template, D.value);
+			return St(e), T("validate", e), e;
+		}
+		function vt() {
+			let e = ee(w.template, D.value, w.validateOnSubmit);
+			if ((w.validateOnSubmit || e.length) && (St(e), T("validate", e)), e.length) return Ot(e[0]), !1;
+			let t = ht();
+			return T("submit", t), t;
+		}
+		function yt() {
+			return W(a(w.template)), xt(), ht();
+		}
+		function bt() {
+			Qe.value || ve.confirm({
+				title: "重置填写内容？",
+				content: "将恢复模板中的默认值，当前未提交的填写内容会被覆盖。",
+				okText: "确认重置",
+				cancelText: "取消",
+				onOk: () => yt()
+			});
 		}
-		function J() {
-			E.value = !1, D.value = [], O.value = !1, k.value = !1, X();
+		function xt() {
+			O.value = !1, k.value = [], A.value = !1, j.value = !1, q();
 		}
-		function Ze(e) {
-			if (D.value = e, E.value = !0, O.value = !1, e.length) {
-				k.value = !1, X();
+		function St(e) {
+			if (k.value = e, O.value = !0, A.value = !1, e.length) {
+				j.value = !1, q();
 				return;
 			}
-			Qe();
+			Ct();
 		}
-		let Y;
-		function X() {
-			Y &&= (clearTimeout(Y), void 0);
+		let K;
+		function q() {
+			K &&= (clearTimeout(K), void 0);
 		}
-		function Qe() {
-			X(), k.value = !0, Y = setTimeout(() => {
-				k.value = !1, Y = void 0;
-			}, Me);
+		function Ct() {
+			q(), j.value = !0, K = setTimeout(() => {
+				j.value = !1, K = void 0;
+			}, Be);
 		}
-		function Z(e) {
-			et(e, !0);
+		function J(e) {
+			Tt(e, !0);
 		}
-		function $e(e) {
-			x.interactionMode === "panel" && (F.value &&= !1, P.value && R.value.some((t) => t.key === e) && !z.value.some((t) => t.key === e) && (P.value = !1));
+		function wt(e) {
+			w.interactionMode === "panel" && (L.value &&= !1, H.value.some((t) => t.key === e) && !rt.value.some((t) => t.key === e) && Bt());
 		}
-		function et(e, t = !1) {
-			e && ($e(e), j.value = e, A.value = e, ue(() => {
-				nt(e);
-				let n = C.value?.querySelector(`[data-key="${pt(e)}"]`), r = n?.closest("[data-render-page-id]");
-				r?.dataset.renderPageId && (M.value = r.dataset.renderPageId), t && n?.scrollIntoView({
+		function Tt(e, t = !1) {
+			e && (wt(e), M.value = e, qe.value = e, de(() => {
+				Dt(e);
+				let n = E.value?.querySelector(`[data-key="${Q(e)}"]`), r = n?.closest("[data-render-page-id]");
+				r?.dataset.renderPageId && (N.value = r.dataset.renderPageId), t && n?.scrollIntoView({
 					behavior: "smooth",
 					block: "center",
 					inline: "center"
-				}), x.interactionMode === "panel" && Ie.value?.querySelector(`[data-field-key="${pt(e)}"]`)?.scrollIntoView({
+				}), w.interactionMode === "panel" && Ge.value?.querySelector(`[data-field-key="${Q(e)}"]`)?.scrollIntoView({
 					behavior: "smooth",
 					block: "nearest"
 				});
 			}));
 		}
-		function tt() {
-			j.value = "", A.value = "", nt("");
+		function Et() {
+			M.value = "", qe.value = "", Dt("");
+		}
+		function Dt(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 Ot(e) {
+			e.variableKey ? J(e.variableKey) : e.pageId && Yt(e.pageId);
 		}
-		function nt(e) {
-			C.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) {
+			return tt.value.get(e) ?? [];
 		}
-		function rt(e) {
-			e.variableKey ? Z(e.variableKey) : e.pageId && dt(e.pageId);
+		function Y(e) {
+			return Je.value.get(e.key) ?? {
+				options: e.options ?? [],
+				loading: !1
+			};
 		}
-		function it(e) {
-			return Be.value.get(e) ?? [];
+		function At(e) {
+			let t = e.componentKey || e.type || "";
+			return t ? w.controlRegistry?.[t] : void 0;
+		}
+		function X(e, t) {
+			let n = new Map(Je.value);
+			n.set(e, t), Je.value = n;
+		}
+		function jt(e) {
+			T("control-warning", e);
+		}
+		async function Mt() {
+			R.forEach((e) => e.abort()), R.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 Nt(e, t) : X(e.key, {
+					options: t,
+					loading: !1
+				}), e.type === "custom" && !At(e)) {
+					let t = e.componentKey || "", n = `${e.key}:${t}`;
+					Xe.has(n) || (Xe.add(n), jt({
+						code: "CONTROL_COMPONENT_MISSING",
+						variableKey: e.key,
+						componentKey: t,
+						message: `${e.label || e.key} 未注册自定义控件 ${t || "(空)"}`
+					}));
+				}
+			}));
 		}
-		function at(e) {
+		async function Nt(e, n) {
+			let r = e.dataSource;
+			if (!r) return;
+			let i = new AbortController();
+			R.set(e.key, i), X(e.key, {
+				options: n,
+				loading: !0
+			});
+			let a = Pt(e), o = Date.now(), s = Ye.get(a);
+			if (s && s.expiresAt > o) {
+				X(e.key, {
+					options: s.options,
+					loading: !1
+				}), R.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 = z.get(a);
+				o || (o = Ft(e, r, c, i), z.set(a, o), o.finally(() => {
+					z.get(a) === o && z.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
+				}), X(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 : "高级控件选项加载失败";
+				X(e.key, {
+					options: n,
+					loading: !1,
+					error: a
+				}), jt({
+					code: c,
+					variableKey: e.key,
+					message: `${e.label || e.key}：${a}`,
+					cause: t
+				});
+			} finally {
+				R.get(e.key) === i && R.delete(e.key);
+			}
+		}
+		function Pt(e) {
+			try {
+				return JSON.stringify([e.type, e.dataSource]);
+			} catch {
+				return `${e.key}:${e.type}`;
+			}
+		}
+		async function Ft(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 It(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 It(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 Lt(e) {
+			let t = Y(e);
 			return {
 				variable: e,
-				value: w.value[e.key],
-				errors: it(e.key),
-				active: j.value === e.key,
-				readonly: x.readonly,
-				disabled: x.disabled,
+				value: D.value[e.key],
+				errors: kt(e.key),
+				active: M.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: () => Z(e.key)
+				focusVariable: () => J(e.key)
 			};
 		}
-		function ot() {
-			let e = R.value;
+		function Rt() {
+			let e = H.value;
 			if (!e.length) return;
-			let t = e.findIndex((e) => e.key === j.value), n = t < 0 ? 0 : t + 1;
+			let t = e.findIndex((e) => e.key === M.value), n = t < 0 ? 0 : t + 1;
 			for (let t = 0; t < e.length; t += 1) {
-				let i = e[(n + t) % e.length];
-				if (r(w.value[i.key])) {
-					Z(i.key);
+				let r = e[(n + t) % e.length];
+				if (s(D.value[r.key])) {
+					J(r.key);
 					return;
 				}
 			}
 		}
-		function st() {
-			!x.collapsiblePanel || x.interactionMode !== "panel" || (F.value = !F.value);
+		function zt(e) {
+			let t = F.value.trim().toLocaleLowerCase();
+			return !t || e.key.toLocaleLowerCase().includes(t) || (e.label ?? "").toLocaleLowerCase().includes(t) ? I.value === "unfilled" ? s(D.value[e.key]) : I.value === "error" ? kt(e.key).length > 0 : !0 : !1;
 		}
-		function Q(e) {
-			let t = ft(e);
-			return N.value = t, S("update:zoom", t), t;
+		function Bt() {
+			F.value = "", I.value = "all";
+		}
+		function Vt(e, t) {
+			let n = rt.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(() => Ht(i)));
 		}
-		function ct() {
-			return Q(1);
+		function Ht(e) {
+			(Ge.value?.querySelector(`[data-field-key="${Q(e)}"]`))?.querySelector("input:not([disabled]), textarea:not([disabled]), button:not([disabled])")?.focus();
 		}
-		function lt() {
-			return N.value;
+		function Ut(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(), Vt(n, e.shiftKey ? -1 : 1));
+		}
+		function Wt(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 ut() {
-			let e = Math.max(...B.value.map((e) => e.width), 1);
-			return Q(Math.max(0, Le.value - 48) / e);
+		function Gt() {
+			!w.collapsiblePanel || w.interactionMode !== "panel" || (L.value = !L.value);
 		}
-		function dt(e) {
-			e && (M.value = e, ue(() => {
-				C.value?.querySelector(`[data-render-page-id="${pt(e)}"]`)?.scrollIntoView({
+		function Z(e) {
+			let t = Xt(e);
+			return P.value = t, T("update:zoom", t), t;
+		}
+		function Kt() {
+			return Z(1);
+		}
+		function qt() {
+			return P.value;
+		}
+		function Jt() {
+			let e = Math.max(...U.value.map((e) => e.width), 1);
+			return Z(Math.max(0, Ze.value - 48) / e);
+		}
+		function Yt(e) {
+			e && (N.value = e, de(() => {
+				E.value?.querySelector(`[data-render-page-id="${Q(e)}"]`)?.scrollIntoView({
 					behavior: "smooth",
 					block: "start",
 					inline: "center"
 				});
 			}));
 		}
-		function ft(e) {
+		function Xt(e) {
 			let t = Number(e);
-			return Number.isFinite(t) ? Math.min(je, Math.max(Ae, Math.round(t * 100) / 100)) : 1;
+			return Number.isFinite(t) ? Math.min(ze, Math.max(Re, Math.round(t * 100) / 100)) : 1;
 		}
-		function pt(e) {
+		function Q(e) {
 			return e.replaceAll("\\", "\\\\").replaceAll("\"", "\\\"");
 		}
-		function mt(e, t) {
+		function Zt(e, t) {
 			let n = new Set([...Object.keys(e), ...Object.keys(t)]);
 			return Array.from(n).every((n) => e[n] === t[n]);
 		}
-		function ht(e) {
-			!(e.ctrlKey || e.metaKey) || !V.value || (e.preventDefault(), Q(e.deltaY > 0 ? N.value - b : N.value + b));
+		function Qt(e) {
+			!(e.ctrlKey || e.metaKey) || !at.value || (e.preventDefault(), Z(e.deltaY > 0 ? P.value - C : P.value + C));
 		}
 		let $;
-		function gt() {
-			$?.removeEventListener("wheel", ht), $ = void 0;
-		}
-		function _t(e) {
-			gt(), e && (e.addEventListener("wheel", ht, { passive: !1 }), $ = e);
-		}
-		return _(C, (e) => {
-			_t(e);
-		}, { immediate: !0 }), de(() => {
-			gt(), X();
-		}), Ne({
-			getValues: K,
-			setValues: Je,
-			validate: q,
-			submit: Ye,
-			resetValues: Xe,
-			scrollToVariable: Z,
-			setZoom: Q,
-			resetZoom: ct,
-			getZoom: lt,
-			fitWidth: ut,
-			scrollToPage: dt
-		}), (e, t) => (p(), c("section", {
+		function $t() {
+			$?.removeEventListener("wheel", Qt), $ = void 0;
+		}
+		function en(e) {
+			$t(), e && (e.addEventListener("wheel", Qt, { passive: !1 }), $ = e);
+		}
+		return b(E, (e) => {
+			en(e);
+		}, { immediate: !0 }), pe(() => {
+			$t(), q(), R.forEach((e) => e.abort()), R.clear();
+		}), Ve({
+			getValues: ht,
+			setValues: gt,
+			validate: _t,
+			submit: vt,
+			resetValues: yt,
+			scrollToVariable: J,
+			setZoom: Z,
+			resetZoom: Kt,
+			getZoom: qt,
+			fitWidth: Jt,
+			scrollToPage: Yt
+		}), (e, t) => (g(), f("section", {
 			ref_key: "rendererElement",
-			ref: Fe,
-			class: f(["gd-contract-template-renderer", {
-				"is-disabled": d.disabled,
-				"is-readonly": d.readonly,
-				"is-panel": d.interactionMode === "panel",
-				"is-inline": d.interactionMode === "inline"
+			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: Ke,
-			onKeydown: qe,
-			onInput: Ge,
-			onChange: Ge
+			onClick: pt,
+			onKeydown: mt,
+			onInput: ft,
+			onChange: ft
 		}, [
-			V.value ? (p(), o(ie, {
+			at.value ? (g(), u(ie, {
 				key: 0,
-				title: d.title,
-				"filled-count": H.value,
-				"total-count": R.value.length,
-				"required-missing-count": U.value,
-				zoom: N.value,
-				pages: B.value,
-				"active-page-id": M.value,
-				"min-zoom": Ae,
-				"max-zoom": je,
-				"show-toolbar": d.showToolbar,
-				"show-validate-button": d.showValidateButton,
-				"show-reset-button": d.showResetButton,
-				"show-submit-button": d.showSubmitButton,
-				"show-panel-toggle": d.interactionMode === "panel" && d.collapsiblePanel,
-				"panel-collapsed": F.value,
-				readonly: d.readonly,
-				disabled: d.disabled,
-				onZoomIn: t[0] ||= (e) => Q(N.value + b),
-				onZoomOut: t[1] ||= (e) => Q(N.value - b),
-				onResetZoom: ct,
-				onFitWidth: ut,
-				onSelectPage: dt,
-				onValidate: q,
-				onReset: Xe,
-				onSubmit: Ye,
-				onTogglePanel: st
+				title: h.title,
+				"filled-count": ot.value,
+				"total-count": H.value.length,
+				"required-missing-count": st.value,
+				zoom: P.value,
+				pages: U.value,
+				"active-page-id": N.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": L.value,
+				readonly: h.readonly,
+				disabled: h.disabled,
+				onZoomIn: t[0] ||= (e) => Z(P.value + C),
+				onZoomOut: t[1] ||= (e) => Z(P.value - C),
+				onResetZoom: Kt,
+				onFitWidth: Jt,
+				onSelectPage: Yt,
+				onValidate: _t,
+				onReset: bt,
+				onSubmit: vt,
+				onTogglePanel: Gt
 			}, {
-				extra: v(() => [pe(e.$slots, "headerExtra")]),
+				extra: x(() => [he(e.$slots, "headerExtra")]),
 				_: 3
 			}, 8, [
 				"title",
@@ -341,102 +604,122 @@ var be = {
 				"panel-collapsed",
 				"readonly",
 				"disabled"
-			])) : s("", !0),
-			We.value ? (p(), o(oe, {
+			])) : d("", !0),
+			dt.value ? (g(), u(oe, {
 				key: 1,
-				passed: He.value,
-				summary: Ue.value,
-				errors: L.value,
-				expanded: O.value,
-				onToggle: t[2] ||= (e) => O.value = !O.value,
-				onFocusError: rt
+				passed: lt.value,
+				summary: ut.value,
+				errors: V.value,
+				expanded: A.value,
+				onToggle: t[2] ||= (e) => A.value = !A.value,
+				onFocusError: Ot
 			}, null, 8, [
 				"passed",
 				"summary",
 				"errors",
 				"expanded"
-			])) : s("", !0),
-			V.value ? (p(), c("div", {
+			])) : d("", !0),
+			at.value ? (g(), f("div", {
 				key: 3,
-				class: f(["gd-contract-template-renderer__workspace", { "is-inline": d.interactionMode === "inline" }])
-			}, [l("div", {
+				class: fe(["gd-contract-template-renderer__workspace", { "is-inline": h.interactionMode === "inline" }])
+			}, [p("div", {
 				ref_key: "pagesViewportElement",
-				ref: C,
+				ref: E,
 				class: "gd-contract-template-renderer__pages-viewport",
-				"data-highlighted-variable-key": A.value
-			}, [l("div", Se, [(p(!0), c(se, null, fe(B.value, (e, t) => (p(), o(ae, {
+				"data-highlighted-variable-key": qe.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: B.value.length,
-				zoom: N.value,
-				"show-meta": d.showPageMeta
+				total: U.value.length,
+				zoom: P.value,
+				"show-meta": h.showPageMeta
 			}, null, 8, [
 				"page",
 				"index",
 				"total",
 				"zoom",
 				"show-meta"
-			]))), 128))])], 8, xe), d.interactionMode === "panel" ? (p(), c("div", {
+			]))), 128))])], 8, De), h.interactionMode === "panel" ? (g(), f("div", {
 				key: 0,
-				class: f(["gd-contract-template-renderer__panel-wrap", { "is-collapsed": F.value && d.collapsiblePanel }])
-			}, [d.collapsiblePanel ? (p(), o(g(ge), {
+				class: fe(["gd-contract-template-renderer__panel-wrap", { "is-collapsed": L.value && h.collapsiblePanel }])
+			}, [h.collapsiblePanel ? (g(), u(y(xe), {
 				key: 0,
-				title: F.value ? "展开填写面板" : "收起填写面板"
+				title: L.value ? "展开填写面板" : "收起填写面板"
 			}, {
-				default: v(() => [l("button", {
+				default: x(() => [p("button", {
 					type: "button",
 					class: "gd-contract-template-renderer__panel-handle",
-					"aria-label": F.value ? "展开填写面板" : "收起填写面板",
-					"aria-expanded": !F.value,
-					onClick: t[3] ||= (e) => F.value = !F.value
-				}, [F.value ? (p(), o(g(ve), {
+					"aria-label": L.value ? "展开填写面板" : "收起填写面板",
+					"aria-expanded": !L.value,
+					onClick: t[3] ||= (e) => L.value = !L.value
+				}, [L.value ? (g(), u(y(Ce), {
 					key: 0,
 					"aria-hidden": "true"
-				})) : (p(), o(g(ye), {
+				})) : (g(), u(y(we), {
 					key: 1,
 					"aria-hidden": "true"
-				}))], 8, Ce)]),
+				}))], 8, ke)]),
 				_: 1
-			}, 8, ["title"])) : s("", !0), l("div", we, [l("aside", Te, [l("div", Ee, [
-				l("div", De, [l("div", null, [t[5] ||= l("strong", null, "填写项", -1), l("span", null, h(H.value) + " / " + h(R.value.length) + " 已填写", 1)]), l("span", null, h(U.value ? `${U.value} 项必填未完成` : "必填项已完成"), 1)]),
-				l("div", Oe, [u(g(me), {
+			}, 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(ot.value) + " / " + v(H.value.length) + " 已填写", 1)]), p("span", null, v(st.value ? `${st.value} 项必填未完成` : "必填项已完成"), 1)]),
+				m(y(_e), {
+					value: F.value,
+					"onUpdate:value": t[4] ||= (e) => F.value = e,
+					"allow-clear": "",
 					size: "small",
-					type: P.value ? "primary" : "default",
-					onClick: t[4] ||= (e) => P.value = !P.value
+					class: "gd-contract-template-renderer__field-search",
+					placeholder: "搜索字段名称或标识"
 				}, {
-					default: v(() => [...t[6] ||= [ce(" 仅看未填 ", -1)]]),
+					prefix: x(() => [m(y(Te), { "aria-hidden": "true" })]),
 					_: 1
-				}, 8, ["type"]), u(g(me), {
+				}, 8, ["value"]),
+				p("div", Pe, [m(y(be), {
+					value: I.value,
+					"onUpdate:value": t[5] ||= (e) => I.value = e,
+					size: "small",
+					class: "gd-contract-template-renderer__field-filter",
+					options: Ue
+				}, null, 8, ["value"]), m(y(ge), {
 					size: "small",
-					disabled: !ze.value,
-					onClick: ot
+					disabled: !et.value,
+					onClick: Rt
 				}, {
-					default: v(() => [...t[7] ||= [ce(" 下一个未填项 ", -1)]]),
+					default: x(() => [...t[7] ||= [le(" 下一个未填项 ", -1)]]),
 					_: 1
 				}, 8, ["disabled"])]),
-				u(g(he), {
-					percent: Ve.value,
+				m(y(ye), {
+					percent: ct.value,
 					size: "small",
 					"show-info": !1
 				}, null, 8, ["percent"])
-			]), z.value.length ? (p(), c("div", {
+			]), rt.value.length ? (g(), f("div", {
 				key: 1,
 				ref_key: "fieldListElement",
-				ref: Ie,
-				class: "gd-contract-template-renderer__field-list"
-			}, [(p(!0), c(se, null, fe(z.value, (t) => (p(), c("div", {
+				ref: Ge,
+				class: "gd-contract-template-renderer__field-list",
+				onKeydownCapture: Ut
+			}, [(g(!0), f(se, null, me(it.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
-			}, [pe(e.$slots, "field", le({ ref_for: !0 }, at(t)), () => [u(re, {
+			}, [he(e.$slots, "field", ue({ ref_for: !0 }, Lt(t)), () => [m(re, {
 				variable: t,
-				value: w.value[t.key],
-				errors: it(t.key),
-				active: j.value === t.key,
-				readonly: d.readonly,
-				disabled: d.disabled,
+				value: D.value[t.key],
+				errors: kt(t.key),
+				active: M.value === t.key,
+				readonly: h.readonly,
+				disabled: h.disabled,
+				options: Y(t).options,
+				loading: Y(t).loading,
+				"load-error": Y(t).error,
+				registration: At(t),
+				"selector-http": h.selectorHttp,
+				"selector-url-prefix": h.selectorUrlPrefix,
 				onUpdateValue: (e) => G(t.key, e),
-				onFocusVariable: (e) => Z(t.key)
+				onFocusVariable: (e) => J(t.key)
 			}, null, 8, [
 				"variable",
 				"value",
@@ -444,18 +727,40 @@ var be = {
 				"active",
 				"readonly",
 				"disabled",
+				"options",
+				"loading",
+				"load-error",
+				"registration",
+				"selector-http",
+				"selector-url-prefix",
 				"onUpdateValue",
 				"onFocusVariable"
-			])])], 8, ke))), 128))], 512)) : (p(), o(g(y), {
+			])])], 8, Le))), 128))])]))), 128))], 544)) : (g(), u(y(S), {
 				key: 0,
-				description: R.value.length ? "暂无未填项" : "暂无填写项",
-				image: g(y).PRESENTED_IMAGE_SIMPLE
-			}, null, 8, ["description", "image"]))])])], 2)) : s("", !0)], 2)) : (p(), c("div", be, [u(g(y), {
+				class: "gd-contract-template-renderer__field-empty",
+				description: H.value.length ? "没有符合条件的填写项" : "暂无填写项",
+				image: y(S).PRESENTED_IMAGE_SIMPLE
+			}, ce({
+				default: x(() => [F.value || I.value !== "all" ? (g(), u(y(ge), {
+					key: 0,
+					type: "link",
+					size: "small",
+					onClick: Bt
+				}, {
+					default: x(() => [...t[9] ||= [le("清除筛选", -1)]]),
+					_: 1
+				})) : d("", !0)]),
+				_: 2
+			}, [F.value || I.value !== "all" ? {
+				name: "description",
+				fn: x(() => [t[8] ||= p("span", null, "没有符合条件的填写项", -1)]),
+				key: "0"
+			} : void 0]), 1032, ["description", "image"]))])])], 2)) : d("", !0)], 2)) : (g(), f("div", Ee, [m(y(S), {
 				description: "暂无可渲染的合同页面",
-				image: g(y).PRESENTED_IMAGE_SIMPLE
+				image: y(S).PRESENTED_IMAGE_SIMPLE
 			}, null, 8, ["image"])]))
 		], 34));
 	}
 });
 //#endregion
-export { Ne as default };
+export { Ve as default };