element-sim 1.0.3 → 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 (447) hide show
  1. package/package.json +1 -1
  2. package/packages/theme-chalk/src/common/var.scss +2 -2
  3. package/packages/theme-chalk/src/form.scss +6 -3
  4. package/packages/theme-chalk/src/index.scss +87 -87
  5. package/packages/theme-chalk/src/input.scss +1 -1
  6. package/src/index.js +51 -51
  7. package/types/index.d.ts +2 -2
  8. package/lib/alert.js +0 -420
  9. package/lib/aside.js +0 -277
  10. package/lib/autocomplete.js +0 -952
  11. package/lib/avatar.js +0 -363
  12. package/lib/backtop.js +0 -404
  13. package/lib/badge.js +0 -334
  14. package/lib/breadcrumb-item.js +0 -322
  15. package/lib/breadcrumb.js +0 -293
  16. package/lib/button-group.js +0 -262
  17. package/lib/button.js +0 -357
  18. package/lib/calendar.js +0 -933
  19. package/lib/card.js +0 -297
  20. package/lib/carousel-item.js +0 -434
  21. package/lib/carousel.js +0 -707
  22. package/lib/cascader-panel.js +0 -1558
  23. package/lib/cascader.js +0 -1439
  24. package/lib/checkbox-button.js +0 -583
  25. package/lib/checkbox-group.js +0 -313
  26. package/lib/checkbox.js +0 -627
  27. package/lib/col.js +0 -177
  28. package/lib/collapse-item.js +0 -497
  29. package/lib/collapse.js +0 -329
  30. package/lib/color-picker.js +0 -1943
  31. package/lib/container.js +0 -288
  32. package/lib/date-picker.js +0 -6335
  33. package/lib/descriptions-item.js +0 -140
  34. package/lib/descriptions.js +0 -457
  35. package/lib/dialog.js +0 -598
  36. package/lib/directives/mousewheel.js +0 -26
  37. package/lib/directives/repeat-click.js +0 -33
  38. package/lib/divider.js +0 -313
  39. package/lib/drawer.js +0 -592
  40. package/lib/dropdown-item.js +0 -316
  41. package/lib/dropdown-menu.js +0 -351
  42. package/lib/dropdown.js +0 -643
  43. package/lib/element-SIM.common.js +0 -43578
  44. package/lib/empty.js +0 -730
  45. package/lib/footer.js +0 -277
  46. package/lib/form-item.js +0 -826
  47. package/lib/form.js +0 -466
  48. package/lib/header.js +0 -277
  49. package/lib/icon.js +0 -265
  50. package/lib/image.js +0 -1138
  51. package/lib/index.js +0 -1
  52. package/lib/infinite-scroll.js +0 -301
  53. package/lib/input-number.js +0 -752
  54. package/lib/input.js +0 -998
  55. package/lib/link.js +0 -332
  56. package/lib/loading.js +0 -631
  57. package/lib/locale/format.js +0 -56
  58. package/lib/locale/index.js +0 -63
  59. package/lib/locale/lang/af-ZA.js +0 -126
  60. package/lib/locale/lang/ar.js +0 -125
  61. package/lib/locale/lang/az.js +0 -126
  62. package/lib/locale/lang/bg.js +0 -126
  63. package/lib/locale/lang/bn.js +0 -126
  64. package/lib/locale/lang/ca.js +0 -125
  65. package/lib/locale/lang/cs-CZ.js +0 -128
  66. package/lib/locale/lang/da.js +0 -125
  67. package/lib/locale/lang/de.js +0 -127
  68. package/lib/locale/lang/ee.js +0 -126
  69. package/lib/locale/lang/el.js +0 -126
  70. package/lib/locale/lang/en.js +0 -126
  71. package/lib/locale/lang/eo.js +0 -126
  72. package/lib/locale/lang/es.js +0 -125
  73. package/lib/locale/lang/eu.js +0 -126
  74. package/lib/locale/lang/fa.js +0 -126
  75. package/lib/locale/lang/fi.js +0 -126
  76. package/lib/locale/lang/fr.js +0 -125
  77. package/lib/locale/lang/he.js +0 -126
  78. package/lib/locale/lang/hr.js +0 -126
  79. package/lib/locale/lang/hu.js +0 -125
  80. package/lib/locale/lang/hy-AM.js +0 -126
  81. package/lib/locale/lang/id.js +0 -126
  82. package/lib/locale/lang/is.js +0 -126
  83. package/lib/locale/lang/it.js +0 -125
  84. package/lib/locale/lang/ja.js +0 -126
  85. package/lib/locale/lang/kg.js +0 -126
  86. package/lib/locale/lang/km.js +0 -126
  87. package/lib/locale/lang/ko.js +0 -126
  88. package/lib/locale/lang/ku.js +0 -126
  89. package/lib/locale/lang/kz.js +0 -126
  90. package/lib/locale/lang/lo-LA.js +0 -126
  91. package/lib/locale/lang/lt.js +0 -126
  92. package/lib/locale/lang/lv.js +0 -126
  93. package/lib/locale/lang/mn.js +0 -126
  94. package/lib/locale/lang/ms.js +0 -125
  95. package/lib/locale/lang/nb-NO.js +0 -125
  96. package/lib/locale/lang/nl.js +0 -126
  97. package/lib/locale/lang/pl.js +0 -126
  98. package/lib/locale/lang/pt-br.js +0 -126
  99. package/lib/locale/lang/pt.js +0 -126
  100. package/lib/locale/lang/ro.js +0 -126
  101. package/lib/locale/lang/ru-RU.js +0 -126
  102. package/lib/locale/lang/si.js +0 -126
  103. package/lib/locale/lang/sk.js +0 -128
  104. package/lib/locale/lang/sl.js +0 -126
  105. package/lib/locale/lang/sr-Latn.js +0 -126
  106. package/lib/locale/lang/sr.js +0 -126
  107. package/lib/locale/lang/sv-SE.js +0 -126
  108. package/lib/locale/lang/sw.js +0 -126
  109. package/lib/locale/lang/ta.js +0 -125
  110. package/lib/locale/lang/th.js +0 -126
  111. package/lib/locale/lang/tk.js +0 -126
  112. package/lib/locale/lang/tr-TR.js +0 -126
  113. package/lib/locale/lang/ua.js +0 -126
  114. package/lib/locale/lang/ug-CN.js +0 -126
  115. package/lib/locale/lang/uz-UZ.js +0 -126
  116. package/lib/locale/lang/vi.js +0 -126
  117. package/lib/locale/lang/zh-CN.js +0 -126
  118. package/lib/locale/lang/zh-TW.js +0 -126
  119. package/lib/main.js +0 -264
  120. package/lib/menu-item-group.js +0 -308
  121. package/lib/menu-item.js +0 -491
  122. package/lib/menu.js +0 -865
  123. package/lib/message-box.js +0 -1192
  124. package/lib/message.js +0 -548
  125. package/lib/mixins/emitter.js +0 -36
  126. package/lib/mixins/focus.js +0 -15
  127. package/lib/mixins/locale.js +0 -17
  128. package/lib/mixins/migrating.js +0 -69
  129. package/lib/notification.js +0 -615
  130. package/lib/option-group.js +0 -344
  131. package/lib/option.js +0 -474
  132. package/lib/page-header.js +0 -319
  133. package/lib/pagination.js +0 -950
  134. package/lib/popconfirm.js +0 -457
  135. package/lib/popover.js +0 -617
  136. package/lib/progress.js +0 -595
  137. package/lib/radio-button.js +0 -463
  138. package/lib/radio-group.js +0 -391
  139. package/lib/radio.js +0 -497
  140. package/lib/rate.js +0 -670
  141. package/lib/result.js +0 -578
  142. package/lib/row.js +0 -149
  143. package/lib/scrollbar.js +0 -423
  144. package/lib/select.js +0 -2167
  145. package/lib/skeleton-item.js +0 -342
  146. package/lib/skeleton.js +0 -372
  147. package/lib/slider.js +0 -1199
  148. package/lib/spinner.js +0 -301
  149. package/lib/statistic.js +0 -533
  150. package/lib/step.js +0 -522
  151. package/lib/steps.js +0 -342
  152. package/lib/submenu.js +0 -701
  153. package/lib/switch.js +0 -554
  154. package/lib/tab-pane.js +0 -332
  155. package/lib/table-column.js +0 -952
  156. package/lib/table.js +0 -5010
  157. package/lib/tabs.js +0 -920
  158. package/lib/tag.js +0 -304
  159. package/lib/theme-chalk/alert.css +0 -1
  160. package/lib/theme-chalk/aside.css +0 -1
  161. package/lib/theme-chalk/autocomplete.css +0 -1
  162. package/lib/theme-chalk/avatar.css +0 -1
  163. package/lib/theme-chalk/backtop.css +0 -1
  164. package/lib/theme-chalk/badge.css +0 -1
  165. package/lib/theme-chalk/base.css +0 -1
  166. package/lib/theme-chalk/breadcrumb-item.css +0 -0
  167. package/lib/theme-chalk/breadcrumb.css +0 -1
  168. package/lib/theme-chalk/button-group.css +0 -0
  169. package/lib/theme-chalk/button.css +0 -1
  170. package/lib/theme-chalk/calendar.css +0 -1
  171. package/lib/theme-chalk/card.css +0 -1
  172. package/lib/theme-chalk/carousel-item.css +0 -1
  173. package/lib/theme-chalk/carousel.css +0 -1
  174. package/lib/theme-chalk/cascader-panel.css +0 -1
  175. package/lib/theme-chalk/cascader.css +0 -1
  176. package/lib/theme-chalk/checkbox-button.css +0 -0
  177. package/lib/theme-chalk/checkbox-group.css +0 -0
  178. package/lib/theme-chalk/checkbox.css +0 -1
  179. package/lib/theme-chalk/col.css +0 -1
  180. package/lib/theme-chalk/collapse-item.css +0 -0
  181. package/lib/theme-chalk/collapse.css +0 -1
  182. package/lib/theme-chalk/color-picker.css +0 -1
  183. package/lib/theme-chalk/container.css +0 -1
  184. package/lib/theme-chalk/date-picker.css +0 -1
  185. package/lib/theme-chalk/descriptions-item.css +0 -1
  186. package/lib/theme-chalk/descriptions.css +0 -1
  187. package/lib/theme-chalk/dialog.css +0 -1
  188. package/lib/theme-chalk/display.css +0 -1
  189. package/lib/theme-chalk/divider.css +0 -1
  190. package/lib/theme-chalk/drawer.css +0 -1
  191. package/lib/theme-chalk/dropdown-item.css +0 -0
  192. package/lib/theme-chalk/dropdown-menu.css +0 -0
  193. package/lib/theme-chalk/dropdown.css +0 -1
  194. package/lib/theme-chalk/empty.css +0 -1
  195. package/lib/theme-chalk/fonts/element-icons.ttf +0 -0
  196. package/lib/theme-chalk/fonts/element-icons.woff +0 -0
  197. package/lib/theme-chalk/footer.css +0 -1
  198. package/lib/theme-chalk/form-item.css +0 -0
  199. package/lib/theme-chalk/form.css +0 -1
  200. package/lib/theme-chalk/header.css +0 -1
  201. package/lib/theme-chalk/icon.css +0 -1
  202. package/lib/theme-chalk/image.css +0 -1
  203. package/lib/theme-chalk/index.css +0 -1
  204. package/lib/theme-chalk/infinite-scroll.css +0 -0
  205. package/lib/theme-chalk/infiniteScroll.css +0 -0
  206. package/lib/theme-chalk/input-number.css +0 -1
  207. package/lib/theme-chalk/input.css +0 -1
  208. package/lib/theme-chalk/link.css +0 -1
  209. package/lib/theme-chalk/loading.css +0 -1
  210. package/lib/theme-chalk/main.css +0 -1
  211. package/lib/theme-chalk/menu-item-group.css +0 -0
  212. package/lib/theme-chalk/menu-item.css +0 -0
  213. package/lib/theme-chalk/menu.css +0 -1
  214. package/lib/theme-chalk/message-box.css +0 -1
  215. package/lib/theme-chalk/message.css +0 -1
  216. package/lib/theme-chalk/notification.css +0 -1
  217. package/lib/theme-chalk/option-group.css +0 -1
  218. package/lib/theme-chalk/option.css +0 -1
  219. package/lib/theme-chalk/page-header.css +0 -1
  220. package/lib/theme-chalk/pagination.css +0 -1
  221. package/lib/theme-chalk/popconfirm.css +0 -1
  222. package/lib/theme-chalk/popover.css +0 -1
  223. package/lib/theme-chalk/popper.css +0 -1
  224. package/lib/theme-chalk/progress.css +0 -1
  225. package/lib/theme-chalk/radio-button.css +0 -1
  226. package/lib/theme-chalk/radio-group.css +0 -1
  227. package/lib/theme-chalk/radio.css +0 -1
  228. package/lib/theme-chalk/rate.css +0 -1
  229. package/lib/theme-chalk/reset.css +0 -1
  230. package/lib/theme-chalk/result.css +0 -1
  231. package/lib/theme-chalk/row.css +0 -1
  232. package/lib/theme-chalk/scrollbar.css +0 -1
  233. package/lib/theme-chalk/select-dropdown.css +0 -1
  234. package/lib/theme-chalk/select.css +0 -1
  235. package/lib/theme-chalk/skeleton-item.css +0 -1
  236. package/lib/theme-chalk/skeleton.css +0 -1
  237. package/lib/theme-chalk/slider.css +0 -1
  238. package/lib/theme-chalk/spinner.css +0 -1
  239. package/lib/theme-chalk/statistic.css +0 -1
  240. package/lib/theme-chalk/step.css +0 -1
  241. package/lib/theme-chalk/steps.css +0 -1
  242. package/lib/theme-chalk/submenu.css +0 -0
  243. package/lib/theme-chalk/switch.css +0 -1
  244. package/lib/theme-chalk/tab-pane.css +0 -0
  245. package/lib/theme-chalk/table-column.css +0 -1
  246. package/lib/theme-chalk/table.css +0 -1
  247. package/lib/theme-chalk/tabs.css +0 -1
  248. package/lib/theme-chalk/tag.css +0 -1
  249. package/lib/theme-chalk/time-picker.css +0 -1
  250. package/lib/theme-chalk/time-select.css +0 -1
  251. package/lib/theme-chalk/timeline-item.css +0 -1
  252. package/lib/theme-chalk/timeline.css +0 -1
  253. package/lib/theme-chalk/tooltip.css +0 -1
  254. package/lib/theme-chalk/transfer.css +0 -1
  255. package/lib/theme-chalk/tree.css +0 -1
  256. package/lib/theme-chalk/upload.css +0 -1
  257. package/lib/time-picker.js +0 -2967
  258. package/lib/time-select.js +0 -1765
  259. package/lib/timeline-item.js +0 -371
  260. package/lib/timeline.js +0 -275
  261. package/lib/tooltip.js +0 -425
  262. package/lib/transfer.js +0 -1102
  263. package/lib/transitions/collapse-transition.js +0 -91
  264. package/lib/tree.js +0 -2263
  265. package/lib/umd/locale/af-ZA.js +0 -142
  266. package/lib/umd/locale/ar.js +0 -141
  267. package/lib/umd/locale/az.js +0 -141
  268. package/lib/umd/locale/bg.js +0 -142
  269. package/lib/umd/locale/bn.js +0 -141
  270. package/lib/umd/locale/ca.js +0 -141
  271. package/lib/umd/locale/cs-CZ.js +0 -144
  272. package/lib/umd/locale/da.js +0 -141
  273. package/lib/umd/locale/de.js +0 -143
  274. package/lib/umd/locale/ee.js +0 -142
  275. package/lib/umd/locale/el.js +0 -142
  276. package/lib/umd/locale/en.js +0 -142
  277. package/lib/umd/locale/eo.js +0 -142
  278. package/lib/umd/locale/es.js +0 -141
  279. package/lib/umd/locale/eu.js +0 -142
  280. package/lib/umd/locale/fa.js +0 -142
  281. package/lib/umd/locale/fi.js +0 -142
  282. package/lib/umd/locale/fr.js +0 -141
  283. package/lib/umd/locale/he.js +0 -142
  284. package/lib/umd/locale/hr.js +0 -142
  285. package/lib/umd/locale/hu.js +0 -141
  286. package/lib/umd/locale/hy-AM.js +0 -142
  287. package/lib/umd/locale/id.js +0 -142
  288. package/lib/umd/locale/is.js +0 -142
  289. package/lib/umd/locale/it.js +0 -141
  290. package/lib/umd/locale/ja.js +0 -142
  291. package/lib/umd/locale/kg.js +0 -142
  292. package/lib/umd/locale/km.js +0 -142
  293. package/lib/umd/locale/ko.js +0 -142
  294. package/lib/umd/locale/ku.js +0 -142
  295. package/lib/umd/locale/kz.js +0 -142
  296. package/lib/umd/locale/lo-LA.js +0 -141
  297. package/lib/umd/locale/lt.js +0 -142
  298. package/lib/umd/locale/lv.js +0 -142
  299. package/lib/umd/locale/mn.js +0 -142
  300. package/lib/umd/locale/ms.js +0 -141
  301. package/lib/umd/locale/nb-NO.js +0 -141
  302. package/lib/umd/locale/nl.js +0 -142
  303. package/lib/umd/locale/pl.js +0 -142
  304. package/lib/umd/locale/pt-br.js +0 -142
  305. package/lib/umd/locale/pt.js +0 -142
  306. package/lib/umd/locale/ro.js +0 -142
  307. package/lib/umd/locale/ru-RU.js +0 -142
  308. package/lib/umd/locale/si.js +0 -142
  309. package/lib/umd/locale/sk.js +0 -144
  310. package/lib/umd/locale/sl.js +0 -142
  311. package/lib/umd/locale/sr-Latn.js +0 -142
  312. package/lib/umd/locale/sr.js +0 -142
  313. package/lib/umd/locale/sv-SE.js +0 -142
  314. package/lib/umd/locale/sw.js +0 -142
  315. package/lib/umd/locale/ta.js +0 -141
  316. package/lib/umd/locale/th.js +0 -142
  317. package/lib/umd/locale/tk.js +0 -142
  318. package/lib/umd/locale/tr-TR.js +0 -142
  319. package/lib/umd/locale/ua.js +0 -142
  320. package/lib/umd/locale/ug-CN.js +0 -142
  321. package/lib/umd/locale/uz-UZ.js +0 -142
  322. package/lib/umd/locale/vi.js +0 -142
  323. package/lib/umd/locale/zh-CN.js +0 -142
  324. package/lib/umd/locale/zh-TW.js +0 -142
  325. package/lib/upload.js +0 -1390
  326. package/lib/utils/after-leave.js +0 -35
  327. package/lib/utils/aria-dialog.js +0 -104
  328. package/lib/utils/aria-utils.js +0 -126
  329. package/lib/utils/clickoutside.js +0 -79
  330. package/lib/utils/date-util.js +0 -310
  331. package/lib/utils/date.js +0 -369
  332. package/lib/utils/dom.js +0 -234
  333. package/lib/utils/lodash.js +0 -9421
  334. package/lib/utils/menu/aria-menubar.js +0 -24
  335. package/lib/utils/menu/aria-menuitem.js +0 -62
  336. package/lib/utils/menu/aria-submenu.js +0 -69
  337. package/lib/utils/merge.js +0 -21
  338. package/lib/utils/popper.js +0 -1261
  339. package/lib/utils/popup/index.js +0 -233
  340. package/lib/utils/popup/popup-manager.js +0 -205
  341. package/lib/utils/resize-event.js +0 -59
  342. package/lib/utils/scroll-into-view.js +0 -38
  343. package/lib/utils/scrollbar-width.js +0 -39
  344. package/lib/utils/shared.js +0 -12
  345. package/lib/utils/types.js +0 -52
  346. package/lib/utils/util.js +0 -272
  347. package/lib/utils/vdom.js +0 -13
  348. package/lib/utils/vue-popper.js +0 -202
  349. package/packages/theme-chalk/lib/alert.css +0 -1
  350. package/packages/theme-chalk/lib/aside.css +0 -1
  351. package/packages/theme-chalk/lib/autocomplete.css +0 -1
  352. package/packages/theme-chalk/lib/avatar.css +0 -1
  353. package/packages/theme-chalk/lib/backtop.css +0 -1
  354. package/packages/theme-chalk/lib/badge.css +0 -1
  355. package/packages/theme-chalk/lib/base.css +0 -1
  356. package/packages/theme-chalk/lib/breadcrumb-item.css +0 -0
  357. package/packages/theme-chalk/lib/breadcrumb.css +0 -1
  358. package/packages/theme-chalk/lib/button-group.css +0 -0
  359. package/packages/theme-chalk/lib/button.css +0 -1
  360. package/packages/theme-chalk/lib/calendar.css +0 -1
  361. package/packages/theme-chalk/lib/card.css +0 -1
  362. package/packages/theme-chalk/lib/carousel-item.css +0 -1
  363. package/packages/theme-chalk/lib/carousel.css +0 -1
  364. package/packages/theme-chalk/lib/cascader-panel.css +0 -1
  365. package/packages/theme-chalk/lib/cascader.css +0 -1
  366. package/packages/theme-chalk/lib/checkbox-button.css +0 -0
  367. package/packages/theme-chalk/lib/checkbox-group.css +0 -0
  368. package/packages/theme-chalk/lib/checkbox.css +0 -1
  369. package/packages/theme-chalk/lib/col.css +0 -1
  370. package/packages/theme-chalk/lib/collapse-item.css +0 -0
  371. package/packages/theme-chalk/lib/collapse.css +0 -1
  372. package/packages/theme-chalk/lib/color-picker.css +0 -1
  373. package/packages/theme-chalk/lib/container.css +0 -1
  374. package/packages/theme-chalk/lib/date-picker.css +0 -1
  375. package/packages/theme-chalk/lib/descriptions-item.css +0 -1
  376. package/packages/theme-chalk/lib/descriptions.css +0 -1
  377. package/packages/theme-chalk/lib/dialog.css +0 -1
  378. package/packages/theme-chalk/lib/display.css +0 -1
  379. package/packages/theme-chalk/lib/divider.css +0 -1
  380. package/packages/theme-chalk/lib/drawer.css +0 -1
  381. package/packages/theme-chalk/lib/dropdown-item.css +0 -0
  382. package/packages/theme-chalk/lib/dropdown-menu.css +0 -0
  383. package/packages/theme-chalk/lib/dropdown.css +0 -1
  384. package/packages/theme-chalk/lib/empty.css +0 -1
  385. package/packages/theme-chalk/lib/fonts/element-icons.ttf +0 -0
  386. package/packages/theme-chalk/lib/fonts/element-icons.woff +0 -0
  387. package/packages/theme-chalk/lib/footer.css +0 -1
  388. package/packages/theme-chalk/lib/form-item.css +0 -0
  389. package/packages/theme-chalk/lib/form.css +0 -1
  390. package/packages/theme-chalk/lib/header.css +0 -1
  391. package/packages/theme-chalk/lib/icon.css +0 -1
  392. package/packages/theme-chalk/lib/image.css +0 -1
  393. package/packages/theme-chalk/lib/index.css +0 -1
  394. package/packages/theme-chalk/lib/infinite-scroll.css +0 -0
  395. package/packages/theme-chalk/lib/infiniteScroll.css +0 -0
  396. package/packages/theme-chalk/lib/input-number.css +0 -1
  397. package/packages/theme-chalk/lib/input.css +0 -1
  398. package/packages/theme-chalk/lib/link.css +0 -1
  399. package/packages/theme-chalk/lib/loading.css +0 -1
  400. package/packages/theme-chalk/lib/main.css +0 -1
  401. package/packages/theme-chalk/lib/menu-item-group.css +0 -0
  402. package/packages/theme-chalk/lib/menu-item.css +0 -0
  403. package/packages/theme-chalk/lib/menu.css +0 -1
  404. package/packages/theme-chalk/lib/message-box.css +0 -1
  405. package/packages/theme-chalk/lib/message.css +0 -1
  406. package/packages/theme-chalk/lib/notification.css +0 -1
  407. package/packages/theme-chalk/lib/option-group.css +0 -1
  408. package/packages/theme-chalk/lib/option.css +0 -1
  409. package/packages/theme-chalk/lib/page-header.css +0 -1
  410. package/packages/theme-chalk/lib/pagination.css +0 -1
  411. package/packages/theme-chalk/lib/popconfirm.css +0 -1
  412. package/packages/theme-chalk/lib/popover.css +0 -1
  413. package/packages/theme-chalk/lib/popper.css +0 -1
  414. package/packages/theme-chalk/lib/progress.css +0 -1
  415. package/packages/theme-chalk/lib/radio-button.css +0 -1
  416. package/packages/theme-chalk/lib/radio-group.css +0 -1
  417. package/packages/theme-chalk/lib/radio.css +0 -1
  418. package/packages/theme-chalk/lib/rate.css +0 -1
  419. package/packages/theme-chalk/lib/reset.css +0 -1
  420. package/packages/theme-chalk/lib/result.css +0 -1
  421. package/packages/theme-chalk/lib/row.css +0 -1
  422. package/packages/theme-chalk/lib/scrollbar.css +0 -1
  423. package/packages/theme-chalk/lib/select-dropdown.css +0 -1
  424. package/packages/theme-chalk/lib/select.css +0 -1
  425. package/packages/theme-chalk/lib/skeleton-item.css +0 -1
  426. package/packages/theme-chalk/lib/skeleton.css +0 -1
  427. package/packages/theme-chalk/lib/slider.css +0 -1
  428. package/packages/theme-chalk/lib/spinner.css +0 -1
  429. package/packages/theme-chalk/lib/statistic.css +0 -1
  430. package/packages/theme-chalk/lib/step.css +0 -1
  431. package/packages/theme-chalk/lib/steps.css +0 -1
  432. package/packages/theme-chalk/lib/submenu.css +0 -0
  433. package/packages/theme-chalk/lib/switch.css +0 -1
  434. package/packages/theme-chalk/lib/tab-pane.css +0 -0
  435. package/packages/theme-chalk/lib/table-column.css +0 -1
  436. package/packages/theme-chalk/lib/table.css +0 -1
  437. package/packages/theme-chalk/lib/tabs.css +0 -1
  438. package/packages/theme-chalk/lib/tag.css +0 -1
  439. package/packages/theme-chalk/lib/time-picker.css +0 -1
  440. package/packages/theme-chalk/lib/time-select.css +0 -1
  441. package/packages/theme-chalk/lib/timeline-item.css +0 -1
  442. package/packages/theme-chalk/lib/timeline.css +0 -1
  443. package/packages/theme-chalk/lib/tooltip.css +0 -1
  444. package/packages/theme-chalk/lib/transfer.css +0 -1
  445. package/packages/theme-chalk/lib/tree.css +0 -1
  446. package/packages/theme-chalk/lib/upload.css +0 -1
  447. /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
- /******/ ]);