@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.0

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

@@ -6,24 +6,17 @@ import _each from "lodash/each";
 import _isMap from "lodash/isMap";
 import _size from "lodash/size";
 import _get from "lodash/get";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
 /* eslint-disable eqeqeq */
-
 /* eslint-disable @typescript-eslint/member-ordering */
-
 /* eslint-disable max-len */
-
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -39,28 +32,23 @@ import ExpandedRow from './ExpandedRow';
 import SectionRow from './SectionRow';
 import TableHeader from '../TableHeader';
 import TableContext from '../table-context';
-
 class Body extends BaseComponent {
   constructor(props, context) {
     var _this;
-
     super(props);
     _this = this;
-
     this.forwardRef = node => {
       const {
         forwardedRef
       } = this.props;
       this.ref.current = node;
       this.foundation.observeBodyResize(node);
-
       if (typeof forwardedRef === 'function') {
         forwardedRef(node);
       } else if (forwardedRef && typeof forwardedRef === 'object') {
         forwardedRef.current = node;
       }
     };
-
     this.itemSize = index => {
       const {
         virtualized,
@@ -69,43 +57,31 @@ class Body extends BaseComponent {
       const {
         virtualizedData
       } = this.state;
-
       const virtualizedItem = _get(virtualizedData, index);
-
       const defaultConfig = getDefaultVirtualizedRowConfig(tableSize, virtualizedItem.sectionRow);
-
       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)
         });
       }
-
       if (realSize < defaultConfig.minHeight) {
         logger.warn(`The computed real \`itemSize\` cannot be less than ${defaultConfig.minHeight}`);
       }
-
       return realSize;
     };
-
     this.itemKey = (index, data) => _get(data, [index, 'key'], index);
-
     this.handleRowClick = (rowKey, e, expand) => {
       const {
         handleRowExpanded
       } = this.context;
       handleRowExpanded(!expand, rowKey, e);
     };
