cy-element-ui 1.1.23 → 1.1.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (663) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +629 -494
  3. package/lib/Alert.js +420 -0
  4. package/lib/Aside.js +277 -0
  5. package/lib/Autocomplete.js +2051 -0
  6. package/lib/Avatar.js +363 -0
  7. package/lib/Backtop.js +404 -0
  8. package/lib/Badge.js +334 -0
  9. package/lib/Breadcrumb.js +293 -0
  10. package/lib/BreadcrumbItem.js +322 -0
  11. package/lib/Button.js +357 -0
  12. package/lib/ButtonGroup.js +262 -0
  13. package/lib/Calendar.js +1146 -0
  14. package/lib/Card.js +297 -0
  15. package/lib/Carousel.js +707 -0
  16. package/lib/CarouselItem.js +434 -0
  17. package/lib/Cascader.js +4641 -0
  18. package/lib/CascaderPanel.js +2602 -0
  19. package/lib/Checkbox.js +627 -0
  20. package/lib/CheckboxButton.js +583 -0
  21. package/lib/CheckboxGroup.js +313 -0
  22. package/lib/Col.js +177 -0
  23. package/lib/Collapse.js +329 -0
  24. package/lib/CollapseItem.js +497 -0
  25. package/lib/ColorPicker.js +2885 -0
  26. package/lib/Container.js +288 -0
  27. package/lib/CySelectDisplayInput.js +367 -0
  28. package/lib/CySubTitle.js +295 -0
  29. package/lib/CyTabDialog.js +1184 -0
  30. package/lib/CyTreeSelect.js +4422 -0
  31. package/lib/DatePicker.js +7574 -0
  32. package/lib/Descriptions.js +457 -0
  33. package/lib/DescriptionsItem.js +140 -0
  34. package/lib/Dialog.js +598 -0
  35. package/lib/Divider.js +313 -0
  36. package/lib/Drawer.js +592 -0
  37. package/lib/Dropdown.js +856 -0
  38. package/lib/DropdownItem.js +316 -0
  39. package/lib/DropdownMenu.js +351 -0
  40. package/lib/Empty.js +730 -0
  41. package/lib/Footer.js +277 -0
  42. package/lib/Form.js +466 -0
  43. package/lib/FormItem.js +826 -0
  44. package/lib/Header.js +277 -0
  45. package/lib/Icon.js +265 -0
  46. package/lib/Image.js +1138 -0
  47. package/lib/InfiniteScroll.js +301 -0
  48. package/lib/Input.js +999 -0
  49. package/lib/InputNumber.js +1552 -0
  50. package/lib/Link.js +332 -0
  51. package/lib/Loading.js +631 -0
  52. package/lib/Main.js +264 -0
  53. package/lib/Menu.js +865 -0
  54. package/lib/MenuItem.js +818 -0
  55. package/lib/MenuItemGroup.js +308 -0
  56. package/lib/Message.js +548 -0
  57. package/lib/MessageBox.js +2134 -0
  58. package/lib/Notification.js +615 -0
  59. package/lib/Option.js +474 -0
  60. package/lib/OptionGroup.js +344 -0
  61. package/lib/PageHeader.js +319 -0
  62. package/lib/Pagination.js +4123 -0
  63. package/lib/Popconfirm.js +1025 -0
  64. package/lib/Popover.js +617 -0
  65. package/lib/Progress.js +595 -0
  66. package/lib/Radio.js +497 -0
  67. package/lib/RadioButton.js +463 -0
  68. package/lib/RadioGroup.js +391 -0
  69. package/lib/Rate.js +670 -0
  70. package/lib/Result.js +578 -0
  71. package/lib/Row.js +149 -0
  72. package/lib/Scrollbar.js +423 -0
  73. package/lib/Select.js +3368 -0
  74. package/lib/Skeleton.js +372 -0
  75. package/lib/SkeletonItem.js +342 -0
  76. package/lib/Slider.js +2854 -0
  77. package/lib/Spinner.js +301 -0
  78. package/lib/Statistic.js +533 -0
  79. package/lib/Step.js +522 -0
  80. package/lib/Steps.js +342 -0
  81. package/lib/Submenu.js +700 -0
  82. package/lib/Switch.js +554 -0
  83. package/lib/TabPane.js +332 -0
  84. package/lib/Table.js +6125 -0
  85. package/lib/TableColumn.js +1481 -0
  86. package/lib/Tabs.js +920 -0
  87. package/lib/Tag.js +304 -0
  88. package/lib/TimePicker.js +4059 -0
  89. package/lib/TimeSelect.js +2871 -0
  90. package/lib/Timeline.js +275 -0
  91. package/lib/TimelineItem.js +371 -0
  92. package/lib/Tooltip.js +425 -0
  93. package/lib/Transfer.js +2557 -0
  94. package/lib/Tree.js +2680 -0
  95. package/lib/Upload.js +1782 -0
  96. package/lib/directives/mousewheel.js +26 -0
  97. package/lib/directives/repeat-click.js +33 -0
  98. package/lib/element-ui.common.js +44768 -0
  99. package/lib/index.js +23 -1
  100. package/lib/locale/format.js +55 -0
  101. package/lib/locale/index.js +63 -0
  102. package/lib/locale/lang/zh-CN.js +126 -0
  103. package/lib/mixins/emitter.js +36 -0
  104. package/lib/mixins/focus.js +15 -0
  105. package/lib/mixins/locale.js +17 -0
  106. package/lib/mixins/migrating.js +69 -0
  107. package/lib/theme-chalk/alert.css +1 -1
  108. package/lib/theme-chalk/button.css +1 -1
  109. package/lib/theme-chalk/calendar.css +1 -1
  110. package/lib/theme-chalk/cascader-panel.css +1 -1
  111. package/lib/theme-chalk/cascader.css +1 -1
  112. package/lib/theme-chalk/checkbox.css +1 -1
  113. package/lib/theme-chalk/color-picker.css +1 -1
  114. package/lib/theme-chalk/date-picker.css +1 -1
  115. package/lib/theme-chalk/dropdown.css +1 -1
  116. package/lib/theme-chalk/icon.css +1 -1
  117. package/lib/theme-chalk/link.css +1 -1
  118. package/lib/theme-chalk/menu.css +1 -1
  119. package/lib/theme-chalk/message-box.css +1 -1
  120. package/lib/theme-chalk/message.css +1 -1
  121. package/lib/theme-chalk/pagination.css +1 -1
  122. package/lib/theme-chalk/reset.css +1 -1
  123. package/lib/theme-chalk/select-dropdown.css +1 -1
  124. package/lib/theme-chalk/select.css +1 -1
  125. package/lib/theme-chalk/table-column.css +1 -1
  126. package/lib/theme-chalk/table.css +1 -1
  127. package/lib/theme-chalk/tag.css +1 -1
  128. package/lib/theme-chalk/time-picker.css +1 -1
  129. package/lib/theme-chalk/transfer.css +1 -1
  130. package/lib/theme-chalk/tree.css +1 -1
  131. package/lib/transitions/collapse-transition.js +91 -0
  132. package/lib/umd/locale/zh-CN.js +142 -0
  133. package/lib/utils/after-leave.js +35 -0
  134. package/lib/utils/aria-dialog.js +104 -0
  135. package/lib/utils/aria-utils.js +126 -0
  136. package/lib/utils/clickoutside.js +79 -0
  137. package/lib/utils/date-util.js +310 -0
  138. package/lib/utils/date.js +369 -0
  139. package/lib/utils/dom.js +234 -0
  140. package/lib/utils/lodash.js +9421 -0
  141. package/lib/utils/menu/aria-menubar.js +24 -0
  142. package/lib/utils/menu/aria-menuitem.js +62 -0
  143. package/lib/utils/menu/aria-submenu.js +69 -0
  144. package/lib/utils/merge.js +21 -0
  145. package/lib/utils/popper.js +1261 -0
  146. package/lib/utils/popup/index.js +233 -0
  147. package/lib/utils/popup/popup-manager.js +205 -0
  148. package/lib/utils/resize-event.js +59 -0
  149. package/lib/utils/scroll-into-view.js +38 -0
  150. package/lib/utils/scrollbar-width.js +39 -0
  151. package/lib/utils/shared.js +12 -0
  152. package/lib/utils/types.js +52 -0
  153. package/lib/utils/util.js +272 -0
  154. package/lib/utils/vdom.js +13 -0
  155. package/lib/utils/vue-popper.js +202 -0
  156. package/package.json +135 -135
  157. package/packages/alert/index.js +8 -8
  158. package/packages/alert/src/main.vue +94 -94
  159. package/packages/aside/index.js +8 -8
  160. package/packages/aside/src/main.vue +20 -20
  161. package/packages/autocomplete/index.js +8 -8
  162. package/packages/autocomplete/src/autocomplete-suggestions.vue +76 -76
  163. package/packages/autocomplete/src/autocomplete.vue +285 -285
  164. package/packages/avatar/index.js +8 -8
  165. package/packages/avatar/src/main.vue +107 -107
  166. package/packages/backtop/index.js +8 -8
  167. package/packages/backtop/src/main.vue +110 -110
  168. package/packages/badge/index.js +8 -8
  169. package/packages/badge/src/main.vue +53 -53
  170. package/packages/breadcrumb/index.js +8 -8
  171. package/packages/breadcrumb/src/breadcrumb-item.vue +41 -41
  172. package/packages/breadcrumb/src/breadcrumb.vue +34 -34
  173. package/packages/breadcrumb-item/index.js +8 -8
  174. package/packages/button/index.js +8 -8
  175. package/packages/button/src/button-group.vue +10 -10
  176. package/packages/button/src/button.vue +78 -78
  177. package/packages/button-group/index.js +8 -8
  178. package/packages/calendar/index.js +8 -8
  179. package/packages/calendar/src/date-table.vue +200 -200
  180. package/packages/calendar/src/main.vue +280 -280
  181. package/packages/card/index.js +8 -8
  182. package/packages/card/src/main.vue +23 -23
  183. package/packages/carousel/index.js +8 -8
  184. package/packages/carousel/src/item.vue +138 -138
  185. package/packages/carousel/src/main.vue +315 -315
  186. package/packages/carousel-item/index.js +8 -8
  187. package/packages/cascader/index.js +8 -8
  188. package/packages/cascader/src/cascader.vue +663 -663
  189. package/packages/cascader-panel/index.js +8 -8
  190. package/packages/cascader-panel/src/cascader-menu.vue +138 -138
  191. package/packages/cascader-panel/src/cascader-node.vue +246 -246
  192. package/packages/cascader-panel/src/cascader-panel.vue +391 -391
  193. package/packages/cascader-panel/src/node.js +165 -165
  194. package/packages/cascader-panel/src/store.js +57 -57
  195. package/packages/checkbox/index.js +8 -8
  196. package/packages/checkbox/src/checkbox-button.vue +199 -199
  197. package/packages/checkbox/src/checkbox-group.vue +48 -48
  198. package/packages/checkbox/src/checkbox.vue +222 -222
  199. package/packages/checkbox-button/index.js +8 -8
  200. package/packages/checkbox-group/index.js +8 -8
  201. package/packages/col/index.js +9 -9
  202. package/packages/col/src/col.js +71 -71
  203. package/packages/collapse/index.js +9 -9
  204. package/packages/collapse/src/collapse-item.vue +114 -114
  205. package/packages/collapse/src/collapse.vue +73 -73
  206. package/packages/collapse-item/index.js +8 -8
  207. package/packages/color-picker/index.js +8 -8
  208. package/packages/color-picker/src/color.js +317 -317
  209. package/packages/color-picker/src/components/alpha-slider.vue +132 -132
  210. package/packages/color-picker/src/components/hue-slider.vue +123 -123
  211. package/packages/color-picker/src/components/picker-dropdown.vue +121 -121
  212. package/packages/color-picker/src/components/predefine.vue +61 -61
  213. package/packages/color-picker/src/components/sv-panel.vue +100 -100
  214. package/packages/color-picker/src/draggable.js +36 -36
  215. package/packages/color-picker/src/main.vue +188 -188
  216. package/packages/container/index.js +8 -8
  217. package/packages/container/src/main.vue +33 -33
  218. package/packages/cy/selectDisplayInput/index.js +8 -8
  219. package/packages/cy/selectDisplayInput/src/main.vue +75 -75
  220. package/packages/cy/subTitle/index.js +7 -7
  221. package/packages/cy/subTitle/src/main.vue +36 -36
  222. package/packages/cy/tabDialog/index.js +23 -23
  223. package/packages/cy/tabDialog/src/dialog/drag.js +63 -63
  224. package/packages/cy/tabDialog/src/dialog/dragHeight.js +34 -34
  225. package/packages/cy/tabDialog/src/dialog/dragWidth.js +30 -30
  226. package/packages/cy/tabDialog/src/main.vue +277 -277
  227. package/packages/cy/treeSelect/index.js +7 -7
  228. package/packages/cy/treeSelect/src/main.vue +290 -290
  229. package/packages/date-picker/index.js +8 -8
  230. package/packages/date-picker/src/basic/date-table.vue +441 -441
  231. package/packages/date-picker/src/basic/month-table.vue +268 -268
  232. package/packages/date-picker/src/basic/time-spinner.vue +304 -304
  233. package/packages/date-picker/src/basic/year-table.vue +111 -111
  234. package/packages/date-picker/src/panel/date-range.vue +680 -680
  235. package/packages/date-picker/src/panel/date.vue +609 -609
  236. package/packages/date-picker/src/panel/month-range.vue +289 -289
  237. package/packages/date-picker/src/panel/time-range.vue +248 -248
  238. package/packages/date-picker/src/panel/time-select.vue +178 -178
  239. package/packages/date-picker/src/panel/time.vue +186 -186
  240. package/packages/date-picker/src/picker/date-picker.js +43 -43
  241. package/packages/date-picker/src/picker/time-picker.js +39 -39
  242. package/packages/date-picker/src/picker/time-select.js +21 -21
  243. package/packages/date-picker/src/picker.vue +956 -956
  244. package/packages/descriptions/index.js +8 -8
  245. package/packages/descriptions/src/descriptions-item.js +30 -30
  246. package/packages/descriptions/src/descriptions-row.js +116 -116
  247. package/packages/descriptions/src/index.js +180 -180
  248. package/packages/descriptions-item/index.js +8 -8
  249. package/packages/dialog/index.js +8 -8
  250. package/packages/dialog/src/component.vue +212 -212
  251. package/packages/divider/index.js +8 -8
  252. package/packages/divider/src/main.vue +37 -37
  253. package/packages/drawer/index.js +8 -8
  254. package/packages/drawer/src/main.vue +205 -205
  255. package/packages/dropdown/index.js +8 -8
  256. package/packages/dropdown/src/dropdown-item.vue +37 -37
  257. package/packages/dropdown/src/dropdown-menu.vue +63 -63
  258. package/packages/dropdown/src/dropdown.vue +293 -293
  259. package/packages/dropdown-item/index.js +8 -8
  260. package/packages/dropdown-menu/index.js +8 -8
  261. package/packages/empty/index.js +7 -7
  262. package/packages/empty/src/img-empty.vue +132 -132
  263. package/packages/empty/src/index.vue +50 -50
  264. package/packages/footer/index.js +8 -8
  265. package/packages/footer/src/main.vue +20 -20
  266. package/packages/form/index.js +8 -8
  267. package/packages/form/src/form-item.vue +324 -324
  268. package/packages/form/src/form.vue +182 -182
  269. package/packages/form/src/label-wrap.vue +78 -78
  270. package/packages/form-item/index.js +8 -8
  271. package/packages/header/index.js +8 -8
  272. package/packages/header/src/main.vue +20 -20
  273. package/packages/icon/index.js +8 -8
  274. package/packages/icon/src/icon.vue +13 -13
  275. package/packages/image/index.js +8 -8
  276. package/packages/image/src/image-viewer.vue +330 -330
  277. package/packages/image/src/main.vue +249 -249
  278. package/packages/infinite-scroll/index.js +8 -8
  279. package/packages/infinite-scroll/src/main.js +149 -149
  280. package/packages/input/index.js +8 -8
  281. package/packages/input/src/calcTextareaHeight.js +104 -104
  282. package/packages/input/src/input.vue +440 -440
  283. package/packages/input-number/index.js +8 -8
  284. package/packages/input-number/src/input-number.vue +286 -286
  285. package/packages/link/index.js +8 -8
  286. package/packages/link/src/main.vue +53 -53
  287. package/packages/loading/index.js +11 -11
  288. package/packages/loading/src/directive.js +133 -133
  289. package/packages/loading/src/index.js +106 -106
  290. package/packages/loading/src/loading.vue +41 -41
  291. package/packages/main/index.js +8 -8
  292. package/packages/main/src/main.vue +12 -12
  293. package/packages/menu/index.js +8 -8
  294. package/packages/menu/src/menu-item-group.vue +45 -45
  295. package/packages/menu/src/menu-item.vue +112 -112
  296. package/packages/menu/src/menu-mixin.js +44 -44
  297. package/packages/menu/src/menu.vue +325 -325
  298. package/packages/menu/src/submenu.vue +348 -348
  299. package/packages/menu-item/index.js +8 -8
  300. package/packages/menu-item-group/index.js +8 -8
  301. package/packages/message/index.js +2 -2
  302. package/packages/message/src/main.js +91 -91
  303. package/packages/message/src/main.vue +117 -117
  304. package/packages/message-box/index.js +2 -2
  305. package/packages/message-box/src/main.js +216 -216
  306. package/packages/message-box/src/main.vue +332 -332
  307. package/packages/notification/index.js +2 -2
  308. package/packages/notification/src/main.js +94 -94
  309. package/packages/notification/src/main.vue +152 -152
  310. package/packages/option/index.js +8 -8
  311. package/packages/option-group/index.js +8 -8
  312. package/packages/page-header/index.js +8 -8
  313. package/packages/page-header/src/main.vue +30 -30
  314. package/packages/pagination/index.js +8 -8
  315. package/packages/pagination/src/pager.vue +163 -163
  316. package/packages/pagination/src/pagination.js +386 -386
  317. package/packages/popconfirm/index.js +8 -8
  318. package/packages/popconfirm/src/main.vue +104 -104
  319. package/packages/popover/index.js +14 -14
  320. package/packages/popover/src/directive.js +20 -20
  321. package/packages/popover/src/main.vue +237 -237
  322. package/packages/progress/index.js +8 -8
  323. package/packages/progress/src/progress.vue +235 -235
  324. package/packages/radio/index.js +8 -8
  325. package/packages/radio/src/radio-button.vue +115 -115
  326. package/packages/radio/src/radio-group.vue +113 -113
  327. package/packages/radio/src/radio.vue +134 -134
  328. package/packages/radio-button/index.js +8 -8
  329. package/packages/radio-group/index.js +8 -8
  330. package/packages/rate/index.js +8 -8
  331. package/packages/rate/src/main.vue +348 -348
  332. package/packages/result/index.js +8 -8
  333. package/packages/result/src/icon-error.vue +13 -13
  334. package/packages/result/src/icon-info.vue +13 -13
  335. package/packages/result/src/icon-success.vue +13 -13
  336. package/packages/result/src/icon-warning.vue +13 -13
  337. package/packages/result/src/index.vue +65 -65
  338. package/packages/row/index.js +9 -9
  339. package/packages/row/src/row.js +44 -44
  340. package/packages/scrollbar/index.js +8 -8
  341. package/packages/scrollbar/src/bar.js +92 -92
  342. package/packages/scrollbar/src/main.js +130 -130
  343. package/packages/scrollbar/src/util.js +34 -34
  344. package/packages/select/index.js +8 -8
  345. package/packages/select/src/navigation-mixin.js +54 -54
  346. package/packages/select/src/option-group.vue +60 -60
  347. package/packages/select/src/option.vue +168 -168
  348. package/packages/select/src/select-dropdown.vue +74 -74
  349. package/packages/select/src/select.vue +900 -900
  350. package/packages/skeleton/index.js +8 -8
  351. package/packages/skeleton/src/img-placeholder.vue +16 -16
  352. package/packages/skeleton/src/index.vue +76 -76
  353. package/packages/skeleton/src/item.vue +22 -22
  354. package/packages/skeleton-item/index.js +8 -8
  355. package/packages/slider/index.js +8 -8
  356. package/packages/slider/src/button.vue +238 -238
  357. package/packages/slider/src/main.vue +427 -427
  358. package/packages/slider/src/marker.js +18 -18
  359. package/packages/spinner/index.js +8 -8
  360. package/packages/spinner/src/spinner.vue +27 -27
  361. package/packages/statistic/index.js +8 -8
  362. package/packages/statistic/src/main.vue +203 -203
  363. package/packages/step/index.js +8 -8
  364. package/packages/steps/README.md +69 -69
  365. package/packages/steps/index.js +8 -8
  366. package/packages/steps/src/step.vue +184 -184
  367. package/packages/steps/src/steps.vue +68 -68
  368. package/packages/submenu/index.js +8 -8
  369. package/packages/switch/index.js +9 -9
  370. package/packages/switch/src/component.vue +174 -174
  371. package/packages/tab-pane/index.js +8 -8
  372. package/packages/table/index.js +8 -8
  373. package/packages/table/src/config.js +124 -124
  374. package/packages/table/src/dropdown.js +28 -28
  375. package/packages/table/src/filter-panel.vue +194 -194
  376. package/packages/table/src/layout-observer.js +68 -68
  377. package/packages/table/src/store/current.js +76 -76
  378. package/packages/table/src/store/expand.js +65 -65
  379. package/packages/table/src/store/helper.js +41 -41
  380. package/packages/table/src/store/index.js +147 -147
  381. package/packages/table/src/store/tree.js +209 -209
  382. package/packages/table/src/store/watcher.js +381 -381
  383. package/packages/table/src/table-body.js +469 -469
  384. package/packages/table/src/table-column.js +319 -319
  385. package/packages/table/src/table-footer.js +153 -153
  386. package/packages/table/src/table-header.js +511 -511
  387. package/packages/table/src/table-layout.js +249 -249
  388. package/packages/table/src/table-row.js +101 -101
  389. package/packages/table/src/table.vue +712 -712
  390. package/packages/table/src/util.js +273 -273
  391. package/packages/table-column/index.js +8 -8
  392. package/packages/tabs/index.js +8 -8
  393. package/packages/tabs/src/tab-bar.vue +57 -57
  394. package/packages/tabs/src/tab-nav.vue +294 -294
  395. package/packages/tabs/src/tab-pane.vue +56 -56
  396. package/packages/tabs/src/tabs.vue +191 -191
  397. package/packages/tag/index.js +8 -8
  398. package/packages/tag/src/tag.vue +58 -58
  399. package/packages/theme-chalk/README.md +33 -33
  400. package/packages/theme-chalk/gulpfile.js +24 -24
  401. package/packages/theme-chalk/package.json +35 -35
  402. package/packages/theme-chalk/src/alert.scss +147 -147
  403. package/packages/theme-chalk/src/aside.scss +7 -7
  404. package/packages/theme-chalk/src/autocomplete.scss +80 -80
  405. package/packages/theme-chalk/src/avatar.scss +51 -51
  406. package/packages/theme-chalk/src/backtop.scss +22 -22
  407. package/packages/theme-chalk/src/badge.scss +57 -57
  408. package/packages/theme-chalk/src/base.scss +2 -2
  409. package/packages/theme-chalk/src/breadcrumb.scss +55 -55
  410. package/packages/theme-chalk/src/button.scss +262 -262
  411. package/packages/theme-chalk/src/calendar.scss +79 -79
  412. package/packages/theme-chalk/src/card.scss +32 -32
  413. package/packages/theme-chalk/src/carousel-item.scss +49 -49
  414. package/packages/theme-chalk/src/carousel.scss +161 -161
  415. package/packages/theme-chalk/src/cascader-panel.scss +120 -120
  416. package/packages/theme-chalk/src/cascader.scss +182 -182
  417. package/packages/theme-chalk/src/checkbox.scss +359 -359
  418. package/packages/theme-chalk/src/col.scss +155 -155
  419. package/packages/theme-chalk/src/collapse.scss +63 -63
  420. package/packages/theme-chalk/src/color-picker.scss +384 -384
  421. package/packages/theme-chalk/src/common/popup.scss +42 -42
  422. package/packages/theme-chalk/src/common/transition.scss +98 -98
  423. package/packages/theme-chalk/src/common/var.scss +1028 -1028
  424. package/packages/theme-chalk/src/container.scss +14 -14
  425. package/packages/theme-chalk/src/cy/base.scss +3 -3
  426. package/packages/theme-chalk/src/cy/index.scss +5 -5
  427. package/packages/theme-chalk/src/cy/selectDisplayInput.scss +75 -75
  428. package/packages/theme-chalk/src/cy/subTitle.scss +26 -26
  429. package/packages/theme-chalk/src/cy/tabDialog.scss +43 -43
  430. package/packages/theme-chalk/src/cy/treeSelect.scss +131 -131
  431. package/packages/theme-chalk/src/date-picker/date-picker.scss +97 -97
  432. package/packages/theme-chalk/src/date-picker/date-range-picker.scss +101 -101
  433. package/packages/theme-chalk/src/date-picker/date-table.scss +151 -151
  434. package/packages/theme-chalk/src/date-picker/month-table.scss +82 -82
  435. package/packages/theme-chalk/src/date-picker/picker-panel.scss +117 -117
  436. package/packages/theme-chalk/src/date-picker/picker.scss +197 -197
  437. package/packages/theme-chalk/src/date-picker/time-picker.scss +85 -85
  438. package/packages/theme-chalk/src/date-picker/time-range-picker.scss +31 -31
  439. package/packages/theme-chalk/src/date-picker/time-spinner.scss +110 -110
  440. package/packages/theme-chalk/src/date-picker/year-table.scss +51 -51
  441. package/packages/theme-chalk/src/date-picker.scss +11 -11
  442. package/packages/theme-chalk/src/descriptions-item.scss +42 -42
  443. package/packages/theme-chalk/src/descriptions.scss +111 -111
  444. package/packages/theme-chalk/src/dialog.scss +123 -123
  445. package/packages/theme-chalk/src/display.scss +12 -12
  446. package/packages/theme-chalk/src/divider.scss +46 -46
  447. package/packages/theme-chalk/src/drawer.scss +219 -219
  448. package/packages/theme-chalk/src/dropdown.scss +182 -182
  449. package/packages/theme-chalk/src/empty.scss +45 -45
  450. package/packages/theme-chalk/src/footer.scss +8 -8
  451. package/packages/theme-chalk/src/form.scss +167 -167
  452. package/packages/theme-chalk/src/header.scss +8 -8
  453. package/packages/theme-chalk/src/icon.scss +1167 -1167
  454. package/packages/theme-chalk/src/image.scss +179 -179
  455. package/packages/theme-chalk/src/input-number.scss +261 -261
  456. package/packages/theme-chalk/src/input.scss +360 -360
  457. package/packages/theme-chalk/src/link.scss +81 -81
  458. package/packages/theme-chalk/src/loading.scss +96 -96
  459. package/packages/theme-chalk/src/main.scss +12 -12
  460. package/packages/theme-chalk/src/menu.scss +289 -289
  461. package/packages/theme-chalk/src/message-box.scss +226 -226
  462. package/packages/theme-chalk/src/message.scss +120 -120
  463. package/packages/theme-chalk/src/mixins/_button.scss +81 -81
  464. package/packages/theme-chalk/src/mixins/config.scss +4 -4
  465. package/packages/theme-chalk/src/mixins/function.scss +44 -44
  466. package/packages/theme-chalk/src/mixins/mixins.scss +191 -191
  467. package/packages/theme-chalk/src/mixins/utils.scss +38 -38
  468. package/packages/theme-chalk/src/notification.scss +99 -99
  469. package/packages/theme-chalk/src/option-group.scss +42 -42
  470. package/packages/theme-chalk/src/option.scss +36 -36
  471. package/packages/theme-chalk/src/page-header.scss +41 -41
  472. package/packages/theme-chalk/src/pagination.scss +295 -295
  473. package/packages/theme-chalk/src/popconfirm.scss +16 -16
  474. package/packages/theme-chalk/src/popover.scss +40 -40
  475. package/packages/theme-chalk/src/popper.scss +100 -100
  476. package/packages/theme-chalk/src/progress.scss +141 -141
  477. package/packages/theme-chalk/src/radio-button.scss +113 -113
  478. package/packages/theme-chalk/src/radio-group.scss +9 -9
  479. package/packages/theme-chalk/src/radio.scss +199 -199
  480. package/packages/theme-chalk/src/rate.scss +49 -49
  481. package/packages/theme-chalk/src/reset.scss +79 -79
  482. package/packages/theme-chalk/src/result.scss +61 -61
  483. package/packages/theme-chalk/src/row.scss +43 -43
  484. package/packages/theme-chalk/src/scrollbar.scss +72 -72
  485. package/packages/theme-chalk/src/select-dropdown.scss +62 -62
  486. package/packages/theme-chalk/src/select.scss +152 -152
  487. package/packages/theme-chalk/src/skeleton-item.scss +84 -84
  488. package/packages/theme-chalk/src/skeleton.scss +40 -40
  489. package/packages/theme-chalk/src/slider.scss +250 -250
  490. package/packages/theme-chalk/src/spinner.scss +44 -44
  491. package/packages/theme-chalk/src/statistic.scss +38 -38
  492. package/packages/theme-chalk/src/step.scss +317 -317
  493. package/packages/theme-chalk/src/steps.scss +20 -20
  494. package/packages/theme-chalk/src/switch.scss +116 -116
  495. package/packages/theme-chalk/src/table-column.scss +96 -96
  496. package/packages/theme-chalk/src/table.scss +564 -564
  497. package/packages/theme-chalk/src/tabs.scss +602 -602
  498. package/packages/theme-chalk/src/tag.scss +163 -163
  499. package/packages/theme-chalk/src/time-picker.scss +8 -8
  500. package/packages/theme-chalk/src/time-select.scss +37 -37
  501. package/packages/theme-chalk/src/timeline-item.scss +86 -86
  502. package/packages/theme-chalk/src/timeline.scss +14 -14
  503. package/packages/theme-chalk/src/tooltip.scss +141 -141
  504. package/packages/theme-chalk/src/transfer.scss +227 -227
  505. package/packages/theme-chalk/src/tree.scss +123 -123
  506. package/packages/theme-chalk/src/upload.scss +603 -603
  507. package/packages/time-picker/index.js +8 -8
  508. package/packages/time-select/index.js +8 -8
  509. package/packages/timeline/index.js +8 -8
  510. package/packages/timeline/src/item.vue +73 -73
  511. package/packages/timeline/src/main.vue +33 -33
  512. package/packages/timeline-item/index.js +8 -8
  513. package/packages/tooltip/index.js +8 -8
  514. package/packages/tooltip/src/main.js +242 -242
  515. package/packages/transfer/index.js +8 -8
  516. package/packages/transfer/src/main.vue +231 -231
  517. package/packages/transfer/src/transfer-panel.vue +251 -251
  518. package/packages/tree/index.js +8 -8
  519. package/packages/tree/src/model/node.js +484 -484
  520. package/packages/tree/src/model/tree-store.js +340 -340
  521. package/packages/tree/src/model/util.js +27 -27
  522. package/packages/tree/src/tree-node.vue +279 -279
  523. package/packages/tree/src/tree.vue +496 -496
  524. package/packages/upload/index.js +8 -8
  525. package/packages/upload/src/ajax.js +85 -85
  526. package/packages/upload/src/index.vue +338 -338
  527. package/packages/upload/src/upload-dragger.vue +70 -70
  528. package/packages/upload/src/upload-list.vue +105 -105
  529. package/packages/upload/src/upload.vue +211 -211
  530. package/src/directives/mousewheel.js +18 -18
  531. package/src/directives/repeat-click.js +26 -26
  532. package/src/index.js +1 -1
  533. package/src/locale/format.js +45 -45
  534. package/src/locale/index.js +48 -48
  535. package/src/locale/lang/zh-CN.js +123 -123
  536. package/src/mixins/emitter.js +33 -33
  537. package/src/mixins/focus.js +9 -9
  538. package/src/mixins/locale.js +9 -9
  539. package/src/mixins/migrating.js +54 -54
  540. package/src/transitions/collapse-transition.js +77 -77
  541. package/src/utils/after-leave.js +27 -27
  542. package/src/utils/aria-dialog.js +90 -90
  543. package/src/utils/aria-utils.js +122 -122
  544. package/src/utils/clickoutside.js +76 -76
  545. package/src/utils/date-util.js +282 -282
  546. package/src/utils/date.js +368 -368
  547. package/src/utils/dom.js +227 -227
  548. package/src/utils/lodash.js +18075 -18075
  549. package/src/utils/menu/aria-menubar.js +14 -14
  550. package/src/utils/menu/aria-menuitem.js +49 -49
  551. package/src/utils/menu/aria-submenu.js +59 -59
  552. package/src/utils/merge.js +15 -15
  553. package/src/utils/popper.js +1276 -1276
  554. package/src/utils/popup/index.js +218 -218
  555. package/src/utils/popup/popup-manager.js +194 -194
  556. package/src/utils/resize-event.js +36 -36
  557. package/src/utils/scroll-into-view.js +27 -27
  558. package/src/utils/scrollbar-width.js +29 -29
  559. package/src/utils/shared.js +7 -7
  560. package/src/utils/types.js +40 -40
  561. package/src/utils/util.js +245 -245
  562. package/src/utils/vdom.js +5 -5
  563. package/src/utils/vue-popper.js +198 -198
  564. package/types/alert.d.ts +31 -31
  565. package/types/aside.d.ts +7 -7
  566. package/types/autocomplete.d.ts +78 -78
  567. package/types/avatar.d.ts +20 -20
  568. package/types/backtop.d.ts +16 -16
  569. package/types/badge.d.ts +16 -16
  570. package/types/breadcrumb-item.d.ts +10 -10
  571. package/types/breadcrumb.d.ts +10 -10
  572. package/types/button-group.d.ts +4 -4
  573. package/types/button.d.ts +37 -37
  574. package/types/calendar.d.ts +15 -15
  575. package/types/card.d.ts +26 -26
  576. package/types/carousel-item.d.ts +10 -10
  577. package/types/carousel.d.ts +57 -57
  578. package/types/cascader-panel.d.ts +72 -72
  579. package/types/cascader.d.ts +65 -65
  580. package/types/checkbox-button.d.ts +22 -22
  581. package/types/checkbox-group.d.ts +22 -22
  582. package/types/checkbox.d.ts +34 -34
  583. package/types/col.d.ts +46 -46
  584. package/types/collapse-item.d.ts +26 -26
  585. package/types/collapse.d.ts +10 -10
  586. package/types/color-picker.d.ts +21 -21
  587. package/types/component.d.ts +13 -13
  588. package/types/container.d.ts +7 -7
  589. package/types/cy/cy-element-ui.d.ts +4 -4
  590. package/types/cy/select-display-input.d.ts +4 -16
  591. package/types/cy/sub-title.d.ts +4 -7
  592. package/types/cy/tab-dialog.d.ts +5 -49
  593. package/types/cy/tree-select.d.ts +7 -44
  594. package/types/date-picker.d.ts +124 -124
  595. package/types/descriptions-item.d.ts +37 -37
  596. package/types/descriptions.d.ts +52 -52
  597. package/types/dialog.d.ts +62 -62
  598. package/types/divider.d.ts +12 -12
  599. package/types/drawer.d.ts +63 -63
  600. package/types/dropdown-item.d.ts +16 -16
  601. package/types/dropdown-menu.d.ts +4 -4
  602. package/types/dropdown.d.ts +38 -38
  603. package/types/empty.d.ts +31 -31
  604. package/types/footer.d.ts +7 -7
  605. package/types/form-item.d.ts +37 -37
  606. package/types/form.d.ts +82 -82
  607. package/types/header.d.ts +7 -7
  608. package/types/icon.d.ts +7 -7
  609. package/types/image.d.ts +43 -43
  610. package/types/index.d.ts +5 -5
  611. package/types/infinite-scroll.d.ts +5 -5
  612. package/types/input-number.d.ts +47 -47
  613. package/types/input.d.ts +107 -107
  614. package/types/link.d.ts +25 -25
  615. package/types/loading.d.ts +62 -62
  616. package/types/main.d.ts +4 -4
  617. package/types/menu-item-group.d.ts +7 -7
  618. package/types/menu-item.d.ts +10 -10
  619. package/types/menu.d.ts +46 -46
  620. package/types/message-box.d.ts +176 -176
  621. package/types/message.d.ts +90 -90
  622. package/types/notification.d.ts +84 -84
  623. package/types/option-group.d.ts +10 -10
  624. package/types/option.d.ts +13 -13
  625. package/types/page-header.d.ts +10 -10
  626. package/types/pagination.d.ts +43 -43
  627. package/types/popconfirm.d.ts +29 -29
  628. package/types/popover.d.ts +71 -71
  629. package/types/progress.d.ts +37 -37
  630. package/types/radio-button.d.ts +16 -16
  631. package/types/radio-group.d.ts +18 -18
  632. package/types/radio.d.ts +19 -19
  633. package/types/rate.d.ts +64 -64
  634. package/types/result.d.ts +33 -33
  635. package/types/row.d.ts +25 -25
  636. package/types/select.d.ts +90 -90
  637. package/types/skeleton-item.d.ts +7 -7
  638. package/types/skeleton.d.ts +33 -33
  639. package/types/slider.d.ts +68 -68
  640. package/types/spinner.d.ts +16 -16
  641. package/types/statistic.d.ts +37 -37
  642. package/types/step.d.ts +34 -34
  643. package/types/steps.d.ts +28 -28
  644. package/types/submenu.d.ts +22 -22
  645. package/types/switch.d.ts +43 -43
  646. package/types/tab-pane.d.ts +19 -19
  647. package/types/table-column.d.ts +117 -117
  648. package/types/table.d.ts +177 -177
  649. package/types/tabs.d.ts +31 -31
  650. package/types/tag.d.ts +28 -28
  651. package/types/time-picker.d.ts +63 -63
  652. package/types/time-select.d.ts +56 -56
  653. package/types/timeline-item.d.ts +20 -20
  654. package/types/timeline.d.ts +6 -6
  655. package/types/tooltip.d.ts +52 -52
  656. package/types/transfer.d.ts +73 -73
  657. package/types/tree.d.ts +266 -266
  658. package/types/upload.d.ts +124 -124
  659. package/web-types.json +4195 -4195
  660. package/types/cy/cy-select-display-input.d.ts +0 -7
  661. package/types/cy/cy-sub-title.d.ts +0 -7
  662. package/types/cy/cy-tab-dialog.d.ts +0 -7
  663. package/types/cy/cy-tree-select.d.ts +0 -7
