123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338 |
- export const basicComponents = [
- {
- type: 'input',
- icon: 'icon-input',
- options: {
- width: '100%',
- defaultValue: '',
- required: false,
- dataType: 'string',
- pattern: '',
- placeholder: '',
- disabled: false,
- maxlength: -1,
- showWordLimit: false,
- }
- },
- {
- type: 'textarea',
- icon: 'icon-diy-com-textarea',
- options: {
- width: '100%',
- defaultValue: '',
- required: false,
- disabled: false,
- pattern: '',
- placeholder: '',
- maxlength: -1,
- showWordLimit: false,
- }
- },
- {
- type: 'number',
- icon: 'icon-number',
- options: {
- width: '',
- required: false,
- defaultValue: 0,
- min: '',
- max: '',
- step: 1,
- disabled: false,
- controlsPosition: ''
- }
- },
- {
- type: 'radio',
- icon: 'icon-radio-active',
- options: {
- inline: false,
- defaultValue: '',
- showLabel: false,
- options: [
- {
- value: 'Option 1',
- label: 'Option 1'
- },
- {
- value: 'Option 2',
- label: 'Option 2'
- },
- {
- value: 'Option 3',
- label: 'Option 3'
- }
- ],
- required: false,
- width: '',
- remote: false,
- remoteOptions: [],
- props: {
- value: 'value',
- label: 'label'
- },
- remoteFunc: '',
- disabled: false,
- }
- },
- {
- type: 'checkbox',
- icon: 'icon-check-box',
- options: {
- inline: false,
- defaultValue: [],
- showLabel: false,
- options: [
- {
- value: 'Option 1'
- },
- {
- value: 'Option 2'
- },
- {
- value: 'Option 3'
- }
- ],
- required: false,
- width: '',
- remote: false,
- remoteOptions: [],
- props: {
- value: 'value',
- label: 'label'
- },
- remoteFunc: '',
- disabled: false,
- }
- },
- {
- type: 'time',
- icon: 'icon-time',
- options: {
- defaultValue: '21:19:56',
- readonly: false,
- disabled: false,
- editable: true,
- clearable: true,
- placeholder: '',
- startPlaceholder: '',
- endPlaceholder: '',
- isRange: false,
- arrowControl: true,
- format: 'HH:mm:ss',
- required: false,
- width: '',
- }
- },
- {
- type: 'date',
- icon: 'icon-date',
- options: {
- defaultValue: '',
- readonly: false,
- disabled: false,
- editable: true,
- clearable: true,
- placeholder: '',
- startPlaceholder: '',
- endPlaceholder: '',
- type: 'date',
- format: 'yyyy-MM-dd',
- timestamp: false,
- required: false,
- width: '',
- }
- },
- {
- type: 'rate',
- icon: 'icon-pingfen1',
- options: {
- defaultValue: null,
- max: 5,
- disabled: false,
- allowHalf: false,
- required: false
- }
- },
- {
- type: 'color',
- icon: 'icon-color',
- options: {
- defaultValue: '',
- disabled: false,
- showAlpha: false,
- required: false
- }
- },
- {
- type: 'select',
- icon: 'icon-select',
- options: {
- defaultValue: '',
- multiple: false,
- disabled: false,
- clearable: false,
- placeholder: '',
- required: false,
- showLabel: false,
- width: '',
- options: [
- {
- value: 'Option 1'
- },
- {
- value: 'Option 2'
- },{
- value: 'Option 3'
- }
- ],
- remote: false,
- filterable: false,
- remoteOptions: [],
- props: {
- value: 'value',
- label: 'label'
- },
- remoteFunc: ''
- }
- },
- {
- type: 'switch',
- icon: 'icon-switch',
- options: {
- defaultValue: false,
- required: false,
- disabled: false,
- }
- },
- {
- type: 'slider',
- icon: 'icon-slider',
- options: {
- defaultValue: 0,
- disabled: false,
- required: false,
- min: 0,
- max: 100,
- step: 1,
- showInput: false,
- range: false,
- width: ''
- }
- },
- {
- type: 'text',
- icon: 'icon-wenzishezhi-',
- options: {
- defaultValue: 'This is a text',
- customClass: '',
- }
- },
- {
- type: 'dynamicTable',
- icon: 'icon-wenzishezhi-',
- options: {
- tableData: [],
- columns1: [
- { prop: 'date', label: '日期', minWidth: '120', align: 'center', tooltip: true, resizable: true },
- { prop: 'age', label: '年龄', minWidth: '120', align: 'center', tooltip: true, resizable: true },
- { prop: 'gender', label: '性别', minWidth: '120', align: 'center', tooltip: true, resizable: true },
- { prop: 'name', label: '姓名', minWidth: '120', align: 'center', tooltip: true, resizable: true },
- { prop: 'address', label: '地址', minWidth: '120', align: 'center', tooltip: true, resizable: true }
- ],
- // showLabel: false,
- // width: '',
- // remote: false,
- tableColumns: [
- {
- prop: 'prop',
- label: '列1',
- },
- ],
- defaultValue: []
- }
- }
- ]
- export const advanceComponents = [
- {
- type: 'blank',
- icon: 'icon-zidingyishuju',
- options: {
- defaultType: 'String'
- }
- },
- {
- type: 'imgupload',
- icon: 'icon-tupian',
- options: {
- defaultValue: [],
- size: {
- width: 100,
- height: 100,
- },
- width: '',
- tokenFunc: 'funcGetToken',
- token: '',
- domain: 'https://tcdn.form.making.link/',
- disabled: false,
- length: 8,
- multiple: false,
- isQiniu: false,
- isDelete: false,
- min: 0,
- isEdit: false,
- action: 'https://tools-server.making.link/api/transfer'
- }
- },
- {
- type: 'editor',
- icon: 'icon-fuwenbenkuang',
- options: {
- defaultValue: '',
- width: ''
- }
- },
- {
- type: 'cascader',
- icon: 'icon-jilianxuanze',
- options: {
- defaultValue: [],
- width: '',
- placeholder: '',
- disabled: false,
- clearable: false,
- remote: true,
- remoteOptions: [],
- props: {
- value: 'value',
- label: 'label',
- children: 'children'
- },
- remoteFunc: ''
- }
- }
- ]
- export const layoutComponents = [
- {
- type: 'grid',
- icon: 'icon-grid-',
- columns: [
- {
- span: 12,
- list: []
- },
- {
- span: 12,
- list: []
- }
- ],
- options: {
- gutter: 0,
- justify: 'start',
- align: 'top'
- }
- }
- ]
|