Function onSelectNode

src/pages/Workspace/BluePrint.jsx:398–427

(id)

  }

  const onSelectNode = (id) => {
    // 点击判断条件
    const saveNodeData = graph.save(); // 保存当前蓝图编辑器数据
    const clickNode = findNodeById(saveNodeData.nodes, id)
    let { type } = clickNode
    if (type === 'element' || type === 'interActive') {
      type = 'component'
    }

    const judgeIndex = allNodeConfig[type].findIndex(item => { return item.id === id })
    if (judgeIndex === -1) {
      // 不存在则新增
      const config = getNodeProperty(type, id, clickNode.label)
      setNowJudge(config)
      allNodeConfig[type].push(config)
    } else {
      // 存在则取出来直接用
      const nowProperty = allNodeConfig[type][judgeIndex].property
      if (type === 'component') {
        const nowNodeTargetEdges = findEdgesById(saveNodeData.edges, id)
        nowNodeTargetEdges.forEach(item => {
          const nowNodeActionName = getActionNameByAnchor(clickNode.type, item.targetAnchor)
          allNodeConfig[type][judgeIndex].property = nowProperty.filter(v => { return v.actionName === nowNodeActionName }) // 过滤掉没有选中的actionName属性
        })
      }

      setNowJudge(allNodeConfig[type][judgeIndex])
    }
    setDetailsPanelVisible(true)
  }
  const closeDetailPanel = () => {
    setDetailsPanelVisible(false)
  }