@@ -1,8 +1,8 @@
1
- import ElInputNumber from './src/input-number';
2
-
3
- /* istanbul ignore next */
4
- ElInputNumber.install = function(Vue) {
5
- Vue.component(ElInputNumber.name, ElInputNumber);
6
- };
7
-
8
- export default ElInputNumber;
1
+ import ElInputNumber from './src/input-number';
2
+
3
+ /* istanbul ignore next */
4
+ ElInputNumber.install = function(Vue) {
5
+ Vue.component(ElInputNumber.name, ElInputNumber);
6
+ };
7
+
8
+ export default ElInputNumber;
@@ -1,286 +1,286 @@
1
- <template>
2
- <div
3
- @dragstart.prevent
4
- :class="[
5
- 'el-input-number',
6
- inputNumberSize ? 'el-input-number--' + inputNumberSize : '',
7
- { 'is-disabled': inputNumberDisabled },
8
- { 'is-without-controls': !controls || unit },
9
- { 'is-controls-right': controlsAtRight },
10
- { 'is-with-unit': unit }
11
- ]"
12
- :data-unit="unit">
13
- <span
14
- class="el-input-number__decrease"
15
- role="button"
16
- v-if="controls && !unit"
17
- v-repeat-click="decrease"
18
- :class="{'is-disabled': minDisabled}"
19
- @keydown.enter="decrease">
20
- <i :class="`el-icon-${controlsAtRight ? 'arrow-down' : 'minus'}`"></i>
21
- </span>
22
- <span
23
- class="el-input-number__increase"
24
- role="button"
25
- v-if="controls && !unit"
26
- v-repeat-click="increase"
27
- :class="{'is-disabled': maxDisabled}"
28
- @keydown.enter="increase">
29
- <i :class="`el-icon-${controlsAtRight ? 'arrow-up' : 'plus'}`"></i>
30
- </span>
31
- <el-input
32
- ref="input"
33
- :value="displayValue"
34
- :placeholder="placeholder"
35
- :disabled="inputNumberDisabled"
36
- :size="inputNumberSize"
37
- :max="max"
38
- :min="min"
39
- :name="name"
40
- :label="label"
41
- @keydown.up.native.prevent="increase"
42
- @keydown.down.native.prevent="decrease"
43
- @blur="handleBlur"
44
- @focus="handleFocus"
45
- @input="handleInput"
46
- @change="handleInputChange">
47
- </el-input>
48
- </div>
49
- </template>
50
- <script>
51
- import ElInput from 'element-ui/packages/input';
52
- import Focus from 'element-ui/src/mixins/focus';
53
- import RepeatClick from 'element-ui/src/directives/repeat-click';
54
-
55
- export default {
56
- name: 'ElInputNumber',
57
- mixins: [Focus('input')],
58
- inject: {
59
- elForm: {
60
- default: ''
61
- },
62
- elFormItem: {
63
- default: ''
64
- }
65
- },
66
- directives: {
67
- repeatClick: RepeatClick
68
- },
69
- components: {
70
- ElInput
71
- },
72
- props: {
73
- step: {
74
- type: Number,
75
- default: 1
76
- },
77
- stepStrictly: {
78
- type: Boolean,
79
- default: false
80
- },
81
- max: {
82
- type: Number,
83
- default: Infinity
84
- },
85
- min: {
86
- type: Number,
87
- default: -Infinity
88
- },
89
- value: {},
90
- disabled: Boolean,
91
- size: String,
92
- controls: {
93
- type: Boolean,
94
- default: true
95
- },
96
- controlsPosition: {
97
- type: String,
98
- default: ''
99
- },
100
- name: String,
101
- label: String,
102
- placeholder: String,
103
- precision: {
104
- type: Number,
105
- validator(val) {
106
- return val >= 0 && val === parseInt(val, 10);
107
- }
108
- },
109
- unit: String
110
- },
111
- data() {
112
- return {
113
- currentValue: 0,
114
- userInput: null
115
- };
116
- },
117
- watch: {
118
- value: {
119
- immediate: true,
120
- handler(value) {
121
- let newVal = value === undefined ? value : Number(value);
122
- if (newVal !== undefined) {
123
- if (isNaN(newVal)) {
124
- return;
125
- }
126
-
127
- if (this.stepStrictly) {
128
- const stepPrecision = this.getPrecision(this.step);
129
- const precisionFactor = Math.pow(10, stepPrecision);
130
- newVal = Math.round(newVal / this.step) * precisionFactor * this.step / precisionFactor;
131
- }
132
-
133
- if (this.precision !== undefined) {
134
- newVal = this.toPrecision(newVal, this.precision);
135
- }
136
- }
137
- if (newVal >= this.max) newVal = this.max;
138
- if (newVal <= this.min) newVal = this.min;
139
- this.currentValue = newVal;
140
- this.userInput = null;
141
- this.$emit('input', newVal);
142
- }
143
- }
144
- },
145
- computed: {
146
- minDisabled() {
147
- return this._decrease(this.value, this.step) < this.min;
148
- },
149
- maxDisabled() {
150
- return this._increase(this.value, this.step) > this.max;
151
- },
152
- numPrecision() {
153
- const { value, step, getPrecision, precision } = this;
154
- const stepPrecision = getPrecision(step);
155
- if (precision !== undefined) {
156
- if (stepPrecision > precision) {
157
- console.warn('[Element Warn][InputNumber]precision should not be less than the decimal places of step');
158
- }
159
- return precision;
160
- } else {
161
- return Math.max(getPrecision(value), stepPrecision);
162
- }
163
- },
164
- controlsAtRight() {
165
- return this.controls && this.controlsPosition === 'right';
166
- },
167
- _elFormItemSize() {
168
- return (this.elFormItem || {}).elFormItemSize;
169
- },
170
- inputNumberSize() {
171
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
172
- },
173
- inputNumberDisabled() {
174
- return this.disabled || !!(this.elForm || {}).disabled;
175
- },
176
- displayValue() {
177
- if (this.userInput !== null) {
178
- return this.userInput;
179
- }
180
-
181
- let currentValue = this.currentValue;
182
-
183
- if (typeof currentValue === 'number') {
184
- if (this.stepStrictly) {
185
- const stepPrecision = this.getPrecision(this.step);
186
- const precisionFactor = Math.pow(10, stepPrecision);
187
- currentValue = Math.round(currentValue / this.step) * precisionFactor * this.step / precisionFactor;
188
- }
189
-
190
- if (this.precision !== undefined) {
191
- currentValue = currentValue.toFixed(this.precision);
192
- }
193
- }
194
-
195
- return currentValue;
196
- }
197
- },
198
- methods: {
199
- toPrecision(num, precision) {
200
- if (precision === undefined) precision = this.numPrecision;
201
- return parseFloat(Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision));
202
- },
203
- getPrecision(value) {
204
- if (value === undefined) return 0;
205
- const valueString = value.toString();
206
- const dotPosition = valueString.indexOf('.');
207
- let precision = 0;
208
- if (dotPosition !== -1) {
209
- precision = valueString.length - dotPosition - 1;
210
- }
211
- return precision;
212
- },
213
- _increase(val, step) {
214
- if (typeof val !== 'number' && val !== undefined) return this.currentValue;
215
-
216
- const precisionFactor = Math.pow(10, this.numPrecision);
217
- // Solve the accuracy problem of JS decimal calculation by converting the value to integer.
218
- return this.toPrecision((precisionFactor * val + precisionFactor * step) / precisionFactor);
219
- },
220
- _decrease(val, step) {
221
- if (typeof val !== 'number' && val !== undefined) return this.currentValue;
222
-
223
- const precisionFactor = Math.pow(10, this.numPrecision);
224
-
225
- return this.toPrecision((precisionFactor * val - precisionFactor * step) / precisionFactor);
226
- },
227
- increase() {
228
- if (this.inputNumberDisabled || this.maxDisabled) return;
229
- const value = this.value || 0;
230
- const newVal = this._increase(value, this.step);
231
- this.setCurrentValue(newVal);
232
- },
233
- decrease() {
234
- if (this.inputNumberDisabled || this.minDisabled) return;
235
- const value = this.value || 0;
236
- const newVal = this._decrease(value, this.step);
237
- this.setCurrentValue(newVal);
238
- },
239
- handleBlur(event) {
240
- this.$emit('blur', event);
241
- },
242
- handleFocus(event) {
243
- this.$emit('focus', event);
244
- },
245
- setCurrentValue(newVal) {
246
- const oldVal = this.currentValue;
247
- if (typeof newVal === 'number' && this.precision !== undefined) {
248
- newVal = this.toPrecision(newVal, this.precision);
249
- }
250
- if (newVal >= this.max) newVal = this.max;
251
- if (newVal <= this.min) newVal = this.min;
252
- if (oldVal === newVal) return;
253
- this.userInput = null;
254
- this.$emit('input', newVal);
255
- this.$emit('change', newVal, oldVal);
256
- this.currentValue = newVal;
257
- },
258
- handleInput(value) {
259
- this.userInput = value;
260
- },
261
- handleInputChange(value) {
262
- const newVal = value === '' ? undefined : Number(value);
263
- if (!isNaN(newVal) || value === '') {
264
- this.setCurrentValue(newVal);
265
- }
266
- this.userInput = null;
267
- },
268
- select() {
269
- this.$refs.input.select();
270
- }
271
- },
272
- mounted() {
273
- let innerInput = this.$refs.input.$refs.input;
274
- innerInput.setAttribute('role', 'spinbutton');
275
- innerInput.setAttribute('aria-valuemax', this.max);
276
- innerInput.setAttribute('aria-valuemin', this.min);
277
- innerInput.setAttribute('aria-valuenow', this.currentValue);
278
- innerInput.setAttribute('aria-disabled', this.inputNumberDisabled);
279
- },
280
- updated() {
281
- if (!this.$refs || !this.$refs.input) return;
282
- const innerInput = this.$refs.input.$refs.input;
283
- innerInput.setAttribute('aria-valuenow', this.currentValue);
284
- }
285
- };
286
- </script>
1
+ <template>
2
+ <div
3
+ @dragstart.prevent
4
+ :class="[
5
+ 'el-input-number',
6
+ inputNumberSize ? 'el-input-number--' + inputNumberSize : '',
7
+ { 'is-disabled': inputNumberDisabled },
8
+ { 'is-without-controls': !controls || unit },
9
+ { 'is-controls-right': controlsAtRight },
10
+ { 'is-with-unit': unit }
11
+ ]"
12
+ :data-unit="unit">
13
+ <span
14
+ class="el-input-number__decrease"
15
+ role="button"
16
+ v-if="controls && !unit"
17
+ v-repeat-click="decrease"
18
+ :class="{'is-disabled': minDisabled}"
19
+ @keydown.enter="decrease">
20
+ <i :class="`el-icon-${controlsAtRight ? 'arrow-down' : 'minus'}`"></i>
21
+ </span>
22
+ <span
23
+ class="el-input-number__increase"
24
+ role="button"
25
+ v-if="controls && !unit"
26
+ v-repeat-click="increase"
27
+ :class="{'is-disabled': maxDisabled}"
28
+ @keydown.enter="increase">
29
+ <i :class="`el-icon-${controlsAtRight ? 'arrow-up' : 'plus'}`"></i>
30
+ </span>
31
+ <el-input
32
+ ref="input"
33
+ :value="displayValue"
34
+ :placeholder="placeholder"
35
+ :disabled="inputNumberDisabled"
36
+ :size="inputNumberSize"
37
+ :max="max"
38
+ :min="min"
39
+ :name="name"
40
+ :label="label"
41
+ @keydown.up.native.prevent="increase"
42
+ @keydown.down.native.prevent="decrease"
43
+ @blur="handleBlur"
44
+ @focus="handleFocus"
45
+ @input="handleInput"
46
+ @change="handleInputChange">
47
+ </el-input>
48
+ </div>
49
+ </template>
50
+ <script>
51
+ import ElInput from 'element-ui/packages/input';
52
+ import Focus from 'element-ui/src/mixins/focus';
53
+ import RepeatClick from 'element-ui/src/directives/repeat-click';
54
+
55
+ export default {
56
+ name: 'ElInputNumber',
57
+ mixins: [Focus('input')],
58
+ inject: {
59
+ elForm: {
60
+ default: ''
61
+ },
62
+ elFormItem: {
63
+ default: ''
64
+ }
65
+ },
66
+ directives: {
67
+ repeatClick: RepeatClick
68
+ },
69
+ components: {
70
+ ElInput
71
+ },
72
+ props: {
73
+ step: {
74
+ type: Number,
75
+ default: 1
76
+ },
77
+ stepStrictly: {
78
+ type: Boolean,
79
+ default: false
80
+ },
81
+ max: {
82
+ type: Number,
83
+ default: Infinity
84
+ },
85
+ min: {
86
+ type: Number,
87
+ default: -Infinity
88
+ },
89
+ value: {},
90
+ disabled: Boolean,
91
+ size: String,
92
+ controls: {
93
+ type: Boolean,
94
+ default: true
95
+ },
96
+ controlsPosition: {
97
+ type: String,
98
+ default: ''
99
+ },
100
+ name: String,
101
+ label: String,
102
+ placeholder: String,
103
+ precision: {
104
+ type: Number,
105
+ validator(val) {
106
+ return val >= 0 && val === parseInt(val, 10);
107
+ }
108
+ },
109
+ unit: String
110
+ },
111
+ data() {
112
+ return {
113
+ currentValue: 0,
114
+ userInput: null
115
+ };
116
+ },
117
+ watch: {
118
+ value: {
119
+ immediate: true,
120
+ handler(value) {
121
+ let newVal = value === undefined ? value : Number(value);
122
+ if (newVal !== undefined) {
123
+ if (isNaN(newVal)) {
124
+ return;
125
+ }
126
+
127
+ if (this.stepStrictly) {
128
+ const stepPrecision = this.getPrecision(this.step);
129
+ const precisionFactor = Math.pow(10, stepPrecision);
130
+ newVal = Math.round(newVal / this.step) * precisionFactor * this.step / precisionFactor;
131
+ }
132
+
133
+ if (this.precision !== undefined) {
134
+ newVal = this.toPrecision(newVal, this.precision);
135
+ }
136
+ }
137
+ if (newVal >= this.max) newVal = this.max;
138
+ if (newVal <= this.min) newVal = this.min;
139
+ this.currentValue = newVal;
140
+ this.userInput = null;
141
+ this.$emit('input', newVal);
142
+ }
143
+ }
144
+ },
145
+ computed: {
146
+ minDisabled() {
147
+ return this._decrease(this.value, this.step) < this.min;
148
+ },
149
+ maxDisabled() {
150
+ return this._increase(this.value, this.step) > this.max;
151
+ },
152
+ numPrecision() {
153
+ const { value, step, getPrecision, precision } = this;
154
+ const stepPrecision = getPrecision(step);
155
+ if (precision !== undefined) {
156
+ if (stepPrecision > precision) {
157
+ console.warn('[Element Warn][InputNumber]precision should not be less than the decimal places of step');
158
+ }
159
+ return precision;
160
+ } else {
161
+ return Math.max(getPrecision(value), stepPrecision);
162
+ }
163
+ },
164
+ controlsAtRight() {
165
+ return this.controls && this.controlsPosition === 'right';
166
+ },
167
+ _elFormItemSize() {
168
+ return (this.elFormItem || {}).elFormItemSize;
169
+ },
170
+ inputNumberSize() {
171
+ return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
172
+ },
173
+ inputNumberDisabled() {
174
+ return this.disabled || !!(this.elForm || {}).disabled;
175
+ },
176
+ displayValue() {
177
+ if (this.userInput !== null) {
178
+ return this.userInput;
179
+ }
180
+
181
+ let currentValue = this.currentValue;
182
+
183
+ if (typeof currentValue === 'number') {
184
+ if (this.stepStrictly) {
185
+ const stepPrecision = this.getPrecision(this.step);
186
+ const precisionFactor = Math.pow(10, stepPrecision);
187
+ currentValue = Math.round(currentValue / this.step) * precisionFactor * this.step / precisionFactor;
188
+ }
189
+
190
+ if (this.precision !== undefined) {
191
+ currentValue = currentValue.toFixed(this.precision);
192
+ }
193
+ }
194
+
195
+ return currentValue;
196
+ }
197
+ },
198
+ methods: {
199
+ toPrecision(num, precision) {
200
+ if (precision === undefined) precision = this.numPrecision;
201
+ return parseFloat(Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision));
202
+ },
203
+ getPrecision(value) {
204
+ if (value === undefined) return 0;
205
+ const valueString = value.toString();
206
+ const dotPosition = valueString.indexOf('.');
207
+ let precision = 0;
208
+ if (dotPosition !== -1) {
209
+ precision = valueString.length - dotPosition - 1;
210
+ }
211
+ return precision;
212
+ },
213
+ _increase(val, step) {
214
+ if (typeof val !== 'number' && val !== undefined) return this.currentValue;
215
+
216
+ const precisionFactor = Math.pow(10, this.numPrecision);
217
+ // Solve the accuracy problem of JS decimal calculation by converting the value to integer.
218
+ return this.toPrecision((precisionFactor * val + precisionFactor * step) / precisionFactor);
219
+ },
220
+ _decrease(val, step) {
221
+ if (typeof val !== 'number' && val !== undefined) return this.currentValue;
222
+
223
+ const precisionFactor = Math.pow(10, this.numPrecision);
224
+
225
+ return this.toPrecision((precisionFactor * val - precisionFactor * step) / precisionFactor);
226
+ },
227
+ increase() {
228
+ if (this.inputNumberDisabled || this.maxDisabled) return;
229
+ const value = this.value || 0;
230
+ const newVal = this._increase(value, this.step);
231
+ this.setCurrentValue(newVal);
232
+ },
233
+ decrease() {
234
+ if (this.inputNumberDisabled || this.minDisabled) return;
235
+ const value = this.value || 0;
236
+ const newVal = this._decrease(value, this.step);
237
+ this.setCurrentValue(newVal);
238
+ },
239
+ handleBlur(event) {
240
+ this.$emit('blur', event);
241
+ },
242
+ handleFocus(event) {
243
+ this.$emit('focus', event);
244
+ },
245
+ setCurrentValue(newVal) {
246
+ const oldVal = this.currentValue;
247
+ if (typeof newVal === 'number' && this.precision !== undefined) {
248
+ newVal = this.toPrecision(newVal, this.precision);
249
+ }
250
+ if (newVal >= this.max) newVal = this.max;
251
+ if (newVal <= this.min) newVal = this.min;
252
+ if (oldVal === newVal) return;
253
+ this.userInput = null;
254
+ this.$emit('input', newVal);
255
+ this.$emit('change', newVal, oldVal);
256
+ this.currentValue = newVal;
257
+ },
258
+ handleInput(value) {
259
+ this.userInput = value;
260
+ },
261
+ handleInputChange(value) {
262
+ const newVal = value === '' ? undefined : Number(value);
263
+ if (!isNaN(newVal) || value === '') {
264
+ this.setCurrentValue(newVal);
265
+ }
266
+ this.userInput = null;
267
+ },
268
+ select() {
269
+ this.$refs.input.select();
270
+ }
271
+ },
272
+ mounted() {
273
+ let innerInput = this.$refs.input.$refs.input;
274
+ innerInput.setAttribute('role', 'spinbutton');
275
+ innerInput.setAttribute('aria-valuemax', this.max);
276
+ innerInput.setAttribute('aria-valuemin', this.min);
277
+ innerInput.setAttribute('aria-valuenow', this.currentValue);
278
+ innerInput.setAttribute('aria-disabled', this.inputNumberDisabled);
279
+ },
280
+ updated() {
281
+ if (!this.$refs || !this.$refs.input) return;
282
+ const innerInput = this.$refs.input.$refs.input;
283
+ innerInput.setAttribute('aria-valuenow', this.currentValue);
284
+ }
285
+ };
286
+ </script>
@@ -1,8 +1,8 @@
1
- import Link from './src/main';
2
-
3
- /* istanbul ignore next */
4
- Link.install = function(Vue) {
5
- Vue.component(Link.name, Link);
6
- };
7
-
8
- export default Link;
1
+ import Link from './src/main';
2
+
3
+ /* istanbul ignore next */
4
+ Link.install = function(Vue) {
5
+ Vue.component(Link.name, Link);
6
+ };
7
+
8
+ export default Link;