Skip to content

Commit 9c06fcf

Browse files
tangjinzhoutangjinzhou
authored
Merge pull request #4 from lokyoung/feature/use-vue-install
feat: use vue install to setup the library
2 parents ba9ad0a + 3be4ed6 commit 9c06fcf

File tree

3 files changed

+232
-54
lines changed

3 files changed

+232
-54
lines changed

‎components/index.js‎

Lines changed: 200 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -12,110 +12,256 @@ if (ENV !== 'production' &&
1212
}
1313
/* @remove-on-es-build-end */
1414

15-
export { default as Affix } from './affix'
15+
import { default as Affix } from './affix'
1616

17-
// export { default as Anchor } from './anchor'
17+
// import { default as Anchor } from './anchor'
1818

19-
export { default as AutoComplete } from './auto-complete'
19+
import { default as AutoComplete } from './auto-complete'
2020

21-
export { default as Alert } from './alert'
21+
import { default as Alert } from './alert'
2222

23-
export { default as Avatar } from './avatar'
23+
import { default as Avatar } from './avatar'
2424

25-
export { default as BackTop } from './back-top'
25+
import { default as BackTop } from './back-top'
2626

27-
export { default as Badge } from './badge'
27+
import { default as Badge } from './badge'
2828

29-
export { default as Breadcrumb } from './breadcrumb'
29+
import { default as Breadcrumb } from './breadcrumb'
3030

31-
export { default as Button } from './button'
31+
import { default as Button } from './button'
3232

33-
export { default as Calendar } from './calendar'
33+
import { default as Calendar } from './calendar'
3434

35-
export { default as Card } from './card'
35+
import { default as Card } from './card'
3636

37-
export { default as Collapse } from './collapse'
37+
import { default as Collapse } from './collapse'
3838

39-
// export { default as Carousel } from './carousel'
39+
// import { default as Carousel } from './carousel'
4040

41-
export { default as Cascader } from './cascader'
41+
import { default as Cascader } from './cascader'
4242

43-
export { default as Checkbox } from './checkbox'
43+
import { default as Checkbox } from './checkbox'
4444

45-
export { default as Col } from './col'
45+
import { default as Col } from './col'
4646

47-
export { default as DatePicker } from './date-picker'
47+
import { default as DatePicker } from './date-picker'
4848

49-
export { default as Divider } from './divider'
49+
import { default as Divider } from './divider'
5050

51-
export { default as Dropdown } from './dropdown'
51+
import { default as Dropdown } from './dropdown'
5252

53-
// export { default as Form } from './form'
53+
// import { default as Form } from './form'
5454

55-
export { default as Icon } from './icon'
55+
import { default as Icon } from './icon'
5656

57-
export { default as Input } from './input'
57+
import { default as Input } from './input'
5858

59-
export { default as InputNumber } from './input-number'
59+
import { default as InputNumber } from './input-number'
6060

61-
// export { default as Layout } from './layout'
61+
// import { default as Layout } from './layout'
6262

63-
// export { default as List } from './list'
63+
// import { default as List } from './list'
6464

65-
export { default as LocaleProvider } from './locale-provider'
65+
import { default as LocaleProvider } from './locale-provider'
6666

67-
export { default as message } from './message'
67+
import { default as message } from './message'
6868

69-
export { default as Menu } from './menu'
69+
import { default as Menu } from './menu'
7070

71-
export { default as Modal } from './modal'
71+
import { default as Modal } from './modal'
7272

73-
export { default as notification } from './notification'
73+
import { default as notification } from './notification'
7474

75-
export { default as Pagination } from './pagination'
75+
import { default as Pagination } from './pagination'
7676

77-
export { default as Popconfirm } from './popconfirm'
77+
import { default as Popconfirm } from './popconfirm'
7878

79-
export { default as Popover } from './popover'
79+
import { default as Popover } from './popover'
8080

81-
export { default as Progress } from './progress'
81+
import { default as Progress } from './progress'
8282

83-
export { default as Radio } from './radio'
83+
import { default as Radio } from './radio'
8484

85-
export { default as Rate } from './rate'
85+
import { default as Rate } from './rate'
8686

87-
export { default as Row } from './row'
87+
import { default as Row } from './row'
8888

89-
export { default as Select } from './select'
89+
import { default as Select } from './select'
9090

91-
export { default as Slider } from './slider'
91+
import { default as Slider } from './slider'
9292

93-
export { default as Spin } from './spin'
93+
import { default as Spin } from './spin'
9494

95-
export { default as Steps } from './steps'
95+
import { default as Steps } from './steps'
9696

97-
export { default as Switch } from './switch'
97+
import { default as Switch } from './switch'
9898

99-
export { default as Table } from './table'
99+
import { default as Table } from './table'
100100

101-
export { default as Transfer } from './transfer'
101+
import { default as Transfer } from './transfer'
102102

103-
export { default as Tree } from './tree'
103+
import { default as Tree } from './tree'
104104

105-
// export { default as TreeSelect } from './tree-select'
105+
// import { default as TreeSelect } from './tree-select'
106106

107-
export { default as Tabs } from './tabs'
107+
import { default as Tabs } from './tabs'
108108

109-
export { default as Tag } from './tag'
109+
import { default as Tag } from './tag'
110110

111-
export { default as TimePicker } from './time-picker'
111+
import { default as TimePicker } from './time-picker'
112112

