Commit 577bf788 authored by vben's avatar vben

chore: global registration of some components

parent fc4666ef
...@@ -8,8 +8,9 @@ ...@@ -8,8 +8,9 @@
### ✨ Features ### ✨ Features
- 表单项的`componentsProps`支持函数类型 - 表单项的`componentsProps`支持函数类型
- 菜单新增 tag 显示 - 菜单新增 tag 显示,支持 4 中类型颜色及 dot 圆点显示
- 新增菜单及顶栏颜色选择配色 - 新增菜单及顶栏颜色选择配色
- 增加示例结果页
### ⚡ Performance Improvements ### ⚡ Performance Improvements
......
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() { ...@@ -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 @@ ...@@ -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);
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment