$ cnpm install @uyun/ec-action-edit
作者:夏显林
<ActionEdit />
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 操作数据,详细数据结构参考 automation 的操作数据 | object | {} |
onChange | 值变化回调 | function(value) | - |
id | 操作 id | string | - |
version | 操作版本 | number | -1 |
submitRef | 提交函数引用,回调参数为操作数据,在数据模式下,校验成功后回调;交互模式下,保存成功后回调 | {current:function(value)} | - |
fetchApi | 获取操作的接口,默认 automation 的获取接口 | string | - |
postApi | 保存操作的接口,默认 automation 的保持接口 | string | - |
options | 配置信息 | object | - |
组件分成数据模式和交互模式,数据模式只进行数据构建,不会有任何服务端操作,只需要使用 value 和 onChange;交互模式进行服务端拉取和保存操作,该模式下使用 id 和 version,如果设置了 id,value 和 onChange 就会失效
let submitRef = React.createRef()
// 函数式组件使用
// submitRef = useRef()
// 把应用传递给组件,这时候submitRef.current会被赋值一个回调函数
<ActionEdit submitRef={submitRef}/>
// 调用回调函数,参数为操作数据
submitRef.current(value =>{})
{
maxScene: 5, // 最大场景数
successMessage: "", // 保持成功提示信息
scriptPlaceholder: lang => {}, // 脚本的占位符函数
department: true, // 是否显示部门
name: true, // 是否显示名称
classify: true, // 是否显示分类
code: true, // 是否显示编码
usageType: true, // 是否显示操作类型
execHost: true, // 是否显示执行方式
objType: true, // 是否显示对象类型
execAccount: true, // 是否显示账户
scenes: true, // 是否显示操作场景
timeout: true, // 是否显示超时时长
parallel: true, // 是否显示执行顺序
usage: true, // 是否显示描述
inputParam: true, // 是否显示操作入参
outputParam: true, // 是否显示操出参
script: true // 是否显示脚本内容
}
Copyright 2013 - present © cnpmjs.org