-
     this.handleVirtualizedScroll = function () {
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       const onScroll = _get(_this.props.virtualized, 'onScroll');
-
       if (typeof onScroll === 'function') {
         onScroll(props);
       }
@@ -113,31 +89,23 @@ class Body extends BaseComponent {
     /**
      * @param {MouseEvent<HTMLDivElement>} e
      */
-
-
     this.handleVirtualizedBodyScroll = e => {
       const {
         handleBodyScroll
       } = this.props;
-
       const newScrollLeft = _get(e, 'nativeEvent.target.scrollLeft');
-
       const newScrollTop = _get(e, 'nativeEvent.target.scrollTop');
-
       if (newScrollTop === this.state.cache.virtualizedScrollTop) {
         this.handleVirtualizedScroll({
           horizontalScrolling: true
         });
       }
-
       this.state.cache.virtualizedScrollLeft = newScrollLeft;
       this.state.cache.virtualizedScrollTop = newScrollTop;
-
       if (typeof handleBodyScroll === 'function') {
         handleBodyScroll(e);
       }
     };
-
     this.getVirtualizedRowWidth = () => {
       const {
         getCellWidths
@@ -149,7 +117,6 @@ class Body extends BaseComponent {
       const rowWidth = arrayAdd(cellWidths, 0, _size(columns));
       return rowWidth;
     };
-
     this.renderVirtualizedRow = options => {
       const {
         index,
@@ -162,18 +129,15 @@ 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,
-        parentKeys,
-        expandedRow,
-        sectionRow
-      } = virtualizedItem,
-            rest = __rest(virtualizedItem, ["key", "parentKeys", "expandedRow", "sectionRow"]);
-
+          key,
+          parentKeys,
+          expandedRow,
+          sectionRow
+        } = virtualizedItem,
+        rest = __rest(virtualizedItem, ["key", "parentKeys", "expandedRow", "sectionRow"]);
       const rowWidth = this.getVirtualizedRowWidth();
       const expandBtnShouldInRow = cachedExpandBtnShouldInRow;
       const props = Object.assign(Object.assign(Object.assign(Object.assign({}, this.props), {
@@ -184,12 +148,11 @@ class Body extends BaseComponent {
         columns: flattenedColumns,
         index,
         expandBtnShouldInRow
-      }); // eslint-disable-next-line no-nested-ternary
-
+      });
+      // eslint-disable-next-line no-nested-ternary
       return sectionRow ? this.renderSectionRow(props) : expandedRow ? this.renderExpandedRow(props) : this.renderBaseRow(props);
-    }; // virtualized List innerElementType
-
-
+    };
+    // 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;
@@ -204,22 +167,21 @@ class Body extends BaseComponent {
         style: Object.assign({}, props.style),
         ref: ref
       }));
-    }); // virtualized List outerElementType
-
+    });
+    // virtualized List outerElementType
     this.renderOuter = /*#__PURE__*/React.forwardRef((props, ref) => {
       const {
-        children
-      } = props,
-            rest = __rest(props, ["children"]); // eslint-disable-next-line react/no-this-in-sfc
-
-
+          children
+        } = props,
+        rest = __rest(props, ["children"]);
+      // eslint-disable-next-line react/no-this-in-sfc
       const {
         handleWheel,
         prefixCls,
         emptySlot,
         dataSource
-      } = this.props; // eslint-disable-next-line react/no-this-in-sfc
-
+      } = this.props;
+      // eslint-disable-next-line react/no-this-in-sfc
       const tableWidth = this.getVirtualizedRowWidth();
       const tableCls = classnames(`${prefixCls}`, `${prefixCls}-fixed`);
       return /*#__PURE__*/React.createElement("div", Object.assign({}, rest, {
@@ -228,7 +190,6 @@ class Body extends BaseComponent {
           if (handleWheel) {
             handleWheel(...arguments);
           }
-
           if (rest.onWheel) {
             rest.onWheel(...arguments);
           }
@@ -236,7 +197,6 @@ class Body extends BaseComponent {
         onScroll: function () {
           // eslint-disable-next-line react/no-this-in-sfc
           _this.handleVirtualizedBodyScroll(...arguments);
-
           if (rest.onScroll) {
             rest.onScroll(...arguments);
           }
@@ -248,13 +208,11 @@ class Body extends BaseComponent {
         className: tableCls
       }, children), _size(dataSource) === 0 && emptySlot);
     });
-
     this.onItemsRendered = props => {
       if (this.state.cache.virtualizedScrollLeft && this.ref.current) {
         this.ref.current.scrollLeft = this.state.cache.virtualizedScrollLeft;
       }
     };
-
     this.renderVirtualizedBody = direction => {
       const {
         scroll,
@@ -269,20 +227,15 @@ class Body extends BaseComponent {
         getCellWidths
       } = this.context;
       const cellWidths = getCellWidths(columns);
-
       if (!_size(cellWidths)) {
         return null;
       }
-
       const rawY = _get(scroll, 'y');
-
       const yIsNumber = typeof rawY === 'number';
       const y = yIsNumber ? rawY : 600;
-
       if (!yIsNumber) {
         logger.warn('You have to specific "scroll.y" which must be a number for table virtualization!');
       }
-
       const listStyle = {
         width: '100%',
         height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : null,
@@ -315,8 +268,6 @@ class Body extends BaseComponent {
      * render group title
      * @param {*} props
      */
-
-
     this.renderSectionRow = function () {
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
         groupKey: undefined
@@ -329,9 +280,7 @@ class Body extends BaseComponent {
         index
       } = props;
       const sectionRowPickKeys = Object.keys(SectionRow.propTypes);
-
       const sectionRowProps = _pick(props, sectionRowPickKeys);
-
       const {
         handleRowExpanded
       } = _this.context;
@@ -346,7 +295,6 @@ class Body extends BaseComponent {
         key: groupKey || index
       }));
     };
-
     this.renderExpandedRow = function () {
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
         renderExpandIcon: () => null
@@ -364,21 +312,18 @@ class Body extends BaseComponent {
         virtualized
       } = props;
       let key = getRecordKey(record, rowKey);
-
       if (key == null) {
         key = index;
       }
-
       const {
         flattenedColumns,
         getCellWidths
-      } = _this.context; // we use memoized cellWidths to avoid re-render expanded row (fix #686)
-
+      } = _this.context;
+      // we use memoized cellWidths to avoid re-render expanded row (fix #686)
       if (flattenedColumns !== _this.flattenedColumns) {
         _this.flattenedColumns = flattenedColumns;
         _this.cellWidths = getCellWidths(flattenedColumns);
       }
-
       return /*#__PURE__*/React.createElement(ExpandedRow, {
         style: style,
         components: components,
@@ -397,8 +342,6 @@ class Body extends BaseComponent {
      * render grouped rows
      * @returns {ReactNode[]} renderedRows
      */
-
-
     this.renderGroupedRows = () => {
       const {
         groups,
@@ -411,7 +354,6 @@ class Body extends BaseComponent {
       } = this.context;
       const groupsInData = new Map();
       const renderedRows = [];
-
       if (groups != null && Array.isArray(data) && data.length) {
         data.forEach(record => {
           const recordKey = getRecordKey(record, rowKey);
@@ -420,34 +362,30 @@ class Body extends BaseComponent {
               if (!groupsInData.has(key)) {
                 groupsInData.set(key, new Set([]));
               }
-
               groupsInData.get(key).add(recordKey);
               return false;
             }
-
             return undefined;
           });
         });
       }
-
       let index = -1;
       groupsInData.forEach((group, groupKey) => {
         // Calculate the expanded state of the group
-        const expanded = isExpanded(expandedRowKeys, groupKey); // Render the title of the group
-
+        const expanded = isExpanded(expandedRowKeys, groupKey);
+        // Render the title of the group
         renderedRows.push(this.renderSectionRow(Object.assign(Object.assign({}, this.props), {
           columns: flattenedColumns,
           index: ++index,
           group,
           groupKey,
           expanded
-        }))); // Render the grouped content when the group is expanded
-
+        })));
+        // Render the grouped content when the group is expanded
         if (expanded) {
           const dataInGroup = [];
           group.forEach(recordKey => {
             const record = getRecord(data, recordKey, rowKey);
-
             if (record != null) {
               dataInGroup.push(record);
             }
@@ -455,13 +393,11 @@ class Body extends BaseComponent {
           /**
            * Render the contents of the group row
            */
-
           renderedRows.push(this.renderBodyRows(dataInGroup));
         }
       });
       return renderedRows;
     };
-
     this.renderBody = direction => {
       const {
         scroll,
@@ -482,39 +418,30 @@ class Body extends BaseComponent {
         expandedRowRender,
         tableLayout
       } = this.props;
-
       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';
-
       if (y) {
         bodyStyle.maxHeight = y;
       }
-
       if (x) {
         tableStyle.width = x;
       }
-
       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
-
+        bodyStyle.overflow = 'auto';
+        // Fix weird webkit render bug
         bodyStyle.WebkitTransform = 'translate3d (0, 0, 0)';
       }
-
       const colgroup = /*#__PURE__*/React.createElement(ColGroup, {
         components: _get(components, 'body'),
         columns: columns,
         prefixCls: prefixCls
-      }); // const tableBody = this.renderBody();
-
+      });
+      // const tableBody = this.renderBody();
       const wrapCls = `${prefixCls}-body`;
       const baseTable = /*#__PURE__*/React.createElement("div", {
         key: "bodyTable",
@@ -541,17 +468,14 @@ class Body extends BaseComponent {
         className: `${prefixCls}-tbody`,
         onScroll: onScroll
       }, _isMap(groups) ? this.renderGroupedRows() : this.renderBodyRows(dataSource))), emptySlot);
-
       if (fixed && columns.length) {
         return /*#__PURE__*/React.createElement("div", {
           key: "bodyTable",
           className: `${prefixCls}-body-outer`
         }, baseTable);
       }
-
       return baseTable;
     };
-
     this.ref = /*#__PURE__*/React.createRef();
     this.state = {
       virtualizedData: [],
@@ -568,7 +492,6 @@ class Body extends BaseComponent {
       flattenedColumns,
       getCellWidths
     } = context;
-
     if (getVirtualizedListRef) {
       if (props.virtualized) {
         getVirtualizedListRef(this.listRef);
@@ -576,13 +499,11 @@ class Body extends BaseComponent {
         console.warn('getVirtualizedListRef only works with virtualized. ' + 'See https://semi.design/zh-CN/show/table for more information.');
       }
     }
-
     this.foundation = new BodyFoundation(this.adapter);
     this.flattenedColumns = flattenedColumns;
     this.cellWidths = getCellWidths(flattenedColumns);
     this.observer = null;
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setVirtualizedData: (virtualizedData, cb) => this.setState({
@@ -597,8 +518,8 @@ class Body extends BaseComponent {
       observeBodyResize: bodyWrapDOM => {
         const {
           setBodyHasScrollbar
-        } = this.context; // Callback when the size of the body dom content changes, notifying Table.jsx whether the bodyHasScrollBar exists
-
+        } = this.context;
+        // Callback when the size of the body dom content changes, notifying Table.jsx whether the bodyHasScrollBar exists
         const resizeCallback = () => {
           const update = () => {
             const {
@@ -608,19 +529,16 @@ class Body extends BaseComponent {
             const bodyHasScrollBar = clientWidth < offsetWidth;
             setBodyHasScrollbar(bodyHasScrollBar);
           };
-
           const requestAnimationFrame = window.requestAnimationFrame || window.setTimeout;
           requestAnimationFrame(update);
-        }; // Monitor body dom resize
-
-
+        };
+        // Monitor body dom resize
         if (bodyWrapDOM) {
           if (_get(window, 'ResizeObserver')) {
             if (this.observer) {
               this.observer.unobserve(bodyWrapDOM);
               this.observer = null;
             }
-
             this.observer = new ResizeObserver(resizeCallback);
             this.observer.observe(bodyWrapDOM);
           } else {
@@ -630,7 +548,6 @@ class Body extends BaseComponent {
       },
       unobserveBodyResize: () => {
         const bodyWrapDOM = this.ref.current;
-
         if (this.observer) {
           this.observer.unobserve(bodyWrapDOM);
           this.observer = null;
@@ -638,7 +555,6 @@ class Body extends BaseComponent {
       }
     });
   }
-
   componentDidUpdate(prevProps, prevState) {
     const {
       virtualized,
@@ -647,24 +563,18 @@ class Body extends BaseComponent {
       columns,
       scroll
     } = this.props;
-
     if (virtualized) {
       if (prevProps.dataSource !== dataSource || prevProps.expandedRowKeys !== expandedRowKeys || prevProps.columns !== columns) {
         this.foundation.initVirtualizedData();
       }
     }
-
     const expandRelatedProps = strings.EXPAND_RELATED_PROPS;
     const newExpandRelatedProps = expandRelatedProps.map(key => _get(this.props, key, undefined));
-
     if (!_isEqual(newExpandRelatedProps, prevState.cachedExpandRelatedProps)) {
       this.foundation.initExpandBtnShouldInRow(newExpandRelatedProps);
     }
-
     const scrollY = _get(scroll, 'y');
-
     const bodyWrapDOM = this.ref.current;
-
     if (scrollY && scrollY !== _get(prevProps, 'scroll.y')) {
       this.foundation.observeBodyResize(bodyWrapDOM);
     }
@@ -674,8 +584,6 @@ class Body extends BaseComponent {
    * @param {*} props
    * @returns
    */
-
-
   renderBaseRow() {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
@@ -693,31 +601,24 @@ class Body extends BaseComponent {
       expandRowByClick
     } = props;
     const baseRowPickKeys = Object.keys(BaseRow.propTypes);
-
     const baseRowProps = _pick(props, baseRowPickKeys);
-
     let key = getRecordKey(record, rowKey);
-
     if (key == null) {
       key = index;
     }
-
     const expanded = isExpanded(expandedRowKeys, key);
     const expandable = rowExpandable && rowExpandable(record);
     const expandableProps = {
       level: undefined,
       expanded
     };
-
     if (expandable || expandBtnShouldInRow) {
       expandableProps.level = level;
       expandableProps.expandableRow = expandable;
-
       if (expandRowByClick) {
         expandableProps.onRowClick = this.handleRowClick;
       }
     }
-
     const selectionProps = {
       selected: isSelected(selectedRowKeysSet, key),
       disabled: isDisabled(disabledRowKeysSet, key)
@@ -732,7 +633,6 @@ class Body extends BaseComponent {
       cellWidths: cellWidths
     }));
   }
-
   renderBodyRows() {
     let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -749,16 +649,12 @@ class Body extends BaseComponent {
     const {
       flattenedColumns
     } = this.context;
-
     _each(data, (record, index) => {
       let key = getRecordKey(record, rowKey);
-
       if (key == null) {
         key = index;
       }
-
       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,
@@ -767,10 +663,9 @@ class Body extends BaseComponent {
         key,
         level,
         index
-      }))); // render expand row
-
+      })));
+      // render expand row
       const expanded = isExpanded(expandedRowKeys, key);
-
       if (hasExpandedRowRender && rowExpandable && rowExpandable(record) && expanded) {
         const currentExpandRow = this.renderExpandedRow(Object.assign(Object.assign({}, this.props), {
           columns: flattenedColumns,
@@ -783,22 +678,18 @@ class Body extends BaseComponent {
           * If expandedRowRender returns falsy, this expanded row will not be rendered
           * Render an empty div before v1.19.7
           */
-
         if (!_isNull(currentExpandRow)) {
           renderedRows.push(currentExpandRow);
         }
-      } // render tree data
-
-
+      }
+      // render tree data
       if (recordHasChildren && expanded) {
         const nestedRows = this.renderBodyRows(recordChildren, level + 1);
         renderedRows.push(...nestedRows);
       }
     });
-
     return renderedRows;
   }
-
   render() {
     const {
       virtualized
@@ -808,9 +699,7 @@ class Body extends BaseComponent {
     } = this.context;
     return virtualized ? this.renderVirtualizedBody(direction) : this.renderBody(direction);
   }
-
 }
-
 Body.contextType = TableContext;
 Body.propTypes = {
   anyColumnFixed: PropTypes.bool,

package/lib/es/table/ColGroup.js

@@ -12,23 +12,19 @@ export default class ColGroup extends React.PureComponent {
       style,
       prefixCls,
       components
-    } = this.props; // eslint-disable-next-line @typescript-eslint/no-shadow
-
+    } = 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 cols = flattenColumns(columns).map((column, idx) => {
       const colStyle = {};
       /**
        * table width
        */
-
       if (column.width) {
         colStyle.width = column.width;
         colStyle.minWidth = colStyle.width;
       }
-
       return /*#__PURE__*/React.createElement(Col, {
         className: classnames(`${prefixCls}-col`, column.className),
         key: column.key || column.dataIndex || idx,
@@ -41,7 +37,6 @@ export default class ColGroup extends React.PureComponent {
       style: style
     }, cols);
   }
-
 }
 ColGroup.propTypes = {
   columns: PropTypes.array,

package/lib/es/table/Column.js

@@ -5,11 +5,9 @@ export default class Column extends React.PureComponent {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
   }
-
   render() {
     return null;
   }
-
 }
 Column.propTypes = Object.assign({}, ColumnShape);
 Column.elementType = 'Column';