@guodun/antdv 1.2.4 → 1.3.0

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

@@ -0,0 +1,71 @@
+import e from "../../../node_modules/@ant-design/icons-vue/es/icons/PlusOutlined.mjs";
+import t from "./ContractSigningFlowNodeCard.mjs";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, renderList as d, unref as f, withCtx as p } from "vue";
+import { Button as m } from "ant-design-vue";
+//#region src/components/pro-contract-signing-flow/src/ContractSigningFlowCanvas.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "gd-contract-signing-flow__canvas-panel" }, g = { class: "gd-contract-signing-flow__canvas-header" }, _ = { class: "gd-contract-signing-flow__canvas-scroll" }, v = { class: "gd-contract-signing-flow__canvas" }, y = {
+	key: 0,
+	class: "gd-contract-signing-flow__connector"
+}, b = /* @__PURE__ */ l({
+	__name: "ContractSigningFlowCanvas",
+	props: {
+		nodes: {},
+		selectedKey: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	emits: [
+		"select",
+		"add",
+		"remove",
+		"move"
+	],
+	setup(l, { emit: b }) {
+		let x = b;
+		return (b, S) => (u(), a("section", h, [o("header", g, [S[3] ||= o("div", null, [o("h2", null, "签署流程"), o("p", null, "节点按从上到下的顺序依次执行")], -1), l.readonly ? i("", !0) : (u(), r(f(m), {
+			key: 0,
+			type: "primary",
+			disabled: l.disabled,
+			onClick: S[0] ||= (e) => x("add")
+		}, {
+			icon: p(() => [c(f(e))]),
+			default: p(() => [S[2] ||= s("添加签署节点", -1)]),
+			_: 1
+		}, 8, ["disabled"]))]), o("div", _, [o("div", v, [(u(!0), a(n, null, d(l.nodes, (e, n) => (u(), a("div", {
+			key: e.key,
+			class: "gd-contract-signing-flow__step"
+		}, [c(t, {
+			node: e,
+			selected: l.selectedKey === e.key,
+			readonly: l.readonly,
+			disabled: l.disabled,
+			"can-move-up": n > 1,
+			"can-move-down": n < l.nodes.length - 2,
+			onSelect: (t) => x("select", e),
+			onRemove: (t) => x("remove", e),
+			onMove: (t) => x("move", e, t)
+		}, null, 8, [
+			"node",
+			"selected",
+			"readonly",
+			"disabled",
+			"can-move-up",
+			"can-move-down",
+			"onSelect",
+			"onRemove",
+			"onMove"
+		]), n < l.nodes.length - 1 ? (u(), a("div", y, [...S[4] ||= [o("span", null, null, -1), o("i", null, null, -1)]])) : i("", !0)]))), 128)), l.readonly ? i("", !0) : (u(), r(f(m), {
+			key: 0,
+			class: "gd-contract-signing-flow__add-node",
+			type: "dashed",
+			disabled: l.disabled,
+			onClick: S[1] ||= (e) => x("add")
+		}, {
+			icon: p(() => [c(f(e))]),
+			default: p(() => [S[5] ||= s("添加签署节点", -1)]),
+			_: 1
+		}, 8, ["disabled"]))])])]));
+	}
+});
+//#endregion
+export { b as default };

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,143 @@
+import e from "./ContractSigningFlowCanvas.mjs";
+import t from "./ContractSigningFlowInspector.mjs";
+import { normalizeContractSigningFlow as n, useContractSigningFlow as r } from "./composables/use-contract-signing-flow.mjs";
+import { computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, unref as f, watch as p } from "vue";
+//#region src/components/pro-contract-signing-flow/src/ProContractSigningFlow.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "gd-contract-signing-flow__layout" }, h = /* @__PURE__ */ c({
+	name: "ProContractSigningFlow",
+	__name: "ProContractSigningFlow",
+	props: {
+		modelValue: {},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		height: { default: 720 }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"validate",
+		"node-add",
+		"node-change",
+		"node-remove",
+		"node-move",
+		"node-select",
+		"placement-request"
+	],
+	setup(c, { expose: h, emit: g }) {
+		let _ = c, v = g, y = r(_.modelValue), b = i(() => ({ height: typeof _.height == "number" ? `${_.height}px` : _.height }));
+		function x(e) {
+			return JSON.parse(JSON.stringify(e));
+		}
+		function S() {
+			y.value.value.nodeList.some((e) => e.key === y.selectedKey.value) || (y.selectedKey.value = y.value.value.nodeList.find((e) => e.type === "sign")?.key || y.value.value.nodeList[0]?.key);
+		}
+		p(() => _.modelValue, (e) => {
+			y.replace(e), S();
+		}, { deep: !0 });
+		function C() {
+			return n(y.value.value);
+		}
+		function w() {
+			let e = C();
+			v("update:modelValue", e), v("change", e);
+		}
+		function T(e) {
+			_.disabled || (y.selectedKey.value = e?.key, v("node-select", e ? x(e) : void 0));
+		}
+		function E() {
+			if (_.readonly || _.disabled) return x(y.value.value.nodeList.find((e) => e.type === "sign"));
+			let e = y.addSignNode();
+			return w(), v("node-add", x(e)), v("node-select", x(e)), x(e);
+		}
+		function D(e) {
+			_.readonly || _.disabled || (y.removeSignNode(e), w(), v("node-remove", e), v("node-select", y.selectedNode.value ? x(y.selectedNode.value) : void 0));
+		}
+		function O(e, t) {
+			_.readonly || _.disabled || (y.moveSignNode(e, t), w(), v("node-move", e, t));
+		}
+		function k(e) {
+			if (_.readonly || _.disabled) return;
+			let t = y.value.value.nodeList.findIndex((t) => t.key === e.key);
+			t < 0 || (y.value.value.nodeList[t] = n({
+				key: null,
+				name: null,
+				description: null,
+				nodeList: [e],
+				connectList: []
+			}).nodeList[0], w(), v("node-change", x(y.value.value.nodeList[t])));
+		}
+		function A(e, t) {
+			O(e.key, t);
+		}
+		function j() {
+			let e = y.selectedNode.value;
+			!e || e.type !== "sign" || _.disabled || v("placement-request", {
+				node: x(e),
+				locationRules: x(e.config.locationRules || [])
+			});
+		}
+		function M(e, t) {
+			if (_.readonly || _.disabled) return;
+			y.setNodeLocationRules(e, t), w();
+			let n = y.value.value.nodeList.find((t) => t.key === e);
+			n && v("node-change", x(n));
+		}
+		function N() {
+			return C();
+		}
+		function P(e) {
+			y.replace(e), S(), w();
+		}
+		function F() {
+			let e = y.validate();
+			return v("validate", e), e;
+		}
+		return h({
+			getValue: N,
+			setValue: P,
+			validate: F,
+			addSignNode: E,
+			removeSignNode: D,
+			moveSignNode: O,
+			setNodeLocationRules: M
+		}), (n, r) => (d(), a("div", {
+			class: l(["gd-contract-signing-flow", {
+				"is-readonly": c.readonly,
+				"is-disabled": c.disabled
+			}]),
+			style: u(b.value)
+		}, [o("div", m, [s(e, {
+			nodes: f(y).value.value.nodeList,
+			"selected-key": f(y).selectedKey.value,
+			readonly: c.readonly,
+			disabled: c.disabled,
+			onSelect: T,
+			onAdd: E,
+			onRemove: r[0] ||= (e) => D(e.key),
+			onMove: A
+		}, null, 8, [
+			"nodes",
+			"selected-key",
+			"readonly",
+			"disabled"
+		]), s(t, {
+			node: f(y).selectedNode.value,
+			readonly: c.readonly,
+			disabled: c.disabled,
+			onChange: k,
+			onPlacementRequest: j
+		}, null, 8, [
+			"node",
+			"readonly",
+			"disabled"
+		])])], 6));
+	}
+});
+//#endregion
+export { h as default };