mirror of
https://github.com/vbenjs/vben-admin-thin-next.git
synced 2025-01-23 09:40:22 +08:00
chore: global registration of some components
This commit is contained in:
parent
fc4666ef41
commit
577bf78896
@ -8,8 +8,9 @@
|
||||
### ✨ Features
|
||||
|
||||
- 表单项的`componentsProps`支持函数类型
|
||||
- 菜单新增 tag 显示
|
||||
- 菜单新增 tag 显示,支持 4 中类型颜色及 dot 圆点显示
|
||||
- 新增菜单及顶栏颜色选择配色
|
||||
- 增加示例结果页
|
||||
|
||||
### ⚡ Performance Improvements
|
||||
|
||||
|
@ -1,6 +1,33 @@
|
||||
import Icon from './Icon/index';
|
||||
import Button from './Button/index.vue';
|
||||
import { Button as AntButton } from 'ant-design-vue';
|
||||
import {
|
||||
// Need
|
||||
Button as AntButton,
|
||||
|
||||
// Optional
|
||||
Select,
|
||||
Checkbox,
|
||||
DatePicker,
|
||||
Radio,
|
||||
Switch,
|
||||
Card,
|
||||
List,
|
||||
Tabs,
|
||||
Descriptions,
|
||||
Tree,
|
||||
Table,
|
||||
Divider,
|
||||
Modal,
|
||||
Drawer,
|
||||
Dropdown,
|
||||
Tag,
|
||||
Tooltip,
|
||||
Badge,
|
||||
Popover,
|
||||
Upload,
|
||||
Transfer,
|
||||
Steps,
|
||||
} from 'ant-design-vue';
|
||||
import { getApp } from '/@/useApp';
|
||||
|
||||
const compList = [Icon, Button, AntButton.Group];
|
||||
@ -12,5 +39,34 @@ export function registerGlobComp() {
|
||||
compList.forEach((comp: any) => {
|
||||
getApp().component(comp.name, comp);
|
||||
});
|
||||
|
||||
registered = true;
|
||||
|
||||
// Optional
|
||||
// Why register here: The main reason for registering here is not to increase the size of the first screen code
|
||||
// If you need to customize global components, you can write here
|
||||
// If you don’t need it, you can delete it
|
||||
getApp()
|
||||
.use(Select)
|
||||
.use(Checkbox)
|
||||
.use(DatePicker)
|
||||
.use(Radio)
|
||||
.use(Switch)
|
||||
.use(Card)
|
||||
.use(List)
|
||||
.use(Descriptions)
|
||||
.use(Tree)
|
||||
.use(Table)
|
||||
.use(Divider)
|
||||
.use(Modal)
|
||||
.use(Drawer)
|
||||
.use(Dropdown)
|
||||
.use(Tag)
|
||||
.use(Tooltip)
|
||||
.use(Badge)
|
||||
.use(Popover)
|
||||
.use(Upload)
|
||||
.use(Transfer)
|
||||
.use(Steps)
|
||||
.use(Tabs);
|
||||
}
|
||||
|
@ -2,12 +2,20 @@
|
||||
|
||||
import type { App } from 'vue';
|
||||
|
||||
import { Form, Input, Row, Col } from 'ant-design-vue';
|
||||
import {
|
||||
// need
|
||||
Form,
|
||||
Input,
|
||||
Row,
|
||||
Col,
|
||||
Spin,
|
||||
} from 'ant-design-vue';
|
||||
import 'ant-design-vue/dist/antd.css';
|
||||
|
||||
import './spin';
|
||||
|
||||
export function setupAntd(app: App<Element>) {
|
||||
// need
|
||||
// Here are the components required before registering and logging in
|
||||
app.use(Form).use(Input).use(Row).use(Col);
|
||||
app.use(Form).use(Input).use(Row).use(Col).use(Spin);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user