@form-create/arco-design
Version:
ArcoDesign版本低代码表单|FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架,适配移动端,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。
72 lines (70 loc) • 3.68 kB
JavaScript
import Button from '@arco-design/web-vue/es/button';
import '@arco-design/web-vue/es/button/style/css';
import Form from '@arco-design/web-vue/es/form';
import '@arco-design/web-vue/es/form/style/css';
import Textarea from '@arco-design/web-vue/es/textarea';
import '@arco-design/web-vue/es/textarea/style/css';
import Input from '@arco-design/web-vue/es/input';
import '@arco-design/web-vue/es/input/style/css';
import Number from '@arco-design/web-vue/es/input-number';
import '@arco-design/web-vue/es/input-number/style/css';
import AutoComplete from '@arco-design/web-vue/es/auto-complete';
import '@arco-design/web-vue/es/auto-complete/style/css';
import Cascader from '@arco-design/web-vue/es/cascader';
import '@arco-design/web-vue/es/cascader/style/css';
import Checkbox from '@arco-design/web-vue/es/checkbox';
import '@arco-design/web-vue/es/checkbox/style/css';
import DatePicker from '@arco-design/web-vue/es/date-picker';
import '@arco-design/web-vue/es/date-picker/style/css';
import TimePicker from '@arco-design/web-vue/es/time-picker';
import '@arco-design/web-vue/es/time-picker/style/css';
import Radio from '@arco-design/web-vue/es/radio';
import '@arco-design/web-vue/es/radio/style/css';
import Rate from '@arco-design/web-vue/es/rate';
import '@arco-design/web-vue/es/rate/style/css';
import Select from '@arco-design/web-vue/es/select';
import '@arco-design/web-vue/es/select/style/css';
import Slider from '@arco-design/web-vue/es/slider';
import '@arco-design/web-vue/es/slider/style/css';
import Swtich from '@arco-design/web-vue/es/switch';
import '@arco-design/web-vue/es/switch/style/css';
import Upload from '@arco-design/web-vue/es/upload';
import '@arco-design/web-vue/es/upload/style/css';
import Tree from '@arco-design/web-vue/es/tree';
import '@arco-design/web-vue/es/tree/style/css';
import Tooltip from '@arco-design/web-vue/es/tooltip';
import '@arco-design/web-vue/es/tooltip/style/css';
import Popover from '@arco-design/web-vue/es/popover';
import '@arco-design/web-vue/es/popover/style/css';
import InputTag from '@arco-design/web-vue/es/input-tag';
import '@arco-design/web-vue/es/input-tag/style/css';
import Modal from '@arco-design/web-vue/es/modal';
import '@arco-design/web-vue/es/modal/style/css';
import Grid from '@arco-design/web-vue/es/grid';
import '@arco-design/web-vue/es/grid/style/css';
export default function install(formCreate) {
formCreate.useApp((_, app) => {
app.component(Form.name) || app.use(Form);
app.component(Input.name) || app.use(Input);
app.component(Number.name) || app.use(Number);
app.component(AutoComplete.name) || app.use(AutoComplete);
app.component(Cascader.name) || app.use(Cascader);
app.component(Checkbox.name) || app.use(Checkbox);
app.component(Radio.name) || app.use(Radio);
app.component(DatePicker.name) || app.use(DatePicker);
app.component(TimePicker.name) || app.use(TimePicker);
app.component(Textarea.name) || app.use(Textarea);
app.component(InputTag.name) || app.use(InputTag);
app.component(Grid.name) || app.use(Grid);
app.component(Button.name) || app.use(Button);
app.component(Rate.name) || app.use(Rate);
app.component(Select.name) || app.use(Select);
app.component(Slider.name) || app.use(Slider);
app.component(Swtich.name) || app.use(Swtich);
app.component(Upload.name) || app.use(Upload);
app.component(Tree.name) || app.use(Tree);
app.component(Tooltip.name) || app.use(Tooltip);
app.component(Popover.name) || app.use(Popover);
app.component(Modal.name) || app.use(Modal);
});
}