@douyinfe/semi-foundation 2.1.1 → 2.1.5

package/lib/cjs/table/foundation.js

@@ -0,0 +1,1167 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
+var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/keys"));
+
+var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+
+var _filter2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/map"));
+
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _map2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _sort = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/sort"));
+
+var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/values"));
+
+var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+
+var _find2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
+
+var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
+
+var _slice2 = _interopRequireDefault(require("lodash/slice"));
+
+var _isMap2 = _interopRequireDefault(require("lodash/isMap"));
+
+var _filter3 = _interopRequireDefault(require("lodash/filter"));
+
+var _isSet2 = _interopRequireDefault(require("lodash/isSet"));
+
+var _pull2 = _interopRequireDefault(require("lodash/pull"));
+
+var _some2 = _interopRequireDefault(require("lodash/some"));
+
+var _find3 = _interopRequireDefault(require("lodash/find"));
+
+var _each2 = _interopRequireDefault(require("lodash/each"));
+
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
+
+var _merge2 = _interopRequireDefault(require("lodash/merge"));
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _memoizeOne = _interopRequireDefault(require("memoize-one"));
+
+var _foundation = _interopRequireDefault(require("../base/foundation"));
+
+var _constants = require("./constants");
+
+var _utils = require("./utils");
+
+var _array = require("../utils/array");
+
+class TableFoundation extends _foundation.default {
+  constructor(adapter) {
+    super((0, _assign.default)({}, adapter));
+    /**
+     * set page number
+     */
+
+    this.setPage = (currentPage, currentPageSize) => {
+      currentPage = currentPage || this._adapter.getCurrentPage();
+      const currentPagination = this.getState('pagination');
+      const {
+        dataSource,
+        pagination,
+        disabledRowKeys,
+        allRowKeys
+      } = this.getCurrentPageData(null, (0, _assign.default)((0, _assign.default)({}, currentPagination), {
+        currentPage,
+        pageSize: currentPageSize
+      }));
+
+      if (!this._pagerIsControlled() && currentPage > 0) {
+        this._adapter.setDisabledRowKeys(disabledRowKeys);
+
+        this._adapter.setAllRowKeys(allRowKeys);
+
+        this._adapter.setPagination(pagination);
+
+        this._adapter.setDataSource(dataSource);
+      }
+
+      this._notifyChange(pagination);
+    };
+    /**
+     * Cache related data when initializing or updating the calculated dataSource
+     * @param {*} filteredSortedDataSource
+     */
+
+
+    this.setCachedFilteredSortedDataSource = filteredSortedDataSource => {
+      this._adapter.setCachedFilteredSortedDataSource(filteredSortedDataSource);
+
+      const filteredSortedRowKeys = this.getAllRowKeys(filteredSortedDataSource);
+
+      this._adapter.setCachedFilteredSortedRowKeys(filteredSortedRowKeys);
+    };
+
+    this.isSortOrderValid = sortOrder => {
+      var _context;
+
+      return (0, _includes.default)(_context = _constants.strings.SORT_DIRECTIONS).call(_context, sortOrder) || sortOrder === false;
+    };
+    /**
+     * memoized function list
+     */
+
+
+    const handleColumns = this._adapter.getHandleColumns();
+
+    const mergePagination = this._adapter.getMergePagination();
+
+    this.memoizedWithFnsColumns = (0, _memoizeOne.default)(handleColumns, _isEqual2.default);
+    this.memoizedFilterColumns = (0, _memoizeOne.default)(_utils.filterColumns);
+    this.memoizedFlattenFnsColumns = (0, _memoizeOne.default)(_utils.flattenColumns);
+    this.memoizedPagination = (0, _memoizeOne.default)(mergePagination, _isEqual2.default);
+  }
+
+  init() {
+    const dataSource = [...this.getProp('dataSource')];
+
+    const {
+      queries
+    } = this._adapter.getStates();
+
+    const filteredSortedDataSource = this.getFilteredSortedDataSource(dataSource, queries);
+    const pageData = this.getCurrentPageData(filteredSortedDataSource);
+    this.setAdapterPageData(pageData);
+    this.initExpandedRowKeys(pageData);
+    this.initSelectedRowKeys(pageData); // cache dataSource after mount, and then calculate it on demand
+
+    this.setCachedFilteredSortedDataSource(filteredSortedDataSource);
+  }
+
+  initExpandedRowKeys() {
+    let {
+      groups
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const {
+      defaultExpandAllRows,
+      defaultExpandedRowKeys = [],
+      expandedRowKeys: propExpandedRowKeys = [],
+      dataSource = [],
+      expandAllRows,
+      defaultExpandAllGroupRows,
+      expandAllGroupRows
+    } = this.getProps();
+    const expandedRowKeys = [];
+
+    if (defaultExpandAllRows || expandAllRows) {
+      this._addNoDuplicatedItemsToArr(expandedRowKeys, this.getAllRowKeys(dataSource), groups && (0, _isMap2.default)(groups) && groups.size ? (0, _from.default)((0, _keys.default)(groups).call(groups)) : []);
+    } else if (defaultExpandAllGroupRows || expandAllGroupRows) {
+      this._addNoDuplicatedItemsToArr(expandedRowKeys, groups && (0, _isMap2.default)(groups) && groups.size ? (0, _from.default)((0, _keys.default)(groups).call(groups)) : []);
+    } else if ((0, _isArray.default)(defaultExpandedRowKeys) && defaultExpandedRowKeys.length) {
+      this._addNoDuplicatedItemsToArr(expandedRowKeys, defaultExpandedRowKeys);
+    } else if ((0, _isArray.default)(propExpandedRowKeys) && propExpandedRowKeys.length) {
+      this._addNoDuplicatedItemsToArr(expandedRowKeys, propExpandedRowKeys);
+    }
+
+    this._adapter.setExpandedRowKeys(expandedRowKeys);
+  }
+
+  initSelectedRowKeys(_ref) {
+    let {
+      disabledRowKeys
+    } = _ref;
+    const rowSelection = this.getProp('rowSelection');
+    const rowKeys = [];
+
+    if (rowSelection) {
+      const selectedRowKeys = (0, _get2.default)(rowSelection, 'selectedRowKeys');
+      const defaultSelectedRowKeys = (0, _get2.default)(rowSelection, 'defaultSelectedRowKeys');
+
+      if ((0, _isArray.default)(selectedRowKeys)) {
+        this._addNoDuplicatedItemsToArr(rowKeys, selectedRowKeys);
+      } else if ((0, _isArray.default)(defaultSelectedRowKeys)) {
+        this._addNoDuplicatedItemsToArr(rowKeys, defaultSelectedRowKeys);
+      }
+
+      if ((0, _isArray.default)(disabledRowKeys) && disabledRowKeys.length) {
+        (0, _pull2.default)(rowKeys, ...disabledRowKeys);
+      }
+
+      this._adapter.setSelectedRowKeys(rowKeys);
+    }
+  }
+  /**
+   * Get filtered and sorted data
+   * @param {Object[]} dataSource
+   * @param {Object[]} queries
+   * @returns {Object[]} sortedDataSource
+   */
+
+
+  getFilteredSortedDataSource(dataSource, queries) {
+    const filteredDataSource = this.filterDataSource(dataSource, (0, _filter2.default)(queries).call(queries, query => (0, _isFunction2.default)(query.onFilter) && (0, _isArray.default)(query.filters) && query.filters.length && (0, _isArray.default)(query.filteredValue) && query.filteredValue.length));
+    const sortedDataSource = this.sortDataSource(filteredDataSource, (0, _filter2.default)(queries).call(queries, query => query && (0, _isFunction2.default)(query.sorter)));
+    return sortedDataSource;
+  }
+  /**
+   * get current page data
+   *
+   * @param {Array} dataSource
+   * @param {object} pagination
+   * @param {object} queries
+   * @returns {{dataSource: RecordType[], groups: Map<string, Set<string>>, pagination: object, disabledRowKeys: string[], queries: BaseColumnProps[], allRowKeys: string[]}}
+   */
+
+
+  getCurrentPageData(dataSource, pagination, queries) {
+    const filteredSortedDataSource = this._adapter.getCachedFilteredSortedDataSource();
+
+    dataSource = dataSource == null ? [...filteredSortedDataSource] : dataSource;
+    pagination = pagination == null ? this.getState('pagination') && (0, _assign.default)({}, this.getState('pagination')) : pagination;
+    queries = queries == null ? [...this.getState('queries')] : queries;
+    let groups;
+
+    if (this.getProp('groupBy') != null) {
+      const {
+        groups: groupedGroups,
+        dataSource: groupedData
+      } = this.groupDataSource(dataSource);
+      dataSource = groupedData;
+      groups = groupedGroups;
+    }
+
+    pagination = this.normalizePagination(pagination, dataSource);
+    dataSource = this.limitPageDataSource(dataSource, pagination);
+    const disabledRowKeys = this.getAllDisabledRowKeys(dataSource);
+    const allRowKeys = this.getAllRowKeys(dataSource);
+    const pageData = {
+      dataSource,
+      groups,
+      pagination,
+      disabledRowKeys,
+      allRowKeys,
+      queries
+    };
+    return pageData;
+  }
+  /**
+   * group dataSource, return grouped row keys
+   *
+   * @param {*[]} dataSource
+   * @param {Function|string} groupBy
+   */
+
+
+  groupDataSource(dataSource, groupBy) {
+    groupBy = groupBy == null ? this.getProp('groupBy') : groupBy;
+    const groups = new _map.default();
+    const newDataSource = [];
+
+    if (groupBy != null) {
+      (0, _each2.default)(dataSource, (record, index) => {
+        const groupKey = typeof groupBy === 'function' ? groupBy(record) : (0, _get2.default)(record, groupBy);
+
+        if (groupKey != null && groupKey !== '') {
+          const recordKey = this.getRecordKey(record);
+          let group = groups.get(groupKey);
+
+          if (!(0, _isSet2.default)(group)) {
+            group = new _set.default([recordKey]);
+            groups.set(groupKey, group);
+          } else {
+            group.add(recordKey);
+          }
+        }
+      });
+    }
+
+    if (groups && groups.size) {
+      (0, _forEach.default)(groups).call(groups, (set, key) => {
+        if ((0, _isSet2.default)(set)) {
+          (0, _forEach.default)(set).call(set, realKey => {
+            newDataSource.push(this._getRecord(realKey));
+          });
+        }
+      });
+    } else {
+      newDataSource.push(...dataSource);
+    }
+
+    return {
+      groups,
+      dataSource: newDataSource
+    };
+  }
+  /**
+   * sort data
+   *
+   * @param {Array} dataSource
+   * @param {Array} sorters
+   * @returns {Array}
+   */
+
+
+  sortDataSource(dataSource, sorters) {
+    (0, _each2.default)(sorters, sorterObj => {
+      var _context2;
+
+      // const sorterObj = last(sorters) || {};
+      const {
+        sorter,
+        sortOrder,
+        defaultSortOrder,
+        sortChildrenRecord
+      } = sorterObj;
+      const currentSortOrder = this.isSortOrderValid(sortOrder) ? sortOrder : defaultSortOrder;
+
+      if ((0, _isFunction2.default)(sorter) && currentSortOrder && (0, _includes.default)(_context2 = _constants.strings.SORT_DIRECTIONS).call(_context2, currentSortOrder)) {
+        if (sortChildrenRecord) {
+          const childrenRecordName = this.getProp('childrenRecordName');
+          dataSource = dataSource && (0, _map2.default)(dataSource).call(dataSource, record => {
+            const children = this._getRecordChildren(record);
+
+            if ((0, _isArray.default)(children) && children.length) {
+              return (0, _assign.default)((0, _assign.default)({}, record), {
+                [childrenRecordName]: this.sortDataSource(children, [sorterObj])
+              });
+            }
+
+            return record;
+          });
+        }
+
+        (0, _sort.default)(dataSource).call(dataSource, (0, _array.withOrderSort)(sorter, currentSortOrder));
+        return false;
+      }
+
+      return undefined;
+    });
+    return dataSource;
+  }
+  /**
+   * filter data source
+   *
+   * @param {*[]} dataSource
+   * @param {*[]} filters
+   * @returns {*[]}
+   */
+
+
+  filterDataSource(dataSource, filters) {
+    let filteredData = null;
+    let hasValidFilters = false;
+    const childrenRecordName = this.getProp('childrenRecordName');
+    (0, _each2.default)(filters, filterObj => {
+      const {
+        onFilter,
+        filteredValue,
+        filterChildrenRecord
+      } = filterObj;
+
+      if (typeof onFilter === 'function' && (0, _isArray.default)(filteredValue) && filteredValue.length) {
+        hasValidFilters = true;
+
+        if (filteredData === null) {
+          filteredData = new _map.default();
+        } else {
+          dataSource = (0, _from.default)(filteredData && (0, _values.default)(filteredData).call(filteredData));
+          filteredData = new _map.default();
+        }
+
+        (0, _each2.default)(filteredValue, value => {
+          (0, _each2.default)(dataSource, record => {
+            const childrenRecords = (0, _get2.default)(record, childrenRecordName);
+            const recordKey = this.getRecordKey(record);
+            let filteredChildren;
+
+            if ((0, _isArray.default)(childrenRecords) && childrenRecords.length && filterChildrenRecord) {
+              filteredChildren = this.filterDataSource(childrenRecords, [filterObj]);
+            }
+
+            if ((0, _isArray.default)(filteredChildren) && filteredChildren.length) {
+              if (recordKey != null) {
+                const children = (0, _get2.default)(filteredData.get(recordKey), childrenRecordName, []);
+                filteredData.set(recordKey, (0, _assign.default)((0, _assign.default)({}, record), {
+                  [childrenRecordName]: (0, _reduce.default)(filteredChildren).call(filteredChildren, (arr, cur) => {
+                    if ((0, _find2.default)(arr).call(arr, item => this.getRecordKey(item) === this.getRecordKey(cur)) == null) {
+                      arr.push(cur);
+                    }
+
+                    return arr;
+                  }, [...children])
+                }));
+              }
+            } else if (onFilter(value, record)) {
+              filteredData.set(recordKey, record);
+            }
+          });
+        });
+      }
+    });
+
+    if (hasValidFilters) {
+      dataSource = (0, _from.default)(filteredData && (0, _values.default)(filteredData).call(filteredData));
+    }
+
+    return dataSource;
+  }
+
+  limitPageDataSource(dataSource, pagination) {
+    dataSource = dataSource == null ? this.getProp('dataSource') : dataSource;
+    pagination = pagination == null ? this.getState('pagination') : pagination;
+    let pageData = dataSource;
+    const pageNo = (0, _get2.default)(pagination, 'currentPage');
+
+    if (this.getProp('pagination') !== false && pageNo && dataSource && pagination && !this._pagerIsControlled()) {
+      const {
+        pageSize = _constants.numbers.DEFAULT_PAGE_SIZE
+      } = pagination;
+      const start = (pageNo - 1) * pageSize;
+      const end = pageNo * pageSize;
+      pageData = (0, _slice2.default)(dataSource, start, end);
+    }
+
+    return pageData;
+  }
+
+  normalizePagination(pagination, dataSource) {
+    pagination = pagination == null ? this._getPagination() : pagination;
+    dataSource = dataSource == null ? this._getDataSource() : dataSource;
+    const propPagination = this.getProp('pagination');
+
+    if (pagination) {
+      pagination = typeof pagination === 'object' ? (0, _assign.default)({}, pagination) : {};
+      pagination = (0, _merge2.default)({
+        total: dataSource && dataSource.length || 0,
+        pageSize: _constants.numbers.DEFAULT_PAGE_SIZE,
+        currentPage: (0, _get2.default)(propPagination, 'defaultCurrentPage', 1),
+        position: _constants.strings.PAGINATION_POSITIONS[0]
+      }, pagination);
+
+      if (!this._pagerIsControlled()) {
+        const total = (0, _get2.default)(propPagination, 'total', dataSource.length);
+        const pageSize = (0, _get2.default)(propPagination, 'pageSize', pagination.pageSize);
+        const {
+          currentPage
+        } = pagination;
+        const realTotalPage = Math.ceil(total / pageSize);
+        pagination.total = total;
+
+        if (currentPage > realTotalPage) {
+          pagination.currentPage = 1;
+        }
+      }
+    }
+
+    return pagination;
+  }
+
+  setAdapterPageData() {
+    let pageData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const {
+      pagination,
+      dataSource,
+      disabledRowKeys,
+      allRowKeys,
+      groups
+    } = pageData;
+
+    this._adapter.setDisabledRowKeys(disabledRowKeys);
+
+    this._adapter.setAllRowKeys(allRowKeys);
+
+    this._adapter.setPagination(pagination);
+
+    this._adapter.setGroups(groups);
+
+    this._adapter.setDataSource(dataSource);
+  }
+
+  destroy() {}
+
+  handleClick(e) {}
+
+  handleMouseEnter(e) {}
+
+  handleMouseLeave(e) {}
+
+  stopPropagation(e) {
+    if (e && typeof e === 'object') {
+      if (typeof e.stopPropagation === 'function') {
+        e.stopPropagation();
+      }
+
+      if (e.nativeEvent && typeof e.nativeEvent.stopPropagation === 'function') {
+        e.nativeEvent.stopPropagation();
+      } else if (typeof e.stopImmediatePropagation === 'function') {
+        e.stopImmediatePropagation();
+      }
+    }
+  }
+  /**
+   * Add non-repeating elements to the array itself
+   * @param {Array} srcArr
+   * @param {Object} objArrs
+   */
+
+
+  _addNoDuplicatedItemsToArr() {
+    let srcArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+    for (var _len = arguments.length, objArrs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      objArrs[_key - 1] = arguments[_key];
+    }
+
+    for (const objArr of objArrs) {
+      if ((0, _isArray.default)(objArr)) {
+        for (const item of objArr) {
+          if (!(0, _includes.default)(srcArr).call(srcArr, item)) {
+            srcArr.push(item);
+          }
+        }
+      }
+    }
+
+    return srcArr;
+  }
+
+  _notifyChange(pagination, filters, sorter, extra) {
+    pagination = pagination == null ? this._getPagination() : pagination;
+    filters = filters == null ? this._getAllFilters() : filters;
+    sorter = sorter == null ? this._getAllSorters()[0] : sorter;
+
+    if ((0, _get2.default)(this.getProp('scroll'), 'scrollToFirstRowOnChange')) {
+      this._adapter.resetScrollY();
+    }
+
+    this._adapter.notifyChange({
+      pagination: (0, _assign.default)({}, pagination),
+      filters: [...filters],
+      sorter,
+      extra: (0, _assign.default)({}, extra)
+    });
+  }
+
+  _rowExpansionIsControlled() {
+    return (0, _isArray.default)(this.getProp('expandedRowKeys'));
+  }
+
+  _pagerIsControlled() {
+    return (0, _get2.default)(this.getProp('pagination'), 'currentPage') != null;
+  }
+
+  _selectionIsControlled() {
+    return (0, _isArray.default)((0, _get2.default)(this.getProp('rowSelection'), 'selectedRowKeys'));
+  }
+  /**
+   * Determine whether the column sorting is controlled
+   * Controlled: the column passed the sortOrder prop
+   * @param {String} dataIndex
+   * @returns {Boolean}
+   */
+
+
+  _sorterIsControlled(dataIndex) {
+    // The basis for judgment should be props columns instead of cachedColumns fix#1141
+    const query = dataIndex && this.getQuery(dataIndex, this.getState('flattenColumns'));
+    return Boolean(query && query.sortOrder != null);
+  }
+  /**
+   * Determine whether the column is filtered and controlled
+   * Controlled: the column passed the filteredValue prop
+   * @param {String} dataIndex
+   * @returns {Boolean}
+   */
+
+
+  _filterIsControlled(dataIndex) {
+    const query = dataIndex && this.getQuery(dataIndex, this.getState('flattenColumns'));
+    return Boolean(query && (0, _isArray.default)(query.filteredValue));
+  }
+
+  _filterShowIsControlled(dataIndex) {
+    const query = dataIndex && this.getQuery(dataIndex, this.getState('flattenColumns'));
+    return Boolean(query && (query.filterDropdownVisible === true || query.filterDropdownVisible === false));
+  }
+
+  _getSelectedRowKeys() {
+    const rowSelection = this.getState('rowSelection');
+    const selectedRowKeys = (0, _get2.default)(rowSelection, 'selectedRowKeys', []);
+    return [...selectedRowKeys];
+  }
+
+  _getSelectedRowKeysSet() {
+    const rowSelection = this.getState('rowSelection');
+    const selectedRowKeysSet = (0, _get2.default)(rowSelection, 'selectedRowKeysSet', new _set.default());
+    return selectedRowKeysSet;
+  }
+
+  _getDataSource() {
+    return this.getProp('dataSource') || [];
+  }
+
+  _getRecord(realKey) {
+    return (0, _find3.default)(this.getProp('dataSource'), record => realKey != null && realKey !== '' && this.getRecordKey(record) === realKey);
+  }
+
+  _getRecordChildren(record) {
+    return (0, _get2.default)(record, this.getProp('childrenRecordName'));
+  }
+
+  _getPagination() {
+    return this.getState('pagination') || {};
+  }
+
+  _getAllFilters(queries) {
+    queries = queries || this.getState('queries');
+    const filters = [];
+    (0, _each2.default)(queries, query => {
+      if ((0, _isArray.default)(query.filteredValue) && (query.filteredValue.length || this._filterIsControlled(query.dataIndex))) {
+        filters.push(query);
+      }
+    });
+    return filters;
+  }
+
+  _getAllSorters(queries) {
+    queries = queries || this.getState('queries');
+    return (0, _filter3.default)(queries, query => query.sorter && query.sortOrder);
+  }
+
+  _filterQueries(targetQuery, queries) {
+    let keys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['dataIndex'];
+    queries = queries == null ? this.getState('queries') : queries;
+    const filteredQueries = [];
+    const filteredIndexes = [];
+    (0, _each2.default)(queries, (itQuery, index) => {
+      const flag = (0, _some2.default)(keys, k => k && targetQuery[k] != null && targetQuery[k] === itQuery[k]);
+
+      if (flag) {
+        filteredQueries.push(itQuery);
+        filteredIndexes.push(index);
+      }
+    });
+    return {
+      filteredQueries,
+      filteredIndexes
+    };
+  }
+
+  _mergeToQueries(query, queries) {
+    let keys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['dataIndex'];
+    queries = queries == null ? this.getState('queries') : queries;
+    queries = [...queries];
+    query = (0, _assign.default)({}, query);
+
+    const {
+      filteredQueries,
+      filteredIndexes
+    } = this._filterQueries(query, queries, keys);
+
+    (0, _each2.default)(filteredQueries, (curQuery, idx) => {
+      // assign(curQuery, query);
+      queries[filteredIndexes[idx]] = (0, _assign.default)({}, query);
+    });
+    return queries;
+  }
+  /**
+   * get record real key
+   * @param {RecordType} record
+   * @returns {string}
+   */
+
+
+  getRecordKey(record) {
+    if (!record) {
+      return undefined;
+    }
+
+    const rowKey = this.getProp('rowKey');
+    return typeof rowKey === 'function' ? rowKey(record) : (0, _get2.default)(record, rowKey);
+  }
+
+  isEmpty(dataSource) {
+    dataSource = dataSource == null ? this.getProp('dataSource') : dataSource;
+    return !((0, _isArray.default)(dataSource) && dataSource.length > 0);
+  }
+
+  handleSelectRow(realKey, selected, e) {
+    this.stopPropagation(e);
+
+    if (typeof selected === 'boolean' && realKey != null) {
+      const selectedRowKeys = this._getSelectedRowKeys();
+
+      let foundIdx = -1;
+      const selectedRow = this.getSelectedRows(null, [realKey])[0];
+      let selectedRows;
+
+      if ((foundIdx = (0, _indexOf.default)(selectedRowKeys).call(selectedRowKeys, realKey)) > -1 && selected === false) {
+        (0, _splice.default)(selectedRowKeys).call(selectedRowKeys, foundIdx, 1);
+        selectedRows = this.getSelectedRows(null, selectedRowKeys);
+
+        if (!this._selectionIsControlled()) {
+          this._adapter.setSelectedRowKeys(selectedRowKeys);
+        }
+
+        this._adapter.notifySelect(selectedRow, selected, selectedRows, e);
+
+        this._adapter.notifySelectionChange(selectedRowKeys, selectedRows);
+      } else if ((0, _indexOf.default)(selectedRowKeys).call(selectedRowKeys, realKey) === -1 && selected === true) {
+        selectedRowKeys.push(realKey);
+        selectedRows = this.getSelectedRows(null, selectedRowKeys);
+
+        if (!this._selectionIsControlled()) {
+          this._adapter.setSelectedRowKeys(selectedRowKeys);
+        }
+
+        this._adapter.notifySelect(selectedRow, selected, selectedRows, e);
+
+        this._adapter.notifySelectionChange(selectedRowKeys, selectedRows);
+      }
+    }
+  }
+  /**
+   * select all rows
+   * @param {*} selected The future state of the select all button
+   * @param {*} e
+   */
+
+
+  handleSelectAllRow(selected, e) {
+    this.stopPropagation(e);
+
+    if (typeof selected === 'boolean') {
+      const curSelectedRowKeys = this._getSelectedRowKeys();
+
+      let selectedRowKeys = [...curSelectedRowKeys];
+
+      const selectedRowKeysSet = this._getSelectedRowKeysSet();
+
+      let allRowKeys = [...this._adapter.getCachedFilteredSortedRowKeys()];
+      const disabledRowKeys = this.getAllDisabledRowKeys();
+      const disabledRowKeysSet = new _set.default(disabledRowKeys);
+      let changedRowKeys; // Select all, if not disabled && not in selectedRowKeys
+
+      if (selected) {
+        for (const key of allRowKeys) {
+          if (!disabledRowKeysSet.has(key) && !selectedRowKeysSet.has(key)) {
+            selectedRowKeys.push(key);
+          }
+        }
+
+        allRowKeys = (0, _array.pullAll)(allRowKeys, [...disabledRowKeys, ...curSelectedRowKeys]);
+        changedRowKeys = [...allRowKeys];
+      } else {
+        selectedRowKeys = (0, _array.pullAll)(selectedRowKeys, allRowKeys);
+        changedRowKeys = [...curSelectedRowKeys];
+      }
+
+      const changedRows = this.getSelectedRows(null, changedRowKeys || []);
+      const selectedRows = this.getSelectedRows(null, selectedRowKeys || []);
+
+      if (!this._selectionIsControlled()) {
+        this._adapter.setSelectedRowKeys(selectedRowKeys);
+      }
+
+      this._adapter.notifySelectAll(selected, selectedRows, changedRows, e);
+
+      this._adapter.notifySelectionChange(selectedRowKeys, selectedRows);
+    }
+  }
+  /**
+   * row keys => rows
+   * @param {*} dataSource
+   * @param {*} selectedRowKeys
+   * @param {*} selectedRowKeysSet Recursive optimization
+   */
+
+
+  getSelectedRows(dataSource, selectedRowKeys, selectedRowKeysSet) {
+    dataSource = dataSource == null ? this._getDataSource() : dataSource;
+    selectedRowKeys = selectedRowKeys == null ? this._getSelectedRowKeys() : selectedRowKeys;
+
+    if (!(0, _isSet2.default)(selectedRowKeysSet)) {
+      selectedRowKeysSet = new _set.default(selectedRowKeys);
+    }
+
+    const childrenRecordName = this.getProp('childrenRecordName');
+    const selectedRows = [];
+
+    if ((0, _isSet2.default)(selectedRowKeysSet) && selectedRowKeysSet.size && (0, _isArray.default)(dataSource) && dataSource.length) {
+      // Time complexity optimization, replace the includes operation of array with has of set
+      selectedRows.push(...(0, _filter2.default)(dataSource).call(dataSource, data => selectedRowKeysSet.has(this.getRecordKey(data))));
+
+      if (selectedRows.length < selectedRowKeys.length) {
+        for (const item of dataSource) {
+          const children = (0, _get2.default)(item, childrenRecordName);
+
+          if ((0, _isArray.default)(children) && children.length) {
+            const rows = this.getSelectedRows(children, selectedRowKeys, selectedRowKeysSet);
+            selectedRows.push(...rows);
+          }
+        }
+      }
+    }
+
+    return selectedRows;
+  }
+
+  getAllDisabledRowKeys(dataSource, getCheckboxProps) {
+    dataSource = dataSource == null ? this._getDataSource() : dataSource;
+    getCheckboxProps = getCheckboxProps == null ? (0, _get2.default)(this.getProp('rowSelection'), 'getCheckboxProps') : getCheckboxProps;
+    const childrenRecordName = this.getProp('childrenRecordName');
+    const disabledRowKeys = [];
+
+    if ((0, _isArray.default)(dataSource) && dataSource.length && typeof getCheckboxProps === 'function') {
+      for (const record of dataSource) {
+        const props = getCheckboxProps(record);
+
+        if (props && props.disabled) {
+          disabledRowKeys.push(this.getRecordKey(record));
+        }
+
+        const children = (0, _get2.default)(record, childrenRecordName);
+
+        if ((0, _isArray.default)(children) && children.length) {
+          const keys = this.getAllDisabledRowKeys(children, getCheckboxProps);
+          disabledRowKeys.push(...keys);
+        }
+      }
+    }
+
+    return disabledRowKeys;
+  }
+
+  getAllRowKeys(dataSource) {
+    dataSource = dataSource == null ? this._getDataSource() : dataSource;
+    const childrenRecordName = this.getProp('childrenRecordName');
+    const allRowKeys = [];
+
+    if ((0, _isArray.default)(dataSource) && dataSource.length) {
+      for (const record of dataSource) {
+        const childrenRowKeys = [];
+        const children = (0, _get2.default)(record, childrenRecordName);
+
+        if ((0, _isArray.default)(children) && children.length) {
+          childrenRowKeys.push(...this.getAllRowKeys(children));
+        }
+
+        allRowKeys.push(this.getRecordKey(record), ...childrenRowKeys);
+      }
+    }
+
+    return allRowKeys;
+  }
+  /**
+   * Check if the selected item is in allRowKeysSet
+   * @param {Array} selectedRowKeys
+   * @param {Set} allRowKeysSet
+   */
+
+
+  hasRowSelected(selectedRowKeys, allRowKeysSet) {
+    return Boolean((0, _isArray.default)(selectedRowKeys) && selectedRowKeys.length && (0, _isSet2.default)(allRowKeysSet) && allRowKeysSet.size && (0, _filter2.default)(selectedRowKeys).call(selectedRowKeys, key => allRowKeysSet.has(key)).length);
+  }
+  /**
+   * expand processing function
+   * @param {Boolean} expanded
+   * @param {String} realKey
+   * @param {Event} domEvent
+   */
+
+
+  handleRowExpanded(expanded, realKey, domEvent) {
+    this.stopPropagation(domEvent);
+    const expandedRowKeys = [...this.getState('expandedRowKeys')];
+    const index = (0, _indexOf.default)(expandedRowKeys).call(expandedRowKeys, realKey);
+    const keyIsValid = typeof realKey === 'string' || typeof realKey === 'number';
+
+    if (keyIsValid && expanded && index === -1) {
+      expandedRowKeys.push(realKey);
+    } else if (keyIsValid && !expanded && index > -1) {
+      (0, _splice.default)(expandedRowKeys).call(expandedRowKeys, index, 1);
+    }
+
+    if (!this._rowExpansionIsControlled()) {
+      this._adapter.setExpandedRowKeys(expandedRowKeys);
+    }
+
+    const expandedRows = this.getSelectedRows(null, expandedRowKeys);
+    let expandedRow = this.getSelectedRows(null, [realKey])[0]; // groups record processing
+
+    const groups = this._getGroups();
+
+    if (groups) {
+      // Construct group expandRow
+      if (groups.has(realKey)) {
+        expandedRow = {
+          groupKey: realKey
+        };
+      } // If expandedRowKeys includes groupKey, add to expandedRows
+
+
+      for (let i = 0, len = expandedRowKeys.length; i < len; i++) {
+        if (groups.has(realKey)) {
+          expandedRows.push({
+            groupKey: expandedRowKeys[i]
+          });
+        }
+      }
+    }
+
+    this._adapter.notifyExpand(expanded, expandedRow, domEvent);
+
+    this._adapter.notifyExpandedRowsChange(expandedRows);
+  }
+  /**
+   * get state.groups
+   * @returns {Map|Null}
+   */
+
+
+  _getGroups() {
+    const groupBy = this._adapter.getProp('groupBy');
+
+    if (groupBy !== null) {
+      const groups = this._adapter.getState('groups');
+
+      return groups;
+    }
+
+    return null;
+  }
+  /**
+   * Determine whether you have selected all except for disabled
+   * @param {Set} selectedRowKeysSet
+   * @param {Set} disabledRowKeysSet
+   * @param {Array} allKeys keys after sorted and filtered
+   */
+
+
+  allIsSelected(selectedRowKeysSet, disabledRowKeysSet, allKeys) {
+    const filteredAllKeys = (0, _filter3.default)(allKeys, key => key != null && !disabledRowKeysSet.has(key));
+
+    if (filteredAllKeys && filteredAllKeys.length) {
+      for (const key of filteredAllKeys) {
+        if (key != null && !selectedRowKeysSet.has(key)) {
+          return false;
+        }
+      }
+
+      return true;
+    } else {
+      return false;
+    }
+  }
+  /**
+   * This function is not used yet
+   * @param {*} selectedRowKeys
+   * @param {*} allKeys
+   */
+
+
+  allIsNotSelected(selectedRowKeys, allKeys) {
+    for (const key of allKeys) {
+      if (key != null && (0, _isArray.default)(selectedRowKeys) && (0, _includes.default)(selectedRowKeys).call(selectedRowKeys, key)) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  formatPaginationInfo() {
+    let pagination = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let defaultPageText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    let info = '';
+    const formatPageText = (0, _get2.default)(this.getProp('pagination'), 'formatPageText');
+    const {
+      total,
+      pageSize,
+      currentPage
+    } = pagination;
+    const currentStart = Math.min((currentPage - 1) * pageSize + 1, total);
+    const currentEnd = Math.min(currentPage * pageSize, total);
+
+    if (formatPageText || formatPageText !== false && defaultPageText && total > 0) {
+      info = typeof formatPageText === 'function' ? formatPageText({
+        currentStart,
+        currentEnd,
+        total
+      }) : defaultPageText.replace('${currentStart}', currentStart).replace('${currentEnd}', currentEnd).replace('${total}', total);
+    }
+
+    return info;
+  }
+
+  toggleShowFilter(dataIndex, visible) {
+    let filterObj = this.getQuery(dataIndex);
+    const filterDropdownVisible = visible; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+    filterObj = (0, _assign.default)((0, _assign.default)({}, filterObj), {
+      filterDropdownVisible
+    });
+
+    if (!this._filterShowIsControlled()) {// this._adapter.setQuery({
+      //     ...filterObj,
+      //     filterDropdownVisible,
+      // });
+    }
+
+    this._adapter.notifyFilterDropdownVisibleChange(filterDropdownVisible, dataIndex);
+  }
+  /**
+   * Called when the filter changes
+   * @param {*} dataIndex
+   * @param {*} data
+   */
+
+
+  handleFilterSelect(dataIndex) {
+    let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    let query = this.getQuery(dataIndex);
+    let queries = [...this._adapter.getState('queries')];
+    const {
+      filteredValue
+    } = data;
+    query = (0, _assign.default)((0, _assign.default)({}, query), {
+      filteredValue
+    });
+    queries = (0, _utils.mergeQueries)(query, queries);
+
+    const mergedQueries = this._mergeToQueries(query, null);
+
+    const filters = this._getAllFilters(mergedQueries);
+
+    if (!this._filterIsControlled(dataIndex)) {
+      this._adapter.setQueries(queries);
+
+      this.handleClickFilterOrSorter(queries);
+    }
+
+    this._notifyChange(null, filters);
+  }
+  /**
+   * Click the sort button to call
+   * @param {*} column
+   * @param {*} e
+   */
+
+
+  handleSort() {
+    let column = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let e = arguments.length > 1 ? arguments[1] : undefined;
+    this.stopPropagation(e);
+    const {
+      dataIndex
+    } = column;
+    let queries = this.getState('queries');
+    let curQuery = null;
+    queries = [...queries];
+    (0, _each2.default)(queries, (query, idx, arr) => {
+      if (query.sorter) {
+        const sorterObj = (0, _assign.default)({}, query);
+        const stateSortOrder = (0, _get2.default)(sorterObj, 'sortOrder');
+        const defaultSortOrder = (0, _get2.default)(sorterObj, 'defaultSortOrder', false);
+        let querySortOrder = this.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
+
+        if (dataIndex && dataIndex === sorterObj.dataIndex) {
+          if (querySortOrder === _constants.strings.SORT_DIRECTIONS[0]) {
+            querySortOrder = _constants.strings.SORT_DIRECTIONS[1];
+          } else if (querySortOrder === _constants.strings.SORT_DIRECTIONS[1]) {
+            querySortOrder = false;
+          } else {
+            querySortOrder = _constants.strings.SORT_DIRECTIONS[0];
+          }
+        } else {
+          // This results in the current click only supports single column sorting
+          querySortOrder = false;
+        }
+
+        arr[idx] = (0, _assign.default)((0, _assign.default)({}, sorterObj), {
+          sortOrder: querySortOrder
+        });
+
+        if (dataIndex === sorterObj.dataIndex) {
+          curQuery = arr[idx];
+        }
+      }
+    });
+
+    if (!this._sorterIsControlled(dataIndex)) {
+      this._adapter.setQueries(queries);
+
+      this.handleClickFilterOrSorter(queries);
+    } // notify sort event
+
+
+    this._notifyChange(null, null, curQuery, null);
+  }
+  /**
+   * Recalculate the cached data after clicking filter or sorter
+   * @param {*} queries
+   */
+
+
+  handleClickFilterOrSorter(queries) {
+    const dataSource = [...this.getProp('dataSource')];
+    const sortedDataSource = this.getFilteredSortedDataSource(dataSource, queries);
+    this.setCachedFilteredSortedDataSource(sortedDataSource);
+    const pageData = this.getCurrentPageData(sortedDataSource);
+    this.setAdapterPageData(pageData);
+  }
+
+  getQuery(dataIndex, queries) {
+    queries = queries || this.getState('queries');
+
+    if (dataIndex != null) {
+      return (0, _find3.default)(queries, query => query.dataIndex === dataIndex);
+    }
+
+    return undefined;
+  }
+
+  getCellWidths(flattenedColumns, flattenedWidths, ignoreScrollBarKey) {
+    return this._adapter.getCellWidths(flattenedColumns, flattenedWidths, ignoreScrollBarKey);
+  }
+
+  setHeadWidths(headWidths, index) {
+    return this._adapter.setHeadWidths(headWidths, index);
+  }
+
+  getHeadWidths(index) {
+    return this._adapter.getHeadWidths(index);
+  }
+
+  mergedRowExpandable(record) {
+    return this._adapter.mergedRowExpandable(record);
+  }
+
+  setBodyHasScrollbar(bodyHasScrollbar) {
+    this._adapter.setBodyHasScrollbar(bodyHasScrollbar);
+  }
+
+}
+
+var _default = TableFoundation;
+exports.default = _default;