1
This commit is contained in:
robin
@@ -0,0 +1,180 @@
|
||||
import uniqueId from '@form-create/utils/lib/unique';
|
||||
import {makeOptionsRule, makeRequiredRule} from '../../utils/index';
|
||||
|
||||
const label = '级联选择器';
|
||||
const name = 'cascader';
|
||||
|
||||
export default {
|
||||
icon: 'icon-cascader',
|
||||
label,
|
||||
name,
|
||||
rule() {
|
||||
return {
|
||||
type: name,
|
||||
field: uniqueId(),
|
||||
title: label,
|
||||
info: '',
|
||||
effect: {
|
||||
fetch: ''
|
||||
},
|
||||
props: {
|
||||
options: [{
|
||||
value: 'zhinan',
|
||||
label: '指南',
|
||||
children: [{
|
||||
value: 'shejiyuanze',
|
||||
label: '设计原则',
|
||||
children: [{
|
||||
value: 'yizhi',
|
||||
label: '一致'
|
||||
}, {
|
||||
value: 'fankui',
|
||||
label: '反馈'
|
||||
}, {
|
||||
value: 'xiaolv',
|
||||
label: '效率'
|
||||
}, {
|
||||
value: 'kekong',
|
||||
label: '可控'
|
||||
}]
|
||||
}, {
|
||||
value: 'daohang',
|
||||
label: '导航',
|
||||
children: [{
|
||||
value: 'cexiangdaohang',
|
||||
label: '侧向导航'
|
||||
}, {
|
||||
value: 'dingbudaohang',
|
||||
label: '顶部导航'
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
value: 'zujian',
|
||||
label: '组件',
|
||||
children: [{
|
||||
value: 'basic',
|
||||
label: 'Basic',
|
||||
children: [{
|
||||
value: 'layout',
|
||||
label: 'Layout 布局'
|
||||
}, {
|
||||
value: 'color',
|
||||
label: 'Color 色彩'
|
||||
}, {
|
||||
value: 'typography',
|
||||
label: 'Typography 字体'
|
||||
}, {
|
||||
value: 'icon',
|
||||
label: 'Icon 图标'
|
||||
}, {
|
||||
value: 'button',
|
||||
label: 'Button 按钮'
|
||||
}]
|
||||
}, {
|
||||
value: 'form',
|
||||
label: 'Form',
|
||||
children: [{
|
||||
value: 'radio',
|
||||
label: 'Radio 单选框'
|
||||
}, {
|
||||
value: 'checkbox',
|
||||
label: 'Checkbox 多选框'
|
||||
}, {
|
||||
value: 'input',
|
||||
label: 'Input 输入框'
|
||||
}, {
|
||||
value: 'input-number',
|
||||
label: 'InputNumber 计数器'
|
||||
}, {
|
||||
value: 'select',
|
||||
label: 'Select 选择器'
|
||||
}, {
|
||||
value: 'cascader',
|
||||
label: 'Cascader 级联选择器'
|
||||
}, {
|
||||
value: 'switch',
|
||||
label: 'Switch 开关'
|
||||
}, {
|
||||
value: 'slider',
|
||||
label: 'Slider 滑块'
|
||||
}, {
|
||||
value: 'time-picker',
|
||||
label: 'TimePicker 时间选择器'
|
||||
}, {
|
||||
value: 'date-picker',
|
||||
label: 'DatePicker 日期选择器'
|
||||
}, {
|
||||
value: 'datetime-picker',
|
||||
label: 'DateTimePicker 日期时间选择器'
|
||||
}, {
|
||||
value: 'upload',
|
||||
label: 'Upload 上传'
|
||||
}, {
|
||||
value: 'rate',
|
||||
label: 'Rate 评分'
|
||||
}, {
|
||||
value: 'form',
|
||||
label: 'Form 表单'
|
||||
}]
|
||||
}]
|
||||
}]
|
||||
}
|
||||
};
|
||||
},
|
||||
props() {
|
||||
return [
|
||||
makeRequiredRule(),
|
||||
makeOptionsRule('props.options', false),
|
||||
{
|
||||
type: 'Object',
|
||||
field: 'props',
|
||||
title: '配置选项',
|
||||
props: {
|
||||
rule: [{
|
||||
type: 'select',
|
||||
field: 'expandTrigger',
|
||||
title: '次级菜单的展开方式',
|
||||
options: [{label: 'click', value: 'click'}, {label: 'hover', value: 'hover'}]
|
||||
}, {type: 'switch', field: 'multiple', title: '是否多选'}, {
|
||||
type: 'switch',
|
||||
field: 'checkStrictly',
|
||||
title: '是否严格的遵守父子节点不互相关联'
|
||||
}, {
|
||||
type: 'switch',
|
||||
field: 'emitPath',
|
||||
title: '在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值',
|
||||
value: true
|
||||
}, {type: 'input', field: 'value', title: '指定选项的值为选项对象的某个属性值'}, {
|
||||
type: 'input',
|
||||
field: 'label',
|
||||
title: '指定选项标签为选项对象的某个属性值'
|
||||
}, {type: 'input', field: 'children', title: '指定选项的子选项为选项对象的某个属性值'}, {
|
||||
type: 'input',
|
||||
field: 'disabled',
|
||||
title: '指定选项的禁用为选项对象的某个属性值'
|
||||
}, {type: 'input', field: 'leaf', title: '指定选项的叶子节点的标志位为选项对象的某个属性值'}]
|
||||
}
|
||||
}, {
|
||||
type: 'select',
|
||||
field: 'size',
|
||||
title: '尺寸',
|
||||
options: [{label: 'large', value: 'large'}, {label: 'default', value: 'default'}, {
|
||||
label: 'small',
|
||||
value: 'small'
|
||||
}]
|
||||
}, {type: 'input', field: 'placeholder', title: '输入框占位文本'}, {
|
||||
type: 'switch',
|
||||
field: 'disabled',
|
||||
title: '是否禁用'
|
||||
}, {type: 'switch', field: 'clearable', title: '是否支持清空选项'}, {
|
||||
type: 'switch',
|
||||
field: 'showAllLevels',
|
||||
title: '输入框中是否显示选中值的完整路径',
|
||||
value: true
|
||||
}, {type: 'switch', field: 'collapseTags', title: '多选模式下是否折叠Tag'}, {
|
||||
type: 'input',
|
||||
field: 'separator',
|
||||
title: '选项分隔符'
|
||||
}];
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user