mirror of
https://gitee.com/yudaocode/yudao-ui-admin-vben.git
synced 2025-12-30 10:32:25 +00:00
105 lines
2.2 KiB
TypeScript
105 lines
2.2 KiB
TypeScript
import type { App } from 'vue';
|
||
|
||
import formCreate from '@form-create/ant-design-vue';
|
||
import install from '@form-create/ant-design-vue/auto-import';
|
||
import FcDesigner from '@form-create/antd-designer';
|
||
// 👇使用 form-create 需额外全局引入 ant-design-vue 组件
|
||
import {
|
||
Alert,
|
||
Badge,
|
||
Card,
|
||
Collapse,
|
||
CollapsePanel,
|
||
ConfigProvider,
|
||
Divider,
|
||
Dropdown,
|
||
Image,
|
||
Layout,
|
||
LayoutContent,
|
||
LayoutFooter,
|
||
LayoutHeader,
|
||
LayoutSider,
|
||
Menu,
|
||
MenuDivider,
|
||
MenuItem,
|
||
message,
|
||
Popconfirm,
|
||
Table,
|
||
TableColumn,
|
||
TabPane,
|
||
Tabs,
|
||
Tag,
|
||
Transfer,
|
||
} from 'ant-design-vue';
|
||
|
||
// ======================= 自定义组件 =======================
|
||
import { useApiSelect } from '#/components/form-create';
|
||
import DictSelect from '#/components/form-create/components/dict-select.vue';
|
||
import { useImagesUpload } from '#/components/form-create/components/use-images-upload';
|
||
import { Tinymce } from '#/components/tinymce';
|
||
import { FileUpload, ImageUpload } from '#/components/upload';
|
||
|
||
const UserSelect = useApiSelect({
|
||
name: 'UserSelect',
|
||
labelField: 'nickname',
|
||
valueField: 'id',
|
||
url: '/system/user/simple-list',
|
||
});
|
||
const DeptSelect = useApiSelect({
|
||
name: 'DeptSelect',
|
||
labelField: 'name',
|
||
valueField: 'id',
|
||
url: '/system/dept/simple-list',
|
||
});
|
||
const ApiSelect = useApiSelect({
|
||
name: 'ApiSelect',
|
||
});
|
||
const ImagesUpload = useImagesUpload();
|
||
|
||
const components = [
|
||
Alert,
|
||
Badge,
|
||
Card,
|
||
Collapse,
|
||
CollapsePanel,
|
||
ConfigProvider,
|
||
Divider,
|
||
Dropdown,
|
||
Image,
|
||
Layout,
|
||
LayoutContent,
|
||
LayoutFooter,
|
||
LayoutHeader,
|
||
LayoutSider,
|
||
Menu,
|
||
MenuDivider,
|
||
MenuItem,
|
||
Popconfirm,
|
||
Table,
|
||
TableColumn,
|
||
TabPane,
|
||
Tabs,
|
||
Tag,
|
||
Transfer,
|
||
UserSelect,
|
||
DeptSelect,
|
||
ApiSelect,
|
||
ImagesUpload,
|
||
DictSelect,
|
||
Tinymce,
|
||
ImageUpload,
|
||
FileUpload,
|
||
];
|
||
|
||
// 参考 https://www.form-create.com/v3/ant-design-vue/auto-import 文档
|
||
export function setupFormCreate(app: App) {
|
||
components.forEach((component) => {
|
||
app.component(component.name as string, component);
|
||
});
|
||
// TODO @xingyu：这里为啥 app.component('AMessage', message); 看官方是没有的； 需要额外引入
|
||
app.component('AMessage', message);
|
||
formCreate.use(install);
|
||
app.use(formCreate);
|
||
app.use(FcDesigner);
|
||
}
|