@guodun/antdv 1.4.1 → 1.4.2

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

@@ -0,0 +1,215 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
+import { Button as p, Tooltip as m } from "ant-design-vue";
+import { AuditOutlined as h, BgColorsOutlined as g, ColumnWidthOutlined as _, DatabaseOutlined as v, DeleteOutlined as y, EyeOutlined as b, FullscreenExitOutlined as x, FullscreenOutlined as S, ReloadOutlined as C, ZoomInOutlined as w, ZoomOutOutlined as T } from "@ant-design/icons-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateDesignerWorkspaceHeader.vue?vue&type=script&setup=true&lang.ts
+var E = { class: "gd-contract-template-designer__workspace-meta" }, D = { class: "gd-contract-template-designer__workspace-actions" }, O = { class: "gd-contract-template-designer__workspace-controls" }, k = { class: "gd-contract-template-designer__zoom" }, A = { class: "gd-contract-template-designer__workspace-buttons" }, j = { class: "gd-contract-template-designer__page-decorations-trigger-copy" }, M = /* @__PURE__ */ o({
+	__name: "ContractTemplateDesignerWorkspaceHeader",
+	props: {
+		summary: {},
+		draftCacheStatusText: {},
+		draftCacheStatusClass: {},
+		showDraftCacheStatus: { type: Boolean },
+		showClearButton: { type: Boolean },
+		showSubmitDataViewer: { type: Boolean },
+		readonly: { type: Boolean },
+		zoomPercent: {},
+		zoomOutDisabled: { type: Boolean },
+		zoomInDisabled: { type: Boolean },
+		isFullscreen: { type: Boolean },
+		pageDecorationsOpen: { type: Boolean },
+		pageDecorationsStudioId: {},
+		pageDecorationsPresetLabel: {},
+		pageDecorationsEnabledCount: {},
+		pageDecorationsEnabledStates: {}
+	},
+	emits: [
+		"zoomOut",
+		"zoomIn",
+		"fitWidth",
+		"resetZoom",
+		"toggleFullscreen",
+		"clear",
+		"validate",
+		"preview",
+		"submitData",
+		"togglePageDecorations"
+	],
+	setup(o, { expose: M, emit: N }) {
+		let P = o, F = N, I = l(), L = e(() => [
+			{
+				key: "header",
+				label: "页眉",
+				enabled: P.pageDecorationsEnabledStates.header
+			},
+			{
+				key: "footer",
+				label: "页脚",
+				enabled: P.pageDecorationsEnabledStates.footer
+			},
+			{
+				key: "watermark",
+				label: "水印",
+				enabled: P.pageDecorationsEnabledStates.watermark
+			}
+		]), R = e(() => `页面装饰 · ${P.pageDecorationsPresetLabel} · 启用 ${P.pageDecorationsEnabledCount}/3`), z = e(() => `页面装饰，${P.pageDecorationsPresetLabel}，已启用 ${P.pageDecorationsEnabledCount}/3；${L.value.map((e) => `${e.label}${e.enabled ? "已启用" : "未启用"}`).join("，")}`);
+		return M({ focusPageDecorations: () => I.value?.querySelector(".gd-contract-template-designer__page-decorations-trigger")?.focus() }), (e, l) => (c(), r("header", {
+			ref_key: "workspaceHeader",
+			ref: I,
+			class: "gd-contract-template-designer__workspace-header"
+		}, [i("div", E, [i("strong", null, u(o.summary), 1), o.showDraftCacheStatus && o.draftCacheStatusText ? (c(), r("small", {
+			key: 0,
+			class: s(["gd-contract-template-designer__draft-cache-status", o.draftCacheStatusClass])
+		}, u(o.draftCacheStatusText), 3)) : n("", !0)]), i("div", D, [i("div", O, [i("div", k, [
+			a(d(m), { title: "缩小" }, {
+				default: f(() => [a(d(p), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					disabled: o.zoomOutDisabled,
+					"aria-label": "缩小",
+					onClick: l[0] ||= (e) => F("zoomOut")
+				}, {
+					default: f(() => [a(d(T), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled"])]),
+				_: 1
+			}),
+			i("span", null, u(o.zoomPercent), 1),
+			a(d(m), { title: "放大" }, {
+				default: f(() => [a(d(p), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					disabled: o.zoomInDisabled,
+					"aria-label": "放大",
+					onClick: l[1] ||= (e) => F("zoomIn")
+				}, {
+					default: f(() => [a(d(w), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled"])]),
+				_: 1
+			}),
+			a(d(m), { title: "适应宽度" }, {
+				default: f(() => [a(d(p), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					"aria-label": "适应宽度",
+					onClick: l[2] ||= (e) => F("fitWidth")
+				}, {
+					default: f(() => [a(d(_), { "aria-hidden": "true" })]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			a(d(m), { title: "重置缩放" }, {
+				default: f(() => [a(d(p), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					"aria-label": "重置缩放",
+					onClick: l[3] ||= (e) => F("resetZoom")
+				}, {
+					default: f(() => [a(d(C), { "aria-hidden": "true" })]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			a(d(m), { title: o.isFullscreen ? "退出全屏" : "全屏显示" }, {
+				default: f(() => [a(d(p), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					"aria-label": o.isFullscreen ? "退出全屏" : "全屏显示",
+					onClick: l[4] ||= (e) => F("toggleFullscreen")
+				}, {
+					default: f(() => [o.isFullscreen ? (c(), t(d(x), {
+						key: 0,
+						"aria-hidden": "true"
+					})) : (c(), t(d(S), {
+						key: 1,
+						"aria-hidden": "true"
+					}))]),
+					_: 1
+				}, 8, ["aria-label"])]),
+				_: 1
+			}, 8, ["title"])
+		])]), i("div", A, [
+			o.showClearButton ? (c(), t(d(m), {
+				key: 0,
+				title: "清空合同"
+			}, {
+				default: f(() => [a(d(p), {
+					size: "small",
+					danger: "",
+					class: "gd-contract-template-designer__icon-button",
+					disabled: o.readonly,
+					"aria-label": "清空合同",
+					onClick: l[5] ||= (e) => F("clear")
+				}, {
+					default: f(() => [a(d(y), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled"])]),
+				_: 1
+			})) : n("", !0),
+			a(d(m), { title: R.value }, {
+				default: f(() => [a(d(p), {
+					size: "small",
+					class: s(["gd-contract-template-designer__page-decorations-trigger", { "is-selected": o.pageDecorationsOpen }]),
+					"aria-pressed": o.pageDecorationsOpen,
+					"aria-expanded": o.pageDecorationsOpen,
+					"aria-controls": o.pageDecorationsStudioId,
+					"aria-label": z.value,
+					onClick: l[6] ||= (e) => F("togglePageDecorations")
+				}, {
+					default: f(() => [a(d(g), { "aria-hidden": "true" }), i("span", j, [l[10] ||= i("span", null, "页面装饰", -1), i("small", null, u(o.pageDecorationsPresetLabel) + " · 启用 " + u(o.pageDecorationsEnabledCount) + "/3", 1)])]),
+					_: 1
+				}, 8, [
+					"class",
+					"aria-pressed",
+					"aria-expanded",
+					"aria-controls",
+					"aria-label"
+				])]),
+				_: 1
+			}, 8, ["title"]),
+			a(d(m), { title: "校验" }, {
+				default: f(() => [a(d(p), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					"aria-label": "校验",
+					onClick: l[7] ||= (e) => F("validate")
+				}, {
+					default: f(() => [a(d(h), { "aria-hidden": "true" })]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			a(d(m), { title: "预览" }, {
+				default: f(() => [a(d(p), {
+					size: "small",
+					type: "primary",
+					class: "gd-contract-template-designer__icon-button",
+					"aria-label": "预览",
+					onClick: l[8] ||= (e) => F("preview")
+				}, {
+					default: f(() => [a(d(b), { "aria-hidden": "true" })]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			o.showSubmitDataViewer ? (c(), t(d(m), {
+				key: 1,
+				title: "数据查看"
+			}, {
+				default: f(() => [a(d(p), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					"aria-label": "数据查看",
+					onClick: l[9] ||= (e) => F("submitData")
+				}, {
+					default: f(() => [a(d(v), { "aria-hidden": "true" })]),
+					_: 1
+				})]),
+				_: 1
+			})) : n("", !0)
+		])])], 512));
+	}
+});
+//#endregion
+export { M as default };

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

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

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

@@ -0,0 +1,87 @@
+import { MAX_CONTRACT_IMAGE_DIMENSION as e } from "./utils/content-image.mjs";
+import { createElementBlock as t, createElementVNode as n, createTextVNode as r, createVNode as i, defineComponent as a, mergeModels as o, normalizeStyle as s, openBlock as c, ref as l, unref as u, useModel as d, withCtx as f } from "vue";
+import { Button as p, InputNumber as m } from "ant-design-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateImageContextMenu.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	class: "gd-contract-template-designer__image-size-fields",
+	role: "group",
+	"aria-label": "图片尺寸"
+}, g = { class: "gd-contract-template-designer__popover-actions" }, _ = /* @__PURE__ */ a({
+	name: "ContractTemplateImageContextMenu",
+	__name: "ContractTemplateImageContextMenu",
+	props: /* @__PURE__ */ o({
+		x: {},
+		y: {},
+		readonly: { type: Boolean }
+	}, {
+		width: {},
+		widthModifiers: {},
+		height: {},
+		heightModifiers: {}
+	}),
+	emits: /* @__PURE__ */ o([
+		"restore",
+		"apply",
+		"keydown"
+	], ["update:width", "update:height"]),
+	setup(a, { expose: o, emit: _ }) {
+		let v = d(a, "width"), y = d(a, "height"), b = _, x = l();
+		return o({ getMenuElement: () => x.value }), (o, l) => (c(), t("div", {
+			ref_key: "menuElement",
+			ref: x,
+			class: "gd-contract-template-designer__context-menu gd-contract-template-designer__image-context-menu",
+			style: s({
+				left: `${a.x}px`,
+				top: `${a.y}px`
+			}),
+			role: "dialog",
+			"aria-label": "图片尺寸",
+			onKeydown: l[4] ||= (e) => b("keydown", e)
+		}, [
+			l[9] ||= n("div", { class: "gd-contract-template-designer__image-context-title" }, [n("strong", null, "图片尺寸"), n("span", null, "单位：px；留空可恢复自然尺寸")], -1),
+			n("div", h, [n("label", null, [l[5] ||= n("span", null, "宽度", -1), i(u(m), {
+				value: v.value,
+				"onUpdate:value": l[0] ||= (e) => v.value = e,
+				min: u(16),
+				max: u(e),
+				disabled: a.readonly,
+				placeholder: "自然",
+				"aria-label": "图片宽度"
+			}, null, 8, [
+				"value",
+				"min",
+				"max",
+				"disabled"
+			])]), n("label", null, [l[6] ||= n("span", null, "高度", -1), i(u(m), {
+				value: y.value,
+				"onUpdate:value": l[1] ||= (e) => y.value = e,
+				min: u(16),
+				max: u(e),
+				disabled: a.readonly,
+				placeholder: "自然",
+				"aria-label": "图片高度"
+			}, null, 8, [
+				"value",
+				"min",
+				"max",
+				"disabled"
+			])])]),
+			n("div", g, [i(u(p), {
+				size: "small",
+				onClick: l[2] ||= (e) => b("restore")
+			}, {
+				default: f(() => [...l[7] ||= [r("恢复自然尺寸", -1)]]),
+				_: 1
+			}), i(u(p), {
+				size: "small",
+				type: "primary",
+				onClick: l[3] ||= (e) => b("apply")
+			}, {
+				default: f(() => [...l[8] ||= [r("应用", -1)]]),
+				_: 1
+			})])
+		], 36));
+	}
+});
+//#endregion
+export { _ as default };

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

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

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

@@ -0,0 +1,98 @@
+import { getWatermarkDensityGrid as e, hasEnabledPageFooter as t, hasEnabledPageHeader as n, hasEnabledPageWatermark as r, normalizePageDecorations as i, parsePageDecorationText as a, resolvePageDecorationTokenText as o } from "./utils/page-decorations.mjs";
+import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, defineComponent as f, normalizeClass as p, normalizeStyle as m, openBlock as h, renderList as g, toDisplayString as _ } from "vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePageDecorations.vue?vue&type=script&setup=true&lang.ts
+var v = ["data-watermark-layout", "data-watermark-density"], y = ["data-decoration-offset", "data-decoration-font-size"], b = ["data-decoration-offset", "data-decoration-font-size"], x = /* @__PURE__ */ f({
+	name: "ContractTemplatePageDecorations",
+	__name: "ContractTemplatePageDecorations",
+	props: {
+		decorations: {},
+		pageNumber: {},
+		totalPages: {},
+		variables: { default: () => [] },
+		values: { default: () => ({}) }
+	},
+	setup(f) {
+		let x = f, S = c(() => i(x.decorations)), C = c(() => n(S.value, x.pageNumber)), w = c(() => t(S.value, x.pageNumber)), T = c(() => r(S.value, x.pageNumber)), E = c(() => e(S.value.watermark.density)), D = c(() => S.value.watermark.layout === "tiled" ? E.value.columns * E.value.rows : 1), O = c(() => ({
+			color: S.value.header.color,
+			fontFamily: S.value.header.fontFamily,
+			fontSize: `${S.value.header.fontSize}px`,
+			fontWeight: S.value.header.fontWeight,
+			top: `${S.value.header.offset}px`,
+			borderBottom: S.value.header.divider.enabled ? `1px solid ${S.value.header.divider.color}` : void 0
+		})), k = c(() => ({
+			color: S.value.footer.color,
+			fontFamily: S.value.footer.fontFamily,
+			fontSize: `${S.value.footer.fontSize}px`,
+			fontWeight: S.value.footer.fontWeight,
+			bottom: `${S.value.footer.offset}px`,
+			borderTop: S.value.footer.divider.enabled ? `1px solid ${S.value.footer.divider.color}` : void 0
+		})), A = c(() => ({
+			"--gd-watermark-columns": E.value.columns,
+			"--gd-watermark-rows": E.value.rows
+		})), j = c(() => ({
+			color: S.value.watermark.color,
+			fontSize: `${S.value.watermark.fontSize}px`,
+			opacity: S.value.watermark.opacity,
+			transform: `rotate(${S.value.watermark.rotation}deg)`
+		}));
+		function M(e) {
+			return a(e).tokens;
+		}
+		function N(e) {
+			return o(e, x.variables, x.values, x.pageNumber, x.totalPages, S.value.pageNumbering.countFirstPage);
+		}
+		return (e, t) => (h(), u(s, null, [
+			T.value ? (h(), u("div", {
+				key: 0,
+				class: p(["gd-contract-template-page__watermark", [`is-${S.value.watermark.layout}`, `density-${S.value.watermark.density}`]]),
+				style: m(A.value),
+				"data-watermark-layout": S.value.watermark.layout,
+				"data-watermark-density": S.value.watermark.density,
+				"aria-hidden": "true"
+			}, [(h(!0), u(s, null, g(D.value, (e) => (h(), u("div", {
+				key: e,
+				class: "gd-contract-template-page__watermark-item",
+				style: m(j.value)
+			}, [(h(!0), u(s, null, g(M(S.value.watermark.text), (t, n) => (h(), u("span", {
+				key: `${e}-${n}`,
+				class: p({ "gd-contract-template-page__variable": t.type === "variable" })
+			}, _(N(t)), 3))), 128))], 4))), 128))], 14, v)) : l("", !0),
+			C.value ? (h(), u("div", {
+				key: 1,
+				class: "gd-contract-template-page__header",
+				style: m(O.value),
+				"data-decoration-offset": S.value.header.offset,
+				"data-decoration-font-size": S.value.header.fontSize
+			}, [(h(), u(s, null, g([
+				"left",
+				"center",
+				"right"
+			], (e) => d("div", {
+				key: e,
+				class: p(["gd-contract-template-page__decoration-slot", `is-${e}`])
+			}, [(h(!0), u(s, null, g(M(S.value.header.slots[e]), (e, t) => (h(), u("span", {
+				key: t,
+				class: p({ "gd-contract-template-page__variable": e.type === "variable" })
+			}, _(N(e)), 3))), 128))], 2)), 64))], 12, y)) : l("", !0),
+			w.value ? (h(), u("div", {
+				key: 2,
+				class: "gd-contract-template-page__footer",
+				style: m(k.value),
+				"data-decoration-offset": S.value.footer.offset,
+				"data-decoration-font-size": S.value.footer.fontSize
+			}, [(h(), u(s, null, g([
+				"left",
+				"center",
+				"right"
+			], (e) => d("div", {
+				key: e,
+				class: p(["gd-contract-template-page__decoration-slot", `is-${e}`])
+			}, [(h(!0), u(s, null, g(M(S.value.footer.slots[e]), (e, t) => (h(), u("span", {
+				key: t,
+				class: p({ "gd-contract-template-page__variable": e.type === "variable" })
+			}, _(N(e)), 3))), 128))], 2)), 64))], 12, b)) : l("", !0)
+		], 64));
+	}
+});
+//#endregion
+export { x as default };

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

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