element-sim 1.0.2 → 1.0.4

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 (450) hide show
  1. package/CHANGELOG.es.md +3 -1
  2. package/CHANGELOG.zh-CN.md +2 -2065
  3. package/package.json +1 -1
  4. package/packages/theme-chalk/src/breadcrumb.scss +16 -12
  5. package/packages/theme-chalk/src/common/var.scss +2 -2
  6. package/packages/theme-chalk/src/form.scss +6 -3
  7. package/packages/theme-chalk/src/index.scss +87 -87
  8. package/packages/theme-chalk/src/input.scss +1 -1
  9. package/src/index.js +1 -1
  10. package/types/index.d.ts +2 -2
  11. package/lib/alert.js +0 -420
  12. package/lib/aside.js +0 -277
  13. package/lib/autocomplete.js +0 -952
  14. package/lib/avatar.js +0 -363
  15. package/lib/backtop.js +0 -404
  16. package/lib/badge.js +0 -334
  17. package/lib/breadcrumb-item.js +0 -322
  18. package/lib/breadcrumb.js +0 -293
  19. package/lib/button-group.js +0 -262
  20. package/lib/button.js +0 -357
  21. package/lib/calendar.js +0 -933
  22. package/lib/card.js +0 -297
  23. package/lib/carousel-item.js +0 -434
  24. package/lib/carousel.js +0 -707
  25. package/lib/cascader-panel.js +0 -1558
  26. package/lib/cascader.js +0 -1439
  27. package/lib/checkbox-button.js +0 -583
  28. package/lib/checkbox-group.js +0 -313
  29. package/lib/checkbox.js +0 -627
  30. package/lib/col.js +0 -177
  31. package/lib/collapse-item.js +0 -497
  32. package/lib/collapse.js +0 -329
  33. package/lib/color-picker.js +0 -1943
  34. package/lib/container.js +0 -288
  35. package/lib/date-picker.js +0 -6335
  36. package/lib/descriptions-item.js +0 -140
  37. package/lib/descriptions.js +0 -457
  38. package/lib/dialog.js +0 -598
  39. package/lib/directives/mousewheel.js +0 -26
  40. package/lib/directives/repeat-click.js +0 -33
  41. package/lib/divider.js +0 -313
  42. package/lib/drawer.js +0 -592
  43. package/lib/dropdown-item.js +0 -316
  44. package/lib/dropdown-menu.js +0 -351
  45. package/lib/dropdown.js +0 -643
  46. package/lib/element-SIM.common.js +0 -43578
  47. package/lib/empty.js +0 -730
  48. package/lib/footer.js +0 -277
  49. package/lib/form-item.js +0 -826
  50. package/lib/form.js +0 -466
  51. package/lib/header.js +0 -277
  52. package/lib/icon.js +0 -265
  53. package/lib/image.js +0 -1138
  54. package/lib/index.js +0 -1
  55. package/lib/infinite-scroll.js +0 -301
  56. package/lib/input-number.js +0 -752
  57. package/lib/input.js +0 -998
  58. package/lib/link.js +0 -332
  59. package/lib/loading.js +0 -631
  60. package/lib/locale/format.js +0 -56
  61. package/lib/locale/index.js +0 -63
  62. package/lib/locale/lang/af-ZA.js +0 -126
  63. package/lib/locale/lang/ar.js +0 -125
  64. package/lib/locale/lang/az.js +0 -126
  65. package/lib/locale/lang/bg.js +0 -126
  66. package/lib/locale/lang/bn.js +0 -126
  67. package/lib/locale/lang/ca.js +0 -125
  68. package/lib/locale/lang/cs-CZ.js +0 -128
  69. package/lib/locale/lang/da.js +0 -125
  70. package/lib/locale/lang/de.js +0 -127
  71. package/lib/locale/lang/ee.js +0 -126
  72. package/lib/locale/lang/el.js +0 -126
  73. package/lib/locale/lang/en.js +0 -126
  74. package/lib/locale/lang/eo.js +0 -126
  75. package/lib/locale/lang/es.js +0 -125
  76. package/lib/locale/lang/eu.js +0 -126
  77. package/lib/locale/lang/fa.js +0 -126
  78. package/lib/locale/lang/fi.js +0 -126
  79. package/lib/locale/lang/fr.js +0 -125
  80. package/lib/locale/lang/he.js +0 -126
  81. package/lib/locale/lang/hr.js +0 -126
  82. package/lib/locale/lang/hu.js +0 -125
  83. package/lib/locale/lang/hy-AM.js +0 -126
  84. package/lib/locale/lang/id.js +0 -126
  85. package/lib/locale/lang/is.js +0 -126
  86. package/lib/locale/lang/it.js +0 -125
  87. package/lib/locale/lang/ja.js +0 -126
  88. package/lib/locale/lang/kg.js +0 -126
  89. package/lib/locale/lang/km.js +0 -126
  90. package/lib/locale/lang/ko.js +0 -126
  91. package/lib/locale/lang/ku.js +0 -126
  92. package/lib/locale/lang/kz.js +0 -126
  93. package/lib/locale/lang/lo-LA.js +0 -126
  94. package/lib/locale/lang/lt.js +0 -126
  95. package/lib/locale/lang/lv.js +0 -126
  96. package/lib/locale/lang/mn.js +0 -126
  97. package/lib/locale/lang/ms.js +0 -125
  98. package/lib/locale/lang/nb-NO.js +0 -125
  99. package/lib/locale/lang/nl.js +0 -126
  100. package/lib/locale/lang/pl.js +0 -126
  101. package/lib/locale/lang/pt-br.js +0 -126
  102. package/lib/locale/lang/pt.js +0 -126
  103. package/lib/locale/lang/ro.js +0 -126
  104. package/lib/locale/lang/ru-RU.js +0 -126
  105. package/lib/locale/lang/si.js +0 -126
  106. package/lib/locale/lang/sk.js +0 -128
  107. package/lib/locale/lang/sl.js +0 -126
  108. package/lib/locale/lang/sr-Latn.js +0 -126
  109. package/lib/locale/lang/sr.js +0 -126
  110. package/lib/locale/lang/sv-SE.js +0 -126
  111. package/lib/locale/lang/sw.js +0 -126
  112. package/lib/locale/lang/ta.js +0 -125
  113. package/lib/locale/lang/th.js +0 -126
  114. package/lib/locale/lang/tk.js +0 -126
  115. package/lib/locale/lang/tr-TR.js +0 -126
  116. package/lib/locale/lang/ua.js +0 -126
  117. package/lib/locale/lang/ug-CN.js +0 -126
  118. package/lib/locale/lang/uz-UZ.js +0 -126
  119. package/lib/locale/lang/vi.js +0 -126
  120. package/lib/locale/lang/zh-CN.js +0 -126
  121. package/lib/locale/lang/zh-TW.js +0 -126
  122. package/lib/main.js +0 -264
  123. package/lib/menu-item-group.js +0 -308
  124. package/lib/menu-item.js +0 -491
  125. package/lib/menu.js +0 -865
  126. package/lib/message-box.js +0 -1192
  127. package/lib/message.js +0 -548
  128. package/lib/mixins/emitter.js +0 -36
  129. package/lib/mixins/focus.js +0 -15
  130. package/lib/mixins/locale.js +0 -17
  131. package/lib/mixins/migrating.js +0 -69
  132. package/lib/notification.js +0 -615
  133. package/lib/option-group.js +0 -344
  134. package/lib/option.js +0 -474
  135. package/lib/page-header.js +0 -319
  136. package/lib/pagination.js +0 -950
  137. package/lib/popconfirm.js +0 -457
  138. package/lib/popover.js +0 -617
  139. package/lib/progress.js +0 -595
  140. package/lib/radio-button.js +0 -463
  141. package/lib/radio-group.js +0 -391
  142. package/lib/radio.js +0 -497
  143. package/lib/rate.js +0 -670
  144. package/lib/result.js +0 -578
  145. package/lib/row.js +0 -149
  146. package/lib/scrollbar.js +0 -423
  147. package/lib/select.js +0 -2167
  148. package/lib/skeleton-item.js +0 -342
  149. package/lib/skeleton.js +0 -372
  150. package/lib/slider.js +0 -1199
  151. package/lib/spinner.js +0 -301
  152. package/lib/statistic.js +0 -533
  153. package/lib/step.js +0 -522
  154. package/lib/steps.js +0 -342
  155. package/lib/submenu.js +0 -701
  156. package/lib/switch.js +0 -554
  157. package/lib/tab-pane.js +0 -332
  158. package/lib/table-column.js +0 -952
  159. package/lib/table.js +0 -5010
  160. package/lib/tabs.js +0 -920
  161. package/lib/tag.js +0 -304
  162. package/lib/theme-chalk/alert.css +0 -1
  163. package/lib/theme-chalk/aside.css +0 -1
  164. package/lib/theme-chalk/autocomplete.css +0 -1
  165. package/lib/theme-chalk/avatar.css +0 -1
  166. package/lib/theme-chalk/backtop.css +0 -1
  167. package/lib/theme-chalk/badge.css +0 -1
  168. package/lib/theme-chalk/base.css +0 -1
  169. package/lib/theme-chalk/breadcrumb-item.css +0 -0
  170. package/lib/theme-chalk/breadcrumb.css +0 -1
  171. package/lib/theme-chalk/button-group.css +0 -0
  172. package/lib/theme-chalk/button.css +0 -1
  173. package/lib/theme-chalk/calendar.css +0 -1
  174. package/lib/theme-chalk/card.css +0 -1
  175. package/lib/theme-chalk/carousel-item.css +0 -1
  176. package/lib/theme-chalk/carousel.css +0 -1
  177. package/lib/theme-chalk/cascader-panel.css +0 -1
  178. package/lib/theme-chalk/cascader.css +0 -1
  179. package/lib/theme-chalk/checkbox-button.css +0 -0
  180. package/lib/theme-chalk/checkbox-group.css +0 -0
  181. package/lib/theme-chalk/checkbox.css +0 -1
  182. package/lib/theme-chalk/col.css +0 -1
  183. package/lib/theme-chalk/collapse-item.css +0 -0
  184. package/lib/theme-chalk/collapse.css +0 -1
  185. package/lib/theme-chalk/color-picker.css +0 -1
  186. package/lib/theme-chalk/container.css +0 -1
  187. package/lib/theme-chalk/date-picker.css +0 -1
  188. package/lib/theme-chalk/descriptions-item.css +0 -1
  189. package/lib/theme-chalk/descriptions.css +0 -1
  190. package/lib/theme-chalk/dialog.css +0 -1
  191. package/lib/theme-chalk/display.css +0 -1
  192. package/lib/theme-chalk/divider.css +0 -1
  193. package/lib/theme-chalk/drawer.css +0 -1
  194. package/lib/theme-chalk/dropdown-item.css +0 -0
  195. package/lib/theme-chalk/dropdown-menu.css +0 -0
  196. package/lib/theme-chalk/dropdown.css +0 -1
  197. package/lib/theme-chalk/empty.css +0 -1
  198. package/lib/theme-chalk/fonts/element-icons.ttf +0 -0
  199. package/lib/theme-chalk/fonts/element-icons.woff +0 -0
  200. package/lib/theme-chalk/footer.css +0 -1
  201. package/lib/theme-chalk/form-item.css +0 -0
  202. package/lib/theme-chalk/form.css +0 -1
  203. package/lib/theme-chalk/header.css +0 -1
  204. package/lib/theme-chalk/icon.css +0 -1
  205. package/lib/theme-chalk/image.css +0 -1
  206. package/lib/theme-chalk/index.css +0 -1
  207. package/lib/theme-chalk/infinite-scroll.css +0 -0
  208. package/lib/theme-chalk/infiniteScroll.css +0 -0
  209. package/lib/theme-chalk/input-number.css +0 -1
  210. package/lib/theme-chalk/input.css +0 -1
  211. package/lib/theme-chalk/link.css +0 -1
  212. package/lib/theme-chalk/loading.css +0 -1
  213. package/lib/theme-chalk/main.css +0 -1
  214. package/lib/theme-chalk/menu-item-group.css +0 -0
  215. package/lib/theme-chalk/menu-item.css +0 -0
  216. package/lib/theme-chalk/menu.css +0 -1
  217. package/lib/theme-chalk/message-box.css +0 -1
  218. package/lib/theme-chalk/message.css +0 -1
  219. package/lib/theme-chalk/notification.css +0 -1
  220. package/lib/theme-chalk/option-group.css +0 -1
  221. package/lib/theme-chalk/option.css +0 -1
  222. package/lib/theme-chalk/page-header.css +0 -1
  223. package/lib/theme-chalk/pagination.css +0 -1
  224. package/lib/theme-chalk/popconfirm.css +0 -1
  225. package/lib/theme-chalk/popover.css +0 -1
  226. package/lib/theme-chalk/popper.css +0 -1
  227. package/lib/theme-chalk/progress.css +0 -1
  228. package/lib/theme-chalk/radio-button.css +0 -1
  229. package/lib/theme-chalk/radio-group.css +0 -1
  230. package/lib/theme-chalk/radio.css +0 -1
  231. package/lib/theme-chalk/rate.css +0 -1
  232. package/lib/theme-chalk/reset.css +0 -1
  233. package/lib/theme-chalk/result.css +0 -1
  234. package/lib/theme-chalk/row.css +0 -1
  235. package/lib/theme-chalk/scrollbar.css +0 -1
  236. package/lib/theme-chalk/select-dropdown.css +0 -1
  237. package/lib/theme-chalk/select.css +0 -1
  238. package/lib/theme-chalk/skeleton-item.css +0 -1
  239. package/lib/theme-chalk/skeleton.css +0 -1
  240. package/lib/theme-chalk/slider.css +0 -1
  241. package/lib/theme-chalk/spinner.css +0 -1
  242. package/lib/theme-chalk/statistic.css +0 -1
  243. package/lib/theme-chalk/step.css +0 -1
  244. package/lib/theme-chalk/steps.css +0 -1
  245. package/lib/theme-chalk/submenu.css +0 -0
  246. package/lib/theme-chalk/switch.css +0 -1
  247. package/lib/theme-chalk/tab-pane.css +0 -0
  248. package/lib/theme-chalk/table-column.css +0 -1
  249. package/lib/theme-chalk/table.css +0 -1
  250. package/lib/theme-chalk/tabs.css +0 -1
  251. package/lib/theme-chalk/tag.css +0 -1
  252. package/lib/theme-chalk/time-picker.css +0 -1
  253. package/lib/theme-chalk/time-select.css +0 -1
  254. package/lib/theme-chalk/timeline-item.css +0 -1
  255. package/lib/theme-chalk/timeline.css +0 -1
  256. package/lib/theme-chalk/tooltip.css +0 -1
  257. package/lib/theme-chalk/transfer.css +0 -1
  258. package/lib/theme-chalk/tree.css +0 -1
  259. package/lib/theme-chalk/upload.css +0 -1
  260. package/lib/time-picker.js +0 -2967
  261. package/lib/time-select.js +0 -1765
  262. package/lib/timeline-item.js +0 -371
  263. package/lib/timeline.js +0 -275
  264. package/lib/tooltip.js +0 -425
  265. package/lib/transfer.js +0 -1102
  266. package/lib/transitions/collapse-transition.js +0 -91
  267. package/lib/tree.js +0 -2263
  268. package/lib/umd/locale/af-ZA.js +0 -142
  269. package/lib/umd/locale/ar.js +0 -141
  270. package/lib/umd/locale/az.js +0 -141
  271. package/lib/umd/locale/bg.js +0 -142
  272. package/lib/umd/locale/bn.js +0 -141
  273. package/lib/umd/locale/ca.js +0 -141
  274. package/lib/umd/locale/cs-CZ.js +0 -144
  275. package/lib/umd/locale/da.js +0 -141
  276. package/lib/umd/locale/de.js +0 -143
  277. package/lib/umd/locale/ee.js +0 -142
  278. package/lib/umd/locale/el.js +0 -142
  279. package/lib/umd/locale/en.js +0 -142
  280. package/lib/umd/locale/eo.js +0 -142
  281. package/lib/umd/locale/es.js +0 -141
  282. package/lib/umd/locale/eu.js +0 -142
  283. package/lib/umd/locale/fa.js +0 -142
  284. package/lib/umd/locale/fi.js +0 -142
  285. package/lib/umd/locale/fr.js +0 -141
  286. package/lib/umd/locale/he.js +0 -142
  287. package/lib/umd/locale/hr.js +0 -142
  288. package/lib/umd/locale/hu.js +0 -141
  289. package/lib/umd/locale/hy-AM.js +0 -142
  290. package/lib/umd/locale/id.js +0 -142
  291. package/lib/umd/locale/is.js +0 -142
  292. package/lib/umd/locale/it.js +0 -141
  293. package/lib/umd/locale/ja.js +0 -142
  294. package/lib/umd/locale/kg.js +0 -142
  295. package/lib/umd/locale/km.js +0 -142
  296. package/lib/umd/locale/ko.js +0 -142
  297. package/lib/umd/locale/ku.js +0 -142
  298. package/lib/umd/locale/kz.js +0 -142
  299. package/lib/umd/locale/lo-LA.js +0 -141
  300. package/lib/umd/locale/lt.js +0 -142
  301. package/lib/umd/locale/lv.js +0 -142
  302. package/lib/umd/locale/mn.js +0 -142
  303. package/lib/umd/locale/ms.js +0 -141
  304. package/lib/umd/locale/nb-NO.js +0 -141
  305. package/lib/umd/locale/nl.js +0 -142
  306. package/lib/umd/locale/pl.js +0 -142
  307. package/lib/umd/locale/pt-br.js +0 -142
  308. package/lib/umd/locale/pt.js +0 -142
  309. package/lib/umd/locale/ro.js +0 -142
  310. package/lib/umd/locale/ru-RU.js +0 -142
  311. package/lib/umd/locale/si.js +0 -142
  312. package/lib/umd/locale/sk.js +0 -144
  313. package/lib/umd/locale/sl.js +0 -142
  314. package/lib/umd/locale/sr-Latn.js +0 -142
  315. package/lib/umd/locale/sr.js +0 -142
  316. package/lib/umd/locale/sv-SE.js +0 -142
  317. package/lib/umd/locale/sw.js +0 -142
  318. package/lib/umd/locale/ta.js +0 -141
  319. package/lib/umd/locale/th.js +0 -142
  320. package/lib/umd/locale/tk.js +0 -142
  321. package/lib/umd/locale/tr-TR.js +0 -142
  322. package/lib/umd/locale/ua.js +0 -142
  323. package/lib/umd/locale/ug-CN.js +0 -142
  324. package/lib/umd/locale/uz-UZ.js +0 -142
  325. package/lib/umd/locale/vi.js +0 -142
  326. package/lib/umd/locale/zh-CN.js +0 -142
  327. package/lib/umd/locale/zh-TW.js +0 -142
  328. package/lib/upload.js +0 -1390
  329. package/lib/utils/after-leave.js +0 -35
  330. package/lib/utils/aria-dialog.js +0 -104
  331. package/lib/utils/aria-utils.js +0 -126
  332. package/lib/utils/clickoutside.js +0 -79
  333. package/lib/utils/date-util.js +0 -310
  334. package/lib/utils/date.js +0 -369
  335. package/lib/utils/dom.js +0 -234
  336. package/lib/utils/lodash.js +0 -9421
  337. package/lib/utils/menu/aria-menubar.js +0 -24
  338. package/lib/utils/menu/aria-menuitem.js +0 -62
  339. package/lib/utils/menu/aria-submenu.js +0 -69
  340. package/lib/utils/merge.js +0 -21
  341. package/lib/utils/popper.js +0 -1261
  342. package/lib/utils/popup/index.js +0 -233
  343. package/lib/utils/popup/popup-manager.js +0 -205
  344. package/lib/utils/resize-event.js +0 -59
  345. package/lib/utils/scroll-into-view.js +0 -38
  346. package/lib/utils/scrollbar-width.js +0 -39
  347. package/lib/utils/shared.js +0 -12
  348. package/lib/utils/types.js +0 -52
  349. package/lib/utils/util.js +0 -272
  350. package/lib/utils/vdom.js +0 -13
  351. package/lib/utils/vue-popper.js +0 -202
  352. package/packages/theme-chalk/lib/alert.css +0 -1
  353. package/packages/theme-chalk/lib/aside.css +0 -1
  354. package/packages/theme-chalk/lib/autocomplete.css +0 -1
  355. package/packages/theme-chalk/lib/avatar.css +0 -1
  356. package/packages/theme-chalk/lib/backtop.css +0 -1
  357. package/packages/theme-chalk/lib/badge.css +0 -1
  358. package/packages/theme-chalk/lib/base.css +0 -1
  359. package/packages/theme-chalk/lib/breadcrumb-item.css +0 -0
  360. package/packages/theme-chalk/lib/breadcrumb.css +0 -1
  361. package/packages/theme-chalk/lib/button-group.css +0 -0
  362. package/packages/theme-chalk/lib/button.css +0 -1
  363. package/packages/theme-chalk/lib/calendar.css +0 -1
  364. package/packages/theme-chalk/lib/card.css +0 -1
  365. package/packages/theme-chalk/lib/carousel-item.css +0 -1
  366. package/packages/theme-chalk/lib/carousel.css +0 -1
  367. package/packages/theme-chalk/lib/cascader-panel.css +0 -1
  368. package/packages/theme-chalk/lib/cascader.css +0 -1
  369. package/packages/theme-chalk/lib/checkbox-button.css +0 -0
  370. package/packages/theme-chalk/lib/checkbox-group.css +0 -0
  371. package/packages/theme-chalk/lib/checkbox.css +0 -1
  372. package/packages/theme-chalk/lib/col.css +0 -1
  373. package/packages/theme-chalk/lib/collapse-item.css +0 -0
  374. package/packages/theme-chalk/lib/collapse.css +0 -1
  375. package/packages/theme-chalk/lib/color-picker.css +0 -1
  376. package/packages/theme-chalk/lib/container.css +0 -1
  377. package/packages/theme-chalk/lib/date-picker.css +0 -1
  378. package/packages/theme-chalk/lib/descriptions-item.css +0 -1
  379. package/packages/theme-chalk/lib/descriptions.css +0 -1
  380. package/packages/theme-chalk/lib/dialog.css +0 -1
  381. package/packages/theme-chalk/lib/display.css +0 -1
  382. package/packages/theme-chalk/lib/divider.css +0 -1
  383. package/packages/theme-chalk/lib/drawer.css +0 -1
  384. package/packages/theme-chalk/lib/dropdown-item.css +0 -0
  385. package/packages/theme-chalk/lib/dropdown-menu.css +0 -0
  386. package/packages/theme-chalk/lib/dropdown.css +0 -1
  387. package/packages/theme-chalk/lib/empty.css +0 -1
  388. package/packages/theme-chalk/lib/fonts/element-icons.ttf +0 -0
  389. package/packages/theme-chalk/lib/fonts/element-icons.woff +0 -0
  390. package/packages/theme-chalk/lib/footer.css +0 -1
  391. package/packages/theme-chalk/lib/form-item.css +0 -0
  392. package/packages/theme-chalk/lib/form.css +0 -1
  393. package/packages/theme-chalk/lib/header.css +0 -1
  394. package/packages/theme-chalk/lib/icon.css +0 -1
  395. package/packages/theme-chalk/lib/image.css +0 -1
  396. package/packages/theme-chalk/lib/index.css +0 -1
  397. package/packages/theme-chalk/lib/infinite-scroll.css +0 -0
  398. package/packages/theme-chalk/lib/infiniteScroll.css +0 -0
  399. package/packages/theme-chalk/lib/input-number.css +0 -1
  400. package/packages/theme-chalk/lib/input.css +0 -1
  401. package/packages/theme-chalk/lib/link.css +0 -1
  402. package/packages/theme-chalk/lib/loading.css +0 -1
  403. package/packages/theme-chalk/lib/main.css +0 -1
  404. package/packages/theme-chalk/lib/menu-item-group.css +0 -0
  405. package/packages/theme-chalk/lib/menu-item.css +0 -0
  406. package/packages/theme-chalk/lib/menu.css +0 -1
  407. package/packages/theme-chalk/lib/message-box.css +0 -1
  408. package/packages/theme-chalk/lib/message.css +0 -1
  409. package/packages/theme-chalk/lib/notification.css +0 -1
  410. package/packages/theme-chalk/lib/option-group.css +0 -1
  411. package/packages/theme-chalk/lib/option.css +0 -1
  412. package/packages/theme-chalk/lib/page-header.css +0 -1
  413. package/packages/theme-chalk/lib/pagination.css +0 -1
  414. package/packages/theme-chalk/lib/popconfirm.css +0 -1
  415. package/packages/theme-chalk/lib/popover.css +0 -1
  416. package/packages/theme-chalk/lib/popper.css +0 -1
  417. package/packages/theme-chalk/lib/progress.css +0 -1
  418. package/packages/theme-chalk/lib/radio-button.css +0 -1
  419. package/packages/theme-chalk/lib/radio-group.css +0 -1
  420. package/packages/theme-chalk/lib/radio.css +0 -1
  421. package/packages/theme-chalk/lib/rate.css +0 -1
  422. package/packages/theme-chalk/lib/reset.css +0 -1
  423. package/packages/theme-chalk/lib/result.css +0 -1
  424. package/packages/theme-chalk/lib/row.css +0 -1
  425. package/packages/theme-chalk/lib/scrollbar.css +0 -1
  426. package/packages/theme-chalk/lib/select-dropdown.css +0 -1
  427. package/packages/theme-chalk/lib/select.css +0 -1
  428. package/packages/theme-chalk/lib/skeleton-item.css +0 -1
  429. package/packages/theme-chalk/lib/skeleton.css +0 -1
  430. package/packages/theme-chalk/lib/slider.css +0 -1
  431. package/packages/theme-chalk/lib/spinner.css +0 -1
  432. package/packages/theme-chalk/lib/statistic.css +0 -1
  433. package/packages/theme-chalk/lib/step.css +0 -1
  434. package/packages/theme-chalk/lib/steps.css +0 -1
  435. package/packages/theme-chalk/lib/submenu.css +0 -0
  436. package/packages/theme-chalk/lib/switch.css +0 -1
  437. package/packages/theme-chalk/lib/tab-pane.css +0 -0
  438. package/packages/theme-chalk/lib/table-column.css +0 -1
  439. package/packages/theme-chalk/lib/table.css +0 -1
  440. package/packages/theme-chalk/lib/tabs.css +0 -1
  441. package/packages/theme-chalk/lib/tag.css +0 -1
  442. package/packages/theme-chalk/lib/time-picker.css +0 -1
  443. package/packages/theme-chalk/lib/time-select.css +0 -1
  444. package/packages/theme-chalk/lib/timeline-item.css +0 -1
  445. package/packages/theme-chalk/lib/timeline.css +0 -1
  446. package/packages/theme-chalk/lib/tooltip.css +0 -1
  447. package/packages/theme-chalk/lib/transfer.css +0 -1
  448. package/packages/theme-chalk/lib/tree.css +0 -1
  449. package/packages/theme-chalk/lib/upload.css +0 -1
  450. /package/types/{element-ui.d.ts → element-sim.d.ts} +0 -0
