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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
| import type { App } from 'vue';
| import { Icon } from './Icon';
| import AIcon from '/@/components/jeecg/AIcon.vue';
| import { Button, JUploadButton } from './Button';
| import {
| // Need
| Button as AntButton,
| Select,
| Alert,
| Checkbox,
| DatePicker,
| TimePicker,
| Calendar,
| Radio,
| Switch,
| Card,
| List,
| Tabs,
| Descriptions,
| Tree,
| Table,
| Divider,
| Modal,
| Drawer,
| TreeSelect,
| Dropdown,
| Tag,
| Tooltip,
| Badge,
| Popover,
| Upload,
| Transfer,
| Steps,
| PageHeader,
| Result,
| Empty,
| Avatar,
| Menu,
| Breadcrumb,
| Form,
| Input,
| Row,
| Col,
| Spin,
| Space,
| Layout,
| Collapse,
| Slider,
| InputNumber,
| Carousel,
| Popconfirm,
| Skeleton,
| Cascader,
| Rate,
| } from 'ant-design-vue';
|
| const compList = [AntButton.Group, Icon, AIcon, JUploadButton];
|
| export function registerGlobComp(app: App) {
| compList.forEach((comp) => {
| app.component(comp.name || comp.displayName, comp);
| });
|
| app
| .use(Select)
| .use(Alert)
| .use(Button)
| .use(Breadcrumb)
| .use(Checkbox)
| .use(DatePicker)
| .use(TimePicker)
| .use(Calendar)
| .use(Radio)
| .use(Switch)
| .use(Card)
| .use(List)
| .use(Descriptions)
| .use(Tree)
| .use(TreeSelect)
| .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)
| .use(Space)
| .use(Layout)
| .use(Collapse)
| .use(Slider)
| .use(InputNumber)
| .use(Carousel)
| .use(Popconfirm)
| .use(Skeleton)
| .use(Cascader)
| .use(Rate);
| }
|
|