@form-create/tdesign
Version:
tdesign动态表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds
60 lines (57 loc) • 3.16 kB
JavaScript
import {Form, FormItem} from 'tdesign-vue-next/es/form';
import {Row, Col} from 'tdesign-vue-next/es/grid';
import {Input} from 'tdesign-vue-next/es/input';
import {Button} from 'tdesign-vue-next/es/button';
import {Cascader} from 'tdesign-vue-next/es/cascader';
import {CheckboxGroup} from 'tdesign-vue-next/es/checkbox';
import {RadioGroup} from 'tdesign-vue-next/es/radio';
import {ColorPicker} from 'tdesign-vue-next/es/color-picker';
import {DatePicker, DateRangePicker} from 'tdesign-vue-next/es/date-picker';
import {InputAdornment} from 'tdesign-vue-next/es/input-adornment';
import {InputNumber} from 'tdesign-vue-next/es/input-number';
import {RangeInput} from 'tdesign-vue-next/es/range-input';
import {Select} from 'tdesign-vue-next/es/select';
import {Slider} from 'tdesign-vue-next/es/slider';
import {Switch} from 'tdesign-vue-next/es/switch';
import {TagInput} from 'tdesign-vue-next/es/tag-input';
import {Textarea} from 'tdesign-vue-next/es/textarea';
import {TimePicker, TimeRangePicker} from 'tdesign-vue-next/es/time-picker';
import {TreeSelect} from 'tdesign-vue-next/es/tree-select';
import {Upload} from 'tdesign-vue-next/es/upload';
import {Tree} from 'tdesign-vue-next/es/tree';
import {Dialog} from 'tdesign-vue-next/es/dialog';
import {Popup} from 'tdesign-vue-next/es/popup';
import {Transfer} from 'tdesign-vue-next/es/transfer';
import 'tdesign-vue-next/es/style/index.css'
export default function install(formCreate) {
formCreate.useApp((_, app) => {
app.component(Form.name) || app.use(Form);
app.component(FormItem.name) || app.use(FormItem);
app.component(Row.name) || app.use(Row);
app.component(Col.name) || app.use(Col);
app.component(Input.name) || app.use(Input);
app.component(Button.name) || app.use(Button);
app.component(Cascader.name) || app.use(Cascader);
app.component(CheckboxGroup.name) || app.use(CheckboxGroup);
app.component(RadioGroup.name) || app.use(RadioGroup);
app.component(ColorPicker.name) || app.use(ColorPicker);
app.component(DatePicker.name) || app.use(DatePicker);
app.component(DateRangePicker.name) || app.use(DateRangePicker);
app.component(InputAdornment.name) || app.use(InputAdornment);
app.component(InputNumber.name) || app.use(InputNumber);
app.component(RangeInput.name) || app.use(RangeInput);
app.component(Select.name) || app.use(Select);
app.component(Slider.name) || app.use(Slider);
app.component(Switch.name) || app.use(Switch);
app.component(TagInput.name) || app.use(TagInput);
app.component(TimePicker.name) || app.use(TimePicker);
app.component(TimeRangePicker.name) || app.use(TimeRangePicker);
app.component(TreeSelect.name) || app.use(TreeSelect);
app.component(Upload.name) || app.use(Upload);
app.component(Tree.name) || app.use(Tree);
app.component(Textarea.name) || app.use(Textarea);
app.component(Dialog.name) || app.use(Dialog);
app.component(Popup.name) || app.use(Popup);
app.component(Transfer.name) || app.use(Transfer);
});
}