{"ast":null,"code":"import _objectSpread from \"/Users/zyh/Desktop/demo001/node_modules/@babel/runtime/helpers/esm/objectSpread2.js\";\nimport \"core-js/modules/es.error.to-string.js\";\nimport \"core-js/modules/es.array.filter.js\";\nimport \"core-js/modules/es.array.find.js\";\nimport \"core-js/modules/es.array.find-index.js\";\nimport \"core-js/modules/es.array.for-each.js\";\nimport \"core-js/modules/es.array.includes.js\";\nimport \"core-js/modules/es.array.push.js\";\nimport \"core-js/modules/es.array.some.js\";\nimport \"core-js/modules/es.array.splice.js\";\nimport \"core-js/modules/es.date.now.js\";\nimport \"core-js/modules/es.date.to-string.js\";\nimport \"core-js/modules/es.function.name.js\";\nimport \"core-js/modules/es.iterator.constructor.js\";\nimport \"core-js/modules/es.iterator.filter.js\";\nimport \"core-js/modules/es.iterator.find.js\";\nimport \"core-js/modules/es.iterator.for-each.js\";\nimport \"core-js/modules/es.iterator.some.js\";\nimport \"core-js/modules/es.object.to-string.js\";\nimport \"core-js/modules/es.regexp.to-string.js\";\nimport \"core-js/modules/es.string.includes.js\";\nimport \"core-js/modules/es.string.starts-with.js\";\nimport \"core-js/modules/es.string.substr.js\";\nimport \"core-js/modules/web.dom-collections.for-each.js\";\nimport { Graph, Shape, Addon } from '@antv/x6';\nimport { register } from '@antv/x6-vue-shape';\nimport { ElMessage } from 'element-ui';\n\n// 自定义Vue节点组件\nvar FlowNode = {\n  template: \"\\n    <div :class=\\\"['custom-node', node.type]\\\">\\n      <div class=\\\"node-label\\\">{{ node.label }}</div>\\n    </div>\\n  \",\n  props: {\n    node: {\n      type: Object,\n      required: true\n    }\n  }\n};\n\n// 注册自定义Vue节点\nregister({\n  shape: 'flow-node',\n  component: FlowNode,\n  width: 120,\n  height: 60,\n  ports: {\n    groups: {\n      \"in\": {\n        position: 'top',\n        attrs: {\n          circle: {\n            r: 4,\n            magnet: true,\n            stroke: '#C2C8D5',\n            strokeWidth: 1,\n            fill: '#fff'\n          }\n        }\n      },\n      out: {\n        position: 'bottom',\n        attrs: {\n          circle: {\n            r: 4,\n            magnet: true,\n            stroke: '#C2C8D5',\n            strokeWidth: 1,\n            fill: '#fff'\n          }\n        }\n      }\n    }\n  }\n});\nexport default {\n  name: 'X6EmployeeFlow',\n  data: function data() {\n    return {\n      graph: null,\n      selectedNode: null,\n      flowNodes: [{\n        id: 'start',\n        type: 'start',\n        label: '开始',\n        x: 400,\n        y: 50,\n        url: '/process/start'\n      }, {\n        id: 'interview',\n        type: 'condition',\n        label: '面试',\n        x: 400,\n        y: 150,\n        url: '/interview'\n      }, {\n        id: 'pass',\n        type: 'process',\n        label: '发录用通知书',\n        x: 600,\n        y: 150,\n        url: '/offer'\n      }, {\n        id: 'prepare',\n        type: 'process',\n        label: '准备入职材料',\n        x: 600,\n        y: 250,\n        url: '/prepare'\n      }, {\n        id: 'verify',\n        type: 'condition',\n        label: '材料核实',\n        x: 600,\n        y: 350,\n        url: '/verify'\n      }, {\n        id: 'onboard',\n        type: 'process',\n        label: '办理入职',\n        x: 600,\n        y: 450,\n        url: '/onboard'\n      }, {\n        id: 'reject',\n        type: 'process',\n        label: '发送拒绝通知',\n        x: 200,\n        y: 250,\n        url: '/reject'\n      }, {\n        id: 'archive',\n        type: 'process',\n        label: '归档简历',\n        x: 200,\n        y: 350,\n        url: '/archive'\n      }, {\n        id: 'end',\n        type: 'end',\n        label: '结束',\n        x: 400,\n        y: 550,\n        url: '/process/end'\n      }],\n      flowEdges: [{\n        source: 'start',\n        target: 'interview',\n        label: ''\n      }, {\n        source: 'interview',\n        target: 'pass',\n        label: '通过'\n      }, {\n        source: 'interview',\n        target: 'reject',\n        label: '不通过'\n      }, {\n        source: 'pass',\n        target: 'prepare',\n        label: ''\n      }, {\n        source: 'prepare',\n        target: 'verify',\n        label: ''\n      }, {\n        source: 'verify',\n        target: 'onboard',\n        label: '材料无误'\n      }, {\n        source: 'reject',\n        target: 'archive',\n        label: ''\n      }, {\n        source: 'onboard',\n        target: 'end',\n        label: ''\n      }, {\n        source: 'archive',\n        target: 'end',\n        label: ''\n      }],\n      nodeDialogVisible: false,\n      edgeDialogVisible: false,\n      nodeForm: {\n        id: '',\n        label: '',\n        type: 'process',\n        x: 400,\n        y: 300,\n        url: ''\n      },\n      nodeFormRules: {\n        id: [{\n          required: true,\n          message: '请输入节点ID',\n          trigger: 'blur'\n        }, {\n          pattern: /^[a-z0-9_]+$/,\n          message: 'ID只能包含小写字母、数字和下划线',\n          trigger: 'blur'\n        }],\n        label: [{\n          required: true,\n          message: '请输入节点名称',\n          trigger: 'blur'\n        }],\n        type: [{\n          required: true,\n          message: '请选择节点类型',\n          trigger: 'change'\n        }],\n        url: [{\n          required: true,\n          message: '请输入节点链接',\n          trigger: 'blur'\n        }]\n      },\n      edgeForm: {\n        source: '',\n        target: '',\n        label: ''\n      },\n      edgeFormRules: {\n        source: [{\n          required: true,\n          message: '请选择源节点',\n          trigger: 'change'\n        }],\n        target: [{\n          required: true,\n          message: '请选择目标节点',\n          trigger: 'change'\n        }]\n      },\n      isEditMode: false\n    };\n  },\n  mounted: function mounted() {\n    this.initGraph();\n  },\n  beforeDestroy: function beforeDestroy() {\n    if (this.graph) {\n      this.graph.dispose();\n    }\n  },\n  methods: {\n    initGraph: function initGraph() {\n      var _this = this;\n      // 创建画布\n      this.graph = new Graph({\n        container: this.$refs.graphContainer,\n        width: 800,\n        height: 600,\n        grid: {\n          visible: true,\n          type: 'doubleMesh',\n          size: 10,\n          args: [{\n            color: '#E7E8EA',\n            thickness: 1\n          }, {\n            color: '#CBCFD3',\n            thickness: 1,\n            factor: 4\n          }]\n        },\n        connecting: {\n          router: {\n            name: 'manhattan',\n            args: {\n              padding: 20\n            }\n          },\n          connector: {\n            name: 'rounded',\n            args: {\n              radius: 8\n            }\n          },\n          anchor: 'center',\n          connectionPoint: 'anchor',\n          allowBlank: false,\n          snap: {\n            radius: 20\n          },\n          createEdge: function createEdge() {\n            return new Shape.Edge({\n              attrs: {\n                line: {\n                  stroke: '#409EFF',\n                  strokeWidth: 2,\n                  targetMarker: {\n                    name: 'block',\n                    width: 12,\n                    height: 8\n                  }\n                }\n              },\n              zIndex: 0,\n              label: {\n                attrs: {\n                  label: {\n                    fill: '#409EFF',\n                    fontSize: 12\n                  }\n                }\n              }\n            });\n          }\n        },\n        highlighting: {\n          magnetAvailable: {\n            name: 'stroke',\n            args: {\n              padding: 3,\n              attrs: {\n                'stroke-width': 2,\n                stroke: '#409EFF'\n              }\n            }\n          }\n        },\n        mousewheel: {\n          enabled: true,\n          zoomAtMousePosition: true,\n          modifiers: 'ctrl',\n          minScale: 0.5,\n          maxScale: 3\n        },\n        interacting: {\n          nodeMovable: true,\n          edgeMovable: false,\n          edgeLabelMovable: true\n        }\n      });\n\n      // 添加缩放控制\n      var scroller = new Addon.Scroller({\n        graph: this.graph,\n        autoResize: true,\n        pageVisible: false,\n        pageBreak: false\n      });\n\n      // 添加小地图\n      new Addon.MiniMap({\n        graph: this.graph,\n        container: document.createElement('div'),\n        width: 150,\n        height: 100,\n        padding: 10\n      });\n\n      // 渲染节点\n      this.renderNodes();\n\n      // 渲染连线\n      this.renderEdges();\n\n      // 节点点击事件\n      this.graph.on('node:click', function (_ref) {\n        var node = _ref.node;\n        var nodeId = node.id;\n        var nodeData = _this.flowNodes.find(function (n) {\n          return n.id === nodeId;\n        });\n        if (nodeData) {\n          _this.selectedNode = _objectSpread({}, nodeData);\n        }\n      });\n\n      // 画布点击事件，关闭面板\n      this.graph.on('blank:click', function () {\n        _this.selectedNode = null;\n      });\n\n      // 添加右键菜单功能\n      this.graph.on('node:contextmenu', function (_ref2) {\n        var node = _ref2.node,\n          e = _ref2.e;\n        e.preventDefault();\n        var nodeId = node.id;\n        var nodeData = _this.flowNodes.find(function (n) {\n          return n.id === nodeId;\n        });\n        if (nodeData) {\n          _this.showContextMenu(e, nodeData);\n        }\n      });\n\n      // 双击连线编辑标签\n      this.graph.on('edge:dblclick', function (_ref3) {\n        var edge = _ref3.edge;\n        var edgeData = _this.flowEdges.find(function (e) {\n          return e.source === edge.getSourceCellId() && e.target === edge.getTargetCellId();\n        });\n        if (edgeData) {\n          _this.editEdgeLabel(edge, edgeData);\n        }\n      });\n\n      // 自动调整画布大小\n      scroller.center();\n    },\n    renderNodes: function renderNodes() {\n      var _this2 = this;\n      // 创建节点\n      this.flowNodes.forEach(function (node) {\n        var fillColor, strokeColor;\n\n        // 根据节点类型设置不同样式\n        switch (node.type) {\n          case 'start':\n          case 'end':\n            fillColor = '#409EFF';\n            strokeColor = '#409EFF';\n            break;\n          case 'condition':\n            fillColor = '#FFF';\n            strokeColor = '#E6A23C';\n            break;\n          case 'process':\n          default:\n            fillColor = '#FFF';\n            strokeColor = '#409EFF';\n            break;\n        }\n\n        // 计算节点宽度根据文本长度\n        var width = Math.max(80, node.label.length * 16);\n\n        // 创建节点形状\n        var nodeShape = node.type === 'condition' ? 'flow-node-diamond' // 条件节点用菱形\n        : node.type === 'start' || node.type === 'end' ? 'flow-node-circle' // 开始/结束用圆形\n        : 'flow-node-rect'; // 其它用矩形\n\n        // 添加节点到画布\n        _this2.graph.addNode({\n          id: node.id,\n          x: node.x - width / 2,\n          y: node.y - 30,\n          width: node.type === 'condition' ? 80 : width,\n          height: node.type === 'condition' ? 80 : 60,\n          shape: nodeShape,\n          attrs: {\n            body: {\n              fill: fillColor,\n              stroke: strokeColor,\n              strokeWidth: 2,\n              rx: node.type === 'process' ? 6 : 0,\n              ry: node.type === 'process' ? 6 : 0\n            },\n            label: {\n              text: node.label,\n              fill: node.type === 'start' || node.type === 'end' ? '#FFF' : '#333',\n              fontSize: 14,\n              fontWeight: 500\n            }\n          },\n          data: {\n            type: node.type,\n            url: node.url\n          },\n          ports: {\n            groups: {\n              \"in\": {\n                position: 'top',\n                attrs: {\n                  circle: {\n                    r: 4,\n                    magnet: true,\n                    stroke: strokeColor,\n                    fill: '#FFF'\n                  }\n                }\n              },\n              out: {\n                position: 'bottom',\n                attrs: {\n                  circle: {\n                    r: 4,\n                    magnet: true,\n                    stroke: strokeColor,\n                    fill: '#FFF'\n                  }\n                }\n              }\n            },\n            items: [{\n              id: \"\".concat(node.id, \"-in\"),\n              group: 'in'\n            }, {\n              id: \"\".concat(node.id, \"-out\"),\n              group: 'out'\n            }]\n          }\n        });\n      });\n    },\n    renderEdges: function renderEdges() {\n      var _this3 = this;\n      // 绘制连线\n      this.flowEdges.forEach(function (edge) {\n        var _this3$flowNodes$find;\n        // 确定连线样式\n        var isConditionEdge = ((_this3$flowNodes$find = _this3.flowNodes.find(function (n) {\n          return n.id === edge.source;\n        })) === null || _this3$flowNodes$find === void 0 ? void 0 : _this3$flowNodes$find.type) === 'condition';\n        var strokeColor = isConditionEdge ? '#E6A23C' : '#409EFF';\n        var strokeDasharray = edge.label.includes('不通过') ? '5,2' : undefined;\n        _this3.graph.addEdge({\n          source: {\n            cell: edge.source,\n            port: \"\".concat(edge.source, \"-out\")\n          },\n          target: {\n            cell: edge.target,\n            port: \"\".concat(edge.target, \"-in\")\n          },\n          label: edge.label,\n          attrs: {\n            line: {\n              stroke: strokeColor,\n              strokeWidth: 2,\n              targetMarker: {\n                name: 'block',\n                width: 12,\n                height: 8,\n                fill: strokeColor\n              },\n              strokeDasharray: strokeDasharray\n            }\n          },\n          labels: [{\n            attrs: {\n              text: {\n                text: edge.label,\n                fill: strokeColor,\n                fontSize: 12,\n                textAnchor: 'middle',\n                textVerticalAnchor: 'middle'\n              },\n              rect: {\n                fill: '#FFF',\n                stroke: strokeColor,\n                strokeWidth: 0.5,\n                rx: 3,\n                ry: 3,\n                refWidth: '100%',\n                refHeight: '100%',\n                refX: 0,\n                refY: 0\n              }\n            },\n            position: {\n              distance: 0.5\n            }\n          }]\n        });\n      });\n    },\n    zoomGraph: function zoomGraph(delta) {\n      var zoom = this.graph.zoom();\n      if (delta > 0 && zoom < 2 || delta < 0 && zoom > 0.5) {\n        this.graph.zoom(delta);\n      }\n    },\n    resetGraph: function resetGraph() {\n      this.graph.zoomTo(1);\n      this.graph.centerContent();\n    },\n    openNodeUrl: function openNodeUrl() {\n      var _this4 = this;\n      if (!this.selectedNode) return;\n      var url = this.selectedNode.url;\n      if (url) {\n        if (url.startsWith('http')) {\n          window.open(url, '_blank');\n        } else {\n          this.$router.push(url)[\"catch\"](function (err) {\n            if (err.name !== 'NavigationDuplicated') {\n              ElMessage({\n                type: 'info',\n                message: \"\\u6B63\\u5728\\u8DF3\\u8F6C\\u5230\".concat(_this4.selectedNode.label, \"\\u9875\\u9762...\")\n              });\n            }\n          });\n        }\n      }\n    },\n    closePanel: function closePanel() {\n      this.selectedNode = null;\n    },\n    addNewNode: function addNewNode() {\n      // 重置表单数据\n      this.nodeForm = {\n        id: 'node_' + Date.now().toString().substr(-6),\n        label: '新节点',\n        type: 'process',\n        x: 400,\n        y: 300,\n        url: '/new-node'\n      };\n      this.isEditMode = false;\n      this.nodeDialogVisible = true;\n    },\n    editNode: function editNode() {\n      if (!this.selectedNode) return;\n\n      // 复制选中节点数据到表单\n      this.nodeForm = _objectSpread({}, this.selectedNode);\n      this.isEditMode = true;\n      this.nodeDialogVisible = true;\n    },\n    saveNode: function saveNode() {\n      var _this5 = this;\n      this.$refs.nodeForm.validate(function (valid) {\n        if (!valid) return;\n\n        // 检查ID是否已存在（仅在添加新节点时检查）\n        if (!_this5.isEditMode && _this5.flowNodes.some(function (node) {\n          return node.id === _this5.nodeForm.id;\n        })) {\n          ElMessage.error('节点ID已存在，请更换');\n          return;\n        }\n        if (_this5.isEditMode) {\n          // 更新节点\n          var index = _this5.flowNodes.findIndex(function (node) {\n            return node.id === _this5.nodeForm.id;\n          });\n          if (index !== -1) {\n            _this5.flowNodes.splice(index, 1, _objectSpread({}, _this5.nodeForm));\n\n            // 更新画布上的节点\n            var node = _this5.graph.getCellById(_this5.nodeForm.id);\n            if (node) {\n              // 更新节点位置\n              node.position(_this5.nodeForm.x - node.size().width / 2, _this5.nodeForm.y - node.size().height / 2);\n\n              // 更新节点属性\n              var fillColor, strokeColor;\n              switch (_this5.nodeForm.type) {\n                case 'start':\n                case 'end':\n                  fillColor = '#409EFF';\n                  strokeColor = '#409EFF';\n                  break;\n                case 'condition':\n                  fillColor = '#FFF';\n                  strokeColor = '#E6A23C';\n                  break;\n                case 'process':\n                default:\n                  fillColor = '#FFF';\n                  strokeColor = '#409EFF';\n                  break;\n              }\n              node.attr('label/text', _this5.nodeForm.label);\n              node.attr('body/fill', fillColor);\n              node.attr('body/stroke', strokeColor);\n\n              // 更新节点数据\n              node.setData({\n                type: _this5.nodeForm.type,\n                url: _this5.nodeForm.url\n              });\n            }\n            ElMessage.success('节点更新成功');\n          }\n        } else {\n          // 添加新节点\n          _this5.flowNodes.push(_objectSpread({}, _this5.nodeForm));\n\n          // 重新渲染图表\n          _this5.graph.clearCells();\n          _this5.renderNodes();\n          _this5.renderEdges();\n          ElMessage.success('节点添加成功');\n        }\n        _this5.nodeDialogVisible = false;\n        _this5.isEditMode = false;\n      });\n    },\n    showContextMenu: function showContextMenu(event, node) {\n      var _this6 = this;\n      // 这里可以使用 element-ui 的 Popover 或其他方式实现\n      this.$confirm(\"\\u8981\\u5BF9\\u8282\\u70B9 \\\"\".concat(node.label, \"\\\" \\u8FDB\\u884C\\u64CD\\u4F5C?\"), '节点操作', {\n        distinguishCancelAndClose: true,\n        confirmButtonText: '编辑',\n        cancelButtonText: '删除',\n        type: 'warning'\n      }).then(function () {\n        // 点击编辑\n        _this6.selectedNode = _objectSpread({}, node);\n        _this6.editNode();\n      })[\"catch\"](function (action) {\n        if (action === 'cancel') {\n          // 点击删除\n          _this6.deleteNode(node.id);\n        }\n      });\n    },\n    deleteNode: function deleteNode(nodeId) {\n      var _this7 = this;\n      this.$confirm('确定要删除该节点吗？相关的连线也将被删除', '删除节点', {\n        type: 'warning'\n      }).then(function () {\n        // 删除节点数据\n        var index = _this7.flowNodes.findIndex(function (node) {\n          return node.id === nodeId;\n        });\n        if (index !== -1) {\n          _this7.flowNodes.splice(index, 1);\n\n          // 删除相关连线\n          _this7.flowEdges = _this7.flowEdges.filter(function (edge) {\n            return edge.source !== nodeId && edge.target !== nodeId;\n          });\n\n          // 重新渲染图表\n          _this7.graph.clearCells();\n          _this7.renderNodes();\n          _this7.renderEdges();\n          ElMessage.success('节点删除成功');\n        }\n      })[\"catch\"](function () {});\n    },\n    addEdge: function addEdge() {\n      this.edgeForm = {\n        source: '',\n        target: '',\n        label: ''\n      };\n      this.edgeDialogVisible = true;\n    },\n    saveEdge: function saveEdge() {\n      var _this8 = this;\n      this.$refs.edgeForm.validate(function (valid) {\n        if (!valid) return;\n\n        // 检查连线是否已存在\n        if (_this8.flowEdges.some(function (edge) {\n          return edge.source === _this8.edgeForm.source && edge.target === _this8.edgeForm.target;\n        })) {\n          ElMessage.error('该连线已存在');\n          return;\n        }\n\n        // 添加连线\n        _this8.flowEdges.push(_objectSpread({}, _this8.edgeForm));\n\n        // 重新渲染图表\n        _this8.graph.clearCells();\n        _this8.renderNodes();\n        _this8.renderEdges();\n        ElMessage.success('连线添加成功');\n        _this8.edgeDialogVisible = false;\n      });\n    },\n    editEdgeLabel: function editEdgeLabel(edge, edgeData) {\n      this.$prompt('请输入连线标签', '编辑连线', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        inputValue: edgeData.label\n      }).then(function (_ref4) {\n        var value = _ref4.value;\n        // 更新连线数据\n        edgeData.label = value;\n\n        // 更新画布上的连线\n        edge.setLabels([{\n          attrs: {\n            text: {\n              text: value\n            }\n          },\n          position: {\n            distance: 0.5\n          }\n        }]);\n        ElMessage.success('连线标签更新成功');\n      })[\"catch\"](function () {});\n    }\n  }\n};","map":{"version":3,"names":["Graph","Shape","Addon","register","ElMessage","FlowNode","template","props","node","type","Object","required","shape","component","width","height","ports","groups","position","attrs","circle","r","magnet","stroke","strokeWidth","fill","out","name","data","graph","selectedNode","flowNodes","id","label","x","y","url","flowEdges","source","target","nodeDialogVisible","edgeDialogVisible","nodeForm","nodeFormRules","message","trigger","pattern","edgeForm","edgeFormRules","isEditMode","mounted","initGraph","beforeDestroy","dispose","methods","_this","container","$refs","graphContainer","grid","visible","size","args","color","thickness","factor","connecting","router","padding","connector","radius","anchor","connectionPoint","allowBlank","snap","createEdge","Edge","line","targetMarker","zIndex","fontSize","highlighting","magnetAvailable","mousewheel","enabled","zoomAtMousePosition","modifiers","minScale","maxScale","interacting","nodeMovable","edgeMovable","edgeLabelMovable","scroller","Scroller","autoResize","pageVisible","pageBreak","MiniMap","document","createElement","renderNodes","renderEdges","on","_ref","nodeId","nodeData","find","n","_objectSpread","_ref2","e","preventDefault","showContextMenu","_ref3","edge","edgeData","getSourceCellId","getTargetCellId","editEdgeLabel","center","_this2","forEach","fillColor","strokeColor","Math","max","length","nodeShape","addNode","body","rx","ry","text","fontWeight","items","concat","group","_this3","_this3$flowNodes$find","isConditionEdge","strokeDasharray","includes","undefined","addEdge","cell","port","labels","textAnchor","textVerticalAnchor","rect","refWidth","refHeight","refX","refY","distance","zoomGraph","delta","zoom","resetGraph","zoomTo","centerContent","openNodeUrl","_this4","startsWith","window","open","$router","push","err","closePanel","addNewNode","Date","now","toString","substr","editNode","saveNode","_this5","validate","valid","some","error","index","findIndex","splice","getCellById","attr","setData","success","clearCells","event","_this6","$confirm","distinguishCancelAndClose","confirmButtonText","cancelButtonText","then","action","deleteNode","_this7","filter","saveEdge","_this8","$prompt","inputValue","_ref4","value","setLabels"],"sources":["src/views/X6EmployeeFlow.vue"],"sourcesContent":["<template>\n  <div class=\"x6-flow-container\">\n    <div class=\"flow-header\">\n      <h2>员工入职流程图 (X6版本)</h2>\n      <div class=\"flow-actions\">\n        <el-button size=\"small\" type=\"primary\" @click=\"zoomGraph(0.1)\">\n          <i class=\"el-icon-zoom-in\"></i>\n        </el-button>\n        <el-button size=\"small\" type=\"primary\" @click=\"zoomGraph(-0.1)\">\n          <i class=\"el-icon-zoom-out\"></i>\n        </el-button>\n        <el-button size=\"small\" type=\"success\" @click=\"resetGraph\">\n          <i class=\"el-icon-refresh\"></i>\n        </el-button>\n        <el-button size=\"small\" type=\"warning\" @click=\"addNewNode\">\n          新增节点\n        </el-button>\n      </div>\n    </div>\n    \n    <!-- 图形容器 -->\n    <div class=\"graph-container\">\n      <div id=\"x6-graph-container\" ref=\"graphContainer\"></div>\n      \n      <!-- 信息面板 -->\n      <div class=\"node-info-panel\" v-if=\"selectedNode\">\n        <h3>节点详情</h3>\n        <div class=\"info-item\">\n          <span class=\"label\">ID:</span>\n          <span class=\"value\">{{ selectedNode.id }}</span>\n        </div>\n        <div class=\"info-item\">\n          <span class=\"label\">名称:</span>\n          <span class=\"value\">{{ selectedNode.label }}</span>\n        </div>\n        <div class=\"info-item\">\n          <span class=\"label\">类型:</span>\n          <span class=\"value\">{{ selectedNode.type }}</span>\n        </div>\n        <div class=\"info-item\">\n          <span class=\"label\">链接:</span>\n          <span class=\"value\">{{ selectedNode.url }}</span>\n        </div>\n        <div class=\"actions\">\n          <el-button size=\"small\" type=\"primary\" @click=\"openNodeUrl\">\n            打开链接\n          </el-button>\n          <el-button size=\"small\" type=\"success\" @click=\"editNode\">\n            编辑节点\n          </el-button>\n          <el-button size=\"small\" type=\"danger\" @click=\"closePanel\">\n            关闭\n          </el-button>\n        </div>\n      </div>\n    </div>\n    \n    <!-- 节点添加对话框 -->\n    <el-dialog \n      title=\"添加新节点\" \n      :visible.sync=\"nodeDialogVisible\" \n      width=\"500px\"\n      :close-on-click-modal=\"false\">\n      <el-form ref=\"nodeForm\" :model=\"nodeForm\" :rules=\"nodeFormRules\" label-width=\"80px\">\n        <el-form-item label=\"节点ID\" prop=\"id\">\n          <el-input v-model=\"nodeForm.id\" placeholder=\"请输入节点唯一标识\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"节点名称\" prop=\"label\">\n          <el-input v-model=\"nodeForm.label\" placeholder=\"请输入节点显示名称\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"节点类型\" prop=\"type\">\n          <el-select v-model=\"nodeForm.type\" placeholder=\"请选择节点类型\" style=\"width: 100%\">\n            <el-option label=\"开始节点\" value=\"start\"></el-option>\n            <el-option label=\"结束节点\" value=\"end\"></el-option>\n            <el-option label=\"条件节点\" value=\"condition\"></el-option>\n            <el-option label=\"流程节点\" value=\"process\"></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"位置 X\" prop=\"x\">\n          <el-input-number v-model=\"nodeForm.x\" :min=\"0\" :max=\"1000\" :step=\"50\"></el-input-number>\n        </el-form-item>\n        <el-form-item label=\"位置 Y\" prop=\"y\">\n          <el-input-number v-model=\"nodeForm.y\" :min=\"0\" :max=\"1000\" :step=\"50\"></el-input-number>\n        </el-form-item>\n        <el-form-item label=\"链接URL\" prop=\"url\">\n          <el-input v-model=\"nodeForm.url\" placeholder=\"请输入节点链接地址\"></el-input>\n        </el-form-item>\n      </el-form>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button @click=\"nodeDialogVisible = false\">取 消</el-button>\n        <el-button type=\"primary\" @click=\"saveNode\">确 定</el-button>\n      </div>\n    </el-dialog>\n    \n    <!-- 连接添加对话框 -->\n    <el-dialog \n      title=\"添加连接\" \n      :visible.sync=\"edgeDialogVisible\" \n      width=\"500px\"\n      :close-on-click-modal=\"false\">\n      <el-form ref=\"edgeForm\" :model=\"edgeForm\" :rules=\"edgeFormRules\" label-width=\"120px\">\n        <el-form-item label=\"源节点\" prop=\"source\">\n          <el-select v-model=\"edgeForm.source\" placeholder=\"请选择源节点\" style=\"width: 100%\">\n            <el-option \n              v-for=\"node in flowNodes\" \n              :key=\"node.id\" \n              :label=\"node.label\" \n              :value=\"node.id\">\n            </el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"目标节点\" prop=\"target\">\n          <el-select v-model=\"edgeForm.target\" placeholder=\"请选择目标节点\" style=\"width: 100%\">\n            <el-option \n              v-for=\"node in flowNodes\" \n              :key=\"node.id\" \n              :label=\"node.label\" \n              :value=\"node.id\">\n            </el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"连线标签\" prop=\"label\">\n          <el-input v-model=\"edgeForm.label\" placeholder=\"请输入连线标签(可选)\"></el-input>\n        </el-form-item>\n      </el-form>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button @click=\"edgeDialogVisible = false\">取 消</el-button>\n        <el-button type=\"primary\" @click=\"saveEdge\">确 定</el-button>\n      </div>\n    </el-dialog>\n  </div>\n</template>\n\n<script>\nimport { Graph, Shape, Addon } from '@antv/x6'\nimport { register } from '@antv/x6-vue-shape'\nimport { ElMessage } from 'element-ui'\n\n// 自定义Vue节点组件\nconst FlowNode = {\n  template: `\n    <div :class=\"['custom-node', node.type]\">\n      <div class=\"node-label\">{{ node.label }}</div>\n    </div>\n  `,\n  props: {\n    node: {\n      type: Object,\n      required: true\n    }\n  }\n}\n\n// 注册自定义Vue节点\nregister({\n  shape: 'flow-node',\n  component: FlowNode,\n  width: 120,\n  height: 60,\n  ports: {\n    groups: {\n      in: {\n        position: 'top',\n        attrs: {\n          circle: {\n            r: 4,\n            magnet: true,\n            stroke: '#C2C8D5',\n            strokeWidth: 1,\n            fill: '#fff'\n          }\n        }\n      },\n      out: {\n        position: 'bottom',\n        attrs: {\n          circle: {\n            r: 4,\n            magnet: true,\n            stroke: '#C2C8D5',\n            strokeWidth: 1,\n            fill: '#fff'\n          }\n        }\n      }\n    }\n  }\n})\n\nexport default {\n  name: 'X6EmployeeFlow',\n  data() {\n    return {\n      graph: null,\n      selectedNode: null,\n      flowNodes: [\n        { \n          id: 'start', \n          type: 'start', \n          label: '开始', \n          x: 400, \n          y: 50,\n          url: '/process/start'\n        },\n        { \n          id: 'interview', \n          type: 'condition', \n          label: '面试', \n          x: 400, \n          y: 150,\n          url: '/interview'\n        },\n        { \n          id: 'pass', \n          type: 'process', \n          label: '发录用通知书', \n          x: 600, \n          y: 150,\n          url: '/offer'\n        },\n        { \n          id: 'prepare', \n          type: 'process', \n          label: '准备入职材料', \n          x: 600, \n          y: 250,\n          url: '/prepare'\n        },\n        { \n          id: 'verify', \n          type: 'condition', \n          label: '材料核实', \n          x: 600, \n          y: 350,\n          url: '/verify'\n        },\n        { \n          id: 'onboard', \n          type: 'process', \n          label: '办理入职', \n          x: 600, \n          y: 450,\n          url: '/onboard'\n        },\n        { \n          id: 'reject', \n          type: 'process', \n          label: '发送拒绝通知', \n          x: 200, \n          y: 250,\n          url: '/reject'\n        },\n        { \n          id: 'archive', \n          type: 'process', \n          label: '归档简历', \n          x: 200, \n          y: 350,\n          url: '/archive'\n        },\n        { \n          id: 'end', \n          type: 'end', \n          label: '结束', \n          x: 400, \n          y: 550,\n          url: '/process/end'\n        }\n      ],\n      flowEdges: [\n        { source: 'start', target: 'interview', label: '' },\n        { source: 'interview', target: 'pass', label: '通过' },\n        { source: 'interview', target: 'reject', label: '不通过' },\n        { source: 'pass', target: 'prepare', label: '' },\n        { source: 'prepare', target: 'verify', label: '' },\n        { source: 'verify', target: 'onboard', label: '材料无误' },\n        { source: 'reject', target: 'archive', label: '' },\n        { source: 'onboard', target: 'end', label: '' },\n        { source: 'archive', target: 'end', label: '' }\n      ],\n      nodeDialogVisible: false,\n      edgeDialogVisible: false,\n      nodeForm: {\n        id: '',\n        label: '',\n        type: 'process',\n        x: 400,\n        y: 300,\n        url: ''\n      },\n      nodeFormRules: {\n        id: [\n          { required: true, message: '请输入节点ID', trigger: 'blur' },\n          { pattern: /^[a-z0-9_]+$/, message: 'ID只能包含小写字母、数字和下划线', trigger: 'blur' }\n        ],\n        label: [\n          { required: true, message: '请输入节点名称', trigger: 'blur' }\n        ],\n        type: [\n          { required: true, message: '请选择节点类型', trigger: 'change' }\n        ],\n        url: [\n          { required: true, message: '请输入节点链接', trigger: 'blur' }\n        ]\n      },\n      edgeForm: {\n        source: '',\n        target: '',\n        label: ''\n      },\n      edgeFormRules: {\n        source: [\n          { required: true, message: '请选择源节点', trigger: 'change' }\n        ],\n        target: [\n          { required: true, message: '请选择目标节点', trigger: 'change' }\n        ]\n      },\n      isEditMode: false\n    }\n  },\n  mounted() {\n    this.initGraph()\n  },\n  beforeDestroy() {\n    if (this.graph) {\n      this.graph.dispose()\n    }\n  },\n  methods: {\n    initGraph() {\n      // 创建画布\n      this.graph = new Graph({\n        container: this.$refs.graphContainer,\n        width: 800,\n        height: 600,\n        grid: {\n          visible: true,\n          type: 'doubleMesh',\n          size: 10,\n          args: [\n            {\n              color: '#E7E8EA',\n              thickness: 1\n            },\n            {\n              color: '#CBCFD3',\n              thickness: 1,\n              factor: 4\n            }\n          ]\n        },\n        connecting: {\n          router: {\n            name: 'manhattan',\n            args: {\n              padding: 20\n            }\n          },\n          connector: {\n            name: 'rounded',\n            args: {\n              radius: 8\n            }\n          },\n          anchor: 'center',\n          connectionPoint: 'anchor',\n          allowBlank: false,\n          snap: {\n            radius: 20\n          },\n          createEdge() {\n            return new Shape.Edge({\n              attrs: {\n                line: {\n                  stroke: '#409EFF',\n                  strokeWidth: 2,\n                  targetMarker: {\n                    name: 'block',\n                    width: 12,\n                    height: 8\n                  }\n                }\n              },\n              zIndex: 0,\n              label: {\n                attrs: {\n                  label: {\n                    fill: '#409EFF',\n                    fontSize: 12\n                  }\n                }\n              }\n            })\n          }\n        },\n        highlighting: {\n          magnetAvailable: {\n            name: 'stroke',\n            args: {\n              padding: 3,\n              attrs: {\n                'stroke-width': 2,\n                stroke: '#409EFF'\n              }\n            }\n          }\n        },\n        mousewheel: {\n          enabled: true,\n          zoomAtMousePosition: true,\n          modifiers: 'ctrl',\n          minScale: 0.5,\n          maxScale: 3\n        },\n        interacting: {\n          nodeMovable: true,\n          edgeMovable: false,\n          edgeLabelMovable: true\n        }\n      })\n\n      // 添加缩放控制\n      const scroller = new Addon.Scroller({\n        graph: this.graph,\n        autoResize: true,\n        pageVisible: false,\n        pageBreak: false\n      })\n\n      // 添加小地图\n      new Addon.MiniMap({\n        graph: this.graph,\n        container: document.createElement('div'),\n        width: 150,\n        height: 100,\n        padding: 10\n      })\n\n      // 渲染节点\n      this.renderNodes()\n      \n      // 渲染连线\n      this.renderEdges()\n      \n      // 节点点击事件\n      this.graph.on('node:click', ({ node }) => {\n        const nodeId = node.id\n        const nodeData = this.flowNodes.find(n => n.id === nodeId)\n        if (nodeData) {\n          this.selectedNode = { ...nodeData }\n        }\n      })\n      \n      // 画布点击事件，关闭面板\n      this.graph.on('blank:click', () => {\n        this.selectedNode = null\n      })\n\n      // 添加右键菜单功能\n      this.graph.on('node:contextmenu', ({ node, e }) => {\n        e.preventDefault()\n        \n        const nodeId = node.id\n        const nodeData = this.flowNodes.find(n => n.id === nodeId)\n        if (nodeData) {\n          this.showContextMenu(e, nodeData)\n        }\n      })\n\n      // 双击连线编辑标签\n      this.graph.on('edge:dblclick', ({ edge }) => {\n        const edgeData = this.flowEdges.find(\n          e => e.source === edge.getSourceCellId() && e.target === edge.getTargetCellId()\n        )\n        \n        if (edgeData) {\n          this.editEdgeLabel(edge, edgeData)\n        }\n      })\n\n      // 自动调整画布大小\n      scroller.center()\n    },\n    \n    renderNodes() {\n      // 创建节点\n      this.flowNodes.forEach(node => {\n        let fillColor, strokeColor\n        \n        // 根据节点类型设置不同样式\n        switch (node.type) {\n          case 'start':\n          case 'end':\n            fillColor = '#409EFF'\n            strokeColor = '#409EFF'\n            break\n          case 'condition':\n            fillColor = '#FFF'\n            strokeColor = '#E6A23C'\n            break\n          case 'process':\n          default:\n            fillColor = '#FFF'\n            strokeColor = '#409EFF'\n            break\n        }\n        \n        // 计算节点宽度根据文本长度\n        let width = Math.max(80, node.label.length * 16)\n        \n        // 创建节点形状\n        const nodeShape = node.type === 'condition'\n          ? 'flow-node-diamond'  // 条件节点用菱形\n          : (node.type === 'start' || node.type === 'end')\n            ? 'flow-node-circle' // 开始/结束用圆形\n            : 'flow-node-rect'   // 其它用矩形\n        \n        // 添加节点到画布\n        this.graph.addNode({\n          id: node.id,\n          x: node.x - width / 2,\n          y: node.y - 30,\n          width: node.type === 'condition' ? 80 : width,\n          height: node.type === 'condition' ? 80 : 60,\n          shape: nodeShape,\n          attrs: {\n            body: {\n              fill: fillColor,\n              stroke: strokeColor,\n              strokeWidth: 2,\n              rx: node.type === 'process' ? 6 : 0,\n              ry: node.type === 'process' ? 6 : 0\n            },\n            label: {\n              text: node.label,\n              fill: node.type === 'start' || node.type === 'end' ? '#FFF' : '#333',\n              fontSize: 14,\n              fontWeight: 500\n            }\n          },\n          data: {\n            type: node.type,\n            url: node.url\n          },\n          ports: {\n            groups: {\n              in: {\n                position: 'top',\n                attrs: {\n                  circle: {\n                    r: 4,\n                    magnet: true,\n                    stroke: strokeColor,\n                    fill: '#FFF'\n                  }\n                }\n              },\n              out: {\n                position: 'bottom',\n                attrs: {\n                  circle: {\n                    r: 4,\n                    magnet: true,\n                    stroke: strokeColor,\n                    fill: '#FFF'\n                  }\n                }\n              }\n            },\n            items: [\n              { id: `${node.id}-in`, group: 'in' },\n              { id: `${node.id}-out`, group: 'out' }\n            ]\n          }\n        })\n      })\n    },\n    \n    renderEdges() {\n      // 绘制连线\n      this.flowEdges.forEach(edge => {\n        // 确定连线样式\n        const isConditionEdge = this.flowNodes.find(n => n.id === edge.source)?.type === 'condition'\n        const strokeColor = isConditionEdge ? '#E6A23C' : '#409EFF'\n        const strokeDasharray = edge.label.includes('不通过') ? '5,2' : undefined\n        \n        this.graph.addEdge({\n          source: { cell: edge.source, port: `${edge.source}-out` },\n          target: { cell: edge.target, port: `${edge.target}-in` },\n          label: edge.label,\n          attrs: {\n            line: {\n              stroke: strokeColor,\n              strokeWidth: 2,\n              targetMarker: {\n                name: 'block',\n                width: 12,\n                height: 8,\n                fill: strokeColor\n              },\n              strokeDasharray\n            }\n          },\n          labels: [\n            {\n              attrs: {\n                text: {\n                  text: edge.label,\n                  fill: strokeColor,\n                  fontSize: 12,\n                  textAnchor: 'middle',\n                  textVerticalAnchor: 'middle'\n                },\n                rect: {\n                  fill: '#FFF',\n                  stroke: strokeColor,\n                  strokeWidth: 0.5,\n                  rx: 3,\n                  ry: 3,\n                  refWidth: '100%',\n                  refHeight: '100%',\n                  refX: 0,\n                  refY: 0\n                }\n              },\n              position: {\n                distance: 0.5\n              }\n            }\n          ]\n        })\n      })\n    },\n    \n    zoomGraph(delta) {\n      const zoom = this.graph.zoom()\n      if ((delta > 0 && zoom < 2) || (delta < 0 && zoom > 0.5)) {\n        this.graph.zoom(delta)\n      }\n    },\n    \n    resetGraph() {\n      this.graph.zoomTo(1)\n      this.graph.centerContent()\n    },\n    \n    openNodeUrl() {\n      if (!this.selectedNode) return\n      \n      const url = this.selectedNode.url\n      if (url) {\n        if (url.startsWith('http')) {\n          window.open(url, '_blank')\n        } else {\n          this.$router.push(url).catch(err => {\n            if (err.name !== 'NavigationDuplicated') {\n              ElMessage({\n                type: 'info',\n                message: `正在跳转到${this.selectedNode.label}页面...`\n              })\n            }\n          })\n        }\n      }\n    },\n    \n    closePanel() {\n      this.selectedNode = null\n    },\n    \n    addNewNode() {\n      // 重置表单数据\n      this.nodeForm = {\n        id: 'node_' + Date.now().toString().substr(-6),\n        label: '新节点',\n        type: 'process',\n        x: 400,\n        y: 300,\n        url: '/new-node'\n      }\n      this.isEditMode = false\n      this.nodeDialogVisible = true\n    },\n    \n    editNode() {\n      if (!this.selectedNode) return\n      \n      // 复制选中节点数据到表单\n      this.nodeForm = { ...this.selectedNode }\n      this.isEditMode = true\n      this.nodeDialogVisible = true\n    },\n    \n    saveNode() {\n      this.$refs.nodeForm.validate(valid => {\n        if (!valid) return\n        \n        // 检查ID是否已存在（仅在添加新节点时检查）\n        if (!this.isEditMode && this.flowNodes.some(node => node.id === this.nodeForm.id)) {\n          ElMessage.error('节点ID已存在，请更换')\n          return\n        }\n        \n        if (this.isEditMode) {\n          // 更新节点\n          const index = this.flowNodes.findIndex(node => node.id === this.nodeForm.id)\n          if (index !== -1) {\n            this.flowNodes.splice(index, 1, { ...this.nodeForm })\n            \n            // 更新画布上的节点\n            const node = this.graph.getCellById(this.nodeForm.id)\n            if (node) {\n              // 更新节点位置\n              node.position(this.nodeForm.x - node.size().width / 2, this.nodeForm.y - node.size().height / 2)\n              \n              // 更新节点属性\n              let fillColor, strokeColor\n              switch (this.nodeForm.type) {\n                case 'start':\n                case 'end':\n                  fillColor = '#409EFF'\n                  strokeColor = '#409EFF'\n                  break\n                case 'condition':\n                  fillColor = '#FFF'\n                  strokeColor = '#E6A23C'\n                  break\n                case 'process':\n                default:\n                  fillColor = '#FFF'\n                  strokeColor = '#409EFF'\n                  break\n              }\n              \n              node.attr('label/text', this.nodeForm.label)\n              node.attr('body/fill', fillColor)\n              node.attr('body/stroke', strokeColor)\n              \n              // 更新节点数据\n              node.setData({\n                type: this.nodeForm.type,\n                url: this.nodeForm.url\n              })\n            }\n            \n            ElMessage.success('节点更新成功')\n          }\n        } else {\n          // 添加新节点\n          this.flowNodes.push({ ...this.nodeForm })\n          \n          // 重新渲染图表\n          this.graph.clearCells()\n          this.renderNodes()\n          this.renderEdges()\n          \n          ElMessage.success('节点添加成功')\n        }\n        \n        this.nodeDialogVisible = false\n        this.isEditMode = false\n      })\n    },\n    \n    showContextMenu(event, node) {\n      // 这里可以使用 element-ui 的 Popover 或其他方式实现\n      this.$confirm(`要对节点 \"${node.label}\" 进行操作?`, '节点操作', {\n        distinguishCancelAndClose: true,\n        confirmButtonText: '编辑',\n        cancelButtonText: '删除',\n        type: 'warning'\n      }).then(() => {\n        // 点击编辑\n        this.selectedNode = { ...node }\n        this.editNode()\n      }).catch(action => {\n        if (action === 'cancel') {\n          // 点击删除\n          this.deleteNode(node.id)\n        }\n      })\n    },\n    \n    deleteNode(nodeId) {\n      this.$confirm('确定要删除该节点吗？相关的连线也将被删除', '删除节点', {\n        type: 'warning'\n      }).then(() => {\n        // 删除节点数据\n        const index = this.flowNodes.findIndex(node => node.id === nodeId)\n        if (index !== -1) {\n          this.flowNodes.splice(index, 1)\n          \n          // 删除相关连线\n          this.flowEdges = this.flowEdges.filter(\n            edge => edge.source !== nodeId && edge.target !== nodeId\n          )\n          \n          // 重新渲染图表\n          this.graph.clearCells()\n          this.renderNodes()\n          this.renderEdges()\n          \n          ElMessage.success('节点删除成功')\n        }\n      }).catch(() => {})\n    },\n    \n    addEdge() {\n      this.edgeForm = {\n        source: '',\n        target: '',\n        label: ''\n      }\n      this.edgeDialogVisible = true\n    },\n    \n    saveEdge() {\n      this.$refs.edgeForm.validate(valid => {\n        if (!valid) return\n        \n        // 检查连线是否已存在\n        if (this.flowEdges.some(\n          edge => edge.source === this.edgeForm.source && edge.target === this.edgeForm.target\n        )) {\n          ElMessage.error('该连线已存在')\n          return\n        }\n        \n        // 添加连线\n        this.flowEdges.push({ ...this.edgeForm })\n        \n        // 重新渲染图表\n        this.graph.clearCells()\n        this.renderNodes()\n        this.renderEdges()\n        \n        ElMessage.success('连线添加成功')\n        this.edgeDialogVisible = false\n      })\n    },\n    \n    editEdgeLabel(edge, edgeData) {\n      this.$prompt('请输入连线标签', '编辑连线', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        inputValue: edgeData.label\n      }).then(({ value }) => {\n        // 更新连线数据\n        edgeData.label = value\n        \n        // 更新画布上的连线\n        edge.setLabels([{\n          attrs: {\n            text: {\n              text: value\n            }\n          },\n          position: {\n            distance: 0.5\n          }\n        }])\n        \n        ElMessage.success('连线标签更新成功')\n      }).catch(() => {})\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.x6-flow-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: #f7f9fc;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);\n}\n\n.flow-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #ebeef5;\n  \n  h2 {\n    margin: 0;\n    color: #2c3e50;\n    font-size: 22px;\n    font-weight: 600;\n  }\n  \n  .flow-actions {\n    display: flex;\n    gap: 10px;\n  }\n}\n\n.graph-container {\n  position: relative;\n  flex: 1;\n  min-height: 600px;\n  border: 1px solid #ebeef5;\n  border-radius: 4px;\n  background-color: #fff;\n  overflow: hidden;\n}\n\n#x6-graph-container {\n  width: 100%;\n  height: 100%;\n}\n\n// 自定义节点样式\n:global(.flow-node-rect) {\n  &:hover {\n    filter: drop-shadow(0px 4px 10px rgba(64, 158, 255, 0.3));\n  }\n}\n\n:global(.flow-node-diamond) {\n  &:hover {\n    filter: drop-shadow(0px 4px 10px rgba(230, 162, 60, 0.3));\n  }\n}\n\n:global(.flow-node-circle) {\n  &:hover {\n    filter: drop-shadow(0px 4px 10px rgba(64, 158, 255, 0.4));\n  }\n}\n\n// 节点信息面板\n.node-info-panel {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  width: 250px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n  padding: 15px;\n  z-index: 100;\n  \n  h3 {\n    margin-top: 0;\n    margin-bottom: 15px;\n    font-size: 16px;\n    color: #2c3e50;\n    border-bottom: 1px solid #ebeef5;\n    padding-bottom: 10px;\n  }\n  \n  .info-item {\n    display: flex;\n    margin-bottom: 10px;\n    \n    .label {\n      width: 60px;\n      color: #606266;\n      font-weight: 600;\n    }\n    \n    .value {\n      flex: 1;\n      color: #303133;\n      word-break: break-all;\n    }\n  }\n  \n  .actions {\n    display: flex;\n    justify-content: flex-end;\n    margin-top: 15px;\n    gap: 10px;\n  }\n}\n\n// 响应式布局\n@media screen and (max-width: 768px) {\n  .x6-flow-container {\n    padding: 10px;\n  }\n  \n  .flow-header {\n    flex-direction: column;\n    align-items: flex-start;\n    \n    h2 {\n      margin-bottom: 10px;\n      font-size: 18px;\n    }\n  }\n  \n  .node-info-panel {\n    width: calc(100% - 40px);\n    top: auto;\n    bottom: 20px;\n  }\n}\n\n// 自定义Vue节点组件样式\n.custom-node {\n  width: 100%;\n  height: 100%;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  \n  &.start, &.end {\n    background-color: #409EFF;\n    color: #fff;\n    border-radius: 30px;\n  }\n  \n  &.condition {\n    background-color: #fff;\n    border: 2px solid #E6A23C;\n    color: #E6A23C;\n    transform: rotate(45deg);\n    \n    .node-label {\n      transform: rotate(-45deg);\n    }\n  }\n  \n  &.process {\n    background-color: #fff;\n    border: 2px solid #409EFF;\n    color: #303133;\n  }\n  \n  .node-label {\n    font-size: 14px;\n    font-weight: 500;\n    text-align: center;\n    padding: 0 6px;\n  }\n}\n\n// 对话框表单样式\n.el-form-item {\n  margin-bottom: 20px;\n}\n\n.dialog-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n}\n\n// 工具栏样式\n.toolbar {\n  position: absolute;\n  left: 20px;\n  bottom: 20px;\n  display: flex;\n  flex-direction: column;\n  background-color: #fff;\n  border-radius: 4px;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n  padding: 8px;\n  z-index: 50;\n  \n  .el-button {\n    margin-bottom: 8px;\n    \n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n</style> "],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}