mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 12:08:13 +08:00
500 lines
18 KiB
TypeScript
500 lines
18 KiB
TypeScript
export default {
|
||
type: 'app',
|
||
brandName: 'JSSDK Test',
|
||
// logo:
|
||
// '<svg t="1610181550507" style="width: 30px; height: 30px;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2528" width="200" height="200"><path d="M217.090828 534.490224c99.683327-20.926612 86.12145-137.343041 83.128279-162.838715-4.906753-39.223327-52.112891-107.812471-116.217908-102.372575-80.693834 7.058766-92.487438 120.948653-92.487438 120.948653C80.583828 442.927855 117.654119 555.449581 217.090828 534.490224L217.090828 534.490224zM322.936505 737.004567c-2.907213 8.211009-9.413394 29.170366-3.781116 47.381124 11.123338 40.874943 51.108005 34.208103 51.108005 34.208103l56.034201 0L426.297594 706.525392l-56.034201 0C345.158622 713.864544 325.65543 728.85291 322.936505 737.004567L322.936505 737.004567zM402.144498 339.233168c55.081503 0 99.57588-61.946864 99.57588-138.461515 0-76.491115-44.494377-138.40728-99.57588-138.40728-54.974056 0-99.599416 61.916165-99.599416 138.40728C302.545082 277.286304 347.170442 339.233168 402.144498 339.233168L402.144498 339.233168zM639.288546 348.395852c73.635067 9.331529 120.925117-67.407226 130.340557-125.57195 9.582239-58.081837-37.906332-125.577067-90.024339-137.174196-52.219315-11.712763-117.390617 70.044286-123.329886 123.305327C549.187459 274.094612 565.853024 339.149257 639.288546 348.395852L639.288546 348.395852zM819.642171 690.38069c0 0-113.866351-86.12145-180.37716-179.167612-90.108251-137.176243-218.121809-81.367169-260.908288-11.604292C335.745229 569.372685 269.286608 613.477182 259.841491 625.187899c-9.552563 11.489682-137.50984 79.010495-109.128443 202.314799s135.49802 131.180691 135.49802 131.180691 66.203818-3.168156 151.517879-21.829168c85.312014-18.48705 158.833495 4.598738 158.833495 4.598738s199.320605 65.22349 253.866918-60.3546C904.897903 755.497757 819.642171 690.38069 819.642171 690.38069L819.642171 690.38069zM482.333842 874.629018 342.241176 874.629018c-55.946196-1.313925-71.552639-45.587268-74.354452-51.943023-2.777253-6.473435-18.606777-36.478819-10.226922-87.473237 24.179702-76.490092 84.613096-84.695984 84.613096-84.695984l84.053348 0L426.326247 566.464449l56.036247 0 0 308.164568L482.333842 874.629018zM706.478831 874.629018l-140.090619 0c-55.16746-2.355651-56.124252-52.927443-56.124252-52.927443l0.086981-171.2155 56.037271 0L566.388213 790.57874c3.697205 15.438621 28.016077 28.015054 28.016077 28.015054l56.037271 0L650.441561 650.486074l56.038294 0L706.479855 874.629018 706.478831 874.629018zM931.037237 446.066335c0-27.816532-23.675212-111.617124-111.395066-111.617124-87.919399 0-99.660814 79.093383-99.660814 135.016043 0 53.344952 4.592598 127.816061 113.806999 125.490086C943.00071 592.633459 931.037237 474.058876 931.037237 446.066335L931.037237 446.066335zM931.037237 446.066335" p-id="2529"></path></svg>',
|
||
header: {
|
||
type: 'tpl',
|
||
inline: false,
|
||
className: 'w-full',
|
||
tpl:
|
||
'<div class="flex justify-between"><div>顶部区域左侧</div><div>顶部区域右侧</div></div>'
|
||
},
|
||
// footer: '<div class="p-2 text-center bg-light">底部区域</div>',
|
||
// asideBefore: '<div class="p-2 text-center">菜单前面区域</div>',
|
||
// asideAfter: '<div class="p-2 text-center">菜单后面区域</div>',
|
||
pages: [
|
||
{
|
||
label: 'Home',
|
||
url: '/',
|
||
redirect: '/pageA'
|
||
},
|
||
{
|
||
label: '示例',
|
||
children: [
|
||
{
|
||
label: '页面A',
|
||
url: 'pageA',
|
||
schema: {
|
||
type: 'page',
|
||
title: '页面A',
|
||
body: '页面A'
|
||
},
|
||
|
||
children: [
|
||
{
|
||
label: '页面A-1',
|
||
url: '1',
|
||
schema: {
|
||
type: 'page',
|
||
title: '页面A-1',
|
||
body: '页面A-1'
|
||
}
|
||
},
|
||
|
||
{
|
||
label: '页面A-2',
|
||
url: '2',
|
||
schema: {
|
||
type: 'page',
|
||
title: '页面A-2',
|
||
body: '页面A-2'
|
||
}
|
||
},
|
||
|
||
{
|
||
label: '页面A-3',
|
||
url: '3',
|
||
schema: {
|
||
type: 'page',
|
||
title: '页面A-3',
|
||
body: '页面A-3'
|
||
}
|
||
}
|
||
]
|
||
},
|
||
|
||
{
|
||
label: '页面B',
|
||
schema: {
|
||
type: 'page',
|
||
title: '页面B',
|
||
body: '页面B'
|
||
}
|
||
},
|
||
|
||
{
|
||
label: '页面C',
|
||
schema: {
|
||
type: 'page',
|
||
title: '页面C',
|
||
body: '页面C'
|
||
}
|
||
},
|
||
|
||
{
|
||
label: '列表示例',
|
||
url: '/crud',
|
||
rewrite: '/crud/list',
|
||
icon: 'https://suda.cdn.bcebos.com/images%2F2021-01%2Fdiamond.svg',
|
||
children: [
|
||
{
|
||
label: '列表',
|
||
url: '/crud/list',
|
||
icon: 'fa fa-list',
|
||
schema: {
|
||
type: 'page',
|
||
title: '列表',
|
||
remark: null,
|
||
name: 'page-demo',
|
||
toolbar: [
|
||
{
|
||
type: 'button',
|
||
actionType: 'link',
|
||
link: '/crud/new',
|
||
label: '新增',
|
||
primary: true
|
||
}
|
||
],
|
||
body: [
|
||
{
|
||
type: 'crud',
|
||
name: 'sample',
|
||
api: '/api/sample',
|
||
filter: {
|
||
title: '',
|
||
mode: 'inline',
|
||
wrapWithPanel: false,
|
||
submitText: '',
|
||
controls: [
|
||
{
|
||
type: 'text',
|
||
name: 'keywords',
|
||
placeholder: '通过关键字搜索',
|
||
addOn: {
|
||
label: '搜索',
|
||
type: 'submit',
|
||
className: 'btn-success'
|
||
},
|
||
clearable: true
|
||
}
|
||
],
|
||
className: 'm-b-sm'
|
||
},
|
||
bulkActions: [
|
||
{
|
||
label: '批量修改',
|
||
type: 'button',
|
||
actionType: 'dialog',
|
||
level: 'primary',
|
||
dialog: {
|
||
title: '批量编辑',
|
||
name: 'sample-bulk-edit',
|
||
body: {
|
||
type: 'form',
|
||
api: '/api/sample/bulkUpdate2',
|
||
controls: [
|
||
{
|
||
type: 'text',
|
||
name: 'engine',
|
||
label: 'Engine'
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
label: '批量删除',
|
||
type: 'button',
|
||
level: 'danger',
|
||
actionType: 'ajax',
|
||
api: 'delete:/api/sample/$ids',
|
||
confirmText: '确定要批量删除?'
|
||
}
|
||
],
|
||
columns: [
|
||
{
|
||
name: 'engine',
|
||
label: 'Rendering engine',
|
||
sortable: true
|
||
},
|
||
{
|
||
name: 'id',
|
||
label: 'ID',
|
||
width: 20,
|
||
sortable: true
|
||
},
|
||
{
|
||
name: 'browser',
|
||
label: 'Browser',
|
||
sortable: true
|
||
},
|
||
{
|
||
name: 'platform',
|
||
label: 'Platform(s)',
|
||
sortable: true
|
||
},
|
||
{
|
||
name: 'version',
|
||
label: 'Engine version'
|
||
},
|
||
{
|
||
name: 'grade',
|
||
label: 'CSS grade'
|
||
},
|
||
{
|
||
type: 'operation',
|
||
label: '操作',
|
||
width: '',
|
||
buttons: [
|
||
{
|
||
type: 'button-group',
|
||
buttons: [
|
||
{
|
||
type: 'button',
|
||
label: '查看',
|
||
level: 'primary',
|
||
actionType: 'link',
|
||
link: '/crud/${id}'
|
||
},
|
||
{
|
||
type: 'button',
|
||
label: '修改',
|
||
level: 'info',
|
||
actionType: 'link',
|
||
link: '/crud/${id}/edit'
|
||
},
|
||
{
|
||
type: 'button',
|
||
label: '删除',
|
||
level: 'danger',
|
||
actionType: 'ajax',
|
||
confirmText: '您确认要删除?',
|
||
api: 'delete:/api/sample/$id'
|
||
}
|
||
]
|
||
}
|
||
],
|
||
placeholder: '-',
|
||
fixed: 'right'
|
||
}
|
||
],
|
||
affixHeader: true,
|
||
columnsTogglable: 'auto',
|
||
placeholder: '暂无数据',
|
||
tableClassName: 'table-db table-striped',
|
||
headerClassName: 'crud-table-header',
|
||
footerClassName: 'crud-table-footer',
|
||
toolbarClassName: 'crud-table-toolbar',
|
||
combineNum: 0,
|
||
bodyClassName: 'panel-default'
|
||
}
|
||
]
|
||
}
|
||
},
|
||
|
||
{
|
||
label: '新增',
|
||
url: '/crud/new',
|
||
icon: 'fa fa-plus',
|
||
schema: {
|
||
type: 'page',
|
||
title: '新增',
|
||
remark: null,
|
||
toolbar: [
|
||
{
|
||
type: 'button',
|
||
actionType: 'link',
|
||
link: '/crud/list',
|
||
label: '返回列表'
|
||
}
|
||
],
|
||
body: [
|
||
{
|
||
title: '',
|
||
type: 'form',
|
||
redirect: '/crud/list',
|
||
name: 'sample-edit-form',
|
||
api: '/api/sample',
|
||
controls: [
|
||
{
|
||
type: 'text',
|
||
name: 'engine',
|
||
label: 'Engine',
|
||
required: true,
|
||
inline: false,
|
||
description: '',
|
||
descriptionClassName: 'help-block',
|
||
placeholder: '',
|
||
addOn: null
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'text',
|
||
name: 'browser',
|
||
label: 'Browser',
|
||
required: true
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'text',
|
||
name: 'platform',
|
||
label: 'Platform(s)',
|
||
required: true
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'text',
|
||
name: 'version',
|
||
label: 'Engine version'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'text',
|
||
name: 'grade',
|
||
label: 'CSS grade'
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
},
|
||
|
||
{
|
||
label: '查看',
|
||
url: '/crud/:id',
|
||
schema: {
|
||
type: 'page',
|
||
title: '查看详情 ${params.id}',
|
||
remark: null,
|
||
toolbar: [
|
||
{
|
||
type: 'button',
|
||
actionType: 'link',
|
||
link: '/crud/list',
|
||
label: '返回列表'
|
||
}
|
||
],
|
||
body: [
|
||
{
|
||
type: 'form',
|
||
initApi: '/api/sample/${params.id}',
|
||
controls: [
|
||
{
|
||
type: 'static',
|
||
name: 'engine',
|
||
label: 'Engine'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'static',
|
||
name: 'browser',
|
||
label: 'Browser'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'static',
|
||
name: 'platform',
|
||
label: 'Platform(s)'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'static',
|
||
name: 'version',
|
||
label: 'Engine version'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'static',
|
||
name: 'grade',
|
||
label: 'CSS grade'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'html',
|
||
html:
|
||
'<p>添加其他 <span>Html 片段</span> 需要支持变量替换（todo）.</p>'
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
},
|
||
|
||
{
|
||
label: '修改',
|
||
url: '/crud/:id/edit',
|
||
schema: {
|
||
type: 'page',
|
||
title: '修改 ${params.id}',
|
||
remark: null,
|
||
toolbar: [
|
||
{
|
||
type: 'button',
|
||
actionType: 'link',
|
||
link: '/crud/list',
|
||
label: '返回列表'
|
||
}
|
||
],
|
||
body: [
|
||
{
|
||
type: 'form',
|
||
initApi: '/api/sample/${params.id}',
|
||
api: '/api/sample/$id',
|
||
redirect: '/crud/list',
|
||
controls: [
|
||
{
|
||
type: 'text',
|
||
name: 'engine',
|
||
label: 'Engine',
|
||
required: true
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'text',
|
||
name: 'browser',
|
||
label: 'Browser',
|
||
required: true
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'text',
|
||
name: 'platform',
|
||
label: 'Platform(s)',
|
||
required: true
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'text',
|
||
name: 'version',
|
||
label: 'Engine version'
|
||
},
|
||
{
|
||
type: 'divider'
|
||
},
|
||
{
|
||
type: 'select',
|
||
name: 'grade',
|
||
label: 'CSS grade',
|
||
options: ['A', 'B', 'C', 'D', 'X']
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
|
||
{
|
||
label: '分组2',
|
||
children: [
|
||
{
|
||
label: '用户管理',
|
||
schema: {
|
||
type: 'page',
|
||
title: '用户管理',
|
||
body: '页面C'
|
||
}
|
||
},
|
||
|
||
{
|
||
label: '外部链接',
|
||
link: 'http://baidu.gitee.io/amis'
|
||
},
|
||
|
||
{
|
||
label: '部门管理',
|
||
schemaApi: '/api/mock2/service/form?tpl=tpl3'
|
||
}
|
||
]
|
||
}
|
||
|
||
// {
|
||
// label: '404',
|
||
// visible: false,
|
||
// isDefaultPage: true,
|
||
// schema: {
|
||
// type: 'page',
|
||
// body: '自定义 404 页面，可以不配置'
|
||
// }
|
||
// }
|
||
]
|
||
};
|