export const containers = [ { type: 'grid', category: 'container', icon: 'grid', cols: [], options: { name: '', hidden: false, gutter: 12, colHeight: null, //栅格列统一高度属性，用于解决栅格列设置响应式布局浮动后被挂住的问题！！ customClass: '', //自定义css类名 } }, { type: 'table', category: 'container', icon: 'table', rows: [], options: { name: '', hidden: false, customClass: '', //自定义css类名 } }, { type: 'tab', category: 'container', icon: 'tab', displayType: 'border-card', tabs: [], options: { name: '', hidden: false, customClass: '', //自定义css类名 } }, /* { type: 'section', category: 'container', icon: 'section', widgetList: [], options: { name: '', hidden: false, customClass: '', //自定义css类名 } }, */ { type: 'grid-col', category: 'container', icon: 'grid-col', internal: true, widgetList: [], options: { name: '', hidden: false, span: 12, offset: 0, push: 0, pull: 0, responsive: false, //是否开启响应式布局 md: 12, sm: 12, xs: 12, customClass: '', //自定义css类名 } }, { type: 'table-cell', category: 'container', icon: 'table-cell', internal: true, widgetList: [], merged: false, options: { name: '', cellWidth: '', cellHeight: '', colspan: 1, rowspan: 1, customClass: '', //自定义css类名 } }, { type: 'tab-pane', category: 'container', icon: 'tab-pane', internal: true, widgetList: [], options: { name: '', label: '', hidden: false, active: false, disabled: false, customClass: '', //自定义css类名 } }, ] export const basicFields = [ { type: 'input', icon: 'text-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', type: 'text', defaultValue: '', placeholder: '', columnWidth: '200px', size: '', labelWidth: null, labelHidden: false, readonly: false, disabled: false, hidden: false, clearable: true, showPassword: false, required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, minLength: null, maxLength: null, showWordLimit: false, prefixIcon: '', suffixIcon: '', appendButton: false, appendButtonDisabled: false, buttonIcon: 'el-icon-search', //------------------- onCreated: '', onMounted: '', onInput: '', onChange: '', onFocus: '', onBlur: '', onValidate: '', }, }, { type: 'textarea', icon: 'textarea-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', rows: 3, defaultValue: '', placeholder: '', columnWidth: '200px', size: '', labelWidth: null, labelHidden: false, readonly: false, disabled: false, hidden: false, required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, minLength: null, maxLength: null, showWordLimit: false, //------------------- onCreated: '', onMounted: '', onInput: '', onChange: '', onFocus: '', onBlur: '', onValidate: '', }, }, { type: 'number', icon: 'number-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', defaultValue: 0, placeholder: '', columnWidth: '200px', size: '', labelWidth: null, labelHidden: false, disabled: false, hidden: false, required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, min: -100000000000, max: 100000000000, precision: 0, step: 1, controlsPosition: 'right', //------------------- onCreated: '', onMounted: '', onChange: '', onFocus: '', onBlur: '', onValidate: '', }, }, { type: 'radio', icon: 'radio-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', defaultValue: null, columnWidth: '200px', size: '', displayStyle: 'inline', buttonStyle: false, border: false, labelWidth: null, labelHidden: false, disabled: false, hidden: false, optionItems: [ {label: 'radio 1', value: 1}, {label: 'radio 2', value: 2}, {label: 'radio 3', value: 3}, ], required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, //------------------- onCreated: '', onMounted: '', onChange: '', onValidate: '', }, }, { type: 'checkbox', icon: 'checkbox-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', defaultValue: [], columnWidth: '200px', size: '', displayStyle: 'inline', buttonStyle: false, border: false, labelWidth: null, labelHidden: false, disabled: false, hidden: false, optionItems: [ {label: 'check 1', value: 1}, {label: 'check 2', value: 2}, {label: 'check 3', value: 3}, ], required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, //------------------- onCreated: '', onMounted: '', onChange: '', onValidate: '', }, }, { type: 'select', icon: 'select-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', defaultValue: '', placeholder: '', columnWidth: '200px', size: '', labelWidth: null, labelHidden: false, disabled: false, hidden: false, clearable: true, filterable: false, allowCreate: false, remote: false, automaticDropdown: false, //自动下拉 multiple: false, multipleLimit: 0, optionItems: [ {label: 'select 1', value: 1}, {label: 'select 2', value: 2}, {label: 'select 3', value: 3}, ], required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, //------------------- onCreated: '', onMounted: '', onRemoteQuery: '', onChange: '', onFocus: '', onBlur: '', onValidate: '', }, }, { type: 'time', icon: 'time-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', defaultValue: null, placeholder: '', columnWidth: '200px', size: '', labelWidth: null, labelHidden: false, readonly: false, disabled: false, hidden: false, clearable: true, editable: false, format: 'HH:mm:ss', //时间格式 required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, //------------------- onCreated: '', onMounted: '', onChange: '', onFocus: '', onBlur: '', onValidate: '', }, }, { type: 'time-range', icon: 'time-range-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', defaultValue: null, startPlaceholder: '', endPlaceholder: '', columnWidth: '200px', size: '', labelWidth: null, labelHidden: false, readonly: false, disabled: false, hidden: false, clearable: true, editable: false, format: 'HH:mm:ss', //时间格式 required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, //------------------- onCreated: '', onMounted: '', onChange: '', onFocus: '', onBlur: '', onValidate: '', }, }, { type: 'date', icon: 'date-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', type: 'date', defaultValue: null, placeholder: '', columnWidth: '200px', size: '', labelWidth: null, labelHidden: false, readonly: false, disabled: false, hidden: false, clearable: true, editable: false, format: 'YYYY-MM-DD', //日期显示格式 valueFormat: 'YYYY-MM-DD', //日期对象格式 required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, //------------------- onCreated: '', onMounted: '', onChange: '', onFocus: '', onBlur: '', onValidate: '', }, }, { type: 'date-range', icon: 'date-range-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', type: 'daterange', defaultValue: null, startPlaceholder: '', endPlaceholder: '', columnWidth: '200px', size: '', labelWidth: null, labelHidden: false, readonly: false, disabled: false, hidden: false, clearable: true, editable: false, format: 'YYYY-MM-DD', //日期显示格式 valueFormat: 'YYYY-MM-DD', //日期对象格式 required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, //------------------- onCreated: '', onMounted: '', onChange: '', onFocus: '', onBlur: '', onValidate: '', }, }, { type: 'switch', icon: 'switch-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', defaultValue: null, columnWidth: '200px', labelWidth: null, labelHidden: false, disabled: false, hidden: false, //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, switchWidth: 40, activeText: '', inactiveText: '', activeColor: null, inactiveColor: null, //------------------- onCreated: '', onMounted: '', onChange: '', onValidate: '', }, }, { type: 'rate', icon: 'rate-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', defaultValue: null, columnWidth: '200px', labelWidth: null, labelHidden: false, disabled: false, hidden: false, required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, max: 5, lowThreshold: 2, highThreshold: 4, allowHalf: false, showText: false, showScore: false, //------------------- onCreated: '', onMounted: '', onChange: '', onValidate: '', }, }, { type: 'color', icon: 'color-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', defaultValue: null, columnWidth: '200px', size: '', labelWidth: null, labelHidden: false, disabled: false, hidden: false, required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, //------------------- onCreated: '', onMounted: '', onChange: '', onValidate: '', }, }, { type: 'slider', icon: 'slider-field', formItemFlag: true, options: { name: '', label: '', labelAlign: '', columnWidth: '200px', showStops: true, size: '', labelWidth: null, labelHidden: false, disabled: false, hidden: false, required: false, validation: '', validationHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, min: 0, max: 100, step: 10, range: false, //vertical: false, height: null, //------------------- onCreated: '', onMounted: '', onChange: '', onValidate: '', }, }, { type: 'static-text', icon: 'static-text', formItemFlag: false, options: { name: '', columnWidth: '200px', hidden: false, textContent: 'static text', //------------------- customClass: '', //自定义css类名 //------------------- onCreated: '', onMounted: '', }, }, { type: 'html-text', icon: 'html-text', formItemFlag: false, options: { name: '', columnWidth: '200px', hidden: false, htmlContent: 'html text', //------------------- customClass: '', //自定义css类名 //------------------- onCreated: '', onMounted: '', }, }, { type: 'button', icon: 'button', formItemFlag: false, options: { name: '', label: '', columnWidth: '200px', size: '', disabled: false, hidden: false, type: '', plain: false, round: false, circle: false, icon: null, //------------------- customClass: '', //自定义css类名 //------------------- onCreated: '', onMounted: '', onClick: '', }, }, { type: 'divider', icon: 'divider', formItemFlag: false, options: { name: '', label: '', columnWidth: '200px', direction: 'horizontal', contentPosition: 'center', hidden: false, //------------------- customClass: '', //自定义css类名 //------------------- onCreated: '', onMounted: '', }, }, // ] export const advancedFields = [ { type: 'picture-upload', icon: 'picture-upload-field', formItemFlag: true, options: { name: '', label: '', labelWidth: null, labelHidden: false, disabled: false, hidden: false, required: false, requiredHint: '', customRule: '', customRuleHint: '', //------------------- uploadURL: '', uploadTip: '', withCredentials: false, multipleSelect: false, showFileList: true, limit: 3, fileMaxSize: 5, //MB fileTypes: ['jpeg', 'png'], //headers: [], //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, //------------------- onCreated: '', onMounted: '', onBeforeUpload: '', onUploadSuccess: '', onUploadError: '', onValidate: '', //onFileChange: '', }, }, { type: 'file-upload', icon: 'file-upload-field', formItemFlag: true, options: { name: '', label: '', labelWidth: null, labelHidden: false, disabled: false, hidden: false, required: false, requiredHint: '', customRule: '', customRuleHint: '', //------------------- uploadURL: '', uploadTip: '', withCredentials: false, multipleSelect: false, showFileList: true, limit: 3, fileMaxSize: 5, //MB fileTypes: ['doc', 'docx', 'xls', 'xlsx'], //headers: [], //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, //------------------- onCreated: '', onMounted: '', onBeforeUpload: '', onUploadSuccess: '', onUploadError: '', onValidate: '', //onFileChange: '', }, }, { type: 'rich-editor', icon: 'rich-editor-field', formItemFlag: true, options: { name: '', label: '', placeholder: '', labelWidth: null, labelHidden: false, disabled: false, hidden: false, required: false, requiredHint: '', customRule: '', customRuleHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, minLength: null, maxLength: null, showWordLimit: false, //------------------- onCreated: '', onMounted: '', onValidate: '', }, }, { type: 'cascader', icon: 'cascader-field', formItemFlag: true, options: { name: '', label: '', defaultValue: '', placeholder: '', size: '', labelWidth: null, labelHidden: false, disabled: false, hidden: false, clearable: true, filterable: false, optionItems: [ {label: 'select 1', value: 1, children: [{label: 'child 1', value: 11}]}, {label: 'select 2', value: 2}, {label: 'select 3', value: 3}, ], required: false, requiredHint: '', customRule: '', customRuleHint: '', //------------------- customClass: '', //自定义css类名 labelIconClass: null, labelIconPosition: 'rear', labelTooltip: null, //------------------- onCreated: '', onMounted: '', onChange: '', onFocus: '', onBlur: '', onValidate: '', }, }, // { // type: 'slot', // icon: 'slot-field', // formItemFlag: false, // options: { // name: '', // label: '', // customClass: '', //自定义css类名 // } // }, ] export const customFields = [ ] export function addContainerWidgetSchema(containerSchema) { containers.push(containerSchema) } export function addBasicFieldSchema(fieldSchema) { basicFields.push(fieldSchema) } export function addAdvancedFieldSchema(fieldSchema) { advancedFields.push(fieldSchema) } export function addCustomWidgetSchema(widgetSchema) { customFields.push(widgetSchema) }