Skip to content

Commit

Permalink
chore: global registration of some components
Browse files Browse the repository at this point in the history
  • Loading branch information
anncwb committed Nov 12, 2020
1 parent fc4666e commit 577bf78
Show file tree
Hide file tree
Showing 3 changed files with 69 additions and 4 deletions.
3 changes: 2 additions & 1 deletion CHANGELOG.zh_CN.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,9 @@
### ✨ Features

- 表单项的`componentsProps`支持函数类型
- 菜单新增 tag 显示
- 菜单新增 tag 显示,支持 4 中类型颜色及 dot 圆点显示
- 新增菜单及顶栏颜色选择配色
- 增加示例结果页

### ⚡ Performance Improvements

Expand Down
58 changes: 57 additions & 1 deletion src/components/registerGlobComp.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,33 @@
import Icon from './Icon/index';
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';

const compList = [Icon, Button, AntButton.Group];
Expand All @@ -12,5 +39,34 @@ export function registerGlobComp() {
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(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);
}
12 changes: 10 additions & 2 deletions src/setup/ant-design-vue/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,20 @@

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 './spin';

export function setupAntd(app: App<Element>) {
// need
// 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);
}

0 comments on commit 577bf78

Please sign in to comment.