@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-beta.3

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';
@@ -85,13 +72,13 @@ class Table extends BaseComponent {
 
     // 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]);
+      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++) {
@@ -106,7 +93,7 @@ class Table extends BaseComponent {
       if (key && funcName) {
         const column = _this.foundation.getQuery(key);
 
-        const func = _get(column, funcName, null);
+        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++) {
@@ -269,13 +256,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);
         }
       }
@@ -325,8 +312,7 @@ class Table extends BaseComponent {
         } = rowSelection;
 
         if (inHeader) {
-          const columnKey = _get(rowSelection, 'key', strings.DEFAULT_KEY_COLUMN_SELECTION);
-
+          const columnKey = get(rowSelection, 'key', strings.DEFAULT_KEY_COLUMN_SELECTION);
           const allRowKeys = _this.cachedFilteredSortedRowKeys;
           const allRowKeysSet = _this.cachedFilteredSortedRowKeysSet;
 
@@ -382,8 +368,8 @@ 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"));
@@ -429,7 +415,7 @@ class Table extends BaseComponent {
       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)
       });
@@ -487,10 +473,8 @@ class Table extends BaseComponent {
           titleMap.selection = _this.renderSelection(null, true);
         }
 
-        const stateSortOrder = _get(curQuery, 'sortOrder');
-
-        const defaultSortOrder = _get(curQuery, 'defaultSortOrder', false);
-
+        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) {
@@ -653,9 +637,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 +653,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,
@@ -725,7 +707,7 @@ class Table extends BaseComponent {
         let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
 
         if (_Array$isArray(columns) && columns.length) {
-          _each(columns, (column, index, originColumns) => {
+          each(columns, (column, index, originColumns) => {
             const newColumn = _this.addFnsInColumn(column);
 
             const children = column[childrenColumnName];
@@ -749,8 +731,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 +745,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 +809,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,7 +832,7 @@ 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();
@@ -943,8 +923,8 @@ 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,
@@ -986,13 +966,13 @@ class Table extends BaseComponent {
 
         return _this2._invokeRowSelection('onChange', ...args);
       },
-      isAnyColumnFixed: columns => _some(this.getColumns(columns || this.props.columns, this.props.children), column => Boolean(column.fixed)),
+      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;
         }
 
@@ -1028,11 +1008,11 @@ class Table extends BaseComponent {
         let ignoreScrollBarKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
 
         if (_Array$isArray(flattenedColumns) && flattenedColumns.length) {
-          flattenedWidths = flattenedWidths == null && _this2.state.headWidths.length ? _flattenDeep(_this2.state.headWidths) : [];
+          flattenedWidths = flattenedWidths == null && _this2.state.headWidths.length ? flattenDeep(_this2.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 +1031,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 +1039,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 +1082,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 +1184,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 +1202,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 +1308,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 +1326,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 +1352,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 +1372,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 +1483,7 @@ Table.defaultProps = {
   hideExpandedColumn: true,
   showHeader: true,
   indentSize: numbers.DEFAULT_INDENT_WIDTH,
-  onChange: _noop,
+  onChange: noop,
   pagination: true,
   rowKey: 'key',
   defaultExpandedRowKeys: [],
@@ -1516,9 +1491,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;

package/lib/es/table/TableCell.js

@@ -1,9 +1,3 @@
-import _merge from "lodash/merge";
-import _isEqual from "lodash/isEqual";
-import _omit from "lodash/omit";
-import _set from "lodash/set";
-import _noop from "lodash/noop";
-import _get from "lodash/get";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
@@ -13,6 +7,7 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React, { createRef, Fragment } from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
+import { get, noop, set, omit, isEqual, merge } from 'lodash-es';
 import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import TableCellFoundation from '@douyinfe/semi-foundation/lib/es/table/cellFoundation';
 import { isSelectionColumn, isExpandedColumn } from '@douyinfe/semi-foundation/lib/es/table/utils';
@@ -90,16 +85,14 @@ export default class TableCell extends BaseComponent {
 
     const columnHasExpandIcon = isExpandedColumn(column) || expandIcon;
 
-    if ((cellInSelectionColumn || columnHasExpandIcon) && !_isEqual(nextProps, this.props)) {
+    if ((cellInSelectionColumn || columnHasExpandIcon) && !isEqual(nextProps, this.props)) {
       return true;
     } else {
       const omitProps = ['selected', 'expanded', 'expandIcon', 'disabled'];
+      const propsOmitSelected = omit(props, omitProps);
+      const nextPropsOmitSelected = omit(nextProps, omitProps);
 
-      const propsOmitSelected = _omit(props, omitProps);
-
-      const nextPropsOmitSelected = _omit(nextProps, omitProps);
-
-      if (!_isEqual(nextPropsOmitSelected, propsOmitSelected)) {
+      if (!isEqual(nextPropsOmitSelected, propsOmitSelected)) {
         return true;
       }
     }
@@ -127,24 +120,24 @@ export default class TableCell extends BaseComponent {
     const fixedRightFlag = fixedRight || typeof fixedRight === 'number';
 
     if (fixedLeftFlag) {
-      _set(tdProps, 'style.left', typeof fixedLeft === 'number' ? fixedLeft : 0);
+      set(tdProps, 'style.left', typeof fixedLeft === 'number' ? fixedLeft : 0);
     } else if (fixedRightFlag) {
-      _set(tdProps, 'style.right', typeof fixedRight === 'number' ? fixedRight : 0);
+      set(tdProps, 'style.right', typeof fixedRight === 'number' ? fixedRight : 0);
     }
 
     if (width != null) {
-      _set(tdProps, 'style.width', width);
+      set(tdProps, 'style.width', width);
     }
 
     if (height != null) {
-      _set(tdProps, 'style.height', height);
+      set(tdProps, 'style.height', height);
     }
 
     if (column.onCell) {
       customCellProps = column.onCell(record, index);
       this.adapter.setCache('customCellProps', _Object$assign({}, customCellProps));
-      tdProps = _Object$assign(_Object$assign({}, tdProps), _omit(customCellProps, ['style', 'className', 'onClick']));
-      const customCellStyle = _get(customCellProps, 'style') || {};
+      tdProps = _Object$assign(_Object$assign({}, tdProps), omit(customCellProps, ['style', 'className', 'onClick']));
+      const customCellStyle = get(customCellProps, 'style') || {};
       tdProps.style = _Object$assign(_Object$assign({}, tdProps.style), customCellStyle);
     }
 
@@ -186,11 +179,11 @@ export default class TableCell extends BaseComponent {
     let text, colSpan, rowSpan;
 
     if (typeof dataIndex === 'number') {
-      text = _get(record, dataIndex);
+      text = get(record, dataIndex);
     } else if (!dataIndex || dataIndex.length === 0) {
       text = record;
     } else {
-      text = _get(record, dataIndex);
+      text = get(record, dataIndex);
     }
 
     const indentText = indent && indentSize ? /*#__PURE__*/React.createElement("span", {
@@ -223,7 +216,7 @@ export default class TableCell extends BaseComponent {
 
       if (isInvalidRenderCellText(text)) {
         // eslint-disable-next-line no-param-reassign
-        tdProps = text.props ? _merge(tdProps, text.props) : tdProps;
+        tdProps = text.props ? merge(tdProps, text.props) : tdProps;
         colSpan = tdProps.colSpan;
         rowSpan = tdProps.rowSpan;
         text = text.children;
@@ -320,7 +313,7 @@ export default class TableCell extends BaseComponent {
     }
 
     const inner = this.renderInner(text, indentText, realExpandIcon);
-    const columnCls = classnames(className, "".concat(prefixCls, "-row-cell"), _get(customCellProps, 'className'), {
+    const columnCls = classnames(className, "".concat(prefixCls, "-row-cell"), get(customCellProps, 'className'), {
       ["".concat(prefixCls, "-cell-fixed-left")]: fixedLeftFlag,
       ["".concat(prefixCls, "-cell-fixed-left-last")]: lastFixedLeft,
       ["".concat(prefixCls, "-cell-fixed-right")]: fixedRightFlag,
@@ -339,10 +332,10 @@ TableCell.contextType = Context;
 TableCell.defaultProps = {
   indent: 0,
   indentSize: numbers.DEFAULT_INDENT_WIDTH,
-  onClick: _noop,
+  onClick: noop,
   prefixCls: cssClasses.PREFIX,
   component: 'td',
-  onDidUpdate: _noop,
+  onDidUpdate: noop,
   column: {}
 };
 TableCell.propTypes = {

package/lib/es/table/TableHeader.js

@@ -1,5 +1,3 @@
-import _isFunction from "lodash/isFunction";
-import _noop from "lodash/noop";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
@@ -11,6 +9,7 @@ import React from 'react';
 import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
+import { noop, isFunction } from 'lodash-es';
 import TableHeaderRow from './TableHeaderRow';
 
 function parseHeaderRows(columns) {
@@ -28,7 +27,7 @@ function parseHeaderRows(columns) {
       const cell = {
         key: column.key,
         className: column.className || '',
-        children: _isFunction(column.title) ? column.title() : column.title,
+        children: isFunction(column.title) ? column.title() : column.title,
         column,
         colStart: currentColIndex,
         level,
@@ -154,8 +153,8 @@ TableHeader.propTypes = {
 TableHeader.defaultProps = {
   columns: [],
   prefixCls: cssClasses.PREFIX,
-  onHeaderRow: _noop,
-  onDidUpdate: _noop,
+  onHeaderRow: noop,
+  onDidUpdate: noop,
   components: {
     header: {
       wrapper: 'thead',

package/lib/es/table/TableHeaderRow.js

@@ -1,9 +1,3 @@
-import _findIndex from "lodash/findIndex";
-import _omit from "lodash/omit";
-import _set from "lodash/set";
-import _map from "lodash/map";
-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 _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -26,6 +20,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
+import { get, noop, map, set, omit, findIndex } from 'lodash-es';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import { arrayAdd, isFirstFixedRight, isLastLeftFixed, isFixedLeft, isFixedRight, sliceColumnsByLevel } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import BaseComponent from '../_base/baseComponent';
@@ -45,10 +40,9 @@ export default class TableHeaderRow extends BaseComponent {
         } = this.props;
         const cellSelector = ".".concat(prefixCls, "-row-head");
         const heads = node && node.querySelectorAll && node.querySelectorAll(cellSelector);
-        this.context.setHeadWidths(_map(heads, (head, headIndex) => {
-          let configWidth = _get(row, [headIndex, 'column', 'width']);
-
-          const key = _get(row, [headIndex, 'column', 'key']);
+        this.context.setHeadWidths(map(heads, (head, headIndex) => {
+          let configWidth = get(row, [headIndex, 'column', 'width']);
+          const key = get(row, [headIndex, 'column', 'key']);
 
           if (typeof configWidth !== 'number') {
             configWidth = head && head.getBoundingClientRect().width || 0;
@@ -90,16 +84,11 @@ export default class TableHeaderRow extends BaseComponent {
     } = this.context;
     const slicedColumns = sliceColumnsByLevel(columns, index);
     const headWidths = getCellWidths(slicedColumns);
-
-    const HeaderRow = _get(components, 'header.row', 'tr');
-
-    const HeaderCell = _get(components, 'header.cell', 'th');
-
+    const HeaderRow = get(components, 'header.row', 'tr');
+    const HeaderCell = get(components, 'header.cell', 'th');
     const rowProps = onHeaderRow(columns, index) || {};
-
-    _set(rowProps, 'className', classnames(_get(rowProps, 'className'), "".concat(prefixCls, "-row")));
-
-    const cells = _map(row, (cell, cellIndex) => {
+    set(rowProps, 'className', classnames(get(rowProps, 'className'), "".concat(prefixCls, "-row")));
+    const cells = map(row, (cell, cellIndex) => {
       const {
         column
       } = cell,
@@ -129,7 +118,7 @@ export default class TableHeaderRow extends BaseComponent {
       });
 
       if (headWidths.length && slicedColumns.length) {
-        const indexOfSlicedColumns = _findIndex(slicedColumns, item => item && item.key != null && item.key === column.key);
+        const indexOfSlicedColumns = findIndex(slicedColumns, item => item && item.key != null && item.key === column.key);
 
         if (indexOfSlicedColumns > -1) {
           if (isFixedLeft(column)) {
@@ -146,8 +135,7 @@ export default class TableHeaderRow extends BaseComponent {
         }
       }
 
-      const props = _omit(_Object$assign(_Object$assign({}, cellProps), customProps), ['colStart', 'colEnd', 'hasSubColumns', 'parents', 'level']);
-
+      const props = omit(_Object$assign(_Object$assign({}, cellProps), customProps), ['colStart', 'colEnd', 'hasSubColumns', 'parents', 'level']);
       const {
         rowSpan,
         colSpan
@@ -162,7 +150,6 @@ export default class TableHeaderRow extends BaseComponent {
         key: column.key || column.dataIndex || cellIndex
       }));
     });
-
     return /*#__PURE__*/React.createElement(HeaderRow, _Object$assign({}, rowProps, {
       style: style,
       ref: this.cacheRef
@@ -183,7 +170,7 @@ TableHeaderRow.propTypes = {
   selectedRowKeysSet: PropTypes.instanceOf(_Set).isRequired
 };
 TableHeaderRow.defaultProps = {
-  onHeaderRow: _noop,
+  onHeaderRow: noop,
   prefixCls: cssClasses.PREFIX,
   columns: [],
   components: {

package/lib/es/table/TablePagination.js

@@ -1,10 +1,9 @@
-import _isFunction from "lodash/isFunction";
-import _get from "lodash/get";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable max-len */
 import React, { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
+import { get, isFunction } from 'lodash-es';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import Pagination from '../pagination';
 export default class TablePagination extends PureComponent {
@@ -15,10 +14,8 @@ export default class TablePagination extends PureComponent {
       info,
       renderPagination
     } = this.props;
-
-    const total = _get(pagination, 'total');
-
-    const customPagination = renderPagination && _isFunction(renderPagination) ? renderPagination(pagination) : null;
+    const total = get(pagination, 'total');
+    const customPagination = renderPagination && isFunction(renderPagination) ? renderPagination(pagination) : null;
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-pagination-outer")
     }, /*#__PURE__*/isValidElement(customPagination) ? customPagination : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
@@ -26,7 +23,7 @@ export default class TablePagination extends PureComponent {
     }, info), /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-pagination-wrapper")
     }, total > 0 ? /*#__PURE__*/React.createElement(Pagination, _Object$assign({}, pagination, {
-      key: _get(pagination, 'pageSize', 'pagination')
+      key: get(pagination, 'pageSize', 'pagination')
     })) : null)));
   }
 

package/lib/es/table/getColumns.js

@@ -1,16 +1,15 @@
-import _omit from "lodash/omit";
-import _get from "lodash/get";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
 import Column from './Column';
-
+import { get, omit } from 'lodash-es';
 /**
  * Convert jsx children into object columns
  * @param {Node} children
  * @returns
  */
+
 export default function getColumns(children) {
   if (children) {
     var _context;
@@ -18,8 +17,8 @@ export default function getColumns(children) {
     const columns = [];
 
     _forEachInstanceProperty(_context = React.Children).call(_context, children, child => {
-      if ( /*#__PURE__*/React.isValidElement(child) && (child.type === Column || _get(child, 'type.name') === Column.name)) {
-        const col = _omit(child.props, ['children']);
+      if ( /*#__PURE__*/React.isValidElement(child) && (child.type === Column || get(child, 'type.name') === Column.name)) {
+        const col = omit(child.props, ['children']);
 
         if (_Array$isArray(child.props.children) && child.props.children.length) {
           col.children = getColumns(child.props.children);

package/lib/es/table/index.d.ts

@@ -16,7 +16,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
         bordered: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<"default" | "small" | "middle">;
-        tableLayout: PropTypes.Requireable<"" | "auto" | "fixed">;
+        tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
             align: PropTypes.Requireable<"left" | "right" | "center">;
             className: PropTypes.Requireable<string>;