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

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

@@ -4,93 +4,58 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _isNull2 = _interopRequireDefault(require("lodash/isNull"));
-
 var _pick2 = _interopRequireDefault(require("lodash/pick"));
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _each2 = _interopRequireDefault(require("lodash/each"));
-
 var _isMap2 = _interopRequireDefault(require("lodash/isMap"));
-
 var _size2 = _interopRequireDefault(require("lodash/size"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactWindow = require("react-window");
-
 var _utils = require("@douyinfe/semi-foundation/lib/cjs/table/utils");
-
 var _bodyFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/table/bodyFoundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
-
 var _baseComponent = _interopRequireDefault(require("../../_base/baseComponent"));
-
 var _utils2 = require("../utils");
-
 var _ColGroup = _interopRequireDefault(require("../ColGroup"));
-
 var _BaseRow = _interopRequireDefault(require("./BaseRow"));
-
 var _ExpandedRow = _interopRequireDefault(require("./ExpandedRow"));
-
 var _SectionRow = _interopRequireDefault(require("./SectionRow"));
-
 var _TableHeader = _interopRequireDefault(require("../TableHeader"));
-
 var _tableContext = _interopRequireDefault(require("../table-context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__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 */
-
-
 class Body extends _baseComponent.default {
   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,
@@ -103,34 +68,27 @@ class Body extends _baseComponent.default {
       const defaultConfig = (0, _utils.getDefaultVirtualizedRowConfig)(tableSize, virtualizedItem.sectionRow);
       const itemSize = (0, _get2.default)(virtualized, 'itemSize', defaultConfig.height);
       let realSize = itemSize;
-
       if (typeof itemSize === 'function') {
         realSize = itemSize(index, {
           expandedRow: (0, _get2.default)(virtualizedItem, 'expandedRow', false),
           sectionRow: (0, _get2.default)(virtualizedItem, 'sectionRow', false)
         });
       }
-
       if (realSize < defaultConfig.minHeight) {
         _utils2.logger.warn(`The computed real \`itemSize\` cannot be less than ${defaultConfig.minHeight}`);
       }
-
       return realSize;
     };
-
     this.itemKey = (index, data) => (0, _get2.default)(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 = (0, _get2.default)(_this.props.virtualized, 'onScroll');
-
       if (typeof onScroll === 'function') {
         onScroll(props);
       }
@@ -138,29 +96,23 @@ class Body extends _baseComponent.default {
     /**
      * @param {MouseEvent<HTMLDivElement>} e
      */
-
-
     this.handleVirtualizedBodyScroll = e => {
       const {
         handleBodyScroll
       } = this.props;
       const newScrollLeft = (0, _get2.default)(e, 'nativeEvent.target.scrollLeft');
       const newScrollTop = (0, _get2.default)(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
@@ -172,7 +124,6 @@ class Body extends _baseComponent.default {
       const rowWidth = (0, _utils.arrayAdd)(cellWidths, 0, (0, _size2.default)(columns));
       return rowWidth;
     };
-
     this.renderVirtualizedRow = options => {
       const {
         index,
@@ -185,16 +136,15 @@ class Body extends _baseComponent.default {
       const {
         flattenedColumns
       } = this.context;
-      const virtualizedItem = (0, _get2.default)(virtualizedData, [index], {}); // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+      const virtualizedItem = (0, _get2.default)(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), {
@@ -205,12 +155,11 @@ class Body extends _baseComponent.default {
         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.default.forwardRef(function () {
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       let ref = arguments.length > 1 ? arguments[1] : undefined;
@@ -225,22 +174,21 @@ class Body extends _baseComponent.default {
         style: Object.assign({}, props.style),
         ref: ref
       }));
-    }); // virtualized List outerElementType
-
+    });
+    // virtualized List outerElementType
     this.renderOuter = /*#__PURE__*/_react.default.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 = (0, _classnames.default)(`${prefixCls}`, `${prefixCls}-fixed`);
       return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, rest, {
@@ -249,7 +197,6 @@ class Body extends _baseComponent.default {
           if (handleWheel) {
             handleWheel(...arguments);
           }
-
           if (rest.onWheel) {
             rest.onWheel(...arguments);
           }
@@ -257,7 +204,6 @@ class Body extends _baseComponent.default {
         onScroll: function () {
           // eslint-disable-next-line react/no-this-in-sfc
           _this.handleVirtualizedBodyScroll(...arguments);
-
           if (rest.onScroll) {
             rest.onScroll(...arguments);
           }
@@ -269,13 +215,11 @@ class Body extends _baseComponent.default {
         className: tableCls
       }, children), (0, _size2.default)(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,
@@ -290,19 +234,15 @@ class Body extends _baseComponent.default {
         getCellWidths
       } = this.context;
       const cellWidths = getCellWidths(columns);
-
       if (!(0, _size2.default)(cellWidths)) {
         return null;
       }
-
       const rawY = (0, _get2.default)(scroll, 'y');
       const yIsNumber = typeof rawY === 'number';
       const y = yIsNumber ? rawY : 600;
-
       if (!yIsNumber) {
         _utils2.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,
@@ -335,8 +275,6 @@ class Body extends _baseComponent.default {
      * render group title
      * @param {*} props
      */
-
-
     this.renderSectionRow = function () {
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
         groupKey: undefined
@@ -364,7 +302,6 @@ class Body extends _baseComponent.default {
         key: groupKey || index
       }));
     };
-
     this.renderExpandedRow = function () {
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
         renderExpandIcon: () => null
@@ -382,21 +319,18 @@ class Body extends _baseComponent.default {
         virtualized
       } = props;
       let key = (0, _utils.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.default.createElement(_ExpandedRow.default, {
         style: style,
         components: components,
@@ -415,8 +349,6 @@ class Body extends _baseComponent.default {
      * render grouped rows
      * @returns {ReactNode[]} renderedRows
      */
-
-
     this.renderGroupedRows = () => {
       const {
         groups,
@@ -429,7 +361,6 @@ class Body extends _baseComponent.default {
       } = this.context;
       const groupsInData = new Map();
       const renderedRows = [];
-
       if (groups != null && Array.isArray(data) && data.length) {
         data.forEach(record => {
           const recordKey = (0, _utils.getRecordKey)(record, rowKey);
@@ -438,34 +369,30 @@ class Body extends _baseComponent.default {
               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 = (0, _utils.isExpanded)(expandedRowKeys, groupKey); // Render the title of the group
-
+        const expanded = (0, _utils.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 = (0, _utils.getRecord)(data, recordKey, rowKey);
-
             if (record != null) {
               dataInGroup.push(record);
             }
@@ -473,13 +400,11 @@ class Body extends _baseComponent.default {
           /**
            * Render the contents of the group row
            */
-
           renderedRows.push(this.renderBodyRows(dataInGroup));
         }
       });
       return renderedRows;
     };
-
     this.renderBody = direction => {
       const {
         scroll,
@@ -506,31 +431,25 @@ class Body extends _baseComponent.default {
       const tableStyle = {};
       const Table = (0, _get2.default)(components, 'body.outer', 'table');
       const BodyWrapper = (0, _get2.default)(components, 'body.wrapper') || 'tbody';
-
       if (y) {
         bodyStyle.maxHeight = y;
       }
-
       if (x) {
         tableStyle.width = x;
       }
-
       if (anyColumnFixed && (0, _size2.default)(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.default.createElement(_ColGroup.default, {
         components: (0, _get2.default)(components, 'body'),
         columns: columns,
         prefixCls: prefixCls
-      }); // const tableBody = this.renderBody();
-
-
+      });
+      // const tableBody = this.renderBody();
       const wrapCls = `${prefixCls}-body`;
-
       const baseTable = /*#__PURE__*/_react.default.createElement("div", {
         key: "bodyTable",
         className: wrapCls,
@@ -556,17 +475,14 @@ class Body extends _baseComponent.default {
         className: `${prefixCls}-tbody`,
         onScroll: onScroll
       }, (0, _isMap2.default)(groups) ? this.renderGroupedRows() : this.renderBodyRows(dataSource))), emptySlot);
-
       if (fixed && columns.length) {
         return /*#__PURE__*/_react.default.createElement("div", {
           key: "bodyTable",
           className: `${prefixCls}-body-outer`
         }, baseTable);
       }
-
       return baseTable;
     };
-
     this.ref = /*#__PURE__*/_react.default.createRef();
     this.state = {
       virtualizedData: [],
@@ -583,7 +499,6 @@ class Body extends _baseComponent.default {
       flattenedColumns,
       getCellWidths
     } = context;
-
     if (getVirtualizedListRef) {
       if (props.virtualized) {
         getVirtualizedListRef(this.listRef);
@@ -591,13 +506,11 @@ class Body extends _baseComponent.default {
         console.warn('getVirtualizedListRef only works with virtualized. ' + 'See https://semi.design/zh-CN/show/table for more information.');
       }
     }
-
     this.foundation = new _bodyFoundation.default(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({
@@ -612,8 +525,8 @@ class Body extends _baseComponent.default {
       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 {
@@ -623,19 +536,16 @@ class Body extends _baseComponent.default {
             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 ((0, _get2.default)(window, 'ResizeObserver')) {
             if (this.observer) {
               this.observer.unobserve(bodyWrapDOM);
               this.observer = null;
             }
-
             this.observer = new ResizeObserver(resizeCallback);
             this.observer.observe(bodyWrapDOM);
           } else {
@@ -645,7 +555,6 @@ class Body extends _baseComponent.default {
       },
       unobserveBodyResize: () => {
         const bodyWrapDOM = this.ref.current;
-
         if (this.observer) {
           this.observer.unobserve(bodyWrapDOM);
           this.observer = null;
@@ -653,7 +562,6 @@ class Body extends _baseComponent.default {
       }
     });
   }
-
   componentDidUpdate(prevProps, prevState) {
     const {
       virtualized,
@@ -662,23 +570,18 @@ class Body extends _baseComponent.default {
       columns,
       scroll
     } = this.props;
-
     if (virtualized) {
       if (prevProps.dataSource !== dataSource || prevProps.expandedRowKeys !== expandedRowKeys || prevProps.columns !== columns) {
         this.foundation.initVirtualizedData();
       }
     }
-
     const expandRelatedProps = _constants.strings.EXPAND_RELATED_PROPS;
     const newExpandRelatedProps = expandRelatedProps.map(key => (0, _get2.default)(this.props, key, undefined));
-
     if (!(0, _isEqual2.default)(newExpandRelatedProps, prevState.cachedExpandRelatedProps)) {
       this.foundation.initExpandBtnShouldInRow(newExpandRelatedProps);
     }
-
     const scrollY = (0, _get2.default)(scroll, 'y');
     const bodyWrapDOM = this.ref.current;
-
     if (scrollY && scrollY !== (0, _get2.default)(prevProps, 'scroll.y')) {
       this.foundation.observeBodyResize(bodyWrapDOM);
     }
@@ -688,8 +591,6 @@ class Body extends _baseComponent.default {
    * @param {*} props
    * @returns
    */
-
-
   renderBaseRow() {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
@@ -709,27 +610,22 @@ class Body extends _baseComponent.default {
     const baseRowPickKeys = Object.keys(_BaseRow.default.propTypes);
     const baseRowProps = (0, _pick2.default)(props, baseRowPickKeys);
     let key = (0, _utils.getRecordKey)(record, rowKey);
-
     if (key == null) {
       key = index;
     }
-
     const expanded = (0, _utils.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: (0, _utils.isSelected)(selectedRowKeysSet, key),
       disabled: (0, _utils.isDisabled)(disabledRowKeysSet, key)
@@ -744,7 +640,6 @@ class Body extends _baseComponent.default {
       cellWidths: cellWidths
     }));
   }
-
   renderBodyRows() {
     let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -763,11 +658,9 @@ class Body extends _baseComponent.default {
     } = this.context;
     (0, _each2.default)(data, (record, index) => {
       let key = (0, _utils.getRecordKey)(record, rowKey);
-
       if (key == null) {
         key = index;
       }
-
       const recordChildren = (0, _get2.default)(record, childrenRecordName);
       const recordHasChildren = Boolean(Array.isArray(recordChildren) && recordChildren.length);
       renderedRows.push(this.renderBaseRow(Object.assign(Object.assign({}, this.props), {
@@ -777,10 +670,9 @@ class Body extends _baseComponent.default {
         key,
         level,
         index
-      }))); // render expand row
-
+      })));
+      // render expand row
       const expanded = (0, _utils.isExpanded)(expandedRowKeys, key);
-
       if (hasExpandedRowRender && rowExpandable && rowExpandable(record) && expanded) {
         const currentExpandRow = this.renderExpandedRow(Object.assign(Object.assign({}, this.props), {
           columns: flattenedColumns,
@@ -793,13 +685,11 @@ class Body extends _baseComponent.default {
           * If expandedRowRender returns falsy, this expanded row will not be rendered
           * Render an empty div before v1.19.7
           */
-
         if (!(0, _isNull2.default)(currentExpandRow)) {
           renderedRows.push(currentExpandRow);
         }
-      } // render tree data
-
-
+      }
+      // render tree data
       if (recordHasChildren && expanded) {
         const nestedRows = this.renderBodyRows(recordChildren, level + 1);
         renderedRows.push(...nestedRows);
@@ -807,7 +697,6 @@ class Body extends _baseComponent.default {
     });
     return renderedRows;
   }
-
   render() {
     const {
       virtualized
@@ -817,9 +706,7 @@ class Body extends _baseComponent.default {
     } = this.context;
     return virtualized ? this.renderVirtualizedBody(direction) : this.renderBody(direction);
   }
-
 }
-
 Body.contextType = _tableContext.default;
 Body.propTypes = {
   anyColumnFixed: _propTypes.default.bool,
@@ -851,11 +738,9 @@ Body.propTypes = {
   store: _propTypes.default.object,
   virtualized: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object])
 };
-
 var _default = /*#__PURE__*/_react.default.forwardRef(function TableBody(props, ref) {
   return /*#__PURE__*/_react.default.createElement(Body, Object.assign({}, props, {
     forwardedRef: ref
   }));
 });
-
 exports.default = _default;