Table.js 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. var _typeof3 = require("@babel/runtime/helpers/typeof");
  4. Object.defineProperty(exports, "__esModule", {
  5. value: true
  6. });
  7. exports.tableProps = exports.default = void 0;
  8. var _vue = require("vue");
  9. var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
  10. var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
  11. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  12. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  13. var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
  14. var _vcTable = _interopRequireDefault(require("../vc-table"));
  15. var _Table = require("../vc-table/Table");
  16. var _spin = _interopRequireDefault(require("../spin"));
  17. var _pagination = _interopRequireDefault(require("../pagination"));
  18. var _usePagination3 = _interopRequireWildcard(require("./hooks/usePagination"));
  19. var _useLazyKVMap3 = _interopRequireDefault(require("./hooks/useLazyKVMap"));
  20. var _useSelection3 = _interopRequireDefault(require("./hooks/useSelection"));
  21. var _useSorter3 = _interopRequireWildcard(require("./hooks/useSorter"));
  22. var _useFilter3 = _interopRequireWildcard(require("./hooks/useFilter"));
  23. var _useTitleColumns3 = _interopRequireDefault(require("./hooks/useTitleColumns"));
  24. var _ExpandIcon = _interopRequireDefault(require("./ExpandIcon"));
  25. var _scrollTo = _interopRequireDefault(require("../_util/scrollTo"));
  26. var _en_US = _interopRequireDefault(require("../locale/en_US"));
  27. var _devWarning = _interopRequireDefault(require("../vc-util/devWarning"));
  28. var _useBreakpoint = _interopRequireDefault(require("../_util/hooks/useBreakpoint"));
  29. var _useConfigInject2 = _interopRequireDefault(require("../_util/hooks/useConfigInject"));
  30. var _LocaleReceiver = require("../locale-provider/LocaleReceiver");
  31. var _classNames4 = _interopRequireDefault(require("../_util/classNames"));
  32. var _omit = _interopRequireDefault(require("../_util/omit"));
  33. var _propsUtil = require("../_util/props-util");
  34. var _context = require("./context");
  35. var _useColumns3 = _interopRequireDefault(require("./hooks/useColumns"));
  36. var _util = require("./util");
  37. function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
  38. function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
  39. var EMPTY_LIST = [];
  40. var tableProps = function tableProps() {
  41. return {
  42. prefixCls: {
  43. type: String,
  44. default: undefined
  45. },
  46. columns: {
  47. type: Array,
  48. default: undefined
  49. },
  50. rowKey: {
  51. type: [String, Function],
  52. default: undefined
  53. },
  54. tableLayout: {
  55. type: String,
  56. default: undefined
  57. },
  58. rowClassName: {
  59. type: [String, Function],
  60. default: undefined
  61. },
  62. title: {
  63. type: Function,
  64. default: undefined
  65. },
  66. footer: {
  67. type: Function,
  68. default: undefined
  69. },
  70. id: {
  71. type: String,
  72. default: undefined
  73. },
  74. showHeader: {
  75. type: Boolean,
  76. default: undefined
  77. },
  78. components: {
  79. type: Object,
  80. default: undefined
  81. },
  82. customRow: {
  83. type: Function,
  84. default: undefined
  85. },
  86. customHeaderRow: {
  87. type: Function,
  88. default: undefined
  89. },
  90. direction: {
  91. type: String,
  92. default: undefined
  93. },
  94. expandFixed: {
  95. type: [Boolean, String],
  96. default: undefined
  97. },
  98. expandColumnWidth: {
  99. type: Number,
  100. default: undefined
  101. },
  102. expandedRowKeys: {
  103. type: Array,
  104. default: undefined
  105. },
  106. defaultExpandedRowKeys: {
  107. type: Array,
  108. default: undefined
  109. },
  110. expandedRowRender: {
  111. type: Function,
  112. default: undefined
  113. },
  114. expandRowByClick: {
  115. type: Boolean,
  116. default: undefined
  117. },
  118. expandIcon: {
  119. type: Function,
  120. default: undefined
  121. },
  122. onExpand: {
  123. type: Function,
  124. default: undefined
  125. },
  126. onExpandedRowsChange: {
  127. type: Function,
  128. default: undefined
  129. },
  130. 'onUpdate:expandedRowKeys': {
  131. type: Function,
  132. default: undefined
  133. },
  134. defaultExpandAllRows: {
  135. type: Boolean,
  136. default: undefined
  137. },
  138. indentSize: {
  139. type: Number,
  140. default: undefined
  141. },
  142. /** @deprecated Please use `EXPAND_COLUMN` in `columns` directly */
  143. expandIconColumnIndex: {
  144. type: Number,
  145. default: undefined
  146. },
  147. showExpandColumn: {
  148. type: Boolean,
  149. default: undefined
  150. },
  151. expandedRowClassName: {
  152. type: Function,
  153. default: undefined
  154. },
  155. childrenColumnName: {
  156. type: String,
  157. default: undefined
  158. },
  159. rowExpandable: {
  160. type: Function,
  161. default: undefined
  162. },
  163. sticky: {
  164. type: [Boolean, Object],
  165. default: undefined
  166. },
  167. dropdownPrefixCls: String,
  168. dataSource: {
  169. type: Array,
  170. default: undefined
  171. },
  172. pagination: {
  173. type: [Boolean, Object],
  174. default: undefined
  175. },
  176. loading: {
  177. type: [Boolean, Object],
  178. default: undefined
  179. },
  180. size: {
  181. type: String,
  182. default: undefined
  183. },
  184. bordered: Boolean,
  185. locale: {
  186. type: Object,
  187. default: undefined
  188. },
  189. onChange: {
  190. type: Function,
  191. default: undefined
  192. },
  193. onResizeColumn: {
  194. type: Function,
  195. default: undefined
  196. },
  197. rowSelection: {
  198. type: Object,
  199. default: undefined
  200. },
  201. getPopupContainer: {
  202. type: Function,
  203. default: undefined
  204. },
  205. scroll: {
  206. type: Object,
  207. default: undefined
  208. },
  209. sortDirections: {
  210. type: Array,
  211. default: undefined
  212. },
  213. showSorterTooltip: {
  214. type: [Boolean, Object],
  215. default: true
  216. },
  217. contextSlots: {
  218. type: Object
  219. },
  220. transformCellText: {
  221. type: Function
  222. }
  223. };
  224. };
  225. exports.tableProps = tableProps;
  226. var InteralTable = (0, _vue.defineComponent)({
  227. name: 'InteralTable',
  228. inheritAttrs: false,
  229. props: (0, _propsUtil.initDefaultProps)(tableProps(), {
  230. rowKey: 'key'
  231. }),
  232. // emits: ['expandedRowsChange', 'change', 'expand'],
  233. slots: ['emptyText', 'expandIcon', 'title', 'footer', 'summary', 'expandedRowRender', 'bodyCell', 'headerCell', 'customFilterIcon', 'customFilterDropdown'],
  234. setup: function setup(props, _ref) {
  235. var attrs = _ref.attrs,
  236. slots = _ref.slots,
  237. expose = _ref.expose,
  238. emit = _ref.emit;
  239. (0, _devWarning.default)(!(typeof props.rowKey === 'function' && props.rowKey.length > 1), 'Table', '`index` parameter of `rowKey` function is deprecated. There is no guarantee that it will work as expected.');
  240. (0, _context.useProvideSlots)((0, _vue.computed)(function () {
  241. return props.contextSlots;
  242. }));
  243. (0, _context.useProvideTableContext)({
  244. onResizeColumn: function onResizeColumn(w, col) {
  245. emit('resizeColumn', w, col);
  246. }
  247. });
  248. var screens = (0, _useBreakpoint.default)();
  249. var mergedColumns = (0, _vue.computed)(function () {
  250. var matched = new Set(Object.keys(screens.value).filter(function (m) {
  251. return screens.value[m];
  252. }));
  253. return props.columns.filter(function (c) {
  254. return !c.responsive || c.responsive.some(function (r) {
  255. return matched.has(r);
  256. });
  257. });
  258. });
  259. var _useConfigInject = (0, _useConfigInject2.default)('table', props),
  260. mergedSize = _useConfigInject.size,
  261. renderEmpty = _useConfigInject.renderEmpty,
  262. direction = _useConfigInject.direction,
  263. prefixCls = _useConfigInject.prefixCls,
  264. configProvider = _useConfigInject.configProvider;
  265. var transformCellText = (0, _vue.computed)(function () {
  266. return props.transformCellText || configProvider.transformCellText;
  267. });
  268. var _useLocaleReceiver = (0, _LocaleReceiver.useLocaleReceiver)('Table', _en_US.default.Table, (0, _vue.toRef)(props, 'locale')),
  269. _useLocaleReceiver2 = (0, _slicedToArray2.default)(_useLocaleReceiver, 1),
  270. tableLocale = _useLocaleReceiver2[0];
  271. var rawData = (0, _vue.computed)(function () {
  272. return props.dataSource || EMPTY_LIST;
  273. });
  274. var dropdownPrefixCls = (0, _vue.computed)(function () {
  275. return configProvider.getPrefixCls('dropdown', props.dropdownPrefixCls);
  276. });
  277. var childrenColumnName = (0, _vue.computed)(function () {
  278. return props.childrenColumnName || 'children';
  279. });
  280. var expandType = (0, _vue.computed)(function () {
  281. if (rawData.value.some(function (item) {
  282. return item === null || item === void 0 ? void 0 : item[childrenColumnName.value];
  283. })) {
  284. return 'nest';
  285. }
  286. if (props.expandedRowRender) {
  287. return 'row';
  288. }
  289. return null;
  290. });
  291. var internalRefs = (0, _vue.reactive)({
  292. body: null
  293. });
  294. var updateInternalRefs = function updateInternalRefs(refs) {
  295. (0, _extends2.default)(internalRefs, refs);
  296. };
  297. // ============================ RowKey ============================
  298. var getRowKey = (0, _vue.computed)(function () {
  299. if (typeof props.rowKey === 'function') {
  300. return props.rowKey;
  301. }
  302. return function (record) {
  303. return record === null || record === void 0 ? void 0 : record[props.rowKey];
  304. };
  305. });
  306. var _useLazyKVMap = (0, _useLazyKVMap3.default)(rawData, childrenColumnName, getRowKey),
  307. _useLazyKVMap2 = (0, _slicedToArray2.default)(_useLazyKVMap, 1),
  308. getRecordByKey = _useLazyKVMap2[0];
  309. // ============================ Events =============================
  310. var changeEventInfo = {};
  311. var triggerOnChange = function triggerOnChange(info, action) {
  312. var reset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
  313. var pagination = props.pagination,
  314. scroll = props.scroll,
  315. onChange = props.onChange;
  316. var changeInfo = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, changeEventInfo), info);
  317. if (reset) {
  318. changeEventInfo.resetPagination();
  319. // Reset event param
  320. if (changeInfo.pagination.current) {
  321. changeInfo.pagination.current = 1;
  322. }
  323. // Trigger pagination events
  324. if (pagination && pagination.onChange) {
  325. pagination.onChange(1, changeInfo.pagination.pageSize);
  326. }
  327. }
  328. if (scroll && scroll.scrollToFirstRowOnChange !== false && internalRefs.body) {
  329. (0, _scrollTo.default)(0, {
  330. getContainer: function getContainer() {
  331. return internalRefs.body;
  332. }
  333. });
  334. }
  335. onChange === null || onChange === void 0 ? void 0 : onChange(changeInfo.pagination, changeInfo.filters, changeInfo.sorter, {
  336. currentDataSource: (0, _useFilter3.getFilterData)((0, _useSorter3.getSortData)(rawData.value, changeInfo.sorterStates, childrenColumnName.value), changeInfo.filterStates),
  337. action: action
  338. });
  339. };
  340. /**
  341. * Controlled state in `columns` is not a good idea that makes too many code (1000+ line?) to read
  342. * state out and then put it back to title render. Move these code into `hooks` but still too
  343. * complex. We should provides Table props like `sorter` & `filter` to handle control in next big version.
  344. */
  345. // ============================ Sorter =============================
  346. var onSorterChange = function onSorterChange(sorter, sorterStates) {
  347. triggerOnChange({
  348. sorter: sorter,
  349. sorterStates: sorterStates
  350. }, 'sort', false);
  351. };
  352. var _useSorter = (0, _useSorter3.default)({
  353. prefixCls: prefixCls,
  354. mergedColumns: mergedColumns,
  355. onSorterChange: onSorterChange,
  356. sortDirections: (0, _vue.computed)(function () {
  357. return props.sortDirections || ['ascend', 'descend'];
  358. }),
  359. tableLocale: tableLocale,
  360. showSorterTooltip: (0, _vue.toRef)(props, 'showSorterTooltip')
  361. }),
  362. _useSorter2 = (0, _slicedToArray2.default)(_useSorter, 4),
  363. transformSorterColumns = _useSorter2[0],
  364. sortStates = _useSorter2[1],
  365. sorterTitleProps = _useSorter2[2],
  366. sorters = _useSorter2[3];
  367. var sortedData = (0, _vue.computed)(function () {
  368. return (0, _useSorter3.getSortData)(rawData.value, sortStates.value, childrenColumnName.value);
  369. });
  370. // ============================ Filter ============================
  371. var onFilterChange = function onFilterChange(filters, filterStates) {
  372. triggerOnChange({
  373. filters: filters,
  374. filterStates: filterStates
  375. }, 'filter', true);
  376. };
  377. var _useFilter = (0, _useFilter3.default)({
  378. prefixCls: prefixCls,
  379. locale: tableLocale,
  380. dropdownPrefixCls: dropdownPrefixCls,
  381. mergedColumns: mergedColumns,
  382. onFilterChange: onFilterChange,
  383. getPopupContainer: (0, _vue.toRef)(props, 'getPopupContainer')
  384. }),
  385. _useFilter2 = (0, _slicedToArray2.default)(_useFilter, 3),
  386. transformFilterColumns = _useFilter2[0],
  387. filterStates = _useFilter2[1],
  388. filters = _useFilter2[2];
  389. var mergedData = (0, _vue.computed)(function () {
  390. return (0, _useFilter3.getFilterData)(sortedData.value, filterStates.value);
  391. });
  392. // ============================ Column ============================
  393. var _useColumns = (0, _useColumns3.default)((0, _vue.toRef)(props, 'contextSlots')),
  394. _useColumns2 = (0, _slicedToArray2.default)(_useColumns, 1),
  395. transformBasicColumns = _useColumns2[0];
  396. var columnTitleProps = (0, _vue.computed)(function () {
  397. return (0, _objectSpread2.default)({}, sorterTitleProps.value);
  398. });
  399. var _useTitleColumns = (0, _useTitleColumns3.default)(columnTitleProps),
  400. _useTitleColumns2 = (0, _slicedToArray2.default)(_useTitleColumns, 1),
  401. transformTitleColumns = _useTitleColumns2[0];
  402. // ========================== Pagination ==========================
  403. var onPaginationChange = function onPaginationChange(current, pageSize) {
  404. triggerOnChange({
  405. pagination: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, changeEventInfo.pagination), {}, {
  406. current: current,
  407. pageSize: pageSize
  408. })
  409. }, 'paginate');
  410. };
  411. var _usePagination = (0, _usePagination3.default)((0, _vue.computed)(function () {
  412. return mergedData.value.length;
  413. }), (0, _vue.toRef)(props, 'pagination'), onPaginationChange),
  414. _usePagination2 = (0, _slicedToArray2.default)(_usePagination, 2),
  415. mergedPagination = _usePagination2[0],
  416. resetPagination = _usePagination2[1];
  417. (0, _vue.watchEffect)(function () {
  418. changeEventInfo.sorter = sorters.value;
  419. changeEventInfo.sorterStates = sortStates.value;
  420. changeEventInfo.filters = filters.value;
  421. changeEventInfo.filterStates = filterStates.value;
  422. changeEventInfo.pagination = props.pagination === false ? {} : (0, _usePagination3.getPaginationParam)(props.pagination, mergedPagination.value);
  423. changeEventInfo.resetPagination = resetPagination;
  424. });
  425. // ============================= Data =============================
  426. var pageData = (0, _vue.computed)(function () {
  427. if (props.pagination === false || !mergedPagination.value.pageSize) {
  428. return mergedData.value;
  429. }
  430. var _mergedPagination$val = mergedPagination.value,
  431. _mergedPagination$val2 = _mergedPagination$val.current,
  432. current = _mergedPagination$val2 === void 0 ? 1 : _mergedPagination$val2,
  433. total = _mergedPagination$val.total,
  434. _mergedPagination$val3 = _mergedPagination$val.pageSize,
  435. pageSize = _mergedPagination$val3 === void 0 ? _usePagination3.DEFAULT_PAGE_SIZE : _mergedPagination$val3;
  436. (0, _devWarning.default)(current > 0, 'Table', '`current` should be positive number.');
  437. // Dynamic table data
  438. if (mergedData.value.length < total) {
  439. if (mergedData.value.length > pageSize) {
  440. return mergedData.value.slice((current - 1) * pageSize, current * pageSize);
  441. }
  442. return mergedData.value;
  443. }
  444. return mergedData.value.slice((current - 1) * pageSize, current * pageSize);
  445. });
  446. (0, _vue.watchEffect)(function () {
  447. (0, _vue.nextTick)(function () {
  448. var _mergedPagination$val4 = mergedPagination.value,
  449. total = _mergedPagination$val4.total,
  450. _mergedPagination$val5 = _mergedPagination$val4.pageSize,
  451. pageSize = _mergedPagination$val5 === void 0 ? _usePagination3.DEFAULT_PAGE_SIZE : _mergedPagination$val5;
  452. // Dynamic table data
  453. if (mergedData.value.length < total) {
  454. if (mergedData.value.length > pageSize) {
  455. (0, _devWarning.default)(false, 'Table', '`dataSource` length is less than `pagination.total` but large than `pagination.pageSize`. Please make sure your config correct data with async mode.');
  456. }
  457. }
  458. });
  459. }, {
  460. flush: 'post'
  461. });
  462. var expandIconColumnIndex = (0, _vue.computed)(function () {
  463. if (props.showExpandColumn === false) return -1;
  464. // Adjust expand icon index, no overwrite expandIconColumnIndex if set.
  465. if (expandType.value === 'nest' && props.expandIconColumnIndex === undefined) {
  466. return props.rowSelection ? 1 : 0;
  467. } else if (props.expandIconColumnIndex > 0 && props.rowSelection) {
  468. return props.expandIconColumnIndex - 1;
  469. }
  470. return props.expandIconColumnIndex;
  471. });
  472. var rowSelection = (0, _vue.ref)();
  473. (0, _vue.watch)(function () {
  474. return props.rowSelection;
  475. }, function () {
  476. rowSelection.value = props.rowSelection ? (0, _objectSpread2.default)({}, props.rowSelection) : props.rowSelection;
  477. }, {
  478. deep: true,
  479. immediate: true
  480. });
  481. // ========================== Selections ==========================
  482. var _useSelection = (0, _useSelection3.default)(rowSelection, {
  483. prefixCls: prefixCls,
  484. data: mergedData,
  485. pageData: pageData,
  486. getRowKey: getRowKey,
  487. getRecordByKey: getRecordByKey,
  488. expandType: expandType,
  489. childrenColumnName: childrenColumnName,
  490. locale: tableLocale,
  491. getPopupContainer: (0, _vue.computed)(function () {
  492. return props.getPopupContainer;
  493. })
  494. }),
  495. _useSelection2 = (0, _slicedToArray2.default)(_useSelection, 2),
  496. transformSelectionColumns = _useSelection2[0],
  497. selectedKeySet = _useSelection2[1];
  498. var internalRowClassName = function internalRowClassName(record, index, indent) {
  499. var mergedRowClassName;
  500. var rowClassName = props.rowClassName;
  501. if (typeof rowClassName === 'function') {
  502. mergedRowClassName = (0, _classNames4.default)(rowClassName(record, index, indent));
  503. } else {
  504. mergedRowClassName = (0, _classNames4.default)(rowClassName);
  505. }
  506. return (0, _classNames4.default)((0, _defineProperty2.default)({}, "".concat(prefixCls.value, "-row-selected"), selectedKeySet.value.has(getRowKey.value(record, index))), mergedRowClassName);
  507. };
  508. expose({
  509. selectedKeySet: selectedKeySet
  510. });
  511. var indentSize = (0, _vue.computed)(function () {
  512. // Indent size
  513. return typeof props.indentSize === 'number' ? props.indentSize : 15;
  514. });
  515. var transformColumns = function transformColumns(innerColumns) {
  516. var res = transformTitleColumns(transformSelectionColumns(transformFilterColumns(transformSorterColumns(transformBasicColumns(innerColumns)))));
  517. return res;
  518. };
  519. return function () {
  520. var _mergedPagination$val6, _classNames3;
  521. var _props$expandIcon = props.expandIcon,
  522. expandIcon = _props$expandIcon === void 0 ? slots.expandIcon || (0, _ExpandIcon.default)(tableLocale.value) : _props$expandIcon,
  523. pagination = props.pagination,
  524. loading = props.loading,
  525. bordered = props.bordered;
  526. var topPaginationNode;
  527. var bottomPaginationNode;
  528. if (pagination !== false && (_mergedPagination$val6 = mergedPagination.value) !== null && _mergedPagination$val6 !== void 0 && _mergedPagination$val6.total) {
  529. var paginationSize;
  530. if (mergedPagination.value.size) {
  531. paginationSize = mergedPagination.value.size;
  532. } else {
  533. paginationSize = mergedSize.value === 'small' || mergedSize.value === 'middle' ? 'small' : undefined;
  534. }
  535. var renderPagination = function renderPagination(position) {
  536. return (0, _vue.createVNode)(_pagination.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mergedPagination.value), {}, {
  537. "class": ["".concat(prefixCls.value, "-pagination ").concat(prefixCls.value, "-pagination-").concat(position), mergedPagination.value.class],
  538. "size": paginationSize
  539. }), null);
  540. };
  541. var defaultPosition = direction.value === 'rtl' ? 'left' : 'right';
  542. var position = mergedPagination.value.position;
  543. if (position !== null && Array.isArray(position)) {
  544. var topPos = position.find(function (p) {
  545. return p.indexOf('top') !== -1;
  546. });
  547. var bottomPos = position.find(function (p) {
  548. return p.indexOf('bottom') !== -1;
  549. });
  550. var isDisable = position.every(function (p) {
  551. return "".concat(p) === 'none';
  552. });
  553. if (!topPos && !bottomPos && !isDisable) {
  554. bottomPaginationNode = renderPagination(defaultPosition);
  555. }
  556. if (topPos) {
  557. topPaginationNode = renderPagination(topPos.toLowerCase().replace('top', ''));
  558. }
  559. if (bottomPos) {
  560. bottomPaginationNode = renderPagination(bottomPos.toLowerCase().replace('bottom', ''));
  561. }
  562. } else {
  563. bottomPaginationNode = renderPagination(defaultPosition);
  564. }
  565. }
  566. // >>>>>>>>> Spinning
  567. var spinProps;
  568. if (typeof loading === 'boolean') {
  569. spinProps = {
  570. spinning: loading
  571. };
  572. } else if ((0, _typeof2.default)(loading) === 'object') {
  573. spinProps = (0, _objectSpread2.default)({
  574. spinning: true
  575. }, loading);
  576. }
  577. var wrapperClassNames = (0, _classNames4.default)("".concat(prefixCls.value, "-wrapper"), (0, _defineProperty2.default)({}, "".concat(prefixCls.value, "-wrapper-rtl"), direction.value === 'rtl'), attrs.class);
  578. var tableProps = (0, _omit.default)(props, ['columns']);
  579. return (0, _vue.createVNode)("div", {
  580. "class": wrapperClassNames,
  581. "style": attrs.style
  582. }, [(0, _vue.createVNode)(_spin.default, (0, _objectSpread2.default)({
  583. "spinning": false
  584. }, spinProps), {
  585. default: function _default() {
  586. return [topPaginationNode, (0, _vue.createVNode)(_vcTable.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, attrs), tableProps), {}, {
  587. "expandedRowKeys": props.expandedRowKeys,
  588. "defaultExpandedRowKeys": props.defaultExpandedRowKeys,
  589. "expandIconColumnIndex": expandIconColumnIndex.value,
  590. "indentSize": indentSize.value,
  591. "expandIcon": expandIcon,
  592. "columns": mergedColumns.value,
  593. "direction": direction.value,
  594. "prefixCls": prefixCls.value,
  595. "class": (0, _classNames4.default)((_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, "".concat(prefixCls.value, "-middle"), mergedSize.value === 'middle'), (0, _defineProperty2.default)(_classNames3, "".concat(prefixCls.value, "-small"), mergedSize.value === 'small'), (0, _defineProperty2.default)(_classNames3, "".concat(prefixCls.value, "-bordered"), bordered), (0, _defineProperty2.default)(_classNames3, "".concat(prefixCls.value, "-empty"), rawData.value.length === 0), _classNames3)),
  596. "data": pageData.value,
  597. "rowKey": getRowKey.value,
  598. "rowClassName": internalRowClassName,
  599. "internalHooks": _Table.INTERNAL_HOOKS,
  600. "internalRefs": internalRefs,
  601. "onUpdateInternalRefs": updateInternalRefs,
  602. "transformColumns": transformColumns,
  603. "transformCellText": transformCellText.value
  604. }), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, slots), {}, {
  605. emptyText: function emptyText() {
  606. var _slots$emptyText, _props$locale;
  607. return ((_slots$emptyText = slots.emptyText) === null || _slots$emptyText === void 0 ? void 0 : _slots$emptyText.call(slots)) || ((_props$locale = props.locale) === null || _props$locale === void 0 ? void 0 : _props$locale.emptyText) || renderEmpty.value('Table');
  608. }
  609. })), bottomPaginationNode];
  610. }
  611. })]);
  612. };
  613. }
  614. });
  615. var Table = (0, _vue.defineComponent)({
  616. name: 'ATable',
  617. inheritAttrs: false,
  618. setup: function setup(_props, _ref2) {
  619. var attrs = _ref2.attrs,
  620. slots = _ref2.slots,
  621. expose = _ref2.expose;
  622. var table = (0, _vue.ref)();
  623. expose({
  624. table: table
  625. });
  626. return function () {
  627. var _slots$default;
  628. var props = attrs;
  629. var columns = props.columns || (0, _util.convertChildrenToColumns)((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots));
  630. return (0, _vue.createVNode)(InteralTable, (0, _objectSpread2.default)((0, _objectSpread2.default)({
  631. "ref": table
  632. }, attrs), {}, {
  633. "columns": columns || [],
  634. "expandedRowRender": slots.expandedRowRender,
  635. "contextSlots": (0, _objectSpread2.default)({}, slots)
  636. }), slots);
  637. };
  638. }
  639. });
  640. var _default2 = Table;
  641. exports.default = _default2;