mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-15 17:31:18 +08:00
627 lines
13 KiB
TypeScript
627 lines
13 KiB
TypeScript
|
/**
|
||
|
|
* @file 用于主题预览的表单样式
|
||
|
|
*/
|
||
|
|
|
||
|
|
export default {
|
||
|
|
type: 'form',
|
||
|
|
title: '表单项',
|
||
|
|
mode: 'horizontal',
|
||
|
|
wrapWithPanel: false,
|
||
|
|
autoFocus: true,
|
||
|
|
body: [
|
||
|
|
{
|
||
|
|
type: 'group',
|
||
|
|
body: [
|
||
|
|
{
|
||
|
|
type: 'input-text',
|
||
|
|
name: 'var1',
|
||
|
|
label: '输入框'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'input-number',
|
||
|
|
name: 'number',
|
||
|
|
label: '数字',
|
||
|
|
placeholder: '',
|
||
|
|
inline: true,
|
||
|
|
value: 5,
|
||
|
|
min: 1,
|
||
|
|
max: 10
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'group',
|
||
|
|
body: [
|
||
|
|
{
|
||
|
|
type: 'input-tag',
|
||
|
|
name: 'tag',
|
||
|
|
label: '标签',
|
||
|
|
placeholder: '',
|
||
|
|
clearable: true,
|
||
|
|
// dropdown: false, 保留原来的展现方式。
|
||
|
|
// size: 'md',
|
||
|
|
// inline: true,
|
||
|
|
options: [
|
||
|
|
{
|
||
|
|
label: '诸葛亮',
|
||
|
|
value: 'zhugeliang'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '曹操',
|
||
|
|
value: 'caocao'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '钟无艳',
|
||
|
|
value: 'zhongwuyan'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '野核',
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: '李白',
|
||
|
|
value: 'libai'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '韩信',
|
||
|
|
value: 'hanxin'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '云中君',
|
||
|
|
value: 'yunzhongjun'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'input-text',
|
||
|
|
disabled: true,
|
||
|
|
name: 'disabled',
|
||
|
|
label: '禁用状态',
|
||
|
|
placeholder: '这里禁止输入内容'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'group',
|
||
|
|
body: [
|
||
|
|
{
|
||
|
|
type: 'input-text',
|
||
|
|
name: 'text-sug',
|
||
|
|
label: '文本提示',
|
||
|
|
options: ['lixiaolong', 'zhouxingxing', 'yipingpei', 'liyuanfang'],
|
||
|
|
addOn: {
|
||
|
|
type: 'input-text',
|
||
|
|
label: '$'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'input-text',
|
||
|
|
name: 'text-sug-multiple',
|
||
|
|
label: '文本提示多选',
|
||
|
|
multiple: true,
|
||
|
|
options: ['lixiaolong', 'zhouxingxing', 'yipingpei', 'liyuanfang']
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'button-toolbar',
|
||
|
|
label: '按钮',
|
||
|
|
buttons: [
|
||
|
|
{
|
||
|
|
type: 'action',
|
||
|
|
label: '默认'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'action',
|
||
|
|
label: '信息',
|
||
|
|
level: 'info'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'action',
|
||
|
|
label: '主要',
|
||
|
|
level: 'primary'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'action',
|
||
|
|
label: '次要',
|
||
|
|
level: 'secondary'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'action',
|
||
|
|
label: '成功',
|
||
|
|
level: 'success'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'action',
|
||
|
|
label: '警告',
|
||
|
|
level: 'warning'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'action',
|
||
|
|
label: '危险',
|
||
|
|
level: 'danger'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'action',
|
||
|
|
label: '浅色',
|
||
|
|
level: 'light'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'action',
|
||
|
|
label: '深色',
|
||
|
|
level: 'dark'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'action',
|
||
|
|
label: '链接',
|
||
|
|
level: 'link'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'group',
|
||
|
|
body: [
|
||
|
|
{
|
||
|
|
type: 'radios',
|
||
|
|
name: 'radios',
|
||
|
|
label: '单选',
|
||
|
|
value: 3,
|
||
|
|
options: [
|
||
|
|
{
|
||
|
|
label: '选项1',
|
||
|
|
value: 1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '选项2',
|
||
|
|
value: 2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '选项3',
|
||
|
|
disabled: true,
|
||
|
|
value: 3
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'checkboxes',
|
||
|
|
name: 'checkboxes',
|
||
|
|
label: '多选框',
|
||
|
|
value: 3,
|
||
|
|
options: [
|
||
|
|
{
|
||
|
|
label: '选项1',
|
||
|
|
value: 1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '选项2',
|
||
|
|
value: 2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '选项3',
|
||
|
|
disabled: true,
|
||
|
|
value: 3
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'group',
|
||
|
|
body: [
|
||
|
|
{
|
||
|
|
type: 'switch',
|
||
|
|
name: 'switch',
|
||
|
|
onText: '开',
|
||
|
|
offText: '关',
|
||
|
|
label: '开关'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'switch',
|
||
|
|
name: 'switch2',
|
||
|
|
value: true,
|
||
|
|
label: '开关开启'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'switch',
|
||
|
|
name: 'switch3',
|
||
|
|
value: true,
|
||
|
|
disabled: true,
|
||
|
|
label: '开关禁用'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'group',
|
||
|
|
body: [
|
||
|
|
{
|
||
|
|
type: 'button-group-select',
|
||
|
|
name: 'btn-group',
|
||
|
|
label: '按钮组',
|
||
|
|
options: [
|
||
|
|
{
|
||
|
|
label: '选项 A',
|
||
|
|
value: 1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '选项 B',
|
||
|
|
value: 2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '选项 C',
|
||
|
|
value: 3
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'list-select',
|
||
|
|
name: 'List',
|
||
|
|
label: 'List',
|
||
|
|
options: [
|
||
|
|
{
|
||
|
|
label: '选项 A',
|
||
|
|
value: 1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '选项 B',
|
||
|
|
value: 2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '选项 C',
|
||
|
|
value: 3
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'group',
|
||
|
|
body: [
|
||
|
|
{
|
||
|
|
type: 'select',
|
||
|
|
name: 'type',
|
||
|
|
label: '单选',
|
||
|
|
inline: true,
|
||
|
|
options: [
|
||
|
|
{
|
||
|
|
label: '选项1',
|
||
|
|
value: 1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '选项2',
|
||
|
|
value: 2
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'select',
|
||
|
|
name: 'type2',
|
||
|
|
label: '多选',
|
||
|
|
multiple: true,
|
||
|
|
inline: true,
|
||
|
|
options: [
|
||
|
|
{
|
||
|
|
label: '选项1',
|
||
|
|
value: 1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '选项2',
|
||
|
|
value: 2
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'group',
|
||
|
|
body: [
|
||
|
|
{
|
||
|
|
type: 'input-date',
|
||
|
|
name: 'date',
|
||
|
|
inline: true,
|
||
|
|
label: '日期'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'input-time',
|
||
|
|
name: 'time',
|
||
|
|
inline: true,
|
||
|
|
label: '时间'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'input-date-range',
|
||
|
|
name: 'daterangee',
|
||
|
|
inline: true,
|
||
|
|
label: '时间范围'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'input-group',
|
||
|
|
size: 'sm',
|
||
|
|
inline: true,
|
||
|
|
label: 'Icon 组合',
|
||
|
|
body: [
|
||
|
|
{
|
||
|
|
type: 'icon',
|
||
|
|
addOnclassName: 'no-bg',
|
||
|
|
className: 'text-sm',
|
||
|
|
icon: 'search'
|
||
|
|
// "vendor": "iconfont"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'input-text',
|
||
|
|
placeholder: '搜索作业ID/名称',
|
||
|
|
inputClassName: 'b-l-none p-l-none',
|
||
|
|
name: 'jobName'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'input-tree',
|
||
|
|
name: 'tree',
|
||
|
|
label: '树',
|
||
|
|
options: [
|
||
|
|
{
|
||
|
|
label: 'Folder A',
|
||
|
|
value: 1,
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: 'file A',
|
||
|
|
value: 2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'file B',
|
||
|
|
value: 3
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'file C',
|
||
|
|
value: 4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'file D',
|
||
|
|
value: 5
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'group',
|
||
|
|
body: [
|
||
|
|
{
|
||
|
|
type: 'input-tree',
|
||
|
|
name: 'trees',
|
||
|
|
label: '树多选',
|
||
|
|
multiple: true,
|
||
|
|
options: [
|
||
|
|
{
|
||
|
|
label: 'Folder A',
|
||
|
|
value: 1,
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: 'file A',
|
||
|
|
value: 2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'file B',
|
||
|
|
value: 3
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'file C',
|
||
|
|
value: 4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'file D',
|
||
|
|
value: 5
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'nested-select',
|
||
|
|
name: 'nestedSelect',
|
||
|
|
label: '级联选择器',
|
||
|
|
options: [
|
||
|
|
{
|
||
|
|
label: '概念',
|
||
|
|
value: 'concepts',
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: '配置与组件',
|
||
|
|
value: 'schema'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '数据域与数据链',
|
||
|
|
value: 'scope'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '模板',
|
||
|
|
value: 'template'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '数据映射',
|
||
|
|
value: 'data-mapping'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '表达式',
|
||
|
|
value: 'expression'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '联动',
|
||
|
|
value: 'linkage'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '行为',
|
||
|
|
value: 'action'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '样式',
|
||
|
|
value: 'style'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '类型',
|
||
|
|
value: 'types',
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: 'SchemaNode',
|
||
|
|
value: 'schemanode'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'API',
|
||
|
|
value: 'api'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Definitions',
|
||
|
|
value: 'definitions'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '组件',
|
||
|
|
value: 'zujian',
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: '布局',
|
||
|
|
value: 'buju',
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: 'Page 页面',
|
||
|
|
value: 'page'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Container 容器',
|
||
|
|
value: 'container'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Collapse 折叠器',
|
||
|
|
value: 'Collapse'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '功能',
|
||
|
|
value: 'gongneng',
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: 'Action 行为按钮',
|
||
|
|
value: 'action-type'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'App 多页应用',
|
||
|
|
value: 'app'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Button 按钮',
|
||
|
|
value: 'button'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '数据输入',
|
||
|
|
value: 'shujushuru',
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: 'Form 表单',
|
||
|
|
value: 'form'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'FormItem 表单项',
|
||
|
|
value: 'formitem'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Options 选择器表单项',
|
||
|
|
value: 'options'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '数据展示',
|
||
|
|
value: 'shujuzhanshi',
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
label: 'CRUD 增删改查',
|
||
|
|
value: 'crud'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Table 表格',
|
||
|
|
value: 'table'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Card 卡片',
|
||
|
|
value: 'card'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '反馈',
|
||
|
|
value: 'fankui'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
|
||
|
|
{
|
||
|
|
type: 'matrix-checkboxes',
|
||
|
|
name: 'matrix',
|
||
|
|
label: '矩阵开关',
|
||
|
|
rowLabel: '行标题说明',
|
||
|
|
columns: [
|
||
|
|
{
|
||
|
|
label: '列1'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '列2'
|
||
|
|
}
|
||
|
|
],
|
||
|
|
rows: [
|
||
|
|
{
|
||
|
|
label: '行1'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '行2'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'combo',
|
||
|
|
name: 'combo2',
|
||
|
|
label: '组合多条',
|
||
|
|
multiple: true,
|
||
|
|
value: [{}],
|
||
|
|
items: [
|
||
|
|
{
|
||
|
|
name: 'a',
|
||
|
|
type: 'input-text',
|
||
|
|
placeholder: 'A'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: 'b',
|
||
|
|
type: 'select',
|
||
|
|
options: ['a', 'b', 'c']
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'input-file',
|
||
|
|
name: 'file',
|
||
|
|
label: '文件上传',
|
||
|
|
joinValues: false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'input-range',
|
||
|
|
name: 'range',
|
||
|
|
label: '范围'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'divider'
|
||
|
|
}
|
||
|
|
],
|
||
|
|
actions: []
|
||
|
|
};
|