Cross-Project Rendering

When you need to use form rules generated by the designer in other projects, import only the corresponding renderer, without importing the complete designer.

Note

When using across projects, import only the renderer, not the complete designer package. The renderer file is smaller and only contains the functionality needed for form rendering.

Usage Steps

Add the following code to your business project entry file (e.g., main.js / main.ts):

Element Plus/Element UI Version:

import formCreate from '@form-create/element-ui';
// Cross-project rendering package
import '@form-create/designer/dist/components.es';

Ant Design Vue Version:

import formCreate from '@form-create/ant-design-vue';
// Cross-project rendering package
import '@form-create/antd-designer/dist/components.es';

Mobile Version:

import formCreateMobile from '@form-create/vant';
// Cross-project rendering package
import '@form-create/vant-designer/dist/components.es';