@guodun/antdv 1.7.12 → 1.7.14

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 };

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

@@ -1,12 +1,16 @@
-import { SIGNING_LAYOUT_ARRANGEMENTS as e, SIGNING_LAYOUT_ARRANGEMENT_LABELS as t, SIGNING_LAYOUT_FIELD_KEYS as n, SIGNING_LAYOUT_FIELD_LABELS as r, SIGNING_LAYOUT_PRESETS as i, buildSigningLayoutPreviewModel as a, describeSigningLayoutOptions as o, normalizeSigningLayoutOptions as s } from "./utils/signing-layout-presets.mjs";
-import c from "./SigningLayoutPreview.mjs";
-import { computed as l, createBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, openBlock as m, ref as h, toDisplayString as g, unref as _, watch as v, withCtx as y } from "vue";
-import { CheckboxGroup as b, InputNumber as x, Modal as S, RadioGroup as C } from "ant-design-vue";
+import { SIGNING_LAYOUT_ARRANGEMENTS as e, SIGNING_LAYOUT_ARRANGEMENT_LABELS as t, SIGNING_LAYOUT_FIELD_KEYS as n, SIGNING_LAYOUT_FIELD_LABELS as r, SIGNING_LAYOUT_PRESETS as i, buildSigningLayoutPreviewModel as a, describeSigningLayoutOptions as o, isSingleRowSigningLayoutArrangement as s, normalizeSigningLayoutOptions as c } from "./utils/signing-layout-presets.mjs";
+import l from "./SigningLayoutPreview.mjs";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, openBlock as _, ref as v, toDisplayString as y, unref as b, watch as x, withCtx as S } from "vue";
+import { CheckboxGroup as C, InputNumber as w, Modal as T, RadioGroup as E } from "ant-design-vue";
 //#region src/components/pro-contract-template-designer/src/SigningLayoutCustomModal.vue?vue&type=script&setup=true&lang.ts
