@form-create/ant-design-vue
Version:
Ant Design Vue 版本低代码表单 | FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持多个 UI 框架,适配移动端,并且支持生成任何 Vue 组件。内置 20 种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。
55 lines (45 loc) • 1.35 kB
JavaScript
import components from '../components';
import parsers from '../parsers';
import alias from './alias';
import manager from './manager';
import FormCreateFactory from '@form-create/core/src/index';
import makers from './maker';
import '../style/index.css';
import extendApi from './api';
import modelFields from './modelFields';
import required from './provider';
function install(FormCreate) {
FormCreate.componentAlias(alias);
Object.keys(modelFields).forEach(k => {
FormCreate.setModelField(k, modelFields[k]);
})
components.forEach(component => {
FormCreate.component(component.name, component);
});
FormCreate.register(required);
parsers.forEach((parser) => {
FormCreate.parser(parser);
});
Object.keys(makers).forEach(name => {
FormCreate.maker[name] = makers[name];
});
if (typeof window !== 'undefined' && window.antd) {
FormCreate.useApp((_, app) => {
app.use(window.antd);
})
}
}
export default function antdvFormCreate() {
return FormCreateFactory({
ui: `${process.env.UI}`,
version: `${process.env.VERSION}`,
manager,
install,
extendApi,
attrs: {
normal: ['col', 'wrap'],
array: ['className'],
key: ['title', 'info'],
}
});
}