@guodun/antdv 1.7.12 → 1.7.13

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

@@ -1,24 +1,25 @@
-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";
+import { resolveTemplateDisplayValues as e, validateTemplateRenderValues as t } from "./utils/template-renderer.mjs";
+import { createContractTemplateLayoutChecker as n, describeContractTemplateLayoutIssue as r } from "./utils/contract-layout-check.mjs";
+import { resolveContractTemplateFileTabTargetIndex as i } from "./utils/file-tabs.mjs";
+import a from "./ContractTemplateSingleRenderer.mjs";
+import { useRendererFiles as o } from "./composables/use-renderer-files.mjs";
+import { Fragment as s, createBlock as c, createElementBlock as l, createElementVNode as u, createSlots as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, nextTick as h, normalizeProps as g, onBeforeUnmount as _, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as C, withCtx as w } from "vue";
 //#region src/components/pro-contract-template-designer/src/ProContractTemplateRenderer.vue?vue&type=script&setup=true&lang.ts
-var x = {
+var T = {
 	class: "gd-contract-template-renderer__files",
 	"aria-label": "合同文件"
-}, S = {
+}, E = {
 	class: "gd-contract-template-renderer__file-tabs",
 	role: "tablist",
 	"aria-label": "合同文件列表"
-}, C = [
+}, D = [
 	"data-renderer-file-id",
 	"aria-selected",
 	"tabindex",
 	"disabled",
 	"onClick",
 	"onKeydown"
-], w = /* @__PURE__ */ l({
+], O = /* @__PURE__ */ f({
 	name: "ProContractTemplateRenderer",
 	__name: "ProContractTemplateRenderer",
 	props: {
@@ -92,100 +93,145 @@ var x = {
 		"update:zoom",
 		"control-warning"
 	],
-	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);
+	setup(f, { expose: O, emit: k }) {
+		let A = f, j = k, M = y(), N = n();
+		_(() => N.dispose());
+		let { enabled: P, files: F, activeId: I, activeFile: L, values: R, fileErrors: z, select: B, update: V, getAllValues: H, validateAll: U } = o(A, (e) => j("update:activeFileId", e), (e) => j("update:valuesByFile", e));
+		function W(e) {
+			P.value ? V(e) : j("update:values", e);
 		}
-		function B(e) {
-			D("validate", k.value ? e.map((e) => ({
+		function G(e) {
+			j("validate", P.value ? e.map((e) => ({
 				...e,
-				fileId: j.value || void 0
+				fileId: I.value || void 0
 			})) : e);
 		}
-		function V() {
-			let t = O.value?.validate() ?? e(E.template, E.values ?? {});
-			return k.value ? t.map((e) => ({
+		function K() {
+			let e = M.value?.validate() ?? t(A.template, A.values ?? {});
+			return P.value ? e.map((e) => ({
 				...e,
-				fileId: j.value || void 0
-			})) : t;
+				fileId: I.value || void 0
+			})) : e;
 		}
-		function H() {
-			if (!k.value) return V();
-			let e = R();
-			D("validate", e);
+		function q() {
+			if (!P.value) return K();
+			let e = U();
+			j("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;
+			return t?.fileId && F.value.some((e) => e.id === t.fileId) && !A.disabled ? (B(t.fileId), h(() => {
+				I.value === t.fileId && (M.value?.showValidation(e.filter((e) => e.fileId === I.value)), M.value?.focusError(t));
+			})) : M.value?.showValidation(e.filter((e) => !e.fileId || e.fileId === I.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();
+		async function J() {
+			let t = P.value ? F.value.map((t) => ({
+				fileId: t.id,
+				template: t.template,
+				values: e(t.template, R.value[t.id] ?? {}, A.controlRegistry)
+			})) : A.template ? [{
+				template: A.template,
+				values: e(A.template, M.value?.getValues() ?? A.values ?? {}, A.controlRegistry)
+			}] : [];
+			return (await N.check(t, { reuse: (e) => M.value?.getMountedLayoutMetrics(e) })).flatMap((e) => Y(e));
+		}
+		function Y(e) {
+			let t = {
+				type: "page",
+				...e.fileId === void 0 ? {} : { fileId: e.fileId },
+				pageId: e.pageId
+			};
+			if (e.kind === "measure-failed") return r(e, "generate").map((n) => ({
+				...t,
+				id: `${e.fileId ?? ""}|${e.pageId}|layout-unverified`,
+				code: "PAGE_LAYOUT_UNVERIFIED",
+				message: n
+			}));
+			let n = [];
+			return e.overflowHeight > 0 && n.push({
+				...t,
+				id: `${e.fileId ?? ""}|${e.pageId}|layout-overflow-height`,
+				code: "PAGE_LAYOUT_OVERFLOW_HEIGHT",
+				message: r({
+					...e,
+					overflowWidth: 0
+				}, "generate")[0] ?? ""
+			}), e.overflowWidth > 0 && n.push({
+				...t,
+				id: `${e.fileId ?? ""}|${e.pageId}|layout-overflow-width`,
+				code: "PAGE_LAYOUT_OVERFLOW_WIDTH",
+				message: r({
+					...e,
+					overflowHeight: 0
+				}, "generate")[0] ?? ""
+			}), n;
+		}
+		function X(e, t) {
+			if (A.disabled) return;
+			let n = i(t, e.key, F.value.length), r = n === void 0 ? void 0 : F.value[n];
+			r && (e.preventDefault(), B(r.id), h(() => {
+				let e = (M.value?.$el)?.querySelectorAll("[data-renderer-file-id]") ?? [];
+				Array.from(e).find((e) => e.dataset.rendererFileId === r.id)?.focus();
 			}));
 		}
-		return w({
-			getAllValues: L,
-			validateAll: H,
-			getValues: () => O.value?.getValues() ?? {},
+		return O({
+			getAllValues: H,
+			validateAll: q,
+			getValues: () => M.value?.getValues() ?? {},
 			setValues: (e) => {
-				(!k.value || !E.disabled) && O.value?.setValues(e);
+				(!P.value || !A.disabled) && M.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",
+			resetValues: () => P.value && A.disabled ? M.value?.getValues() ?? {} : M.value?.resetValues() ?? {},
+			validate: K,
+			validateLayoutAll: J,
+			submit: () => M.value?.submit() ?? !1,
+			scrollToVariable: (e) => M.value?.scrollToVariable(e),
+			scrollToPage: (e) => M.value?.scrollToPage(e),
+			setZoom: (e) => M.value?.setZoom(e) ?? 1,
+			resetZoom: () => M.value?.resetZoom() ?? 1,
+			getZoom: () => M.value?.getZoom() ?? 1,
+			fitWidth: () => M.value?.fitWidth() ?? 1
+		}), (e, t) => (v(), c(a, m({
+			key: C(P) ? `file:${C(I)}` : "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) ? {
+			ref: M
+		}, A, {
+			class: { "is-multi-file": C(P) },
+			template: C(P) ? C(L)?.template : f.template,
+			values: C(P) ? C(R)[C(I)] : A.values,
+			"onUpdate:values": W,
+			onChange: t[0] ||= (e) => j("change", e),
+			onValidate: G,
+			onSubmit: t[1] ||= (e) => j("submit", e),
+			"onUpdate:zoom": t[2] ||= (e) => j("update:zoom", e),
+			onControlWarning: t[3] ||= (e) => j("control-warning", e)
+		}), d({ _: 2 }, [
+			C(P) ? {
 				name: "fileBar",
-				fn: b(() => [s("nav", x, [s("div", S, [(m(!0), o(i, null, g(y(A), (e, t) => (m(), o("button", {
+				fn: w(() => [u("nav", T, [u("div", E, [(v(!0), l(s, null, b(C(F), (e, t) => (v(), l("button", {
 					key: e.id,
 					type: "button",
 					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", {
+					"aria-selected": C(I) === e.id,
+					tabindex: C(I) === e.id ? 0 : -1,
+					disabled: f.disabled,
+					onClick: (t) => C(B)(e.id),
+					onKeydown: (e) => X(e, t)
+				}, S(e.name || e.id), 41, D))), 128))]), (v(!0), l(s, null, b(C(z), (e) => (v(), l("p", {
 					key: e.id,
 					class: "gd-contract-template-renderer__file-error",
 					role: "alert"
-				}, v(e.message), 1))), 128))])]),
+				}, S(e.message), 1))), 128))])]),
 				key: "0"
 			} : void 0,
 			e.$slots.field ? {
 				name: "field",
-				fn: b((t) => [_(e.$slots, "field", p(u(t)))]),
+				fn: w((t) => [x(e.$slots, "field", g(p(t)))]),
 				key: "1"
 			} : void 0,
 			e.$slots.headerExtra ? {
 				name: "headerExtra",
-				fn: b(() => [_(e.$slots, "headerExtra")]),
+				fn: w(() => [x(e.$slots, "headerExtra")]),
 				key: "2"
 			} : void 0
 		]), 1040, [
@@ -196,4 +242,4 @@ var x = {
 	}
 });
 //#endregion
-export { w as default };
+export { O as default };