@douyinfe/semi-ui 2.1.0-beta.2 → 2.1.0-next.2

package/lib/es/space/index.js

@@ -1,3 +1,6 @@
+import _isNumber from "lodash/isNumber";
+import _isArray from "lodash/isArray";
+import _isString from "lodash/isString";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { PureComponent } from 'react';
@@ -5,7 +8,6 @@ import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/space/constants';
 import '@douyinfe/semi-foundation/lib/es/space/space.css';
-import { isString, isArray, isNumber } from 'lodash-es';
 import { flatten } from './utils';
 const prefixCls = cssClasses.PREFIX;
 
@@ -29,22 +31,22 @@ class Space extends PureComponent {
     let spacingHorizontalType = '';
     let spacingVerticalType = '';
 
-    if (isString(spacing)) {
+    if (_isString(spacing)) {
       spacingHorizontalType = spacing;
       spacingVerticalType = spacing;
-    } else if (isNumber(spacing)) {
+    } else if (_isNumber(spacing)) {
       realStyle.rowGap = spacing;
       realStyle.columnGap = spacing;
-    } else if (isArray(spacing)) {
-      if (isString(spacing[0])) {
+    } else if (_isArray(spacing)) {
+      if (_isString(spacing[0])) {
         spacingHorizontalType = spacing[0];
-      } else if (isNumber(spacing[0])) {
+      } else if (_isNumber(spacing[0])) {
         realStyle.columnGap = "".concat(spacing[0], "px");
       }
 
-      if (isString(spacing[1])) {
+      if (_isString(spacing[1])) {
         spacingVerticalType = spacing[1];
-      } else if (isNumber(spacing[1])) {
+      } else if (_isNumber(spacing[1])) {
         realStyle.rowGap = "".concat(spacing[1], "px");
       }
     }

package/lib/es/steps/basicStep.js

@@ -1,3 +1,4 @@
+import _isFunction from "lodash/isFunction";
 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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -15,7 +16,6 @@ var __rest = this && this.__rest || function (s, e) {
 };
 
 import React from 'react';
-import { isFunction } from 'lodash-es';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -109,7 +109,7 @@ const BasicStep = props => {
   });
 
   const handleClick = e => {
-    if (isFunction(onClick)) {
+    if (_isFunction(onClick)) {
       onClick(e);
     }
 

package/lib/es/steps/basicSteps.js

@@ -2,7 +2,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { cloneElement, Children, useMemo } from 'react';
+import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -26,7 +26,7 @@ const Steps = props => {
   const inner = useMemo(() => {
     var _context;
 
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
 
     const content = _mapInstanceProperty(Children).call(Children, filteredChildren, (child, index) => {
       if (!child) {

package/lib/es/steps/fillStep.js

@@ -1,6 +1,6 @@
+import _isFunction from "lodash/isFunction";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React from 'react';
-import { isFunction } from 'lodash-es';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -74,7 +74,7 @@ const FillStep = props => {
   };
 
   const handleClick = e => {
-    if (isFunction(onClick)) {
+    if (_isFunction(onClick)) {
       onClick(e);
     }
 

package/lib/es/steps/fillSteps.js

@@ -2,7 +2,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { cloneElement, Children, useMemo } from 'react';
+import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -25,7 +25,7 @@ const Steps = props => {
   const inner = useMemo(() => {
     var _context;
 
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
 
     const colStyle = direction === 'vertical' ? null : {
       width: "".concat(100 / filteredChildren.length, "%")
@@ -69,7 +69,7 @@ const Steps = props => {
     });
 
     return content;
-  }, [children, initial, prefixCls, direction, status, current]);
+  }, [children, initial, prefixCls, direction, status, current, onChange]);
   const wrapperCls = cls(className, {
     [prefixCls]: true,
     [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-")).call(_context2, direction)]: true

package/lib/es/steps/index.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 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";
@@ -14,7 +15,6 @@ var __rest = this && this.__rest || function (s, e) {
 };
 
 import React, { Component } from 'react';
-import { noop } from 'lodash-es';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/steps/steps.css';
 import Step from './step';
@@ -66,7 +66,7 @@ Steps.propTypes = {
   size: PropTypes.oneOf(['small', 'default'])
 };
 Steps.defaultProps = {
-  onChange: noop,
+  onChange: _noop,
   type: 'fill',
   size: 'default'
 };

package/lib/es/steps/navStep.js

@@ -1,3 +1,4 @@
+import _isFunction from "lodash/isFunction";
 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";
@@ -15,7 +16,6 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { isFunction } from 'lodash-es';
 import classnames from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
 import { IconChevronRight } from '@douyinfe/semi-icons';
@@ -39,7 +39,7 @@ const NavStep = props => {
   });
 
   const handleClick = e => {
-    if (isFunction(onClick)) {
+    if (_isFunction(onClick)) {
       onClick(e);
     }
 

package/lib/es/steps/navSteps.js

@@ -2,7 +2,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { cloneElement, Children, useMemo } from 'react';
+import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -23,7 +23,7 @@ const Steps = props => {
   const inner = useMemo(() => {
     var _context;
 
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
 
     const total = filteredChildren.length;
 

package/lib/es/switch/index.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable max-len */
@@ -8,7 +9,6 @@ import SwitchFoudation from '@douyinfe/semi-foundation/lib/es/switch/foundation'
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/switch/constants';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/switch/switch.css';
-import { noop } from 'lodash-es';
 import Spin from '../spin';
 
 class Switch extends BaseComponent {
@@ -129,10 +129,10 @@ Switch.propTypes = {
 Switch.defaultProps = {
   disabled: false,
   className: '',
-  onChange: noop,
+  onChange: _noop,
   loading: false,
-  onMouseEnter: noop,
-  onMouseLeave: noop,
+  onMouseEnter: _noop,
+  onMouseLeave: _noop,
   size: 'default'
 };
 export default Switch;

package/lib/es/table/Body/BaseRow.js

@@ -1,3 +1,10 @@
+import _pick from "lodash/pick";
+import _isEqual from "lodash/isEqual";
+import _omit from "lodash/omit";
+import _stubTrue from "lodash/stubTrue";
+import _get from "lodash/get";
+import _noop from "lodash/noop";
+import _each from "lodash/each";
 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";
@@ -20,7 +27,6 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { createRef } from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
-import { each, noop, get, stubTrue, omit, isEqual, pick } from 'lodash-es';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import shallowEqualObjects from '@douyinfe/semi-foundation/lib/es/utils/shallowEqualObjects';
 import TableRowFoundation from '@douyinfe/semi-foundation/lib/es/table/tableRowFoundation';
@@ -106,9 +112,9 @@ export default class TableRow extends BaseComponent {
       * 深比较 cellWidths
       */
     const omitProps = ['cellWidths'];
-    const isPropsShallowEqual = shallowEqualObjects(omit(nextProps, omitProps), omit(this.props, omitProps));
+    const isPropsShallowEqual = shallowEqualObjects(_omit(nextProps, omitProps), _omit(this.props, omitProps));
 
-    if (!isPropsShallowEqual || !isEqual(pick(nextProps, omitProps), pick(this.props, omitProps))) {
+    if (!isPropsShallowEqual || !_isEqual(_pick(nextProps, omitProps), _pick(this.props, omitProps))) {
       return true;
     }
 
@@ -138,13 +144,16 @@ export default class TableRow extends BaseComponent {
       disabled,
       onDidUpdate
     } = this.props;
-    const BodyCell = get(components, 'body.cell', strings.DEFAULT_COMPONENTS.body.cell);
+
+    const BodyCell = _get(components, 'body.cell', strings.DEFAULT_COMPONENTS.body.cell);
+
     const cells = [];
     const displayExpandedColumn = rowExpandable(record);
     let firstIndex = 0; // const dataColumns = getDataColumns(columns);
 
-    each(columns, (column, columnIndex) => {
-      const columnKey = get(column, 'key');
+    _each(columns, (column, columnIndex) => {
+      const columnKey = _get(column, 'key');
+
       const expandableProps = {};
 
       if (fixed !== 'right') {
@@ -179,7 +188,7 @@ export default class TableRow extends BaseComponent {
         const diyProps = {};
 
         if (BodyCell !== strings.DEFAULT_COMPONENTS.body.cell && virtualized && !expandedRow) {
-          diyProps.width = get(cellWidths, columnIndex);
+          diyProps.width = _get(cellWidths, columnIndex);
         }
 
         cells.push( /*#__PURE__*/React.createElement(TableCell, _Object$assign({}, expandableProps, diyProps, {
@@ -203,6 +212,7 @@ export default class TableRow extends BaseComponent {
         })));
       }
     });
+
     return cells;
   }
 
@@ -293,7 +303,7 @@ TableRow.propTypes = {
 };
 TableRow.defaultProps = {
   columns: [],
-  rowExpandable: stubTrue,
+  rowExpandable: _stubTrue,
   components: {
     body: {
       row: 'tr',
@@ -301,13 +311,13 @@ TableRow.defaultProps = {
     }
   },
   prefixCls: cssClasses.PREFIX,
-  onRow: noop,
-  onRowClick: noop,
-  onRowDoubleClick: noop,
-  onRowMouseEnter: noop,
-  onRowMouseLeave: noop,
-  onHover: noop,
-  onDidUpdate: noop,
+  onRow: _noop,
+  onRowClick: _noop,
+  onRowDoubleClick: _noop,
+  onRowMouseEnter: _noop,
+  onRowMouseLeave: _noop,
+  onHover: _noop,
+  onDidUpdate: _noop,
   visible: true,
   hovered: false,
   selected: false,

package/lib/es/table/Body/ExpandedRow.js

@@ -1,3 +1,6 @@
+import _isNull from "lodash/isNull";
+import _set from "lodash/set";
+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";
@@ -18,7 +21,6 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { get, set, isNull } from 'lodash-es';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import { arrayAdd, filterColumns } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import TableContext from '../table-context';
@@ -56,7 +58,7 @@ export default class TableExpandedRow extends PureComponent {
     const props = {};
     let column = {};
 
-    if (isNull(cell)) {
+    if (_isNull(cell)) {
       return null;
     } else if ( /*#__PURE__*/isValidElement(cell)) {
       children = cell;
@@ -73,13 +75,14 @@ export default class TableExpandedRow extends PureComponent {
       column = _Object$assign({}, restProps);
     }
 
-    if (get(components, 'body.cell') !== strings.DEFAULT_COMPONENTS.body.cell) {
+    if (_get(components, 'body.cell') !== strings.DEFAULT_COMPONENTS.body.cell) {
       if (virtualized) {
-        set(props, 'style.height', '100%');
+        _set(props, 'style.height', '100%');
       }
 
-      set(props, 'style.display', 'block');
-      set(props, 'style.width', arrayAdd(cellWidths, 0, propColumns.length));
+      _set(props, 'style.display', 'block');
+
+      _set(props, 'style.width', arrayAdd(cellWidths, 0, propColumns.length));
     } else {
       // Remove the row where the scroll bar is located
       props.colSpan = filterColumns(propColumns).length;

package/lib/es/table/Body/SectionRow.js

@@ -1,3 +1,5 @@
+import _isSet from "lodash/isSet";
+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";
@@ -25,7 +27,6 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { get, isSet } from 'lodash-es';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import { filterColumns } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import BaseRow from './BaseRow';
@@ -75,9 +76,9 @@ class SectionRow extends PureComponent {
         rowKey
       } = this.props;
 
-      if (_Array$isArray(data) && data.length && isSet(group)) {
+      if (_Array$isArray(data) && data.length && _isSet(group)) {
         return _filterInstanceProperty(data).call(data, record => {
-          const realRowKey = typeof rowKey === 'function' ? rowKey(record) : get(record, rowKey);
+          const realRowKey = typeof rowKey === 'function' ? rowKey(record) : _get(record, rowKey);
           return realRowKey != null && realRowKey !== '' && group.has(realRowKey);
         });
       }

package/lib/es/table/Body/index.js

@@ -1,3 +1,10 @@
+import _isNull from "lodash/isNull";
+import _pick from "lodash/pick";
+import _isEqual from "lodash/isEqual";
+import _each from "lodash/each";
+import _isMap from "lodash/isMap";
+import _size from "lodash/size";
+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";
@@ -28,7 +35,6 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { get, size, isMap, each, isEqual, pick, isNull } from 'lodash-es';
 import classnames from 'classnames';
 import { VariableSizeList as List } from 'react-window';
 import { arrayAdd, getRecordKey, isExpanded, isSelected, isDisabled, getRecord, genExpandedRowKey, getDefaultVirtualizedRowConfig } from '@douyinfe/semi-foundation/lib/es/table/utils';
@@ -73,15 +79,19 @@ class Body extends BaseComponent {
       const {
         virtualizedData
       } = this.state;
-      const virtualizedItem = get(virtualizedData, index);
+
+      const virtualizedItem = _get(virtualizedData, index);
+
       const defaultConfig = getDefaultVirtualizedRowConfig(tableSize, virtualizedItem.sectionRow);
-      const itemSize = get(virtualized, 'itemSize', defaultConfig.height);
+
+      const itemSize = _get(virtualized, 'itemSize', defaultConfig.height);
+
       let realSize = itemSize;
 
       if (typeof itemSize === 'function') {
         realSize = itemSize(index, {
-          expandedRow: get(virtualizedItem, 'expandedRow', false),
-          sectionRow: get(virtualizedItem, 'sectionRow', false)
+          expandedRow: _get(virtualizedItem, 'expandedRow', false),
+          sectionRow: _get(virtualizedItem, 'sectionRow', false)
         });
       }
 
@@ -92,7 +102,7 @@ class Body extends BaseComponent {
       return realSize;
     };
 
-    this.itemKey = (index, data) => get(data, [index, 'key'], index);
+    this.itemKey = (index, data) => _get(data, [index, 'key'], index);
 
     this.handleRowClick = (rowKey, e, expand) => {
       const {
@@ -103,7 +113,8 @@ class Body extends BaseComponent {
 
     this.handleVirtualizedScroll = function () {
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      const onScroll = get(_this.props.virtualized, 'onScroll');
+
+      const onScroll = _get(_this.props.virtualized, 'onScroll');
 
       if (typeof onScroll === 'function') {
         onScroll(props);
@@ -118,8 +129,10 @@ class Body extends BaseComponent {
       const {
         handleBodyScroll
       } = this.props;
-      const newScrollLeft = get(e, 'nativeEvent.target.scrollLeft');
-      const newScrollTop = get(e, 'nativeEvent.target.scrollTop');
+
+      const newScrollLeft = _get(e, 'nativeEvent.target.scrollLeft');
+
+      const newScrollTop = _get(e, 'nativeEvent.target.scrollTop');
 
       if (newScrollTop === this.state.cache.virtualizedScrollTop) {
         this.handleVirtualizedScroll({
@@ -143,7 +156,7 @@ class Body extends BaseComponent {
         columns
       } = this.props;
       const cellWidths = getCellWidths(columns);
-      const rowWidth = arrayAdd(cellWidths, 0, size(columns));
+      const rowWidth = arrayAdd(cellWidths, 0, _size(columns));
       return rowWidth;
     };
 
@@ -159,7 +172,9 @@ class Body extends BaseComponent {
       const {
         flattenedColumns
       } = this.context;
-      const virtualizedItem = get(virtualizedData, [index], {}); // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+      const virtualizedItem = _get(virtualizedData, [index], {}); // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 
       const {
         key,
@@ -243,7 +258,7 @@ class Body extends BaseComponent {
           width: tableWidth
         },
         className: tableCls
-      }, size(dataSource) === 0 ? emptySlot : children));
+      }, _size(dataSource) === 0 ? emptySlot : children));
     });
 
     this.onItemsRendered = props => {
@@ -268,11 +283,12 @@ class Body extends BaseComponent {
       } = this.context;
       const cellWidths = getCellWidths(columns);
 
-      if (!size(cellWidths)) {
+      if (!_size(cellWidths)) {
         return null;
       }
 
-      const rawY = get(scroll, 'y');
+      const rawY = _get(scroll, 'y');
+
       const yIsNumber = typeof rawY === 'number';
       const y = yIsNumber ? rawY : 600;
 
@@ -330,7 +346,8 @@ class Body extends BaseComponent {
 
       const sectionRowPickKeys = _Object$keys(SectionRow.propTypes);
 
-      const sectionRowProps = pick(props, sectionRowPickKeys);
+      const sectionRowProps = _pick(props, sectionRowPickKeys);
+
       const {
         handleRowExpanded
       } = _this.context;
@@ -479,12 +496,17 @@ class Body extends BaseComponent {
         onScroll,
         groups
       } = this.props;
-      const x = get(scroll, 'x');
-      const y = get(scroll, 'y');
+
+      const x = _get(scroll, 'x');
+
+      const y = _get(scroll, 'y');
+
       const bodyStyle = {};
       const tableStyle = {};
-      const Table = get(components, 'body.outer', 'table');
-      const BodyWrapper = get(components, 'body.wrapper') || 'tbody';
+
+      const Table = _get(components, 'body.outer', 'table');
+
+      const BodyWrapper = _get(components, 'body.wrapper') || 'tbody';
 
       if (y) {
         bodyStyle.maxHeight = y;
@@ -494,7 +516,7 @@ class Body extends BaseComponent {
         tableStyle.width = x;
       }
 
-      if (anyColumnFixed && size(dataSource)) {
+      if (anyColumnFixed && _size(dataSource)) {
         // Auto is better than scroll. For example, when there is only scrollY, the scroll axis is not displayed horizontally.
         bodyStyle.overflow = 'auto'; // Fix weird webkit render bug
 
@@ -502,7 +524,7 @@ class Body extends BaseComponent {
       }
 
       const colgroup = /*#__PURE__*/React.createElement(ColGroup, {
-        components: get(components, 'body'),
+        components: _get(components, 'body'),
         columns: columns,
         prefixCls: prefixCls
       }); // const tableBody = this.renderBody();
@@ -527,7 +549,7 @@ class Body extends BaseComponent {
       })) : null, /*#__PURE__*/React.createElement(BodyWrapper, {
         className: "".concat(prefixCls, "-tbody"),
         onScroll: onScroll
-      }, isMap(groups) ? this.renderGroupedRows() : this.renderBodyRows(dataSource))), emptySlot);
+      }, _isMap(groups) ? this.renderGroupedRows() : this.renderBodyRows(dataSource))), emptySlot);
 
       if (fixed && columns.length) {
         return /*#__PURE__*/React.createElement("div", {
@@ -598,7 +620,7 @@ class Body extends BaseComponent {
 
 
         if (bodyWrapDOM) {
-          if (get(window, 'ResizeObserver')) {
+          if (_get(window, 'ResizeObserver')) {
             if (this.observer) {
               this.observer.unobserve(bodyWrapDOM);
               this.observer = null;
@@ -639,16 +661,17 @@ class Body extends BaseComponent {
 
     const expandRelatedProps = strings.EXPAND_RELATED_PROPS;
 
-    const newExpandRelatedProps = _mapInstanceProperty(expandRelatedProps).call(expandRelatedProps, key => get(this.props, key, undefined));
+    const newExpandRelatedProps = _mapInstanceProperty(expandRelatedProps).call(expandRelatedProps, key => _get(this.props, key, undefined));
 
-    if (!isEqual(newExpandRelatedProps, prevState.cachedExpandRelatedProps)) {
+    if (!_isEqual(newExpandRelatedProps, prevState.cachedExpandRelatedProps)) {
       this.foundation.initExpandBtnShouldInRow(newExpandRelatedProps);
     }
 
-    const scrollY = get(scroll, 'y');
+    const scrollY = _get(scroll, 'y');
+
     const bodyWrapDOM = this.ref.current;
 
-    if (scrollY && scrollY !== get(prevProps, 'scroll.y')) {
+    if (scrollY && scrollY !== _get(prevProps, 'scroll.y')) {
       this.foundation.observeBodyResize(bodyWrapDOM);
     }
   }
@@ -678,7 +701,8 @@ class Body extends BaseComponent {
 
     const baseRowPickKeys = _Object$keys(BaseRow.propTypes);
 
-    const baseRowProps = pick(props, baseRowPickKeys);
+    const baseRowProps = _pick(props, baseRowPickKeys);
+
     let key = getRecordKey(record, rowKey);
 
     if (key == null) {
@@ -732,14 +756,16 @@ class Body extends BaseComponent {
     const {
       flattenedColumns
     } = this.context;
-    each(data, (record, index) => {
+
+    _each(data, (record, index) => {
       let key = getRecordKey(record, rowKey);
 
       if (key == null) {
         key = index;
       }
 
-      const recordChildren = get(record, childrenRecordName);
+      const recordChildren = _get(record, childrenRecordName);
+
       const recordHasChildren = Boolean(_Array$isArray(recordChildren) && recordChildren.length);
       renderedRows.push(this.renderBaseRow(_Object$assign(_Object$assign({}, this.props), {
         columns: flattenedColumns,
@@ -765,7 +791,7 @@ class Body extends BaseComponent {
           * Render an empty div before v1.19.7
           */
 
-        if (!isNull(currentExpandRow)) {
+        if (!_isNull(currentExpandRow)) {
           renderedRows.push(currentExpandRow);
         }
       } // render tree data
@@ -776,6 +802,7 @@ class Body extends BaseComponent {
         renderedRows.push(...nestedRows);
       }
     });
+
     return renderedRows;
   }
 

package/lib/es/table/ColGroup.js

@@ -1,8 +1,8 @@
+import _get from "lodash/get";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { get } from 'lodash-es';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import { flattenColumns } from '@douyinfe/semi-foundation/lib/es/table/utils';
 export default class ColGroup extends React.PureComponent {
@@ -17,8 +17,9 @@ export default class ColGroup extends React.PureComponent {
       components
     } = this.props; // eslint-disable-next-line @typescript-eslint/no-shadow
 
-    const ColGroup = get(components, 'colgroup.wrapper', 'colgroup');
-    const Col = get(components, 'colgroup.col', 'col');
+    const ColGroup = _get(components, 'colgroup.wrapper', 'colgroup');
+
+    const Col = _get(components, 'colgroup.col', 'col');
 
     const cols = _mapInstanceProperty(_context = flattenColumns(columns)).call(_context, (column, idx) => {
       const colStyle = {};