mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-15 17:31:18 +08:00
409 lines
10 KiB
JavaScript
409 lines
10 KiB
JavaScript
export default {
|
|
type: 'page',
|
|
title: '触发通用动作',
|
|
regions: ['body', 'toolbar', 'header'],
|
|
body: [
|
|
{
|
|
type: 'button',
|
|
id: 'b_001',
|
|
label: '发送Ajax请求',
|
|
actionType: 'reload',
|
|
dialog: {
|
|
title: '系统提示',
|
|
body: '对你点击了'
|
|
},
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'ajax',
|
|
api: 'https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/form/saveForm',
|
|
messages: {
|
|
success: '成功了！欧耶',
|
|
failed: '失败了呢。。'
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'form',
|
|
body: [
|
|
{
|
|
type: 'group',
|
|
body: [
|
|
{
|
|
type: 'button',
|
|
id: 'b_002',
|
|
className: 'ml-2',
|
|
label: '打开一个弹窗（模态）',
|
|
actionType: 'reload',
|
|
dialog: {
|
|
title: '系统提示',
|
|
body: '对你点击了'
|
|
},
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'dialog',
|
|
dialog: {
|
|
type: 'dialog',
|
|
id: 'dialog_1',
|
|
title: '一个模态弹窗',
|
|
body: [
|
|
{
|
|
type: 'tpl',
|
|
tpl: '<p>对，你打开了一个模态弹窗</p>',
|
|
inline: false
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'b_002',
|
|
className: 'ml-2',
|
|
label: '打开一个弹窗（模态）',
|
|
actionType: 'reload',
|
|
dialog: {
|
|
title: '系统提示',
|
|
body: '对你点击了'
|
|
},
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'dialog',
|
|
dialog: {
|
|
type: 'dialog',
|
|
id: 'dialog_1',
|
|
title: '一个模态弹窗',
|
|
body: [
|
|
{
|
|
type: 'tpl',
|
|
tpl: '<p>对，你打开了一个模态弹窗</p>',
|
|
inline: false
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'b_003',
|
|
label: '关闭一个弹窗（模态）',
|
|
className: 'ml-2',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'dialog',
|
|
dialog: {
|
|
type: 'dialog',
|
|
id: 'dialog_1',
|
|
title: '一个模态弹窗',
|
|
body: [
|
|
{
|
|
type: 'button',
|
|
label: '打开一个子弹窗，然后关闭它的父亲',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'dialog',
|
|
dialog: {
|
|
type: 'dialog',
|
|
title: '一个模态子弹窗',
|
|
body: [
|
|
{
|
|
type: 'button',
|
|
label: '关闭指定弹窗（关闭父弹窗）',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'closeDialog',
|
|
componentId: 'dialog_1'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
label: '关闭当前弹窗',
|
|
className: 'ml-2',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'closeDialog'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'b_004',
|
|
className: 'ml-2',
|
|
label: '打开一个抽屉（模态）',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'drawer',
|
|
drawer: {
|
|
type: 'drawer',
|
|
id: 'drawer_1',
|
|
title: '一个模态抽屉',
|
|
body: [
|
|
{
|
|
type: 'tpl',
|
|
tpl: '<p>对，你打开了一个模态抽屉</p>',
|
|
inline: false
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'b_005',
|
|
label: '关闭一个抽屉（模态）',
|
|
className: 'ml-2',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'drawer',
|
|
drawer: {
|
|
type: 'drawer',
|
|
id: 'drawer_1',
|
|
title: '一个模态抽屉',
|
|
body: [
|
|
{
|
|
type: 'button',
|
|
label: '打开一个子抽屉，然后关闭它的父亲',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'drawer',
|
|
drawer: {
|
|
type: 'drawer',
|
|
title: '一个模态子抽屉',
|
|
body: [
|
|
{
|
|
type: 'button',
|
|
label: '关闭指定抽屉(关闭父抽屉)',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'closeDrawer',
|
|
componentId: 'drawer_1'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
label: '关闭当前抽屉',
|
|
className: 'ml-2',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'closeDrawer'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'b_006',
|
|
label: '打开页面',
|
|
className: 'ml-2',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'url',
|
|
url: 'http://www.baidu.com',
|
|
blank: true
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'b_007',
|
|
label: '打开页面（单页模式）',
|
|
className: 'ml-2',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'link',
|
|
link: './broadcat'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'b_008',
|
|
label: '弹个提示对话框（模态）',
|
|
className: 'ml-2',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'alert',
|
|
msg: '该吃饭了~'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'b_009',
|
|
label: '弹个确认对话框（模态）',
|
|
className: 'ml-2',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'confirm',
|
|
title: '操作确认',
|
|
msg: '要删除它吗？'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'b_010',
|
|
label: '全局消息提示',
|
|
className: 'ml-2',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'toast',
|
|
msgType: 'warning',
|
|
msg: '我是一个全局警告消息，可以配置不同类型和弹出位置~',
|
|
options: {
|
|
position: 'top-right'
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'b_011',
|
|
label: '复制一段文本',
|
|
className: 'ml-2',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'copy',
|
|
content: 'http://www.baidu.com'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'b_012',
|
|
label: '复制一段富文本',
|
|
className: 'ml-2',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'copy',
|
|
copyFormat: 'text/html',
|
|
content: "<a href='http://www.baidu.com'>link</a> <b>bold</b>"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
type: 'button',
|
|
id: 'b_013',
|
|
label: '发送邮件',
|
|
className: 'ml-2',
|
|
onEvent: {
|
|
click: {
|
|
actions: [
|
|
{
|
|
actionType: 'email',
|
|
to: 'amis@baidu.com',
|
|
cc: 'baidu@baidu.com',
|
|
subject: '这是邮件主题',
|
|
body: '这是邮件正文'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
]
|
|
};
|