@guodun/antdv 1.3.2 → 1.4.0

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

@@ -0,0 +1,347 @@
+import e from "./SigningPlacementInspector.mjs";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as ee, createVNode as o, defineComponent as s, normalizeClass as te, openBlock as c, renderList as l, resolveDynamicComponent as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
+import { Button as m, Empty as h, Input as g, InputNumber as _, Select as v, Switch as y, Tag as ne, Tooltip as b } from "ant-design-vue";
+import { CopyOutlined as re, DeleteOutlined as ie, LeftOutlined as x, RightOutlined as S } from "@ant-design/icons-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateDesignerInspector.vue?vue&type=script&setup=true&lang.ts
+var C = ["aria-label", "aria-expanded"], w = { class: "gd-contract-template-designer__panel-stack" }, T = { class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--tools" }, E = [
+	"disabled",
+	"onDragstart",
+	"onClick"
+], D = {
+	class: "gd-contract-template-designer__tool-item-icon",
+	"aria-hidden": "true"
+}, O = { class: "gd-contract-template-designer__tool-item-copy" }, k = {
+	key: 0,
+	class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--tools"
+}, A = { class: "gd-contract-template-designer__panel-head" }, j = { class: "gd-contract-template-designer__panel-actions" }, M = [
+	"disabled",
+	"onDragstart",
+	"onClick"
+], N = {
+	class: "gd-contract-template-designer__tool-item-icon",
+	"aria-hidden": "true"
+}, P = { class: "gd-contract-template-designer__signing-tool-copy" }, F = { class: "gd-contract-template-designer__signing-tool-label" }, I = {
+	key: 2,
+	class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--properties"
+}, L = { class: "gd-contract-template-designer__panel-head" }, R = {
+	key: 0,
+	class: "gd-contract-template-designer__panel-actions"
+}, z = { class: "gd-contract-template-designer__form-row" }, B = { class: "gd-contract-template-designer__form-row" }, V = { class: "gd-contract-template-designer__form-row" }, H = { class: "gd-contract-template-designer__form-row" }, U = { class: "gd-contract-template-designer__form-row" }, W = { class: "gd-contract-template-designer__form-row" }, ae = {
+	key: 0,
+	class: "gd-contract-template-designer__switch-grid"
+}, G = { class: "gd-contract-template-designer__switch-row" }, K = {
+	key: 0,
+	class: "gd-contract-template-designer__form-row is-compact"
+}, q = {
+	key: 1,
+	class: "gd-contract-template-designer__form-row"
+}, J = { class: "gd-contract-template-designer__form-row" }, oe = { class: "gd-contract-template-designer__form-row" }, se = { class: "gd-contract-template-designer__form-row" }, ce = { class: "gd-contract-template-designer__form-row" }, le = { class: "gd-contract-template-designer__switch-grid" }, ue = { class: "gd-contract-template-designer__switch-row" }, de = { class: "gd-contract-template-designer__switch-row" }, fe = { class: "gd-contract-template-designer__switch-row" }, pe = {
+	key: 0,
+	class: "gd-contract-template-designer__switch-row"
+}, me = { class: "gd-contract-template-designer__form-row" }, he = { class: "gd-contract-template-designer__form-row" }, ge = { class: "gd-contract-template-designer__form-row" }, _e = ["value", "disabled"], Y = { class: "gd-contract-template-designer__form-row" }, ve = ["value", "disabled"], ye = { class: "gd-contract-template-designer__form-row" }, be = ["value", "disabled"], xe = { class: "gd-contract-template-designer__form-row" }, Se = { class: "gd-contract-template-designer__form-row" }, Ce = { class: "gd-contract-template-designer__form-row" }, X = /* @__PURE__ */ s({
+	name: "ContractTemplateDesignerInspector",
+	__name: "ContractTemplateDesignerInspector",
+	props: {
+		collapsed: { type: Boolean },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		showSigningPlacementTools: { type: Boolean },
+		bodyControlToolItems: {},
+		signingPlacementTools: {},
+		signingPlacements: {},
+		selectedSigningPlacement: {},
+		selectedSigningPlacementPageSize: {},
+		selectedVariable: {},
+		currentVariableFontFamily: {},
+		fontFamilySelectOptions: {},
+		textAlignOptions: {},
+		borderStyleOptions: {},
+		objectFitOptions: {},
+		selectedVariableWidthMax: {},
+		selectedVariableHeightMax: {},
+		minFontSize: {},
+		maxFontSize: {},
+		defaultMultilineRows: {},
+		resolveSigningPlacementTypeIcon: { type: Function },
+		signingPlacementTypeLabels: {}
+	},
+	emits: [
+		"toggle",
+		"variableDragStart",
+		"insertVariable",
+		"signingPlacementDragStart",
+		"insertSigningPlacement",
+		"patchSigningPlacement",
+		"duplicateSigningPlacement",
+		"removeSigningPlacement",
+		"duplicateVariable",
+		"removeVariable",
+		"patchVariable",
+		"patchStyle",
+		"patchMultiline",
+		"patchRows",
+		"patchFontFamily",
+		"patchFontSize",
+		"patchTextAlign",
+		"patchBorderStyle",
+		"patchObjectFit"
+	],
+	setup(s, { emit: X }) {
+		let Z = s, Q = X, $ = () => Z.readonly || Z.disabled;
+		return (s, X) => (c(), i("aside", { class: te(["gd-contract-template-designer__inspector", { "is-collapsed": Z.collapsed }]) }, [o(f(b), { title: Z.collapsed ? "展开属性栏" : "收起属性栏" }, {
+			default: p(() => [a("button", {
+				type: "button",
+				class: "gd-contract-template-designer__panel-handle",
+				"aria-label": Z.collapsed ? "展开属性栏" : "收起属性栏",
+				"aria-expanded": !Z.collapsed,
+				onClick: X[0] ||= (e) => Q("toggle")
+			}, [Z.collapsed ? (c(), n(f(x), {
+				key: 0,
+				"aria-hidden": "true"
+			})) : (c(), n(f(S), {
+				key: 1,
+				"aria-hidden": "true"
+			}))], 8, C)]),
+			_: 1
+		}, 8, ["title"]), a("div", w, [
+			a("section", T, [X[31] ||= a("div", { class: "gd-contract-template-designer__panel-head" }, [a("strong", null, "正文控件"), a("span", null, "拖到正文")], -1), (c(!0), i(t, null, l(Z.bodyControlToolItems, (e) => (c(), i("button", {
+				key: e.type,
+				type: "button",
+				draggable: "true",
+				class: "gd-contract-template-designer__tool-item",
+				disabled: $(),
+				onDragstart: (t) => Q("variableDragStart", t, e.type),
+				onClick: (t) => Q("insertVariable", e.type)
+			}, [a("span", D, [(c(), n(u(e.icon)))]), a("span", O, [a("span", null, d(e.label), 1), X[30] ||= a("small", null, "模板变量", -1)])], 40, E))), 128))]),
+			Z.showSigningPlacementTools ? (c(), i("section", k, [a("div", A, [X[32] ||= a("strong", null, "签署位置", -1), a("div", j, [o(f(ne), null, {
+				default: p(() => [ee(d(Z.signingPlacements.length), 1)]),
+				_: 1
+			})])]), (c(!0), i(t, null, l(Z.signingPlacementTools, (e) => (c(), i("button", {
+				key: e.key,
+				type: "button",
+				draggable: "true",
+				class: "gd-contract-template-designer__tool-item gd-contract-template-designer__signing-tool",
+				disabled: $(),
+				onDragstart: (t) => Q("signingPlacementDragStart", t, e),
+				onClick: (t) => Q("insertSigningPlacement", e)
+			}, [a("span", N, [(c(), n(u(Z.resolveSigningPlacementTypeIcon(e.type))))]), a("span", P, [a("span", F, d(e.label), 1), a("small", null, d(Z.signingPlacementTypeLabels[e.type]) + " · 页面坐标", 1)])], 40, M))), 128))])) : r("", !0),
+			Z.showSigningPlacementTools && Z.selectedSigningPlacement ? (c(), n(e, {
+				key: 1,
+				placement: Z.selectedSigningPlacement,
+				"page-size": Z.selectedSigningPlacementPageSize,
+				readonly: Z.readonly,
+				disabled: Z.disabled,
+				onUpdate: X[1] ||= (e) => Q("patchSigningPlacement", e),
+				onDuplicate: X[2] ||= (e) => Q("duplicateSigningPlacement"),
+				onRemove: X[3] ||= (e) => Q("removeSigningPlacement")
+			}, null, 8, [
+				"placement",
+				"page-size",
+				"readonly",
+				"disabled"
+			])) : (c(), i("section", I, [a("div", L, [X[33] ||= a("strong", null, "属性", -1), Z.selectedVariable ? (c(), i("div", R, [o(f(b), { title: "复制变量" }, {
+				default: p(() => [o(f(m), {
+					size: "small",
+					type: "primary",
+					class: "gd-contract-template-designer__icon-button",
+					disabled: $(),
+					"aria-label": "复制变量",
+					onClick: X[4] ||= (e) => Q("duplicateVariable", Z.selectedVariable)
+				}, {
+					default: p(() => [o(f(re), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled"])]),
+				_: 1
+			}), o(f(b), { title: "删除变量" }, {
+				default: p(() => [o(f(m), {
+					danger: "",
+					type: "primary",
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					disabled: $(),
+					"aria-label": "删除变量",
+					onClick: X[5] ||= (e) => Q("removeVariable", Z.selectedVariable)
+				}, {
+					default: p(() => [o(f(ie), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled"])]),
+				_: 1
+			})])) : r("", !0)]), Z.selectedVariable ? (c(), i(t, { key: 1 }, [
+				a("label", z, [X[34] ||= a("span", null, "名称", -1), o(f(g), {
+					value: Z.selectedVariable.label,
+					disabled: $(),
+					onChange: X[6] ||= (e) => Q("patchVariable", { label: e.target.value })
+				}, null, 8, ["value", "disabled"])]),
+				a("label", B, [X[35] ||= a("span", null, "变量标识", -1), o(f(g), {
+					value: Z.selectedVariable.key,
+					disabled: ""
+				}, null, 8, ["value"])]),
+				a("label", V, [X[36] ||= a("span", null, "占位文案", -1), o(f(g), {
+					value: Z.selectedVariable.placeholder,
+					disabled: $(),
+					onChange: X[7] ||= (e) => Q("patchVariable", { placeholder: e.target.value })
+				}, null, 8, ["value", "disabled"])]),
+				a("label", H, [X[37] ||= a("span", null, "默认值", -1), o(f(g), {
+					value: Z.selectedVariable.defaultValue,
+					disabled: $(),
+					onChange: X[8] ||= (e) => Q("patchVariable", { defaultValue: e.target.value })
+				}, null, 8, ["value", "disabled"])]),
+				a("label", U, [X[38] ||= a("span", null, "宽度", -1), o(f(_), {
+					value: Z.selectedVariable.width,
+					min: 48,
+					max: Z.selectedVariableWidthMax,
+					disabled: $(),
+					onChange: X[9] ||= (e) => Q("patchVariable", { width: Number(e || 48) })
+				}, null, 8, [
+					"value",
+					"max",
+					"disabled"
+				])]),
+				a("label", W, [X[39] ||= a("span", null, "高度", -1), o(f(_), {
+					value: Z.selectedVariable.height,
+					min: 24,
+					max: Z.selectedVariableHeightMax,
+					disabled: $(),
+					onChange: X[10] ||= (e) => Q("patchVariable", { height: Number(e || 24) })
+				}, null, 8, [
+					"value",
+					"max",
+					"disabled"
+				])]),
+				Z.selectedVariable.type === "text" ? (c(), i("div", ae, [a("label", G, [X[40] ||= a("span", null, "多行", -1), o(f(y), {
+					checked: !!Z.selectedVariable.multiline,
+					disabled: $(),
+					onChange: X[11] ||= (e) => Q("patchMultiline", !!e)
+				}, null, 8, ["checked", "disabled"])]), Z.selectedVariable.multiline ? (c(), i("label", K, [X[41] ||= a("span", null, "行数", -1), o(f(_), {
+					value: Z.selectedVariable.rows || Z.defaultMultilineRows,
+					min: 2,
+					max: 12,
+					disabled: $(),
+					onChange: X[12] ||= (e) => Q("patchRows", e)
+				}, null, 8, ["value", "disabled"])])) : r("", !0)])) : r("", !0),
+				Z.selectedVariable.type === "date" ? (c(), i("label", q, [X[42] ||= a("span", null, "日期格式", -1), o(f(g), {
+					value: Z.selectedVariable.format,
+					disabled: $(),
+					onChange: X[13] ||= (e) => Q("patchVariable", { format: e.target.value })
+				}, null, 8, ["value", "disabled"])])) : r("", !0),
+				Z.selectedVariable.type === "number" ? (c(), i(t, { key: 2 }, [a("label", J, [X[43] ||= a("span", null, "数字格式", -1), o(f(g), {
+					value: Z.selectedVariable.format,
+					disabled: $(),
+					onChange: X[14] ||= (e) => Q("patchVariable", { format: e.target.value })
+				}, null, 8, ["value", "disabled"])]), a("label", oe, [X[44] ||= a("span", null, "小数位", -1), o(f(_), {
+					value: Z.selectedVariable.precision,
+					min: 0,
+					max: 6,
+					disabled: $(),
+					onChange: X[15] ||= (e) => Q("patchVariable", { precision: typeof e == "number" ? e : void 0 })
+				}, null, 8, ["value", "disabled"])])], 64)) : r("", !0),
+				Z.selectedVariable.type === "checkbox" ? (c(), i(t, { key: 3 }, [a("label", se, [X[45] ||= a("span", null, "勾选文本", -1), o(f(g), {
+					value: Z.selectedVariable.checkedText,
+					disabled: $(),
+					onChange: X[16] ||= (e) => Q("patchVariable", { checkedText: e.target.value })
+				}, null, 8, ["value", "disabled"])]), a("label", ce, [X[46] ||= a("span", null, "未选文本", -1), o(f(g), {
+					value: Z.selectedVariable.uncheckedText,
+					disabled: $(),
+					onChange: X[17] ||= (e) => Q("patchVariable", { uncheckedText: e.target.value })
+				}, null, 8, ["value", "disabled"])])], 64)) : r("", !0),
+				a("div", le, [
+					a("label", ue, [X[47] ||= a("span", null, "必填", -1), o(f(y), {
+						checked: Z.selectedVariable.required,
+						disabled: $(),
+						onChange: X[18] ||= (e) => Q("patchVariable", { required: !!e })
+					}, null, 8, ["checked", "disabled"])]),
+					a("label", de, [X[48] ||= a("span", null, "边框", -1), o(f(y), {
+						checked: !!Z.selectedVariable.style?.border,
+						disabled: $(),
+						onChange: X[19] ||= (e) => Q("patchStyle", { border: !!e })
+					}, null, 8, ["checked", "disabled"])]),
+					a("label", fe, [X[49] ||= a("span", null, "下划线", -1), o(f(y), {
+						checked: !!Z.selectedVariable.style?.underline,
+						disabled: $(),
+						onChange: X[20] ||= (e) => Q("patchStyle", { underline: !!e })
+					}, null, 8, ["checked", "disabled"])]),
+					Z.selectedVariable.type === "number" ? (c(), i("label", pe, [X[50] ||= a("span", null, "千分位", -1), o(f(y), {
+						checked: Z.selectedVariable.useGrouping !== !1,
+						disabled: $(),
+						onChange: X[21] ||= (e) => Q("patchVariable", { useGrouping: !!e })
+					}, null, 8, ["checked", "disabled"])])) : r("", !0)
+				]),
+				a("label", me, [X[51] ||= a("span", null, "字体", -1), o(f(v), {
+					value: Z.currentVariableFontFamily,
+					options: Z.fontFamilySelectOptions,
+					disabled: $(),
+					onChange: X[22] ||= (e) => Q("patchFontFamily", e)
+				}, null, 8, [
+					"value",
+					"options",
+					"disabled"
+				])]),
+				a("label", he, [X[52] ||= a("span", null, "字号", -1), o(f(_), {
+					value: Z.selectedVariable.style?.fontSize,
+					min: Z.minFontSize,
+					max: Z.maxFontSize,
+					disabled: $(),
+					onChange: X[23] ||= (e) => Q("patchFontSize", e)
+				}, null, 8, [
+					"value",
+					"min",
+					"max",
+					"disabled"
+				])]),
+				a("label", ge, [X[53] ||= a("span", null, "颜色", -1), a("input", {
+					type: "color",
+					value: Z.selectedVariable.style?.color || "#1f2937",
+					disabled: $(),
+					onInput: X[24] ||= (e) => Q("patchStyle", { color: e.target.value })
+				}, null, 40, _e)]),
+				a("label", Y, [X[54] ||= a("span", null, "占位颜色", -1), a("input", {
+					type: "color",
+					value: Z.selectedVariable.style?.placeholderColor || "#7a818b",
+					disabled: $(),
+					onInput: X[25] ||= (e) => Q("patchStyle", { placeholderColor: e.target.value })
+				}, null, 40, ve)]),
+				a("label", ye, [X[55] ||= a("span", null, "线条颜色", -1), a("input", {
+					type: "color",
+					value: Z.selectedVariable.style?.lineColor || "#565b66",
+					disabled: $(),
+					onInput: X[26] ||= (e) => Q("patchStyle", { lineColor: e.target.value })
+				}, null, 40, be)]),
+				a("label", xe, [X[56] ||= a("span", null, "文字对齐", -1), o(f(v), {
+					value: Z.selectedVariable.style?.textAlign || "left",
+					options: Z.textAlignOptions,
+					disabled: $(),
+					onChange: X[27] ||= (e) => Q("patchTextAlign", e)
+				}, null, 8, [
+					"value",
+					"options",
+					"disabled"
+				])]),
+				Z.selectedVariable.type === "image" ? (c(), i(t, { key: 4 }, [a("label", Se, [X[57] ||= a("span", null, "边框样式", -1), o(f(v), {
+					value: Z.selectedVariable.style?.borderStyle || "dashed",
+					options: Z.borderStyleOptions,
+					disabled: $(),
+					onChange: X[28] ||= (e) => Q("patchBorderStyle", e)
+				}, null, 8, [
+					"value",
+					"options",
+					"disabled"
+				])]), a("label", Ce, [X[58] ||= a("span", null, "图片适配", -1), o(f(v), {
+					value: Z.selectedVariable.style?.objectFit || "contain",
+					options: Z.objectFitOptions,
+					disabled: $(),
+					onChange: X[29] ||= (e) => Q("patchObjectFit", e)
+				}, null, 8, [
+					"value",
+					"options",
+					"disabled"
+				])])], 64)) : r("", !0)
+			], 64)) : (c(), n(f(h), {
+				key: 0,
+				description: "请选择模板变量",
+				image: f(h).PRESENTED_IMAGE_SIMPLE
+			}, null, 8, ["image"]))]))
+		])], 2));
+	}
+});
+//#endregion
+export { X as default };

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

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

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

@@ -0,0 +1,171 @@
+import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
+import { Button as m, Empty as h, Select as g, Tag as _, Tooltip as v } from "ant-design-vue";
+import { CopyOutlined as y, DeleteOutlined as b, LeftOutlined as x, PlusOutlined as S, RightOutlined as C } from "@ant-design/icons-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateDesignerSidebar.vue?vue&type=script&setup=true&lang.ts
+var w = ["aria-label", "aria-expanded"], T = { class: "gd-contract-template-designer__panel-stack" }, E = { class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--navigation" }, D = { class: "gd-contract-template-designer__panel-head" }, O = { class: "gd-contract-template-designer__panel-actions" }, k = ["onClick"], A = { class: "gd-contract-template-designer__page-nav-actions" }, j = {
+	key: 0,
+	class: "gd-contract-template-designer__page-config"
+}, M = {
+	key: 0,
+	class: "gd-contract-template-designer__form-row"
+}, N = { class: "gd-contract-template-designer__page-size-note" }, P = { class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--navigation" }, F = { class: "gd-contract-template-designer__panel-head" }, I = ["onClick"], L = {
+	key: 0,
+	class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--navigation"
+}, R = { class: "gd-contract-template-designer__panel-head" }, z = ["onClick"], B = /* @__PURE__ */ s({
+	name: "ContractTemplateDesignerSidebar",
+	__name: "ContractTemplateDesignerSidebar",
+	props: {
+		collapsed: { type: Boolean },
+		pages: {},
+		variables: {},
+		signingPlacementNavigationItems: {},
+		activePageId: {},
+		selectedVariableKey: {},
+		selectedSigningPlacementId: {},
+		normalizedMaxPages: {},
+		pageLimitReached: { type: Boolean },
+		selectedPage: {},
+		selectedPageSize: {},
+		normalizedPageSizeOptions: {},
+		pageSizeOptions: {},
+		selectedPageSizeOptionValue: {},
+		showSigningPlacementTools: { type: Boolean },
+		readonly: { type: Boolean },
+		getPageSize: { type: Function },
+		getPageSigningPlacements: { type: Function }
+	},
+	emits: [
+		"toggle",
+		"addPage",
+		"activatePage",
+		"duplicatePage",
+		"removePage",
+		"patchPageFormat",
+		"scrollToVariable",
+		"scrollToSigningPlacement"
+	],
+	setup(s, { emit: B }) {
+		let V = s, H = B;
+		return (s, B) => (l(), r("aside", { class: c(["gd-contract-template-designer__sidebar", { "is-collapsed": V.collapsed }]) }, [o(f(v), { title: V.collapsed ? "展开页面栏" : "收起页面栏" }, {
+			default: p(() => [i("button", {
+				type: "button",
+				class: "gd-contract-template-designer__panel-handle",
+				"aria-label": V.collapsed ? "展开页面栏" : "收起页面栏",
+				"aria-expanded": !V.collapsed,
+				onClick: B[0] ||= (e) => H("toggle")
+			}, [V.collapsed ? (l(), t(f(C), {
+				key: 0,
+				"aria-hidden": "true"
+			})) : (l(), t(f(x), {
+				key: 1,
+				"aria-hidden": "true"
+			}))], 8, w)]),
+			_: 1
+		}, 8, ["title"]), i("div", T, [
+			i("section", E, [
+				i("div", D, [
+					B[3] ||= i("strong", null, "页面", -1),
+					o(f(_), null, {
+						default: p(() => [a(d(V.pages.length) + " / " + d(V.normalizedMaxPages), 1)]),
+						_: 1
+					}),
+					i("div", O, [o(f(v), { title: V.pageLimitReached ? `已达 ${V.normalizedMaxPages} 页上限` : "新增页面" }, {
+						default: p(() => [o(f(m), {
+							size: "small",
+							class: "gd-contract-template-designer__icon-button",
+							disabled: V.readonly || V.pageLimitReached,
+							"aria-label": "新增页面",
+							onClick: B[1] ||= (e) => H("addPage")
+						}, {
+							default: p(() => [o(f(S), { "aria-hidden": "true" })]),
+							_: 1
+						}, 8, ["disabled"])]),
+						_: 1
+					}, 8, ["title"])])
+				]),
+				(l(!0), r(e, null, u(V.pages, (e, t) => (l(), r("div", {
+					key: e.id,
+					class: "gd-contract-template-designer__page-nav-row"
+				}, [i("button", {
+					type: "button",
+					class: c(["gd-contract-template-designer__nav-item", { "is-active": V.activePageId === e.id }]),
+					onClick: (t) => H("activatePage", e.id)
+				}, [i("span", null, [a(d(e.title || `第 ${t + 1} 页`), 1), i("small", null, d(V.getPageSize(e).label) + " · " + d(V.getPageSigningPlacements(e.id).length) + " 个签署位置", 1)]), o(f(_), null, {
+					default: p(() => [a(d(t + 1), 1)]),
+					_: 2
+				}, 1024)], 10, k), i("div", A, [o(f(v), { title: "复制页面" }, {
+					default: p(() => [o(f(m), {
+						size: "small",
+						class: "gd-contract-template-designer__icon-button",
+						disabled: V.readonly || V.pageLimitReached,
+						"aria-label": "复制页面",
+						onClick: (t) => H("duplicatePage", e)
+					}, {
+						default: p(() => [o(f(y), { "aria-hidden": "true" })]),
+						_: 1
+					}, 8, ["disabled", "onClick"])]),
+					_: 2
+				}, 1024), o(f(v), { title: "删除页面" }, {
+					default: p(() => [o(f(m), {
+						size: "small",
+						danger: "",
+						class: "gd-contract-template-designer__icon-button",
+						disabled: V.readonly || V.pages.length <= 1,
+						"aria-label": "删除页面",
+						onClick: (t) => H("removePage", e)
+					}, {
+						default: p(() => [o(f(b), { "aria-hidden": "true" })]),
+						_: 1
+					}, 8, ["disabled", "onClick"])]),
+					_: 2
+				}, 1024)])]))), 128)),
+				V.selectedPage ? (l(), r("div", j, [V.normalizedPageSizeOptions.length > 1 ? (l(), r("label", M, [B[4] ||= i("span", null, "页面格式", -1), o(f(g), {
+					value: V.selectedPageSizeOptionValue,
+					options: V.pageSizeOptions,
+					disabled: V.readonly,
+					onChange: B[2] ||= (e) => H("patchPageFormat", e)
+				}, null, 8, [
+					"value",
+					"options",
+					"disabled"
+				])])) : n("", !0), i("div", N, d(V.selectedPageSize.width) + " × " + d(V.selectedPageSize.height), 1)])) : n("", !0)
+			]),
+			i("section", P, [
+				i("div", F, [B[5] ||= i("strong", null, "控件参数", -1), o(f(_), null, {
+					default: p(() => [a(d(V.variables.length), 1)]),
+					_: 1
+				})]),
+				V.variables.length ? n("", !0) : (l(), t(f(h), {
+					key: 0,
+					description: "暂无正文控件",
+					image: f(h).PRESENTED_IMAGE_SIMPLE
+				}, null, 8, ["image"])),
+				(l(!0), r(e, null, u(V.variables, (e) => (l(), r("button", {
+					key: e.id,
+					type: "button",
+					class: c(["gd-contract-template-designer__nav-item", { "is-active": V.selectedVariableKey === e.key }]),
+					onClick: (t) => H("scrollToVariable", e)
+				}, [i("span", null, d(e.label), 1), i("small", null, d(e.type || "text") + " · " + d(e.key), 1)], 10, I))), 128))
+			]),
+			V.showSigningPlacementTools ? (l(), r("section", L, [
+				i("div", R, [B[6] ||= i("strong", null, "签署位置", -1), o(f(_), null, {
+					default: p(() => [a(d(V.signingPlacementNavigationItems.length), 1)]),
+					_: 1
+				})]),
+				V.signingPlacementNavigationItems.length ? n("", !0) : (l(), t(f(h), {
+					key: 0,
+					description: "暂无签署位置",
+					image: f(h).PRESENTED_IMAGE_SIMPLE
+				}, null, 8, ["image"])),
+				(l(!0), r(e, null, u(V.signingPlacementNavigationItems, (e) => (l(), r("button", {
+					key: e.placement.id,
+					type: "button",
+					class: c(["gd-contract-template-designer__nav-item", { "is-active": V.selectedSigningPlacementId === e.placement.id }]),
+					onClick: (t) => H("scrollToSigningPlacement", e.placement.id)
+				}, [i("span", null, d(e.label), 1), i("small", null, d(e.detail) + " · x" + d(e.placement.x) + " y" + d(e.placement.y), 1)], 10, z))), 128))
+			])) : n("", !0)
+		])], 2));
+	}
+});
+//#endregion
+export { B as default };

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

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