@guodun/antdv 1.4.3 → 1.4.5

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

@@ -1,14 +1,14 @@
-import { SIGNING_PLACEMENT_MIME as e, canMutateSigningPlacements as t, getSigningPlacementDefaultSize as n, parseSigningPlacementDragPayload as r } from "./utils/signing-placement.mjs";
-import { CONTRACT_TEXT_STYLE_PRESETS as i } from "./constants.mjs";
-import { CONTRACT_PAGE_BASE_PADDING as a, getPageDecorationSafePadding as o, hasEnabledPageFooter as s, hasEnabledPageHeader as c, normalizePageDecorations as l } from "./utils/page-decorations.mjs";
-import { DEFAULT_FIELD_STYLE as ee, resolvePageSize as te, splitPageContentByMeasurements as ne } from "./composables/use-template-designer.mjs";
-import { buildTemplateVariableAttrs as re, insertTemplateVariableNode as ie } from "./extensions/template-variable.mjs";
+import { CONTRACT_TEXT_STYLE_PRESETS as e } from "./constants.mjs";
+import { CONTRACT_PAGE_BASE_PADDING as t, getPageDecorationSafePadding as n, hasEnabledPageFooter as r, hasEnabledPageHeader as i, normalizePageDecorations as a } from "./utils/page-decorations.mjs";
+import o from "./ContractTemplatePageDecorations.mjs";
+import { SIGNING_PLACEMENT_MIME as s, canMutateSigningPlacements as c, getSigningPlacementDefaultSize as ee, parseSigningPlacementDragPayload as te } from "./utils/signing-placement.mjs";
+import { DEFAULT_FIELD_STYLE as ne, resolvePageSize as re, splitPageContentByMeasurements as ie } from "./composables/use-template-designer.mjs";
+import { buildTemplateVariableAttrs as l, insertTemplateVariableNode as ae } from "./extensions/template-variable.mjs";
 import { normalizeContractImageDimension as u } from "./utils/content-image.mjs";
-import { createEditorExtensions as ae, runContractTemplateEditorCommand as d } from "./extensions/editor-extensions.mjs";
+import { createEditorExtensions as oe, runContractTemplateEditorCommand as d } from "./extensions/editor-extensions.mjs";
 import { resolveEditorContextMenuKind as f } from "./utils/context-variable.mjs";
-import { applyContractTemplateBlockStyle as oe } from "./utils/block-style.mjs";
-import se from "./SigningPlacementLayer.mjs";
-import ce from "./ContractTemplatePageDecorations.mjs";
+import { applyContractTemplateBlockStyle as se } from "./utils/block-style.mjs";
+import ce from "./SigningPlacementLayer.mjs";
 import { computed as p, createBlock as le, createCommentVNode as ue, createElementBlock as de, createElementVNode as m, createVNode as h, defineComponent as g, nextTick as fe, normalizeClass as pe, normalizeStyle as _, onBeforeUnmount as me, openBlock as v, ref as he, toDisplayString as y, unref as b, watch as x, withModifiers as ge } from "vue";
 import { EditorContent as _e, useEditor as ve } from "@tiptap/vue-3";
 import { generateHTML as ye } from "@tiptap/core";
