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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
| import Icon from './Icon/index';
| import { Button } from './Button';
| 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,
| // PageHeader,
| // Result,
| // Empty,
| // Avatar,
| // Menu,
| // Breadcrumb,
| // Form,
| // Input,
| // Row,
| // Col,
| // Spin,
| } from 'ant-design-vue';
|
| import { App } from 'vue';
|
| const compList = [Icon, Button, AntButton.Group];
|
| export function registerGlobComp(app: App) {
| compList.forEach((comp: any) => {
| app.component(comp.name, comp);
| });
|
| // Optional
| // If you need to customize global components, you can write here
| // If you don’t need it, you can delete it
| // app
| // .use(Select)
| // .use(Alert)
| // .use(Breadcrumb)
| // .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(PageHeader)
| // .use(Result)
| // .use(Empty)
| // .use(Avatar)
| // .use(Menu)
| // .use(Tabs)
| // .use(Form)
| // .use(Input)
| // .use(Row)
| // .use(Col)
| // .use(Spin);
| }
|
|