@guodun/antdv 1.3.2 → 1.4.0

package/dist/es/components/pro-contract-signing-flow/src/ContractSigningFlowInspector.vue.mjs

@@ -1,18 +1,19 @@
-import { CONTRACT_SIGNING_FLOW_SEAL_TYPES as e } from "./constants.mjs";
-import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as ee, openBlock as u, ref as d, renderList as te, toDisplayString as f, unref as p, vShow as ne, withCtx as m, withDirectives as re } from "vue";
-import { Button as ie, Checkbox as ae, Empty as h, Form as oe, FormItem as g, Input as _, RadioGroup as se, Select as v, Switch as y, Tag as b } from "ant-design-vue";
-import { DownOutlined as x, EnvironmentOutlined as ce, RightOutlined as le } from "@ant-design/icons-vue";
+import e from "../../pro-title/index.mjs";
+import { CONTRACT_SIGNING_FLOW_IDENTITY_OPTIONS as t, CONTRACT_SIGNING_FLOW_SEAL_TYPES as n } from "./constants.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, ref as m, renderList as ee, toDisplayString as h, unref as g, vShow as te, withCtx as _, withDirectives as ne } from "vue";
+import { Button as re, Checkbox as ie, Empty as v, Form as ae, FormItem as y, Input as b, RadioGroup as x, Select as oe, Switch as S, Tag as se } from "ant-design-vue";
+import { DownOutlined as ce, EnvironmentOutlined as le, ExclamationCircleOutlined as ue, FileDoneOutlined as de, PlayCircleOutlined as fe, RightOutlined as pe } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-signing-flow/src/ContractSigningFlowInspector.vue?vue&type=script&setup=true&lang.ts
-var ue = { class: "gd-contract-signing-flow__inspector" }, de = { class: "gd-contract-signing-flow__inspector-header" }, fe = { class: "gd-contract-signing-flow__inspector-scroll" }, pe = { class: "gd-contract-signing-flow__form-section" }, S = { class: "gd-contract-signing-flow__form-section" }, C = { class: "gd-contract-signing-flow__setting-list" }, w = { class: "gd-contract-signing-flow__setting-row" }, T = { class: "gd-contract-signing-flow__form-section" }, E = { class: "gd-contract-signing-flow__section-heading" }, D = { class: "gd-contract-signing-flow__rule-grid" }, O = {
+var me = { class: "gd-contract-signing-flow__inspector" }, C = { class: "gd-contract-signing-flow__inspector-header" }, w = { class: "gd-contract-signing-flow__inspector-type" }, T = { class: "gd-contract-signing-flow__inspector-scroll" }, E = { class: "gd-contract-signing-flow__form-section" }, D = { class: "gd-contract-signing-flow__form-section" }, O = { class: "gd-contract-signing-flow__segmented is-two" }, k = {
+	key: 0,
+	class: "gd-contract-signing-flow__identity-note"
+}, A = { class: "gd-contract-signing-flow__setting-list" }, j = { class: "gd-contract-signing-flow__setting-row" }, M = { class: "gd-contract-signing-flow__form-section" }, N = { class: "gd-contract-signing-flow__section-heading" }, P = { class: "gd-contract-signing-flow__rule-summary" }, F = { class: "gd-contract-signing-flow__rule-grid" }, I = { class: "gd-contract-signing-flow__segmented is-three" }, L = { class: "gd-contract-signing-flow__segmented is-three" }, R = {
 	key: 0,
 	class: "gd-contract-signing-flow__seal-types"
-}, k = { class: "gd-contract-signing-flow__seal-list" }, A = { class: "gd-contract-signing-flow__section-heading-meta" }, j = { class: "gd-contract-signing-flow__setting-list is-compact" }, M = { class: "gd-contract-signing-flow__setting-row" }, N = { class: "gd-contract-signing-flow__setting-row" }, P = { class: "gd-contract-signing-flow__setting-row" }, F = { class: "gd-contract-signing-flow__setting-row" }, I = { class: "gd-contract-signing-flow__setting-row" }, L = { class: "gd-contract-signing-flow__setting-row" }, R = { class: "gd-contract-signing-flow__setting-row" }, z = { class: "gd-contract-signing-flow__setting-row" }, B = {
+}, z = { class: "gd-contract-signing-flow__seal-list" }, he = { class: "gd-contract-signing-flow__section-heading-meta" }, ge = { class: "gd-contract-signing-flow__setting-list is-compact" }, _e = { class: "gd-contract-signing-flow__setting-row" }, ve = { class: "gd-contract-signing-flow__setting-row" }, ye = { class: "gd-contract-signing-flow__setting-row" }, be = { class: "gd-contract-signing-flow__setting-row" }, B = { class: "gd-contract-signing-flow__setting-row" }, xe = { class: "gd-contract-signing-flow__setting-row" }, Se = { class: "gd-contract-signing-flow__setting-row" }, Ce = { class: "gd-contract-signing-flow__setting-row" }, we = {
 	key: 0,
 	class: "gd-contract-signing-flow__form-section is-placement"
-}, me = { class: "gd-contract-signing-flow__section-heading" }, he = {
-	key: 1,
-	class: "gd-contract-signing-flow__node-overview"
-}, ge = { class: "gd-contract-signing-flow__node-overview-icon" }, V = /* @__PURE__ */ l({
+}, Te = { class: "gd-contract-signing-flow__placement-summary" }, Ee = { class: "gd-contract-signing-flow__placement-count" }, De = { class: "gd-contract-signing-flow__node-overview-icon" }, V = /* @__PURE__ */ d({
 	__name: "ContractSigningFlowInspector",
 	props: {
 		node: {},
@@ -21,8 +22,8 @@ var ue = { class: "gd-contract-signing-flow__inspector" }, de = { class: "gd-con
 		showPlacement: { type: Boolean }
 	},
 	emits: ["change", "placementRequest"],
-	setup(l, { emit: V }) {
-		let H = l, U = d(!1), _e = [
+	setup(d, { emit: V }) {
+		let H = d, U = m(!1), Oe = [
 			"smsVerify",
 			"faceVerify",
 			"passwordVerify",
@@ -31,13 +32,7 @@ var ue = { class: "gd-contract-signing-flow__inspector" }, de = { class: "gd-con
 			"batchFunctionEnable",
 			"perforationSealEnable",
 			"cannotExtraLocations"
-		], W = V, G = n(() => H.readonly || H.disabled), ve = [{
-			label: "个人",
-			value: "person"
-		}, {
-			label: "企业",
-			value: "company"
-		}], K = [
+		], W = V, G = i(() => H.readonly || H.disabled), K = [
 			{
 				label: "必须",
 				value: "must"
@@ -50,7 +45,7 @@ var ue = { class: "gd-contract-signing-flow__inspector" }, de = { class: "gd-con
 				label: "禁止",
 				value: "forbid"
 			}
-		], ye = [{
+		], ke = [{
 			label: "任一人通过",
 			value: "ONE_PASS"
 		}, {
@@ -84,7 +79,7 @@ var ue = { class: "gd-contract-signing-flow__inspector" }, de = { class: "gd-con
 				e === "description" ? n.description = t || null : n[e] = t;
 			});
 		}
-		function be(e) {
+		function Ae(e) {
 			e !== "person" && e !== "company" || q((t) => {
 				if (t.identity = e, e === "person") {
 					let e = t.config.signRule;
@@ -92,12 +87,12 @@ var ue = { class: "gd-contract-signing-flow__inspector" }, de = { class: "gd-con
 				}
 			});
 		}
-		function xe(e) {
+		function je(e) {
 			q((t) => {
 				t.multi = e === !0;
 			});
 		}
-		function Se(e) {
+		function Me(e) {
 			e !== "ONE_PASS" && e !== "ALL_PASS" || q((t) => {
 				t.multiCompletedCondition = {
 					...t.multiCompletedCondition || {
@@ -108,7 +103,7 @@ var ue = { class: "gd-contract-signing-flow__inspector" }, de = { class: "gd-con
 				};
 			});
 		}
-		function Ce(e, t) {
+		function Ne(e, t) {
 			q((n) => {
 				let r = n.config.signRule;
 				r.sealType = t === !0 ? Array.from(new Set([...r.sealType, e])) : r.sealType.filter((t) => t !== e);
@@ -125,209 +120,217 @@ var ue = { class: "gd-contract-signing-flow__inspector" }, de = { class: "gd-con
 				r[e] = t === !0, t === !0 && (e === "noneVerify" ? (r.smsVerify = !1, r.faceVerify = !1, r.passwordVerify = !1) : r.noneVerify = !1);
 			});
 		}
-		function we() {
+		function Pe() {
 			let e = J();
 			return e ? e.mustSeal ? "必须印章" : e.cannotSignature ? "仅印章" : e.cannotSeal ? "仅签名" : "签名可选" : "未配置";
 		}
-		let Te = n(() => {
+		let Fe = i(() => {
 			let e = J();
-			return e ? _e.filter((t) => e[t] === !0).length : 0;
+			return e ? Oe.filter((t) => e[t] === !0).length : 0;
 		});
-		function Ee(e) {
+		function Ie(e) {
 			return e === "sign" ? "签署节点" : e === "start" ? "开始节点" : e === "end" ? "结束节点" : "异常节点";
 		}
-		return (n, d) => (u(), a("aside", ue, [l.node ? (u(), a(t, { key: 0 }, [o("header", de, [o("div", null, [d[15] ||= o("h2", null, "节点配置", -1), o("p", null, f(l.node.name || "未命名节点"), 1)]), c(p(b), { color: l.node.type === "sign" ? "blue" : void 0 }, {
-			default: m(() => [s(f(Ee(l.node.type)), 1)]),
-			_: 1
-		}, 8, ["color"])]), o("div", fe, [l.node.type === "sign" ? (u(), a(t, { key: 0 }, [
-			o("section", pe, [d[16] ||= o("div", { class: "gd-contract-signing-flow__section-heading" }, [o("h3", null, "基础信息")], -1), c(p(oe), {
+		return (i, m) => (p(), s("aside", me, [d.node ? (p(), s(r, { key: 0 }, [c("header", C, [c("div", null, [u(g(e), {
+			title: "节点配置",
+			size: 16
+		}), c("p", null, h(d.node.name || "未命名节点"), 1)]), c("span", w, h(Ie(d.node.type)), 1)]), c("div", T, [d.node.type === "sign" ? (p(), s(r, { key: 0 }, [
+			c("section", E, [m[15] ||= c("div", { class: "gd-contract-signing-flow__section-heading" }, [c("h3", null, "基础信息")], -1), u(g(ae), {
 				layout: "vertical",
 				class: "gd-contract-signing-flow__form"
 			}, {
-				default: m(() => [
-					c(p(g), { label: "节点名称" }, {
-						default: m(() => [c(p(_), {
-							value: l.node.name,
+				default: _(() => [
+					u(g(y), { label: "节点名称" }, {
+						default: _(() => [u(g(b), {
+							value: d.node.name,
 							disabled: G.value,
 							placeholder: "请输入节点名称",
-							"onUpdate:value": d[0] ||= (e) => Z("name", String(e))
+							"onUpdate:value": m[0] ||= (e) => Z("name", String(e))
 						}, null, 8, ["value", "disabled"])]),
 						_: 1
 					}),
-					c(p(g), { label: "节点标识" }, {
-						default: m(() => [c(p(_), {
-							value: l.node.customKey || "",
+					u(g(y), { label: "节点标识" }, {
+						default: _(() => [u(g(b), {
+							value: d.node.customKey || "",
 							disabled: G.value,
 							placeholder: "请输入唯一标识",
-							"onUpdate:value": d[1] ||= (e) => Z("customKey", String(e))
+							"onUpdate:value": m[1] ||= (e) => Z("customKey", String(e))
 						}, null, 8, ["value", "disabled"])]),
 						_: 1
 					}),
-					c(p(g), { label: "节点描述" }, {
-						default: m(() => [c(p(_).TextArea, {
-							value: l.node.description || "",
+					u(g(y), { label: "节点描述" }, {
+						default: _(() => [u(g(b).TextArea, {
+							value: d.node.description || "",
 							disabled: G.value,
 							"auto-size": {
 								minRows: 2,
 								maxRows: 4
 							},
 							placeholder: "请输入节点描述",
-							"onUpdate:value": d[2] ||= (e) => Z("description", String(e))
+							"onUpdate:value": m[2] ||= (e) => Z("description", String(e))
 						}, null, 8, ["value", "disabled"])]),
 						_: 1
 					})
 				]),
 				_: 1
 			})]),
-			o("section", S, [
-				d[18] ||= o("div", { class: "gd-contract-signing-flow__section-heading" }, [o("h3", null, "签署主体")], -1),
-				c(p(se), {
-					value: l.node.identity,
-					options: ve,
+			c("section", D, [
+				m[17] ||= c("div", { class: "gd-contract-signing-flow__section-heading" }, [c("h3", null, "签署主体")], -1),
+				c("div", O, [u(g(x), {
+					value: d.node.identity,
+					options: g(t),
 					"option-type": "button",
 					"button-style": "solid",
 					disabled: G.value,
-					"onUpdate:value": be
-				}, null, 8, ["value", "disabled"]),
-				o("div", C, [o("div", w, [d[17] ||= o("div", null, [o("strong", null, "多人签署"), o("span", null, "允许多位签署人共同完成该节点")], -1), c(p(y), {
-					checked: l.node.multi,
+					"onUpdate:value": Ae
+				}, null, 8, [
+					"value",
+					"options",
+					"disabled"
+				])]),
+				d.node.identity === "person" ? (p(), s("p", k, "个人节点不允许使用印章或骑缝章。")) : o("", !0),
+				c("div", A, [c("div", j, [m[16] ||= c("div", null, [c("strong", null, "多人签署"), c("span", null, "允许多位签署人共同完成该节点")], -1), u(g(S), {
+					checked: d.node.multi,
 					disabled: G.value,
 					size: "small",
-					"onUpdate:checked": xe
-				}, null, 8, ["checked", "disabled"])]), l.node.multi ? (u(), r(p(g), {
+					"onUpdate:checked": je
+				}, null, 8, ["checked", "disabled"])]), d.node.multi ? (p(), a(g(y), {
 					key: 0,
 					label: "完成条件",
 					class: "gd-contract-signing-flow__inline-form-item"
 				}, {
-					default: m(() => [c(p(v), {
-						value: l.node.multiCompletedCondition?.type,
-						options: ye,
+					default: _(() => [u(g(oe), {
+						value: d.node.multiCompletedCondition?.type,
+						options: ke,
 						disabled: G.value,
-						"onUpdate:value": Se
+						"onUpdate:value": Me
 					}, null, 8, ["value", "disabled"])]),
 					_: 1
-				})) : i("", !0)])
+				})) : o("", !0)])
 			]),
-			o("section", T, [
-				o("div", E, [d[19] ||= o("h3", null, "签署规则", -1), c(p(b), { color: "blue" }, {
-					default: m(() => [s(f(we()), 1)]),
-					_: 1
-				})]),
-				o("div", D, [c(p(g), { label: "个人签名" }, {
-					default: m(() => [c(p(v), {
+			c("section", M, [
+				c("div", N, [m[18] ||= c("h3", null, "签署规则", -1), c("span", P, h(Pe()), 1)]),
+				c("div", F, [u(g(y), { label: "个人签名" }, {
+					default: _(() => [c("div", I, [u(g(x), {
 						value: Y("signature"),
 						options: K,
+						"option-type": "button",
+						"button-style": "solid",
 						disabled: G.value,
-						"onUpdate:value": d[3] ||= (e) => X("signature", e)
-					}, null, 8, ["value", "disabled"])]),
+						"onUpdate:value": m[3] ||= (e) => X("signature", e)
+					}, null, 8, ["value", "disabled"])])]),
 					_: 1
-				}), l.node.identity === "company" ? (u(), r(p(g), {
+				}), d.node.identity === "company" ? (p(), a(g(y), {
 					key: 0,
 					label: "企业印章"
 				}, {
-					default: m(() => [c(p(v), {
+					default: _(() => [c("div", L, [u(g(x), {
 						value: Y("seal"),
 						options: K,
+						"option-type": "button",
+						"button-style": "solid",
 						disabled: G.value,
-						"onUpdate:value": d[4] ||= (e) => X("seal", e)
-					}, null, 8, ["value", "disabled"])]),
+						"onUpdate:value": m[4] ||= (e) => X("seal", e)
+					}, null, 8, ["value", "disabled"])])]),
 					_: 1
-				})) : i("", !0)]),
-				l.node.identity === "company" && !J()?.cannotSeal ? (u(), a("div", O, [d[20] ||= o("span", { class: "gd-contract-signing-flow__field-label" }, "允许的印章类型", -1), o("div", k, [(u(!0), a(t, null, te(p(e), (e) => (u(), r(p(ae), {
+				})) : o("", !0)]),
+				d.node.identity === "company" && !J()?.cannotSeal ? (p(), s("div", R, [m[19] ||= c("span", { class: "gd-contract-signing-flow__field-label" }, "允许的印章类型", -1), c("div", z, [(p(!0), s(r, null, ee(g(n), (e) => (p(), a(g(ie), {
 					key: e.value,
+					class: "gd-contract-signing-flow__seal-tile",
 					checked: J()?.sealType.includes(e.value),
 					disabled: G.value,
-					"onUpdate:checked": (t) => Ce(e.value, t)
+					"onUpdate:checked": (t) => Ne(e.value, t)
 				}, {
-					default: m(() => [s(f(e.label), 1)]),
+					default: _(() => [l(h(e.label), 1)]),
 					_: 2
 				}, 1032, [
 					"checked",
 					"disabled",
 					"onUpdate:checked"
-				]))), 128))])])) : i("", !0)
+				]))), 128))])])) : o("", !0)
 			]),
-			o("section", { class: ee(["gd-contract-signing-flow__form-section", { "is-collapsed": !U.value }]) }, [o("button", {
+			c("section", { class: f(["gd-contract-signing-flow__form-section", { "is-collapsed": !U.value }]) }, [c("button", {
 				type: "button",
 				class: "gd-contract-signing-flow__section-heading is-toggle",
-				onClick: d[5] ||= (e) => U.value = !U.value
-			}, [d[21] ||= o("h3", null, "验证与权限", -1), o("span", A, [U.value ? i("", !0) : (u(), r(p(b), { key: 0 }, {
-				default: m(() => [s("已开启 " + f(Te.value) + " 项", 1)]),
+				onClick: m[5] ||= (e) => U.value = !U.value
+			}, [m[20] ||= c("h3", null, "验证与权限", -1), c("span", he, [U.value ? o("", !0) : (p(), a(g(se), { key: 0 }, {
+				default: _(() => [l("已开启 " + h(Fe.value) + " 项", 1)]),
 				_: 1
-			})), U.value ? (u(), r(p(x), { key: 2 })) : (u(), r(p(le), { key: 1 }))])]), re(o("div", j, [
-				o("div", M, [d[22] ||= o("span", null, "短信验证", -1), c(p(y), {
+			})), U.value ? (p(), a(g(ce), { key: 2 })) : (p(), a(g(pe), { key: 1 }))])]), ne(c("div", ge, [
+				c("div", _e, [m[21] ||= c("span", null, "短信验证", -1), u(g(S), {
 					checked: J()?.smsVerify,
 					disabled: G.value,
 					size: "small",
-					"onUpdate:checked": d[6] ||= (e) => $("smsVerify", e)
+					"onUpdate:checked": m[6] ||= (e) => $("smsVerify", e)
 				}, null, 8, ["checked", "disabled"])]),
-				o("div", N, [d[23] ||= o("span", null, "人脸验证", -1), c(p(y), {
+				c("div", ve, [m[22] ||= c("span", null, "人脸验证", -1), u(g(S), {
 					checked: J()?.faceVerify,
 					disabled: G.value,
 					size: "small",
-					"onUpdate:checked": d[7] ||= (e) => $("faceVerify", e)
+					"onUpdate:checked": m[7] ||= (e) => $("faceVerify", e)
 				}, null, 8, ["checked", "disabled"])]),
-				o("div", P, [d[24] ||= o("span", null, "密码验证", -1), c(p(y), {
+				c("div", ye, [m[23] ||= c("span", null, "密码验证", -1), u(g(S), {
 					checked: J()?.passwordVerify,
 					disabled: G.value,
 					size: "small",
-					"onUpdate:checked": d[8] ||= (e) => $("passwordVerify", e)
+					"onUpdate:checked": m[8] ||= (e) => $("passwordVerify", e)
 				}, null, 8, ["checked", "disabled"])]),
-				o("div", F, [d[25] ||= o("span", null, "免验证", -1), c(p(y), {
+				c("div", be, [m[24] ||= c("span", null, "免验证", -1), u(g(S), {
 					checked: J()?.noneVerify,
 					disabled: G.value,
 					size: "small",
-					"onUpdate:checked": d[9] ||= (e) => $("noneVerify", e)
+					"onUpdate:checked": m[9] ||= (e) => $("noneVerify", e)
 				}, null, 8, ["checked", "disabled"])]),
-				o("div", I, [d[26] ||= o("span", null, "允许拒签", -1), c(p(y), {
+				c("div", B, [m[25] ||= c("span", null, "允许拒签", -1), u(g(S), {
 					checked: J()?.refuseFunctionEnable,
 					disabled: G.value,
 					size: "small",
-					"onUpdate:checked": d[10] ||= (e) => Q("refuseFunctionEnable", e)
+					"onUpdate:checked": m[10] ||= (e) => Q("refuseFunctionEnable", e)
 				}, null, 8, ["checked", "disabled"])]),
-				o("div", L, [d[27] ||= o("span", null, "批量签署", -1), c(p(y), {
+				c("div", xe, [m[26] ||= c("span", null, "批量签署", -1), u(g(S), {
 					checked: J()?.batchFunctionEnable,
 					disabled: G.value,
 					size: "small",
-					"onUpdate:checked": d[11] ||= (e) => Q("batchFunctionEnable", e)
+					"onUpdate:checked": m[11] ||= (e) => Q("batchFunctionEnable", e)
 				}, null, 8, ["checked", "disabled"])]),
-				o("div", R, [d[28] ||= o("span", null, "骑缝章", -1), c(p(y), {
+				c("div", Se, [m[27] ||= c("span", null, "骑缝章", -1), u(g(S), {
 					checked: J()?.perforationSealEnable,
-					disabled: G.value || l.node.identity !== "company",
+					disabled: G.value || d.node.identity !== "company",
 					size: "small",
-					"onUpdate:checked": d[12] ||= (e) => Q("perforationSealEnable", e)
+					"onUpdate:checked": m[12] ||= (e) => Q("perforationSealEnable", e)
 				}, null, 8, ["checked", "disabled"])]),
-				o("div", z, [d[29] ||= o("span", null, "禁止额外签署位置", -1), c(p(y), {
+				c("div", Ce, [m[28] ||= c("span", null, "禁止额外签署位置", -1), u(g(S), {
 					checked: J()?.cannotExtraLocations,
 					disabled: G.value,
 					size: "small",
-					"onUpdate:checked": d[13] ||= (e) => Q("cannotExtraLocations", e)
+					"onUpdate:checked": m[13] ||= (e) => Q("cannotExtraLocations", e)
 				}, null, 8, ["checked", "disabled"])])
-			], 512), [[ne, U.value]])], 2),
-			l.showPlacement === !1 ? i("", !0) : (u(), a("section", B, [o("div", me, [d[30] ||= o("div", null, [o("h3", null, "签署位置"), o("p", null, "由业务侧位置编辑器配置并回填")], -1), c(p(b), null, {
-				default: m(() => [s(f(l.node.config.locationRules?.length || 0) + " 个", 1)]),
-				_: 1
-			})]), c(p(ie), {
-				block: "",
-				disabled: l.disabled,
-				onClick: d[14] ||= (e) => W("placementRequest")
-			}, {
-				icon: m(() => [c(p(ce))]),
-				default: m(() => [d[31] ||= s("设置签署位置", -1)]),
-				_: 1
-			}, 8, ["disabled"])]))
-		], 64)) : (u(), a("section", he, [
-			o("div", ge, f(l.node.type === "start" ? "始" : l.node.type === "end" ? "终" : "!"), 1),
-			o("h3", null, f(l.node.type === "start" ? "流程入口" : l.node.type === "end" ? "流程出口" : "异常节点"), 1),
-			o("p", null, f(l.node.description || "该节点仅用于展示，不能编辑。"), 1),
-			c(p(b), null, {
-				default: m(() => [s(f(l.node.key), 1)]),
-				_: 1
-			})
-		]))])], 64)) : (u(), r(p(h), {
+			], 512), [[te, U.value]])], 2),
+			d.showPlacement === !1 ? o("", !0) : (p(), s("section", we, [
+				m[31] ||= c("div", { class: "gd-contract-signing-flow__section-heading" }, [c("h3", null, "签署位置")], -1),
+				c("div", Te, [c("span", Ee, h(d.node.config.locationRules?.length || 0), 1), m[29] ||= c("div", null, [c("strong", null, "已设置位置"), c("p", null, "由业务侧位置编辑器配置并回填")], -1)]),
+				u(g(re), {
+					block: "",
+					disabled: d.disabled,
+					onClick: m[14] ||= (e) => W("placementRequest")
+				}, {
+					icon: _(() => [u(g(le))]),
+					default: _(() => [m[30] ||= l("设置签署位置", -1)]),
+					_: 1
+				}, 8, ["disabled"])
+			]))
+		], 64)) : (p(), s("section", {
+			key: 1,
+			class: f(["gd-contract-signing-flow__node-overview", `is-${d.node.type}`])
+		}, [
+			c("div", De, [d.node.type === "start" ? (p(), a(g(fe), { key: 0 })) : d.node.type === "end" ? (p(), a(g(de), { key: 1 })) : (p(), a(g(ue), { key: 2 }))]),
+			c("h3", null, h(d.node.type === "start" ? "流程入口" : d.node.type === "end" ? "流程出口" : "异常节点"), 1),
+			c("p", null, h(d.node.description || "该节点仅用于展示，不能编辑。"), 1),
+			m[32] ||= c("span", { class: "gd-contract-signing-flow__node-overview-hint" }, "系统节点无需配置", -1)
+		], 2))])], 64)) : (p(), a(g(v), {
 			key: 1,
 			class: "gd-contract-signing-flow__empty-inspector",
-			image: p(h).PRESENTED_IMAGE_SIMPLE,
+			image: g(v).PRESENTED_IMAGE_SIMPLE,
 			description: "请选择一个节点"
 		}, null, 8, ["image"]))]));
 	}

package/dist/es/components/pro-contract-signing-flow/src/ContractSigningFlowNodeCard.vue.mjs

@@ -1,18 +1,21 @@
-import { computed 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, toDisplayString as u, unref as d, withCtx as f, withKeys as p, withModifiers as m } from "vue";
-import { Button as h, Tag as g, Tooltip as _ } from "ant-design-vue";
-import { ApartmentOutlined as v, ArrowDownOutlined as y, ArrowUpOutlined as b, DeleteOutlined as x, FileDoneOutlined as S, PlayCircleOutlined as C, SafetyCertificateOutlined as w, UserOutlined as T } from "@ant-design/icons-vue";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode 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, withKeys as m, withModifiers as h } from "vue";
+import { Button as g, Tooltip as _ } from "ant-design-vue";
+import { ArrowDownOutlined as v, ArrowUpOutlined as y, DeleteOutlined as b, FileDoneOutlined as x, PlayCircleOutlined as S, SafetyCertificateOutlined as C, UserOutlined as w } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-signing-flow/src/ContractSigningFlowNodeCard.vue?vue&type=script&setup=true&lang.ts
-var E = [
+var T = [
 	"tabindex",
 	"aria-disabled",
 	"aria-current"
-], D = { class: "gd-contract-signing-flow__node-body" }, O = { class: "gd-contract-signing-flow__node-title-row" }, k = { class: "gd-contract-signing-flow__node-name" }, A = {
+], E = {
 	key: 0,
-	class: "gd-contract-signing-flow__node-meta"
-}, j = {
+	class: "gd-contract-signing-flow__node-caption"
+}, D = {
 	key: 1,
-	class: "gd-contract-signing-flow__node-description"
-}, M = /* @__PURE__ */ s({
+	class: "gd-contract-signing-flow__node-body"
+}, O = { class: "gd-contract-signing-flow__node-title-row" }, k = { class: "gd-contract-signing-flow__node-name" }, A = { class: "gd-contract-signing-flow__node-description" }, j = {
+	key: 2,
+	class: "gd-contract-signing-flow__node-body"
+}, M = { class: "gd-contract-signing-flow__node-title-row" }, N = { class: "gd-contract-signing-flow__node-name" }, P = { class: "gd-contract-signing-flow__node-chips" }, F = /* @__PURE__ */ s({
 	__name: "ContractSigningFlowNodeCard",
 	props: {
 		node: {},
@@ -27,82 +30,105 @@ var E = [
 		"remove",
 		"move"
 	],
-	setup(s, { emit: M }) {
-		let N = s, P = M, F = e(() => N.node.type === "sign" && N.node.config.locationRules?.length || 0), I = e(() => N.node.type === "start" ? "开始" : N.node.type === "end" ? "结束" : N.node.type === "sign" ? "签署" : "异常"), L = e(() => {
-			let e = N.node.config.signRule;
+	setup(s, { emit: F }) {
+		let I = s, L = F, R = t(() => I.node.type === "start" || I.node.type === "end"), z = t(() => I.node.type === "sign"), B = t(() => !R.value && !z.value), V = t(() => z.value && I.node.config.locationRules?.length || 0), H = t(() => I.node.type === "start" ? "开始" : I.node.type === "end" ? "结束" : I.node.type === "sign" ? "签署" : "异常"), U = t(() => {
+			let e = I.node.config.signRule;
 			return e ? e.mustSeal ? "必须盖章" : e.cannotSignature ? "仅盖章" : e.cannotSeal ? "仅签名" : "签名可选" : "未配置规则";
-		});
-		return (e, M) => (l(), r("article", {
-			class: c(["gd-contract-signing-flow__node", {
-				"is-selected": s.selected,
-				"is-disabled": s.disabled,
-				"is-unknown": s.node.type !== "start" && s.node.type !== "sign" && s.node.type !== "end"
-			}]),
+		}), W = t(() => {
+			if (!z.value) return [];
+			let e = [
+				{
+					key: "identity",
+					label: I.node.identity === "company" ? "企业" : "个人"
+				},
+				{
+					key: "multi",
+					label: I.node.multi ? I.node.multiCompletedCondition?.type === "ALL_PASS" ? "多人全部通过" : "多人任一通过" : "单人签署"
+				},
+				{
+					key: "rule",
+					label: U.value
+				},
+				{
+					key: "location",
+					label: `${V.value} 个位置`
+				}
+			];
+			return I.node.config.signRule?.smsVerify && e.push({
+				key: "sms",
+				label: "短信"
+			}), e;
+		}), G = t(() => ({
+			"is-selected": I.selected,
+			"is-disabled": I.disabled,
+			"is-terminal": R.value,
+			"is-sign": z.value,
+			"is-unknown": B.value,
+			"is-person": z.value && I.node.identity !== "company",
+			"is-company": z.value && I.node.identity === "company"
+		})), K = t(() => z.value && I.selected && !I.readonly);
+		return (t, F) => (l(), i("article", {
+			class: c(["gd-contract-signing-flow__node", G.value]),
 			role: "group",
 			tabindex: s.disabled ? -1 : 0,
 			"aria-disabled": s.disabled,
 			"aria-current": s.selected ? "step" : void 0,
-			onClick: M[4] ||= (e) => P("select"),
-			onKeydown: [M[5] ||= p(m((e) => P("select"), ["prevent"]), ["enter"]), M[6] ||= p(m((e) => P("select"), ["prevent"]), ["space"])]
-		}, [
-			i("div", { class: c(["gd-contract-signing-flow__node-icon", `is-${s.node.type}`]) }, [s.node.type === "start" ? (l(), t(d(C), { key: 0 })) : s.node.type === "end" ? (l(), t(d(S), { key: 1 })) : s.node.identity === "company" ? (l(), t(d(w), { key: 2 })) : (l(), t(d(T), { key: 3 }))], 2),
-			i("div", D, [i("div", O, [i("strong", k, u(s.node.name || "未命名节点"), 1), o(d(g), { color: s.node.type === "sign" ? "blue" : void 0 }, {
-				default: f(() => [a(u(I.value), 1)]),
-				_: 1
-			}, 8, ["color"])]), s.node.type === "sign" ? (l(), r("div", A, [
-				i("span", null, [s.node.identity === "company" ? (l(), t(d(v), { key: 0 })) : (l(), t(d(T), { key: 1 })), a(u(s.node.identity === "company" ? "企业" : "个人"), 1)]),
-				i("span", null, u(s.node.multi ? s.node.multiCompletedCondition?.type === "ALL_PASS" ? "多人全部通过" : "多人任一通过" : "单人签署"), 1),
-				i("span", null, u(L.value), 1),
-				i("span", null, u(F.value) + " 个位置", 1)
-			])) : (l(), r("p", j, u(s.node.description || "流程节点"), 1))]),
-			s.node.type === "sign" && !s.readonly ? (l(), r("div", {
+			onClick: F[4] ||= (e) => L("select"),
+			onKeydown: [F[5] ||= m(h((e) => L("select"), ["prevent"]), ["enter"]), F[6] ||= m(h((e) => L("select"), ["prevent"]), ["space"])]
+		}, [a("div", { class: c(["gd-contract-signing-flow__node-icon", `is-${s.node.type}`]) }, [s.node.type === "start" ? (l(), n(f(S), { key: 0 })) : s.node.type === "end" ? (l(), n(f(x), { key: 1 })) : s.node.identity === "company" ? (l(), n(f(C), { key: 2 })) : (l(), n(f(w), { key: 3 }))], 2), R.value ? (l(), i("span", E, d(H.value), 1)) : B.value ? (l(), i("div", D, [a("div", O, [a("strong", k, d(s.node.name || "未命名节点"), 1)]), a("p", A, d(s.node.description || H.value) + " · " + d(s.node.type), 1)])) : (l(), i("div", j, [
+			a("div", M, [a("strong", N, d(s.node.name || "未命名节点"), 1)]),
+			a("div", P, [(l(!0), i(e, null, u(W.value, (e) => (l(), i("span", {
+				key: e.key,
+				class: "gd-contract-signing-flow__node-chip"
+			}, d(e.label), 1))), 128))]),
+			K.value ? (l(), i("div", {
 				key: 0,
 				class: "gd-contract-signing-flow__node-actions",
-				onClick: M[3] ||= m(() => {}, ["stop"])
+				onClick: F[3] ||= h(() => {}, ["stop"])
 			}, [
-				o(d(_), { title: "上移节点" }, {
-					default: f(() => [o(d(h), {
+				o(f(_), { title: "上移节点" }, {
+					default: p(() => [o(f(g), {
 						type: "text",
 						size: "small",
 						disabled: s.disabled || !s.canMoveUp,
 						"aria-label": "上移节点",
-						onClick: M[0] ||= (e) => P("move", -1)
+						onClick: F[0] ||= (e) => L("move", -1)
 					}, {
-						default: f(() => [o(d(b))]),
+						default: p(() => [o(f(y))]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
 				}),
-				o(d(_), { title: "下移节点" }, {
-					default: f(() => [o(d(h), {
+				o(f(_), { title: "下移节点" }, {
+					default: p(() => [o(f(g), {
 						type: "text",
 						size: "small",
 						disabled: s.disabled || !s.canMoveDown,
 						"aria-label": "下移节点",
-						onClick: M[1] ||= (e) => P("move", 1)
+						onClick: F[1] ||= (e) => L("move", 1)
 					}, {
-						default: f(() => [o(d(y))]),
+						default: p(() => [o(f(v))]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
 				}),
-				o(d(_), { title: "删除节点" }, {
-					default: f(() => [o(d(h), {
+				o(f(_), { title: "删除节点" }, {
+					default: p(() => [o(f(g), {
 						type: "text",
 						danger: "",
 						size: "small",
 						disabled: s.disabled,
 						"aria-label": "删除节点",
-						onClick: M[2] ||= (e) => P("remove")
+						onClick: F[2] ||= (e) => L("remove")
 					}, {
-						default: f(() => [o(d(x))]),
+						default: p(() => [o(f(b))]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
 				})
-			])) : n("", !0)
-		], 42, E));
+			])) : r("", !0)
+		]))], 42, T));
 	}
 });
 //#endregion
-export { M as default };
+export { F as default };