@varonervar/components
Version:
> 基于[Element-UI](https://element.eleme.cn/#/zh-CN/component/quickstart) 封装常用组件,部分组件参考[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
105 lines (96 loc) • 2.96 kB
JavaScript
export const initData = {
border: true,
loading: false,
size: 'small',
expandable: false,
headerTitle: '',
tooltip: '',
showHeader: true,
footer: true,
rowSelection: true,
scroll: false,
hasData: true,
tableLayout: undefined,
toolBarRender: true,
search: {
show: true,
span: 12,
collapseRender: true,
labelWidth: 80,
filterType: 'query',
layout: 'horizontal'
},
pagination: {
show: true,
total: 0,
current: 1,
pageNum: 1,
pageSize: 10
},
editable: {
show: true,
type: 'multiple',
label: '操作',
fixed: 'right',
addText: '新增',
editText: '编辑',
handleOnCancel: ()=>{},
handleOnOpen: ()=>{},
handleOnAddSave: ()=>{},
handleOnEditSave: ()=>{},
handleOnDelete: ()=>{}
},
options: {
show: true,
density: true,
fullScreen: true,
setting: true
}
};
export const tableColumnDefaultConfig = {
editable: false,
debounceTime: 10,
hideInForm: false,
hideInTable: false,
hideInSearch: false,
ellipsis: false,
copyable: false
};
export const valueTypeArray = [
{ value: 'password', label: '密码' },
{ value: 'money', label: '金额' },
{ value: 'text', label: '文本框' },
{ value: 'numberInput', label: '数字输入框' },
{ value: 'textarea', label: '文本域' },
{ value: 'code', label: '代码框' },
{ value: 'jsonCode', label: 'json代码框' },
{ value: 'radioButton', label: '按钮单选框' },
{ value: 'radio', label: '单选框' },
{ value: 'checkbox', label: '多选框' },
{ value: 'select', label: '下拉框' },
{ value: 'cascader', label: '级联选择器' },
{ value: 'treeSelect', label: '树形下拉框' },
{ value: 'fromNow', label: '当前时间' },
{ value: 'second', label: '秒格式化' },
{ value: 'dateWeek', label: '周' },
{ value: 'dateMonth', label: '月' },
{ value: 'dateQuarter', label: '季度' },
{ value: 'dateYear', label: '年份' },
{ value: 'date', label: '日期 YYYY-MM-DD' },
{ value: 'time', label: '时间 HH:mm:ss' },
{ value: 'dateTime', label: '日期和时间 YYYY-MM-DD HH:mm:ss' },
{ value: 'timePicker', label: '时间区间 HH:mm:ss[]' },
{ value: 'datePicker', label: '日期范围 YYYY-MM-DD[]' },
{ value: 'dateTimePicker', label: '范围日期时间 YYYY-MM-DD HH:mm:ss[]' },
{ value: 'image', label: '图片' },
{ value: 'switch', label: '开关' },
{ value: 'avatar', label: '头像' },
{ value: 'rate', label: '星级组件' },
{ value: 'progress', label: '进度条' },
{ value: 'color', label: '颜色选择器' },
{ value: 'percent', label: '百分比组件' },
{ value: 'options', label: '操作区' },
{ value: 'index', label: '序列' }
];
// 如果设置了 valueType 任意一个,则需要配置options,request, valueEnum 其中之一,否则无法生成选项。
export const REQUEST_VALUE_TYPE = ['select', 'radio', 'radioButton', 'checkbox'];