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

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

@@ -1,10 +1,3 @@
-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";
@@ -35,6 +28,7 @@ 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';
@@ -52,10 +46,7 @@ import TableContext from '../table-context';
 
 class Body extends BaseComponent {
   constructor(props, context) {
-    var _this;
-
     super(props);
-    _this = this;
 
     this.forwardRef = node => {
       const {
@@ -79,19 +70,15 @@ 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)
         });
       }
 
@@ -102,7 +89,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 {
@@ -111,10 +98,8 @@ class Body extends BaseComponent {
       handleRowExpanded(!expand, rowKey, e);
     };
 
-    this.handleVirtualizedScroll = function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-      const onScroll = _get(_this.props.virtualized, 'onScroll');
+    this.handleVirtualizedScroll = (props = {}) => {
+      const onScroll = get(this.props.virtualized, 'onScroll');
 
       if (typeof onScroll === 'function') {
         onScroll(props);
@@ -129,10 +114,8 @@ 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({
@@ -156,7 +139,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;
     };
 
@@ -172,9 +155,7 @@ 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,
@@ -202,21 +183,17 @@ class Body extends BaseComponent {
     }; // virtualized List innerElementType
 
 
-    this.renderTbody = /*#__PURE__*/React.forwardRef(function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      let ref = arguments.length > 1 ? arguments[1] : undefined;
-      return /*#__PURE__*/React.createElement("div", _Object$assign({}, props, {
-        onScroll: function () {
-          if (props.onScroll) {
-            props.onScroll(...arguments);
-          }
-        },
-        // eslint-disable-next-line react/no-this-in-sfc,react/destructuring-assignment
-        className: classnames(props.className, "".concat(_this.props.prefixCls, "-tbody")),
-        style: _Object$assign({}, props.style),
-        ref: ref
-      }));
-    }); // virtualized List outerElementType
+    this.renderTbody = /*#__PURE__*/React.forwardRef((props = {}, ref) => /*#__PURE__*/React.createElement("div", _Object$assign({}, props, {
+      onScroll: (...args) => {
+        if (props.onScroll) {
+          props.onScroll(...args);
+        }
+      },
+      // eslint-disable-next-line react/no-this-in-sfc,react/destructuring-assignment
+      className: classnames(props.className, "".concat(this.props.prefixCls, "-tbody")),
+      style: _Object$assign({}, props.style),
+      ref: ref
+    }))); // virtualized List outerElementType
 
     this.renderOuter = /*#__PURE__*/React.forwardRef((props, ref) => {
       const {
@@ -236,21 +213,21 @@ class Body extends BaseComponent {
       const tableCls = classnames("".concat(prefixCls), "".concat(prefixCls, "-fixed"));
       return /*#__PURE__*/React.createElement("div", _Object$assign({}, rest, {
         ref: ref,
-        onWheel: function () {
+        onWheel: (...args) => {
           if (handleWheel) {
-            handleWheel(...arguments);
+            handleWheel(...args);
           }
 
           if (rest.onWheel) {
-            rest.onWheel(...arguments);
+            rest.onWheel(...args);
           }
         },
-        onScroll: function () {
+        onScroll: (...args) => {
           // eslint-disable-next-line react/no-this-in-sfc
-          _this.handleVirtualizedBodyScroll(...arguments);
+          this.handleVirtualizedBodyScroll(...args);
 
           if (rest.onScroll) {
-            rest.onScroll(...arguments);
+            rest.onScroll(...args);
           }
         }
       }), /*#__PURE__*/React.createElement("div", {
@@ -258,7 +235,7 @@ class Body extends BaseComponent {
           width: tableWidth
         },
         className: tableCls
-      }, _size(dataSource) === 0 ? emptySlot : children));
+      }, size(dataSource) === 0 ? emptySlot : children));
     });
 
     this.onItemsRendered = props => {
@@ -283,12 +260,11 @@ 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,12 +306,11 @@ class Body extends BaseComponent {
      */
 
 
-    this.renderSectionRow = function () {
+    this.renderSectionRow = (props = {
+      groupKey: undefined
+    }) => {
       var _context;
 
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        groupKey: undefined
-      };
       const {
         dataSource,
         rowKey,
@@ -346,11 +321,10 @@ class Body extends BaseComponent {
 
       const sectionRowPickKeys = _Object$keys(SectionRow.propTypes);
 
-      const sectionRowProps = _pick(props, sectionRowPickKeys);
-
+      const sectionRowProps = pick(props, sectionRowPickKeys);
       const {
         handleRowExpanded
-      } = _this.context;
+      } = this.context;
       return /*#__PURE__*/React.createElement(SectionRow, _Object$assign({}, sectionRowProps, {
         record: {
           groupKey,
@@ -363,10 +337,9 @@ class Body extends BaseComponent {
       }));
     };
 
-    this.renderExpandedRow = function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        renderExpandIcon: () => null
-      };
+    this.renderExpandedRow = (props = {
+      renderExpandIcon: () => null
+    }) => {
       const {
         style,
         components,
@@ -388,7 +361,7 @@ class Body extends BaseComponent {
       const {
         flattenedColumns,
         getCellWidths
-      } = _this.context;
+      } = this.context;
       const cellWidths = getCellWidths(flattenedColumns);
       return /*#__PURE__*/React.createElement(ExpandedRow, {
         style: style,
@@ -496,17 +469,12 @@ 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;
@@ -516,7 +484,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
 
@@ -524,7 +492,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();
@@ -549,7 +517,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", {
@@ -620,7 +588,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;
@@ -661,17 +629,16 @@ 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);
     }
   }
@@ -682,8 +649,7 @@ class Body extends BaseComponent {
    */
 
 
-  renderBaseRow() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  renderBaseRow(props = {}) {
     const {
       rowKey,
       columns,
@@ -701,8 +667,7 @@ 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) {
@@ -740,10 +705,7 @@ class Body extends BaseComponent {
     }));
   }
 
-  renderBodyRows() {
-    let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    let renderedRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  renderBodyRows(data = [], level = 0, renderedRows = []) {
     const {
       rowKey,
       expandedRowRender,
@@ -756,16 +718,14 @@ 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,
@@ -791,7 +751,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
@@ -802,7 +762,6 @@ class Body extends BaseComponent {
         renderedRows.push(...nestedRows);
       }
     });
-
     return renderedRows;
   }
 
@@ -810,12 +769,9 @@ class Body extends BaseComponent {
     const {
       virtualized
     } = this.props;
-    return /*#__PURE__*/React.createElement(ConfigContext.Consumer, null, _ref => {
-      let {
-        direction
-      } = _ref;
-      return virtualized ? this.renderVirtualizedBody(direction) : this.renderBody(direction);
-    });
+    return /*#__PURE__*/React.createElement(ConfigContext.Consumer, null, ({
+      direction
+    }) => virtualized ? this.renderVirtualizedBody(direction) : this.renderBody(direction));
   }
 
 }

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,9 +17,8 @@ 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 = {};

package/lib/es/table/Column.js

@@ -2,8 +2,7 @@ import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign"
 import React from 'react';
 import ColumnShape from './ColumnShape';
 export default class Column extends React.PureComponent {
-  constructor() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
   }
 

package/lib/es/table/ColumnFilter.js

@@ -1,4 +1,3 @@
-import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -12,23 +11,21 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 /* eslint-disable eqeqeq */
 import React, { isValidElement } from 'react';
 import cls from 'classnames';
+import { noop } from 'lodash-es';
 import { IconFilter } from '@douyinfe/semi-icons';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import Dropdown from '../dropdown';
 import { Radio } from '../radio';
 import { Checkbox } from '../checkbox';
 
-function renderDropdown() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let nestedElem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  let level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+function renderDropdown(props = {}, nestedElem = null, level = 0) {
   const {
     filterMultiple = true,
     filters = [],
     filteredValue = [],
     filterDropdownVisible,
-    onSelect = _noop,
-    onFilterDropdownVisibleChange = _noop,
+    onSelect = noop,
+    onFilterDropdownVisibleChange = noop,
     trigger = 'click',
     position = 'bottom',
     renderFilterDropdownItem
@@ -129,8 +126,7 @@ function renderDropdown() {
   }), nestedElem);
 }
 
-export default function ColumnFilter() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+export default function ColumnFilter(props = {}) {
   const {
     prefixCls = cssClasses.PREFIX,
     filteredValue,

package/lib/es/table/ColumnSelection.js

@@ -1,4 +1,3 @@
-import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable max-len */
@@ -6,6 +5,7 @@ import React from 'react';
 import BaseComponent from '../_base/baseComponent';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
+import { noop } from 'lodash-es';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import TableSelectionCellFoundation from '@douyinfe/semi-foundation/lib/es/table/tableSelectionCellFoundation';
 import { Checkbox } from '../checkbox';
@@ -23,12 +23,8 @@ export default class TableSelectionCell extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
-      notifyChange: function () {
-        return _this.props.onChange(...arguments);
-      }
+      notifyChange: (...args) => this.props.onChange(...args)
     });
   }
 
@@ -74,6 +70,6 @@ TableSelectionCell.propTypes = {
 };
 TableSelectionCell.defaultProps = {
   disabled: false,
-  onChange: _noop,
+  onChange: noop,
   prefixCls: cssClasses.PREFIX
 };

package/lib/es/table/ColumnSorter.js

@@ -1,7 +1,7 @@
-import _noop from "lodash/noop";
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
+import { noop } from 'lodash-es';
 import { IconCaretup, IconCaretdown } from '@douyinfe/semi-icons';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/table/constants';
 export default class ColumnSorter extends PureComponent {
@@ -44,6 +44,6 @@ ColumnSorter.propTypes = {
 };
 ColumnSorter.defaultProps = {
   prefixCls: cssClasses.PREFIX,
-  onClick: _noop,
+  onClick: noop,
   sortOrder: false
 };

package/lib/es/table/CustomExpandIcon.js

@@ -1,8 +1,7 @@
-import _noop from "lodash/noop";
-
 /* eslint-disable react-hooks/exhaustive-deps */
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
+import { noop } from 'lodash-es';
 import { IconChevronRight, IconChevronDown, IconTreeTriangleDown, IconTreeTriangleRight } from '@douyinfe/semi-icons';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import Rotate from '../motions/Rotate';
@@ -14,9 +13,9 @@ export default function CustomExpandIcon(props) {
   const {
     expanded,
     componentType,
-    onClick = _noop,
-    onMouseEnter = _noop,
-    onMouseLeave = _noop,
+    onClick = noop,
+    onMouseEnter = noop,
+    onMouseLeave = noop,
     expandIcon,
     prefixCls = cssClasses.PREFIX,
     motion = true
@@ -69,8 +68,8 @@ CustomExpandIcon.propTypes = {
 };
 CustomExpandIcon.defaultProps = {
   componentType: 'expand',
-  onClick: _noop,
-  onMouseEnter: _noop,
-  onMouseLeave: _noop,
+  onClick: noop,
+  onMouseEnter: noop,
+  onMouseLeave: noop,
   prefixCls: cssClasses.PREFIX
 };

package/lib/es/table/HeadTable.js

@@ -1,11 +1,10 @@
-import _noop from "lodash/noop";
-import _get from "lodash/get";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
+import { get, noop } from 'lodash-es';
 import classnames from 'classnames';
 import ColGroup from './ColGroup';
 import TableHeader from './TableHeader';
@@ -14,10 +13,9 @@ import TableHeader from './TableHeader';
  */
 
 class HeadTable extends React.PureComponent {
-  constructor() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      selectedRowKeysSet: new _Set()
-    };
+  constructor(props = {
+    selectedRowKeysSet: new _Set()
+  }) {
     super(props);
   }
 
@@ -40,10 +38,8 @@ class HeadTable extends React.PureComponent {
       return null;
     }
 
-    const Table = _get(components, 'header.outer', 'table');
-
-    const x = _get(scroll, 'x');
-
+    const Table = get(components, 'header.outer', 'table');
+    const x = get(scroll, 'x');
     const headStyle = {};
     const tableStyle = {};
 
@@ -99,7 +95,7 @@ HeadTable.propTypes = {
   onDidUpdate: PropTypes.func
 };
 HeadTable.defaultProps = {
-  handleBodyScroll: _noop
+  handleBodyScroll: noop
 };
 export default /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(HeadTable, _Object$assign({}, props, {
   forwardedRef: ref