按钮配置示例

clickEvent

{
          name: 'exportModel',
          label: '导出模型',
          show: ['row'],
          action: 'clickEvent',
          actionSetting: {
            onClick: (event) => {
              const modelId = event.id
              return workFlowModelApi.exportModel(modelId)
            }
          }
}

customAction 直接操作

{
          name: 'deploymentModel',
          label: '部署',
          show: ['row'],
          action: 'customAction',
          actionSetting: {
            refreshListData: true, //doAction后刷新列表
            doAction: (event) => {
              const modelId = event.id
              return workFlowModelApi.deployment(modelId)
            },
          },
        },

customAction(需要填表)

{
      name: 'importModelXmlFile',
      label: '导入',
      show: ['top'],
      action: 'customAction',
      //color: color_primary,
      actionSetting: {
        //必须要这个needOpenform=true
        needOpenForm: true,
        refreshListData: true, //submit完成后刷新list
        openForm: {
          showContinueAddBtn: false,
          showNoResetBtn: false,
          //sende:'add', 默认add ,可选 add,edit,batchEdit,detail
          dialog: {
            //title:'xx新增',
            width: 400,
            height: 300,
            showMaximize: false, //允许最大化
            //maskClosable: true,//是否允许点击遮罩层关闭窗口
            //escClosable: true, //ESC 按键关闭
            resize: false, //调整宽高
          },
          //preview: true, //预览状态
          //showSubmitBtn: false, //不要提交按钮

          //表单元数据
          //formKey或者formMeta或者 getFormMeta 方法
          //formKey: 'ui_sys_all_dict_use_list',
          formMeta,
          //getFormMeta:(event)=>{}

          //传入formData
          //formData:{},
          //getFormData:(event)=>{}

           //编辑场景时 可以不通过getById 加载数据,直接用传入formData数据
          //needLoadFormData: false

           //edit场景 getById方法
           //getById:(id)=>{ }

          //submit 参数
          //args:[],
          //getArgs:(event)=>{}

          submit: (formData) => {
            return workFlowModelApi.importModel(formData)
          },
        },
      },
    },

customAction 仅打开表单预览(展示数据)

{
      name: 'viewAllDictUseWhere',
      label: '查看字典使用情况',
      show: ['top'],
      action: 'customAction', //'clickEvent',
      //type: 'primary',
      color: color_primary,
      actionSetting: {
        //必须要这个needOpenform=true
        needOpenForm: true,
        openForm: {
          dialog: {
            //title:'xx新增',
            width: 1000,
            //height:300,
            //showMaximize: true,//允许最大化
            //maskClosable: true,//是否允许点击遮罩层关闭窗口
            //escClosable: true, //ESC 按键关闭
            //resize: true,//调整宽高
          },
          preview: true, //预览状态
          showSubmitBtn: false, //不要提交按钮
          // ui_sys_dict
          formKey: 'ui_sys_all_dict_use_list',
          //event
          getFormData: async () => {
            const {
              data: { list },
            } = await getAllDictUseWhere()
            return { list, text: JSON.stringify(list, null, 2) }
          },

          //表单额外数据 可通过 api.getData('xxx') 获取里面的数据,或者用于绑定属性
          formExtraData: {

          }
          //getFormExtraData: (event)=>{}
        },
      },

    },

替换默认按钮行为

默认按钮: add edit del batchEdit batchDel importData exportData

使用override: cover|merge 标记,替换默认按钮配置
const isUseBtnAssignDefault = btn.override == ‘cover’ //assign整个替换,merge 部分替换认按钮配置
const isUseBtnMergeDefault = btn.override == ‘merge’

{
          //覆盖默认add按钮行为
          override: true,
          name: 'copyAdd',
          label: '复制',
          show: ['top'],
          action: 'clickEvent',
          actionSetting: {
            onClick: (event) => {
              const modelId = event.id
              const src = `/activiti-editor/modeler.html?modelId=copy_${modelId}`
              const title = '流程设计-复制'
              modelDialogRef.value.open({ src, title })
            }
          }
}