-var w = { class: "gd-contract-template-designer__signing-layout-modal-body" }, T = { class: "gd-contract-template-designer__signing-layout-modal-fields" }, E = { class: "gd-contract-template-designer__signing-layout-modal-field" }, D = { class: "gd-contract-template-designer__signing-layout-modal-field" }, O = { class: "gd-contract-template-designer__signing-layout-modal-field" }, k = { class: "gd-contract-template-designer__signing-layout-modal-preview" }, A = {
+var D = { class: "gd-contract-template-designer__signing-layout-modal-body" }, O = { class: "gd-contract-template-designer__signing-layout-modal-fields" }, k = { class: "gd-contract-template-designer__signing-layout-modal-field" }, A = { class: "gd-contract-template-designer__signing-layout-modal-field" }, j = {
+	key: 0,
+	class: "gd-contract-template-designer__signing-layout-modal-hint",
+	role: "note"
+}, M = { class: "gd-contract-template-designer__signing-layout-modal-field" }, N = { class: "gd-contract-template-designer__signing-layout-modal-preview" }, P = {
 	class: "gd-contract-template-designer__signing-layout-modal-hint",
 	"aria-live": "polite"
-}, j = /* @__PURE__ */ p({
+}, F = /* @__PURE__ */ g({
 	name: "SigningLayoutCustomModal",
 	__name: "SigningLayoutCustomModal",
 	props: {
@@ -17,58 +21,63 @@ var w = { class: "gd-contract-template-designer__signing-layout-modal-body" }, T
 		}
 	},
 	emits: ["update:open", "insert"],
-	setup(p, { emit: j }) {
-		let M = p, N = j, P = e.map((e) => ({
-			value: e,
-			label: t[e]
-		})), F = n.map((e) => ({
+	setup(g, { emit: F }) {
+		let I = g, L = F, R = n.map((e) => ({
 			value: e,
 			label: r[e]
-		})), I = h(i["dual-party"].options.partyCount), L = h("side-by-side"), R = h([
+		})), z = v(i["dual-party"].options.partyCount), B = v("side-by-side"), V = v([
 			"seal",
 			"signature",
 			"date"
 		]);
-		v(() => M.open, (e) => {
+		x(() => I.open, (e) => {
 			if (!e) return;
 			let t = i["dual-party"].options;
-			I.value = t.partyCount, L.value = t.arrangement, R.value = n.filter((e) => t.fields[e]);
+			z.value = t.partyCount, B.value = t.arrangement, V.value = n.filter((e) => t.fields[e]);
 		});
-		let z = l(() => s({
-			partyCount: I.value,
-			arrangement: L.value,
+		let H = u(() => Number(z.value) > 3), U = u(() => H.value && s(B.value) ? "stacked" : B.value), W = u(() => e.map((e) => ({
+			value: e,
+			label: t[e],
+			disabled: H.value && s(e)
+		})));
+		x(H, (e) => {
+			e && (B.value = U.value);
+		});
+		let G = u(() => c({
+			partyCount: z.value,
+			arrangement: U.value,
 			fields: {
-				seal: R.value.includes("seal"),
-				signature: R.value.includes("signature"),
-				date: R.value.includes("date"),
-				title: R.value.includes("title")
+				seal: V.value.includes("seal"),
+				signature: V.value.includes("signature"),
+				date: V.value.includes("date"),
+				title: V.value.includes("title")
 			}
-		})), B = l(() => a(z.value)), V = l(() => o(z.value)), H = l(() => !M.disabled);
-		function U() {
-			if (!H.value) return;
-			let e = z.value;
-			N("insert", e), N("update:open", !1);
+		})), K = u(() => a(G.value)), q = u(() => o(G.value)), J = u(() => !I.disabled);
+		function Y() {
+			if (!J.value) return;
+			let e = G.value;
+			L("insert", e), L("update:open", !1);
 		}
-		return (e, t) => (m(), u(_(S), {
-			open: p.open,
+		return (e, t) => (_(), d(b(T), {
+			open: g.open,
 			title: "自定义签署版式",
 			width: "min(720px, calc(100vw - 48px))",
 			centered: "",
 			"ok-text": "插入",
 			"cancel-text": "取消",
-			"ok-button-props": { disabled: !H.value },
+			"ok-button-props": { disabled: !J.value },
 			"wrap-class-name": "gd-contract-template-designer__signing-layout-modal",
-			"onUpdate:open": t[3] ||= (e) => N("update:open", e),
-			onOk: U
+			"onUpdate:open": t[3] ||= (e) => L("update:open", e),
+			onOk: Y
 		}, {
-			default: y(() => [d("div", w, [d("div", T, [
-				d("label", E, [t[4] ||= d("span", null, "签署方数量", -1), f(_(x), {
-					value: I.value,
-					"onUpdate:value": t[0] ||= (e) => I.value = e,
-					min: _(1),
-					max: _(6),
+			default: S(() => [m("div", D, [m("div", O, [
+				m("label", k, [t[4] ||= m("span", null, "签署方数量", -1), h(b(w), {
+					value: z.value,
+					"onUpdate:value": t[0] ||= (e) => z.value = e,
+					min: b(1),
+					max: b(6),
 					precision: 0,
-					disabled: p.disabled,
+					disabled: g.disabled,
 					"aria-label": "签署方数量"
 				}, null, 8, [
 					"value",
@@ -76,35 +85,39 @@ var w = { class: "gd-contract-template-designer__signing-layout-modal-body" }, T
 					"max",
 					"disabled"
 				])]),
-				d("div", D, [t[5] ||= d("span", null, "排列方式", -1), f(_(C), {
-					value: L.value,
-					"onUpdate:value": t[1] ||= (e) => L.value = e,
-					options: _(P),
-					"option-type": "button",
-					"button-style": "solid",
-					size: "small",
-					disabled: p.disabled,
-					"aria-label": "排列方式"
-				}, null, 8, [
-					"value",
-					"options",
-					"disabled"
-				])]),
-				d("div", O, [t[6] ||= d("span", null, "包含项", -1), f(_(b), {
-					value: R.value,
-					"onUpdate:value": t[2] ||= (e) => R.value = e,
-					options: _(F),
-					disabled: p.disabled,
+				m("div", A, [
+					t[5] ||= m("span", null, "排列方式", -1),
+					h(b(E), {
+						value: B.value,
+						"onUpdate:value": t[1] ||= (e) => B.value = e,
+						options: W.value,
+						"option-type": "button",
+						"button-style": "solid",
+						size: "small",
+						disabled: g.disabled,
+						"aria-label": "排列方式"
+					}, null, 8, [
+						"value",
+						"options",
+						"disabled"
+					]),
+					H.value ? (_(), p("span", j, y("并排最多 3 方，请改用逐行列出"))) : f("", !0)
+				]),
+				m("div", M, [t[6] ||= m("span", null, "包含项", -1), h(b(C), {
+					value: V.value,
+					"onUpdate:value": t[2] ||= (e) => V.value = e,
+					options: b(R),
+					disabled: g.disabled,
 					"aria-label": "包含项"
 				}, null, 8, [
 					"value",
 					"options",
 					"disabled"
 				])])
-			]), d("div", k, [f(c, { model: B.value }, null, 8, ["model"]), d("span", A, g(V.value), 1)])])]),
+			]), m("div", N, [h(l, { model: K.value }, null, 8, ["model"]), m("span", P, y(q.value), 1)])])]),
 			_: 1
 		}, 8, ["open", "ok-button-props"]));
 	}
 });
 //#endregion
-export { j as default };
+export { F as default };