113-
export { default as Timeline } from './timeline'
113+
import { default as Timeline } from './timeline'
114114

115-
export { default as Tooltip } from './tooltip'
115+
import { default as Tooltip } from './tooltip'
116116

117-
// export { default as Mention } from './mention'
117+
// import { default as Mention } from './mention'
118118

119-
export { default as Upload } from './upload'
119+
import { default as Upload } from './upload'
120120

121-
export { default as version } from './version'
121+
import { default as version } from './version'
122+
123+
const components = [
124+
Affix,
125+
AutoComplete,
126+
Alert,
127+
Avatar,
128+
BackTop,
129+
Badge,
130+
Breadcrumb,
131+
Breadcrumb.Item,
132+
Button,
133+
Button.Group,
134+
Calendar,
135+
Card,
136+
Card.Meta,
137+
Card.Grid,
138+
Collapse,
139+
Collapse.Panel,
140+
Cascader,
141+
Checkbox,
142+
Checkbox.Group,
143+
Col,
144+
DatePicker,
145+
DatePicker.MonthPicker,
146+
DatePicker.RangePicker,
147+
DatePicker.WeekPicker,
148+
Divider,
149+
Dropdown,
150+
Dropdown.Button,
151+
Icon,
152+
Input,
153+
Input.Group,
154+
Input.Search,
155+
Input.TextArea,
156+
InputNumber,
157+
LocaleProvider,
158+
Menu,
159+
Menu.Item,
160+
Menu.SubMenu,
161+
Menu.Divider,
162+
Menu.ItemGroup,
163+
Modal,
164+
Pagination,
165+
Popconfirm,
166+
Popover,
167+
Progress,
168+
Radio,
169+
Radio.Group,
170+
Radio.Button,
171+
Rate,
172+
Row,
173+
Select,
174+
Select.Option,
175+
Select.OptGroup,
176+
Slider,
177+
Spin,
178+
Steps,
179+
Steps.Step,
180+
Switch,
181+
Table,
182+
Table.Column,
183+
Table.ColumnGroup,
184+
Transfer,
185+
Tree,
186+
Tree.TreeNode,
187+
Tabs,
188+
Tabs.TabPane,
189+
Tag,
190+
Tag.CheckableTag,
191+
TimePicker,
192+
Timeline,
193+
Timeline.Item,
194+
Tooltip,
195+
Upload,
196+
Upload.Dragger,
197+
]
198+
199+
const install = function (Vue) {
200+
components.map(component => {
201+
Vue.component(component.name, component)
202+
})
203+
204+
Vue.prototype.$message = message
205+
Vue.prototype.$notification = notification
206+
Vue.prototype.$info = Modal.info
207+
Vue.prototype.$success = Modal.success
208+
Vue.prototype.$error = Modal.error
209+
Vue.prototype.$warning = Modal.warning
210+
Vue.prototype.$confirm = Modal.confirm
211+
}
212+
213+
export {
214+
version,
215+
install,
216+
message,
217+
notification,
218+
Affix,
219+
AutoComplete,
220+
Alert,
221+
Avatar,
222+
BackTop,
223+
Badge,
224+
Breadcrumb,
225+
Button,
226+
Calendar,
227+
Card,
228+
Collapse,
229+
Cascader,
230+
Checkbox,
231+
Col,
232+
DatePicker,
233+
Divider,
234+
Dropdown,
235+
Icon,
236+
Input,
237+
InputNumber,
238+
LocaleProvider,
239+
Menu,
240+
Modal,
241+
Pagination,
242+
Popconfirm,
243+
Popover,
244+
Progress,
245+
Radio,
246+
Rate,
247+
Row,
248+
Select,
249+
Slider,
250+
Spin,
251+
Steps,
252+
Switch,
253+
Table,
254+
Transfer,
255+
Tree,
256+
Tabs,
257+
Tag,
258+
TimePicker,
259+
Timeline,
260+
Tooltip,
261+
Upload,
262+
}
263+
264+
export default {
265+
version,
266+
install,
267+
}

‎docs/vue/getting-started.en-US.md‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,22 @@ $ vue init webpack antd-demo
3737
$ npm i --save vue-antd-ui
3838
```
3939

40+
**Fully import**
41+
```jsx
42+
import Vue from 'vue'
43+
import antd from 'vue-antd-ui'
44+
import App from './App'
45+
Vue.config.productionTip = false
46+
47+
/* eslint-disable no-new */
48+
new Vue({
49+
el: '#app',
50+
components: { App },
51+
template: '<App/>'
52+
})
53+
```
54+
55+
**Only import the components you need**
4056
```jsx
4157
import Vue from 'vue'
4258
import { Button, message } from 'vue-antd-ui'

‎docs/vue/getting-started.zh-CN.md‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,22 @@ $ vue init webpack antd-demo
3838
$ npm i --save vue-antd-ui
3939
```
4040

41+
**完整导入**
42+
```jsx
43+
import Vue from 'vue'
44+
import antd from 'vue-antd-ui'
45+
import App from './App'
46+
Vue.config.productionTip = false
47+
48+
/* eslint-disable no-new */
49+
new Vue({
50+
el: '#app',
51+
components: { App },
52+
template: '<App/>'
53+
})
54+
```
55+
56+
**局部导入组件**
4157
```jsx
4258
import Vue from 'vue'
4359
import { Button, message } from 'vue-antd-ui'

0 commit comments

Comments
 (0)