RFC - 行为链规范

[xz8la8]

行为链指一串行为序列，例如，请求 -> 弹窗 -> 刷新表格 -> 隐藏loading，这就是一串行为序列，sula 使用 rope（绳子）来喻指行为序列。

sula rope 分为两部分 rope-container 和 rope。

• rope-container 连接渲染插件与rope的行为触发器，
• rope 将行为粘合到一起来响应渲染插件的事件，参考了connect

rope-container

• disabled（默认是false）
• visible （默认是true）
• confirm string | PopconfirmProps
• tooltip string | TooltipProps

示例

const config = {
  render: {
    type: 'button',
    props: {
      children: 'Submit'
    },
    confirm: 'Confirm to submit?',
    tooltip: 'Submit information',
    disabled: false,
    visible: false,
    action: {
      type: 'fetch',
      url: '/api/info',
      method: 'GET'
    }
  }
}

rope

• before 决定是否触发该action，如果不触发则终止行为链
• finish 下一个action
• error 执行 action 出错，终止行为链
• final 不论成功or失败，均执行
• resultPropName 执行结果保存在ctx.results中的属性名

示例

const config = {
  before: (ctx) => ctx.name === 'sula',
  finish: (ctx) => { ... }
  error: (ctx) => {...}
  final: (ctx) => {...}
  resultPropName: validateFields
}

行为链形态

例如有a,b,c,d四个行为，在rope中最终都会转成

const config = ['a', 'b', 'c', 'd'];

例如，

const config = {
  type: 'a',
  finish: {
    type: 'b',
    finish: ['c', 'd']
  }
}

一个和渲染插件结合的示例

const config = {
  type: 'button',
  props: {
    children: 'Submit'
  },
  action: [
     {
       type: 'validateGroupFields',
       args: ['TaskGroup'],
       resultPropName: 'taskGroupFieldsValue',
     },
     (ctx) => {
       return 'hello'
     },
     {
       type: 'fetch',
       url: '/api/info',
       convertParams(ctx) {
         return {
            ...ctx.results.taskGroupFieldsValue,
            word: ctx.result,
         }
        }
    }
  ]
}

[leiyaguang]

请问 actionsRender 内的每个render共享ctx该如何去做？