@@ -60,7 +60,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 		"editor-context-menu"
 	],
 	setup(g, { expose: T, emit: Te }) {
-		let E = g, D = Te, O = p(() => E.readonly || E.disabled), k = he(), A = ae("请输入合同正文，或从 WPS / Word 粘贴合同内容", {
+		let E = g, D = Te, O = p(() => E.readonly || E.disabled), k = he(), A = oe("请输入合同正文，或从 WPS / Word 粘贴合同内容", {
 			processImageFile: E.processImageFile,
 			getZoom: () => Math.max(.1, E.zoom || 1)
 		}), j = ve({
@@ -397,18 +397,18 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			!j.value || e === j.value.getHTML() || (j.value.commands.setContent(e || "<p></p>", { emitUpdate: !1 }), U());
 		});
 		let He = p(() => {
-			let e = l(E.pageDecorations), t = E.pageIndex + 1, n = c(e, t) ? o(e.header) : a.top, r = s(e, t) ? o(e.footer) : a.bottom;
+			let e = a(E.pageDecorations), o = E.pageIndex + 1, s = i(e, o) ? n(e.header) : t.top, c = r(e, o) ? n(e.footer) : t.bottom;
 			return {
 				width: `${E.pageSize.width}px`,
 				height: `${E.pageSize.height}px`,
-				paddingTop: `${n}px`,
-				paddingBottom: `${r}px`,
-				"--gd-contract-page-content-height": `${Math.max(120, E.pageSize.height - n - r)}px`
+				paddingTop: `${s}px`,
+				paddingBottom: `${c}px`,
+				"--gd-contract-page-content-height": `${Math.max(120, E.pageSize.height - s - c)}px`
 			};
 		}), W = p(() => Math.max(.1, E.zoom || 1)), Ue = p(() => ({
 			width: `${Math.ceil((E.pageSize.width + 10) * W.value)}px`,
 			height: `${Math.ceil((E.pageSize.height + 40) * W.value)}px`
-		})), We = p(() => ({ "--gd-contract-page-zoom": String(W.value) })), Ge = p(() => te(E.pageSize));
+		})), We = p(() => ({ "--gd-contract-page-zoom": String(W.value) })), Ge = p(() => re(E.pageSize));
 		function G(e, t) {
 			let n = k.value?.getBoundingClientRect();
 			return n ? {
@@ -420,40 +420,40 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			};
 		}
 		function Ke(e) {
-			let t = k.value?.getBoundingClientRect(), r = k.value?.closest(".gd-contract-template-designer__canvas")?.getBoundingClientRect(), i = n(e);
-			if (!t || !r) return {
-				x: Math.max(0, (E.pageSize.width - i.width) / 2),
-				y: Math.max(0, (E.pageSize.height - i.height) / 2)
+			let t = k.value?.getBoundingClientRect(), n = k.value?.closest(".gd-contract-template-designer__canvas")?.getBoundingClientRect(), r = ee(e);
+			if (!t || !n) return {
+				x: Math.max(0, (E.pageSize.width - r.width) / 2),
+				y: Math.max(0, (E.pageSize.height - r.height) / 2)
 			};
-			let a = Math.max(t.left, r.left), o = Math.max(t.top, r.top), s = Math.min(t.right, r.right), c = Math.min(t.bottom, r.bottom), l = G(s > a ? (a + s) / 2 : (t.left + t.right) / 2, c > o ? (o + c) / 2 : (t.top + t.bottom) / 2);
+			let i = Math.max(t.left, n.left), a = Math.max(t.top, n.top), o = Math.min(t.right, n.right), s = Math.min(t.bottom, n.bottom), c = G(o > i ? (i + o) / 2 : (t.left + t.right) / 2, s > a ? (a + s) / 2 : (t.top + t.bottom) / 2);
 			return {
-				x: l.x - i.width / 2,
-				y: l.y - i.height / 2
+				x: c.x - r.width / 2,
+				y: c.y - r.height / 2
 			};
 		}
-		function qe(n) {
-			if (!t(E.readonly, E.disabled)) {
-				n.preventDefault(), n.stopPropagation();
+		function qe(e) {
+			if (!c(E.readonly, E.disabled)) {
+				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			let i = r(n.dataTransfer?.getData(e));
-			if (i) {
-				n.preventDefault(), n.stopPropagation();
-				let e = G(n.clientX, n.clientY);
-				D("signing-placement-drop", E.page.id, i, e.x, e.y);
+			let t = te(e.dataTransfer?.getData(s));
+			if (t) {
+				e.preventDefault(), e.stopPropagation();
+				let n = G(e.clientX, e.clientY);
+				D("signing-placement-drop", E.page.id, t, n.x, n.y);
 				return;
 			}
-			let a = n.dataTransfer?.getData("application/x-gd-contract-variable");
-			if (a) {
-				n.preventDefault(), n.stopPropagation(), D("variable-drop", E.page.id, a, n.clientX, n.clientY);
+			let n = e.dataTransfer?.getData("application/x-gd-contract-variable");
+			if (n) {
+				e.preventDefault(), e.stopPropagation(), D("variable-drop", E.page.id, n, e.clientX, e.clientY);
 				return;
 			}
-			let o = n.dataTransfer?.getData(w);
-			o && o !== E.page.id && (n.preventDefault(), n.stopPropagation(), D("variable-move-blocked", E.page.id));
+			let r = e.dataTransfer?.getData(w);
+			r && r !== E.page.id && (e.preventDefault(), e.stopPropagation(), D("variable-move-blocked", E.page.id));
 		}
 		function Je(e, t) {
 			let n = j.value;
-			return n ? (ie(n, e, t ? n.view.posAtCoords(t)?.pos : void 0), $(), K()) : void 0;
+			return n ? (ae(n, e, t ? n.view.posAtCoords(t)?.pos : void 0), $(), K()) : void 0;
 		}
 		function Ye(e, t) {
 			let n = j.value;
@@ -504,13 +504,13 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 		}
 		function et() {
 			if (E.pageDecorations) {
-				let e = l(E.pageDecorations), t = E.pageIndex + 1, n = c(e, t) ? o(e.header) : a.top, r = s(e, t) ? o(e.footer) : a.bottom;
-				return Math.max(120, E.pageSize.height - n - r);
+				let e = a(E.pageDecorations), o = E.pageIndex + 1, s = i(e, o) ? n(e.header) : t.top, c = r(e, o) ? n(e.footer) : t.bottom;
+				return Math.max(120, E.pageSize.height - s - c);
 			}
 			let e = k.value;
 			if (!e) return E.pageSize.height - 108;
-			let t = window.getComputedStyle(e), n = Number.parseFloat(t.paddingTop) || 0, r = Number.parseFloat(t.paddingBottom) || 0;
-			return Math.max(120, E.pageSize.height - n - r);
+			let o = window.getComputedStyle(e), s = Number.parseFloat(o.paddingTop) || 0, c = Number.parseFloat(o.paddingBottom) || 0;
+			return Math.max(120, E.pageSize.height - s - c);
 		}
 		function tt() {
 			let e = k.value?.querySelector(".gd-contract-template-designer__editor-prose");
@@ -525,7 +525,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			});
 		}
 		function J() {
-			return j.value ? ne(j.value.getJSON().content, tt(), et()) : void 0;
+			return j.value ? ie(j.value.getJSON().content, tt(), et()) : void 0;
 		}
 		function nt() {
 			return !!J();
@@ -555,7 +555,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 		}
 		function X(e, t = e.key) {
 			if (!j.value) return;
-			let n = re(e), r = !1;
+			let n = l(e), r = !1;
 			return j.value.commands.command(({ tr: e, state: i, dispatch: a }) => (Y(i.doc, t).forEach(({ node: t, pos: i }) => {
 				e.setNodeMarkup(i, void 0, {
 					...t.attrs,
@@ -600,11 +600,11 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 		function $() {
 			Z(), Q(E.selectedVariableKey)?.classList.add("is-active");
 		}
-		function ct(e) {
-			let t = i.find((t) => t.key === e), n = j.value;
-			if (!t || !n) return;
-			let r = n.chain().focus().clearNodes();
-			t.headingLevel ? r.setHeading({ level: t.headingLevel }) : r.setParagraph(), r.unsetAllMarks().unsetTextAlign().unsetFontSize().unsetFontFamily().unsetColor().setTextAlign(t.textAlign).setFontSize(`${t.fontSize}px`).setFontFamily(t.fontFamily || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif").setColor(ee.color || "#1f2937"), t.bold ? r.setBold() : r.unsetBold(), t.italic ? r.setItalic() : r.unsetItalic(), t.underline ? r.setUnderline() : r.unsetUnderline(), r.run();
+		function ct(t) {
+			let n = e.find((e) => e.key === t), r = j.value;
+			if (!n || !r) return;
+			let i = r.chain().focus().clearNodes();
+			n.headingLevel ? i.setHeading({ level: n.headingLevel }) : i.setParagraph(), i.unsetAllMarks().unsetTextAlign().unsetFontSize().unsetFontFamily().unsetColor().setTextAlign(n.textAlign).setFontSize(`${n.fontSize}px`).setFontFamily(n.fontFamily || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif").setColor(ne.color || "#1f2937"), n.bold ? i.setBold() : i.unsetBold(), n.italic ? i.setItalic() : i.unsetItalic(), n.underline ? i.setUnderline() : i.unsetUnderline(), i.run();
 		}
 		x([() => E.selectedVariableKey, () => E.variables], () => {
 			fe($);
@@ -613,7 +613,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			flush: "post"
 		});
 		function lt(e) {
-			e.type === "apply-block-style" ? j.value && oe(j.value, e.format) : e.type === "apply-text-style-preset" ? ct(e.preset) : d(j.value, e), U();
+			e.type === "apply-block-style" ? j.value && se(j.value, e.format) : e.type === "apply-text-style-preset" ? ct(e.preset) : d(j.value, e), U();
 		}
 		function ut() {
 			j.value?.commands.focus();
@@ -679,7 +679,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			onDrop: qe,
 			onClick: t[4] ||= (e) => D("editor-focus", g.page.id)
 		}, [
-			h(ce, {
+			h(o, {
 				decorations: g.pageDecorations,
 				"page-number": g.pageIndex + 1,
 				"total-pages": g.totalPages,
@@ -695,7 +695,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				class: "gd-contract-template-page__content",
 				editor: b(j)
 			}, null, 8, ["editor"])) : ue("", !0),
-			h(se, {
+			h(ce, {
 				"page-size": g.pageSize,
 				placements: g.signingPlacements,
 				"selected-id": g.selectedSigningPlacementId,