@form-create/element-ui
Version:
Element Plus 版本低代码表单 | FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持多个 UI 框架,适配移动端,并且支持生成任何 Vue 组件。内置 20 种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。
105 lines (102 loc) • 4.37 kB
JavaScript
import {
ElAutocomplete,
ElButton,
ElCascader,
ElCheckbox,
ElCheckboxButton,
ElCheckboxGroup,
ElCol,
ElColorPicker,
ElDatePicker,
ElDialog,
ElForm,
ElInput,
ElInputNumber,
ElPopover,
ElRadio,
ElRadioButton,
ElRadioGroup,
ElRate,
ElRow,
ElSelect,
ElSlider,
ElSwitch,
ElTimePicker,
ElTooltip,
ElTree,
ElUpload,
ElIcon,
ElProgress,
ElInputTag,
ElTransfer,
ElTreeSelect,
ElMention,
} from 'element-plus';
import 'element-plus/es/components/input-tag/style/css'
import 'element-plus/es/components/button/style/css'
import 'element-plus/es/components/form/style/css'
import 'element-plus/es/components/form-item/style/css'
import 'element-plus/es/components/row/style/css'
import 'element-plus/es/components/col/style/css'
import 'element-plus/es/components/input/style/css'
import 'element-plus/es/components/input-number/style/css'
import 'element-plus/es/components/cascader/style/css'
import 'element-plus/es/components/popover/style/css'
import 'element-plus/es/components/tooltip/style/css'
import 'element-plus/es/components/autocomplete/style/css'
import 'element-plus/es/components/checkbox-group/style/css'
import 'element-plus/es/components/checkbox-button/style/css'
import 'element-plus/es/components/checkbox/style/css'
import 'element-plus/es/components/radio-group/style/css'
import 'element-plus/es/components/radio-button/style/css'
import 'element-plus/es/components/radio/style/css'
import 'element-plus/es/components/select/style/css'
import 'element-plus/es/components/tree/style/css'
import 'element-plus/es/components/upload/style/css'
import 'element-plus/es/components/rate/style/css'
import 'element-plus/es/components/switch/style/css'
import 'element-plus/es/components/slider/style/css'
import 'element-plus/es/components/dialog/style/css'
import 'element-plus/es/components/color-picker/style/css'
import 'element-plus/es/components/date-picker/style/css'
import 'element-plus/es/components/time-picker/style/css'
import 'element-plus/es/components/progress/style/css'
import 'element-plus/es/components/transfer/style/css'
import 'element-plus/es/components/tree-select/style/css'
import 'element-plus/es/components/mention/style/css'
export default function install(formCreate) {
formCreate.useApp((_, app) => {
app.component(ElForm.name) || app.use(ElForm);
app.component(ElButton.name) || app.use(ElButton);
app.component(ElRow.name) || app.use(ElRow);
app.component(ElCol.name) || app.use(ElCol);
app.component(ElInput.name) || app.use(ElInput);
app.component(ElInputNumber.name) || app.use(ElInputNumber);
app.component(ElCascader.name) || app.use(ElCascader);
app.component(ElPopover.name) || app.use(ElPopover);
app.component(ElTooltip.name) || app.use(ElTooltip);
app.component(ElAutocomplete.name) || app.use(ElAutocomplete);
app.component(ElCheckboxGroup.name) || app.use(ElCheckboxGroup);
app.component(ElCheckboxButton.name) || app.use(ElCheckboxButton);
app.component(ElRadioGroup.name) || app.use(ElRadioGroup);
app.component(ElRadioButton.name) || app.use(ElRadioButton);
app.component(ElRadio.name) || app.use(ElRadio);
app.component(ElDialog.name) || app.use(ElDialog);
app.component(ElCheckbox.name) || app.use(ElCheckbox);
app.component(ElSelect.name) || app.use(ElSelect);
app.component(ElTree.name) || app.use(ElTree);
app.component(ElUpload.name) || app.use(ElUpload);
app.component(ElSlider.name) || app.use(ElSlider);
app.component(ElRate.name) || app.use(ElRate);
app.component(ElColorPicker.name) || app.use(ElColorPicker);
app.component(ElSwitch.name) || app.use(ElSwitch);
app.component(ElDatePicker.name) || app.use(ElDatePicker);
app.component(ElIcon.name) || app.use(ElIcon);
app.component(ElTimePicker.name) || app.use(ElTimePicker);
app.component(ElProgress.name) || app.use(ElProgress);
app.component(ElInputTag.name) || app.use(ElInputTag);
app.component(ElTransfer.name) || app.use(ElTransfer);
app.component(ElTreeSelect.name) || app.use(ElTreeSelect);
app.component(ElMention.name) || app.use(ElMention);
});
}