mirror of
https://github.com/vbenjs/gf-vben-admin.git
synced 2025-02-02 19:08:40 +08:00
chore: global registration of some components
This commit is contained in:
parent
fc4666ef41
commit
577bf78896
@ -8,8 +8,9 @@
|
|||||||
### ✨ Features
|
### ✨ Features
|
||||||
|
|
||||||
- 表单项的`componentsProps`支持函数类型
|
- 表单项的`componentsProps`支持函数类型
|
||||||
- 菜单新增 tag 显示
|
- 菜单新增 tag 显示,支持 4 中类型颜色及 dot 圆点显示
|
||||||
- 新增菜单及顶栏颜色选择配色
|
- 新增菜单及顶栏颜色选择配色
|
||||||
|
- 增加示例结果页
|
||||||
|
|
||||||
### ⚡ Performance Improvements
|
### ⚡ Performance Improvements
|
||||||
|
|
||||||
|
@ -1,6 +1,33 @@
|
|||||||
import Icon from './Icon/index';
|
import Icon from './Icon/index';
|
||||||
import Button from './Button/index.vue';
|
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';
|
import { getApp } from '/@/useApp';
|
||||||
|
|
||||||
const compList = [Icon, Button, AntButton.Group];
|
const compList = [Icon, Button, AntButton.Group];
|
||||||
@ -12,5 +39,34 @@ export function registerGlobComp() {
|
|||||||
compList.forEach((comp: any) => {
|
compList.forEach((comp: any) => {
|
||||||
getApp().component(comp.name, comp);
|
getApp().component(comp.name, comp);
|
||||||
});
|
});
|
||||||
|
|
||||||
registered = true;
|
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 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 'ant-design-vue/dist/antd.css';
|
||||||
|
|
||||||
import './spin';
|
import './spin';
|
||||||
|
|
||||||
export function setupAntd(app: App<Element>) {
|
export function setupAntd(app: App<Element>) {
|
||||||
|
// need
|
||||||
// Here are the components required before registering and logging in
|
// 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