@guodun/antdv 1.4.1 → 1.4.3

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

@@ -0,0 +1,96 @@
+import { DEFAULT_PAGE_SIZE as e } from "./composables/use-template-designer.mjs";
+import t from "./ContractTemplatePreviewPage.mjs";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+import { Modal as h } from "ant-design-vue";
+import { FileAddOutlined as g } from "@ant-design/icons-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePreviewModal.vue?vue&type=script&setup=true&lang.ts
+var _ = {
+	key: 0,
+	class: "gd-contract-template-designer__preview-layout"
+}, v = {
+	class: "gd-contract-template-designer__preview-file-nav",
+	"aria-label": "合同文件预览切换"
+}, y = ["aria-current", "onClick"], b = {
+	key: 0,
+	class: "gd-contract-template-designer__preview-file"
+}, x = { class: "gd-contract-template-designer__preview-file-title" }, S = /* @__PURE__ */ c({
+	__name: "ContractTemplatePreviewModal",
+	props: {
+		open: { type: Boolean },
+		previewPages: {},
+		previewFileGroups: {},
+		previewActiveGroup: {},
+		previewSnapshot: {}
+	},
+	emits: [
+		"update:open",
+		"cancel",
+		"select-file"
+	],
+	setup(c, { emit: S }) {
+		let C = S;
+		return (S, w) => (u(), r(p(h), {
+			open: c.open,
+			title: "模板预览",
+			width: "min(1440px, calc(100vw - 32px))",
+			centered: "",
+			footer: null,
+			"wrap-class-name": "gd-contract-template-designer__preview-modal",
+			"onUpdate:open": w[0] ||= (e) => C("update:open", e),
+			onCancel: w[1] ||= (e) => C("cancel")
+		}, {
+			default: m(() => [o("div", { class: l(["gd-contract-template-designer__preview", { "is-multi-file": c.previewFileGroups.length > 0 }]) }, [c.previewFileGroups.length ? (u(), a("div", _, [o("nav", v, [w[2] ||= o("span", { class: "gd-contract-template-designer__preview-file-nav-title" }, "合同文件", -1), (u(!0), a(n, null, d(c.previewFileGroups, (e) => (u(), a("button", {
+				key: e.file.id,
+				type: "button",
+				class: l(["gd-contract-template-designer__preview-file-tab", { "is-active": e.file.id === c.previewActiveGroup?.file.id }]),
+				"aria-current": e.file.id === c.previewActiveGroup?.file.id ? "page" : void 0,
+				onClick: (t) => C("select-file", e.file.id)
+			}, [
+				s(p(g), { "aria-hidden": "true" }),
+				o("span", null, f(e.file.name), 1),
+				o("small", null, f(e.pages.length) + " 页", 1)
+			], 10, y))), 128))]), c.previewActiveGroup ? (u(), a("section", b, [o("h3", x, f(c.previewActiveGroup.file.name), 1), (u(!0), a(n, null, d(c.previewActiveGroup.pages, (e) => (u(), r(t, {
+				key: `${c.previewActiveGroup.file.id}:${e.page.id}`,
+				page: e.page,
+				"fallback-page-size": c.previewActiveGroup.file.template.pageSize,
+				"content-html": e.contentHtml,
+				"signing-placements": e.signingPlacements,
+				"page-decorations": c.previewActiveGroup.file.template.pageDecorations,
+				"page-number": c.previewActiveGroup.pages.indexOf(e) + 1,
+				"total-pages": c.previewActiveGroup.pages.length,
+				variables: c.previewActiveGroup.file.template.variables
+			}, null, 8, [
+				"page",
+				"fallback-page-size",
+				"content-html",
+				"signing-placements",
+				"page-decorations",
+				"page-number",
+				"total-pages",
+				"variables"
+			]))), 128))])) : i("", !0)])) : (u(!0), a(n, { key: 1 }, d(c.previewPages, (n, i) => (u(), r(t, {
+				key: n.page.id,
+				page: n.page,
+				"fallback-page-size": c.previewSnapshot?.pageSize ?? p(e),
+				"content-html": n.contentHtml,
+				"signing-placements": n.signingPlacements,
+				"page-decorations": c.previewSnapshot?.pageDecorations,
+				"page-number": i + 1,
+				"total-pages": c.previewPages.length,
+				variables: c.previewSnapshot?.variables ?? []
+			}, null, 8, [
+				"page",
+				"fallback-page-size",
+				"content-html",
+				"signing-placements",
+				"page-decorations",
+				"page-number",
+				"total-pages",
+				"variables"
+			]))), 128))], 2)]),
+			_: 1
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { S as default };

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

@@ -1,43 +1,68 @@
-import { resolvePageSize as e } from "./composables/use-template-designer.mjs";
-import t from "./ContractTemplatePreviewSigningLayer.mjs";
-import { computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c } from "vue";
+import { CONTRACT_PAGE_BASE_PADDING as e, getPageDecorationSafePadding as t, hasEnabledPageFooter as n, hasEnabledPageHeader as r, normalizePageDecorations as i } from "./utils/page-decorations.mjs";
+import { resolvePageSize as a } from "./composables/use-template-designer.mjs";
+import o from "./ContractTemplatePageDecorations.mjs";
+import s from "./ContractTemplatePreviewSigningLayer.mjs";
+import { computed as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeStyle as p, openBlock as m } from "vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplatePreviewPage.vue?vue&type=script&setup=true&lang.ts
-var l = { class: "gd-contract-template-designer__preview-page-shell" }, u = [
+var h = { class: "gd-contract-template-designer__preview-page-shell" }, g = [
 	"data-page-id",
 	"data-page-format",
 	"data-page-label",
 	"data-page-width",
 	"data-page-height"
-], d = ["innerHTML"], f = /* @__PURE__ */ o({
+], _ = ["innerHTML"], v = /* @__PURE__ */ f({
 	name: "ContractTemplatePreviewPage",
 	__name: "ContractTemplatePreviewPage",
 	props: {
 		page: {},
 		fallbackPageSize: {},
 		contentHtml: {},
-		signingPlacements: {}
+		signingPlacements: {},
+		pageDecorations: {},
+		pageNumber: {},
+		totalPages: {},
+		variables: {}
 	},
-	setup(o) {
-		let f = o, p = n(() => e(f.page.pageSize, f.fallbackPageSize)), m = n(() => ({
-			width: `${p.value.width}px`,
-			height: `${p.value.height}px`
-		}));
-		return (e, n) => (c(), r("article", l, [i("section", {
+	setup(f) {
+		let v = f, y = c(() => a(v.page.pageSize, v.fallbackPageSize)), b = c(() => {
+			let a = i(v.pageDecorations);
+			return {
+				width: `${y.value.width}px`,
+				height: `${y.value.height}px`,
+				paddingTop: `${r(a, v.pageNumber) ? t(a.header) : e.top}px`,
+				paddingBottom: `${n(a, v.pageNumber) ? t(a.footer) : e.bottom}px`
+			};
+		});
+		return (e, t) => (m(), l("article", h, [u("section", {
 			class: "gd-contract-template-page gd-contract-template-designer__preview-page",
-			"data-page-id": o.page.id,
-			"data-page-format": p.value.format ?? "Custom",
-			"data-page-label": p.value.label ?? p.value.format ?? "自定义",
-			"data-page-width": p.value.width,
-			"data-page-height": p.value.height,
-			style: s(m.value)
-		}, [i("div", {
-			class: "gd-contract-template-designer__preview-page-content",
-			innerHTML: o.contentHtml
-		}, null, 8, d), a(t, {
-			"page-size": p.value,
-			placements: o.signingPlacements
-		}, null, 8, ["page-size", "placements"])], 12, u)]));
+			"data-page-id": f.page.id,
+			"data-page-format": y.value.format ?? "Custom",
+			"data-page-label": y.value.label ?? y.value.format ?? "自定义",
+			"data-page-width": y.value.width,
+			"data-page-height": y.value.height,
+			style: p(b.value)
+		}, [
+			d(o, {
+				decorations: f.pageDecorations,
+				"page-number": f.pageNumber,
+				"total-pages": f.totalPages,
+				variables: f.variables
+			}, null, 8, [
+				"decorations",
+				"page-number",
+				"total-pages",
+				"variables"
+			]),
+			u("div", {
+				class: "gd-contract-template-page__content gd-contract-template-designer__preview-page-content",
+				innerHTML: f.contentHtml
+			}, null, 8, _),
+			d(s, {
+				"page-size": y.value,
+				placements: f.signingPlacements
+			}, null, 8, ["page-size", "placements"])
+		], 12, g)]));
 	}
 });
 //#endregion
-export { f as default };
+export { v as default };

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

@@ -1,15 +1,16 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeStyle as a, openBlock as o, toDisplayString as s } from "vue";
+import { CONTRACT_PAGE_BASE_PADDING as e, getPageDecorationSafePadding as t, hasEnabledPageFooter as n, hasEnabledPageHeader as r, normalizePageDecorations as i } from "./utils/page-decorations.mjs";
+import a from "./ContractTemplatePageDecorations.mjs";
+import { computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, toDisplayString as h, unref as g } from "vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateRendererPage.vue?vue&type=script&setup=true&lang.ts
-var c = ["data-render-page-id"], l = {
+var _ = ["data-render-page-id"], v = {
 	key: 0,
 	class: "gd-contract-template-renderer__page-meta"
-}, u = [
+}, y = [
 	"data-page-id",
 	"data-page-format",
 	"data-page-width",
-	"data-page-height",
-	"innerHTML"
-], d = /* @__PURE__ */ i({
+	"data-page-height"
+], b = ["innerHTML"], x = /* @__PURE__ */ d({
 	name: "ContractTemplateRendererPage",
 	__name: "ContractTemplateRendererPage",
 	props: {
@@ -19,35 +20,57 @@ var c = ["data-render-page-id"], l = {
 		zoom: {},
 		showMeta: { type: Boolean }
 	},
-	setup(i) {
-		let d = i, f = e(() => ({
-			width: `${d.page.width * d.zoom}px`,
-			height: `${d.page.height * d.zoom}px`
-		})), p = e(() => ({
-			width: `${d.page.width}px`,
-			minHeight: `${d.page.height}px`,
-			transform: `scale(${d.zoom})`
-		}));
-		return (e, d) => (o(), n("article", {
+	setup(d) {
+		let x = d, S = o(() => ({
+			width: `${x.page.width * x.zoom}px`,
+			height: `${x.page.height * x.zoom}px`
+		})), C = o(() => {
+			let a = i(x.page.pageDecorations);
+			return {
+				width: `${x.page.width}px`,
+				minHeight: `${x.page.height}px`,
+				paddingTop: `${r(a, x.index + 1) ? t(a.header) : e.top}px`,
+				paddingBottom: `${n(a, x.index + 1) ? t(a.footer) : e.bottom}px`,
+				transform: `scale(${x.zoom})`
+			};
+		});
+		return (e, t) => (m(), c("article", {
 			class: "gd-contract-template-renderer__page-shell",
-			"data-render-page-id": i.page.id
-		}, [i.showMeta ? (o(), n("header", l, [
-			r("strong", null, "第 " + s(i.index + 1) + " / " + s(i.total) + " 页", 1),
-			r("span", null, s(i.page.title), 1),
-			r("small", null, s(i.page.format) + " · " + s(i.page.width) + " × " + s(i.page.height) + " px", 1)
-		])) : t("", !0), r("div", {
+			"data-render-page-id": d.page.id
+		}, [d.showMeta ? (m(), c("header", v, [
+			l("strong", null, "第 " + h(d.index + 1) + " / " + h(d.total) + " 页", 1),
+			l("span", null, h(d.page.title), 1),
+			l("small", null, h(d.page.format) + " · " + h(d.page.width) + " × " + h(d.page.height) + " px", 1)
+		])) : s("", !0), l("div", {
 			class: "gd-contract-template-renderer__page-frame",
-			style: a(f.value)
-		}, [r("section", {
-			class: "gd-contract-template-page",
-			"data-page-id": i.page.id,
-			"data-page-format": i.page.format,
-			"data-page-width": i.page.width,
-			"data-page-height": i.page.height,
-			style: a(p.value),
-			innerHTML: i.page.contentHtml
-		}, null, 12, u)], 4)], 8, c));
+			style: p(S.value)
+		}, [l("section", {
+			class: f(["gd-contract-template-page", {
+				"has-contract-header": g(r)(d.page.pageDecorations, d.index + 1),
+				"has-contract-footer": g(n)(d.page.pageDecorations, d.index + 1)
+			}]),
+			"data-page-id": d.page.id,
+			"data-page-format": d.page.format,
+			"data-page-width": d.page.width,
+			"data-page-height": d.page.height,
+			style: p(C.value)
+		}, [u(a, {
+			decorations: d.page.pageDecorations,
+			"page-number": d.index + 1,
+			"total-pages": d.total,
+			variables: d.page.decorationVariables,
+			values: d.page.decorationValues
+		}, null, 8, [
+			"decorations",
+			"page-number",
+			"total-pages",
+			"variables",
+			"values"
+		]), l("div", {
+			class: "gd-contract-template-page__content",
+			innerHTML: d.page.contentHtml
+		}, null, 8, b)], 14, y)], 4)], 8, _));
 	}
 });
 //#endregion
-export { d as default };
+export { x as default };

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

@@ -0,0 +1,5 @@
+import e from "./ContractTemplateSubmitDataModal.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateSubmitDataModal.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,29 @@
+import { createBlock as e, createElementVNode as t, defineComponent as n, openBlock as r, toDisplayString as i, unref as a, withCtx as o } from "vue";
+import { Modal as s } from "ant-design-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateSubmitDataModal.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "gd-contract-template-designer__submit-data" }, l = /* @__PURE__ */ n({
+	__name: "ContractTemplateSubmitDataModal",
+	props: {
+		open: { type: Boolean },
+		json: {}
+	},
+	emits: ["update:open", "cancel"],
+	setup(n, { emit: l }) {
+		let u = l;
+		return (l, d) => (r(), e(a(s), {
+			open: n.open,
+			title: "提交数据查看",
+			width: "min(960px, calc(100vw - 48px))",
+			centered: "",
+			footer: null,
+			"wrap-class-name": "gd-contract-template-designer__submit-data-modal",
+			"onUpdate:open": d[0] ||= (e) => u("update:open", e),
+			onCancel: d[1] ||= (e) => u("cancel")
+		}, {
+			default: o(() => [t("pre", c, i(n.json), 1)]),
+			_: 1
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { l as default };

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

@@ -0,0 +1,5 @@
+import e from "./ContractTemplateTextBubbleMenu.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateTextBubbleMenu.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,179 @@
+import { Fragment as e, createBlock as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderList as u, resolveDynamicComponent as d, unref as f, withCtx as p } from "vue";
+import { Button as m, Select as h, Tooltip as g } from "ant-design-vue";
+import { AlignCenterOutlined as _, AlignLeftOutlined as v, AlignRightOutlined as y, BoldOutlined as b, ClearOutlined as x, EllipsisOutlined as S, ItalicOutlined as C, UnderlineOutlined as w } from "@ant-design/icons-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateTextBubbleMenu.vue?vue&type=script&setup=true&lang.ts
+var T = ["value"], E = /* @__PURE__ */ a({
+	name: "ContractTemplateTextBubbleMenu",
+	__name: "ContractTemplateTextBubbleMenu",
+	props: {
+		x: {},
+		y: {},
+		editorState: {},
+		fontSizePresetOptions: {},
+		currentEditorFontSize: {},
+		editorFontSizeSearchValue: {},
+		currentEditorTextColor: {},
+		textAlignOptions: {}
+	},
+	emits: [
+		"command",
+		"patch-font-size",
+		"patch-text-align",
+		"patch-color",
+		"font-size-search",
+		"font-size-commit",
+		"font-size-dropdown-change",
+		"font-size-keydown",
+		"more"
+	],
+	setup(a, { expose: E, emit: D }) {
+		let O = D, k = {
+			left: v,
+			center: _,
+			right: y
+		}, A = l();
+		function j(e) {
+			let t = e.currentTarget?.getBoundingClientRect();
+			O("more", t?.left ?? e.clientX, t?.bottom ?? e.clientY);
+		}
+		return E({ getMenuElement: () => A.value }), (l, _) => (c(), n("div", {
+			ref_key: "menuElement",
+			ref: A,
+			class: "gd-contract-template-designer__bubble-menu",
+			style: s({
+				left: `${a.x}px`,
+				top: `${a.y}px`
+			}),
+			role: "toolbar",
+			"aria-label": "选区格式工具条"
+		}, [
+			i(f(g), { title: "加粗" }, {
+				default: p(() => [i(f(m), {
+					size: "small",
+					class: o(["gd-contract-template-designer__icon-button", { "is-selected": a.editorState.isBold }]),
+					"aria-pressed": a.editorState.isBold,
+					"aria-label": "加粗",
+					onClick: _[0] ||= (e) => O("command", { type: "toggle-bold" })
+				}, {
+					default: p(() => [i(f(b), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["class", "aria-pressed"])]),
+				_: 1
+			}),
+			i(f(g), { title: "斜体" }, {
+				default: p(() => [i(f(m), {
+					size: "small",
+					class: o(["gd-contract-template-designer__icon-button", { "is-selected": a.editorState.isItalic }]),
+					"aria-pressed": a.editorState.isItalic,
+					"aria-label": "斜体",
+					onClick: _[1] ||= (e) => O("command", { type: "toggle-italic" })
+				}, {
+					default: p(() => [i(f(C), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["class", "aria-pressed"])]),
+				_: 1
+			}),
+			i(f(g), { title: "下划线" }, {
+				default: p(() => [i(f(m), {
+					size: "small",
+					class: o(["gd-contract-template-designer__icon-button", { "is-selected": a.editorState.isUnderline }]),
+					"aria-pressed": a.editorState.isUnderline,
+					"aria-label": "下划线",
+					onClick: _[2] ||= (e) => O("command", { type: "toggle-underline" })
+				}, {
+					default: p(() => [i(f(w), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["class", "aria-pressed"])]),
+				_: 1
+			}),
+			_[10] ||= r("span", {
+				class: "gd-contract-template-designer__bubble-divider",
+				"aria-hidden": "true"
+			}, null, -1),
+			i(f(h), {
+				class: "gd-contract-template-designer__bubble-font-size",
+				"popup-class-name": "gd-contract-template-designer__bubble-menu-popup",
+				value: a.currentEditorFontSize,
+				options: a.fontSizePresetOptions,
+				"show-search": "",
+				"filter-option": !1,
+				"search-value": a.editorFontSizeSearchValue,
+				size: "small",
+				onBlur: _[3] ||= (e) => O("font-size-commit"),
+				onChange: _[4] ||= (e) => O("patch-font-size", e),
+				onDropdownVisibleChange: _[5] ||= (e) => O("font-size-dropdown-change", e),
+				onInputKeyDown: _[6] ||= (e) => O("font-size-keydown", e),
+				onSearch: _[7] ||= (e) => O("font-size-search", e)
+			}, null, 8, [
+				"value",
+				"options",
+				"search-value"
+			]),
+			i(f(g), { title: "文字颜色" }, {
+				default: p(() => [r("input", {
+					class: "gd-contract-template-designer__bubble-color",
+					type: "color",
+					"aria-label": "文字颜色",
+					value: a.currentEditorTextColor,
+					onInput: _[8] ||= (e) => O("patch-color", e.target.value)
+				}, null, 40, T)]),
+				_: 1
+			}),
+			_[11] ||= r("span", {
+				class: "gd-contract-template-designer__bubble-divider",
+				"aria-hidden": "true"
+			}, null, -1),
+			(c(!0), n(e, null, u(a.textAlignOptions, (e) => (c(), t(f(g), {
+				key: e.value,
+				title: e.label
+			}, {
+				default: p(() => [i(f(m), {
+					size: "small",
+					class: o(["gd-contract-template-designer__icon-button", { "is-selected": a.editorState.textAlign === e.value }]),
+					"aria-pressed": a.editorState.textAlign === e.value,
+					"aria-label": e.label,
+					onClick: (t) => O("patch-text-align", e.value)
+				}, {
+					default: p(() => [(c(), t(d(k[e.value]), { "aria-hidden": "true" }))]),
+					_: 2
+				}, 1032, [
+					"class",
+					"aria-pressed",
+					"aria-label",
+					"onClick"
+				])]),
+				_: 2
+			}, 1032, ["title"]))), 128)),
+			_[12] ||= r("span", {
+				class: "gd-contract-template-designer__bubble-divider",
+				"aria-hidden": "true"
+			}, null, -1),
+			i(f(g), { title: "清除文字格式" }, {
+				default: p(() => [i(f(m), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					"aria-label": "清除文字格式",
+					onClick: _[9] ||= (e) => O("command", { type: "clear-text-format" })
+				}, {
+					default: p(() => [i(f(x), { "aria-hidden": "true" })]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			i(f(g), { title: "更多操作" }, {
+				default: p(() => [i(f(m), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					"aria-label": "更多操作",
+					onClick: j
+				}, {
+					default: p(() => [i(f(S), { "aria-hidden": "true" })]),
+					_: 1
+				})]),
+				_: 1
+			})
+		], 4));
+	}
+});
+//#endregion
+export { E as default };

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

@@ -0,0 +1,5 @@
+import e from "./ContractTemplateTextContextMenu.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateTextContextMenu.vue
+var t = e;
+//#endregion
+export { t as default };