@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-alpha.2

package/lib/es/table/Table.js

@@ -1,17 +1,3 @@
-import _isObject from "lodash/isObject";
-import _isFunction from "lodash/isFunction";
-import _difference from "lodash/difference";
-import _isNull from "lodash/isNull";
-import _omit from "lodash/omit";
-import _each from "lodash/each";
-import _flattenDeep from "lodash/flattenDeep";
-import _debounce from "lodash/debounce";
-import _some from "lodash/some";
-import _findIndex from "lodash/findIndex";
-import _find from "lodash/find";
-import _includes from "lodash/includes";
-import _noop from "lodash/noop";
-import _get from "lodash/get";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
@@ -55,6 +41,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { createRef, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import { get, noop, includes, find, findIndex, some, debounce, flattenDeep, each, omit, isNull, difference, isFunction, isObject } from 'lodash-es';
 import { mergeQueries, equalWith, mergeColumns, assignColumnKeys, flattenColumns, getAllDisabledRowKeys } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import Store from '@douyinfe/semi-foundation/lib/es/utils/Store';
 import TableFoundation from '@douyinfe/semi-foundation/lib/es/table/foundation';
@@ -78,41 +65,28 @@ import { logger, cloneDeep, mergeComponents } from './utils';
 
 class Table extends BaseComponent {
   constructor(props, context) {
-    var _this;
+    super(props); // TODO: notify when data don't have key
 
-    super(props);
-    _this = this;
-
-    // TODO: notify when data don't have key
     this._warnIfNoKey = () => {
-      if ((this.props.rowSelection || this.props.expandedRowRender) && _some(this.props.dataSource, record => this.foundation.getRecordKey(record) == null)) {
+      if ((this.props.rowSelection || this.props.expandedRowRender) && some(this.props.dataSource, record => this.foundation.getRecordKey(record) == null)) {
         logger.error('You must specify a key for each element in the dataSource or use "rowKey" to specify an attribute name as the primary key!');
       }
     };
 
-    this._invokeRowSelection = function (funcName) {
-      const func = _get(_this.state, ['rowSelection', funcName]);
+    this._invokeRowSelection = (funcName, ...args) => {
+      const func = get(this.state, ['rowSelection', funcName]);
 
       if (typeof func === 'function') {
-        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-          args[_key - 1] = arguments[_key];
-        }
-
         func(...args);
       }
     };
 
-    this._invokeColumnFn = function (key, funcName) {
+    this._invokeColumnFn = (key, funcName, ...args) => {
       if (key && funcName) {
-        const column = _this.foundation.getQuery(key);
-
-        const func = _get(column, funcName, null);
+        const column = this.foundation.getQuery(key);
+        const func = get(column, funcName, null);
 
         if (typeof func === 'function') {
-          for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-            args[_key2 - 2] = arguments[_key2];
-          }
-
           func(...args);
         }
       }
@@ -141,29 +115,19 @@ class Table extends BaseComponent {
     this.getColumns = (columns, children) => !_Array$isArray(columns) || !columns || !columns.length ? getColumns(children) : columns; // @ts-ignore
 
 
-    this.getCellWidths = function () {
-      return _this.foundation.getCellWidths(...arguments);
-    }; // @ts-ignore
+    this.getCellWidths = (...args) => this.foundation.getCellWidths(...args); // @ts-ignore
 
 
-    this.setHeadWidths = function () {
-      return _this.foundation.setHeadWidths(...arguments);
-    }; // @ts-ignore
+    this.setHeadWidths = (...args) => this.foundation.setHeadWidths(...args); // @ts-ignore
 
 
-    this.getHeadWidths = function () {
-      return _this.foundation.getHeadWidths(...arguments);
-    }; // @ts-ignore
+    this.getHeadWidths = (...args) => this.foundation.getHeadWidths(...args); // @ts-ignore
 
 
-    this.mergedRowExpandable = function () {
-      return _this.foundation.mergedRowExpandable(...arguments);
-    }; // @ts-ignore
+    this.mergedRowExpandable = (...args) => this.foundation.mergedRowExpandable(...args); // @ts-ignore
 
 
-    this.setBodyHasScrollbar = function () {
-      return _this.foundation.setBodyHasScrollbar(...arguments);
-    };
+    this.setBodyHasScrollbar = (...args) => this.foundation.setBodyHasScrollbar(...args);
 
     this.handleWheel = event => {
       const {
@@ -269,13 +233,13 @@ class Table extends BaseComponent {
       if (tableNode && tableNode.nodeType) {
         if (position === 'both') {
           const acceptPosition = ["".concat(prefixCls, "-scroll-position-left"), "".concat(prefixCls, "-scroll-position-right")];
-          tableNode.classList.remove(..._difference(positionAll, acceptPosition));
+          tableNode.classList.remove(...difference(positionAll, acceptPosition));
           tableNode.classList.add(...acceptPosition);
         } else {
           var _context2;
 
           const acceptPosition = [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-scroll-position-")).call(_context2, position)];
-          tableNode.classList.remove(..._difference(positionAll, acceptPosition));
+          tableNode.classList.remove(...difference(positionAll, acceptPosition));
           tableNode.classList.add(...acceptPosition);
         }
       }
@@ -308,13 +272,11 @@ class Table extends BaseComponent {
       }
     };
 
-    this.renderSelection = function () {
-      let record = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      let inHeader = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    this.renderSelection = (record = {}, inHeader = false) => {
       const {
         rowSelection,
         disabledRowKeysSet
-      } = _this.state;
+      } = this.state;
 
       if (rowSelection && typeof rowSelection === 'object') {
         const {
@@ -325,27 +287,22 @@ class Table extends BaseComponent {
         } = rowSelection;
 
         if (inHeader) {
-          const columnKey = _get(rowSelection, 'key', strings.DEFAULT_KEY_COLUMN_SELECTION);
-
-          const allRowKeys = _this.cachedFilteredSortedRowKeys;
-          const allRowKeysSet = _this.cachedFilteredSortedRowKeysSet;
-
-          const allIsSelected = _this.foundation.allIsSelected(selectedRowKeysSet, disabledRowKeysSet, allRowKeys);
-
-          const hasRowSelected = _this.foundation.hasRowSelected(selectedRowKeys, allRowKeysSet);
-
+          const columnKey = get(rowSelection, 'key', strings.DEFAULT_KEY_COLUMN_SELECTION);
+          const allRowKeys = this.cachedFilteredSortedRowKeys;
+          const allRowKeysSet = this.cachedFilteredSortedRowKeysSet;
+          const allIsSelected = this.foundation.allIsSelected(selectedRowKeysSet, disabledRowKeysSet, allRowKeys);
+          const hasRowSelected = this.foundation.hasRowSelected(selectedRowKeys, allRowKeysSet);
           return /*#__PURE__*/React.createElement(ColumnSelection, {
             disabled: disabled,
             key: columnKey,
             selected: allIsSelected,
             indeterminate: hasRowSelected && !allIsSelected,
             onChange: (status, e) => {
-              _this.toggleSelectAllRow(status, e);
+              this.toggleSelectAllRow(status, e);
             }
           });
         } else {
-          const key = _this.foundation.getRecordKey(record);
-
+          const key = this.foundation.getRecordKey(record);
           const selected = selectedRowKeysSet.has(key);
 
           const checkboxPropsFn = () => typeof getCheckboxProps === 'function' ? getCheckboxProps(record) : {};
@@ -353,7 +310,7 @@ class Table extends BaseComponent {
           return /*#__PURE__*/React.createElement(ColumnSelection, {
             getCheckboxProps: checkboxPropsFn,
             selected: selected,
-            onChange: (status, e) => _this.toggleSelectRow(status, key, e)
+            onChange: (status, e) => this.toggleSelectRow(status, key, e)
           });
         }
       }
@@ -361,15 +318,11 @@ class Table extends BaseComponent {
       return null;
     };
 
-    this.renderRowSelectionCallback = function (text) {
-      let record = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return _this.renderSelection(record);
-    };
+    this.renderRowSelectionCallback = (text, record = {}) => this.renderSelection(record);
 
     this.renderTitleSelectionCallback = () => this.renderSelection(null, true);
 
-    this.normalizeSelectionColumn = function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this.normalizeSelectionColumn = (props = {}) => {
       const {
         rowSelection,
         prefixCls
@@ -382,21 +335,20 @@ class Table extends BaseComponent {
           key: strings.DEFAULT_KEY_COLUMN_SELECTION
         };
 
-        if (_isObject(rowSelection)) {
-          column = _Object$assign(_Object$assign({}, column), _omit(rowSelection, needOmitSelectionKey));
+        if (isObject(rowSelection)) {
+          column = _Object$assign(_Object$assign({}, column), omit(rowSelection, needOmitSelectionKey));
         }
 
         column.className = classnames(column.className, "".concat(prefixCls, "-column-selection"));
-        column.title = _this.renderTitleSelectionCallback;
-        column.render = _this.renderRowSelectionCallback;
+        column.title = this.renderTitleSelectionCallback;
+        column.render = this.renderRowSelectionCallback;
       }
 
       return column;
     }; // If there is a scroll bar, manually construct a column and insert it into the header
 
 
-    this.normalizeScrollbarColumn = function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this.normalizeScrollbarColumn = (props = {}) => {
       const {
         scrollbarWidth = 0
       } = props;
@@ -415,33 +367,27 @@ class Table extends BaseComponent {
      */
 
 
-    this.renderExpandIcon = function () {
-      let record = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      let isNested = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      let groupKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    this.renderExpandIcon = (record = {}, isNested = false, groupKey = null) => {
       const {
         expandedRowKeys
-      } = _this.state;
+      } = this.state;
       const {
         expandIcon
-      } = _this.props;
-      const key = typeof groupKey === 'string' || typeof groupKey === 'number' ? groupKey : _this.foundation.getRecordKey(record);
+      } = this.props;
+      const key = typeof groupKey === 'string' || typeof groupKey === 'number' ? groupKey : this.foundation.getRecordKey(record);
       return /*#__PURE__*/React.createElement(ExpandedIcon, {
         key: key,
         componentType: isNested ? 'tree' : 'expand',
-        expanded: _includes(expandedRowKeys, key),
+        expanded: includes(expandedRowKeys, key),
         expandIcon: expandIcon,
-        onClick: (expanded, e) => _this.handleRowExpanded(expanded, key, e)
+        onClick: (expanded, e) => this.handleRowExpanded(expanded, key, e)
       });
     }; // @ts-ignore
 
 
-    this.handleRowExpanded = function () {
-      return _this.foundation.handleRowExpanded(...arguments);
-    };
+    this.handleRowExpanded = (...args) => this.foundation.handleRowExpanded(...args);
 
-    this.normalizeExpandColumn = function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this.normalizeExpandColumn = (props = {}) => {
       let column = null;
       const {
         prefixCls,
@@ -453,12 +399,7 @@ class Table extends BaseComponent {
         key: strings.DEFAULT_KEY_COLUMN_EXPAND
       };
       column.className = classnames(column.className, "".concat(prefixCls, "-column-expand"));
-      column.render = expandIcon !== false ? function () {
-        let text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-        let record = arguments.length > 1 ? arguments[1] : undefined;
-        let index = arguments.length > 2 ? arguments[2] : undefined;
-        return _this.adapter.mergedRowExpandable(record) ? _this.renderExpandIcon(record) : null;
-      } : () => null;
+      column.render = expandIcon !== false ? (text = '', record, index) => this.adapter.mergedRowExpandable(record) ? this.renderExpandIcon(record) : null : () => null;
       return column;
     };
     /**
@@ -468,36 +409,30 @@ class Table extends BaseComponent {
       */
 
 
-    this.addFnsInColumn = function () {
-      let column = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
+    this.addFnsInColumn = (column = {}) => {
       if (column && (column.sorter || column.filters || column.useFullRender)) {
         const {
           dataIndex,
           title: rawTitle,
           useFullRender
         } = column;
-
-        const curQuery = _this.foundation.getQuery(dataIndex);
-
+        const curQuery = this.foundation.getQuery(dataIndex);
         const titleMap = {};
         const titleArr = []; // useFullRender adds select buttons to each column
 
         if (useFullRender) {
-          titleMap.selection = _this.renderSelection(null, true);
+          titleMap.selection = this.renderSelection(null, true);
         }
 
-        const stateSortOrder = _get(curQuery, 'sortOrder');
-
-        const defaultSortOrder = _get(curQuery, 'defaultSortOrder', false);
-
-        const sortOrder = _this.foundation.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
+        const stateSortOrder = get(curQuery, 'sortOrder');
+        const defaultSortOrder = get(curQuery, 'defaultSortOrder', false);
+        const sortOrder = this.foundation.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
 
         if (typeof column.sorter === 'function' || column.sorter === true) {
           const sorter = /*#__PURE__*/React.createElement(ColumnSorter, {
             key: strings.DEFAULT_KEY_COLUMN_SORTER,
             sortOrder: sortOrder,
-            onClick: e => _this.foundation.handleSort(column, e)
+            onClick: e => this.foundation.handleSort(column, e)
           });
           useFullRender && (titleMap.sorter = sorter);
           titleArr.push(sorter);
@@ -507,8 +442,8 @@ class Table extends BaseComponent {
           const filter = /*#__PURE__*/React.createElement(ColumnFilter, _Object$assign({
             key: strings.DEFAULT_KEY_COLUMN_FILTER
           }, curQuery, {
-            onFilterDropdownVisibleChange: visible => _this.foundation.toggleShowFilter(dataIndex, visible),
-            onSelect: data => _this.foundation.handleFilterSelect(dataIndex, data)
+            onFilterDropdownVisibleChange: visible => this.foundation.toggleShowFilter(dataIndex, visible),
+            onSelect: data => this.foundation.handleFilterSelect(dataIndex, data)
           }));
           useFullRender && (titleMap.filter = filter);
           titleArr.push(filter);
@@ -557,8 +492,7 @@ class Table extends BaseComponent {
       });
     };
 
-    this.renderTitle = function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this.renderTitle = (props = {}) => {
       let {
         title
       } = props;
@@ -576,16 +510,14 @@ class Table extends BaseComponent {
       }, title) : null;
     };
 
-    this.renderEmpty = function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this.renderEmpty = (props = {}) => {
       const {
         prefixCls,
         empty,
         dataSource
       } = props;
       const wrapCls = "".concat(prefixCls, "-placeholder");
-
-      const isEmpty = _this.foundation.isEmpty(dataSource);
+      const isEmpty = this.foundation.isEmpty(dataSource);
 
       if (!isEmpty) {
         return null;
@@ -601,8 +533,7 @@ class Table extends BaseComponent {
       }, empty || locale.emptyText)));
     };
 
-    this.renderFooter = function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this.renderFooter = (props = {}) => {
       let {
         footer
       } = props;
@@ -653,9 +584,7 @@ class Table extends BaseComponent {
         bodyHasScrollBar,
         disabledRowKeysSet
       } = props;
-
-      const selectedRowKeysSet = _get(rowSelection, 'selectedRowKeysSet', new _Set());
-
+      const selectedRowKeysSet = get(rowSelection, 'selectedRowKeysSet', new _Set());
       const headTable = fixed || useFixedHeader ? /*#__PURE__*/React.createElement(HeadTable, {
         key: "head",
         anyColumnFixed: anyColumnFixed,
@@ -671,7 +600,7 @@ class Table extends BaseComponent {
         dataSource: dataSource,
         bodyHasScrollBar: bodyHasScrollBar
       }) : null;
-      const bodyTable = /*#__PURE__*/React.createElement(BodyTable, _Object$assign({}, _omit(props, ['rowSelection', 'headWidths']), {
+      const bodyTable = /*#__PURE__*/React.createElement(BodyTable, _Object$assign({}, omit(props, ['rowSelection', 'headWidths']), {
         key: "body",
         ref: bodyRef,
         columns: filteredColumns,
@@ -721,13 +650,10 @@ class Table extends BaseComponent {
       const childrenColumnName = 'children';
       let columns = cloneDeep(cachedColumns); // eslint-disable-next-line @typescript-eslint/no-shadow
 
-      const addFns = function () {
-        let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
+      const addFns = (columns = []) => {
         if (_Array$isArray(columns) && columns.length) {
-          _each(columns, (column, index, originColumns) => {
-            const newColumn = _this.addFnsInColumn(column);
-
+          each(columns, (column, index, originColumns) => {
+            const newColumn = this.addFnsInColumn(column);
             const children = column[childrenColumnName];
 
             if (_Array$isArray(children) && children.length) {
@@ -749,8 +675,7 @@ class Table extends BaseComponent {
           expandCellFixed,
           expandIcon
         });
-
-        const destIndex = _findIndex(columns, item => item.key === strings.DEFAULT_KEY_COLUMN_EXPAND);
+        const destIndex = findIndex(columns, item => item.key === strings.DEFAULT_KEY_COLUMN_EXPAND);
 
         if (column) {
           if (destIndex > -1) {
@@ -764,9 +689,8 @@ class Table extends BaseComponent {
       } // selection column
 
 
-      if (rowSelection && !_get(rowSelection, 'hidden')) {
-        const destIndex = _findIndex(columns, item => item.key === strings.DEFAULT_KEY_COLUMN_SELECTION);
-
+      if (rowSelection && !get(rowSelection, 'hidden')) {
+        const destIndex = findIndex(columns, item => item.key === strings.DEFAULT_KEY_COLUMN_SELECTION);
         const column = this.normalizeSelectionColumn({
           rowSelection,
           prefixCls
@@ -829,7 +753,7 @@ class Table extends BaseComponent {
       dataSource: [],
       flattenData: [],
       expandedRowKeys: [...(props.expandedRowKeys || []), ...(props.defaultExpandedRowKeys || [])],
-      rowSelection: props.rowSelection ? _isObject(props.rowSelection) ? _Object$assign({}, props.rowSelection) : {} : null,
+      rowSelection: props.rowSelection ? isObject(props.rowSelection) ? _Object$assign({}, props.rowSelection) : {} : null,
       pagination: props.pagination && typeof props.pagination === 'object' ? _Object$assign({}, props.pagination) : props.pagination || false,
 
       /**
@@ -852,15 +776,13 @@ class Table extends BaseComponent {
       hoveredRowKey: null
     });
     this.setScrollPosition('left');
-    this.debouncedWindowResize = _debounce(this.handleWindowResize, 150);
+    this.debouncedWindowResize = debounce(this.handleWindowResize, 150);
     this.cachedFilteredSortedDataSource = [];
     this.cachedFilteredSortedRowKeys = [];
     this.cachedFilteredSortedRowKeysSet = new _Set();
   }
 
   get adapter() {
-    var _this2 = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
       resetScrollY: () => {
         if (this.bodyWrapRef.current) {
@@ -912,12 +834,10 @@ class Table extends BaseComponent {
       setExpandedRowKeys: expandedRowKeys => this.setState({
         expandedRowKeys: [...expandedRowKeys]
       }),
-      setQuery: function () {
-        let query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        let queries = [..._this2.state.queries];
+      setQuery: (query = {}) => {
+        let queries = [...this.state.queries];
         queries = mergeQueries(query, queries);
-
-        _this2.setState({
+        this.setState({
           queries
         });
       },
@@ -943,67 +863,35 @@ class Table extends BaseComponent {
         this.cachedFilteredSortedRowKeys = filteredSortedRowKeys;
         this.cachedFilteredSortedRowKeysSet = new _Set(filteredSortedRowKeys);
       },
-      getCurrentPage: () => _get(this.state, 'pagination.currentPage', 1),
-      getCurrentPageSize: () => _get(this.state, 'pagination.pageSize', numbers.DEFAULT_PAGE_SIZE),
+      getCurrentPage: () => get(this.state, 'pagination.currentPage', 1),
+      getCurrentPageSize: () => get(this.state, 'pagination.pageSize', numbers.DEFAULT_PAGE_SIZE),
       getCachedFilteredSortedDataSource: () => this.cachedFilteredSortedDataSource,
       getCachedFilteredSortedRowKeys: () => this.cachedFilteredSortedRowKeys,
       getCachedFilteredSortedRowKeysSet: () => this.cachedFilteredSortedRowKeysSet,
       notifyFilterDropdownVisibleChange: (visible, dataIndex) => this._invokeColumnFn(dataIndex, 'onFilterDropdownVisibleChange', visible),
-      notifyChange: function () {
-        return _this2.props.onChange(...arguments);
-      },
-      notifyExpand: function () {
-        return _this2.props.onExpand(...arguments);
-      },
-      notifyExpandedRowsChange: function () {
-        return _this2.props.onExpandedRowsChange(...arguments);
-      },
-      notifySelect: function () {
-        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          args[_key3] = arguments[_key3];
-        }
-
-        return _this2._invokeRowSelection('onSelect', ...args);
-      },
-      notifySelectAll: function () {
-        for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-          args[_key4] = arguments[_key4];
-        }
-
-        return _this2._invokeRowSelection('onSelectAll', ...args);
-      },
-      notifySelectInvert: function () {
-        for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-          args[_key5] = arguments[_key5];
-        }
-
-        return _this2._invokeRowSelection('onSelectInvert', ...args);
-      },
-      notifySelectionChange: function () {
-        for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
-          args[_key6] = arguments[_key6];
-        }
-
-        return _this2._invokeRowSelection('onChange', ...args);
-      },
-      isAnyColumnFixed: columns => _some(this.getColumns(columns || this.props.columns, this.props.children), column => Boolean(column.fixed)),
+      notifyChange: (...args) => this.props.onChange(...args),
+      notifyExpand: (...args) => this.props.onExpand(...args),
+      notifyExpandedRowsChange: (...args) => this.props.onExpandedRowsChange(...args),
+      notifySelect: (...args) => this._invokeRowSelection('onSelect', ...args),
+      notifySelectAll: (...args) => this._invokeRowSelection('onSelectAll', ...args),
+      notifySelectInvert: (...args) => this._invokeRowSelection('onSelectInvert', ...args),
+      notifySelectionChange: (...args) => this._invokeRowSelection('onChange', ...args),
+      isAnyColumnFixed: columns => some(this.getColumns(columns || this.props.columns, this.props.children), column => Boolean(column.fixed)),
       useFixedHeader: () => {
         const {
           scroll
         } = this.props;
 
-        if (_get(scroll, 'y')) {
+        if (get(scroll, 'y')) {
           return true;
         }
 
         return false;
       },
-      setHeadWidths: function (headWidths) {
-        let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
-        if (!equalWith(_this2.state.headWidths[index], headWidths)) {
+      setHeadWidths: (headWidths, index = 0) => {
+        if (!equalWith(this.state.headWidths[index], headWidths)) {
           // The map call depends on the last state
-          _this2.setState(state => {
+          this.setState(state => {
             const newHeadWidths = [...state.headWidths];
             newHeadWidths[index] = [...headWidths];
             return {
@@ -1012,27 +900,22 @@ class Table extends BaseComponent {
           });
         }
       },
-      getHeadWidths: function () {
-        let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-
-        if (_this2.state.headWidths.length && typeof index === 'number') {
-          const configs = _this2.state.headWidths[index] || [];
+      getHeadWidths: (index = 0) => {
+        if (this.state.headWidths.length && typeof index === 'number') {
+          const configs = this.state.headWidths[index] || [];
           return _mapInstanceProperty(configs).call(configs, item => item.width);
         }
 
         return [];
       },
       // This method is called by row rendering function
-      getCellWidths: function (flattenedColumns) {
-        let flattenedWidths = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-        let ignoreScrollBarKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
+      getCellWidths: (flattenedColumns, flattenedWidths = null, ignoreScrollBarKey = false) => {
         if (_Array$isArray(flattenedColumns) && flattenedColumns.length) {
-          flattenedWidths = flattenedWidths == null && _this2.state.headWidths.length ? _flattenDeep(_this2.state.headWidths) : [];
+          flattenedWidths = flattenedWidths == null && this.state.headWidths.length ? flattenDeep(this.state.headWidths) : [];
 
           if (_Array$isArray(flattenedWidths) && flattenedWidths.length) {
             return _reduceInstanceProperty(flattenedColumns).call(flattenedColumns, (result, column) => {
-              const found = column.key === strings.DEFAULT_KEY_COLUMN_SCROLLBAR && ignoreScrollBarKey ? null : _find(flattenedWidths, item => item && item.key != null && item.key === column.key);
+              const found = column.key === strings.DEFAULT_KEY_COLUMN_SCROLLBAR && ignoreScrollBarKey ? null : find(flattenedWidths, item => item && item.key != null && item.key === column.key);
 
               if (found) {
                 result.push(found.width);
@@ -1051,9 +934,7 @@ class Table extends BaseComponent {
           childrenRecordName,
           rowExpandable
         } = this.props;
-
-        const children = _get(record, childrenRecordName);
-
+        const children = get(record, childrenRecordName);
         const hasExpandedRowRender = typeof expandedRowRender === 'function';
         const hasRowExpandable = typeof rowExpandable === 'function';
         const hasChildren = _Array$isArray(children) && children.length;
@@ -1061,7 +942,7 @@ class Table extends BaseComponent {
         const looseExpandableResult = !hasRowExpandable || strictExpandableResult;
         return (hasExpandedRowRender || hasChildren) && looseExpandableResult || !(hasExpandedRowRender || hasChildren) && strictExpandableResult;
       },
-      isAnyColumnUseFullRender: columns => _some(columns, column => Boolean(column.useFullRender)),
+      isAnyColumnUseFullRender: columns => some(columns, column => Boolean(column.useFullRender)),
       getNormalizeColumns: () => this.normalizeColumns,
       getHandleColumns: () => this.handleColumns,
       getMergePagination: () => this.mergePagination,
@@ -1104,24 +985,23 @@ class Table extends BaseComponent {
     if (rowSelection !== state.prePropRowSelection) {
       let newSelectionStates = {};
 
-      if (_isObject(state.rowSelection)) {
+      if (isObject(state.rowSelection)) {
         newSelectionStates = _Object$assign(_Object$assign({}, newSelectionStates), state.rowSelection);
       }
 
-      if (_isObject(rowSelection)) {
+      if (isObject(rowSelection)) {
         newSelectionStates = _Object$assign(_Object$assign({}, newSelectionStates), rowSelection);
       }
 
-      const selectedRowKeys = _get(rowSelection, 'selectedRowKeys');
-
-      const getCheckboxProps = _get(rowSelection, 'getCheckboxProps');
+      const selectedRowKeys = get(rowSelection, 'selectedRowKeys');
+      const getCheckboxProps = get(rowSelection, 'getCheckboxProps');
 
       if (selectedRowKeys && _Array$isArray(selectedRowKeys)) {
         newSelectionStates.selectedRowKeysSet = new _Set(selectedRowKeys);
       } // The return value of getCheckboxProps affects the disabled rows
 
 
-      if (_isFunction(getCheckboxProps)) {
+      if (isFunction(getCheckboxProps)) {
         const disabledRowKeys = getAllDisabledRowKeys({
           dataSource,
           getCheckboxProps,
@@ -1207,7 +1087,7 @@ class Table extends BaseComponent {
 
 
     if (pagination !== prevProps.pagination) {
-      states.pagination = _isObject(pagination) ? _Object$assign({}, pagination) : pagination;
+      states.pagination = isObject(pagination) ? _Object$assign({}, pagination) : pagination;
     }
     /**
      * After dataSource is updated || (cachedColumns || cachedChildren updated)
@@ -1225,7 +1105,7 @@ class Table extends BaseComponent {
       states.dataSource = filteredSortedDataSource;
 
       if (pagination === prevProps.pagination) {
-        states.pagination = _isObject(pagination) ? _Object$assign({}, pagination) : pagination;
+        states.pagination = isObject(pagination) ? _Object$assign({}, pagination) : pagination;
       }
 
       if (this.props.groupBy) {
@@ -1331,7 +1211,7 @@ class Table extends BaseComponent {
       */
 
     if (!this.adapter.isAnyColumnUseFullRender(queries)) {
-      const rowSelectionUpdate = propRowSelection && !_get(propRowSelection, 'hidden');
+      const rowSelectionUpdate = propRowSelection && !get(propRowSelection, 'hidden');
       columns = this.foundation.memoizedWithFnsColumns(queries, cachedColumns, rowSelectionUpdate, hideExpandedColumn, // Update the columns after the body scrollbar changes to ensure that the head and body are aligned
       bodyHasScrollBar);
     } else {
@@ -1349,7 +1229,7 @@ class Table extends BaseComponent {
      * The reason is that #1007 exposes the parameters required by getCurrentPageData in the constructor
      */
 
-    if (_isNull(dataSource)) {
+    if (isNull(dataSource)) {
       const pageData = this.foundation.getCurrentPageData(this.props.dataSource);
       dataSource = pageData.dataSource;
       pagination = pageData.pagination;
@@ -1375,9 +1255,8 @@ class Table extends BaseComponent {
       filteredColumns
     });
 
-    const x = _get(scroll, 'x');
-
-    const y = _get(scroll, 'y');
+    const x = get(scroll, 'x');
+    const y = get(scroll, 'y');
 
     if (virtualized) {
       if (typeof wrapStyle.width !== 'number') {
@@ -1396,8 +1275,7 @@ class Table extends BaseComponent {
     }); // pagination
 
     const tablePagination = pagination && propPagination ? this.renderPagination(pagination, propRenderPagination) : null;
-
-    const paginationPosition = _get(propPagination, 'position', 'bottom');
+    const paginationPosition = get(propPagination, 'position', 'bottom');
 
     const tableContextValue = _Object$assign(_Object$assign({}, this.context), {
       headWidths,
@@ -1508,7 +1386,7 @@ Table.defaultProps = {
   hideExpandedColumn: true,
   showHeader: true,
   indentSize: numbers.DEFAULT_INDENT_WIDTH,
-  onChange: _noop,
+  onChange: noop,
   pagination: true,
   rowKey: 'key',
   defaultExpandedRowKeys: [],
@@ -1516,9 +1394,9 @@ Table.defaultProps = {
   defaultExpandAllGroupRows: false,
   expandAllRows: false,
   expandAllGroupRows: false,
-  onFilterDropdownVisibleChange: _noop,
-  onExpand: _noop,
-  onExpandedRowsChange: _noop,
+  onFilterDropdownVisibleChange: noop,
+  onExpand: noop,
+  onExpandedRowsChange: noop,
   expandRowByClick: false
 };
 export default Table;