vue3使用策略模式，符合条件在执行，思路

一个热爱前端的全栈小胖子

于 2025-01-23 11:29:49 发布

阅读量118

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue3 文章标签：策略模式 linux bash

本文链接：https://blog.csdn.net/weixin_70243424/article/details/145320639

vue3 专栏收录该内容

51 篇文章

订阅专栏

// 定义参数处理器接口
interface ParameterHandler {
  canHandle: (data: any, type: string) => boolean
  handle: (data: any, nodeParameters: any) => void
}

// WAIT数处理器
const waitTaskHandler: ParameterHandler = {
  canHandle: (data, type) => {
    return type === 'WAIT'
  },
  handle: (data, nodeParameters) => {
    nodeParameters.expireTimeMillis = data.waitTask.expireTimeMillis
    nodeParameters.duration = data.waitTask.duration
  },
}


// WAIT_FOR_WEBHOOK 参数处理器
const waitForWebhookHandler: ParameterHandler = {
  canHandle: (data, type) => {
    return type === 'WAIT_FOR_WEBHOOK'
  },
  handle: (data, nodeParameters) => {
    if (data.params.length === 0) return
    data.params.forEach((item) => {
      nodeParameters.matches[item.name] = item.value
    })
  },
}

// 参数处理器集合
const parameterHandlers: ParameterHandler[] = [waitTaskHandler, commonParamsHandler, waitForWebhookHandler]

const formatNodeData = (cell: Cell) => {
  const { tempData } = cell.data
  const { formData, nodeName, originData } = tempData || {}
  const { desc, switchDecisionCase, switchDefaultCase } = formData || {}
  const { id, type } = originData || {}

  const bizData: any = {
    desc,
    taskId: id,
    switchDecisionCase,
    switchDefaultCase,
    nodeParameters: {},
  }

  if (nodeName) {
    bizData.nodeName = nodeName
  }

  const nodeParameters = {
    matches: {},
  } as any

  // 使用处理器处理参数
  parameterHandlers.forEach((handler) => {
    if (handler.canHandle(formData, type)) {
      handler.handle(formData, nodeParameters)
    }
  })

  bizData.nodeParameters = nodeParameters
  return bizData
}