@robot-admin/naive-ui-components 0.3.0

package/dist/C_WorkFlow2.js

@@ -0,0 +1,1984 @@
+import { t as C_Icon_default } from "./C_Icon2.js";
+import { t as export_helper_default } from "./export-helper.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, isRef, markRaw, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderList, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { NAvatar, NButton, NCard, NDrawer, NDrawerContent, NInput, NModal, NRadio, NRadioGroup, NSelect, NSpace, NTag, NTree, useMessage } from "naive-ui";
+import { VueFlow } from "@vue-flow/core";
+
+//#region src/components/C_WorkFlow/data.ts
+const NODE_TYPE_OPTIONS = [
+	{
+		type: "approval",
+		label: "审批人",
+		icon: "mdi:account-check",
+		iconClass: "approval-icon"
+	},
+	{
+		type: "copy",
+		label: "抄送人",
+		icon: "mdi:email-outline",
+		iconClass: "copy-icon"
+	},
+	{
+		type: "condition",
+		label: "条件分支",
+		icon: "mdi:source-branch",
+		iconClass: "condition-icon"
+	}
+];
+const APPROVAL_MODES = [
+	{
+		value: "any",
+		label: "或签",
+		desc: "任意一人同意即可通过"
+	},
+	{
+		value: "all",
+		label: "会签",
+		desc: "所有人都同意才能通过"
+	},
+	{
+		value: "sequence",
+		label: "顺序审批",
+		desc: "按选择顺序依次审批"
+	}
+];
+const FIELD_OPTIONS = [
+	{
+		label: "申请金额",
+		value: "amount"
+	},
+	{
+		label: "申请人部门",
+		value: "department"
+	},
+	{
+		label: "申请类型",
+		value: "type"
+	},
+	{
+		label: "紧急程度",
+		value: "priority"
+	}
+];
+const OPERATOR_OPTIONS = [
+	{
+		label: "等于",
+		value: "equals"
+	},
+	{
+		label: "大于",
+		value: "greater_than"
+	},
+	{
+		label: "小于",
+		value: "less_than"
+	},
+	{
+		label: "包含",
+		value: "contains"
+	},
+	{
+		label: "不等于",
+		value: "not_equals"
+	}
+];
+const NODE_TITLES = {
+	start: "发起人",
+	approval: "审批人",
+	copy: "抄送人",
+	condition: "条件分支"
+};
+const CONFIG_TITLES = {
+	approval: "审批人设置",
+	copy: "抄送人设置",
+	condition: "条件分支设置"
+};
+const FIELD_DISPLAY_NAMES = {
+	approvers: "审批人",
+	conditions: "条件配置",
+	connection: "节点连接",
+	copyUsers: "抄送人"
+};
+const ERROR_TYPE_TEXTS = {
+	required: "必填",
+	incomplete: "不完整",
+	warning: "警告",
+	error: "错误"
+};
+/** 节点之间的 Y 轴间距（px） */
+const NODE_Y_GAP = 180;
+const INITIAL_NODE = {
+	id: "start-1",
+	type: "start",
+	position: {
+		x: 150,
+		y: 100
+	},
+	data: {
+		title: "发起人",
+		status: "active",
+		initiators: []
+	}
+};
+const getDefaultAvatar = (name) => `https://ui-avatars.com/api/?name=${encodeURIComponent(name)}&background=random`;
+const generateConditionId = () => `condition-${Date.now()}`;
+const generateEdgeId = (sourceId, targetId) => `edge-${sourceId}-${targetId}`;
+const createDefaultCondition = () => ({
+	id: generateConditionId(),
+	name: "",
+	field: "",
+	operator: "equals",
+	value: ""
+});
+
+//#endregion
+//#region src/components/C_WorkFlow/NodeConfigModal.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$5 = {
+	key: 0,
+	class: "max-h-60vh overflow-y-auto"
+};
+const _hoisted_2$5 = { class: "config-section" };
+const _hoisted_3$5 = {
+	class: "flex items-center gap-2 mb-4 text-base font-semibold",
+	style: { color: "var(--n-text-color-1)" }
+};
+const _hoisted_4$5 = {
+	class: "border rounded-lg p-3 mb-4 max-h-50 overflow-y-auto",
+	style: {
+		borderColor: "var(--n-border-color)",
+		background: "var(--n-color-embedded)"
+	}
+};
+const _hoisted_5$5 = {
+	key: 0,
+	class: "rounded-lg p-4 mb-4 border",
+	style: {
+		borderColor: "var(--n-border-color)",
+		background: "var(--n-color-embedded)"
+	}
+};
+const _hoisted_6$5 = {
+	class: "mb-2 text-sm font-medium",
+	style: { color: "var(--n-text-color-1)" }
+};
+const _hoisted_7$4 = { class: "flex flex-wrap gap-3" };
+const _hoisted_8$4 = { class: "flex items-center gap-2" };
+const _hoisted_9$3 = { class: "font-medium text-sm" };
+const _hoisted_10$2 = {
+	class: "text-xs px-1.5 py-0.5 rounded",
+	style: {
+		color: "var(--n-text-color-3)",
+		background: "var(--n-color-embedded)"
+	}
+};
+const _hoisted_11$2 = {
+	key: 0,
+	class: "mt-4"
+};
+const _hoisted_12$2 = { class: "flex flex-col gap-1" };
+const _hoisted_13$2 = { class: "text-sm" };
+const _hoisted_14$2 = {
+	class: "text-xs",
+	style: { color: "var(--n-text-color-3)" }
+};
+const _hoisted_15$2 = { class: "max-h-60vh overflow-y-auto" };
+const _hoisted_16$2 = { class: "config-section" };
+const _hoisted_17$1 = {
+	class: "flex items-center gap-2 mb-4 text-base font-semibold",
+	style: { color: "var(--n-text-color-1)" }
+};
+const _hoisted_18$1 = { class: "space-y-3" };
+const _hoisted_19$1 = { class: "flex items-center gap-3 flex-nowrap min-h-10 p-2" };
+var NodeConfigModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NodeConfigModal",
+	props: {
+		show: {
+			type: Boolean,
+			default: false
+		},
+		currentNode: { default: null },
+		users: { default: () => [] },
+		departments: { default: () => [] }
+	},
+	emits: [
+		"update:show",
+		"save",
+		"cancel"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const message = useMessage();
+		const searchKeyword = ref("");
+		const selectedUsers = ref([]);
+		const selectedCopyUsers = ref([]);
+		const approvalMode = ref("any");
+		const configLoading = ref(false);
+		const conditions = ref([]);
+		const visible = computed({
+			get: () => props.show,
+			set: (value) => emit("update:show", value)
+		});
+		const configTitle = computed(() => {
+			if (props.currentNode?.type === "start") return "发起人设置";
+			return CONFIG_TITLES[props.currentNode?.type] || "节点设置";
+		});
+		const departmentUserTree = computed(() => {
+			const tree = [];
+			const deptMap = /* @__PURE__ */ new Map();
+			props.departments?.forEach((dept) => {
+				if (!deptMap.has(dept.id)) deptMap.set(dept.id, {
+					key: `dept-${dept.id}`,
+					label: `${dept.name} ${dept.manager ? `(负责人: ${dept.manager})` : ""}`,
+					children: [],
+					isLeaf: false,
+					disabled: true
+				});
+			});
+			(props.users?.filter((user) => !searchKeyword.value || user.name.includes(searchKeyword.value) || user.department.includes(searchKeyword.value)) || []).forEach((user) => {
+				const dept = props.departments?.find((d) => d.name === user.department);
+				if (dept && deptMap.has(dept.id)) deptMap.get(dept.id).children.push({
+					key: user.id,
+					label: `${user.name}${user.role ? `(${user.role})` : ""}`,
+					isLeaf: true,
+					user
+				});
+			});
+			deptMap.forEach((dept) => {
+				if (dept.children.length > 0) tree.push(dept);
+			});
+			return tree;
+		});
+		const selectedApprovers = computed(() => props.users?.filter((u) => selectedUsers.value.includes(u.id)) || []);
+		const selectedCopyUserList = computed(() => props.users?.filter((u) => selectedCopyUsers.value.includes(u.id)) || []);
+		const selectedInitiators = computed(() => props.users?.filter((u) => selectedUsers.value.includes(u.id)) || []);
+		const handleUserSelect = (keys) => {
+			selectedUsers.value = keys.filter((key) => !key.startsWith("dept-"));
+		};
+		const handleCopyUserSelect = (keys) => {
+			selectedCopyUsers.value = keys.filter((key) => !key.startsWith("dept-"));
+		};
+		const removeApprover = (userId) => {
+			selectedUsers.value = selectedUsers.value.filter((id) => id !== userId);
+		};
+		const removeCopyUser = (userId) => {
+			selectedCopyUsers.value = selectedCopyUsers.value.filter((id) => id !== userId);
+		};
+		const removeInitiator = (userId) => {
+			selectedUsers.value = selectedUsers.value.filter((id) => id !== userId);
+		};
+		const addCondition = () => conditions.value.push(createDefaultCondition());
+		const removeCondition = (index) => conditions.value.splice(index, 1);
+		const configureStartNode = (node) => {
+			const { initiators } = node.data;
+			selectedUsers.value = initiators ? initiators.map((u) => u.id) : [];
+		};
+		const configureApprovalNode = (node) => {
+			selectedUsers.value = (node.data.approvers || []).map((u) => u.id);
+			approvalMode.value = node.data.approvalMode || "any";
+		};
+		const configureCopyNode = (node) => {
+			selectedCopyUsers.value = (node.data.copyUsers || []).map((u) => u.id);
+		};
+		const configureConditionNode = (node) => {
+			conditions.value = node.data.conditions || [];
+		};
+		const saveStartNodeConfig = async () => {
+			if (selectedUsers.value.length === 0) {
+				message.error("请选择发起人");
+				return false;
+			}
+			const selectedUserObjs = selectedInitiators.value;
+			emit("save", { initiators: selectedUserObjs });
+			message.success(`已设置 ${selectedUserObjs.length} 个发起人`);
+			return true;
+		};
+		const saveApprovalNodeConfig = async () => {
+			if (selectedUsers.value.length === 0) {
+				message.error("请至少选择一个审批人");
+				return false;
+			}
+			const selectedUserObjs = selectedApprovers.value;
+			emit("save", {
+				approvers: selectedUserObjs,
+				approvalMode: approvalMode.value
+			});
+			message.success(`已设置 ${selectedUserObjs.length} 个审批人`);
+			return true;
+		};
+		const saveCopyNodeConfig = async () => {
+			const selectedUserObjs = selectedCopyUserList.value;
+			emit("save", { copyUsers: selectedUserObjs });
+			message.success(`已设置 ${selectedUserObjs.length} 个抄送人`);
+			return true;
+		};
+		const saveConditionNodeConfig = async () => {
+			if (conditions.value.length === 0) {
+				message.error("请至少添加一个条件分支");
+				return false;
+			}
+			const validConditions = conditions.value.filter((c) => c.name && c.field && c.operator && c.value);
+			if (validConditions.length === 0) {
+				message.error("请完善条件配置");
+				return false;
+			}
+			emit("save", { conditions: validConditions });
+			message.success(`已设置 ${validConditions.length} 个条件分支`);
+			return true;
+		};
+		const saveNodeConfig = async () => {
+			if (!props.currentNode) return false;
+			configLoading.value = true;
+			try {
+				const saver = {
+					start: saveStartNodeConfig,
+					approval: saveApprovalNodeConfig,
+					copy: saveCopyNodeConfig,
+					condition: saveConditionNodeConfig
+				}[props.currentNode.type];
+				return saver ? await saver() : false;
+			} catch (error) {
+				message.error("保存配置失败");
+				console.error("Save node config error:", error);
+				return false;
+			} finally {
+				configLoading.value = false;
+			}
+		};
+		const handleCancel = () => {
+			emit("cancel");
+		};
+		watch(() => props.currentNode, (newNode) => {
+			if (newNode) {
+				searchKeyword.value = "";
+				const configurator = {
+					start: configureStartNode,
+					approval: configureApprovalNode,
+					copy: configureCopyNode,
+					condition: configureConditionNode
+				}[newNode.type];
+				if (configurator) configurator(newNode);
+			}
+		}, { immediate: true });
+		const isUserSelectNode = computed(() => [
+			"start",
+			"approval",
+			"copy"
+		].includes(props.currentNode?.type || ""));
+		const userSelectConfig = computed(() => {
+			const type = props.currentNode?.type;
+			if (type === "start") return {
+				icon: "mdi:account-star",
+				title: "选择发起人",
+				checkedKeys: selectedUsers.value,
+				onSelect: handleUserSelect,
+				selectedUsers: selectedInitiators.value,
+				selectedLabel: "已选择发起人",
+				tagType: "primary",
+				onRemove: removeInitiator
+			};
+			else if (type === "approval") return {
+				icon: "mdi:account-check",
+				title: "选择审批人",
+				checkedKeys: selectedUsers.value,
+				onSelect: handleUserSelect,
+				selectedUsers: selectedApprovers.value,
+				selectedLabel: "已选择审批人",
+				tagType: "info",
+				onRemove: removeApprover
+			};
+			else if (type === "copy") return {
+				icon: "mdi:email-outline",
+				title: "选择抄送人",
+				checkedKeys: selectedCopyUsers.value,
+				onSelect: handleCopyUserSelect,
+				selectedUsers: selectedCopyUserList.value,
+				selectedLabel: "已选择抄送人",
+				tagType: "success",
+				onRemove: removeCopyUser
+			};
+			return {
+				icon: "",
+				title: "",
+				checkedKeys: [],
+				onSelect: (_keys) => {},
+				selectedUsers: [],
+				selectedLabel: "",
+				tagType: "default",
+				onRemove: (_id) => {}
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NModal), {
+				show: visible.value,
+				"onUpdate:show": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
+				style: { "width": "900px" },
+				"mask-closable": false,
+				preset: "dialog",
+				title: configTitle.value,
+				"positive-text": "确定",
+				"negative-text": "取消",
+				loading: configLoading.value,
+				onPositiveClick: saveNodeConfig,
+				onNegativeClick: handleCancel
+			}, {
+				default: withCtx(() => [createCommentVNode(" 公共选择面板 "), isUserSelectNode.value ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+					createElementVNode("div", _hoisted_2$5, [
+						createElementVNode("h4", _hoisted_3$5, [userSelectConfig.value.icon ? (openBlock(), createBlock(unref(C_Icon_default), {
+							key: 0,
+							name: userSelectConfig.value.icon,
+							size: 16
+						}, null, 8, ["name"])) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(userSelectConfig.value.title), 1)]),
+						createVNode(unref(NInput), {
+							value: searchKeyword.value,
+							"onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
+							placeholder: "搜索用户姓名或部门",
+							clearable: "",
+							class: "mb-4"
+						}, {
+							prefix: withCtx(() => [createVNode(unref(C_Icon_default), {
+								name: "mdi:magnify",
+								size: 16
+							})]),
+							_: 1
+						}, 8, ["value"]),
+						createElementVNode("div", _hoisted_4$5, [createVNode(unref(NTree), {
+							data: departmentUserTree.value,
+							"checked-keys": userSelectConfig.value.checkedKeys,
+							selectable: false,
+							checkable: "",
+							cascade: "",
+							"virtual-scroll": true,
+							style: { "max-height": "300px" },
+							"onUpdate:checkedKeys": userSelectConfig.value.onSelect
+						}, null, 8, [
+							"data",
+							"checked-keys",
+							"onUpdate:checkedKeys"
+						])]),
+						userSelectConfig.value.selectedUsers.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5$5, [createElementVNode("h5", _hoisted_6$5, toDisplayString(userSelectConfig.value.selectedLabel) + " (" + toDisplayString(userSelectConfig.value.selectedUsers.length) + ") ", 1), createElementVNode("div", _hoisted_7$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(userSelectConfig.value.selectedUsers, (user) => {
+							return openBlock(), createBlock(unref(NTag), {
+								key: user.id,
+								closable: "",
+								type: userSelectConfig.value.tagType,
+								onClose: ($event) => userSelectConfig.value.onRemove(user.id)
+							}, {
+								default: withCtx(() => [createElementVNode("div", _hoisted_8$4, [
+									createVNode(unref(NAvatar), {
+										src: user.avatar,
+										"fallback-src": unref(getDefaultAvatar)(user.name),
+										size: "small"
+									}, null, 8, ["src", "fallback-src"]),
+									createElementVNode("span", _hoisted_9$3, toDisplayString(user.name), 1),
+									createElementVNode("span", _hoisted_10$2, toDisplayString(user.department), 1)
+								])]),
+								_: 2
+							}, 1032, ["type", "onClose"]);
+						}), 128))])])) : createCommentVNode("v-if", true)
+					]),
+					createCommentVNode(" 审批节点时附带审批模式 "),
+					props.currentNode?.type === "approval" ? (openBlock(), createElementBlock("div", _hoisted_11$2, [_cache[3] || (_cache[3] = createElementVNode("h5", {
+						class: "mb-3 text-sm font-medium",
+						style: { color: "var(--n-text-color-1)" }
+					}, " 审批模式 ", -1)), createVNode(unref(NRadioGroup), {
+						value: approvalMode.value,
+						"onUpdate:value": _cache[1] || (_cache[1] = ($event) => approvalMode.value = $event)
+					}, {
+						default: withCtx(() => [createVNode(unref(NSpace), { vertical: "" }, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(APPROVAL_MODES), (mode) => {
+								return openBlock(), createBlock(unref(NRadio), {
+									key: mode.value,
+									value: mode.value
+								}, {
+									default: withCtx(() => [createElementVNode("div", _hoisted_12$2, [createElementVNode("strong", _hoisted_13$2, toDisplayString(mode.label), 1), createElementVNode("span", _hoisted_14$2, toDisplayString(mode.desc), 1)])]),
+									_: 2
+								}, 1032, ["value"]);
+							}), 128))]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["value"])])) : createCommentVNode("v-if", true)
+				])) : props.currentNode?.type === "condition" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 条件节点配置 "), createElementVNode("div", _hoisted_15$2, [createElementVNode("div", _hoisted_16$2, [createElementVNode("h4", _hoisted_17$1, [createVNode(unref(C_Icon_default), {
+					name: "mdi:source-branch",
+					size: 16
+				}), _cache[4] || (_cache[4] = createTextVNode(" 条件分支设置 ", -1))]), createElementVNode("div", _hoisted_18$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(conditions.value, (condition, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: condition.id,
+						class: "condition-item"
+					}, [createVNode(unref(NCard), {
+						size: "small",
+						class: "border border-gray-200 hover:border-gray-300 transition-colors"
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_19$1, [
+							createVNode(unref(NInput), {
+								value: condition.name,
+								"onUpdate:value": ($event) => condition.name = $event,
+								placeholder: "分支名称",
+								style: { "width": "150px" },
+								class: "flex-shrink-0"
+							}, null, 8, ["value", "onUpdate:value"]),
+							createVNode(unref(NSelect), {
+								value: condition.field,
+								"onUpdate:value": ($event) => condition.field = $event,
+								placeholder: "选择字段",
+								options: unref(FIELD_OPTIONS),
+								style: { "width": "120px" },
+								class: "flex-shrink-0"
+							}, null, 8, [
+								"value",
+								"onUpdate:value",
+								"options"
+							]),
+							createVNode(unref(NSelect), {
+								value: condition.operator,
+								"onUpdate:value": ($event) => condition.operator = $event,
+								placeholder: "操作符",
+								options: unref(OPERATOR_OPTIONS),
+								style: { "width": "100px" },
+								class: "flex-shrink-0"
+							}, null, 8, [
+								"value",
+								"onUpdate:value",
+								"options"
+							]),
+							createVNode(unref(NInput), {
+								value: condition.value,
+								"onUpdate:value": ($event) => condition.value = $event,
+								placeholder: "值",
+								style: { "width": "120px" },
+								class: "flex-shrink-0"
+							}, null, 8, ["value", "onUpdate:value"]),
+							createVNode(unref(NButton), {
+								quaternary: "",
+								type: "error",
+								onClick: ($event) => removeCondition(index),
+								class: "flex-shrink-0 ml-auto"
+							}, {
+								icon: withCtx(() => [createVNode(unref(C_Icon_default), {
+									name: "mdi:delete",
+									size: 16
+								})]),
+								_: 2
+							}, 1032, ["onClick"])
+						])]),
+						_: 2
+					}, 1024)]);
+				}), 128)), createVNode(unref(NButton), {
+					dashed: "",
+					block: "",
+					onClick: addCondition,
+					class: "w-full"
+				}, {
+					icon: withCtx(() => [createVNode(unref(C_Icon_default), {
+						name: "mdi:plus",
+						size: 16
+					})]),
+					default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" 添加条件 ", -1))]),
+					_: 1,
+					__: [5]
+				})])])])], 2112)) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 8, [
+				"show",
+				"title",
+				"loading"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_WorkFlow/NodeConfigModal.vue
+var NodeConfigModal_default = NodeConfigModal_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/C_WorkFlow/nodes/StartNode.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$4 = { class: "start-node" };
+const _hoisted_2$4 = { class: "node-content" };
+const _hoisted_3$4 = { class: "node-info" };
+const _hoisted_4$4 = { class: "node-text" };
+const _hoisted_5$4 = {
+	key: 0,
+	class: "initiator-name"
+};
+const _hoisted_6$4 = {
+	key: 1,
+	class: "placeholder-text"
+};
+var StartNode_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "StartNode",
+	props: {
+		id: {},
+		data: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const showAddMenuFn = inject("showAddMenu");
+		const initiatorNames = computed(() => {
+			const { initiators } = props.data;
+			if (!initiators || !Array.isArray(initiators) || initiators.length === 0) return "";
+			return initiators.map((user) => user?.name || "未知用户").join("、");
+		});
+		const showAddMenu = (event) => {
+			event.stopPropagation();
+			const rect = event.currentTarget.getBoundingClientRect();
+			if (showAddMenuFn) showAddMenuFn({
+				x: rect.left + rect.width / 2,
+				y: rect.bottom + 10
+			}, props.id);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$4, [
+				createCommentVNode(" 主要内容区域 "),
+				createElementVNode("div", _hoisted_2$4, [_cache[0] || (_cache[0] = createElementVNode("div", { class: "node-icon" }, "🚀", -1)), createElementVNode("div", _hoisted_3$4, [createElementVNode("div", _hoisted_4$4, toDisplayString(_ctx.data.title), 1), initiatorNames.value ? (openBlock(), createElementBlock("div", _hoisted_5$4, toDisplayString(initiatorNames.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_6$4, "点击设置发起人"))])]),
+				createCommentVNode(" 添加节点按钮 "),
+				createElementVNode("div", {
+					class: "add-node-btn",
+					onClick: showAddMenu,
+					title: "添加下一个节点"
+				}, [createVNode(unref(C_Icon_default), {
+					name: "mdi:plus",
+					size: 16
+				})])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_WorkFlow/nodes/StartNode.vue
+var StartNode_default = /* @__PURE__ */ export_helper_default(StartNode_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8dfd664b"]]);
+
+//#endregion
+//#region src/components/C_WorkFlow/nodes/ApprovalNode.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$3 = { class: "approval-node" };
+const _hoisted_2$3 = { class: "node-header" };
+const _hoisted_3$3 = { class: "node-icon" };
+const _hoisted_4$3 = { class: "node-title" };
+const _hoisted_5$3 = {
+	key: 0,
+	class: "node-badge"
+};
+const _hoisted_6$3 = {
+	key: 1,
+	class: "approval-mode-badge"
+};
+const _hoisted_7$3 = { class: "node-content" };
+const _hoisted_8$3 = {
+	key: 0,
+	class: "approvers-list"
+};
+const _hoisted_9$2 = { class: "approver-info" };
+const _hoisted_10$1 = { class: "approver-avatar" };
+const _hoisted_11$1 = { class: "approver-details" };
+const _hoisted_12$1 = { class: "approver-name" };
+const _hoisted_13$1 = { class: "approver-dept" };
+const _hoisted_14$1 = { class: "approver-role" };
+const _hoisted_15$1 = {
+	key: 0,
+	class: "more-count"
+};
+const _hoisted_16$1 = {
+	key: 1,
+	class: "placeholder"
+};
+var ApprovalNode_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ApprovalNode",
+	props: {
+		id: {},
+		data: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const showAddMenuFn = inject("showAddMenu");
+		const deleteNodeFn = inject("deleteNode");
+		const approvers = computed(() => props.data.approvers ?? []);
+		const approverCount = computed(() => approvers.value.length);
+		const displayApprovers = computed(() => approvers.value.slice(0, 3));
+		const moreCount = computed(() => Math.max(0, approverCount.value - 3));
+		const getApprovalModeText = (mode) => {
+			return {
+				any: "或签",
+				all: "会签",
+				sequence: "顺序"
+			}[mode] || "";
+		};
+		const getDefaultAvatar = (name) => {
+			return `https://ui-avatars.com/api/?name=${encodeURIComponent(name)}&background=random`;
+		};
+		const handleNodeClick = () => {};
+		const showAddMenu = (event) => {
+			event.stopPropagation();
+			const rect = event.currentTarget.getBoundingClientRect();
+			if (showAddMenuFn) showAddMenuFn({
+				x: rect.left + rect.width / 2,
+				y: rect.bottom + 10
+			}, props.id);
+		};
+		const handleDelete = (event) => {
+			event.stopPropagation();
+			if (deleteNodeFn) deleteNodeFn(props.id);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [
+				createElementVNode("div", { class: normalizeClass(["status-indicator", _ctx.data.status]) }, null, 2),
+				createCommentVNode(" 删除按钮 "),
+				createElementVNode("div", {
+					class: "delete-btn",
+					onClick: handleDelete,
+					title: "删除节点"
+				}, [createVNode(unref(C_Icon_default), {
+					name: "mdi:close",
+					size: 12
+				})]),
+				createElementVNode("div", {
+					class: "node-card",
+					onClick: handleNodeClick
+				}, [createElementVNode("div", _hoisted_2$3, [
+					createElementVNode("div", _hoisted_3$3, [createVNode(unref(C_Icon_default), {
+						name: "mdi:account",
+						size: 12,
+						color: "white"
+					})]),
+					createElementVNode("span", _hoisted_4$3, toDisplayString(_ctx.data.title), 1),
+					approverCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_5$3, toDisplayString(approverCount.value), 1)) : createCommentVNode("v-if", true),
+					_ctx.data.approvalMode ? (openBlock(), createElementBlock("div", _hoisted_6$3, toDisplayString(getApprovalModeText(_ctx.data.approvalMode)), 1)) : createCommentVNode("v-if", true)
+				]), createElementVNode("div", _hoisted_7$3, [approverCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_8$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(displayApprovers.value, (approver) => {
+					return openBlock(), createElementBlock("div", {
+						key: approver.id,
+						class: "approver-tag"
+					}, [createElementVNode("div", _hoisted_9$2, [createElementVNode("div", _hoisted_10$1, [createVNode(unref(NAvatar), {
+						src: approver.avatar,
+						"fallback-src": getDefaultAvatar(approver.name),
+						size: "small"
+					}, null, 8, ["src", "fallback-src"])]), createElementVNode("div", _hoisted_11$1, [
+						createElementVNode("span", _hoisted_12$1, toDisplayString(approver.name), 1),
+						createElementVNode("span", _hoisted_13$1, toDisplayString(approver.department), 1),
+						createElementVNode("span", _hoisted_14$1, toDisplayString(approver.role), 1)
+					])])]);
+				}), 128)), moreCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_15$1, "+" + toDisplayString(moreCount.value), 1)) : createCommentVNode("v-if", true)])) : (openBlock(), createElementBlock("div", _hoisted_16$1, [createVNode(unref(C_Icon_default), {
+					name: "mdi:account-plus",
+					size: 24,
+					color: "#9ca3af"
+				}), _cache[0] || (_cache[0] = createElementVNode("span", null, "请设置审批人", -1))]))])]),
+				createElementVNode("div", {
+					class: "add-node-btn",
+					onClick: showAddMenu,
+					title: "添加下一个节点"
+				}, [createVNode(unref(C_Icon_default), {
+					name: "mdi:plus",
+					size: 16
+				})])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_WorkFlow/nodes/ApprovalNode.vue
+var ApprovalNode_default = /* @__PURE__ */ export_helper_default(ApprovalNode_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f7fd7107"]]);
+
+//#endregion
+//#region src/components/C_WorkFlow/nodes/CopyNode.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$2 = { class: "copy-node" };
+const _hoisted_2$2 = { class: "node-header" };
+const _hoisted_3$2 = { class: "node-title" };
+const _hoisted_4$2 = {
+	key: 0,
+	class: "node-badge"
+};
+const _hoisted_5$2 = { class: "node-content" };
+const _hoisted_6$2 = {
+	key: 0,
+	class: "copy-users-list"
+};
+const _hoisted_7$2 = {
+	key: 0,
+	class: "more-count"
+};
+const _hoisted_8$2 = {
+	key: 1,
+	class: "placeholder"
+};
+var CopyNode_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CopyNode",
+	props: {
+		id: {},
+		data: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const showAddMenuFn = inject("showAddMenu");
+		const deleteNodeFn = inject("deleteNode");
+		const copyUsers = computed(() => props.data.copyUsers ?? []);
+		const copyCount = computed(() => copyUsers.value.length);
+		const displayCopyUsers = computed(() => copyUsers.value.slice(0, 3));
+		const moreCount = computed(() => Math.max(0, copyCount.value - 3));
+		const handleNodeClick = () => {};
+		const showAddMenu = (event) => {
+			event.stopPropagation();
+			const rect = event.currentTarget.getBoundingClientRect();
+			if (showAddMenuFn) showAddMenuFn({
+				x: rect.left + rect.width / 2,
+				y: rect.bottom + 10
+			}, props.id);
+		};
+		const handleDelete = (event) => {
+			event.stopPropagation();
+			if (deleteNodeFn) deleteNodeFn(props.id);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [
+				createElementVNode("div", { class: normalizeClass(["status-indicator", _ctx.data.status]) }, null, 2),
+				createCommentVNode(" 删除按钮 "),
+				createElementVNode("div", {
+					class: "delete-btn",
+					onClick: handleDelete,
+					title: "删除节点"
+				}, [createVNode(unref(C_Icon_default), {
+					name: "mdi:close",
+					size: 12
+				})]),
+				createElementVNode("div", {
+					class: "node-card",
+					onClick: handleNodeClick
+				}, [createElementVNode("div", _hoisted_2$2, [
+					_cache[0] || (_cache[0] = createElementVNode("div", { class: "node-icon" }, "📋", -1)),
+					createElementVNode("span", _hoisted_3$2, toDisplayString(_ctx.data.title), 1),
+					copyCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$2, toDisplayString(copyCount.value), 1)) : createCommentVNode("v-if", true)
+				]), createElementVNode("div", _hoisted_5$2, [copyCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_6$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(displayCopyUsers.value, (user) => {
+					return openBlock(), createElementBlock("div", {
+						key: user.id,
+						class: "copy-user-tag"
+					}, toDisplayString(user.name), 1);
+				}), 128)), moreCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_7$2, "+" + toDisplayString(moreCount.value), 1)) : createCommentVNode("v-if", true)])) : (openBlock(), createElementBlock("div", _hoisted_8$2, "请设置抄送人"))])]),
+				createElementVNode("div", {
+					class: "add-node-btn",
+					onClick: showAddMenu,
+					title: "添加下一个节点"
+				}, [createVNode(unref(C_Icon_default), {
+					name: "mdi:plus",
+					size: 16
+				})])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_WorkFlow/nodes/CopyNode.vue
+var CopyNode_default = /* @__PURE__ */ export_helper_default(CopyNode_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6ae0b500"]]);
+
+//#endregion
+//#region src/components/C_WorkFlow/nodes/ConditionNode.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = { class: "condition-node" };
+const _hoisted_2$1 = { class: "node-card" };
+const _hoisted_3$1 = { class: "node-header" };
+const _hoisted_4$1 = { class: "node-title" };
+const _hoisted_5$1 = {
+	key: 0,
+	class: "node-badge"
+};
+const _hoisted_6$1 = { class: "node-content" };
+const _hoisted_7$1 = {
+	key: 0,
+	class: "conditions-list"
+};
+const _hoisted_8$1 = {
+	key: 0,
+	class: "more-count"
+};
+const _hoisted_9$1 = {
+	key: 1,
+	class: "placeholder"
+};
+var ConditionNode_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ConditionNode",
+	props: {
+		id: {},
+		data: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const showAddMenuFn = inject("showAddMenu");
+		const deleteNodeFn = inject("deleteNode");
+		const conditions = computed(() => props.data.conditions ?? []);
+		const conditionCount = computed(() => conditions.value.length);
+		const displayConditions = computed(() => conditions.value.slice(0, 2));
+		const moreCount = computed(() => Math.max(0, conditionCount.value - 2));
+		const showAddMenu = (event) => {
+			event.stopPropagation();
+			const rect = event.currentTarget.getBoundingClientRect();
+			if (showAddMenuFn) showAddMenuFn({
+				x: rect.left + rect.width / 2,
+				y: rect.bottom + 10
+			}, props.id);
+		};
+		const handleDelete = (event) => {
+			event.stopPropagation();
+			if (deleteNodeFn) deleteNodeFn(props.id);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [
+				createElementVNode("div", { class: normalizeClass(["status-indicator", _ctx.data.status]) }, null, 2),
+				createCommentVNode(" 删除按钮 "),
+				createElementVNode("div", {
+					class: "delete-btn",
+					onClick: handleDelete,
+					title: "删除节点"
+				}, [createVNode(unref(C_Icon_default), {
+					name: "mdi:close",
+					size: 12
+				})]),
+				createElementVNode("div", _hoisted_2$1, [createElementVNode("div", _hoisted_3$1, [
+					_cache[0] || (_cache[0] = createElementVNode("div", { class: "node-icon" }, "🔀", -1)),
+					createElementVNode("span", _hoisted_4$1, toDisplayString(_ctx.data.title), 1),
+					conditionCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_5$1, toDisplayString(conditionCount.value), 1)) : createCommentVNode("v-if", true)
+				]), createElementVNode("div", _hoisted_6$1, [conditionCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_7$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(displayConditions.value, (condition) => {
+					return openBlock(), createElementBlock("div", {
+						key: condition.id,
+						class: "condition-tag"
+					}, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "condition-icon" }, "→", -1)), createElementVNode("span", null, toDisplayString(condition.name || "条件" + (displayConditions.value.indexOf(condition) + 1)), 1)]);
+				}), 128)), moreCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_8$1, "+" + toDisplayString(moreCount.value), 1)) : createCommentVNode("v-if", true)])) : (openBlock(), createElementBlock("div", _hoisted_9$1, "请设置分支条件"))])]),
+				createElementVNode("div", {
+					class: "add-node-btn",
+					onClick: showAddMenu,
+					title: "添加下一个节点"
+				}, [createVNode(unref(C_Icon_default), {
+					name: "mdi:plus",
+					size: 16
+				})])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_WorkFlow/nodes/ConditionNode.vue
+var ConditionNode_default = /* @__PURE__ */ export_helper_default(ConditionNode_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-60e87967"]]);
+
+//#endregion
+//#region src/components/C_WorkFlow/composables/useWorkflowNodes.ts
+/**
+* 工作流节点管理 Composable
+* 封装节点 CRUD、provide/inject、边重连、画布操作等逻辑
+*/
+/** 节点组件映射（模块级常量，仅初始化一次） */
+const NODE_COMPONENT_MAP = {
+	start: markRaw(StartNode_default),
+	approval: markRaw(ApprovalNode_default),
+	copy: markRaw(CopyNode_default),
+	condition: markRaw(ConditionNode_default)
+};
+/** 工作流节点管理 —— 封装节点 CRUD、provide/inject、边重连、画布操作等逻辑 */
+function useWorkflowNodes(props, emit, vueFlowRef) {
+	const message = useMessage();
+	const nodes = ref([{ ...INITIAL_NODE }]);
+	const edges = ref([]);
+	const showAddMenu = ref(false);
+	const menuPosition = ref({
+		x: 0,
+		y: 0
+	});
+	const showNodeConfig = ref(false);
+	const currentNode = ref(null);
+	const currentAddNodeId = ref(null);
+	const nodeTypes = computed(() => NODE_COMPONENT_MAP);
+	const workflowStats = computed(() => {
+		const stats = {
+			totalNodes: nodes.value.length,
+			approvalNodes: 0,
+			copyNodes: 0,
+			conditionNodes: 0
+		};
+		nodes.value.forEach((n) => {
+			if (n.type === "approval") stats.approvalNodes++;
+			else if (n.type === "copy") stats.copyNodes++;
+			else if (n.type === "condition") stats.conditionNodes++;
+		});
+		return stats;
+	});
+	/** 获取当前工作流完整数据 */
+	const getCurrentWorkflowData = () => ({
+		nodes: nodes.value,
+		edges: edges.value,
+		config: {
+			version: "1.0",
+			createdAt: (/* @__PURE__ */ new Date()).toISOString()
+		}
+	});
+	/** 触发数据变更事件 */
+	const emitChange = () => {
+		const data = getCurrentWorkflowData();
+		emit("update:modelValue", data);
+		emit("change", data);
+	};
+	/** 延迟适应画布视图 */
+	const deferFitView = (padding = 60, duration = 400) => {
+		nextTick(() => {
+			setTimeout(() => {
+				vueFlowRef.value?.fitView?.({
+					padding,
+					duration
+				});
+			}, 100);
+		});
+	};
+	const handleShowAddMenu = (position, nodeId) => {
+		menuPosition.value = {
+			x: typeof position.x === "number" ? position.x : 0,
+			y: typeof position.y === "number" ? position.y : 0
+		};
+		currentAddNodeId.value = nodeId || null;
+		showAddMenu.value = true;
+	};
+	const closeAddMenu = () => {
+		showAddMenu.value = false;
+	};
+	const deleteNode = (nodeId) => {
+		if (nodeId === "start-1") {
+			message.warning("不能删除开始节点");
+			return;
+		}
+		const nodeIndex = nodes.value.findIndex((n) => n.id === nodeId);
+		if (nodeIndex === -1) return;
+		const incomingEdges = edges.value.filter((e) => e.target === nodeId);
+		const outgoingEdges = edges.value.filter((e) => e.source === nodeId);
+		nodes.value.splice(nodeIndex, 1);
+		edges.value = edges.value.filter((e) => e.source !== nodeId && e.target !== nodeId);
+		incomingEdges.forEach((inEdge) => {
+			outgoingEdges.forEach((outEdge) => {
+				edges.value.push({
+					id: generateEdgeId(inEdge.source, outEdge.target),
+					source: inEdge.source,
+					target: outEdge.target,
+					animated: true,
+					type: "default"
+				});
+			});
+		});
+		nodes.value.forEach((node, i) => {
+			if (i >= nodeIndex) node.position.y -= NODE_Y_GAP;
+		});
+		emitChange();
+		message.success("节点已删除");
+		deferFitView();
+	};
+	provide("showAddMenu", handleShowAddMenu);
+	provide("deleteNode", deleteNode);
+	const getTargetNodeInfo = () => {
+		let targetNodeIndex = nodes.value.length - 1;
+		let targetNode = nodes.value[targetNodeIndex];
+		if (currentAddNodeId.value) {
+			const foundIndex = nodes.value.findIndex((n) => n.id === currentAddNodeId.value);
+			if (foundIndex !== -1) {
+				targetNodeIndex = foundIndex;
+				targetNode = nodes.value[targetNodeIndex];
+			}
+		}
+		return {
+			targetNodeIndex,
+			targetNode
+		};
+	};
+	const createNewNode = (type, targetNode) => ({
+		id: `${type}-${Date.now()}`,
+		type,
+		position: {
+			x: targetNode?.position.x || 150,
+			y: (targetNode?.position.y || 130) + NODE_Y_GAP
+		},
+		data: {
+			title: NODE_TITLES[type],
+			status: "pending",
+			...type === "approval" && {
+				approvers: [],
+				approvalMode: "any"
+			},
+			...type === "copy" && { copyUsers: [] },
+			...type === "condition" && { conditions: [] }
+		}
+	});
+	/** 将新节点插入到 targetNode 之后，重连所有边 */
+	const reconnectEdges = (targetNode, newNode) => {
+		const outgoing = edges.value.filter((e) => e.source === targetNode.id);
+		edges.value = edges.value.filter((e) => e.source !== targetNode.id);
+		edges.value.push({
+			id: generateEdgeId(targetNode.id, newNode.id),
+			source: targetNode.id,
+			target: newNode.id,
+			animated: true,
+			type: "default"
+		});
+		outgoing.forEach((edge) => {
+			edges.value.push({
+				id: generateEdgeId(newNode.id, edge.target),
+				source: newNode.id,
+				target: edge.target,
+				animated: true,
+				type: "default"
+			});
+		});
+	};
+	const addNode = (type) => {
+		try {
+			const { targetNodeIndex, targetNode } = getTargetNodeInfo();
+			const newNode = createNewNode(type, targetNode);
+			nodes.value.splice(targetNodeIndex + 1, 0, newNode);
+			for (let i = targetNodeIndex + 2; i < nodes.value.length; i++) nodes.value[i].position.y += NODE_Y_GAP;
+			if (targetNode) reconnectEdges(targetNode, newNode);
+			showAddMenu.value = false;
+			currentAddNodeId.value = null;
+			emitChange();
+			deferFitView();
+		} catch (error) {
+			console.error("Error adding node:", error);
+			message.error("添加节点失败，请重试");
+		}
+	};
+	const onNodeClick = (event) => {
+		const { node } = event;
+		currentNode.value = node;
+		showNodeConfig.value = true;
+		emit("node-click", node);
+	};
+	const handleConfigSave = (configData) => {
+		if (!currentNode.value) return;
+		const nodeIndex = nodes.value.findIndex((n) => n.id === currentNode.value.id);
+		if (nodeIndex !== -1) {
+			const updatedNode = {
+				...nodes.value[nodeIndex],
+				data: {
+					...nodes.value[nodeIndex].data,
+					...configData
+				}
+			};
+			nodes.value.splice(nodeIndex, 1, updatedNode);
+			currentNode.value = updatedNode;
+		}
+		emitChange();
+		showNodeConfig.value = false;
+		message.success("节点配置已保存");
+	};
+	const fitView = () => {
+		if (!vueFlowRef.value?.fitView) {
+			message.warning("画布未准备就绪，请稍后重试");
+			return;
+		}
+		nextTick(() => {
+			vueFlowRef.value.fitView({
+				padding: 50,
+				includeHiddenNodes: false,
+				minZoom: .5,
+				maxZoom: 1.5,
+				duration: 800
+			});
+		});
+		message.success("已适应窗口大小");
+	};
+	/** 重置节点和边（不涉及验证状态） */
+	const resetNodes = () => {
+		nodes.value = [{ ...INITIAL_NODE }];
+		edges.value = [];
+		emitChange();
+		deferFitView(80, 600);
+		message.success("画布已清空");
+	};
+	watch(() => props.modelValue, (newValue) => {
+		if (newValue && newValue !== getCurrentWorkflowData()) {
+			nodes.value = newValue.nodes || [];
+			edges.value = newValue.edges || [];
+		}
+	}, { deep: true });
+	onMounted(() => {
+		nextTick(() => {
+			setTimeout(() => {
+				vueFlowRef.value?.fitView?.({
+					padding: 80,
+					includeHiddenNodes: false,
+					minZoom: .8,
+					maxZoom: 1.2,
+					duration: 600
+				});
+			}, 300);
+		});
+	});
+	return {
+		nodes,
+		edges,
+		showAddMenu,
+		menuPosition,
+		showNodeConfig,
+		currentNode,
+		nodeTypes,
+		workflowStats,
+		addNode,
+		onNodeClick,
+		closeAddMenu,
+		handleConfigSave,
+		resetNodes,
+		getCurrentWorkflowData,
+		fitView,
+		deleteNode
+	};
+}
+
+//#endregion
+//#region src/components/C_WorkFlow/composables/useWorkflowValidation.ts
+/**
+* 工作流验证 Composable
+* 封装流程校验逻辑、错误展示和节点定位
+*/
+/** 工作流验证 —— 封装流程校验逻辑、错误展示和节点定位 */
+function useWorkflowValidation(nodes, edges, vueFlowRef, options) {
+	const message = useMessage();
+	const validationErrors = ref([]);
+	const showValidationErrors = ref(false);
+	/** 执行工作流验证，返回错误列表（纯逻辑，不操作 UI） */
+	const validateWorkflow = () => {
+		const errors = [];
+		nodes.value.forEach((node) => {
+			if (node.type === "approval") {
+				if ((node.data.approvers || []).length === 0) errors.push({
+					nodeId: node.id,
+					nodeName: node.data.title,
+					field: "approvers",
+					message: "审批节点必须设置至少一个审批人，否则流程无法正常运行",
+					type: "required"
+				});
+			}
+			if (node.type === "condition") {
+				const conditions = node.data.conditions || [];
+				if (conditions.length === 0) errors.push({
+					nodeId: node.id,
+					nodeName: node.data.title,
+					field: "conditions",
+					message: "条件分支节点必须配置至少一个分支条件，否则无法进行条件判断",
+					type: "required"
+				});
+				else {
+					const incomplete = conditions.filter((c) => !c.name || !c.field || !c.operator || !c.value);
+					if (incomplete.length > 0) errors.push({
+						nodeId: node.id,
+						nodeName: node.data.title,
+						field: "conditions",
+						message: `有 ${incomplete.length} 个条件分支配置不完整，请完善所有必填字段`,
+						type: "incomplete"
+					});
+				}
+			}
+		});
+		const connectedNodes = /* @__PURE__ */ new Set();
+		edges.value.forEach((edge) => {
+			connectedNodes.add(edge.source);
+			connectedNodes.add(edge.target);
+		});
+		nodes.value.forEach((node) => {
+			if (node.type !== "start" && !connectedNodes.has(node.id)) errors.push({
+				nodeId: node.id,
+				nodeName: node.data.title,
+				field: "connection",
+				message: "此节点未与其他节点连接，可能导致流程中断",
+				type: "warning"
+			});
+		});
+		return errors;
+	};
+	/** 执行验证并更新 UI 状态（消息提示 + 抽屉） */
+	const validateCurrentWorkflow = () => {
+		const errors = validateWorkflow();
+		validationErrors.value = errors;
+		if (errors.length === 0) {
+			message.success("工作流验证通过！所有节点配置正确");
+			showValidationErrors.value = false;
+		} else {
+			message.error(`发现 ${errors.length} 个问题，请查看详细错误`);
+			showValidationErrors.value = true;
+			options?.onValidateError?.(errors);
+		}
+	};
+	/** 定位到错误节点并打开配置弹窗 */
+	const jumpToErrorNode = (nodeId) => {
+		const node = nodes.value.find((n) => n.id === nodeId);
+		if (!node || !vueFlowRef.value) return;
+		vueFlowRef.value.setCenter(node.position.x, node.position.y, {
+			zoom: 1.2,
+			duration: 800
+		});
+		setTimeout(() => {
+			options?.onShowNodeConfig?.(node);
+			showValidationErrors.value = false;
+		}, 900);
+		message.info(`已定位到节点：${node.data.title}`);
+	};
+	const getFieldDisplayName = (field) => FIELD_DISPLAY_NAMES[field] || field;
+	const getErrorTypeText = (type) => ERROR_TYPE_TEXTS[type] || type;
+	/** 重置验证状态 */
+	const resetValidation = () => {
+		validationErrors.value = [];
+		showValidationErrors.value = false;
+	};
+	return {
+		validationErrors,
+		showValidationErrors,
+		validateWorkflow,
+		validateCurrentWorkflow,
+		jumpToErrorNode,
+		getFieldDisplayName,
+		getErrorTypeText,
+		resetValidation
+	};
+}
+
+//#endregion
+//#region src/components/C_WorkFlow/composables/useWorkflowPreview.ts
+/**
+* 工作流预览 Composable
+* 封装流程预览逻辑、节点排序和步骤展示
+*/
+const NODE_TYPE_META = {
+	start: {
+		label: "发起人",
+		icon: "mdi:play-circle",
+		colorClass: "start"
+	},
+	approval: {
+		label: "审批节点",
+		icon: "mdi:account-check",
+		colorClass: "approval"
+	},
+	copy: {
+		label: "抄送节点",
+		icon: "mdi:email-outline",
+		colorClass: "copy"
+	},
+	condition: {
+		label: "条件分支",
+		icon: "mdi:source-branch",
+		colorClass: "condition"
+	}
+};
+const APPROVAL_MODE_LABELS = {
+	any: "或签（任一审批人通过即可）",
+	all: "会签（所有审批人必须通过）",
+	sequence: "顺序审批（按顺序依次审批）"
+};
+const OPERATOR_LABELS = {
+	equals: "等于",
+	not_equals: "不等于",
+	greater_than: "大于",
+	less_than: "小于",
+	contains: "包含"
+};
+/** 工作流预览 —— 封装流程预览逻辑、节点排序和步骤展示 */
+function useWorkflowPreview(nodes, edges) {
+	const showPreview = ref(false);
+	const previewSteps = ref([]);
+	const previewStats = ref({
+		totalNodes: 0,
+		approvalNodes: 0,
+		copyNodes: 0,
+		conditionNodes: 0,
+		totalEdges: 0
+	});
+	/** 提取开始节点详情 */
+	const extractStartDetails = (data) => {
+		const initiators = data.initiators || [];
+		return initiators.length > 0 ? [{
+			type: "users",
+			label: "发起人",
+			users: initiators
+		}] : [{
+			type: "text",
+			label: "发起人",
+			value: "所有人"
+		}];
+	};
+	/** 提取审批节点详情 */
+	const extractApprovalDetails = (data) => {
+		const mode = data.approvalMode || "any";
+		const approvers = data.approvers || [];
+		const items = [{
+			type: "mode",
+			label: "审批方式",
+			value: APPROVAL_MODE_LABELS[mode] || mode,
+			modeKey: mode
+		}];
+		if (approvers.length > 0) items.push({
+			type: "users",
+			label: "审批人",
+			users: approvers
+		});
+		else items.push({
+			type: "warning",
+			label: "审批人",
+			value: "未设置"
+		});
+		return items;
+	};
+	/** 提取抄送节点详情 */
+	const extractCopyDetails = (data) => {
+		const copyUsers = data.copyUsers || [];
+		return copyUsers.length > 0 ? [{
+			type: "users",
+			label: "抄送人",
+			users: copyUsers
+		}] : [{
+			type: "text",
+			label: "抄送人",
+			value: "未设置"
+		}];
+	};
+	/** 提取条件节点详情 */
+	const extractConditionDetails = (data) => {
+		const conditions = data.conditions || [];
+		if (conditions.length === 0) return [{
+			type: "warning",
+			label: "条件分支",
+			value: "未配置"
+		}];
+		return conditions.map((cond, i) => {
+			const op = OPERATOR_LABELS[cond.operator] || cond.operator;
+			return {
+				type: "text",
+				label: `分支 ${i + 1}`,
+				value: `${cond.name || "未命名"} — ${cond.field || "?"} ${op} ${cond.value || "?"}`
+			};
+		});
+	};
+	/** 节点详情提取策略 */
+	const detailExtractors = {
+		start: extractStartDetails,
+		approval: extractApprovalDetails,
+		copy: extractCopyDetails,
+		condition: extractConditionDetails
+	};
+	/** 从节点数据中提取可读的配置详情 */
+	const extractNodeDetails = (node) => {
+		const extractor = detailExtractors[node.type || "start"];
+		return extractor ? extractor(node.data) : [];
+	};
+	/** 基于 BFS 对流程节点进行拓扑排序 */
+	const sortNodesByFlow = () => {
+		const nodeMap = /* @__PURE__ */ new Map();
+		nodes.value.forEach((n) => nodeMap.set(n.id, n));
+		const adjacency = /* @__PURE__ */ new Map();
+		const inDegree = /* @__PURE__ */ new Map();
+		nodes.value.forEach((n) => {
+			adjacency.set(n.id, []);
+			inDegree.set(n.id, 0);
+		});
+		edges.value.forEach((e) => {
+			adjacency.get(e.source)?.push(e.target);
+			inDegree.set(e.target, (inDegree.get(e.target) || 0) + 1);
+		});
+		const queue = [];
+		inDegree.forEach((deg, id) => {
+			if (deg === 0) queue.push(id);
+		});
+		const sorted = [];
+		const visited = /* @__PURE__ */ new Set();
+		while (queue.length > 0) {
+			const id = queue.shift();
+			if (visited.has(id)) continue;
+			visited.add(id);
+			const node = nodeMap.get(id);
+			if (node) sorted.push(node);
+			const neighbors = adjacency.get(id) || [];
+			for (const next of neighbors) {
+				const newDeg = (inDegree.get(next) || 1) - 1;
+				inDegree.set(next, newDeg);
+				if (newDeg <= 0 && !visited.has(next)) queue.push(next);
+			}
+		}
+		nodes.value.forEach((n) => {
+			if (!visited.has(n.id)) sorted.push(n);
+		});
+		return sorted;
+	};
+	/** 构建预览步骤列表 */
+	const buildFlowSteps = () => {
+		return sortNodesByFlow().map((node, index) => {
+			const meta = NODE_TYPE_META[node.type || "start"] || NODE_TYPE_META.start;
+			return {
+				order: index + 1,
+				node,
+				nodeTypeLabel: meta.label,
+				icon: meta.icon,
+				colorClass: meta.colorClass,
+				details: extractNodeDetails(node)
+			};
+		});
+	};
+	const computeStats = () => {
+		const stats = {
+			totalNodes: nodes.value.length,
+			approvalNodes: 0,
+			copyNodes: 0,
+			conditionNodes: 0,
+			totalEdges: edges.value.length
+		};
+		nodes.value.forEach((n) => {
+			if (n.type === "approval") stats.approvalNodes++;
+			else if (n.type === "copy") stats.copyNodes++;
+			else if (n.type === "condition") stats.conditionNodes++;
+		});
+		return stats;
+	};
+	/** 打开预览面板 */
+	const openPreview = () => {
+		previewSteps.value = buildFlowSteps();
+		previewStats.value = computeStats();
+		showPreview.value = true;
+	};
+	/** 关闭预览面板 */
+	const closePreview = () => {
+		showPreview.value = false;
+	};
+	return {
+		showPreview,
+		previewSteps,
+		previewStats,
+		openPreview,
+		closePreview
+	};
+}
+
+//#endregion
+//#region src/components/C_WorkFlow/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "approval-workflow-container" };
+const _hoisted_2 = { class: "floating-toolbar" };
+const _hoisted_3 = { class: "add-menu-content" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "menu-text" };
+const _hoisted_6 = {
+	key: 0,
+	class: "validation-success"
+};
+const _hoisted_7 = { class: "success-icon" };
+const _hoisted_8 = {
+	key: 1,
+	class: "validation-errors"
+};
+const _hoisted_9 = { class: "error-summary" };
+const _hoisted_10 = { class: "error-icon" };
+const _hoisted_11 = { class: "error-list" };
+const _hoisted_12 = { class: "error-header" };
+const _hoisted_13 = { class: "error-number" };
+const _hoisted_14 = { class: "error-info" };
+const _hoisted_15 = { class: "error-node" };
+const _hoisted_16 = { class: "error-field" };
+const _hoisted_17 = { class: "error-message" };
+const _hoisted_18 = { class: "error-actions" };
+const _hoisted_19 = { class: "validation-footer" };
+const _hoisted_20 = { class: "preview-stats" };
+const _hoisted_21 = { class: "stat-item" };
+const _hoisted_22 = { class: "stat-value" };
+const _hoisted_23 = { class: "stat-item approval" };
+const _hoisted_24 = { class: "stat-value" };
+const _hoisted_25 = { class: "stat-item copy" };
+const _hoisted_26 = { class: "stat-value" };
+const _hoisted_27 = { class: "stat-item condition" };
+const _hoisted_28 = { class: "stat-value" };
+const _hoisted_29 = { class: "stat-item edge" };
+const _hoisted_30 = { class: "stat-value" };
+const _hoisted_31 = { class: "preview-timeline" };
+const _hoisted_32 = { class: "step-connector" };
+const _hoisted_33 = { class: "step-dot" };
+const _hoisted_34 = {
+	key: 0,
+	class: "step-line"
+};
+const _hoisted_35 = { class: "step-content" };
+const _hoisted_36 = { class: "step-header" };
+const _hoisted_37 = { class: "step-order" };
+const _hoisted_38 = { class: "step-type-badge" };
+const _hoisted_39 = { class: "step-title" };
+const _hoisted_40 = {
+	key: 0,
+	class: "step-details"
+};
+const _hoisted_41 = { class: "detail-label" };
+const _hoisted_42 = { class: "warning-text" };
+const _hoisted_43 = {
+	key: 0,
+	class: "preview-empty"
+};
+const _hoisted_44 = { class: "preview-footer" };
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_WorkFlow",
+	__name: "index",
+	props: {
+		users: { default: () => [] },
+		roles: { default: () => [] },
+		departments: { default: () => [] },
+		modelValue: {},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		theme: { default: "light" }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"node-click",
+		"edge-click",
+		"save",
+		"validate-error"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const message = useMessage();
+		const vueFlowRef = ref();
+		const { nodes, edges, showAddMenu, menuPosition, showNodeConfig, currentNode, nodeTypes, workflowStats, addNode, onNodeClick, closeAddMenu, handleConfigSave, resetNodes, getCurrentWorkflowData, fitView, deleteNode } = useWorkflowNodes(props, emit, vueFlowRef);
+		const { validationErrors, showValidationErrors, validateWorkflow, validateCurrentWorkflow, jumpToErrorNode, getFieldDisplayName, getErrorTypeText, resetValidation } = useWorkflowValidation(nodes, edges, vueFlowRef, {
+			onShowNodeConfig: (node) => {
+				currentNode.value = node;
+				showNodeConfig.value = true;
+			},
+			onValidateError: (errors) => emit("validate-error", errors)
+		});
+		const { showPreview, previewSteps, previewStats, openPreview, closePreview } = useWorkflowPreview(nodes, edges);
+		const saveWorkflow = () => {
+			const errors = validateWorkflow();
+			if (errors.length > 0) {
+				message.error(`工作流验证失败: ${errors[0].message}`);
+				showValidationErrors.value = true;
+				return;
+			}
+			emit("save", getCurrentWorkflowData());
+			message.success("工作流保存成功");
+		};
+		const previewWorkflow = () => {
+			openPreview();
+		};
+		const confirmAndSave = () => {
+			closePreview();
+			saveWorkflow();
+		};
+		const clearWorkflow = () => {
+			resetNodes();
+			resetValidation();
+		};
+		__expose({
+			validateWorkflow,
+			getCurrentWorkflowData,
+			saveWorkflow,
+			previewWorkflow,
+			deleteNode,
+			stats: workflowStats
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createCommentVNode(" 浮动工具栏 "),
+				createElementVNode("div", _hoisted_2, [
+					createVNode(unref(NButton), {
+						size: "small",
+						type: "primary",
+						onClick: saveWorkflow
+					}, {
+						icon: withCtx(() => [createVNode(unref(C_Icon_default), {
+							name: "mdi:content-save",
+							size: 16
+						})]),
+						default: withCtx(() => [_cache[7] || (_cache[7] = createTextVNode(" 保存 ", -1))]),
+						_: 1,
+						__: [7]
+					}),
+					createVNode(unref(NButton), {
+						size: "small",
+						onClick: previewWorkflow
+					}, {
+						icon: withCtx(() => [createVNode(unref(C_Icon_default), {
+							name: "mdi:eye",
+							size: 16
+						})]),
+						default: withCtx(() => [_cache[8] || (_cache[8] = createTextVNode(" 预览 ", -1))]),
+						_: 1,
+						__: [8]
+					}),
+					createVNode(unref(NButton), {
+						size: "small",
+						onClick: unref(validateCurrentWorkflow),
+						title: "检查工作流配置是否正确"
+					}, {
+						icon: withCtx(() => [createVNode(unref(C_Icon_default), {
+							name: "mdi:check-circle",
+							size: 16
+						})]),
+						default: withCtx(() => [_cache[9] || (_cache[9] = createTextVNode(" 验证流程 ", -1))]),
+						_: 1,
+						__: [9]
+					}, 8, ["onClick"]),
+					_cache[10] || (_cache[10] = createElementVNode("div", { class: "toolbar-divider" }, null, -1)),
+					createVNode(unref(NButton), {
+						size: "small",
+						onClick: unref(fitView),
+						title: "适应窗口"
+					}, {
+						icon: withCtx(() => [createVNode(unref(C_Icon_default), {
+							name: "mdi:fit-to-screen",
+							size: 16
+						})]),
+						_: 1
+					}, 8, ["onClick"]),
+					createVNode(unref(NButton), {
+						size: "small",
+						type: "error",
+						onClick: clearWorkflow,
+						title: "清空画布"
+					}, {
+						icon: withCtx(() => [createVNode(unref(C_Icon_default), {
+							name: "mdi:delete-sweep",
+							size: 16
+						})]),
+						_: 1
+					})
+				]),
+				createCommentVNode(" Vue Flow 画布 "),
+				createVNode(unref(VueFlow), {
+					ref_key: "vueFlowRef",
+					ref: vueFlowRef,
+					nodes: unref(nodes),
+					"onUpdate:nodes": _cache[0] || (_cache[0] = ($event) => isRef(nodes) ? nodes.value = $event : null),
+					edges: unref(edges),
+					"onUpdate:edges": _cache[1] || (_cache[1] = ($event) => isRef(edges) ? edges.value = $event : null),
+					"node-types": unref(nodeTypes),
+					class: "workflow-canvas",
+					"default-viewport": {
+						zoom: 1,
+						x: 0,
+						y: 0
+					},
+					"min-zoom": .5,
+					"max-zoom": 2,
+					"fit-view-on-init": true,
+					"nodes-draggable": true,
+					"elements-selectable": true,
+					onNodeClick: unref(onNodeClick),
+					onPaneClick: unref(closeAddMenu)
+				}, null, 8, [
+					"nodes",
+					"edges",
+					"node-types",
+					"onNodeClick",
+					"onPaneClick"
+				]),
+				createCommentVNode(" 节点添加菜单 "),
+				(openBlock(), createBlock(Teleport, { to: "body" }, [withDirectives(createElementVNode("div", {
+					class: "add-node-menu",
+					style: normalizeStyle({
+						left: unref(menuPosition).x + "px",
+						top: unref(menuPosition).y + "px"
+					})
+				}, [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(NODE_TYPE_OPTIONS), (nodeType) => {
+					return openBlock(), createElementBlock("div", {
+						key: nodeType.type,
+						class: "add-menu-item",
+						onClick: ($event) => unref(addNode)(nodeType.type)
+					}, [createElementVNode("div", { class: normalizeClass(["menu-icon", nodeType.iconClass]) }, [createVNode(unref(C_Icon_default), {
+						name: nodeType.icon,
+						size: 16
+					}, null, 8, ["name"])], 2), createElementVNode("span", _hoisted_5, toDisplayString(nodeType.label), 1)], 8, _hoisted_4);
+				}), 128))])], 4), [[vShow, unref(showAddMenu)]])])),
+				createCommentVNode(" 节点配置弹窗 - 拆分到独立组件 "),
+				createVNode(NodeConfigModal_default, {
+					show: unref(showNodeConfig),
+					"onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(showNodeConfig) ? showNodeConfig.value = $event : null),
+					"current-node": unref(currentNode),
+					users: _ctx.users,
+					departments: _ctx.departments,
+					onSave: unref(handleConfigSave),
+					onCancel: _cache[3] || (_cache[3] = ($event) => showNodeConfig.value = false)
+				}, null, 8, [
+					"show",
+					"current-node",
+					"users",
+					"departments",
+					"onSave"
+				]),
+				createCommentVNode(" 验证错误日志抽屉 "),
+				createVNode(unref(NDrawer), {
+					show: unref(showValidationErrors),
+					"onUpdate:show": _cache[5] || (_cache[5] = ($event) => isRef(showValidationErrors) ? showValidationErrors.value = $event : null),
+					width: 450,
+					placement: "right"
+				}, {
+					default: withCtx(() => [createVNode(unref(NDrawerContent), {
+						title: "流程验证结果",
+						closable: ""
+					}, {
+						footer: withCtx(() => [createElementVNode("div", _hoisted_19, [createVNode(unref(NButton), { onClick: _cache[4] || (_cache[4] = ($event) => showValidationErrors.value = false) }, {
+							default: withCtx(() => _cache[16] || (_cache[16] = [createTextVNode("关闭", -1)])),
+							_: 1,
+							__: [16]
+						}), createVNode(unref(NButton), {
+							type: "primary",
+							onClick: unref(validateCurrentWorkflow)
+						}, {
+							icon: withCtx(() => [createVNode(unref(C_Icon_default), {
+								name: "mdi:refresh",
+								size: 16
+							})]),
+							default: withCtx(() => [_cache[17] || (_cache[17] = createTextVNode(" 重新验证 ", -1))]),
+							_: 1,
+							__: [17]
+						}, 8, ["onClick"])])]),
+						default: withCtx(() => [unref(validationErrors).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
+							createElementVNode("div", _hoisted_7, [createVNode(unref(C_Icon_default), {
+								name: "mdi:check-circle",
+								size: 32,
+								color: "#52c41a"
+							})]),
+							_cache[11] || (_cache[11] = createElementVNode("h3", null, "验证通过", -1)),
+							_cache[12] || (_cache[12] = createElementVNode("p", null, "工作流配置正确，所有节点都已正确设置！", -1))
+						])) : (openBlock(), createElementBlock("div", _hoisted_8, [
+							createElementVNode("div", _hoisted_9, [
+								createElementVNode("div", _hoisted_10, [createVNode(unref(C_Icon_default), {
+									name: "mdi:alert-circle",
+									size: 24,
+									color: "#ff4d4f"
+								})]),
+								createElementVNode("h3", null, "发现 " + toDisplayString(unref(validationErrors).length) + " 个问题", 1),
+								_cache[13] || (_cache[13] = createElementVNode("p", null, "请修复以下问题后重新验证：", -1))
+							]),
+							createElementVNode("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(validationErrors), (error, index) => {
+								return openBlock(), createElementBlock("div", {
+									key: error.nodeId,
+									class: "error-item"
+								}, [
+									createElementVNode("div", _hoisted_12, [
+										createElementVNode("span", _hoisted_13, toDisplayString(index + 1), 1),
+										createElementVNode("div", _hoisted_14, [createElementVNode("strong", _hoisted_15, toDisplayString(error.nodeName), 1), createElementVNode("span", _hoisted_16, toDisplayString(unref(getFieldDisplayName)(error.field)), 1)]),
+										createElementVNode("div", { class: normalizeClass(["error-type", error.type]) }, toDisplayString(unref(getErrorTypeText)(error.type)), 3)
+									]),
+									createElementVNode("div", _hoisted_17, toDisplayString(error.message), 1),
+									createElementVNode("div", _hoisted_18, [createVNode(unref(NButton), {
+										size: "small",
+										type: "primary",
+										onClick: ($event) => unref(jumpToErrorNode)(error.nodeId)
+									}, {
+										icon: withCtx(() => [createVNode(unref(C_Icon_default), {
+											name: "mdi:target",
+											size: 16
+										})]),
+										default: withCtx(() => [_cache[14] || (_cache[14] = createTextVNode(" 定位节点 ", -1))]),
+										_: 2,
+										__: [14]
+									}, 1032, ["onClick"])])
+								]);
+							}), 128))]),
+							_cache[15] || (_cache[15] = createElementVNode("div", { class: "validation-tips" }, [createElementVNode("h4", null, "💡 常见问题解决方案："), createElementVNode("ul", null, [
+								createElementVNode("li", null, [createElementVNode("strong", null, "审批人未设置："), createTextVNode("点击审批节点，在弹窗中选择审批人员 ")]),
+								createElementVNode("li", null, [createElementVNode("strong", null, "条件分支未配置："), createTextVNode("点击条件节点，添加至少一个条件分支 ")]),
+								createElementVNode("li", null, [createElementVNode("strong", null, "节点连接断开："), createTextVNode(" 检查节点之间的连线是否正确 ")])
+							])], -1))
+						]))]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["show"]),
+				createCommentVNode(" 流程预览抽屉 "),
+				createVNode(unref(NDrawer), {
+					show: unref(showPreview),
+					"onUpdate:show": _cache[6] || (_cache[6] = ($event) => isRef(showPreview) ? showPreview.value = $event : null),
+					width: 520,
+					placement: "right"
+				}, {
+					default: withCtx(() => [createVNode(unref(NDrawerContent), {
+						title: "流程预览",
+						closable: ""
+					}, {
+						footer: withCtx(() => [createElementVNode("div", _hoisted_44, [createVNode(unref(NButton), { onClick: unref(closePreview) }, {
+							default: withCtx(() => _cache[24] || (_cache[24] = [createTextVNode("关闭", -1)])),
+							_: 1,
+							__: [24]
+						}, 8, ["onClick"]), createVNode(unref(NButton), {
+							type: "primary",
+							onClick: confirmAndSave
+						}, {
+							icon: withCtx(() => [createVNode(unref(C_Icon_default), {
+								name: "mdi:content-save",
+								size: 16
+							})]),
+							default: withCtx(() => [_cache[25] || (_cache[25] = createTextVNode(" 确认并保存 ", -1))]),
+							_: 1,
+							__: [25]
+						})])]),
+						default: withCtx(() => [
+							createElementVNode("div", _hoisted_20, [
+								createElementVNode("div", _hoisted_21, [createElementVNode("span", _hoisted_22, toDisplayString(unref(previewStats).totalNodes), 1), _cache[18] || (_cache[18] = createElementVNode("span", { class: "stat-label" }, "总节点", -1))]),
+								createElementVNode("div", _hoisted_23, [createElementVNode("span", _hoisted_24, toDisplayString(unref(previewStats).approvalNodes), 1), _cache[19] || (_cache[19] = createElementVNode("span", { class: "stat-label" }, "审批", -1))]),
+								createElementVNode("div", _hoisted_25, [createElementVNode("span", _hoisted_26, toDisplayString(unref(previewStats).copyNodes), 1), _cache[20] || (_cache[20] = createElementVNode("span", { class: "stat-label" }, "抄送", -1))]),
+								createElementVNode("div", _hoisted_27, [createElementVNode("span", _hoisted_28, toDisplayString(unref(previewStats).conditionNodes), 1), _cache[21] || (_cache[21] = createElementVNode("span", { class: "stat-label" }, "条件", -1))]),
+								createElementVNode("div", _hoisted_29, [createElementVNode("span", _hoisted_30, toDisplayString(unref(previewStats).totalEdges), 1), _cache[22] || (_cache[22] = createElementVNode("span", { class: "stat-label" }, "连线", -1))])
+							]),
+							createElementVNode("div", _hoisted_31, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(previewSteps), (step, index) => {
+								return openBlock(), createElementBlock("div", {
+									key: step.node.id,
+									class: normalizeClass(["preview-step", step.colorClass])
+								}, [
+									createCommentVNode(" 时间线连接线 "),
+									createElementVNode("div", _hoisted_32, [createElementVNode("div", _hoisted_33, [createVNode(unref(C_Icon_default), {
+										name: step.icon,
+										size: 16
+									}, null, 8, ["name"])]), index < unref(previewSteps).length - 1 ? (openBlock(), createElementBlock("div", _hoisted_34)) : createCommentVNode("v-if", true)]),
+									createCommentVNode(" 步骤内容 "),
+									createElementVNode("div", _hoisted_35, [
+										createElementVNode("div", _hoisted_36, [createElementVNode("span", _hoisted_37, "步骤 " + toDisplayString(step.order), 1), createElementVNode("span", _hoisted_38, toDisplayString(step.nodeTypeLabel), 1)]),
+										createElementVNode("div", _hoisted_39, toDisplayString(step.node.data.title), 1),
+										step.details.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_40, [(openBlock(true), createElementBlock(Fragment, null, renderList(step.details, (detail, dIdx) => {
+											return openBlock(), createElementBlock("div", {
+												key: dIdx,
+												class: normalizeClass(["step-detail-item", { "is-warning": detail.type === "warning" }])
+											}, [
+												createElementVNode("span", _hoisted_41, toDisplayString(detail.label) + "：", 1),
+												createCommentVNode(" 审批方式 badge "),
+												detail.type === "mode" ? (openBlock(), createElementBlock("span", {
+													key: 0,
+													class: normalizeClass(["mode-badge", detail.modeKey])
+												}, toDisplayString(detail.value), 3)) : detail.type === "users" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 人员 tags "), (openBlock(true), createElementBlock(Fragment, null, renderList(detail.users, (user) => {
+													return openBlock(), createBlock(unref(NTag), {
+														key: user.name,
+														size: "small",
+														bordered: false,
+														round: "",
+														class: "user-tag"
+													}, {
+														icon: withCtx(() => [createVNode(unref(C_Icon_default), {
+															name: "mdi:account",
+															size: 12
+														})]),
+														default: withCtx(() => [createTextVNode(" " + toDisplayString(user.name), 1)]),
+														_: 2
+													}, 1024);
+												}), 128))], 64)) : detail.type === "warning" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" 警告文案 "), createElementVNode("span", _hoisted_42, " ⚠️ " + toDisplayString(detail.value), 1)], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createCommentVNode(" 普通文本 "), createElementVNode("span", null, toDisplayString(detail.value), 1)], 2112))
+											], 2);
+										}), 128))])) : createCommentVNode("v-if", true)
+									])
+								], 2);
+							}), 128))]),
+							unref(previewSteps).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_43, [createVNode(unref(C_Icon_default), {
+								name: "mdi:file-document-outline",
+								size: 48,
+								color: "#d1d5db"
+							}), _cache[23] || (_cache[23] = createElementVNode("p", null, "暂无流程节点", -1))])) : createCommentVNode("v-if", true)
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["show"])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_WorkFlow/index.vue
+var C_WorkFlow_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-55983af8"]]);
+
+//#endregion
+export { useWorkflowNodes as i, useWorkflowPreview as n, useWorkflowValidation as r, C_WorkFlow_default as t };
+//# sourceMappingURL=C_WorkFlow2.js.map