@guodun/antdv 1.2.5 → 1.3.0

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

@@ -1,25 +1,32 @@
 import e from "../../../node_modules/@ant-design/icons-vue/es/icons/DeleteOutlined.mjs";
 import t from "../../../node_modules/@ant-design/icons-vue/es/icons/EyeOutlined.mjs";
-import { isSafeContractImageUrl as n } from "./utils/template-renderer.mjs";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, renderList as m, toDisplayString as h, unref as g, withCtx as _, withModifiers as v } from "vue";
-import { Button as y, Checkbox as b, DatePicker as x, Image as S, Input as C, InputNumber as w, Tooltip as T } from "ant-design-vue";
+import { isSafeContractImageUrl as n } from "./utils/image-url.mjs";
+import { isContractTemplateFieldType as r } from "./types.mjs";
+import { getFieldOption as i } from "./composables/use-template-designer.mjs";
+import { resolveFieldTypeIcon as a } from "./utils/template-tool-icons.mjs";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, openBlock as g, renderList as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, withCtx as x, withModifiers as S } from "vue";
+import { Button as C, Checkbox as w, DatePicker as T, Image as E, Input as D, InputNumber as O, Tooltip as k } from "ant-design-vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateRendererField.vue?vue&type=script&setup=true&lang.ts
-var E = { class: "gd-contract-template-renderer__field-head" }, D = {
+var A = { class: "gd-contract-template-renderer__field-head" }, j = { class: "gd-contract-template-renderer__field-title" }, M = {
+	class: "gd-contract-template-renderer__field-type-icon",
+	"aria-hidden": "true"
+}, N = { class: "gd-contract-template-renderer__field-title-text" }, P = {
 	key: 0,
+	class: "gd-contract-template-renderer__field-required",
 	"aria-label": "必填"
-}, O = {
+}, F = {
 	key: 4,
 	class: "gd-contract-template-renderer__field-checkbox"
-}, k = {
+}, I = {
 	key: 5,
 	class: "gd-contract-template-renderer__image-field"
-}, A = {
+}, L = {
 	key: 0,
 	class: "gd-contract-template-renderer__image-preview"
-}, j = {
+}, R = {
 	key: 7,
 	class: "gd-contract-template-renderer__field-errors"
-}, M = /* @__PURE__ */ d({
+}, z = /* @__PURE__ */ m({
 	name: "ContractTemplateRendererField",
 	__name: "ContractTemplateRendererField",
 	props: {
@@ -35,127 +42,130 @@ var E = { class: "gd-contract-template-renderer__field-head" }, D = {
 		disabled: { type: Boolean }
 	},
 	emits: ["updateValue", "focusVariable"],
-	setup(d, { emit: M }) {
-		let N = d, P = M, F = i(() => N.readonly || N.disabled), I = i(() => N.value === void 0 || N.value === null ? "" : String(N.value)), L = i(() => {
-			if (N.value === void 0 || N.value === null || N.value === "") return;
-			let e = Number(N.value);
+	setup(m, { emit: z }) {
+		let B = m, V = z, H = s(() => B.readonly || B.disabled), U = s(() => B.value === void 0 || B.value === null ? "" : String(B.value)), W = s(() => {
+			if (B.value === void 0 || B.value === null || B.value === "") return;
+			let e = Number(B.value);
 			return Number.isFinite(e) ? e : void 0;
-		}), R = i(() => N.value === !0 || N.value === "true" || N.value === "1" || N.value === "是" || N.value === "已选"), z = i(() => N.errors.length > 0), B = i(() => I.value && n(I.value) ? I.value : "");
-		function V(e) {
-			P("updateValue", e);
+		}), G = s(() => B.value === !0 || B.value === "true" || B.value === "1" || B.value === "是" || B.value === "已选"), K = s(() => B.errors.length > 0), q = s(() => U.value && n(U.value) ? U.value : ""), J = s(() => r(B.variable.type) ? B.variable.type : "text"), Y = s(() => a(J.value)), X = s(() => i(J.value).label);
+		function Z(e) {
+			V("updateValue", e);
 		}
-		function H(e) {
+		function Q(e) {
 			if (e === null || e === "") {
-				P("updateValue", void 0);
+				V("updateValue", void 0);
 				return;
 			}
 			let t = Number(e);
-			P("updateValue", Number.isFinite(t) ? t : void 0);
+			V("updateValue", Number.isFinite(t) ? t : void 0);
 		}
-		function U(e) {
-			P("updateValue", e);
+		function $(e) {
+			V("updateValue", e);
 		}
-		function W(e) {
-			P("updateValue", typeof e == "string" ? e : "");
+		function ee(e) {
+			V("updateValue", typeof e == "string" ? e : "");
 		}
-		return (n, i) => (p(), s("section", {
-			class: f(["gd-contract-template-renderer__field", {
-				"is-active": d.active,
-				"has-error": z.value
+		return (n, r) => (g(), u("section", {
+			class: h(["gd-contract-template-renderer__field", {
+				"is-active": m.active,
+				"has-error": K.value
 			}]),
-			onClick: i[1] ||= (e) => P("focusVariable"),
-			onFocusin: i[2] ||= (e) => P("focusVariable")
+			onClick: r[1] ||= (e) => V("focusVariable"),
+			onFocusin: r[2] ||= (e) => V("focusVariable")
 		}, [
-			c("div", E, [c("strong", null, [l(h(d.variable.label || d.variable.key) + " ", 1), d.variable.required ? (p(), s("span", D, "*")) : o("", !0)]), c("small", null, h(d.variable.key), 1)]),
-			d.variable.type === "text" && d.variable.multiline ? (p(), a(g(C).TextArea, {
+			d("div", A, [d("strong", null, [d("span", j, [p(b(k), { title: X.value }, {
+				default: x(() => [d("span", M, [(g(), c(v(Y.value)))])]),
+				_: 1
+			}, 8, ["title"]), d("span", N, [f(y(m.variable.label || m.variable.key) + " ", 1), m.variable.required ? (g(), u("span", P, "*")) : l("", !0)])])]), d("small", null, y(m.variable.key), 1)]),
+			m.variable.type === "text" && m.variable.multiline ? (g(), c(b(D).TextArea, {
 				key: 0,
-				value: I.value,
-				rows: d.variable.rows || 3,
-				placeholder: d.variable.placeholder || "",
-				disabled: F.value,
-				"onUpdate:value": V
+				value: U.value,
+				rows: m.variable.rows || 3,
+				placeholder: m.variable.placeholder || "",
+				disabled: H.value,
+				"onUpdate:value": Z
 			}, null, 8, [
 				"value",
 				"rows",
 				"placeholder",
 				"disabled"
-			])) : !d.variable.type || d.variable.type === "text" ? (p(), a(g(C), {
+			])) : !m.variable.type || m.variable.type === "text" ? (g(), c(b(D), {
 				key: 1,
-				value: I.value,
-				placeholder: d.variable.placeholder || "",
-				disabled: F.value,
-				"onUpdate:value": V
+				value: U.value,
+				placeholder: m.variable.placeholder || "",
+				disabled: H.value,
+				"onUpdate:value": Z
 			}, null, 8, [
 				"value",
 				"placeholder",
 				"disabled"
-			])) : d.variable.type === "date" ? (p(), a(g(x), {
+			])) : m.variable.type === "date" ? (g(), c(b(T), {
 				key: 2,
 				"value-format": "YYYY-MM-DD",
-				value: I.value,
-				placeholder: d.variable.placeholder || "",
-				disabled: F.value,
-				"onUpdate:value": W
+				value: U.value,
+				placeholder: m.variable.placeholder || "",
+				disabled: H.value,
+				"onUpdate:value": ee
 			}, null, 8, [
 				"value",
 				"placeholder",
 				"disabled"
-			])) : d.variable.type === "number" ? (p(), a(g(w), {
+			])) : m.variable.type === "number" ? (g(), c(b(O), {
 				key: 3,
-				value: L.value,
-				precision: d.variable.precision,
-				placeholder: d.variable.placeholder || "",
-				disabled: F.value,
-				"onUpdate:value": H
+				value: W.value,
+				precision: m.variable.precision,
+				placeholder: m.variable.placeholder || "",
+				disabled: H.value,
+				"onUpdate:value": Q
 			}, null, 8, [
 				"value",
 				"precision",
 				"placeholder",
 				"disabled"
-			])) : d.variable.type === "checkbox" ? (p(), s("label", O, [u(g(b), {
-				checked: R.value,
-				disabled: F.value,
-				"onUpdate:checked": U
-			}, null, 8, ["checked", "disabled"]), c("span", null, h(R.value ? d.variable.checkedText || "已选" : d.variable.uncheckedText || "未选"), 1)])) : d.variable.type === "image" ? (p(), s("div", k, [
-				u(g(C), {
-					value: I.value,
-					placeholder: d.variable.placeholder || "请输入图片 URL",
-					disabled: F.value,
-					"onUpdate:value": V
+			])) : m.variable.type === "checkbox" ? (g(), u("label", F, [p(b(w), {
+				checked: G.value,
+				disabled: H.value,
+				"onUpdate:checked": $
+			}, null, 8, ["checked", "disabled"]), d("span", null, y(G.value ? m.variable.checkedText || "已选" : m.variable.uncheckedText || "未选"), 1)])) : m.variable.type === "image" ? (g(), u("div", I, [
+				p(b(D), {
+					value: U.value,
+					placeholder: m.variable.placeholder || "请输入图片 URL",
+					disabled: H.value,
+					"onUpdate:value": Z
 				}, null, 8, [
 					"value",
 					"placeholder",
 					"disabled"
 				]),
-				u(g(T), { title: "清除图片地址" }, {
-					default: _(() => [u(g(y), {
+				p(b(k), { title: "清除图片地址" }, {
+					default: x(() => [p(b(C), {
 						"aria-label": "清除图片地址",
-						disabled: F.value || !I.value,
-						onClick: i[0] ||= v((e) => V(""), ["stop"])
+						disabled: H.value || !U.value,
+						onClick: r[0] ||= S((e) => Z(""), ["stop"])
 					}, {
-						icon: _(() => [u(g(e))]),
+						icon: x(() => [p(b(e))]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
 				}),
-				B.value ? (p(), s("div", A, [u(g(S), {
-					src: B.value,
-					alt: d.variable.label || d.variable.key
-				}, null, 8, ["src", "alt"]), c("span", null, [u(g(t)), i[3] ||= l(" 点击图片预览", -1)])])) : o("", !0)
-			])) : (p(), a(g(C), {
+				q.value ? (g(), u("div", L, [p(b(E), {
+					src: q.value,
+					alt: m.variable.label || m.variable.key
+				}, null, 8, ["src", "alt"]), d("span", null, [p(b(t)), r[3] ||= f(" 点击图片预览", -1)])])) : l("", !0)
+			])) : (g(), c(b(D), {
 				key: 6,
-				value: I.value,
-				placeholder: d.variable.placeholder || "",
-				disabled: F.value,
-				"onUpdate:value": V
+				value: U.value,
+				placeholder: m.variable.placeholder || "",
+				disabled: H.value,
+				"onUpdate:value": Z
 			}, null, 8, [
 				"value",
 				"placeholder",
 				"disabled"
 			])),
-			z.value ? (p(), s("div", j, [(p(!0), s(r, null, m(d.errors, (e) => (p(), s("span", { key: `${e.id}-${e.message}` }, h(e.message), 1))), 128))])) : o("", !0)
+			K.value ? (g(), u("div", R, [(g(!0), u(o, null, _(m.errors, (e) => (g(), u("span", { key: `${e.id}-${e.message}` }, y(e.message), 1))), 128))])) : l("", !0)
 		], 34));
 	}
 });
 //#endregion
-export { M as default };
+export { z as default };

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

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

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

@@ -0,0 +1,169 @@
+import e from "../../../node_modules/@ant-design/icons-vue/es/icons/AuditOutlined.mjs";
+import t from "../../../node_modules/@ant-design/icons-vue/es/icons/MenuFoldOutlined.mjs";
+import n from "../../../node_modules/@ant-design/icons-vue/es/icons/MenuUnfoldOutlined.mjs";
+import r from "../../../node_modules/@ant-design/icons-vue/es/icons/SendOutlined.mjs";
+import i from "../../../node_modules/@ant-design/icons-vue/es/icons/UndoOutlined.mjs";
+import a from "./ContractTemplateRendererToolbar.mjs";
+import { createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import { Button as y, Tooltip as b } from "ant-design-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateRendererHeader.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "gd-contract-template-renderer__header" }, S = { class: "gd-contract-template-renderer__title" }, C = { class: "gd-contract-template-renderer__header-meta" }, w = { class: "gd-contract-template-renderer__header-actions" }, T = /* @__PURE__ */ f({
+	name: "ContractTemplateRendererHeader",
+	__name: "ContractTemplateRendererHeader",
+	props: {
+		title: {},
+		filledCount: {},
+		totalCount: {},
+		requiredMissingCount: {},
+		zoom: {},
+		pages: {},
+		activePageId: {},
+		minZoom: {},
+		maxZoom: {},
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		},
+		showValidateButton: {
+			type: Boolean,
+			default: !0
+		},
+		showResetButton: {
+			type: Boolean,
+			default: !0
+		},
+		showSubmitButton: {
+			type: Boolean,
+			default: !0
+		},
+		showPanelToggle: {
+			type: Boolean,
+			default: !1
+		},
+		panelCollapsed: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"zoomIn",
+		"zoomOut",
+		"resetZoom",
+		"fitWidth",
+		"selectPage",
+		"validate",
+		"reset",
+		"submit",
+		"togglePanel"
+	],
+	setup(f, { emit: T }) {
+		let E = T;
+		return (T, D) => (m(), c("header", x, [
+			l("div", S, [
+				D[9] ||= l("span", {
+					class: "gd-contract-template-renderer__title-bar",
+					"aria-hidden": "true"
+				}, null, -1),
+				l("div", C, [l("strong", null, g(f.title), 1), l("span", null, g(f.filledCount) + " / " + g(f.totalCount) + " 已填写", 1)]),
+				l("span", { class: p(["gd-contract-template-renderer__progress-pill", { "is-warning": f.requiredMissingCount > 0 }]) }, g(f.requiredMissingCount > 0 ? `${f.requiredMissingCount} 项必填未完成` : "必填项已完成"), 3)
+			]),
+			f.showToolbar ? (m(), o(a, {
+				key: 0,
+				zoom: f.zoom,
+				pages: f.pages,
+				"active-page-id": f.activePageId,
+				"min-zoom": f.minZoom,
+				"max-zoom": f.maxZoom,
+				onZoomIn: D[0] ||= (e) => E("zoomIn"),
+				onZoomOut: D[1] ||= (e) => E("zoomOut"),
+				onResetZoom: D[2] ||= (e) => E("resetZoom"),
+				onFitWidth: D[3] ||= (e) => E("fitWidth"),
+				onSelectPage: D[4] ||= (e) => E("selectPage", e)
+			}, null, 8, [
+				"zoom",
+				"pages",
+				"active-page-id",
+				"min-zoom",
+				"max-zoom"
+			])) : s("", !0),
+			l("div", w, [
+				f.showPanelToggle ? (m(), o(_(b), {
+					key: 0,
+					title: f.panelCollapsed ? "展开填写面板" : "收起填写面板"
+				}, {
+					default: v(() => [d(_(y), {
+						size: "small",
+						class: "gd-contract-template-renderer__icon-button gd-contract-template-renderer__panel-toggle",
+						"aria-label": f.panelCollapsed ? "展开填写面板" : "收起填写面板",
+						"aria-expanded": !f.panelCollapsed,
+						onClick: D[5] ||= (e) => E("togglePanel")
+					}, {
+						default: v(() => [f.panelCollapsed ? (m(), o(_(n), {
+							key: 0,
+							"aria-hidden": "true"
+						})) : (m(), o(_(t), {
+							key: 1,
+							"aria-hidden": "true"
+						}))]),
+						_: 1
+					}, 8, ["aria-label", "aria-expanded"])]),
+					_: 1
+				}, 8, ["title"])) : s("", !0),
+				h(T.$slots, "extra"),
+				f.showValidateButton ? (m(), o(_(b), {
+					key: 1,
+					title: "校验"
+				}, {
+					default: v(() => [d(_(y), {
+						size: "small",
+						class: "gd-contract-template-renderer__icon-button",
+						disabled: f.readonly || f.disabled,
+						"aria-label": "校验",
+						onClick: D[6] ||= (e) => E("validate")
+					}, {
+						default: v(() => [d(_(e), { "aria-hidden": "true" })]),
+						_: 1
+					}, 8, ["disabled"])]),
+					_: 1
+				})) : s("", !0),
+				f.showResetButton ? (m(), o(_(b), {
+					key: 2,
+					title: "重置默认值"
+				}, {
+					default: v(() => [d(_(y), {
+						size: "small",
+						class: "gd-contract-template-renderer__icon-button",
+						disabled: f.readonly || f.disabled,
+						"aria-label": "重置默认值",
+						onClick: D[7] ||= (e) => E("reset")
+					}, {
+						default: v(() => [d(_(i), { "aria-hidden": "true" })]),
+						_: 1
+					}, 8, ["disabled"])]),
+					_: 1
+				})) : s("", !0),
+				f.showSubmitButton && !f.readonly ? (m(), o(_(y), {
+					key: 3,
+					type: "primary",
+					size: "small",
+					disabled: f.disabled,
+					onClick: D[8] ||= (e) => E("submit")
+				}, {
+					icon: v(() => [d(_(r), { "aria-hidden": "true" })]),
+					default: v(() => [D[10] ||= u(" 提交填写数据 ", -1)]),
+					_: 1
+				}, 8, ["disabled"])) : s("", !0)
+			])
+		]));
+	}
+});
+//#endregion
+export { T as default };

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

@@ -15,7 +15,9 @@ var b = {
 	props: {
 		zoom: {},
 		pages: {},
-		activePageId: {}
+		activePageId: {},
+		minZoom: { default: .5 },
+		maxZoom: { default: 1.5 }
 	},
 	emits: [
 		"zoomIn",
@@ -29,11 +31,13 @@ var b = {
 		return (C, T) => (f(), s("div", b, [c("div", x, [
 			u(h(y), { title: "缩小" }, {
 				default: g(() => [u(h(_), {
+					size: "small",
+					class: "gd-contract-template-renderer__icon-button",
 					"aria-label": "缩小",
-					disabled: d.zoom <= .5,
+					disabled: d.zoom <= d.minZoom,
 					onClick: T[0] ||= (e) => w("zoomOut")
 				}, {
-					icon: g(() => [u(h(t))]),
+					default: g(() => [u(h(t), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["disabled"])]),
 				_: 1
@@ -41,31 +45,37 @@ var b = {
 			c("span", S, m(Math.round(d.zoom * 100)) + "%", 1),
 			u(h(y), { title: "放大" }, {
 				default: g(() => [u(h(_), {
+					size: "small",
+					class: "gd-contract-template-renderer__icon-button",
 					"aria-label": "放大",
-					disabled: d.zoom >= 1.5,
+					disabled: d.zoom >= d.maxZoom,
 					onClick: T[1] ||= (e) => w("zoomIn")
 				}, {
-					icon: g(() => [u(h(n))]),
+					default: g(() => [u(h(n), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["disabled"])]),
 				_: 1
 			}),
 			u(h(y), { title: "重置缩放" }, {
 				default: g(() => [u(h(_), {
+					size: "small",
+					class: "gd-contract-template-renderer__icon-button",
 					"aria-label": "重置缩放",
 					onClick: T[2] ||= (e) => w("resetZoom")
 				}, {
-					icon: g(() => [u(h(r))]),
+					default: g(() => [u(h(r), { "aria-hidden": "true" })]),
 					_: 1
 				})]),
 				_: 1
 			}),
 			u(h(y), { title: "适应宽度" }, {
 				default: g(() => [u(h(_), {
+					size: "small",
+					class: "gd-contract-template-renderer__icon-button",
 					"aria-label": "适应宽度",
 					onClick: T[3] ||= (e) => w("fitWidth")
 				}, {
-					icon: g(() => [u(h(e))]),
+					default: g(() => [u(h(e), { "aria-hidden": "true" })]),
 					_: 1
 				})]),
 				_: 1
@@ -73,6 +83,7 @@ var b = {
 		]), d.pages.length ? (f(), a(h(v), {
 			key: 0,
 			class: "gd-contract-template-renderer__page-select",
+			size: "small",
 			value: d.activePageId || d.pages[0]?.id,
 			"aria-label": "定位页面",
 			"onUpdate:value": T[4] ||= (e) => w("selectPage", String(e))