package/lib/table.js DELETED
@@ -1,5010 +0,0 @@
1
- module.exports =
2
- /******/ (function(modules) { // webpackBootstrap
3
- /******/ // The module cache
4
- /******/ var installedModules = {};
5
- /******/
6
- /******/ // The require function
7
- /******/ function __webpack_require__(moduleId) {
8
- /******/
9
- /******/ // Check if module is in cache
10
- /******/ if(installedModules[moduleId]) {
11
- /******/ return installedModules[moduleId].exports;
12
- /******/ }
13
- /******/ // Create a new module (and put it into the cache)
14
- /******/ var module = installedModules[moduleId] = {
15
- /******/ i: moduleId,
16
- /******/ l: false,
17
- /******/ exports: {}
18
- /******/ };
19
- /******/
20
- /******/ // Execute the module function
21
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
22
- /******/
23
- /******/ // Flag the module as loaded
24
- /******/ module.l = true;
25
- /******/
26
- /******/ // Return the exports of the module
27
- /******/ return module.exports;
28
- /******/ }
29
- /******/
30
- /******/
31
- /******/ // expose the modules object (__webpack_modules__)
32
- /******/ __webpack_require__.m = modules;
33
- /******/
34
- /******/ // expose the module cache
35
- /******/ __webpack_require__.c = installedModules;
36
- /******/
37
- /******/ // define getter function for harmony exports
38
- /******/ __webpack_require__.d = function(exports, name, getter) {
39
- /******/ if(!__webpack_require__.o(exports, name)) {
40
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
41
- /******/ }
42
- /******/ };
43
- /******/
44
- /******/ // define __esModule on exports
45
- /******/ __webpack_require__.r = function(exports) {
46
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
47
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
48
- /******/ }
49
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
50
- /******/ };
51
- /******/
52
- /******/ // create a fake namespace object
53
- /******/ // mode & 1: value is a module id, require it
54
- /******/ // mode & 2: merge all properties of value into the ns
55
- /******/ // mode & 4: return value when already ns object
56
- /******/ // mode & 8|1: behave like require
57
- /******/ __webpack_require__.t = function(value, mode) {
58
- /******/ if(mode & 1) value = __webpack_require__(value);
59
- /******/ if(mode & 8) return value;
60
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
61
- /******/ var ns = Object.create(null);
62
- /******/ __webpack_require__.r(ns);
63
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
64
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
65
- /******/ return ns;
66
- /******/ };
67
- /******/
68
- /******/ // getDefaultExport function for compatibility with non-harmony modules
69
- /******/ __webpack_require__.n = function(module) {
70
- /******/ var getter = module && module.__esModule ?
71
- /******/ function getDefault() { return module['default']; } :
72
- /******/ function getModuleExports() { return module; };
73
- /******/ __webpack_require__.d(getter, 'a', getter);
74
- /******/ return getter;
75
- /******/ };
76
- /******/
77
- /******/ // Object.prototype.hasOwnProperty.call
78
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
79
- /******/
80
- /******/ // __webpack_public_path__
81
- /******/ __webpack_require__.p = "/dist/";
82
- /******/
83
- /******/
84
- /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 58);
86
- /******/ })
87
- /************************************************************************/
88
- /******/ ([
89
- /* 0 */
90
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
91
-
92
- "use strict";
93
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
94
- /* globals __VUE_SSR_CONTEXT__ */
95
-
96
- // IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
97
- // This module is a runtime utility for cleaner component module output and will
98
- // be included in the final webpack user bundle.
99
-
100
- function normalizeComponent(
101
- scriptExports,
102
- render,
103
- staticRenderFns,
104
- functionalTemplate,
105
- injectStyles,
106
- scopeId,
107
- moduleIdentifier /* server only */,
108
- shadowMode /* vue-cli only */
109
- ) {
110
- // Vue.extend constructor export interop
111
- var options =
112
- typeof scriptExports === 'function' ? scriptExports.options : scriptExports
113
-
114
- // render functions
115
- if (render) {
116
- options.render = render
117
- options.staticRenderFns = staticRenderFns
118
- options._compiled = true
119
- }
120
-
121
- // functional template
122
- if (functionalTemplate) {
123
- options.functional = true
124
- }
125
-
126
- // scopedId
127
- if (scopeId) {
128
- options._scopeId = 'data-v-' + scopeId
129
- }
130
-
131
- var hook
132
- if (moduleIdentifier) {
133
- // server build
134
- hook = function (context) {
135
- // 2.3 injection
136
- context =
137
- context || // cached call
138
- (this.$vnode && this.$vnode.ssrContext) || // stateful
139
- (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
140
- // 2.2 with runInNewContext: true
141
- if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
142
- context = __VUE_SSR_CONTEXT__
143
- }
144
- // inject component styles
145
- if (injectStyles) {
146
- injectStyles.call(this, context)
147
- }
148
- // register component module identifier for async chunk inferrence
149
- if (context && context._registeredComponents) {
150
- context._registeredComponents.add(moduleIdentifier)
151
- }
152
- }
153
- // used by ssr in case component is cached and beforeCreate
154
- // never gets called
155
- options._ssrRegister = hook
156
- } else if (injectStyles) {
157
- hook = shadowMode
158
- ? function () {
159
- injectStyles.call(
160
- this,
161
- (options.functional ? this.parent : this).$root.$options.shadowRoot
162
- )
163
- }
164
- : injectStyles
165
- }
166
-
167
- if (hook) {
168
- if (options.functional) {
169
- // for template-only hot-reload because in that case the render fn doesn't
170
- // go through the normalizer
171
- options._injectStyles = hook
172
- // register for functional component in vue file
173
- var originalRender = options.render
174
- options.render = function renderWithStyleInjection(h, context) {
175
- hook.call(context)
176
- return originalRender(h, context)
177
- }
178
- } else {
179
- // inject component registration as beforeCreate hook
180
- var existing = options.beforeCreate
181
- options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
182
- }
183
- }
184
-
185
- return {
186
- exports: scriptExports,
187
- options: options
188
- }
189
- }
190
-
191
-
192
- /***/ }),
193
- /* 1 */,
194
- /* 2 */
195
- /***/ (function(module, exports) {
196
-
197
- module.exports = require("element-SIM/lib/utils/dom");
198
-
199
- /***/ }),
200
- /* 3 */
201
- /***/ (function(module, exports) {
202
-
203
- module.exports = require("element-SIM/lib/utils/util");
204
-
205
- /***/ }),
206
- /* 4 */,
207
- /* 5 */
208
- /***/ (function(module, exports) {
209
-
210
- module.exports = require("element-SIM/lib/utils/vue-popper");
211
-
212
- /***/ }),
213
- /* 6 */
214
- /***/ (function(module, exports) {
215
-
216
- module.exports = require("element-SIM/lib/mixins/locale");
217
-
218
- /***/ }),
219
- /* 7 */
220
- /***/ (function(module, exports) {
221
-
222
- module.exports = require("vue");
223
-
224
- /***/ }),
225
- /* 8 */
226
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
227
-
228
- "use strict";
229
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getCell; });
230
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return orderBy; });
231
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getColumnById; });
232
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getColumnByKey; });
233
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getColumnByCell; });
234
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return getRowIdentity; });
235
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getKeysMap; });
236
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return mergeOptions; });
237
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return parseWidth; });
238
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return parseMinWidth; });
239
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return parseHeight; });
240
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return compose; });
241
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "n", function() { return toggleRowStatus; });
242
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "o", function() { return walkTreeNode; });
243
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return objectEquals; });
244
- /* harmony import */ var element_SIM_src_utils_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
245
- /* harmony import */ var element_SIM_src_utils_util__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_SIM_src_utils_util__WEBPACK_IMPORTED_MODULE_0__);
246
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
247
-
248
-
249
-
250
- var getCell = function getCell(event) {
251
- var cell = event.target;
252
-
253
- while (cell && cell.tagName.toUpperCase() !== 'HTML') {
254
- if (cell.tagName.toUpperCase() === 'TD') {
255
- return cell;
256
- }
257
- cell = cell.parentNode;
258
- }
259
-
260
- return null;
261
- };
262
-
263
- var isObject = function isObject(obj) {
264
- return obj !== null && (typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object';
265
- };
266
-
267
- var orderBy = function orderBy(array, sortKey, reverse, sortMethod, sortBy) {
268
- if (!sortKey && !sortMethod && (!sortBy || Array.isArray(sortBy) && !sortBy.length)) {
269
- return array;
270
- }
271
- if (typeof reverse === 'string') {
272
- reverse = reverse === 'descending' ? -1 : 1;
273
- } else {
274
- reverse = reverse && reverse < 0 ? -1 : 1;
275
- }
276
- var getKey = sortMethod ? null : function (value, index) {
277
- if (sortBy) {
278
- if (!Array.isArray(sortBy)) {
279
- sortBy = [sortBy];
280
- }
281
- return sortBy.map(function (by) {
282
- if (typeof by === 'string') {
283
- return Object(element_SIM_src_utils_util__WEBPACK_IMPORTED_MODULE_0__["getValueByPath"])(value, by);
284
- } else {
285
- return by(value, index, array);
286
- }
287
- });
288
- }
289
- if (sortKey !== '$key') {
290
- if (isObject(value) && '$value' in value) value = value.$value;
291
- }
292
- return [isObject(value) ? Object(element_SIM_src_utils_util__WEBPACK_IMPORTED_MODULE_0__["getValueByPath"])(value, sortKey) : value];
293
- };
294
- var compare = function compare(a, b) {
295
- if (sortMethod) {
296
- return sortMethod(a.value, b.value);
297
- }
298
- for (var i = 0, len = a.key.length; i < len; i++) {
299
- if (a.key[i] < b.key[i]) {
300
- return -1;
301
- }
302
- if (a.key[i] > b.key[i]) {
303
- return 1;
304
- }
305
- }
306
- return 0;
307
- };
308
- return array.map(function (value, index) {
309
- return {
310
- value: value,
311
- index: index,
312
- key: getKey ? getKey(value, index) : null
313
- };
314
- }).sort(function (a, b) {
315
- var order = compare(a, b);
316
- if (!order) {
317
- // make stable https://en.wikipedia.org/wiki/Sorting_algorithm#Stability
318
- order = a.index - b.index;
319
- }
320
- return order * reverse;
321
- }).map(function (item) {
322
- return item.value;
323
- });
324
- };
325
-
326
- var getColumnById = function getColumnById(table, columnId) {
327
- var column = null;
328
- table.columns.forEach(function (item) {
329
- if (item.id === columnId) {
330
- column = item;
331
- }
332
- });
333
- return column;
334
- };
335
-
336
- var getColumnByKey = function getColumnByKey(table, columnKey) {
337
- var column = null;
338
- for (var i = 0; i < table.columns.length; i++) {
339
- var item = table.columns[i];
340
- if (item.columnKey === columnKey) {
341
- column = item;
342
- break;
343
- }
344
- }
345
- return column;
346
- };
347
-
348
- var getColumnByCell = function getColumnByCell(table, cell) {
349
- var matches = (cell.className || '').match(/el-table_[^\s]+/gm);
350
- if (matches) {
351
- return getColumnById(table, matches[0]);
352
- }
353
- return null;
354
- };
355
-
356
- var getRowIdentity = function getRowIdentity(row, rowKey) {
357
- if (!row) throw new Error('row is required when get row identity');
358
- if (typeof rowKey === 'string') {
359
- if (rowKey.indexOf('.') < 0) {
360
- return row[rowKey];
361
- }
362
- var key = rowKey.split('.');
363
- var current = row;
364
- for (var i = 0; i < key.length; i++) {
365
- current = current[key[i]];
366
- }
367
- return current;
368
- } else if (typeof rowKey === 'function') {
369
- return rowKey.call(null, row);
370
- }
371
- };
372
-
373
- var getKeysMap = function getKeysMap(array, rowKey) {
374
- var arrayMap = {};
375
- (array || []).forEach(function (row, index) {
376
- arrayMap[getRowIdentity(row, rowKey)] = { row: row, index: index };
377
- });
378
- return arrayMap;
379
- };
380
-
381
- function hasOwn(obj, key) {
382
- return Object.prototype.hasOwnProperty.call(obj, key);
383
- }
384
-
385
- function mergeOptions(defaults, config) {
386
- var options = {};
387
- var key = void 0;
388
- for (key in defaults) {
389
- options[key] = defaults[key];
390
- }
391
- for (key in config) {
392
- if (hasOwn(config, key)) {
393
- var value = config[key];
394
- if (typeof value !== 'undefined') {
395
- options[key] = value;
396
- }
397
- }
398
- }
399
- return options;
400
- }
401
-
402
- function parseWidth(width) {
403
- if (width !== undefined) {
404
- width = parseInt(width, 10);
405
- if (isNaN(width)) {
406
- width = null;
407
- }
408
- }
409
- return width;
410
- }
411
-
412
- function parseMinWidth(minWidth) {
413
- if (typeof minWidth !== 'undefined') {
414
- minWidth = parseWidth(minWidth);
415
- if (isNaN(minWidth)) {
416
- minWidth = 80;
417
- }
418
- }
419
- return minWidth;
420
- };
421
-
422
- function parseHeight(height) {
423
- if (typeof height === 'number') {
424
- return height;
425
- }
426
- if (typeof height === 'string') {
427
- if (/^\d+(?:px)?$/.test(height)) {
428
- return parseInt(height, 10);
429
- } else {
430
- return height;
431
- }
432
- }
433
- return null;
434
- }
435
-
436
- // https://github.com/reduxjs/redux/blob/master/src/compose.js
437
- function compose() {
438
- for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
439
- funcs[_key] = arguments[_key];
440
- }
441
-
442
- if (funcs.length === 0) {
443
- return function (arg) {
444
- return arg;
445
- };
446
- }
447
- if (funcs.length === 1) {
448
- return funcs[0];
449
- }
450
- return funcs.reduce(function (a, b) {
451
- return function () {
452
- return a(b.apply(undefined, arguments));
453
- };
454
- });
455
- }
456
-
457
- function toggleRowStatus(statusArr, row, newVal) {
458
- var changed = false;
459
- var index = statusArr.indexOf(row);
460
- var included = index !== -1;
461
-
462
- var addRow = function addRow() {
463
- statusArr.push(row);
464
- changed = true;
465
- };
466
- var removeRow = function removeRow() {
467
- statusArr.splice(index, 1);
468
- changed = true;
469
- };
470
-
471
- if (typeof newVal === 'boolean') {
472
- if (newVal && !included) {
473
- addRow();
474
- } else if (!newVal && included) {
475
- removeRow();
476
- }
477
- } else {
478
- if (included) {
479
- removeRow();
480
- } else {
481
- addRow();
482
- }
483
- }
484
- return changed;
485
- }
486
-
487
- function walkTreeNode(root, cb) {
488
- var childrenKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
489
- var lazyKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'hasChildren';
490
-
491
- var isNil = function isNil(array) {
492
- return !(Array.isArray(array) && array.length);
493
- };
494
-
495
- function _walker(parent, children, level) {
496
- cb(parent, children, level);
497
- children.forEach(function (item) {
498
- if (item[lazyKey]) {
499
- cb(item, null, level + 1);
500
- return;
501
- }
502
- var children = item[childrenKey];
503
- if (!isNil(children)) {
504
- _walker(item, children, level + 1);
505
- }
506
- });
507
- }
508
-
509
- root.forEach(function (item) {
510
- if (item[lazyKey]) {
511
- cb(item, null, 0);
512
- return;
513
- }
514
- var children = item[childrenKey];
515
- if (!isNil(children)) {
516
- _walker(item, children, 0);
517
- }
518
- });
519
- }
520
-
521
- var objectEquals = function objectEquals(objectA, objectB) {
522
- // 取对象a和b的属性名
523
- var aProps = Object.getOwnPropertyNames(objectA);
524
- var bProps = Object.getOwnPropertyNames(objectB);
525
- // 判断属性名的length是否一致
526
- if (aProps.length !== bProps.length) {
527
- return false;
528
- }
529
- // 循环取出属性名,再判断属性值是否一致
530
- for (var i = 0; i < aProps.length; i++) {
531
- var propName = aProps[i];
532
- if (objectA[propName] !== objectB[propName]) {
533
- return false;
534
- }
535
- }
536
- return true;
537
- };
538
-
539
- /***/ }),
540
- /* 9 */
541
- /***/ (function(module, exports) {
542
-
543
- module.exports = require("element-SIM/lib/utils/merge");
544
-
545
- /***/ }),
546
- /* 10 */,
547
- /* 11 */
548
- /***/ (function(module, exports) {
549
-
550
- module.exports = require("element-SIM/lib/mixins/migrating");
551
-
552
- /***/ }),
553
- /* 12 */
554
- /***/ (function(module, exports) {
555
-
556
- module.exports = require("element-SIM/lib/utils/clickoutside");
557
-
558
- /***/ }),
559
- /* 13 */
560
- /***/ (function(module, exports) {
561
-
562
- module.exports = require("element-SIM/lib/utils/popup");
563
-
564
- /***/ }),
565
- /* 14 */,
566
- /* 15 */
567
- /***/ (function(module, exports) {
568
-
569
- module.exports = require("element-SIM/lib/scrollbar");
570
-
571
- /***/ }),
572
- /* 16 */
573
- /***/ (function(module, exports) {
574
-
575
- module.exports = require("element-SIM/lib/utils/resize-event");
576
-
577
- /***/ }),
578
- /* 17 */,
579
- /* 18 */
580
- /***/ (function(module, exports) {
581
-
582
- module.exports = require("element-SIM/lib/checkbox");
583
-
584
- /***/ }),
585
- /* 19 */
586
- /***/ (function(module, exports) {
587
-
588
- module.exports = require("throttle-debounce/debounce");
589
-
590
- /***/ }),
591
- /* 20 */,
592
- /* 21 */,
593
- /* 22 */,
594
- /* 23 */,
595
- /* 24 */,
596
- /* 25 */,
597
- /* 26 */,
598
- /* 27 */,
599
- /* 28 */,
600
- /* 29 */
601
- /***/ (function(module, exports) {
602
-
603
- module.exports = require("element-SIM/lib/tooltip");
604
-
605
- /***/ }),
606
- /* 30 */,
607
- /* 31 */,
608
- /* 32 */,
609
- /* 33 */,
610
- /* 34 */,
611
- /* 35 */,
612
- /* 36 */,
613
- /* 37 */,
614
- /* 38 */,
615
- /* 39 */
616
- /***/ (function(module, exports) {
617
-
618
- module.exports = require("element-SIM/lib/utils/scrollbar-width");
619
-
620
- /***/ }),
621
- /* 40 */
622
- /***/ (function(module, exports) {
623
-
624
- module.exports = require("element-SIM/lib/checkbox-group");
625
-
626
- /***/ }),
627
- /* 41 */,
628
- /* 42 */,
629
- /* 43 */,
630
- /* 44 */
631
- /***/ (function(module, exports) {
632
-
633
- module.exports = require("throttle-debounce");
634
-
635
- /***/ }),
636
- /* 45 */,
637
- /* 46 */,
638
- /* 47 */
639
- /***/ (function(module, exports) {
640
-
641
- module.exports = require("normalize-wheel");
642
-
643
- /***/ }),
644
- /* 48 */,
645
- /* 49 */,
646
- /* 50 */,
647
- /* 51 */,
648
- /* 52 */,
649
- /* 53 */,
650
- /* 54 */,
651
- /* 55 */,
652
- /* 56 */,
653
- /* 57 */,
654
- /* 58 */
655
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
656
-
657
- "use strict";
658
- // ESM COMPAT FLAG
659
- __webpack_require__.r(__webpack_exports__);
660
-
661
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/table.vue?vue&type=template&id=6f29b274
662
- var render = function () {
663
- var _vm = this
664
- var _h = _vm.$createElement
665
- var _c = _vm._self._c || _h
666
- return _c(
667
- "div",
668
- {
669
- staticClass: "el-table",
670
- class: [
671
- {
672
- "el-table--fit": _vm.fit,
673
- "el-table--striped": _vm.stripe,
674
- "el-table--border": _vm.border || _vm.isGroup,
675
- "el-table--hidden": _vm.isHidden,
676
- "el-table--group": _vm.isGroup,
677
- "el-table--fluid-height": _vm.maxHeight,
678
- "el-table--scrollable-x": _vm.layout.scrollX,
679
- "el-table--scrollable-y": _vm.layout.scrollY,
680
- "el-table--enable-row-hover": !_vm.store.states.isComplex,
681
- "el-table--enable-row-transition":
682
- (_vm.store.states.data || []).length !== 0 &&
683
- (_vm.store.states.data || []).length < 100,
684
- },
685
- _vm.tableSize ? "el-table--" + _vm.tableSize : "",
686
- ],
687
- on: {
688
- mouseleave: function ($event) {
689
- _vm.handleMouseLeave($event)
690
- },
691
- },
692
- },
693
- [
694
- _c(
695
- "div",
696
- { ref: "hiddenColumns", staticClass: "hidden-columns" },
697
- [_vm._t("default")],
698
- 2
699
- ),
700
- _vm.showHeader
701
- ? _c(
702
- "div",
703
- {
704
- directives: [
705
- {
706
- name: "mousewheel",
707
- rawName: "v-mousewheel",
708
- value: _vm.handleHeaderFooterMousewheel,
709
- expression: "handleHeaderFooterMousewheel",
710
- },
711
- ],
712
- ref: "headerWrapper",
713
- staticClass: "el-table__header-wrapper",
714
- },
715
- [
716
- _c("table-header", {
717
- ref: "tableHeader",
718
- style: {
719
- width: _vm.layout.bodyWidth
720
- ? _vm.layout.bodyWidth + "px"
721
- : "",
722
- },
723
- attrs: {
724
- store: _vm.store,
725
- border: _vm.border,
726
- "default-sort": _vm.defaultSort,
727
- },
728
- }),
729
- ],
730
- 1
731
- )
732
- : _vm._e(),
733
- _c(
734
- "div",
735
- {
736
- ref: "bodyWrapper",
737
- staticClass: "el-table__body-wrapper",
738
- class: [
739
- _vm.layout.scrollX
740
- ? "is-scrolling-" + _vm.scrollPosition
741
- : "is-scrolling-none",
742
- ],
743
- style: [_vm.bodyHeight],
744
- },
745
- [
746
- _c("table-body", {
747
- style: {
748
- width: _vm.bodyWidth,
749
- },
750
- attrs: {
751
- context: _vm.context,
752
- store: _vm.store,
753
- stripe: _vm.stripe,
754
- "row-class-name": _vm.rowClassName,
755
- "row-style": _vm.rowStyle,
756
- highlight: _vm.highlightCurrentRow,
757
- },
758
- }),
759
- !_vm.data || _vm.data.length === 0
760
- ? _c(
761
- "div",
762
- {
763
- ref: "emptyBlock",
764
- staticClass: "el-table__empty-block",
765
- style: _vm.emptyBlockStyle,
766
- },
767
- [
768
- _c(
769
- "span",
770
- { staticClass: "el-table__empty-text" },
771
- [
772
- _vm._t("empty", [
773
- _vm._v(
774
- _vm._s(_vm.emptyText || _vm.t("el.table.emptyText"))
775
- ),
776
- ]),
777
- ],
778
- 2
779
- ),
780
- ]
781
- )
782
- : _vm._e(),
783
- _vm.$slots.append
784
- ? _c(
785
- "div",
786
- {
787
- ref: "appendWrapper",
788
- staticClass: "el-table__append-wrapper",
789
- },
790
- [_vm._t("append")],
791
- 2
792
- )
793
- : _vm._e(),
794
- ],
795
- 1
796
- ),
797
- _vm.showSummary
798
- ? _c(
799
- "div",
800
- {
801
- directives: [
802
- {
803
- name: "show",
804
- rawName: "v-show",
805
- value: _vm.data && _vm.data.length > 0,
806
- expression: "data && data.length > 0",
807
- },
808
- {
809
- name: "mousewheel",
810
- rawName: "v-mousewheel",
811
- value: _vm.handleHeaderFooterMousewheel,
812
- expression: "handleHeaderFooterMousewheel",
813
- },
814
- ],
815
- ref: "footerWrapper",
816
- staticClass: "el-table__footer-wrapper",
817
- },
818
- [
819
- _c("table-footer", {
820
- style: {
821
- width: _vm.layout.bodyWidth
822
- ? _vm.layout.bodyWidth + "px"
823
- : "",
824
- },
825
- attrs: {
826
- store: _vm.store,
827
- border: _vm.border,
828
- "sum-text": _vm.sumText || _vm.t("el.table.sumText"),
829
- "summary-method": _vm.summaryMethod,
830
- "default-sort": _vm.defaultSort,
831
- },
832
- }),
833
- ],
834
- 1
835
- )
836
- : _vm._e(),
837
- _vm.fixedColumns.length > 0
838
- ? _c(
839
- "div",
840
- {
841
- directives: [
842
- {
843
- name: "mousewheel",
844
- rawName: "v-mousewheel",
845
- value: _vm.handleFixedMousewheel,
846
- expression: "handleFixedMousewheel",
847
- },
848
- ],
849
- ref: "fixedWrapper",
850
- staticClass: "el-table__fixed",
851
- style: [
852
- {
853
- width: _vm.layout.fixedWidth
854
- ? _vm.layout.fixedWidth + "px"
855
- : "",
856
- },
857
- _vm.fixedHeight,
858
- ],
859
- },
860
- [
861
- _vm.showHeader
862
- ? _c(
863
- "div",
864
- {
865
- ref: "fixedHeaderWrapper",
866
- staticClass: "el-table__fixed-header-wrapper",
867
- },
868
- [
869
- _c("table-header", {
870
- ref: "fixedTableHeader",
871
- style: {
872
- width: _vm.bodyWidth,
873
- },
874
- attrs: {
875
- fixed: "left",
876
- border: _vm.border,
877
- store: _vm.store,
878
- },
879
- }),
880
- ],
881
- 1
882
- )
883
- : _vm._e(),
884
- _c(
885
- "div",
886
- {
887
- ref: "fixedBodyWrapper",
888
- staticClass: "el-table__fixed-body-wrapper",
889
- style: [
890
- {
891
- top: _vm.layout.headerHeight + "px",
892
- },
893
- _vm.fixedBodyHeight,
894
- ],
895
- },
896
- [
897
- _c("table-body", {
898
- style: {
899
- width: _vm.bodyWidth,
900
- },
901
- attrs: {
902
- fixed: "left",
903
- store: _vm.store,
904
- stripe: _vm.stripe,
905
- highlight: _vm.highlightCurrentRow,
906
- "row-class-name": _vm.rowClassName,
907
- "row-style": _vm.rowStyle,
908
- },
909
- }),
910
- _vm.$slots.append
911
- ? _c("div", {
912
- staticClass: "el-table__append-gutter",
913
- style: { height: _vm.layout.appendHeight + "px" },
914
- })
915
- : _vm._e(),
916
- ],
917
- 1
918
- ),
919
- _vm.showSummary
920
- ? _c(
921
- "div",
922
- {
923
- directives: [
924
- {
925
- name: "show",
926
- rawName: "v-show",
927
- value: _vm.data && _vm.data.length > 0,
928
- expression: "data && data.length > 0",
929
- },
930
- ],
931
- ref: "fixedFooterWrapper",
932
- staticClass: "el-table__fixed-footer-wrapper",
933
- },
934
- [
935
- _c("table-footer", {
936
- style: {
937
- width: _vm.bodyWidth,
938
- },
939
- attrs: {
940
- fixed: "left",
941
- border: _vm.border,
942
- "sum-text": _vm.sumText || _vm.t("el.table.sumText"),
943
- "summary-method": _vm.summaryMethod,
944
- store: _vm.store,
945
- },
946
- }),
947
- ],
948
- 1
949
- )
950
- : _vm._e(),
951
- ]
952
- )
953
- : _vm._e(),
954
- _vm.rightFixedColumns.length > 0
955
- ? _c(
956
- "div",
957
- {
958
- directives: [
959
- {
960
- name: "mousewheel",
961
- rawName: "v-mousewheel",
962
- value: _vm.handleFixedMousewheel,
963
- expression: "handleFixedMousewheel",
964
- },
965
- ],
966
- ref: "rightFixedWrapper",
967
- staticClass: "el-table__fixed-right",
968
- style: [
969
- {
970
- width: _vm.layout.rightFixedWidth
971
- ? _vm.layout.rightFixedWidth + "px"
972
- : "",
973
- right: _vm.layout.scrollY
974
- ? (_vm.border
975
- ? _vm.layout.gutterWidth
976
- : _vm.layout.gutterWidth || 0) + "px"
977
- : "",
978
- },
979
- _vm.fixedHeight,
980
- ],
981
- },
982
- [
983
- _vm.showHeader
984
- ? _c(
985
- "div",
986
- {
987
- ref: "rightFixedHeaderWrapper",
988
- staticClass: "el-table__fixed-header-wrapper",
989
- },
990
- [
991
- _c("table-header", {
992
- ref: "rightFixedTableHeader",
993
- style: {
994
- width: _vm.bodyWidth,
995
- },
996
- attrs: {
997
- fixed: "right",
998
- border: _vm.border,
999
- store: _vm.store,
1000
- },
1001
- }),
1002
- ],
1003
- 1
1004
- )
1005
- : _vm._e(),
1006
- _c(
1007
- "div",
1008
- {
1009
- ref: "rightFixedBodyWrapper",
1010
- staticClass: "el-table__fixed-body-wrapper",
1011
- style: [
1012
- {
1013
- top: _vm.layout.headerHeight + "px",
1014
- },
1015
- _vm.fixedBodyHeight,
1016
- ],
1017
- },
1018
- [
1019
- _c("table-body", {
1020
- style: {
1021
- width: _vm.bodyWidth,
1022
- },
1023
- attrs: {
1024
- fixed: "right",
1025
- store: _vm.store,
1026
- stripe: _vm.stripe,
1027
- "row-class-name": _vm.rowClassName,
1028
- "row-style": _vm.rowStyle,
1029
- highlight: _vm.highlightCurrentRow,
1030
- },
1031
- }),
1032
- _vm.$slots.append
1033
- ? _c("div", {
1034
- staticClass: "el-table__append-gutter",
1035
- style: { height: _vm.layout.appendHeight + "px" },
1036
- })
1037
- : _vm._e(),
1038
- ],
1039
- 1
1040
- ),
1041
- _vm.showSummary
1042
- ? _c(
1043
- "div",
1044
- {
1045
- directives: [
1046
- {
1047
- name: "show",
1048
- rawName: "v-show",
1049
- value: _vm.data && _vm.data.length > 0,
1050
- expression: "data && data.length > 0",
1051
- },
1052
- ],
1053
- ref: "rightFixedFooterWrapper",
1054
- staticClass: "el-table__fixed-footer-wrapper",
1055
- },
1056
- [
1057
- _c("table-footer", {
1058
- style: {
1059
- width: _vm.bodyWidth,
1060
- },
1061
- attrs: {
1062
- fixed: "right",
1063
- border: _vm.border,
1064
- "sum-text": _vm.sumText || _vm.t("el.table.sumText"),
1065
- "summary-method": _vm.summaryMethod,
1066
- store: _vm.store,
1067
- },
1068
- }),
1069
- ],
1070
- 1
1071
- )
1072
- : _vm._e(),
1073
- ]
1074
- )
1075
- : _vm._e(),
1076
- _vm.rightFixedColumns.length > 0
1077
- ? _c("div", {
1078
- ref: "rightFixedPatch",
1079
- staticClass: "el-table__fixed-right-patch",
1080
- style: {
1081
- width: _vm.layout.scrollY ? _vm.layout.gutterWidth + "px" : "0",
1082
- height: _vm.layout.headerHeight + "px",
1083
- },
1084
- })
1085
- : _vm._e(),
1086
- _c("div", {
1087
- directives: [
1088
- {
1089
- name: "show",
1090
- rawName: "v-show",
1091
- value: _vm.resizeProxyVisible,
1092
- expression: "resizeProxyVisible",
1093
- },
1094
- ],
1095
- ref: "resizeProxy",
1096
- staticClass: "el-table__column-resize-proxy",
1097
- }),
1098
- ]
1099
- )
1100
- }
1101
- var staticRenderFns = []
1102
- render._withStripped = true
1103
-
1104
-
1105
- // CONCATENATED MODULE: ./packages/table/src/table.vue?vue&type=template&id=6f29b274
1106
-
1107
- // EXTERNAL MODULE: external "element-SIM/lib/checkbox"
1108
- var checkbox_ = __webpack_require__(18);
1109
- var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_);
1110
-
1111
- // EXTERNAL MODULE: external "throttle-debounce"
1112
- var external_throttle_debounce_ = __webpack_require__(44);
1113
-
1114
- // EXTERNAL MODULE: external "element-SIM/lib/utils/resize-event"
1115
- var resize_event_ = __webpack_require__(16);
1116
-
1117
- // EXTERNAL MODULE: external "normalize-wheel"
1118
- var external_normalize_wheel_ = __webpack_require__(47);
1119
- var external_normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(external_normalize_wheel_);
1120
-
1121
- // CONCATENATED MODULE: ./src/directives/mousewheel.js
1122
-
1123
-
1124
- var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
1125
-
1126
- var mousewheel_mousewheel = function mousewheel(element, callback) {
1127
- if (element && element.addEventListener) {
1128
- element.addEventListener(isFirefox ? 'DOMMouseScroll' : 'mousewheel', function (event) {
1129
- var normalized = external_normalize_wheel_default()(event);
1130
- callback && callback.apply(this, [event, normalized]);
1131
- });
1132
- }
1133
- };
1134
-
1135
- /* harmony default export */ var directives_mousewheel = ({
1136
- bind: function bind(el, binding) {
1137
- mousewheel_mousewheel(el, binding.value);
1138
- }
1139
- });
1140
- // EXTERNAL MODULE: external "element-SIM/lib/mixins/locale"
1141
- var locale_ = __webpack_require__(6);
1142
- var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
1143
-
1144
- // EXTERNAL MODULE: external "element-SIM/lib/mixins/migrating"
1145
- var migrating_ = __webpack_require__(11);
1146
- var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
1147
-
1148
- // EXTERNAL MODULE: external "vue"
1149
- var external_vue_ = __webpack_require__(7);
1150
- var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
1151
-
1152
- // EXTERNAL MODULE: external "element-SIM/lib/utils/merge"
1153
- var merge_ = __webpack_require__(9);
1154
- var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
1155
-
1156
- // EXTERNAL MODULE: ./packages/table/src/util.js
1157
- var util = __webpack_require__(8);
1158
-
1159
- // CONCATENATED MODULE: ./packages/table/src/store/expand.js
1160
-
1161
-
1162
- /* harmony default export */ var expand = ({
1163
- data: function data() {
1164
- return {
1165
- states: {
1166
- defaultExpandAll: false,
1167
- expandRows: []
1168
- }
1169
- };
1170
- },
1171
-
1172
-
1173
- methods: {
1174
- updateExpandRows: function updateExpandRows() {
1175
- var _states = this.states,
1176
- _states$data = _states.data,
1177
- data = _states$data === undefined ? [] : _states$data,
1178
- rowKey = _states.rowKey,
1179
- defaultExpandAll = _states.defaultExpandAll,
1180
- expandRows = _states.expandRows;
1181
-
1182
- if (defaultExpandAll) {
1183
- this.states.expandRows = data.slice();
1184
- } else if (rowKey) {
1185
- // TODO:这里的代码可以优化
1186
- var expandRowsMap = Object(util["f" /* getKeysMap */])(expandRows, rowKey);
1187
- this.states.expandRows = data.reduce(function (prev, row) {
1188
- var rowId = Object(util["g" /* getRowIdentity */])(row, rowKey);
1189
- var rowInfo = expandRowsMap[rowId];
1190
- if (rowInfo) {
1191
- prev.push(row);
1192
- }
1193
- return prev;
1194
- }, []);
1195
- } else {
1196
- this.states.expandRows = [];
1197
- }
1198
- },
1199
- toggleRowExpansion: function toggleRowExpansion(row, expanded) {
1200
- var changed = Object(util["n" /* toggleRowStatus */])(this.states.expandRows, row, expanded);
1201
- if (changed) {
1202
- this.table.$emit('expand-change', row, this.states.expandRows.slice());
1203
- this.scheduleLayout();
1204
- }
1205
- },
1206
- setExpandRowKeys: function setExpandRowKeys(rowKeys) {
1207
- this.assertRowKey();
1208
- // TODO:这里的代码可以优化
1209
- var _states2 = this.states,
1210
- data = _states2.data,
1211
- rowKey = _states2.rowKey;
1212
-
1213
- var keysMap = Object(util["f" /* getKeysMap */])(data, rowKey);
1214
- this.states.expandRows = rowKeys.reduce(function (prev, cur) {
1215
- var info = keysMap[cur];
1216
- if (info) {
1217
- prev.push(info.row);
1218
- }
1219
- return prev;
1220
- }, []);
1221
- },
1222
- isRowExpanded: function isRowExpanded(row) {
1223
- var _states3 = this.states,
1224
- _states3$expandRows = _states3.expandRows,
1225
- expandRows = _states3$expandRows === undefined ? [] : _states3$expandRows,
1226
- rowKey = _states3.rowKey;
1227
-
1228
- if (rowKey) {
1229
- var expandMap = Object(util["f" /* getKeysMap */])(expandRows, rowKey);
1230
- return !!expandMap[Object(util["g" /* getRowIdentity */])(row, rowKey)];
1231
- }
1232
- return expandRows.indexOf(row) !== -1;
1233
- }
1234
- }
1235
- });
1236
- // EXTERNAL MODULE: external "element-SIM/lib/utils/util"
1237
- var util_ = __webpack_require__(3);
1238
-
1239
- // CONCATENATED MODULE: ./packages/table/src/store/current.js
1240
-
1241
-
1242
-
1243
- /* harmony default export */ var current = ({
1244
- data: function data() {
1245
- return {
1246
- states: {
1247
- // 不可响应的,设置 currentRowKey 时,data 不一定存在,也许无法算出正确的 currentRow
1248
- // 把该值缓存一下,当用户点击修改 currentRow 时,把该值重置为 null
1249
- _currentRowKey: null,
1250
- currentRow: null
1251
- }
1252
- };
1253
- },
1254
-
1255
-
1256
- methods: {
1257
- setCurrentRowKey: function setCurrentRowKey(key) {
1258
- this.assertRowKey();
1259
- this.states._currentRowKey = key;
1260
- this.setCurrentRowByKey(key);
1261
- },
1262
- restoreCurrentRowKey: function restoreCurrentRowKey() {
1263
- this.states._currentRowKey = null;
1264
- },
1265
- setCurrentRowByKey: function setCurrentRowByKey(key) {
1266
- var states = this.states;
1267
- var _states$data = states.data,
1268
- data = _states$data === undefined ? [] : _states$data,
1269
- rowKey = states.rowKey;
1270
-
1271
- var currentRow = null;
1272
- if (rowKey) {
1273
- currentRow = Object(util_["arrayFind"])(data, function (item) {
1274
- return Object(util["g" /* getRowIdentity */])(item, rowKey) === key;
1275
- });
1276
- }
1277
- states.currentRow = currentRow;
1278
- },
1279
- updateCurrentRow: function updateCurrentRow(currentRow) {
1280
- var states = this.states,
1281
- table = this.table;
1282
-
1283
- var oldCurrentRow = states.currentRow;
1284
- if (currentRow && currentRow !== oldCurrentRow) {
1285
- states.currentRow = currentRow;
1286
- table.$emit('current-change', currentRow, oldCurrentRow);
1287
- return;
1288
- }
1289
- if (!currentRow && oldCurrentRow) {
1290
- states.currentRow = null;
1291
- table.$emit('current-change', null, oldCurrentRow);
1292
- }
1293
- },
1294
- updateCurrentRowData: function updateCurrentRowData() {
1295
- var states = this.states,
1296
- table = this.table;
1297
- var rowKey = states.rowKey,
1298
- _currentRowKey = states._currentRowKey;
1299
- // data 为 null 时,解构时的默认值会被忽略
1300
-
1301
- var data = states.data || [];
1302
- var oldCurrentRow = states.currentRow;
1303
-
1304
- // 当 currentRow 不在 data 中时尝试更新数据
1305
- if (data.indexOf(oldCurrentRow) === -1 && oldCurrentRow) {
1306
- if (rowKey) {
1307
- var currentRowKey = Object(util["g" /* getRowIdentity */])(oldCurrentRow, rowKey);
1308
- this.setCurrentRowByKey(currentRowKey);
1309
- } else {
1310
- states.currentRow = null;
1311
- }
1312
- if (states.currentRow === null) {
1313
- table.$emit('current-change', null, oldCurrentRow);
1314
- }
1315
- } else if (_currentRowKey) {
1316
- // 把初始时下设置的 rowKey 转化成 rowData
1317
- this.setCurrentRowByKey(_currentRowKey);
1318
- this.restoreCurrentRowKey();
1319
- }
1320
- }
1321
- }
1322
- });
1323
- // CONCATENATED MODULE: ./packages/table/src/store/tree.js
1324
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
1325
-
1326
-
1327
-
1328
- /* harmony default export */ var tree = ({
1329
- data: function data() {
1330
- return {
1331
- states: {
1332
- // defaultExpandAll 存在于 expand.js 中,这里不重复添加
1333
- // 在展开行中,expandRowKeys 会被转化成 expandRows,expandRowKeys 这个属性只是记录了 TreeTable 行的展开
1334
- // TODO: 拆分为独立的 TreeTable,统一用法
1335
- expandRowKeys: [],
1336
- treeData: {},
1337
- indent: 16,
1338
- lazy: false,
1339
- lazyTreeNodeMap: {},
1340
- lazyColumnIdentifier: 'hasChildren',
1341
- childrenColumnName: 'children'
1342
- }
1343
- };
1344
- },
1345
-
1346
-
1347
- computed: {
1348
- // 嵌入型的数据,watch 无法是检测到变化 https://github.com/ElemeFE/element/issues/14998
1349
- // TODO: 使用 computed 解决该问题,是否会造成性能问题?
1350
- // @return { id: { level, children } }
1351
- normalizedData: function normalizedData() {
1352
- if (!this.states.rowKey) return {};
1353
- var data = this.states.data || [];
1354
- return this.normalize(data);
1355
- },
1356
-
1357
- // @return { id: { children } }
1358
- // 针对懒加载的情形,不处理嵌套数据
1359
- normalizedLazyNode: function normalizedLazyNode() {
1360
- var _states = this.states,
1361
- rowKey = _states.rowKey,
1362
- lazyTreeNodeMap = _states.lazyTreeNodeMap,
1363
- lazyColumnIdentifier = _states.lazyColumnIdentifier;
1364
-
1365
- var keys = Object.keys(lazyTreeNodeMap);
1366
- var res = {};
1367
- if (!keys.length) return res;
1368
- keys.forEach(function (key) {
1369
- if (lazyTreeNodeMap[key].length) {
1370
- var item = { children: [] };
1371
- lazyTreeNodeMap[key].forEach(function (row) {
1372
- var currentRowKey = Object(util["g" /* getRowIdentity */])(row, rowKey);
1373
- item.children.push(currentRowKey);
1374
- if (row[lazyColumnIdentifier] && !res[currentRowKey]) {
1375
- res[currentRowKey] = { children: [] };
1376
- }
1377
- });
1378
- res[key] = item;
1379
- }
1380
- });
1381
- return res;
1382
- }
1383
- },
1384
-
1385
- watch: {
1386
- normalizedData: 'updateTreeData',
1387
- normalizedLazyNode: 'updateTreeData'
1388
- },
1389
-
1390
- methods: {
1391
- normalize: function normalize(data) {
1392
- var _states2 = this.states,
1393
- childrenColumnName = _states2.childrenColumnName,
1394
- lazyColumnIdentifier = _states2.lazyColumnIdentifier,
1395
- rowKey = _states2.rowKey,
1396
- lazy = _states2.lazy;
1397
-
1398
- var res = {};
1399
- Object(util["o" /* walkTreeNode */])(data, function (parent, children, level) {
1400
- var parentId = Object(util["g" /* getRowIdentity */])(parent, rowKey);
1401
- if (Array.isArray(children)) {
1402
- res[parentId] = {
1403
- children: children.map(function (row) {
1404
- return Object(util["g" /* getRowIdentity */])(row, rowKey);
1405
- }),
1406
- level: level
1407
- };
1408
- } else if (lazy) {
1409
- // 当 children 不存在且 lazy 为 true,该节点即为懒加载的节点
1410
- res[parentId] = {
1411
- children: [],
1412
- lazy: true,
1413
- level: level
1414
- };
1415
- }
1416
- }, childrenColumnName, lazyColumnIdentifier);
1417
- return res;
1418
- },
1419
- updateTreeData: function updateTreeData() {
1420
- var nested = this.normalizedData;
1421
- var normalizedLazyNode = this.normalizedLazyNode;
1422
- var keys = Object.keys(nested);
1423
- var newTreeData = {};
1424
- if (keys.length) {
1425
- var _states3 = this.states,
1426
- oldTreeData = _states3.treeData,
1427
- defaultExpandAll = _states3.defaultExpandAll,
1428
- expandRowKeys = _states3.expandRowKeys,
1429
- lazy = _states3.lazy;
1430
-
1431
- var rootLazyRowKeys = [];
1432
- var getExpanded = function getExpanded(oldValue, key) {
1433
- var included = defaultExpandAll || expandRowKeys && expandRowKeys.indexOf(key) !== -1;
1434
- return !!(oldValue && oldValue.expanded || included);
1435
- };
1436
- // 合并 expanded 与 display,确保数据刷新后,状态不变
1437
- keys.forEach(function (key) {
1438
- var oldValue = oldTreeData[key];
1439
- var newValue = _extends({}, nested[key]);
1440
- newValue.expanded = getExpanded(oldValue, key);
1441
- if (newValue.lazy) {
1442
- var _ref = oldValue || {},
1443
- _ref$loaded = _ref.loaded,
1444
- loaded = _ref$loaded === undefined ? false : _ref$loaded,
1445
- _ref$loading = _ref.loading,
1446
- loading = _ref$loading === undefined ? false : _ref$loading;
1447
-
1448
- newValue.loaded = !!loaded;
1449
- newValue.loading = !!loading;
1450
- rootLazyRowKeys.push(key);
1451
- }
1452
- newTreeData[key] = newValue;
1453
- });
1454
- // 根据懒加载数据更新 treeData
1455
- var lazyKeys = Object.keys(normalizedLazyNode);
1456
- if (lazy && lazyKeys.length && rootLazyRowKeys.length) {
1457
- lazyKeys.forEach(function (key) {
1458
- var oldValue = oldTreeData[key];
1459
- var lazyNodeChildren = normalizedLazyNode[key].children;
1460
- if (rootLazyRowKeys.indexOf(key) !== -1) {
1461
- // 懒加载的 root 节点,更新一下原有的数据,原来的 children 一定是空数组
1462
- if (newTreeData[key].children.length !== 0) {
1463
- throw new Error('[ElTable]children must be an empty array.');
1464
- }
1465
- newTreeData[key].children = lazyNodeChildren;
1466
- } else {
1467
- var _ref2 = oldValue || {},
1468
- _ref2$loaded = _ref2.loaded,
1469
- loaded = _ref2$loaded === undefined ? false : _ref2$loaded,
1470
- _ref2$loading = _ref2.loading,
1471
- loading = _ref2$loading === undefined ? false : _ref2$loading;
1472
-
1473
- newTreeData[key] = {
1474
- lazy: true,
1475
- loaded: !!loaded,
1476
- loading: !!loading,
1477
- expanded: getExpanded(oldValue, key),
1478
- children: lazyNodeChildren,
1479
- level: ''
1480
- };
1481
- }
1482
- });
1483
- }
1484
- }
1485
- this.states.treeData = newTreeData;
1486
- this.updateTableScrollY();
1487
- },
1488
- updateTreeExpandKeys: function updateTreeExpandKeys(value) {
1489
- this.states.expandRowKeys = value;
1490
- this.updateTreeData();
1491
- },
1492
- toggleTreeExpansion: function toggleTreeExpansion(row, expanded) {
1493
- this.assertRowKey();
1494
-
1495
- var _states4 = this.states,
1496
- rowKey = _states4.rowKey,
1497
- treeData = _states4.treeData;
1498
-
1499
- var id = Object(util["g" /* getRowIdentity */])(row, rowKey);
1500
- var data = id && treeData[id];
1501
- if (id && data && 'expanded' in data) {
1502
- var oldExpanded = data.expanded;
1503
- expanded = typeof expanded === 'undefined' ? !data.expanded : expanded;
1504
- treeData[id].expanded = expanded;
1505
- if (oldExpanded !== expanded) {
1506
- this.table.$emit('expand-change', row, expanded);
1507
- }
1508
- this.updateTableScrollY();
1509
- }
1510
- },
1511
- loadOrToggle: function loadOrToggle(row) {
1512
- this.assertRowKey();
1513
- var _states5 = this.states,
1514
- lazy = _states5.lazy,
1515
- treeData = _states5.treeData,
1516
- rowKey = _states5.rowKey;
1517
-
1518
- var id = Object(util["g" /* getRowIdentity */])(row, rowKey);
1519
- var data = treeData[id];
1520
- if (lazy && data && 'loaded' in data && !data.loaded) {
1521
- this.loadData(row, id, data);
1522
- } else {
1523
- this.toggleTreeExpansion(row);
1524
- }
1525
- },
1526
- loadData: function loadData(row, key, treeNode) {
1527
- var _this = this;
1528
-
1529
- var load = this.table.load;
1530
- var rawTreeData = this.states.treeData;
1531
-
1532
- if (load && !rawTreeData[key].loaded) {
1533
- rawTreeData[key].loading = true;
1534
- load(row, treeNode, function (data) {
1535
- if (!Array.isArray(data)) {
1536
- throw new Error('[ElTable] data must be an array');
1537
- }
1538
- var _states6 = _this.states,
1539
- lazyTreeNodeMap = _states6.lazyTreeNodeMap,
1540
- treeData = _states6.treeData;
1541
-
1542
- treeData[key].loading = false;
1543
- treeData[key].loaded = true;
1544
- treeData[key].expanded = true;
1545
- if (data.length) {
1546
- _this.$set(lazyTreeNodeMap, key, data);
1547
- }
1548
- _this.table.$emit('expand-change', row, true);
1549
- });
1550
- }
1551
- }
1552
- }
1553
- });
1554
- // CONCATENATED MODULE: ./packages/table/src/store/watcher.js
1555
-
1556
-
1557
-
1558
-
1559
-
1560
-
1561
-
1562
- var watcher_sortData = function sortData(data, states) {
1563
- var sortingColumn = states.sortingColumn;
1564
- if (!sortingColumn || typeof sortingColumn.sortable === 'string') {
1565
- return data;
1566
- }
1567
- return Object(util["j" /* orderBy */])(data, states.sortProp, states.sortOrder, sortingColumn.sortMethod, sortingColumn.sortBy);
1568
- };
1569
-
1570
- var doFlattenColumns = function doFlattenColumns(columns) {
1571
- var result = [];
1572
- columns.forEach(function (column) {
1573
- if (column.children) {
1574
- result.push.apply(result, doFlattenColumns(column.children));
1575
- } else {
1576
- result.push(column);
1577
- }
1578
- });
1579
- return result;
1580
- };
1581
-
1582
- /* harmony default export */ var watcher = (external_vue_default.a.extend({
1583
- data: function data() {
1584
- return {
1585
- states: {
1586
- // 3.0 版本后要求必须设置该属性
1587
- rowKey: null,
1588
-
1589
- // 渲染的数据来源,是对 table 中的 data 过滤排序后的结果
1590
- data: [],
1591
-
1592
- // 是否包含固定列
1593
- isComplex: false,
1594
-
1595
- // 列
1596
- _columns: [], // 不可响应的
1597
- originColumns: [],
1598
- columns: [],
1599
- fixedColumns: [],
1600
- rightFixedColumns: [],
1601
- leafColumns: [],
1602
- fixedLeafColumns: [],
1603
- rightFixedLeafColumns: [],
1604
- leafColumnsLength: 0,
1605
- fixedLeafColumnsLength: 0,
1606
- rightFixedLeafColumnsLength: 0,
1607
-
1608
- // 选择
1609
- isAllSelected: false,
1610
- selection: [],
1611
- reserveSelection: false,
1612
- selectOnIndeterminate: false,
1613
- selectable: null,
1614
-
1615
- // 过滤
1616
- filters: {}, // 不可响应的
1617
- filteredData: null,
1618
-
1619
- // 排序
1620
- sortingColumn: null,
1621
- sortProp: null,
1622
- sortOrder: null,
1623
-
1624
- hoverRow: null
1625
- }
1626
- };
1627
- },
1628
-
1629
-
1630
- mixins: [expand, current, tree],
1631
-
1632
- methods: {
1633
- // 检查 rowKey 是否存在
1634
- assertRowKey: function assertRowKey() {
1635
- var rowKey = this.states.rowKey;
1636
- if (!rowKey) throw new Error('[ElTable] prop row-key is required');
1637
- },
1638
-
1639
-
1640
- // 更新列
1641
- updateColumns: function updateColumns() {
1642
- var states = this.states;
1643
- var _columns = states._columns || [];
1644
- states.fixedColumns = _columns.filter(function (column) {
1645
- return column.fixed === true || column.fixed === 'left';
1646
- });
1647
- states.rightFixedColumns = _columns.filter(function (column) {
1648
- return column.fixed === 'right';
1649
- });
1650
-
1651
- if (states.fixedColumns.length > 0 && _columns[0] && _columns[0].type === 'selection' && !_columns[0].fixed) {
1652
- _columns[0].fixed = true;
1653
- states.fixedColumns.unshift(_columns[0]);
1654
- }
1655
-
1656
- var notFixedColumns = _columns.filter(function (column) {
1657
- return !column.fixed;
1658
- });
1659
- states.originColumns = [].concat(states.fixedColumns).concat(notFixedColumns).concat(states.rightFixedColumns);
1660
-
1661
- var leafColumns = doFlattenColumns(notFixedColumns);
1662
- var fixedLeafColumns = doFlattenColumns(states.fixedColumns);
1663
- var rightFixedLeafColumns = doFlattenColumns(states.rightFixedColumns);
1664
-
1665
- states.leafColumnsLength = leafColumns.length;
1666
- states.fixedLeafColumnsLength = fixedLeafColumns.length;
1667
- states.rightFixedLeafColumnsLength = rightFixedLeafColumns.length;
1668
-
1669
- states.columns = [].concat(fixedLeafColumns).concat(leafColumns).concat(rightFixedLeafColumns);
1670
- states.isComplex = states.fixedColumns.length > 0 || states.rightFixedColumns.length > 0;
1671
- },
1672
-
1673
-
1674
- // 更新 DOM
1675
- scheduleLayout: function scheduleLayout(needUpdateColumns) {
1676
- if (needUpdateColumns) {
1677
- this.updateColumns();
1678
- }
1679
- this.table.debouncedUpdateLayout();
1680
- },
1681
-
1682
-
1683
- // 选择
1684
- isSelected: function isSelected(row) {
1685
- var _states$selection = this.states.selection,
1686
- selection = _states$selection === undefined ? [] : _states$selection;
1687
-
1688
- return selection.indexOf(row) > -1;
1689
- },
1690
- clearSelection: function clearSelection() {
1691
- var states = this.states;
1692
- states.isAllSelected = false;
1693
- var oldSelection = states.selection;
1694
- if (oldSelection.length) {
1695
- states.selection = [];
1696
- this.table.$emit('selection-change', []);
1697
- }
1698
- },
1699
- cleanSelection: function cleanSelection() {
1700
- var states = this.states;
1701
- var data = states.data,
1702
- rowKey = states.rowKey,
1703
- selection = states.selection;
1704
-
1705
- var deleted = void 0;
1706
- if (rowKey) {
1707
- deleted = [];
1708
- var selectedMap = Object(util["f" /* getKeysMap */])(selection, rowKey);
1709
- var dataMap = Object(util["f" /* getKeysMap */])(data, rowKey);
1710
- for (var key in selectedMap) {
1711
- if (selectedMap.hasOwnProperty(key) && !dataMap[key]) {
1712
- deleted.push(selectedMap[key].row);
1713
- }
1714
- }
1715
- } else {
1716
- deleted = selection.filter(function (item) {
1717
- return data.indexOf(item) === -1;
1718
- });
1719
- }
1720
- if (deleted.length) {
1721
- var newSelection = selection.filter(function (item) {
1722
- return deleted.indexOf(item) === -1;
1723
- });
1724
- states.selection = newSelection;
1725
- this.table.$emit('selection-change', newSelection.slice());
1726
- }
1727
- },
1728
- toggleRowSelection: function toggleRowSelection(row, selected) {
1729
- var emitChange = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
1730
-
1731
- var changed = Object(util["n" /* toggleRowStatus */])(this.states.selection, row, selected);
1732
- if (changed) {
1733
- var newSelection = (this.states.selection || []).slice();
1734
- // 调用 API 修改选中值,不触发 select 事件
1735
- if (emitChange) {
1736
- this.table.$emit('select', newSelection, row);
1737
- }
1738
- this.table.$emit('selection-change', newSelection);
1739
- }
1740
- },
1741
- _toggleAllSelection: function _toggleAllSelection() {
1742
- var states = this.states;
1743
- var _states$data = states.data,
1744
- data = _states$data === undefined ? [] : _states$data,
1745
- selection = states.selection;
1746
- // when only some rows are selected (but not all), select or deselect all of them
1747
- // depending on the value of selectOnIndeterminate
1748
-
1749
- var value = states.selectOnIndeterminate ? !states.isAllSelected : !(states.isAllSelected || selection.length);
1750
- states.isAllSelected = value;
1751
-
1752
- var selectionChanged = false;
1753
- data.forEach(function (row, index) {
1754
- if (states.selectable) {
1755
- if (states.selectable.call(null, row, index) && Object(util["n" /* toggleRowStatus */])(selection, row, value)) {
1756
- selectionChanged = true;
1757
- }
1758
- } else {
1759
- if (Object(util["n" /* toggleRowStatus */])(selection, row, value)) {
1760
- selectionChanged = true;
1761
- }
1762
- }
1763
- });
1764
-
1765
- if (selectionChanged) {
1766
- this.table.$emit('selection-change', selection ? selection.slice() : []);
1767
- }
1768
- this.table.$emit('select-all', selection);
1769
- },
1770
- updateSelectionByRowKey: function updateSelectionByRowKey() {
1771
- var states = this.states;
1772
- var selection = states.selection,
1773
- rowKey = states.rowKey,
1774
- data = states.data;
1775
-
1776
- var selectedMap = Object(util["f" /* getKeysMap */])(selection, rowKey);
1777
- data.forEach(function (row) {
1778
- var rowId = Object(util["g" /* getRowIdentity */])(row, rowKey);
1779
- var rowInfo = selectedMap[rowId];
1780
- if (rowInfo) {
1781
- selection[rowInfo.index] = row;
1782
- }
1783
- });
1784
- },
1785
- updateAllSelected: function updateAllSelected() {
1786
- var states = this.states;
1787
- var selection = states.selection,
1788
- rowKey = states.rowKey,
1789
- selectable = states.selectable;
1790
- // data 为 null 时,解构时的默认值会被忽略
1791
-
1792
- var data = states.data || [];
1793
- if (data.length === 0) {
1794
- states.isAllSelected = false;
1795
- return;
1796
- }
1797
-
1798
- var selectedMap = void 0;
1799
- if (rowKey) {
1800
- selectedMap = Object(util["f" /* getKeysMap */])(selection, rowKey);
1801
- }
1802
- var isSelected = function isSelected(row) {
1803
- if (selectedMap) {
1804
- return !!selectedMap[Object(util["g" /* getRowIdentity */])(row, rowKey)];
1805
- } else {
1806
- return selection.indexOf(row) !== -1;
1807
- }
1808
- };
1809
- var isAllSelected = true;
1810
- var selectedCount = 0;
1811
- for (var i = 0, j = data.length; i < j; i++) {
1812
- var item = data[i];
1813
- var isRowSelectable = selectable && selectable.call(null, item, i);
1814
- if (!isSelected(item)) {
1815
- if (!selectable || isRowSelectable) {
1816
- isAllSelected = false;
1817
- break;
1818
- }
1819
- } else {
1820
- selectedCount++;
1821
- }
1822
- }
1823
-
1824
- if (selectedCount === 0) isAllSelected = false;
1825
- states.isAllSelected = isAllSelected;
1826
- },
1827
-
1828
-
1829
- // 过滤与排序
1830
- updateFilters: function updateFilters(columns, values) {
1831
- if (!Array.isArray(columns)) {
1832
- columns = [columns];
1833
- }
1834
- var states = this.states;
1835
- var filters = {};
1836
- columns.forEach(function (col) {
1837
- states.filters[col.id] = values;
1838
- filters[col.columnKey || col.id] = values;
1839
- });
1840
-
1841
- return filters;
1842
- },
1843
- updateSort: function updateSort(column, prop, order) {
1844
- if (this.states.sortingColumn && this.states.sortingColumn !== column) {
1845
- this.states.sortingColumn.order = null;
1846
- }
1847
- this.states.sortingColumn = column;
1848
- this.states.sortProp = prop;
1849
- this.states.sortOrder = order;
1850
- },
1851
- execFilter: function execFilter() {
1852
- var _this = this;
1853
-
1854
- var states = this.states;
1855
- var _data = states._data,
1856
- filters = states.filters;
1857
-
1858
- var data = _data;
1859
-
1860
- Object.keys(filters).forEach(function (columnId) {
1861
- var values = states.filters[columnId];
1862
- if (!values || values.length === 0) return;
1863
- var column = Object(util["d" /* getColumnById */])(_this.states, columnId);
1864
- if (column && column.filterMethod) {
1865
- data = data.filter(function (row) {
1866
- return values.some(function (value) {
1867
- return column.filterMethod.call(null, value, row, column);
1868
- });
1869
- });
1870
- }
1871
- });
1872
-
1873
- states.filteredData = data;
1874
- },
1875
- execSort: function execSort() {
1876
- var states = this.states;
1877
- states.data = watcher_sortData(states.filteredData, states);
1878
- },
1879
-
1880
-
1881
- // 根据 filters 与 sort 去过滤 data
1882
- execQuery: function execQuery(ignore) {
1883
- if (!(ignore && ignore.filter)) {
1884
- this.execFilter();
1885
- }
1886
- this.execSort();
1887
- },
1888
- clearFilter: function clearFilter(columnKeys) {
1889
- var states = this.states;
1890
- var _table$$refs = this.table.$refs,
1891
- tableHeader = _table$$refs.tableHeader,
1892
- fixedTableHeader = _table$$refs.fixedTableHeader,
1893
- rightFixedTableHeader = _table$$refs.rightFixedTableHeader;
1894
-
1895
-
1896
- var panels = {};
1897
- if (tableHeader) panels = merge_default()(panels, tableHeader.filterPanels);
1898
- if (fixedTableHeader) panels = merge_default()(panels, fixedTableHeader.filterPanels);
1899
- if (rightFixedTableHeader) panels = merge_default()(panels, rightFixedTableHeader.filterPanels);
1900
-
1901
- var keys = Object.keys(panels);
1902
- if (!keys.length) return;
1903
-
1904
- if (typeof columnKeys === 'string') {
1905
- columnKeys = [columnKeys];
1906
- }
1907
-
1908
- if (Array.isArray(columnKeys)) {
1909
- var columns = columnKeys.map(function (key) {
1910
- return Object(util["e" /* getColumnByKey */])(states, key);
1911
- });
1912
- keys.forEach(function (key) {
1913
- var column = columns.find(function (col) {
1914
- return col.id === key;
1915
- });
1916
- if (column) {
1917
- // TODO: 优化这里的代码
1918
- panels[key].filteredValue = [];
1919
- }
1920
- });
1921
- this.commit('filterChange', {
1922
- column: columns,
1923
- values: [],
1924
- silent: true,
1925
- multi: true
1926
- });
1927
- } else {
1928
- keys.forEach(function (key) {
1929
- // TODO: 优化这里的代码
1930
- panels[key].filteredValue = [];
1931
- });
1932
-
1933
- states.filters = {};
1934
- this.commit('filterChange', {
1935
- column: {},
1936
- values: [],
1937
- silent: true
1938
- });
1939
- }
1940
- },
1941
- clearSort: function clearSort() {
1942
- var states = this.states;
1943
- if (!states.sortingColumn) return;
1944
-
1945
- this.updateSort(null, null, null);
1946
- this.commit('changeSortCondition', {
1947
- silent: true
1948
- });
1949
- },
1950
-
1951
-
1952
- // 适配层,expand-row-keys 在 Expand 与 TreeTable 中都有使用
1953
- setExpandRowKeysAdapter: function setExpandRowKeysAdapter(val) {
1954
- // 这里会触发额外的计算,但为了兼容性,暂时这么做
1955
- this.setExpandRowKeys(val);
1956
- this.updateTreeExpandKeys(val);
1957
- },
1958
-
1959
-
1960
- // 展开行与 TreeTable 都要使用
1961
- toggleRowExpansionAdapter: function toggleRowExpansionAdapter(row, expanded) {
1962
- var hasExpandColumn = this.states.columns.some(function (_ref) {
1963
- var type = _ref.type;
1964
- return type === 'expand';
1965
- });
1966
- if (hasExpandColumn) {
1967
- this.toggleRowExpansion(row, expanded);
1968
- } else {
1969
- this.toggleTreeExpansion(row, expanded);
1970
- }
1971
- }
1972
- }
1973
- }));
1974
- // CONCATENATED MODULE: ./packages/table/src/store/index.js
1975
-
1976
-
1977
-
1978
-
1979
- watcher.prototype.mutations = {
1980
- setData: function setData(states, data) {
1981
- var dataInstanceChanged = states._data !== data;
1982
- states._data = data;
1983
-
1984
- this.execQuery();
1985
- // 数据变化,更新部分数据。
1986
- // 没有使用 computed,而是手动更新部分数据 https://github.com/vuejs/vue/issues/6660#issuecomment-331417140
1987
- this.updateCurrentRowData();
1988
- this.updateExpandRows();
1989
- if (states.reserveSelection) {
1990
- this.assertRowKey();
1991
- this.updateSelectionByRowKey();
1992
- } else {
1993
- if (dataInstanceChanged) {
1994
- this.clearSelection();
1995
- } else {
1996
- this.cleanSelection();
1997
- }
1998
- }
1999
- this.updateAllSelected();
2000
-
2001
- this.updateTableScrollY();
2002
- },
2003
- insertColumn: function insertColumn(states, column, index, parent) {
2004
- var array = states._columns;
2005
- if (parent) {
2006
- array = parent.children;
2007
- if (!array) array = parent.children = [];
2008
- }
2009
-
2010
- if (typeof index !== 'undefined') {
2011
- array.splice(index, 0, column);
2012
- } else {
2013
- array.push(column);
2014
- }
2015
-
2016
- if (column.type === 'selection') {
2017
- states.selectable = column.selectable;
2018
- states.reserveSelection = column.reserveSelection;
2019
- }
2020
-
2021
- if (this.table.$ready) {
2022
- this.updateColumns(); // hack for dynamics insert column
2023
- this.scheduleLayout();
2024
- }
2025
- },
2026
- removeColumn: function removeColumn(states, column, parent) {
2027
- var array = states._columns;
2028
- if (parent) {
2029
- array = parent.children;
2030
- if (!array) array = parent.children = [];
2031
- }
2032
- if (array) {
2033
- array.splice(array.indexOf(column), 1);
2034
- }
2035
-
2036
- if (this.table.$ready) {
2037
- this.updateColumns(); // hack for dynamics remove column
2038
- this.scheduleLayout();
2039
- }
2040
- },
2041
- sort: function sort(states, options) {
2042
- var prop = options.prop,
2043
- order = options.order,
2044
- init = options.init;
2045
-
2046
- if (prop) {
2047
- var column = Object(util_["arrayFind"])(states.columns, function (column) {
2048
- return column.property === prop;
2049
- });
2050
- if (column) {
2051
- column.order = order;
2052
- this.updateSort(column, prop, order);
2053
- this.commit('changeSortCondition', { init: init });
2054
- }
2055
- }
2056
- },
2057
- changeSortCondition: function changeSortCondition(states, options) {
2058
- // 修复 pr https://github.com/ElemeFE/element/pull/15012 导致的 bug
2059
- var column = states.sortingColumn,
2060
- prop = states.sortProp,
2061
- order = states.sortOrder;
2062
-
2063
- if (order === null) {
2064
- states.sortingColumn = null;
2065
- states.sortProp = null;
2066
- }
2067
- var ingore = { filter: true };
2068
- this.execQuery(ingore);
2069
-
2070
- if (!options || !(options.silent || options.init)) {
2071
- this.table.$emit('sort-change', {
2072
- column: column,
2073
- prop: prop,
2074
- order: order
2075
- });
2076
- }
2077
-
2078
- this.updateTableScrollY();
2079
- },
2080
- filterChange: function filterChange(states, options) {
2081
- var column = options.column,
2082
- values = options.values,
2083
- silent = options.silent;
2084
-
2085
- var newFilters = this.updateFilters(column, values);
2086
-
2087
- this.execQuery();
2088
-
2089
- if (!silent) {
2090
- this.table.$emit('filter-change', newFilters);
2091
- }
2092
-
2093
- this.updateTableScrollY();
2094
- },
2095
- toggleAllSelection: function toggleAllSelection() {
2096
- this.toggleAllSelection();
2097
- },
2098
- rowSelectedChanged: function rowSelectedChanged(states, row) {
2099
- this.toggleRowSelection(row);
2100
- this.updateAllSelected();
2101
- },
2102
- setHoverRow: function setHoverRow(states, row) {
2103
- states.hoverRow = row;
2104
- },
2105
- setCurrentRow: function setCurrentRow(states, row) {
2106
- this.updateCurrentRow(row);
2107
- }
2108
- };
2109
-
2110
- watcher.prototype.commit = function (name) {
2111
- var mutations = this.mutations;
2112
- if (mutations[name]) {
2113
- for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
2114
- args[_key - 1] = arguments[_key];
2115
- }
2116
-
2117
- mutations[name].apply(this, [this.states].concat(args));
2118
- } else {
2119
- throw new Error('Action not found: ' + name);
2120
- }
2121
- };
2122
-
2123
- watcher.prototype.updateTableScrollY = function () {
2124
- external_vue_default.a.nextTick(this.table.updateScrollY);
2125
- };
2126
-
2127
- /* harmony default export */ var src_store = (watcher);
2128
- // EXTERNAL MODULE: external "throttle-debounce/debounce"
2129
- var debounce_ = __webpack_require__(19);
2130
- var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
2131
-
2132
- // CONCATENATED MODULE: ./packages/table/src/store/helper.js
2133
-
2134
-
2135
-
2136
- function createStore(table) {
2137
- var initialState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
2138
-
2139
- if (!table) {
2140
- throw new Error('Table is required.');
2141
- }
2142
-
2143
- var store = new src_store();
2144
- store.table = table;
2145
- // fix https://github.com/ElemeFE/element/issues/14075
2146
- // related pr https://github.com/ElemeFE/element/pull/14146
2147
- store.toggleAllSelection = debounce_default()(10, store._toggleAllSelection);
2148
- Object.keys(initialState).forEach(function (key) {
2149
- store.states[key] = initialState[key];
2150
- });
2151
- return store;
2152
- }
2153
-
2154
- function mapStates(mapper) {
2155
- var res = {};
2156
- Object.keys(mapper).forEach(function (key) {
2157
- var value = mapper[key];
2158
- var fn = void 0;
2159
- if (typeof value === 'string') {
2160
- fn = function fn() {
2161
- return this.store.states[value];
2162
- };
2163
- } else if (typeof value === 'function') {
2164
- fn = function fn() {
2165
- return value.call(this, this.store.states);
2166
- };
2167
- } else {
2168
- console.error('invalid value type');
2169
- }
2170
- if (fn) {
2171
- res[key] = fn;
2172
- }
2173
- });
2174
- return res;
2175
- };
2176
- // EXTERNAL MODULE: external "element-SIM/lib/utils/scrollbar-width"
2177
- var scrollbar_width_ = __webpack_require__(39);
2178
- var scrollbar_width_default = /*#__PURE__*/__webpack_require__.n(scrollbar_width_);
2179
-
2180
- // CONCATENATED MODULE: ./packages/table/src/table-layout.js
2181
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
2182
-
2183
-
2184
-
2185
-
2186
-
2187
- var table_layout_TableLayout = function () {
2188
- function TableLayout(options) {
2189
- _classCallCheck(this, TableLayout);
2190
-
2191
- this.observers = [];
2192
- this.table = null;
2193
- this.store = null;
2194
- this.columns = null;
2195
- this.fit = true;
2196
- this.showHeader = true;
2197
-
2198
- this.height = null;
2199
- this.scrollX = false;
2200
- this.scrollY = false;
2201
- this.bodyWidth = null;
2202
- this.fixedWidth = null;
2203
- this.rightFixedWidth = null;
2204
- this.tableHeight = null;
2205
- this.headerHeight = 44; // Table Header Height
2206
- this.appendHeight = 0; // Append Slot Height
2207
- this.footerHeight = 44; // Table Footer Height
2208
- this.viewportHeight = null; // Table Height - Scroll Bar Height
2209
- this.bodyHeight = null; // Table Height - Table Header Height
2210
- this.fixedBodyHeight = null; // Table Height - Table Header Height - Scroll Bar Height
2211
- this.gutterWidth = scrollbar_width_default()();
2212
-
2213
- for (var name in options) {
2214
- if (options.hasOwnProperty(name)) {
2215
- this[name] = options[name];
2216
- }
2217
- }
2218
-
2219
- if (!this.table) {
2220
- throw new Error('table is required for Table Layout');
2221
- }
2222
- if (!this.store) {
2223
- throw new Error('store is required for Table Layout');
2224
- }
2225
- }
2226
-
2227
- TableLayout.prototype.updateScrollY = function updateScrollY() {
2228
- var height = this.height;
2229
- if (height === null) return false;
2230
- var bodyWrapper = this.table.bodyWrapper;
2231
- if (this.table.$el && bodyWrapper) {
2232
- var body = bodyWrapper.querySelector('.el-table__body');
2233
- var prevScrollY = this.scrollY;
2234
- var scrollY = body.offsetHeight > this.bodyHeight;
2235
- this.scrollY = scrollY;
2236
- return prevScrollY !== scrollY;
2237
- }
2238
- return false;
2239
- };
2240
-
2241
- TableLayout.prototype.setHeight = function setHeight(value) {
2242
- var _this = this;
2243
-
2244
- var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'height';
2245
-
2246
- if (external_vue_default.a.prototype.$isServer) return;
2247
- var el = this.table.$el;
2248
- value = Object(util["k" /* parseHeight */])(value);
2249
- this.height = value;
2250
-
2251
- if (!el && (value || value === 0)) return external_vue_default.a.nextTick(function () {
2252
- return _this.setHeight(value, prop);
2253
- });
2254
-
2255
- if (typeof value === 'number') {
2256
- el.style[prop] = value + 'px';
2257
- this.updateElsHeight();
2258
- } else if (typeof value === 'string') {
2259
- el.style[prop] = value;
2260
- this.updateElsHeight();
2261
- }
2262
- };
2263
-
2264
- TableLayout.prototype.setMaxHeight = function setMaxHeight(value) {
2265
- this.setHeight(value, 'max-height');
2266
- };
2267
-
2268
- TableLayout.prototype.getFlattenColumns = function getFlattenColumns() {
2269
- var flattenColumns = [];
2270
- var columns = this.table.columns;
2271
- columns.forEach(function (column) {
2272
- if (column.isColumnGroup) {
2273
- flattenColumns.push.apply(flattenColumns, column.columns);
2274
- } else {
2275
- flattenColumns.push(column);
2276
- }
2277
- });
2278
-
2279
- return flattenColumns;
2280
- };
2281
-
2282
- TableLayout.prototype.updateElsHeight = function updateElsHeight() {
2283
- var _this2 = this;
2284
-
2285
- if (!this.table.$ready) return external_vue_default.a.nextTick(function () {
2286
- return _this2.updateElsHeight();
2287
- });
2288
- var _table$$refs = this.table.$refs,
2289
- headerWrapper = _table$$refs.headerWrapper,
2290
- appendWrapper = _table$$refs.appendWrapper,
2291
- footerWrapper = _table$$refs.footerWrapper;
2292
-
2293
- this.appendHeight = appendWrapper ? appendWrapper.offsetHeight : 0;
2294
-
2295
- if (this.showHeader && !headerWrapper) return;
2296
-
2297
- // fix issue (https://github.com/ElemeFE/element/pull/16956)
2298
- var headerTrElm = headerWrapper ? headerWrapper.querySelector('.el-table__header tr') : null;
2299
- var noneHeader = this.headerDisplayNone(headerTrElm);
2300
-
2301
- var headerHeight = this.headerHeight = !this.showHeader ? 0 : headerWrapper.offsetHeight;
2302
- if (this.showHeader && !noneHeader && headerWrapper.offsetWidth > 0 && (this.table.columns || []).length > 0 && headerHeight < 2) {
2303
- return external_vue_default.a.nextTick(function () {
2304
- return _this2.updateElsHeight();
2305
- });
2306
- }
2307
- var tableHeight = this.tableHeight = this.table.$el.clientHeight;
2308
- var footerHeight = this.footerHeight = footerWrapper ? footerWrapper.offsetHeight : 0;
2309
- if (this.height !== null) {
2310
- this.bodyHeight = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
2311
- }
2312
- this.fixedBodyHeight = this.scrollX ? this.bodyHeight - this.gutterWidth : this.bodyHeight;
2313
-
2314
- var noData = !(this.store.states.data && this.store.states.data.length);
2315
- this.viewportHeight = this.scrollX ? tableHeight - (noData ? 0 : this.gutterWidth) : tableHeight;
2316
- this.updateScrollY();
2317
- this.notifyObservers('scrollable');
2318
- };
2319
-
2320
- TableLayout.prototype.headerDisplayNone = function headerDisplayNone(elm) {
2321
- if (!elm) return true;
2322
- var headerChild = elm;
2323
- while (headerChild.tagName !== 'DIV') {
2324
- if (getComputedStyle(headerChild).display === 'none') {
2325
- return true;
2326
- }
2327
- headerChild = headerChild.parentElement;
2328
- }
2329
- return false;
2330
- };
2331
-
2332
- TableLayout.prototype.updateColumnsWidth = function updateColumnsWidth() {
2333
- if (external_vue_default.a.prototype.$isServer) return;
2334
- var fit = this.fit;
2335
- var bodyWidth = this.table.$el.clientWidth;
2336
- var bodyMinWidth = 0;
2337
-
2338
- var flattenColumns = this.getFlattenColumns();
2339
- var flexColumns = flattenColumns.filter(function (column) {
2340
- return typeof column.width !== 'number';
2341
- });
2342
-
2343
- flattenColumns.forEach(function (column) {
2344
- // Clean those columns whose width changed from flex to unflex
2345
- if (typeof column.width === 'number' && column.realWidth) column.realWidth = null;
2346
- });
2347
-
2348
- if (flexColumns.length > 0 && fit) {
2349
- flattenColumns.forEach(function (column) {
2350
- bodyMinWidth += column.width || column.minWidth || 80;
2351
- });
2352
-
2353
- var scrollYWidth = this.scrollY ? this.gutterWidth : 0;
2354
-
2355
- if (bodyMinWidth <= bodyWidth - scrollYWidth) {
2356
- // DON'T HAVE SCROLL BAR
2357
- this.scrollX = false;
2358
-
2359
- var totalFlexWidth = bodyWidth - scrollYWidth - bodyMinWidth;
2360
-
2361
- if (flexColumns.length === 1) {
2362
- flexColumns[0].realWidth = (flexColumns[0].minWidth || 80) + totalFlexWidth;
2363
- } else {
2364
- var allColumnsWidth = flexColumns.reduce(function (prev, column) {
2365
- return prev + (column.minWidth || 80);
2366
- }, 0);
2367
- var flexWidthPerPixel = totalFlexWidth / allColumnsWidth;
2368
- var noneFirstWidth = 0;
2369
-
2370
- flexColumns.forEach(function (column, index) {
2371
- if (index === 0) return;
2372
- var flexWidth = Math.floor((column.minWidth || 80) * flexWidthPerPixel);
2373
- noneFirstWidth += flexWidth;
2374
- column.realWidth = (column.minWidth || 80) + flexWidth;
2375
- });
2376
-
2377
- flexColumns[0].realWidth = (flexColumns[0].minWidth || 80) + totalFlexWidth - noneFirstWidth;
2378
- }
2379
- } else {
2380
- // HAVE HORIZONTAL SCROLL BAR
2381
- this.scrollX = true;
2382
- flexColumns.forEach(function (column) {
2383
- column.realWidth = column.minWidth;
2384
- });
2385
- }
2386
-
2387
- this.bodyWidth = Math.max(bodyMinWidth, bodyWidth);
2388
- this.table.resizeState.width = this.bodyWidth;
2389
- } else {
2390
- flattenColumns.forEach(function (column) {
2391
- if (!column.width && !column.minWidth) {
2392
- column.realWidth = 80;
2393
- } else {
2394
- column.realWidth = column.width || column.minWidth;
2395
- }
2396
-
2397
- bodyMinWidth += column.realWidth;
2398
- });
2399
- this.scrollX = bodyMinWidth > bodyWidth;
2400
-
2401
- this.bodyWidth = bodyMinWidth;
2402
- }
2403
-
2404
- var fixedColumns = this.store.states.fixedColumns;
2405
-
2406
- if (fixedColumns.length > 0) {
2407
- var fixedWidth = 0;
2408
- fixedColumns.forEach(function (column) {
2409
- fixedWidth += column.realWidth || column.width;
2410
- });
2411
-
2412
- this.fixedWidth = fixedWidth;
2413
- }
2414
-
2415
- var rightFixedColumns = this.store.states.rightFixedColumns;
2416
- if (rightFixedColumns.length > 0) {
2417
- var rightFixedWidth = 0;
2418
- rightFixedColumns.forEach(function (column) {
2419
- rightFixedWidth += column.realWidth || column.width;
2420
- });
2421
-
2422
- this.rightFixedWidth = rightFixedWidth;
2423
- }
2424
-
2425
- this.notifyObservers('columns');
2426
- };
2427
-
2428
- TableLayout.prototype.addObserver = function addObserver(observer) {
2429
- this.observers.push(observer);
2430
- };
2431
-
2432
- TableLayout.prototype.removeObserver = function removeObserver(observer) {
2433
- var index = this.observers.indexOf(observer);
2434
- if (index !== -1) {
2435
- this.observers.splice(index, 1);
2436
- }
2437
- };
2438
-
2439
- TableLayout.prototype.notifyObservers = function notifyObservers(event) {
2440
- var _this3 = this;
2441
-
2442
- var observers = this.observers;
2443
- observers.forEach(function (observer) {
2444
- switch (event) {
2445
- case 'columns':
2446
- observer.onColumnsChange(_this3);
2447
- break;
2448
- case 'scrollable':
2449
- observer.onScrollableChange(_this3);
2450
- break;
2451
- default:
2452
- throw new Error('Table Layout don\'t have event ' + event + '.');
2453
- }
2454
- });
2455
- };
2456
-
2457
- return TableLayout;
2458
- }();
2459
-
2460
- /* harmony default export */ var table_layout = (table_layout_TableLayout);
2461
- // EXTERNAL MODULE: external "element-SIM/lib/utils/dom"
2462
- var dom_ = __webpack_require__(2);
2463
-
2464
- // EXTERNAL MODULE: external "element-SIM/lib/tooltip"
2465
- var tooltip_ = __webpack_require__(29);
2466
- var tooltip_default = /*#__PURE__*/__webpack_require__.n(tooltip_);
2467
-
2468
- // CONCATENATED MODULE: ./packages/table/src/layout-observer.js
2469
- /* harmony default export */ var layout_observer = ({
2470
- created: function created() {
2471
- this.tableLayout.addObserver(this);
2472
- },
2473
- destroyed: function destroyed() {
2474
- this.tableLayout.removeObserver(this);
2475
- },
2476
-
2477
-
2478
- computed: {
2479
- tableLayout: function tableLayout() {
2480
- var layout = this.layout;
2481
- if (!layout && this.table) {
2482
- layout = this.table.layout;
2483
- }
2484
- if (!layout) {
2485
- throw new Error('Can not find table layout.');
2486
- }
2487
- return layout;
2488
- }
2489
- },
2490
-
2491
- mounted: function mounted() {
2492
- this.onColumnsChange(this.tableLayout);
2493
- this.onScrollableChange(this.tableLayout);
2494
- },
2495
- updated: function updated() {
2496
- if (this.__updated__) return;
2497
- this.onColumnsChange(this.tableLayout);
2498
- this.onScrollableChange(this.tableLayout);
2499
- this.__updated__ = true;
2500
- },
2501
-
2502
-
2503
- methods: {
2504
- onColumnsChange: function onColumnsChange(layout) {
2505
- var cols = this.$el.querySelectorAll('colgroup > col');
2506
- if (!cols.length) return;
2507
- var flattenColumns = layout.getFlattenColumns();
2508
- var columnsMap = {};
2509
- flattenColumns.forEach(function (column) {
2510
- columnsMap[column.id] = column;
2511
- });
2512
- for (var i = 0, j = cols.length; i < j; i++) {
2513
- var col = cols[i];
2514
- var name = col.getAttribute('name');
2515
- var column = columnsMap[name];
2516
- if (column) {
2517
- col.setAttribute('width', column.realWidth || column.width);
2518
- }
2519
- }
2520
- },
2521
- onScrollableChange: function onScrollableChange(layout) {
2522
- var cols = this.$el.querySelectorAll('colgroup > col[name=gutter]');
2523
- for (var i = 0, j = cols.length; i < j; i++) {
2524
- var col = cols[i];
2525
- col.setAttribute('width', layout.scrollY ? layout.gutterWidth : '0');
2526
- }
2527
- var ths = this.$el.querySelectorAll('th.gutter');
2528
- for (var _i = 0, _j = ths.length; _i < _j; _i++) {
2529
- var th = ths[_i];
2530
- th.style.width = layout.scrollY ? layout.gutterWidth + 'px' : '0';
2531
- th.style.display = layout.scrollY ? '' : 'none';
2532
- }
2533
- }
2534
- }
2535
- });
2536
- // CONCATENATED MODULE: ./packages/table/src/table-row.js
2537
- var table_row_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
2538
-
2539
-
2540
- /* harmony default export */ var table_row = ({
2541
- name: 'ElTableRow',
2542
- props: ['columns', 'row', 'index', 'isSelected', 'isExpanded', 'store', 'context', 'firstDefaultColumnIndex', 'treeRowData', 'treeIndent', 'columnsHidden', 'getSpan', 'getColspanRealWidth', 'getCellStyle', 'getCellClass', 'handleCellMouseLeave', 'handleCellMouseEnter', 'fixed'],
2543
- components: {
2544
- ElCheckbox: checkbox_default.a
2545
- },
2546
- render: function render() {
2547
- var _this = this;
2548
-
2549
- var h = arguments[0];
2550
- var columns = this.columns,
2551
- row = this.row,
2552
- $index = this.index,
2553
- store = this.store,
2554
- context = this.context,
2555
- firstDefaultColumnIndex = this.firstDefaultColumnIndex,
2556
- treeRowData = this.treeRowData,
2557
- treeIndent = this.treeIndent,
2558
- _columnsHidden = this.columnsHidden,
2559
- columnsHidden = _columnsHidden === undefined ? [] : _columnsHidden,
2560
- isSelected = this.isSelected,
2561
- isExpanded = this.isExpanded;
2562
-
2563
-
2564
- return h('tr', [columns.map(function (column, cellIndex) {
2565
- var _getSpan = _this.getSpan(row, column, $index, cellIndex),
2566
- rowspan = _getSpan.rowspan,
2567
- colspan = _getSpan.colspan;
2568
-
2569
- if (!rowspan || !colspan) {
2570
- return null;
2571
- }
2572
- var columnData = table_row_extends({}, column);
2573
- columnData.realWidth = _this.getColspanRealWidth(columns, colspan, cellIndex);
2574
- var data = {
2575
- store: store,
2576
- isSelected: isSelected,
2577
- isExpanded: isExpanded,
2578
- _self: context,
2579
- column: columnData,
2580
- row: row,
2581
- $index: $index
2582
- };
2583
- if (cellIndex === firstDefaultColumnIndex && treeRowData) {
2584
- data.treeNode = {
2585
- indent: treeRowData.level * treeIndent,
2586
- level: treeRowData.level
2587
- };
2588
- if (typeof treeRowData.expanded === 'boolean') {
2589
- data.treeNode.expanded = treeRowData.expanded;
2590
- // 表明是懒加载
2591
- if ('loading' in treeRowData) {
2592
- data.treeNode.loading = treeRowData.loading;
2593
- }
2594
- if ('noLazyChildren' in treeRowData) {
2595
- data.treeNode.noLazyChildren = treeRowData.noLazyChildren;
2596
- }
2597
- }
2598
- }
2599
- return h(
2600
- 'td',
2601
- {
2602
- style: _this.getCellStyle($index, cellIndex, row, column),
2603
- 'class': _this.getCellClass($index, cellIndex, row, column),
2604
- attrs: { rowspan: rowspan,
2605
- colspan: colspan
2606
- },
2607
- on: {
2608
- 'mouseenter': function mouseenter($event) {
2609
- return _this.handleCellMouseEnter($event, row);
2610
- },
2611
- 'mouseleave': _this.handleCellMouseLeave
2612
- }
2613
- },
2614
- [column.renderCell.call(_this._renderProxy, _this.$createElement, data, columnsHidden[cellIndex])]
2615
- );
2616
- })]);
2617
- }
2618
- });
2619
- // CONCATENATED MODULE: ./packages/table/src/table-body.js
2620
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
2621
-
2622
- var table_body_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
2623
-
2624
-
2625
-
2626
-
2627
-
2628
-
2629
-
2630
-
2631
-
2632
-
2633
-
2634
- /* harmony default export */ var table_body = ({
2635
- name: 'ElTableBody',
2636
-
2637
- mixins: [layout_observer],
2638
-
2639
- components: {
2640
- ElCheckbox: checkbox_default.a,
2641
- ElTooltip: tooltip_default.a,
2642
- TableRow: table_row
2643
- },
2644
-
2645
- props: {
2646
- store: {
2647
- required: true
2648
- },
2649
- stripe: Boolean,
2650
- context: {},
2651
- rowClassName: [String, Function],
2652
- rowStyle: [Object, Function],
2653
- fixed: String,
2654
- highlight: Boolean
2655
- },
2656
-
2657
- render: function render(h) {
2658
- var _this = this;
2659
-
2660
- var data = this.data || [];
2661
- return h(
2662
- 'table',
2663
- {
2664
- 'class': 'el-table__body',
2665
- attrs: { cellspacing: '0',
2666
- cellpadding: '0',
2667
- border: '0' }
2668
- },
2669
- [h('colgroup', [this.columns.map(function (column) {
2670
- return h('col', {
2671
- attrs: { name: column.id },
2672
- key: column.id });
2673
- })]), h('tbody', [data.reduce(function (acc, row) {
2674
- return acc.concat(_this.wrappedRowRender(row, acc.length));
2675
- }, []), h('el-tooltip', {
2676
- attrs: { effect: this.table.tooltipEffect, placement: 'top', content: this.tooltipContent },
2677
- ref: 'tooltip' })])]
2678
- );
2679
- },
2680
-
2681
-
2682
- computed: table_body_extends({
2683
- table: function table() {
2684
- return this.$parent;
2685
- }
2686
- }, mapStates({
2687
- data: 'data',
2688
- columns: 'columns',
2689
- treeIndent: 'indent',
2690
- leftFixedLeafCount: 'fixedLeafColumnsLength',
2691
- rightFixedLeafCount: 'rightFixedLeafColumnsLength',
2692
- columnsCount: function columnsCount(states) {
2693
- return states.columns.length;
2694
- },
2695
- leftFixedCount: function leftFixedCount(states) {
2696
- return states.fixedColumns.length;
2697
- },
2698
- rightFixedCount: function rightFixedCount(states) {
2699
- return states.rightFixedColumns.length;
2700
- },
2701
- hasExpandColumn: function hasExpandColumn(states) {
2702
- return states.columns.some(function (_ref) {
2703
- var type = _ref.type;
2704
- return type === 'expand';
2705
- });
2706
- }
2707
- }), {
2708
- columnsHidden: function columnsHidden() {
2709
- var _this2 = this;
2710
-
2711
- return this.columns.map(function (column, index) {
2712
- return _this2.isColumnHidden(index);
2713
- });
2714
- },
2715
- firstDefaultColumnIndex: function firstDefaultColumnIndex() {
2716
- return Object(util_["arrayFindIndex"])(this.columns, function (_ref2) {
2717
- var type = _ref2.type;
2718
- return type === 'default';
2719
- });
2720
- }
2721
- }),
2722
-
2723
- watch: {
2724
- // don't trigger getter of currentRow in getCellClass. see https://jsfiddle.net/oe2b4hqt/
2725
- // update DOM manually. see https://github.com/ElemeFE/element/pull/13954/files#diff-9b450c00d0a9dec0ffad5a3176972e40
2726
- 'store.states.hoverRow': function storeStatesHoverRow(newVal, oldVal) {
2727
- var _this3 = this;
2728
-
2729
- if (!this.store.states.isComplex || this.$isServer) return;
2730
- var raf = window.requestAnimationFrame;
2731
- if (!raf) {
2732
- raf = function raf(fn) {
2733
- return setTimeout(fn, 16);
2734
- };
2735
- }
2736
- raf(function () {
2737
- var rows = _this3.$el.querySelectorAll('.el-table__row');
2738
- var oldRow = rows[oldVal];
2739
- var newRow = rows[newVal];
2740
- if (oldRow) {
2741
- Object(dom_["removeClass"])(oldRow, 'hover-row');
2742
- }
2743
- if (newRow) {
2744
- Object(dom_["addClass"])(newRow, 'hover-row');
2745
- }
2746
- });
2747
- }
2748
- },
2749
-
2750
- data: function data() {
2751
- return {
2752
- tooltipContent: ''
2753
- };
2754
- },
2755
- created: function created() {
2756
- this.activateTooltip = debounce_default()(50, function (tooltip) {
2757
- return tooltip.handleShowPopper();
2758
- });
2759
- },
2760
-
2761
-
2762
- methods: {
2763
- getKeyOfRow: function getKeyOfRow(row, index) {
2764
- var rowKey = this.table.rowKey;
2765
- if (rowKey) {
2766
- return Object(util["g" /* getRowIdentity */])(row, rowKey);
2767
- }
2768
- return index;
2769
- },
2770
- isColumnHidden: function isColumnHidden(index) {
2771
- if (this.fixed === true || this.fixed === 'left') {
2772
- return index >= this.leftFixedLeafCount;
2773
- } else if (this.fixed === 'right') {
2774
- return index < this.columnsCount - this.rightFixedLeafCount;
2775
- } else {
2776
- return index < this.leftFixedLeafCount || index >= this.columnsCount - this.rightFixedLeafCount;
2777
- }
2778
- },
2779
- getSpan: function getSpan(row, column, rowIndex, columnIndex) {
2780
- var rowspan = 1;
2781
- var colspan = 1;
2782
- var fn = this.table.spanMethod;
2783
- if (typeof fn === 'function') {
2784
- var result = fn({
2785
- row: row,
2786
- column: column,
2787
- rowIndex: rowIndex,
2788
- columnIndex: columnIndex
2789
- });
2790
- if (Array.isArray(result)) {
2791
- rowspan = result[0];
2792
- colspan = result[1];
2793
- } else if ((typeof result === 'undefined' ? 'undefined' : _typeof(result)) === 'object') {
2794
- rowspan = result.rowspan;
2795
- colspan = result.colspan;
2796
- }
2797
- }
2798
- return { rowspan: rowspan, colspan: colspan };
2799
- },
2800
- getRowStyle: function getRowStyle(row, rowIndex) {
2801
- var rowStyle = this.table.rowStyle;
2802
- if (typeof rowStyle === 'function') {
2803
- return rowStyle.call(null, {
2804
- row: row,
2805
- rowIndex: rowIndex
2806
- });
2807
- }
2808
- return rowStyle || null;
2809
- },
2810
- getRowClass: function getRowClass(row, rowIndex) {
2811
- var selection = this.store.states.selection;
2812
- var classes = ['el-table__row'];
2813
- if (this.table.highlightCurrentRow && row === this.store.states.currentRow) {
2814
- classes.push('current-row');
2815
- }
2816
-
2817
- if (this.table.highlightSelectionRow) {
2818
- for (var i = 0; i < selection.length; i++) {
2819
- if (Object(util["i" /* objectEquals */])(row, selection[i])) {
2820
- classes.push('selection-row');
2821
- }
2822
- };
2823
- }
2824
-
2825
- if (this.stripe && rowIndex % 2 === 1) {
2826
- classes.push('el-table__row--striped');
2827
- }
2828
- var rowClassName = this.table.rowClassName;
2829
- if (typeof rowClassName === 'string') {
2830
- classes.push(rowClassName);
2831
- } else if (typeof rowClassName === 'function') {
2832
- classes.push(rowClassName.call(null, {
2833
- row: row,
2834
- rowIndex: rowIndex
2835
- }));
2836
- }
2837
-
2838
- if (this.store.states.expandRows.indexOf(row) > -1) {
2839
- classes.push('expanded');
2840
- }
2841
-
2842
- return classes;
2843
- },
2844
- getCellStyle: function getCellStyle(rowIndex, columnIndex, row, column) {
2845
- var cellStyle = this.table.cellStyle;
2846
- if (typeof cellStyle === 'function') {
2847
- return cellStyle.call(null, {
2848
- rowIndex: rowIndex,
2849
- columnIndex: columnIndex,
2850
- row: row,
2851
- column: column
2852
- });
2853
- }
2854
- return cellStyle;
2855
- },
2856
- getCellClass: function getCellClass(rowIndex, columnIndex, row, column) {
2857
- var classes = [column.id, column.align, column.className];
2858
-
2859
- if (this.isColumnHidden(columnIndex)) {
2860
- classes.push('is-hidden');
2861
- }
2862
-
2863
- var cellClassName = this.table.cellClassName;
2864
- if (typeof cellClassName === 'string') {
2865
- classes.push(cellClassName);
2866
- } else if (typeof cellClassName === 'function') {
2867
- classes.push(cellClassName.call(null, {
2868
- rowIndex: rowIndex,
2869
- columnIndex: columnIndex,
2870
- row: row,
2871
- column: column
2872
- }));
2873
- }
2874
-
2875
- classes.push('el-table__cell');
2876
-
2877
- return classes.join(' ');
2878
- },
2879
- getColspanRealWidth: function getColspanRealWidth(columns, colspan, index) {
2880
- if (colspan < 1) {
2881
- return columns[index].realWidth;
2882
- }
2883
- var widthArr = columns.map(function (_ref3) {
2884
- var realWidth = _ref3.realWidth;
2885
- return realWidth;
2886
- }).slice(index, index + colspan);
2887
- return widthArr.reduce(function (acc, width) {
2888
- return acc + width;
2889
- }, -1);
2890
- },
2891
- handleCellMouseEnter: function handleCellMouseEnter(event, row) {
2892
- var table = this.table;
2893
- var cell = Object(util["b" /* getCell */])(event);
2894
-
2895
- if (cell) {
2896
- var column = Object(util["c" /* getColumnByCell */])(table, cell);
2897
- var hoverState = table.hoverState = { cell: cell, column: column, row: row };
2898
- table.$emit('cell-mouse-enter', hoverState.row, hoverState.column, hoverState.cell, event);
2899
- }
2900
-
2901
- // 判断是否text-overflow, 如果是就显示tooltip
2902
- var cellChild = event.target.querySelector('.cell');
2903
- if (!(Object(dom_["hasClass"])(cellChild, 'el-tooltip') && cellChild.childNodes.length)) {
2904
- return;
2905
- }
2906
- // use range width instead of scrollWidth to determine whether the text is overflowing
2907
- // to address a potential FireFox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1074543#c3
2908
- var range = document.createRange();
2909
- range.setStart(cellChild, 0);
2910
- range.setEnd(cellChild, cellChild.childNodes.length);
2911
- var rangeWidth = range.getBoundingClientRect().width;
2912
- var padding = (parseInt(Object(dom_["getStyle"])(cellChild, 'paddingLeft'), 10) || 0) + (parseInt(Object(dom_["getStyle"])(cellChild, 'paddingRight'), 10) || 0);
2913
- if ((rangeWidth + padding > cellChild.offsetWidth || cellChild.scrollWidth > cellChild.offsetWidth) && this.$refs.tooltip) {
2914
- var tooltip = this.$refs.tooltip;
2915
- // TODO 会引起整个 Table 的重新渲染,需要优化
2916
- this.tooltipContent = cell.innerText || cell.textContent;
2917
- tooltip.referenceElm = cell;
2918
- tooltip.$refs.popper && (tooltip.$refs.popper.style.display = 'none');
2919
- tooltip.doDestroy();
2920
- tooltip.setExpectedState(true);
2921
- this.activateTooltip(tooltip);
2922
- }
2923
- },
2924
- handleCellMouseLeave: function handleCellMouseLeave(event) {
2925
- var tooltip = this.$refs.tooltip;
2926
- if (tooltip) {
2927
- tooltip.setExpectedState(false);
2928
- tooltip.handleClosePopper();
2929
- }
2930
- var cell = Object(util["b" /* getCell */])(event);
2931
- if (!cell) return;
2932
-
2933
- var oldHoverState = this.table.hoverState || {};
2934
- this.table.$emit('cell-mouse-leave', oldHoverState.row, oldHoverState.column, oldHoverState.cell, event);
2935
- },
2936
-
2937
-
2938
- handleMouseEnter: debounce_default()(30, function (index) {
2939
- this.store.commit('setHoverRow', index);
2940
- }),
2941
-
2942
- handleMouseLeave: debounce_default()(30, function () {
2943
- this.store.commit('setHoverRow', null);
2944
- }),
2945
-
2946
- handleContextMenu: function handleContextMenu(event, row) {
2947
- this.handleEvent(event, row, 'contextmenu');
2948
- },
2949
- handleDoubleClick: function handleDoubleClick(event, row) {
2950
- this.handleEvent(event, row, 'dblclick');
2951
- },
2952
- handleClick: function handleClick(event, row) {
2953
- this.store.commit('setCurrentRow', row);
2954
- this.handleEvent(event, row, 'click');
2955
- },
2956
- handleEvent: function handleEvent(event, row, name) {
2957
- var table = this.table;
2958
- var cell = Object(util["b" /* getCell */])(event);
2959
- var column = void 0;
2960
- if (cell) {
2961
- column = Object(util["c" /* getColumnByCell */])(table, cell);
2962
- if (column) {
2963
- table.$emit('cell-' + name, row, column, cell, event);
2964
- }
2965
- }
2966
- table.$emit('row-' + name, row, column, event);
2967
- },
2968
- rowRender: function rowRender(row, $index, treeRowData) {
2969
- var _this4 = this;
2970
-
2971
- var h = this.$createElement;
2972
- var treeIndent = this.treeIndent,
2973
- columns = this.columns,
2974
- firstDefaultColumnIndex = this.firstDefaultColumnIndex;
2975
-
2976
- var rowClasses = this.getRowClass(row, $index);
2977
- var display = true;
2978
- if (treeRowData) {
2979
- rowClasses.push('el-table__row--level-' + treeRowData.level);
2980
- display = treeRowData.display;
2981
- }
2982
- // 指令 v-show 会覆盖 row-style 中 display
2983
- // 使用 :style 代替 v-show https://github.com/ElemeFE/element/issues/16995
2984
- var displayStyle = display ? null : {
2985
- display: 'none'
2986
- };
2987
- return h(table_row, {
2988
- style: [displayStyle, this.getRowStyle(row, $index)],
2989
- 'class': rowClasses,
2990
- key: this.getKeyOfRow(row, $index),
2991
- nativeOn: {
2992
- 'dblclick': function dblclick($event) {
2993
- return _this4.handleDoubleClick($event, row);
2994
- },
2995
- 'click': function click($event) {
2996
- return _this4.handleClick($event, row);
2997
- },
2998
- 'contextmenu': function contextmenu($event) {
2999
- return _this4.handleContextMenu($event, row);
3000
- },
3001
- 'mouseenter': function mouseenter(_) {
3002
- return _this4.handleMouseEnter($index);
3003
- },
3004
- 'mouseleave': this.handleMouseLeave
3005
- },
3006
- attrs: {
3007
- columns: columns,
3008
- row: row,
3009
- index: $index,
3010
- store: this.store,
3011
- context: this.context || this.table.$vnode.context,
3012
- firstDefaultColumnIndex: firstDefaultColumnIndex,
3013
- treeRowData: treeRowData,
3014
- treeIndent: treeIndent,
3015
- columnsHidden: this.columnsHidden,
3016
- getSpan: this.getSpan,
3017
- getColspanRealWidth: this.getColspanRealWidth,
3018
- getCellStyle: this.getCellStyle,
3019
- getCellClass: this.getCellClass,
3020
- handleCellMouseEnter: this.handleCellMouseEnter,
3021
- handleCellMouseLeave: this.handleCellMouseLeave,
3022
- isSelected: this.store.isSelected(row),
3023
- isExpanded: this.store.states.expandRows.indexOf(row) > -1,
3024
- fixed: this.fixed
3025
- }
3026
- });
3027
- },
3028
- wrappedRowRender: function wrappedRowRender(row, $index) {
3029
- var _this5 = this;
3030
-
3031
- var h = this.$createElement;
3032
-
3033
- var store = this.store;
3034
- var isRowExpanded = store.isRowExpanded,
3035
- assertRowKey = store.assertRowKey;
3036
- var _store$states = store.states,
3037
- treeData = _store$states.treeData,
3038
- lazyTreeNodeMap = _store$states.lazyTreeNodeMap,
3039
- childrenColumnName = _store$states.childrenColumnName,
3040
- rowKey = _store$states.rowKey;
3041
-
3042
- if (this.hasExpandColumn && isRowExpanded(row)) {
3043
- var renderExpanded = this.table.renderExpanded;
3044
- var tr = this.rowRender(row, $index);
3045
- if (!renderExpanded) {
3046
- console.error('[Element Error]renderExpanded is required.');
3047
- return tr;
3048
- }
3049
- // 使用二维数组,避免修改 $index
3050
- return [[tr, h(
3051
- 'tr',
3052
- { key: 'expanded-row__' + tr.key },
3053
- [h(
3054
- 'td',
3055
- {
3056
- attrs: { colspan: this.columnsCount },
3057
- 'class': 'el-table__cell el-table__expanded-cell' },
3058
- [renderExpanded(this.$createElement, { row: row, $index: $index, store: this.store })]
3059
- )]
3060
- )]];
3061
- } else if (Object.keys(treeData).length) {
3062
- assertRowKey();
3063
- // TreeTable 时,rowKey 必须由用户设定,不使用 getKeyOfRow 计算
3064
- // 在调用 rowRender 函数时,仍然会计算 rowKey,不太好的操作
3065
- var key = Object(util["g" /* getRowIdentity */])(row, rowKey);
3066
- var cur = treeData[key];
3067
- var treeRowData = null;
3068
- if (cur) {
3069
- treeRowData = {
3070
- expanded: cur.expanded,
3071
- level: cur.level,
3072
- display: true
3073
- };
3074
- if (typeof cur.lazy === 'boolean') {
3075
- if (typeof cur.loaded === 'boolean' && cur.loaded) {
3076
- treeRowData.noLazyChildren = !(cur.children && cur.children.length);
3077
- }
3078
- treeRowData.loading = cur.loading;
3079
- }
3080
- }
3081
- var tmp = [this.rowRender(row, $index, treeRowData)];
3082
- // 渲染嵌套数据
3083
- if (cur) {
3084
- // currentRow 记录的是 index,所以还需主动增加 TreeTable 的 index
3085
- var i = 0;
3086
- var traverse = function traverse(children, parent) {
3087
- if (!(children && children.length && parent)) return;
3088
- children.forEach(function (node) {
3089
- // 父节点的 display 状态影响子节点的显示状态
3090
- var innerTreeRowData = {
3091
- display: parent.display && parent.expanded,
3092
- level: parent.level + 1
3093
- };
3094
- var childKey = Object(util["g" /* getRowIdentity */])(node, rowKey);
3095
- if (childKey === undefined || childKey === null) {
3096
- throw new Error('for nested data item, row-key is required.');
3097
- }
3098
- cur = table_body_extends({}, treeData[childKey]);
3099
- // 对于当前节点,分成有无子节点两种情况。
3100
- // 如果包含子节点的,设置 expanded 属性。
3101
- // 对于它子节点的 display 属性由它本身的 expanded 与 display 共同决定。
3102
- if (cur) {
3103
- innerTreeRowData.expanded = cur.expanded;
3104
- // 懒加载的某些节点,level 未知
3105
- cur.level = cur.level || innerTreeRowData.level;
3106
- cur.display = !!(cur.expanded && innerTreeRowData.display);
3107
- if (typeof cur.lazy === 'boolean') {
3108
- if (typeof cur.loaded === 'boolean' && cur.loaded) {
3109
- innerTreeRowData.noLazyChildren = !(cur.children && cur.children.length);
3110
- }
3111
- innerTreeRowData.loading = cur.loading;
3112
- }
3113
- }
3114
- i++;
3115
- tmp.push(_this5.rowRender(node, $index + i, innerTreeRowData));
3116
- if (cur) {
3117
- var _nodes = lazyTreeNodeMap[childKey] || node[childrenColumnName];
3118
- traverse(_nodes, cur);
3119
- }
3120
- });
3121
- };
3122
- // 对于 root 节点,display 一定为 true
3123
- cur.display = true;
3124
- var nodes = lazyTreeNodeMap[key] || row[childrenColumnName];
3125
- traverse(nodes, cur);
3126
- }
3127
- return tmp;
3128
- } else {
3129
- return this.rowRender(row, $index);
3130
- }
3131
- }
3132
- }
3133
- });
3134
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/filter-panel.vue?vue&type=template&id=59e63078
3135
- var filter_panelvue_type_template_id_59e63078_render = function () {
3136
- var _vm = this
3137
- var _h = _vm.$createElement
3138
- var _c = _vm._self._c || _h
3139
- return _c("transition", { attrs: { name: "el-zoom-in-top" } }, [
3140
- _vm.multiple
3141
- ? _c(
3142
- "div",
3143
- {
3144
- directives: [
3145
- {
3146
- name: "clickoutside",
3147
- rawName: "v-clickoutside",
3148
- value: _vm.handleOutsideClick,
3149
- expression: "handleOutsideClick",
3150
- },
3151
- {
3152
- name: "show",
3153
- rawName: "v-show",
3154
- value: _vm.showPopper,
3155
- expression: "showPopper",
3156
- },
3157
- ],
3158
- staticClass: "el-table-filter",
3159
- },
3160
- [
3161
- _c(
3162
- "div",
3163
- { staticClass: "el-table-filter__content" },
3164
- [
3165
- _c(
3166
- "el-scrollbar",
3167
- { attrs: { "wrap-class": "el-table-filter__wrap" } },
3168
- [
3169
- _c(
3170
- "el-checkbox-group",
3171
- {
3172
- staticClass: "el-table-filter__checkbox-group",
3173
- model: {
3174
- value: _vm.filteredValue,
3175
- callback: function ($$v) {
3176
- _vm.filteredValue = $$v
3177
- },
3178
- expression: "filteredValue",
3179
- },
3180
- },
3181
- _vm._l(_vm.filters, function (filter) {
3182
- return _c(
3183
- "el-checkbox",
3184
- { key: filter.value, attrs: { label: filter.value } },
3185
- [_vm._v(_vm._s(filter.text))]
3186
- )
3187
- }),
3188
- 1
3189
- ),
3190
- ],
3191
- 1
3192
- ),
3193
- ],
3194
- 1
3195
- ),
3196
- _c("div", { staticClass: "el-table-filter__bottom" }, [
3197
- _c(
3198
- "button",
3199
- {
3200
- class: { "is-disabled": _vm.filteredValue.length === 0 },
3201
- attrs: { disabled: _vm.filteredValue.length === 0 },
3202
- on: { click: _vm.handleConfirm },
3203
- },
3204
- [_vm._v(_vm._s(_vm.t("el.table.confirmFilter")))]
3205
- ),
3206
- _c("button", { on: { click: _vm.handleReset } }, [
3207
- _vm._v(_vm._s(_vm.t("el.table.resetFilter"))),
3208
- ]),
3209
- ]),
3210
- ]
3211
- )
3212
- : _c(
3213
- "div",
3214
- {
3215
- directives: [
3216
- {
3217
- name: "clickoutside",
3218
- rawName: "v-clickoutside",
3219
- value: _vm.handleOutsideClick,
3220
- expression: "handleOutsideClick",
3221
- },
3222
- {
3223
- name: "show",
3224
- rawName: "v-show",
3225
- value: _vm.showPopper,
3226
- expression: "showPopper",
3227
- },
3228
- ],
3229
- staticClass: "el-table-filter",
3230
- },
3231
- [
3232
- _c(
3233
- "ul",
3234
- { staticClass: "el-table-filter__list" },
3235
- [
3236
- _c(
3237
- "li",
3238
- {
3239
- staticClass: "el-table-filter__list-item",
3240
- class: {
3241
- "is-active":
3242
- _vm.filterValue === undefined ||
3243
- _vm.filterValue === null,
3244
- },
3245
- on: {
3246
- click: function ($event) {
3247
- _vm.handleSelect(null)
3248
- },
3249
- },
3250
- },
3251
- [_vm._v(_vm._s(_vm.t("el.table.clearFilter")))]
3252
- ),
3253
- _vm._l(_vm.filters, function (filter) {
3254
- return _c(
3255
- "li",
3256
- {
3257
- key: filter.value,
3258
- staticClass: "el-table-filter__list-item",
3259
- class: { "is-active": _vm.isActive(filter) },
3260
- attrs: { label: filter.value },
3261
- on: {
3262
- click: function ($event) {
3263
- _vm.handleSelect(filter.value)
3264
- },
3265
- },
3266
- },
3267
- [_vm._v(_vm._s(filter.text))]
3268
- )
3269
- }),
3270
- ],
3271
- 2
3272
- ),
3273
- ]
3274
- ),
3275
- ])
3276
- }
3277
- var filter_panelvue_type_template_id_59e63078_staticRenderFns = []
3278
- filter_panelvue_type_template_id_59e63078_render._withStripped = true
3279
-
3280
-
3281
- // CONCATENATED MODULE: ./packages/table/src/filter-panel.vue?vue&type=template&id=59e63078
3282
-
3283
- // EXTERNAL MODULE: external "element-SIM/lib/utils/vue-popper"
3284
- var vue_popper_ = __webpack_require__(5);
3285
- var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
3286
-
3287
- // EXTERNAL MODULE: external "element-SIM/lib/utils/popup"
3288
- var popup_ = __webpack_require__(13);
3289
-
3290
- // EXTERNAL MODULE: external "element-SIM/lib/utils/clickoutside"
3291
- var clickoutside_ = __webpack_require__(12);
3292
- var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
3293
-
3294
- // CONCATENATED MODULE: ./packages/table/src/dropdown.js
3295
-
3296
- var dropdowns = [];
3297
-
3298
- !external_vue_default.a.prototype.$isServer && document.addEventListener('click', function (event) {
3299
- dropdowns.forEach(function (dropdown) {
3300
- var target = event.target;
3301
- if (!dropdown || !dropdown.$el) return;
3302
- if (target === dropdown.$el || dropdown.$el.contains(target)) {
3303
- return;
3304
- }
3305
- dropdown.handleOutsideClick && dropdown.handleOutsideClick(event);
3306
- });
3307
- });
3308
-
3309
- /* harmony default export */ var dropdown = ({
3310
- open: function open(instance) {
3311
- if (instance) {
3312
- dropdowns.push(instance);
3313
- }
3314
- },
3315
- close: function close(instance) {
3316
- var index = dropdowns.indexOf(instance);
3317
- if (index !== -1) {
3318
- dropdowns.splice(instance, 1);
3319
- }
3320
- }
3321
- });
3322
- // EXTERNAL MODULE: external "element-SIM/lib/checkbox-group"
3323
- var checkbox_group_ = __webpack_require__(40);
3324
- var checkbox_group_default = /*#__PURE__*/__webpack_require__.n(checkbox_group_);
3325
-
3326
- // EXTERNAL MODULE: external "element-SIM/lib/scrollbar"
3327
- var scrollbar_ = __webpack_require__(15);
3328
- var scrollbar_default = /*#__PURE__*/__webpack_require__.n(scrollbar_);
3329
-
3330
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/filter-panel.vue?vue&type=script&lang=js
3331
- //
3332
- //
3333
- //
3334
- //
3335
- //
3336
- //
3337
- //
3338
- //
3339
- //
3340
- //
3341
- //
3342
- //
3343
- //
3344
- //
3345
- //
3346
- //
3347
- //
3348
- //
3349
- //
3350
- //
3351
- //
3352
- //
3353
- //
3354
- //
3355
- //
3356
- //
3357
- //
3358
- //
3359
- //
3360
- //
3361
- //
3362
- //
3363
- //
3364
- //
3365
- //
3366
- //
3367
- //
3368
- //
3369
- //
3370
- //
3371
- //
3372
- //
3373
- //
3374
- //
3375
-
3376
-
3377
-
3378
-
3379
-
3380
-
3381
-
3382
-
3383
-
3384
-
3385
- /* harmony default export */ var filter_panelvue_type_script_lang_js = ({
3386
- name: 'ElTableFilterPanel',
3387
-
3388
- mixins: [vue_popper_default.a, locale_default.a],
3389
-
3390
- directives: {
3391
- Clickoutside: clickoutside_default.a
3392
- },
3393
-
3394
- components: {
3395
- ElCheckbox: checkbox_default.a,
3396
- ElCheckboxGroup: checkbox_group_default.a,
3397
- ElScrollbar: scrollbar_default.a
3398
- },
3399
-
3400
- props: {
3401
- placement: {
3402
- type: String,
3403
- default: 'bottom-end'
3404
- }
3405
- },
3406
-
3407
- methods: {
3408
- isActive: function isActive(filter) {
3409
- return filter.value === this.filterValue;
3410
- },
3411
- handleOutsideClick: function handleOutsideClick() {
3412
- var _this = this;
3413
-
3414
- setTimeout(function () {
3415
- _this.showPopper = false;
3416
- }, 16);
3417
- },
3418
- handleConfirm: function handleConfirm() {
3419
- this.confirmFilter(this.filteredValue);
3420
- this.handleOutsideClick();
3421
- },
3422
- handleReset: function handleReset() {
3423
- this.filteredValue = [];
3424
- this.confirmFilter(this.filteredValue);
3425
- this.handleOutsideClick();
3426
- },
3427
- handleSelect: function handleSelect(filterValue) {
3428
- this.filterValue = filterValue;
3429
-
3430
- if (typeof filterValue !== 'undefined' && filterValue !== null) {
3431
- this.confirmFilter(this.filteredValue);
3432
- } else {
3433
- this.confirmFilter([]);
3434
- }
3435
-
3436
- this.handleOutsideClick();
3437
- },
3438
- confirmFilter: function confirmFilter(filteredValue) {
3439
- this.table.store.commit('filterChange', {
3440
- column: this.column,
3441
- values: filteredValue
3442
- });
3443
- this.table.store.updateAllSelected();
3444
- }
3445
- },
3446
-
3447
- data: function data() {
3448
- return {
3449
- table: null,
3450
- cell: null,
3451
- column: null
3452
- };
3453
- },
3454
-
3455
-
3456
- computed: {
3457
- filters: function filters() {
3458
- return this.column && this.column.filters;
3459
- },
3460
-
3461
-
3462
- filterValue: {
3463
- get: function get() {
3464
- return (this.column.filteredValue || [])[0];
3465
- },
3466
- set: function set(value) {
3467
- if (this.filteredValue) {
3468
- if (typeof value !== 'undefined' && value !== null) {
3469
- this.filteredValue.splice(0, 1, value);
3470
- } else {
3471
- this.filteredValue.splice(0, 1);
3472
- }
3473
- }
3474
- }
3475
- },
3476
-
3477
- filteredValue: {
3478
- get: function get() {
3479
- if (this.column) {
3480
- return this.column.filteredValue || [];
3481
- }
3482
- return [];
3483
- },
3484
- set: function set(value) {
3485
- if (this.column) {
3486
- this.column.filteredValue = value;
3487
- }
3488
- }
3489
- },
3490
-
3491
- multiple: function multiple() {
3492
- if (this.column) {
3493
- return this.column.filterMultiple;
3494
- }
3495
- return true;
3496
- }
3497
- },
3498
-
3499
- mounted: function mounted() {
3500
- var _this2 = this;
3501
-
3502
- this.popperElm = this.$el;
3503
- this.referenceElm = this.cell;
3504
- this.table.bodyWrapper.addEventListener('scroll', function () {
3505
- _this2.updatePopper();
3506
- });
3507
-
3508
- this.$watch('showPopper', function (value) {
3509
- if (_this2.column) _this2.column.filterOpened = value;
3510
- if (value) {
3511
- dropdown.open(_this2);
3512
- } else {
3513
- dropdown.close(_this2);
3514
- }
3515
- });
3516
- },
3517
-
3518
- watch: {
3519
- showPopper: function showPopper(val) {
3520
- if (val === true && parseInt(this.popperJS._popper.style.zIndex, 10) < popup_["PopupManager"].zIndex) {
3521
- this.popperJS._popper.style.zIndex = popup_["PopupManager"].nextZIndex();
3522
- }
3523
- }
3524
- }
3525
- });
3526
- // CONCATENATED MODULE: ./packages/table/src/filter-panel.vue?vue&type=script&lang=js
3527
- /* harmony default export */ var src_filter_panelvue_type_script_lang_js = (filter_panelvue_type_script_lang_js);
3528
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
3529
- var componentNormalizer = __webpack_require__(0);
3530
-
3531
- // CONCATENATED MODULE: ./packages/table/src/filter-panel.vue
3532
-
3533
-
3534
-
3535
-
3536
-
3537
- /* normalize component */
3538
-
3539
- var component = Object(componentNormalizer["a" /* default */])(
3540
- src_filter_panelvue_type_script_lang_js,
3541
- filter_panelvue_type_template_id_59e63078_render,
3542
- filter_panelvue_type_template_id_59e63078_staticRenderFns,
3543
- false,
3544
- null,
3545
- null,
3546
- null
3547
-
3548
- )
3549
-
3550
- /* harmony default export */ var filter_panel = (component.exports);
3551
- // CONCATENATED MODULE: ./packages/table/src/table-header.js
3552
- var table_header_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
3553
-
3554
-
3555
-
3556
-
3557
-
3558
-
3559
-
3560
-
3561
- var getAllColumns = function getAllColumns(columns) {
3562
- var result = [];
3563
- columns.forEach(function (column) {
3564
- if (column.children) {
3565
- result.push(column);
3566
- result.push.apply(result, getAllColumns(column.children));
3567
- } else {
3568
- result.push(column);
3569
- }
3570
- });
3571
- return result;
3572
- };
3573
-
3574
- var convertToRows = function convertToRows(originColumns) {
3575
- var maxLevel = 1;
3576
- var traverse = function traverse(column, parent) {
3577
- if (parent) {
3578
- column.level = parent.level + 1;
3579
- if (maxLevel < column.level) {
3580
- maxLevel = column.level;
3581
- }
3582
- }
3583
- if (column.children) {
3584
- var colSpan = 0;
3585
- column.children.forEach(function (subColumn) {
3586
- traverse(subColumn, column);
3587
- colSpan += subColumn.colSpan;
3588
- });
3589
- column.colSpan = colSpan;
3590
- } else {
3591
- column.colSpan = 1;
3592
- }
3593
- };
3594
-
3595
- originColumns.forEach(function (column) {
3596
- column.level = 1;
3597
- traverse(column);
3598
- });
3599
-
3600
- var rows = [];
3601
- for (var i = 0; i < maxLevel; i++) {
3602
- rows.push([]);
3603
- }
3604
-
3605
- var allColumns = getAllColumns(originColumns);
3606
-
3607
- allColumns.forEach(function (column) {
3608
- if (!column.children) {
3609
- column.rowSpan = maxLevel - column.level + 1;
3610
- } else {
3611
- column.rowSpan = 1;
3612
- }
3613
- rows[column.level - 1].push(column);
3614
- });
3615
-
3616
- return rows;
3617
- };
3618
-
3619
- /* harmony default export */ var table_header = ({
3620
- name: 'ElTableHeader',
3621
-
3622
- mixins: [layout_observer],
3623
-
3624
- render: function render(h) {
3625
- var _this = this;
3626
-
3627
- var originColumns = this.store.states.originColumns;
3628
- var columnRows = convertToRows(originColumns, this.columns);
3629
- // 是否拥有多级表头
3630
- var isGroup = columnRows.length > 1;
3631
- if (isGroup) this.$parent.isGroup = true;
3632
- return h(
3633
- 'table',
3634
- {
3635
- 'class': 'el-table__header',
3636
- attrs: { cellspacing: '0',
3637
- cellpadding: '0',
3638
- border: '0' }
3639
- },
3640
- [h('colgroup', [this.columns.map(function (column) {
3641
- return h('col', {
3642
- attrs: { name: column.id },
3643
- key: column.id });
3644
- }), this.hasGutter ? h('col', {
3645
- attrs: { name: 'gutter' }
3646
- }) : '']), h(
3647
- 'thead',
3648
- { 'class': [{ 'is-group': isGroup, 'has-gutter': this.hasGutter }] },
3649
- [this._l(columnRows, function (columns, rowIndex) {
3650
- return h(
3651
- 'tr',
3652
- {
3653
- style: _this.getHeaderRowStyle(rowIndex),
3654
- 'class': _this.getHeaderRowClass(rowIndex)
3655
- },
3656
- [columns.map(function (column, cellIndex) {
3657
- return h(
3658
- 'th',
3659
- {
3660
- attrs: {
3661
- colspan: column.colSpan,
3662
- rowspan: column.rowSpan
3663
- },
3664
- on: {
3665
- 'mousemove': function mousemove($event) {
3666
- return _this.handleMouseMove($event, column);
3667
- },
3668
- 'mouseout': _this.handleMouseOut,
3669
- 'mousedown': function mousedown($event) {
3670
- return _this.handleMouseDown($event, column);
3671
- },
3672
- 'click': function click($event) {
3673
- return _this.handleHeaderClick($event, column);
3674
- },
3675
- 'contextmenu': function contextmenu($event) {
3676
- return _this.handleHeaderContextMenu($event, column);
3677
- }
3678
- },
3679
-
3680
- style: _this.getHeaderCellStyle(rowIndex, cellIndex, columns, column),
3681
- 'class': _this.getHeaderCellClass(rowIndex, cellIndex, columns, column),
3682
- key: column.id },
3683
- [h(
3684
- 'div',
3685
- { 'class': ['cell', column.filteredValue && column.filteredValue.length > 0 ? 'highlight' : '', column.labelClassName] },
3686
- [column.renderHeader ? column.renderHeader.call(_this._renderProxy, h, { column: column, $index: cellIndex, store: _this.store, _self: _this.$parent.$vnode.context }) : column.label, column.sortable ? h(
3687
- 'span',
3688
- {
3689
- 'class': 'caret-wrapper',
3690
- on: {
3691
- 'click': function click($event) {
3692
- return _this.handleSortClick($event, column);
3693
- }
3694
- }
3695
- },
3696
- [h('i', { 'class': 'sort-caret ascending',
3697
- on: {
3698
- 'click': function click($event) {
3699
- return _this.handleSortClick($event, column, 'ascending');
3700
- }
3701
- }
3702
- }), h('i', { 'class': 'sort-caret descending',
3703
- on: {
3704
- 'click': function click($event) {
3705
- return _this.handleSortClick($event, column, 'descending');
3706
- }
3707
- }
3708
- })]
3709
- ) : '', column.filterable ? h(
3710
- 'span',
3711
- {
3712
- 'class': 'el-table__column-filter-trigger',
3713
- on: {
3714
- 'click': function click($event) {
3715
- return _this.handleFilterClick($event, column);
3716
- }
3717
- }
3718
- },
3719
- [h('i', { 'class': ['el-icon-arrow-down', column.filterOpened ? 'el-icon-arrow-up' : ''] })]
3720
- ) : '']
3721
- )]
3722
- );
3723
- }), _this.hasGutter ? h('th', { 'class': 'el-table__cell gutter' }) : '']
3724
- );
3725
- })]
3726
- )]
3727
- );
3728
- },
3729
-
3730
-
3731
- props: {
3732
- fixed: String,
3733
- store: {
3734
- required: true
3735
- },
3736
- border: Boolean,
3737
- defaultSort: {
3738
- type: Object,
3739
- default: function _default() {
3740
- return {
3741
- prop: '',
3742
- order: ''
3743
- };
3744
- }
3745
- }
3746
- },
3747
-
3748
- components: {
3749
- ElCheckbox: checkbox_default.a
3750
- },
3751
-
3752
- computed: table_header_extends({
3753
- table: function table() {
3754
- return this.$parent;
3755
- },
3756
- hasGutter: function hasGutter() {
3757
- return !this.fixed && this.tableLayout.gutterWidth;
3758
- }
3759
- }, mapStates({
3760
- columns: 'columns',
3761
- isAllSelected: 'isAllSelected',
3762
- leftFixedLeafCount: 'fixedLeafColumnsLength',
3763
- rightFixedLeafCount: 'rightFixedLeafColumnsLength',
3764
- columnsCount: function columnsCount(states) {
3765
- return states.columns.length;
3766
- },
3767
- leftFixedCount: function leftFixedCount(states) {
3768
- return states.fixedColumns.length;
3769
- },
3770
- rightFixedCount: function rightFixedCount(states) {
3771
- return states.rightFixedColumns.length;
3772
- }
3773
- })),
3774
-
3775
- created: function created() {
3776
- this.filterPanels = {};
3777
- },
3778
- mounted: function mounted() {
3779
- var _this2 = this;
3780
-
3781
- // nextTick 是有必要的 https://github.com/ElemeFE/element/pull/11311
3782
- this.$nextTick(function () {
3783
- var _defaultSort = _this2.defaultSort,
3784
- prop = _defaultSort.prop,
3785
- order = _defaultSort.order;
3786
-
3787
- var init = true;
3788
- _this2.store.commit('sort', { prop: prop, order: order, init: init });
3789
- });
3790
- },
3791
- beforeDestroy: function beforeDestroy() {
3792
- var panels = this.filterPanels;
3793
- for (var prop in panels) {
3794
- if (panels.hasOwnProperty(prop) && panels[prop]) {
3795
- panels[prop].$destroy(true);
3796
- }
3797
- }
3798
- },
3799
-
3800
-
3801
- methods: {
3802
- isCellHidden: function isCellHidden(index, columns) {
3803
- var start = 0;
3804
- for (var i = 0; i < index; i++) {
3805
- start += columns[i].colSpan;
3806
- }
3807
- var after = start + columns[index].colSpan - 1;
3808
- if (this.fixed === true || this.fixed === 'left') {
3809
- return after >= this.leftFixedLeafCount;
3810
- } else if (this.fixed === 'right') {
3811
- return start < this.columnsCount - this.rightFixedLeafCount;
3812
- } else {
3813
- return after < this.leftFixedLeafCount || start >= this.columnsCount - this.rightFixedLeafCount;
3814
- }
3815
- },
3816
- getHeaderRowStyle: function getHeaderRowStyle(rowIndex) {
3817
- var headerRowStyle = this.table.headerRowStyle;
3818
- if (typeof headerRowStyle === 'function') {
3819
- return headerRowStyle.call(null, { rowIndex: rowIndex });
3820
- }
3821
- return headerRowStyle;
3822
- },
3823
- getHeaderRowClass: function getHeaderRowClass(rowIndex) {
3824
- var classes = [];
3825
-
3826
- var headerRowClassName = this.table.headerRowClassName;
3827
- if (typeof headerRowClassName === 'string') {
3828
- classes.push(headerRowClassName);
3829
- } else if (typeof headerRowClassName === 'function') {
3830
- classes.push(headerRowClassName.call(null, { rowIndex: rowIndex }));
3831
- }
3832
-
3833
- return classes.join(' ');
3834
- },
3835
- getHeaderCellStyle: function getHeaderCellStyle(rowIndex, columnIndex, row, column) {
3836
- var headerCellStyle = this.table.headerCellStyle;
3837
- if (typeof headerCellStyle === 'function') {
3838
- return headerCellStyle.call(null, {
3839
- rowIndex: rowIndex,
3840
- columnIndex: columnIndex,
3841
- row: row,
3842
- column: column
3843
- });
3844
- }
3845
- return headerCellStyle;
3846
- },
3847
- getHeaderCellClass: function getHeaderCellClass(rowIndex, columnIndex, row, column) {
3848
- var classes = [column.id, column.order, column.headerAlign, column.className, column.labelClassName];
3849
-
3850
- if (rowIndex === 0 && this.isCellHidden(columnIndex, row)) {
3851
- classes.push('is-hidden');
3852
- }
3853
-
3854
- if (!column.children) {
3855
- classes.push('is-leaf');
3856
- }
3857
-
3858
- if (column.sortable) {
3859
- classes.push('is-sortable');
3860
- }
3861
-
3862
- var headerCellClassName = this.table.headerCellClassName;
3863
- if (typeof headerCellClassName === 'string') {
3864
- classes.push(headerCellClassName);
3865
- } else if (typeof headerCellClassName === 'function') {
3866
- classes.push(headerCellClassName.call(null, {
3867
- rowIndex: rowIndex,
3868
- columnIndex: columnIndex,
3869
- row: row,
3870
- column: column
3871
- }));
3872
- }
3873
-
3874
- classes.push('el-table__cell');
3875
-
3876
- return classes.join(' ');
3877
- },
3878
- toggleAllSelection: function toggleAllSelection() {
3879
- this.store.commit('toggleAllSelection');
3880
- },
3881
- handleFilterClick: function handleFilterClick(event, column) {
3882
- event.stopPropagation();
3883
- var target = event.target;
3884
- var cell = target.tagName === 'TH' ? target : target.parentNode;
3885
- if (Object(dom_["hasClass"])(cell, 'noclick')) return;
3886
- cell = cell.querySelector('.el-table__column-filter-trigger') || cell;
3887
- var table = this.$parent;
3888
-
3889
- var filterPanel = this.filterPanels[column.id];
3890
-
3891
- if (filterPanel && column.filterOpened) {
3892
- filterPanel.showPopper = false;
3893
- return;
3894
- }
3895
-
3896
- if (!filterPanel) {
3897
- filterPanel = new external_vue_default.a(filter_panel);
3898
- this.filterPanels[column.id] = filterPanel;
3899
- if (column.filterPlacement) {
3900
- filterPanel.placement = column.filterPlacement;
3901
- }
3902
- filterPanel.table = table;
3903
- filterPanel.cell = cell;
3904
- filterPanel.column = column;
3905
- !this.$isServer && filterPanel.$mount(document.createElement('div'));
3906
- }
3907
-
3908
- setTimeout(function () {
3909
- filterPanel.showPopper = true;
3910
- }, 16);
3911
- },
3912
- handleHeaderClick: function handleHeaderClick(event, column) {
3913
- if (!column.filters && column.sortable) {
3914
- this.handleSortClick(event, column);
3915
- } else if (column.filterable && !column.sortable) {
3916
- this.handleFilterClick(event, column);
3917
- }
3918
-
3919
- this.$parent.$emit('header-click', column, event);
3920
- },
3921
- handleHeaderContextMenu: function handleHeaderContextMenu(event, column) {
3922
- this.$parent.$emit('header-contextmenu', column, event);
3923
- },
3924
- handleMouseDown: function handleMouseDown(event, column) {
3925
- var _this3 = this;
3926
-
3927
- if (this.$isServer) return;
3928
- if (column.children && column.children.length > 0) return;
3929
- /* istanbul ignore if */
3930
- if (this.draggingColumn && this.border) {
3931
- this.dragging = true;
3932
-
3933
- this.$parent.resizeProxyVisible = true;
3934
-
3935
- var table = this.$parent;
3936
- var tableEl = table.$el;
3937
- var tableLeft = tableEl.getBoundingClientRect().left;
3938
- var columnEl = this.$el.querySelector('th.' + column.id);
3939
- var columnRect = columnEl.getBoundingClientRect();
3940
- var minLeft = columnRect.left - tableLeft + 30;
3941
-
3942
- Object(dom_["addClass"])(columnEl, 'noclick');
3943
-
3944
- this.dragState = {
3945
- startMouseLeft: event.clientX,
3946
- startLeft: columnRect.right - tableLeft,
3947
- startColumnLeft: columnRect.left - tableLeft,
3948
- tableLeft: tableLeft
3949
- };
3950
-
3951
- var resizeProxy = table.$refs.resizeProxy;
3952
- resizeProxy.style.left = this.dragState.startLeft + 'px';
3953
-
3954
- document.onselectstart = function () {
3955
- return false;
3956
- };
3957
- document.ondragstart = function () {
3958
- return false;
3959
- };
3960
-
3961
- var handleMouseMove = function handleMouseMove(event) {
3962
- var deltaLeft = event.clientX - _this3.dragState.startMouseLeft;
3963
- var proxyLeft = _this3.dragState.startLeft + deltaLeft;
3964
-
3965
- resizeProxy.style.left = Math.max(minLeft, proxyLeft) + 'px';
3966
- };
3967
-
3968
- var handleMouseUp = function handleMouseUp() {
3969
- if (_this3.dragging) {
3970
- var _dragState = _this3.dragState,
3971
- startColumnLeft = _dragState.startColumnLeft,
3972
- startLeft = _dragState.startLeft;
3973
-
3974
- var finalLeft = parseInt(resizeProxy.style.left, 10);
3975
- var columnWidth = finalLeft - startColumnLeft;
3976
- column.width = column.realWidth = columnWidth;
3977
- table.$emit('header-dragend', column.width, startLeft - startColumnLeft, column, event);
3978
-
3979
- _this3.store.scheduleLayout();
3980
-
3981
- document.body.style.cursor = '';
3982
- _this3.dragging = false;
3983
- _this3.draggingColumn = null;
3984
- _this3.dragState = {};
3985
-
3986
- table.resizeProxyVisible = false;
3987
- }
3988
-
3989
- document.removeEventListener('mousemove', handleMouseMove);
3990
- document.removeEventListener('mouseup', handleMouseUp);
3991
- document.onselectstart = null;
3992
- document.ondragstart = null;
3993
-
3994
- setTimeout(function () {
3995
- Object(dom_["removeClass"])(columnEl, 'noclick');
3996
- }, 0);
3997
- };
3998
-
3999
- document.addEventListener('mousemove', handleMouseMove);
4000
- document.addEventListener('mouseup', handleMouseUp);
4001
- }
4002
- },
4003
- handleMouseMove: function handleMouseMove(event, column) {
4004
- if (column.children && column.children.length > 0) return;
4005
- var target = event.target;
4006
- while (target && target.tagName !== 'TH') {
4007
- target = target.parentNode;
4008
- }
4009
-
4010
- if (!column || !column.resizable) return;
4011
-
4012
- if (!this.dragging && this.border) {
4013
- var rect = target.getBoundingClientRect();
4014
-
4015
- var bodyStyle = document.body.style;
4016
- if (rect.width > 12 && rect.right - event.pageX < 8) {
4017
- bodyStyle.cursor = 'col-resize';
4018
- if (Object(dom_["hasClass"])(target, 'is-sortable')) {
4019
- target.style.cursor = 'col-resize';
4020
- }
4021
- this.draggingColumn = column;
4022
- } else if (!this.dragging) {
4023
- bodyStyle.cursor = '';
4024
- if (Object(dom_["hasClass"])(target, 'is-sortable')) {
4025
- target.style.cursor = 'pointer';
4026
- }
4027
- this.draggingColumn = null;
4028
- }
4029
- }
4030
- },
4031
- handleMouseOut: function handleMouseOut() {
4032
- if (this.$isServer) return;
4033
- document.body.style.cursor = '';
4034
- },
4035
- toggleOrder: function toggleOrder(_ref) {
4036
- var order = _ref.order,
4037
- sortOrders = _ref.sortOrders;
4038
-
4039
- if (order === '') return sortOrders[0];
4040
- var index = sortOrders.indexOf(order || null);
4041
- return sortOrders[index > sortOrders.length - 2 ? 0 : index + 1];
4042
- },
4043
- handleSortClick: function handleSortClick(event, column, givenOrder) {
4044
- event.stopPropagation();
4045
- var order = column.order === givenOrder ? null : givenOrder || this.toggleOrder(column);
4046
-
4047
- var target = event.target;
4048
- while (target && target.tagName !== 'TH') {
4049
- target = target.parentNode;
4050
- }
4051
-
4052
- if (target && target.tagName === 'TH') {
4053
- if (Object(dom_["hasClass"])(target, 'noclick')) {
4054
- Object(dom_["removeClass"])(target, 'noclick');
4055
- return;
4056
- }
4057
- }
4058
-
4059
- if (!column.sortable) return;
4060
-
4061
- var states = this.store.states;
4062
- var sortProp = states.sortProp;
4063
- var sortOrder = void 0;
4064
- var sortingColumn = states.sortingColumn;
4065
-
4066
- if (sortingColumn !== column || sortingColumn === column && sortingColumn.order === null) {
4067
- if (sortingColumn) {
4068
- sortingColumn.order = null;
4069
- }
4070
- states.sortingColumn = column;
4071
- sortProp = column.property;
4072
- }
4073
-
4074
- if (!order) {
4075
- sortOrder = column.order = null;
4076
- } else {
4077
- sortOrder = column.order = order;
4078
- }
4079
-
4080
- states.sortProp = sortProp;
4081
- states.sortOrder = sortOrder;
4082
-
4083
- this.store.commit('changeSortCondition');
4084
- }
4085
- },
4086
-
4087
- data: function data() {
4088
- return {
4089
- draggingColumn: null,
4090
- dragging: false,
4091
- dragState: {}
4092
- };
4093
- }
4094
- });
4095
- // CONCATENATED MODULE: ./packages/table/src/table-footer.js
4096
- var table_footer_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
4097
-
4098
-
4099
-
4100
-
4101
- /* harmony default export */ var table_footer = ({
4102
- name: 'ElTableFooter',
4103
-
4104
- mixins: [layout_observer],
4105
-
4106
- render: function render(h) {
4107
- var _this = this;
4108
-
4109
- var sums = [];
4110
- if (this.summaryMethod) {
4111
- sums = this.summaryMethod({ columns: this.columns, data: this.store.states.data });
4112
- } else {
4113
- this.columns.forEach(function (column, index) {
4114
- if (index === 0) {
4115
- sums[index] = _this.sumText;
4116
- return;
4117
- }
4118
- var values = _this.store.states.data.map(function (item) {
4119
- return Number(item[column.property]);
4120
- });
4121
- var precisions = [];
4122
- var notNumber = true;
4123
- values.forEach(function (value) {
4124
- if (!isNaN(value)) {
4125
- notNumber = false;
4126
- var decimal = ('' + value).split('.')[1];
4127
- precisions.push(decimal ? decimal.length : 0);
4128
- }
4129
- });
4130
- var precision = Math.max.apply(null, precisions);
4131
- if (!notNumber) {
4132
- sums[index] = values.reduce(function (prev, curr) {
4133
- var value = Number(curr);
4134
- if (!isNaN(value)) {
4135
- return parseFloat((prev + curr).toFixed(Math.min(precision, 20)));
4136
- } else {
4137
- return prev;
4138
- }
4139
- }, 0);
4140
- } else {
4141
- sums[index] = '';
4142
- }
4143
- });
4144
- }
4145
-
4146
- return h(
4147
- 'table',
4148
- {
4149
- 'class': 'el-table__footer',
4150
- attrs: { cellspacing: '0',
4151
- cellpadding: '0',
4152
- border: '0' }
4153
- },
4154
- [h('colgroup', [this.columns.map(function (column) {
4155
- return h('col', {
4156
- attrs: { name: column.id },
4157
- key: column.id });
4158
- }), this.hasGutter ? h('col', {
4159
- attrs: { name: 'gutter' }
4160
- }) : '']), h(
4161
- 'tbody',
4162
- { 'class': [{ 'has-gutter': this.hasGutter }] },
4163
- [h('tr', [this.columns.map(function (column, cellIndex) {
4164
- return h(
4165
- 'td',
4166
- {
4167
- key: cellIndex,
4168
- attrs: { colspan: column.colSpan,
4169
- rowspan: column.rowSpan
4170
- },
4171
- 'class': [].concat(_this.getRowClasses(column, cellIndex), ['el-table__cell']) },
4172
- [h(
4173
- 'div',
4174
- { 'class': ['cell', column.labelClassName] },
4175
- [sums[cellIndex]]
4176
- )]
4177
- );
4178
- }), this.hasGutter ? h('th', { 'class': 'el-table__cell gutter' }) : ''])]
4179
- )]
4180
- );
4181
- },
4182
-
4183
-
4184
- props: {
4185
- fixed: String,
4186
- store: {
4187
- required: true
4188
- },
4189
- summaryMethod: Function,
4190
- sumText: String,
4191
- border: Boolean,
4192
- defaultSort: {
4193
- type: Object,
4194
- default: function _default() {
4195
- return {
4196
- prop: '',
4197
- order: ''
4198
- };
4199
- }
4200
- }
4201
- },
4202
-
4203
- computed: table_footer_extends({
4204
- table: function table() {
4205
- return this.$parent;
4206
- },
4207
- hasGutter: function hasGutter() {
4208
- return !this.fixed && this.tableLayout.gutterWidth;
4209
- }
4210
- }, mapStates({
4211
- columns: 'columns',
4212
- isAllSelected: 'isAllSelected',
4213
- leftFixedLeafCount: 'fixedLeafColumnsLength',
4214
- rightFixedLeafCount: 'rightFixedLeafColumnsLength',
4215
- columnsCount: function columnsCount(states) {
4216
- return states.columns.length;
4217
- },
4218
- leftFixedCount: function leftFixedCount(states) {
4219
- return states.fixedColumns.length;
4220
- },
4221
- rightFixedCount: function rightFixedCount(states) {
4222
- return states.rightFixedColumns.length;
4223
- }
4224
- })),
4225
-
4226
- methods: {
4227
- isCellHidden: function isCellHidden(index, columns, column) {
4228
- if (this.fixed === true || this.fixed === 'left') {
4229
- return index >= this.leftFixedLeafCount;
4230
- } else if (this.fixed === 'right') {
4231
- var before = 0;
4232
- for (var i = 0; i < index; i++) {
4233
- before += columns[i].colSpan;
4234
- }
4235
- return before < this.columnsCount - this.rightFixedLeafCount;
4236
- } else if (!this.fixed && column.fixed) {
4237
- // hide cell when footer instance is not fixed and column is fixed
4238
- return true;
4239
- } else {
4240
- return index < this.leftFixedCount || index >= this.columnsCount - this.rightFixedCount;
4241
- }
4242
- },
4243
- getRowClasses: function getRowClasses(column, cellIndex) {
4244
- var classes = [column.id, column.align, column.labelClassName];
4245
- if (column.className) {
4246
- classes.push(column.className);
4247
- }
4248
- if (this.isCellHidden(cellIndex, this.columns, column)) {
4249
- classes.push('is-hidden');
4250
- }
4251
- if (!column.children) {
4252
- classes.push('is-leaf');
4253
- }
4254
- return classes;
4255
- }
4256
- }
4257
- });
4258
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/table.vue?vue&type=script&lang=js
4259
- var tablevue_type_script_lang_js_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
4260
-
4261
- //
4262
- //
4263
- //
4264
- //
4265
- //
4266
- //
4267
- //
4268
- //
4269
- //
4270
- //
4271
- //
4272
- //
4273
- //
4274
- //
4275
- //
4276
- //
4277
- //
4278
- //
4279
- //
4280
- //
4281
- //
4282
- //
4283
- //
4284
- //
4285
- //
4286
- //
4287
- //
4288
- //
4289
- //
4290
- //
4291
- //
4292
- //
4293
- //
4294
- //
4295
- //
4296
- //
4297
- //
4298
- //
4299
- //
4300
- //
4301
- //
4302
- //
4303
- //
4304
- //
4305
- //
4306
- //
4307
- //
4308
- //
4309
- //
4310
- //
4311
- //
4312
- //
4313
- //
4314
- //
4315
- //
4316
- //
4317
- //
4318
- //
4319
- //
4320
- //
4321
- //
4322
- //
4323
- //
4324
- //
4325
- //
4326
- //
4327
- //
4328
- //
4329
- //
4330
- //
4331
- //
4332
- //
4333
- //
4334
- //
4335
- //
4336
- //
4337
- //
4338
- //
4339
- //
4340
- //
4341
- //
4342
- //
4343
- //
4344
- //
4345
- //
4346
- //
4347
- //
4348
- //
4349
- //
4350
- //
4351
- //
4352
- //
4353
- //
4354
- //
4355
- //
4356
- //
4357
- //
4358
- //
4359
- //
4360
- //
4361
- //
4362
- //
4363
- //
4364
- //
4365
- //
4366
- //
4367
- //
4368
- //
4369
- //
4370
- //
4371
- //
4372
- //
4373
- //
4374
- //
4375
- //
4376
- //
4377
- //
4378
- //
4379
- //
4380
- //
4381
- //
4382
- //
4383
- //
4384
- //
4385
- //
4386
- //
4387
- //
4388
- //
4389
- //
4390
- //
4391
- //
4392
- //
4393
- //
4394
- //
4395
- //
4396
- //
4397
- //
4398
- //
4399
- //
4400
- //
4401
- //
4402
- //
4403
- //
4404
- //
4405
- //
4406
- //
4407
- //
4408
- //
4409
- //
4410
- //
4411
- //
4412
- //
4413
- //
4414
- //
4415
- //
4416
- //
4417
- //
4418
- //
4419
- //
4420
- //
4421
- //
4422
- //
4423
- //
4424
- //
4425
- //
4426
- //
4427
- //
4428
- //
4429
- //
4430
- //
4431
- //
4432
- //
4433
- //
4434
- //
4435
- //
4436
- //
4437
- //
4438
- //
4439
- //
4440
- //
4441
- //
4442
- //
4443
- //
4444
- //
4445
- //
4446
- //
4447
- //
4448
- //
4449
- //
4450
- //
4451
- //
4452
- //
4453
- //
4454
- //
4455
- //
4456
- //
4457
- //
4458
- //
4459
- //
4460
- //
4461
- //
4462
- //
4463
- //
4464
- //
4465
- //
4466
- //
4467
- //
4468
- //
4469
- //
4470
- //
4471
- //
4472
- //
4473
- //
4474
- //
4475
-
4476
-
4477
-
4478
-
4479
-
4480
-
4481
-
4482
-
4483
-
4484
-
4485
-
4486
-
4487
-
4488
-
4489
- var tableIdSeed = 1;
4490
-
4491
- /* harmony default export */ var tablevue_type_script_lang_js = ({
4492
- name: 'ElTable',
4493
-
4494
- mixins: [locale_default.a, migrating_default.a],
4495
-
4496
- directives: {
4497
- Mousewheel: directives_mousewheel
4498
- },
4499
-
4500
- props: {
4501
- data: {
4502
- type: Array,
4503
- default: function _default() {
4504
- return [];
4505
- }
4506
- },
4507
-
4508
- size: String,
4509
-
4510
- width: [String, Number],
4511
-
4512
- height: [String, Number],
4513
-
4514
- maxHeight: [String, Number],
4515
-
4516
- fit: {
4517
- type: Boolean,
4518
- default: true
4519
- },
4520
-
4521
- stripe: Boolean,
4522
-
4523
- border: Boolean,
4524
-
4525
- rowKey: [String, Function],
4526
-
4527
- context: {},
4528
-
4529
- showHeader: {
4530
- type: Boolean,
4531
- default: true
4532
- },
4533
-
4534
- showSummary: Boolean,
4535
-
4536
- sumText: String,
4537
-
4538
- summaryMethod: Function,
4539
-
4540
- rowClassName: [String, Function],
4541
-
4542
- rowStyle: [Object, Function],
4543
-
4544
- cellClassName: [String, Function],
4545
-
4546
- cellStyle: [Object, Function],
4547
-
4548
- headerRowClassName: [String, Function],
4549
-
4550
- headerRowStyle: [Object, Function],
4551
-
4552
- headerCellClassName: [String, Function],
4553
-
4554
- headerCellStyle: [Object, Function],
4555
-
4556
- highlightCurrentRow: Boolean,
4557
-
4558
- highlightSelectionRow: {
4559
- type: Boolean,
4560
- default: false
4561
- },
4562
-
4563
- currentRowKey: [String, Number],
4564
-
4565
- emptyText: String,
4566
-
4567
- expandRowKeys: Array,
4568
-
4569
- defaultExpandAll: Boolean,
4570
-
4571
- defaultSort: Object,
4572
-
4573
- tooltipEffect: String,
4574
-
4575
- spanMethod: Function,
4576
-
4577
- selectOnIndeterminate: {
4578
- type: Boolean,
4579
- default: true
4580
- },
4581
-
4582
- indent: {
4583
- type: Number,
4584
- default: 16
4585
- },
4586
-
4587
- treeProps: {
4588
- type: Object,
4589
- default: function _default() {
4590
- return {
4591
- hasChildren: 'hasChildren',
4592
- children: 'children'
4593
- };
4594
- }
4595
- },
4596
-
4597
- lazy: Boolean,
4598
-
4599
- load: Function
4600
- },
4601
-
4602
- components: {
4603
- TableHeader: table_header,
4604
- TableFooter: table_footer,
4605
- TableBody: table_body,
4606
- ElCheckbox: checkbox_default.a
4607
- },
4608
-
4609
- methods: {
4610
- getMigratingConfig: function getMigratingConfig() {
4611
- return {
4612
- events: {
4613
- expand: 'expand is renamed to expand-change'
4614
- }
4615
- };
4616
- },
4617
- setCurrentRow: function setCurrentRow(row) {
4618
- this.store.commit('setCurrentRow', row);
4619
- },
4620
- toggleRowSelection: function toggleRowSelection(row, selected) {
4621
- this.store.toggleRowSelection(row, selected, false);
4622
- this.store.updateAllSelected();
4623
- },
4624
- toggleRowExpansion: function toggleRowExpansion(row, expanded) {
4625
- this.store.toggleRowExpansionAdapter(row, expanded);
4626
- },
4627
- clearSelection: function clearSelection() {
4628
- this.store.clearSelection();
4629
- },
4630
- clearFilter: function clearFilter(columnKeys) {
4631
- this.store.clearFilter(columnKeys);
4632
- },
4633
- clearSort: function clearSort() {
4634
- this.store.clearSort();
4635
- },
4636
- handleMouseLeave: function handleMouseLeave() {
4637
- this.store.commit('setHoverRow', null);
4638
- if (this.hoverState) this.hoverState = null;
4639
- },
4640
- updateScrollY: function updateScrollY() {
4641
- var changed = this.layout.updateScrollY();
4642
- if (changed) {
4643
- this.layout.notifyObservers('scrollable');
4644
- this.layout.updateColumnsWidth();
4645
- }
4646
- },
4647
- handleFixedMousewheel: function handleFixedMousewheel(event, data) {
4648
- var bodyWrapper = this.bodyWrapper;
4649
- if (Math.abs(data.spinY) > 0) {
4650
- var currentScrollTop = bodyWrapper.scrollTop;
4651
- if (data.pixelY < 0 && currentScrollTop !== 0) {
4652
- event.preventDefault();
4653
- }
4654
- if (data.pixelY > 0 && bodyWrapper.scrollHeight - bodyWrapper.clientHeight > currentScrollTop) {
4655
- event.preventDefault();
4656
- }
4657
- bodyWrapper.scrollTop += Math.ceil(data.pixelY / 5);
4658
- } else {
4659
- bodyWrapper.scrollLeft += Math.ceil(data.pixelX / 5);
4660
- }
4661
- },
4662
- handleHeaderFooterMousewheel: function handleHeaderFooterMousewheel(event, data) {
4663
- var pixelX = data.pixelX,
4664
- pixelY = data.pixelY;
4665
-
4666
- if (Math.abs(pixelX) >= Math.abs(pixelY)) {
4667
- this.bodyWrapper.scrollLeft += data.pixelX / 5;
4668
- }
4669
- },
4670
-
4671
-
4672
- // TODO 使用 CSS transform
4673
- syncPostion: function syncPostion() {
4674
- var _bodyWrapper = this.bodyWrapper,
4675
- scrollLeft = _bodyWrapper.scrollLeft,
4676
- scrollTop = _bodyWrapper.scrollTop,
4677
- offsetWidth = _bodyWrapper.offsetWidth,
4678
- scrollWidth = _bodyWrapper.scrollWidth;
4679
- var _$refs = this.$refs,
4680
- headerWrapper = _$refs.headerWrapper,
4681
- footerWrapper = _$refs.footerWrapper,
4682
- fixedBodyWrapper = _$refs.fixedBodyWrapper,
4683
- rightFixedBodyWrapper = _$refs.rightFixedBodyWrapper;
4684
-
4685
- if (headerWrapper) headerWrapper.scrollLeft = scrollLeft;
4686
- if (footerWrapper) footerWrapper.scrollLeft = scrollLeft;
4687
- if (fixedBodyWrapper) fixedBodyWrapper.scrollTop = scrollTop;
4688
- if (rightFixedBodyWrapper) rightFixedBodyWrapper.scrollTop = scrollTop;
4689
- var maxScrollLeftPosition = scrollWidth - offsetWidth - 1;
4690
- if (scrollLeft >= maxScrollLeftPosition) {
4691
- this.scrollPosition = 'right';
4692
- } else if (scrollLeft === 0) {
4693
- this.scrollPosition = 'left';
4694
- } else {
4695
- this.scrollPosition = 'middle';
4696
- }
4697
- },
4698
-
4699
-
4700
- throttleSyncPostion: Object(external_throttle_debounce_["throttle"])(16, function () {
4701
- this.syncPostion();
4702
- }),
4703
-
4704
- onScroll: function onScroll(evt) {
4705
- var raf = window.requestAnimationFrame;
4706
- if (!raf) {
4707
- this.throttleSyncPostion();
4708
- } else {
4709
- raf(this.syncPostion);
4710
- }
4711
- },
4712
- bindEvents: function bindEvents() {
4713
- this.bodyWrapper.addEventListener('scroll', this.onScroll, { passive: true });
4714
- if (this.fit) {
4715
- Object(resize_event_["addResizeListener"])(this.$el, this.resizeListener);
4716
- }
4717
- },
4718
- unbindEvents: function unbindEvents() {
4719
- this.bodyWrapper.removeEventListener('scroll', this.onScroll, { passive: true });
4720
- if (this.fit) {
4721
- Object(resize_event_["removeResizeListener"])(this.$el, this.resizeListener);
4722
- }
4723
- },
4724
- resizeListener: function resizeListener() {
4725
- if (!this.$ready) return;
4726
- var shouldUpdateLayout = false;
4727
- var el = this.$el;
4728
- var _resizeState = this.resizeState,
4729
- oldWidth = _resizeState.width,
4730
- oldHeight = _resizeState.height;
4731
-
4732
-
4733
- var width = el.offsetWidth;
4734
- if (oldWidth !== width) {
4735
- shouldUpdateLayout = true;
4736
- }
4737
-
4738
- var height = el.offsetHeight;
4739
- if ((this.height || this.shouldUpdateHeight) && oldHeight !== height) {
4740
- shouldUpdateLayout = true;
4741
- }
4742
-
4743
- if (shouldUpdateLayout) {
4744
- this.resizeState.width = width;
4745
- this.resizeState.height = height;
4746
- this.doLayout();
4747
- }
4748
- },
4749
- doLayout: function doLayout() {
4750
- if (this.shouldUpdateHeight) {
4751
- this.layout.updateElsHeight();
4752
- }
4753
- this.layout.updateColumnsWidth();
4754
- },
4755
- sort: function sort(prop, order) {
4756
- this.store.commit('sort', { prop: prop, order: order });
4757
- },
4758
- toggleAllSelection: function toggleAllSelection() {
4759
- this.store.commit('toggleAllSelection');
4760
- }
4761
- },
4762
-
4763
- computed: tablevue_type_script_lang_js_extends({
4764
- tableSize: function tableSize() {
4765
- return this.size || (this.$ELEMENT || {}).size;
4766
- },
4767
- bodyWrapper: function bodyWrapper() {
4768
- return this.$refs.bodyWrapper;
4769
- },
4770
- shouldUpdateHeight: function shouldUpdateHeight() {
4771
- return this.height || this.maxHeight || this.fixedColumns.length > 0 || this.rightFixedColumns.length > 0;
4772
- },
4773
- bodyWidth: function bodyWidth() {
4774
- var _layout = this.layout,
4775
- bodyWidth = _layout.bodyWidth,
4776
- scrollY = _layout.scrollY,
4777
- gutterWidth = _layout.gutterWidth;
4778
-
4779
- return bodyWidth ? bodyWidth - (scrollY ? gutterWidth : 0) + 'px' : '';
4780
- },
4781
- bodyHeight: function bodyHeight() {
4782
- var _layout2 = this.layout,
4783
- _layout2$headerHeight = _layout2.headerHeight,
4784
- headerHeight = _layout2$headerHeight === undefined ? 0 : _layout2$headerHeight,
4785
- bodyHeight = _layout2.bodyHeight,
4786
- _layout2$footerHeight = _layout2.footerHeight,
4787
- footerHeight = _layout2$footerHeight === undefined ? 0 : _layout2$footerHeight;
4788
-
4789
- if (this.height) {
4790
- return {
4791
- height: bodyHeight ? bodyHeight + 'px' : ''
4792
- };
4793
- } else if (this.maxHeight) {
4794
- var maxHeight = Object(util["k" /* parseHeight */])(this.maxHeight);
4795
- if (typeof maxHeight === 'number') {
4796
- return {
4797
- 'max-height': maxHeight - footerHeight - (this.showHeader ? headerHeight : 0) + 'px'
4798
- };
4799
- }
4800
- }
4801
- return {};
4802
- },
4803
- fixedBodyHeight: function fixedBodyHeight() {
4804
- if (this.height) {
4805
- return {
4806
- height: this.layout.fixedBodyHeight ? this.layout.fixedBodyHeight + 'px' : ''
4807
- };
4808
- } else if (this.maxHeight) {
4809
- var maxHeight = Object(util["k" /* parseHeight */])(this.maxHeight);
4810
- if (typeof maxHeight === 'number') {
4811
- maxHeight = this.layout.scrollX ? maxHeight - this.layout.gutterWidth : maxHeight;
4812
- if (this.showHeader) {
4813
- maxHeight -= this.layout.headerHeight;
4814
- }
4815
- maxHeight -= this.layout.footerHeight;
4816
- return {
4817
- 'max-height': maxHeight + 'px'
4818
- };
4819
- }
4820
- }
4821
- return {};
4822
- },
4823
- fixedHeight: function fixedHeight() {
4824
- if (this.maxHeight) {
4825
- if (this.showSummary) {
4826
- return {
4827
- bottom: 0
4828
- };
4829
- }
4830
- return {
4831
- bottom: this.layout.scrollX && this.data.length ? this.layout.gutterWidth + 'px' : ''
4832
- };
4833
- } else {
4834
- if (this.showSummary) {
4835
- return {
4836
- height: this.layout.tableHeight ? this.layout.tableHeight + 'px' : ''
4837
- };
4838
- }
4839
- return {
4840
- height: this.layout.viewportHeight ? this.layout.viewportHeight + 'px' : ''
4841
- };
4842
- }
4843
- },
4844
- emptyBlockStyle: function emptyBlockStyle() {
4845
- if (this.data && this.data.length) return null;
4846
- var height = '100%';
4847
- if (this.layout.appendHeight) {
4848
- height = 'calc(100% - ' + this.layout.appendHeight + 'px)';
4849
- }
4850
- return {
4851
- width: this.bodyWidth,
4852
- height: height
4853
- };
4854
- }
4855
- }, mapStates({
4856
- selection: 'selection',
4857
- columns: 'columns',
4858
- tableData: 'data',
4859
- fixedColumns: 'fixedColumns',
4860
- rightFixedColumns: 'rightFixedColumns'
4861
- })),
4862
-
4863
- watch: {
4864
- height: {
4865
- immediate: true,
4866
- handler: function handler(value) {
4867
- this.layout.setHeight(value);
4868
- }
4869
- },
4870
-
4871
- maxHeight: {
4872
- immediate: true,
4873
- handler: function handler(value) {
4874
- this.layout.setMaxHeight(value);
4875
- }
4876
- },
4877
-
4878
- currentRowKey: {
4879
- immediate: true,
4880
- handler: function handler(value) {
4881
- if (!this.rowKey) return;
4882
- this.store.setCurrentRowKey(value);
4883
- }
4884
- },
4885
-
4886
- data: {
4887
- immediate: true,
4888
- handler: function handler(value) {
4889
- this.store.commit('setData', value);
4890
- }
4891
- },
4892
-
4893
- expandRowKeys: {
4894
- immediate: true,
4895
- handler: function handler(newVal) {
4896
- if (newVal) {
4897
- this.store.setExpandRowKeysAdapter(newVal);
4898
- }
4899
- }
4900
- }
4901
- },
4902
-
4903
- created: function created() {
4904
- var _this = this;
4905
-
4906
- this.tableId = 'el-table_' + tableIdSeed++;
4907
- this.debouncedUpdateLayout = Object(external_throttle_debounce_["debounce"])(50, function () {
4908
- return _this.doLayout();
4909
- });
4910
- },
4911
- mounted: function mounted() {
4912
- var _this2 = this;
4913
-
4914
- this.bindEvents();
4915
- this.store.updateColumns();
4916
- this.doLayout();
4917
-
4918
- this.resizeState = {
4919
- width: this.$el.offsetWidth,
4920
- height: this.$el.offsetHeight
4921
- };
4922
-
4923
- // init filters
4924
- this.store.states.columns.forEach(function (column) {
4925
- if (column.filteredValue && column.filteredValue.length) {
4926
- _this2.store.commit('filterChange', {
4927
- column: column,
4928
- values: column.filteredValue,
4929
- silent: true
4930
- });
4931
- }
4932
- });
4933
-
4934
- this.$ready = true;
4935
- },
4936
- destroyed: function destroyed() {
4937
- this.unbindEvents();
4938
- },
4939
- data: function data() {
4940
- var _treeProps = this.treeProps,
4941
- _treeProps$hasChildre = _treeProps.hasChildren,
4942
- hasChildren = _treeProps$hasChildre === undefined ? 'hasChildren' : _treeProps$hasChildre,
4943
- _treeProps$children = _treeProps.children,
4944
- children = _treeProps$children === undefined ? 'children' : _treeProps$children;
4945
-
4946
- this.store = createStore(this, {
4947
- rowKey: this.rowKey,
4948
- defaultExpandAll: this.defaultExpandAll,
4949
- selectOnIndeterminate: this.selectOnIndeterminate,
4950
- // TreeTable 的相关配置
4951
- indent: this.indent,
4952
- lazy: this.lazy,
4953
- lazyColumnIdentifier: hasChildren,
4954
- childrenColumnName: children
4955
- });
4956
- var layout = new table_layout({
4957
- store: this.store,
4958
- table: this,
4959
- fit: this.fit,
4960
- showHeader: this.showHeader
4961
- });
4962
- return {
4963
- layout: layout,
4964
- isHidden: false,
4965
- renderExpanded: null,
4966
- resizeProxyVisible: false,
4967
- resizeState: {
4968
- width: null,
4969
- height: null
4970
- },
4971
- // 是否拥有多级表头
4972
- isGroup: false,
4973
- scrollPosition: 'left'
4974
- };
4975
- }
4976
- });
4977
- // CONCATENATED MODULE: ./packages/table/src/table.vue?vue&type=script&lang=js
4978
- /* harmony default export */ var src_tablevue_type_script_lang_js = (tablevue_type_script_lang_js);
4979
- // CONCATENATED MODULE: ./packages/table/src/table.vue
4980
-
4981
-
4982
-
4983
-
4984
-
4985
- /* normalize component */
4986
-
4987
- var table_component = Object(componentNormalizer["a" /* default */])(
4988
- src_tablevue_type_script_lang_js,
4989
- render,
4990
- staticRenderFns,
4991
- false,
4992
- null,
4993
- null,
4994
- null
4995
-
4996
- )
4997
-
4998
- /* harmony default export */ var src_table = (table_component.exports);
4999
- // CONCATENATED MODULE: ./packages/table/index.js
5000
-
5001
-
5002
- /* istanbul ignore next */
5003
- src_table.install = function (Vue) {
5004
- Vue.component(src_table.name, src_table);
5005
- };
5006
-
5007
- /* harmony default export */ var packages_table = __webpack_exports__["default"] = (src_table);
5008
-
5009
- /***/ })
5010
- /******/ ]);