@guodun/antdv 1.4.3 → 1.4.5

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

@@ -1,8 +1,8 @@
 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, FormOutlined as x, FullscreenExitOutlined as S, FullscreenOutlined as C, ReloadOutlined as w, UpOutlined as T, ZoomInOutlined as E, ZoomOutOutlined as D } from "@ant-design/icons-vue";
+import { AuditOutlined as h, BgColorsOutlined as g, ColumnWidthOutlined as _, CopyOutlined as v, DatabaseOutlined as y, DeleteOutlined as b, EyeOutlined as x, FormOutlined as S, FullscreenExitOutlined as C, FullscreenOutlined as w, ReloadOutlined as T, UpOutlined as E, ZoomInOutlined as D, ZoomOutOutlined as O } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateDesignerWorkspaceHeader.vue?vue&type=script&setup=true&lang.ts
-var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class: "gd-contract-template-designer__workspace-actions" }, A = { class: "gd-contract-template-designer__workspace-controls" }, j = { class: "gd-contract-template-designer__zoom" }, M = { class: "gd-contract-template-designer__workspace-buttons" }, N = { class: "gd-contract-template-designer__page-decorations-trigger-copy" }, P = /* @__PURE__ */ o({
+var k = { class: "gd-contract-template-designer__workspace-meta" }, A = { class: "gd-contract-template-designer__workspace-actions" }, j = { class: "gd-contract-template-designer__workspace-controls" }, M = { class: "gd-contract-template-designer__zoom" }, N = { class: "gd-contract-template-designer__workspace-buttons" }, P = { class: "gd-contract-template-designer__page-decorations-trigger-copy" }, F = /* @__PURE__ */ o({
 	__name: "ContractTemplateDesignerWorkspaceHeader",
 	props: {
 		summary: {},
@@ -11,6 +11,7 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 		showDraftCacheStatus: { type: Boolean },
 		showClearButton: { type: Boolean },
 		showSubmitDataViewer: { type: Boolean },
+		showVariableDataViewer: { type: Boolean },
 		readonly: { type: Boolean },
 		zoomPercent: {},
 		zoomOutDisabled: { type: Boolean },
@@ -35,49 +36,50 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 		"validate",
 		"preview",
 		"submitData",
+		"variableData",
 		"togglePageDecorations",
 		"toggleChrome"
 	],
-	setup(o, { expose: P, emit: F }) {
-		let I = o, L = F, R = l(), z = e(() => [
+	setup(o, { expose: F, emit: I }) {
+		let L = o, R = I, z = l(), B = e(() => [
 			{
 				key: "header",
 				label: "页眉",
-				enabled: I.pageDecorationsEnabledStates.header
+				enabled: L.pageDecorationsEnabledStates.header
 			},
 			{
 				key: "footer",
 				label: "页脚",
-				enabled: I.pageDecorationsEnabledStates.footer
+				enabled: L.pageDecorationsEnabledStates.footer
 			},
 			{
 				key: "watermark",
 				label: "水印",
-				enabled: I.pageDecorationsEnabledStates.watermark
+				enabled: L.pageDecorationsEnabledStates.watermark
 			}
-		]), B = e(() => `页面装饰 · ${I.pageDecorationsPresetLabel} · 启用 ${I.pageDecorationsEnabledCount}/3`), V = e(() => `页面装饰，${I.pageDecorationsPresetLabel}，已启用 ${I.pageDecorationsEnabledCount}/3；${z.value.map((e) => `${e.label}${e.enabled ? "已启用" : "未启用"}`).join("，")}`);
-		return P({
-			focusPageDecorations: () => R.value?.querySelector(".gd-contract-template-designer__page-decorations-trigger")?.focus(),
-			focusImmersive: () => R.value?.querySelector(".gd-contract-template-designer__immersive-trigger")?.focus(),
-			focusChromeToggle: () => R.value?.querySelector(".gd-contract-template-designer__workspace-chrome-toggle")?.focus()
+		]), V = e(() => `页面装饰 · ${L.pageDecorationsPresetLabel} · 启用 ${L.pageDecorationsEnabledCount}/3`), H = e(() => `页面装饰，${L.pageDecorationsPresetLabel}，已启用 ${L.pageDecorationsEnabledCount}/3；${B.value.map((e) => `${e.label}${e.enabled ? "已启用" : "未启用"}`).join("，")}`);
+		return F({
+			focusPageDecorations: () => z.value?.querySelector(".gd-contract-template-designer__page-decorations-trigger")?.focus(),
+			focusImmersive: () => z.value?.querySelector(".gd-contract-template-designer__immersive-trigger")?.focus(),
+			focusChromeToggle: () => z.value?.querySelector(".gd-contract-template-designer__workspace-chrome-toggle")?.focus()
 		}), (e, l) => (c(), r("header", {
 			ref_key: "workspaceHeader",
-			ref: R,
+			ref: z,
 			class: "gd-contract-template-designer__workspace-header"
-		}, [i("div", O, [i("strong", null, u(o.summary), 1), o.showDraftCacheStatus && o.draftCacheStatusText ? (c(), r("small", {
+		}, [i("div", k, [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", k, [
-			i("div", A, [i("div", j, [
+		}, u(o.draftCacheStatusText), 3)) : n("", !0)]), i("div", A, [
+			i("div", j, [i("div", M, [
 				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) => L("zoomOut")
+						onClick: l[0] ||= (e) => R("zoomOut")
 					}, {
-						default: f(() => [a(d(D), { "aria-hidden": "true" })]),
+						default: f(() => [a(d(O), { "aria-hidden": "true" })]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
@@ -89,9 +91,9 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						class: "gd-contract-template-designer__icon-button",
 						disabled: o.zoomInDisabled,
 						"aria-label": "放大",
-						onClick: l[1] ||= (e) => L("zoomIn")
+						onClick: l[1] ||= (e) => R("zoomIn")
 					}, {
-						default: f(() => [a(d(E), { "aria-hidden": "true" })]),
+						default: f(() => [a(d(D), { "aria-hidden": "true" })]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
@@ -101,7 +103,7 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						size: "small",
 						class: "gd-contract-template-designer__icon-button",
 						"aria-label": "适应宽度",
-						onClick: l[2] ||= (e) => L("fitWidth")
+						onClick: l[2] ||= (e) => R("fitWidth")
 					}, {
 						default: f(() => [a(d(_), { "aria-hidden": "true" })]),
 						_: 1
@@ -113,9 +115,9 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						size: "small",
 						class: "gd-contract-template-designer__icon-button",
 						"aria-label": "重置缩放",
-						onClick: l[3] ||= (e) => L("resetZoom")
+						onClick: l[3] ||= (e) => R("resetZoom")
 					}, {
-						default: f(() => [a(d(w), { "aria-hidden": "true" })]),
+						default: f(() => [a(d(T), { "aria-hidden": "true" })]),
 						_: 1
 					})]),
 					_: 1
@@ -125,12 +127,12 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						size: "small",
 						class: "gd-contract-template-designer__icon-button",
 						"aria-label": o.isFullscreen ? "退出全屏" : "全屏显示",
-						onClick: l[4] ||= (e) => L("toggleFullscreen")
+						onClick: l[4] ||= (e) => R("toggleFullscreen")
 					}, {
-						default: f(() => [o.isFullscreen ? (c(), t(d(S), {
+						default: f(() => [o.isFullscreen ? (c(), t(d(C), {
 							key: 0,
 							"aria-hidden": "true"
-						})) : (c(), t(d(C), {
+						})) : (c(), t(d(w), {
 							key: 1,
 							"aria-hidden": "true"
 						}))]),
@@ -144,15 +146,15 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						class: s(["gd-contract-template-designer__icon-button gd-contract-template-designer__immersive-trigger", { "is-selected": o.immersive }]),
 						"aria-pressed": o.immersive,
 						"aria-label": "沉浸写作",
-						onClick: l[5] ||= (e) => L("toggleImmersive")
+						onClick: l[5] ||= (e) => R("toggleImmersive")
 					}, {
-						default: f(() => [a(d(x), { "aria-hidden": "true" })]),
+						default: f(() => [a(d(S), { "aria-hidden": "true" })]),
 						_: 1
 					}, 8, ["class", "aria-pressed"])]),
 					_: 1
 				})
 			])]),
-			i("div", M, [
+			i("div", N, [
 				o.showClearButton ? (c(), t(d(m), {
 					key: 0,
 					title: "清空合同"
@@ -163,24 +165,24 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						class: "gd-contract-template-designer__icon-button",
 						disabled: o.readonly,
 						"aria-label": "清空合同",
-						onClick: l[6] ||= (e) => L("clear")
+						onClick: l[6] ||= (e) => R("clear")
 					}, {
-						default: f(() => [a(d(y), { "aria-hidden": "true" })]),
+						default: f(() => [a(d(b), { "aria-hidden": "true" })]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
 				})) : n("", !0),
-				a(d(m), { title: B.value }, {
+				a(d(m), { title: V.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": V.value,
-						onClick: l[7] ||= (e) => L("togglePageDecorations")
+						"aria-label": H.value,
+						onClick: l[7] ||= (e) => R("togglePageDecorations")
 					}, {
-						default: f(() => [a(d(g), { "aria-hidden": "true" }), i("span", N, [l[12] ||= i("span", null, "页面装饰", -1), i("small", null, u(o.pageDecorationsPresetLabel) + " · 启用 " + u(o.pageDecorationsEnabledCount) + "/3", 1)])]),
+						default: f(() => [a(d(g), { "aria-hidden": "true" }), i("span", P, [l[13] ||= i("span", null, "页面装饰", -1), i("small", null, u(o.pageDecorationsPresetLabel) + " · 启用 " + u(o.pageDecorationsEnabledCount) + "/3", 1)])]),
 						_: 1
 					}, 8, [
 						"class",
@@ -196,7 +198,7 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						size: "small",
 						class: "gd-contract-template-designer__icon-button",
 						"aria-label": "校验",
-						onClick: l[8] ||= (e) => L("validate")
+						onClick: l[8] ||= (e) => R("validate")
 					}, {
 						default: f(() => [a(d(h), { "aria-hidden": "true" })]),
 						_: 1
@@ -209,9 +211,9 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						type: "primary",
 						class: "gd-contract-template-designer__icon-button",
 						"aria-label": "预览",
-						onClick: l[9] ||= (e) => L("preview")
+						onClick: l[9] ||= (e) => R("preview")
 					}, {
-						default: f(() => [a(d(b), { "aria-hidden": "true" })]),
+						default: f(() => [a(d(x), { "aria-hidden": "true" })]),
 						_: 1
 					})]),
 					_: 1
@@ -224,7 +226,22 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						size: "small",
 						class: "gd-contract-template-designer__icon-button",
 						"aria-label": "数据查看",
-						onClick: l[10] ||= (e) => L("submitData")
+						onClick: l[10] ||= (e) => R("submitData")
+					}, {
+						default: f(() => [a(d(y), { "aria-hidden": "true" })]),
+						_: 1
+					})]),
+					_: 1
+				})) : n("", !0),
+				o.showVariableDataViewer ? (c(), t(d(m), {
+					key: 2,
+					title: "控件变量"
+				}, {
+					default: f(() => [a(d(p), {
+						size: "small",
+						class: "gd-contract-template-designer__icon-button",
+						"aria-label": "控件变量",
+						onClick: l[11] ||= (e) => R("variableData")
 					}, {
 						default: f(() => [a(d(v), { "aria-hidden": "true" })]),
 						_: 1
@@ -239,9 +256,9 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 					"aria-label": "收起工具区",
 					"aria-expanded": !0,
 					"aria-controls": o.chromeControlsId,
-					onClick: l[11] ||= (e) => L("toggleChrome")
+					onClick: l[12] ||= (e) => R("toggleChrome")
 				}, {
-					default: f(() => [a(d(T), { "aria-hidden": "true" })]),
+					default: f(() => [a(d(E), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["aria-controls"])]),
 				_: 1
@@ -250,4 +267,4 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 	}
 });
 //#endregion
-export { P as default };
+export { F as default };

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

@@ -1,6 +1,6 @@
 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 a from "./ContractTemplatePageDecorations.mjs";
+import { resolvePageSize as o } from "./composables/use-template-designer.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
@@ -24,7 +24,7 @@ var h = { class: "gd-contract-template-designer__preview-page-shell" }, g = [
 		variables: {}
 	},
 	setup(f) {
-		let v = f, y = c(() => a(v.page.pageSize, v.fallbackPageSize)), b = c(() => {
+		let v = f, y = c(() => o(v.page.pageSize, v.fallbackPageSize)), b = c(() => {
 			let a = i(v.pageDecorations);
 			return {
 				width: `${y.value.width}px`,
@@ -42,7 +42,7 @@ var h = { class: "gd-contract-template-designer__preview-page-shell" }, g = [
 			"data-page-height": y.value.height,
 			style: p(b.value)
 		}, [
-			d(o, {
+			d(a, {
 				decorations: f.pageDecorations,
 				"page-number": f.pageNumber,
 				"total-pages": f.totalPages,