mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-30 02:58:05 +08:00
4acfbb99ce
* feat:优化事件数据域 * feat:优化事件数据域 * feat:优化事件数据域(option->item,options->items) * feat:优化事件数据域(version) * feat:优化事件数据域(修复弹窗事件多次触发&并行数据获取问题) * feat:优化事件数据域(删除多余代码) * feat:优化事件数据域(更新文档) * feat:优化事件数据域(更新文档) * feat:优化动作数据域 * feat:优化动作数据域
125 lines
2.8 KiB
JavaScript
125 lines
2.8 KiB
JavaScript
const getEventDesc = eventName => {
|
|
return {
|
|
actions: [
|
|
{
|
|
actionType: 'toast',
|
|
args: {
|
|
msgType: 'info',
|
|
msg: `派发${eventName}事件` + '${file|json}'
|
|
}
|
|
}
|
|
]
|
|
};
|
|
};
|
|
|
|
const change = {
|
|
actions: [
|
|
{
|
|
actionType: 'toast',
|
|
args: {
|
|
msgType: 'info',
|
|
msg: '派发change事件${file|json}'
|
|
}
|
|
}
|
|
]
|
|
};
|
|
|
|
export default {
|
|
type: 'page',
|
|
title: '上传类组件事件',
|
|
regions: ['body', 'toolbar', 'header'],
|
|
body: [
|
|
{
|
|
type: 'tpl',
|
|
tpl: 'InputFile上传类',
|
|
inline: false,
|
|
wrapperComponent: 'h2'
|
|
},
|
|
{
|
|
type: 'form',
|
|
debug: true,
|
|
api: '/api/mock2/form/saveForm',
|
|
body: [
|
|
{
|
|
type: 'group',
|
|
body: [
|
|
{
|
|
name: 'trigger1',
|
|
id: 'trigger1',
|
|
type: 'action',
|
|
label: 'clear触发器',
|
|
level: 'primary',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'clear',
|
|
componentId: 'clear-input-file',
|
|
description: '点击清除数据'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'input-file',
|
|
id: 'clear-input-file',
|
|
name: 'file',
|
|
multiple: true,
|
|
receiver: 'ddd',
|
|
onEvent: {
|
|
change,
|
|
remove: getEventDesc('remove'),
|
|
success: getEventDesc('success'),
|
|
fail: getEventDesc('fail')
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
type: 'form',
|
|
debug: true,
|
|
api: '/api/mock2/form/saveForm',
|
|
body: [
|
|
{
|
|
type: 'group',
|
|
body: [
|
|
{
|
|
name: 'trigger2',
|
|
id: 'trigger2',
|
|
type: 'action',
|
|
label: 'clear触发器',
|
|
level: 'primary',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'clear',
|
|
componentId: 'clear-input-image',
|
|
description: '点击清除数据'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'input-image',
|
|
id: 'clear-input-image',
|
|
name: 'file',
|
|
multiple: true,
|
|
onEvent: {
|
|
change,
|
|
remove: getEventDesc('remove'),
|
|
success: getEventDesc('success'),
|
|
fail: getEventDesc('fail')
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
};
|