1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
| import Icon from './Icon/index';
| import Button from './Button/index.vue';
| import {
| // Need
| Button as AntButton,
|
| // Optional
| Select,
| Alert,
| 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];
|
| // Fix hmr multiple registered components
| let registered = false;
| export function registerGlobComp() {
| if (registered) return;
| 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(Alert)
| .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);
| }
|
|