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

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

@@ -5,22 +5,16 @@ import _stubTrue from "lodash/stubTrue";
 import _get from "lodash/get";
 import _noop from "lodash/noop";
 import _each from "lodash/each";
-
 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 max-len */
-
 /* eslint-disable eqeqeq */
-
-
 import React, { createRef } from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
@@ -31,75 +25,61 @@ import { isLastLeftFixed, arrayAdd, isFixedLeft, isFixedRight, isScrollbarColumn
 import BaseComponent from '../../_base/baseComponent';
 import TableCell from '../TableCell';
 export default class TableRow extends BaseComponent {
+  get adapter() {
+    var _this = this;
+    return Object.assign(Object.assign({}, super.adapter), {
+      notifyClick: function () {
+        return _this.props.onRowClick(...arguments);
+      },
+      notifyDoubleClick: function () {
+        return _this.props.onRowDoubleClick(...arguments);
+      },
+      notifyMouseLeave: function () {
+        _this.props.onHover(false, _this.props.rowKey);
+        _this.props.onRowMouseEnter(...arguments);
+      },
+      notifyMouseEnter: function () {
+        _this.props.onHover(true, _this.props.rowKey);
+        _this.props.onRowMouseEnter(...arguments);
+      }
+    });
+  }
   constructor(props) {
     super(props);
-
     this._cacheNode = node => {
       this.ref.current = node;
-    }; // Pass true to render the tree-shaped expand button
-
-
+    };
+    // Pass true to render the tree-shaped expand button
     this.renderExpandIcon = record => {
       const {
         renderExpandIcon
       } = this.props;
       return renderExpandIcon(record, true);
     };
-
     this.handleMouseEnter = e => {
       this.foundation.handleMouseEnter(e);
       const customRowProps = this.adapter.getCache('customRowProps');
-
       if (typeof customRowProps.onMouseEnter === 'function') {
         customRowProps.onMouseEnter(e);
       }
     };
-
     this.handleMouseLeave = e => {
       this.foundation.handleMouseLeave(e);
       const customRowProps = this.adapter.getCache('customRowProps');
-
       if (typeof customRowProps.onMouseLeave === 'function') {
         customRowProps.onMouseLeave(e);
       }
     };
-
     this.handleClick = e => {
       this.foundation.handleClick(e);
       const customRowProps = this.adapter.getCache('customRowProps');
-
       if (customRowProps && typeof customRowProps.onClick === 'function') {
         customRowProps.onClick(e);
       }
     };
-
     this.ref = /*#__PURE__*/createRef();
     this.foundation = new TableRowFoundation(this.adapter);
   }
-
-  get adapter() {
-    var _this = this;
-
-    return Object.assign(Object.assign({}, super.adapter), {
-      notifyClick: function () {
-        return _this.props.onRowClick(...arguments);
-      },
-      notifyDoubleClick: function () {
-        return _this.props.onRowDoubleClick(...arguments);
-      },
-      notifyMouseLeave: function () {
-        _this.props.onHover(false, _this.props.rowKey);
-
-        _this.props.onRowMouseEnter(...arguments);
-      },
-      notifyMouseEnter: function () {
-        _this.props.onHover(true, _this.props.rowKey);
-
-        _this.props.onRowMouseEnter(...arguments);
-      }
-    });
-  }
-
   componentDidMount() {
     // fix #745
     // didmount/willUnmount may be called twice when React.StrictMode is true in React 18, we need to ensure that this.cache.customRowProps is correct
@@ -109,19 +89,16 @@ export default class TableRow extends BaseComponent {
       record
     } = this.props;
     const customRowProps = this.adapter.getCache('customRowProps');
-
     if (typeof customRowProps === 'undefined') {
       const _a = onRow(record, index) || {},
-            {
-        className: customClassName,
-        style: customStyle
-      } = _a,
-            rowProps = __rest(_a, ["className", "style"]);
-
+        {
+          className: customClassName,
+          style: customStyle
+        } = _a,
+        rowProps = __rest(_a, ["className", "style"]);
       this.adapter.setCache('customRowProps', Object.assign({}, rowProps));
     }
   }
-
   shouldComponentUpdate(nextProps) {
     /**
       * Shallow comparison of incoming props to simulate PureComponent
@@ -132,14 +109,11 @@ export default class TableRow extends BaseComponent {
       */
     const omitProps = ['cellWidths'];
     const isPropsShallowEqual = shallowEqualObjects(_omit(nextProps, omitProps), _omit(this.props, omitProps));
-
     if (!isPropsShallowEqual || !_isEqual(_pick(nextProps, omitProps), _pick(this.props, omitProps))) {
       return true;
     }
-
     return false;
   }
-
   renderCells() {
     const {
       columns,
@@ -163,41 +137,32 @@ export default class TableRow extends BaseComponent {
       disabled,
       onDidUpdate
     } = this.props;
-
     const BodyCell = _get(components, 'body.cell', strings.DEFAULT_COMPONENTS.body.cell);
-
     const cells = [];
     const displayExpandedColumn = rowExpandable(record);
-    let firstIndex = 0; // const dataColumns = getDataColumns(columns);
-
+    let firstIndex = 0;
+    // const dataColumns = getDataColumns(columns);
     _each(columns, (column, columnIndex) => {
       const columnKey = _get(column, 'key');
-
       const expandableProps = {};
-
       if (fixed !== 'right') {
         if (isInnerColumnKey(columnKey)) {
           firstIndex++;
         }
-
         if (expandableRow && columnIndex === firstIndex) {
           expandableProps.renderExpandIcon = this.renderExpandIcon;
-
           if (hideExpandedColumn || isSection) {
             expandableProps.expandIcon = expandIcon != null ? expandIcon : true;
           }
-        } // Only the first data row will be indented
-
-
+        }
+        // Only the first data row will be indented
         if (level != null && columnIndex === firstIndex) {
           expandableProps.indent = level;
-
           if (!expandableRow && hideExpandedColumn) {
             expandableProps.indent = level + 1;
           }
         }
       }
-
       if (isExpandedColumn(column) && !displayExpandedColumn) {
         cells.push( /*#__PURE__*/React.createElement(TableCell, {
           key: columnIndex,
@@ -206,11 +171,9 @@ export default class TableRow extends BaseComponent {
         }));
       } else if (!isScrollbarColumn(column)) {
         const diyProps = {};
-
         if (BodyCell !== strings.DEFAULT_COMPONENTS.body.cell && virtualized && !expandedRow) {
           diyProps.width = _get(cellWidths, columnIndex);
         }
-
         cells.push( /*#__PURE__*/React.createElement(TableCell, Object.assign({
           colIndex: columnIndex
         }, expandableProps, diyProps, {
@@ -234,10 +197,8 @@ export default class TableRow extends BaseComponent {
         })));
       }
     });
-
     return cells;
   }
-
   render() {
     const {
       style
@@ -259,14 +220,12 @@ export default class TableRow extends BaseComponent {
       isSection
     } = this.props;
     const BodyRow = components.body.row;
-
     const _a = onRow(record, index) || {},
-          {
-      className: customClassName,
-      style: customStyle
-    } = _a,
-          rowProps = __rest(_a, ["className", "style"]);
-
+      {
+        className: customClassName,
+        style: customStyle
+      } = _a,
+      rowProps = __rest(_a, ["className", "style"]);
     this.adapter.setCache('customRowProps', Object.assign({}, rowProps));
     const baseRowStyle = Object.assign(Object.assign({}, style), customStyle);
     const rowCls = typeof replaceClassName === 'string' && replaceClassName.length ? replaceClassName : classnames(className, `${prefixCls}-row`, {
@@ -275,28 +234,22 @@ export default class TableRow extends BaseComponent {
       [`${prefixCls}-row-hovered`]: hovered
     }, customClassName);
     const ariaProps = {};
-
     if (typeof index === 'number') {
       ariaProps['aria-rowindex'] = index + 1;
     }
-
     if (expandableRow) {
       ariaProps['aria-expanded'] = expanded;
-    } // if row is expandedRow, set it's level to 2 
-
-
+    }
+    // if row is expandedRow, set it's level to 2 
     if (expanded || expandedRow) {
       ariaProps['aria-level'] = 2;
     }
-
     if (typeof level === 'number') {
       ariaProps['aria-level'] = level + 1;
     }
-
     if (isSection) {
       ariaProps['aria-level'] = 1;
     }
-
     return /*#__PURE__*/React.createElement(BodyRow, Object.assign({
       role: "row"
     }, ariaProps, rowProps, {
@@ -308,7 +261,6 @@ export default class TableRow extends BaseComponent {
       onClick: this.handleClick
     }), this.renderCells());
   }
-
 }
 TableRow.propTypes = {
   anyColumnFixed: PropTypes.bool,

package/lib/es/table/Body/ExpandedRow.d.ts

@@ -59,7 +59,7 @@ export default class TableExpandedRow extends PureComponent<TableExpandedRowProp
     context: TableContextProps;
     render(): JSX.Element;
 }
-export declare type ExpandedRowRenderReturnType = React.ReactNode | {
+export type ExpandedRowRenderReturnType = React.ReactNode | {
     children: ReactNode;
     fixed: Fixed;
 } & ColumnProps;

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

@@ -1,20 +1,15 @@
 import _isNull from "lodash/isNull";
 import _set from "lodash/set";
 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 max-len */
-
-
 import React, { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -26,7 +21,6 @@ import { amendTableWidth } from '../utils';
 /**
  * Render expanded row
  */
-
 export default class TableExpandedRow extends PureComponent {
   render() {
     const {
@@ -54,7 +48,6 @@ export default class TableExpandedRow extends PureComponent {
     let children = null;
     const props = {};
     let column = {};
-
     if (_isNull(cell)) {
       return null;
     } else if ( /*#__PURE__*/isValidElement(cell)) {
@@ -62,29 +55,24 @@ export default class TableExpandedRow extends PureComponent {
     } else if (cell && Object.prototype.toString.call(cell) === '[object Object]') {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const _a = cell,
-            {
-        children: cellChildren,
-        fixed
-      } = _a,
-            restProps = __rest(_a, ["children", "fixed"]);
-
+        {
+          children: cellChildren,
+          fixed
+        } = _a,
+        restProps = __rest(_a, ["children", "fixed"]);
       children = cellChildren;
       column = Object.assign({}, restProps);
     }
-
     if (_get(components, 'body.cell') !== strings.DEFAULT_COMPONENTS.body.cell) {
       if (virtualized) {
         _set(props, 'style.height', '100%');
       }
-
       _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;
     }
-
     const columns = [Object.assign({
       render: () => ({
         props,
@@ -112,7 +100,6 @@ export default class TableExpandedRow extends PureComponent {
       cellWidths: baseRowCellWidths
     });
   }
-
 }
 TableExpandedRow.contextType = TableContext;
 TableExpandedRow.propTypes = {

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

@@ -1,23 +1,16 @@
 import _isSet from "lodash/isSet";
 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 max-len */
-
 /* eslint-disable @typescript-eslint/ban-types */
-
 /* eslint-disable eqeqeq */
-
-
 import React, { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -28,14 +21,11 @@ import TableContext from '../table-context';
 /**
  * Grouping component title row
  */
-
 class SectionRow extends PureComponent {
   constructor() {
     var _this;
-
     super(...arguments);
     _this = this;
-
     this.onRow = function () {
       const {
         onGroupedRow,
@@ -45,63 +35,51 @@ class SectionRow extends PureComponent {
         expanded
       } = _this.props;
       const rowProps = {};
-
       if (typeof onGroupedRow === 'function') {
         Object.assign(rowProps, onGroupedRow(...arguments));
       }
-
       return Object.assign(Object.assign({}, rowProps), {
         onClick: e => {
           if (typeof onExpand === 'function' && clickGroupedRowToExpand) {
             onExpand(!expanded, groupKey, e);
           }
-
           if (typeof rowProps.onClick === 'function') {
             rowProps.onClick(e);
           }
         }
       });
     };
-
     this.collectGroupedData = () => {
       const {
         data,
         group,
         rowKey
       } = this.props;
-
       if (Array.isArray(data) && data.length && _isSet(group)) {
         return data.filter(record => {
           const realRowKey = typeof rowKey === 'function' ? rowKey(record) : _get(record, rowKey);
           return realRowKey != null && realRowKey !== '' && group.has(realRowKey);
         });
       }
-
       return [];
     };
-
     this.renderExpandIcon = record => {
       const {
         renderExpandIcon,
         groupKey
       } = this.props;
-
       if (typeof renderExpandIcon === 'function') {
         return renderExpandIcon(record, false, groupKey);
       }
-
       return null;
     };
   }
-
   isInnerColumnKey(key) {
     if (key != null) {
       return [strings.DEFAULT_KEY_COLUMN_EXPAND, strings.DEFAULT_KEY_COLUMN_SELECTION].includes(key);
     }
-
     return false;
   }
-
   render() {
     const {
       record,
@@ -120,24 +98,21 @@ class SectionRow extends PureComponent {
     } = this.props;
     const props = {};
     let column = {};
-    let children = null; // render title
-
+    let children = null;
+    // render title
     const cell = typeof renderGroupSection === 'function' ? renderGroupSection(groupKey, [...group]) : null;
-
     if ( /*#__PURE__*/isValidElement(cell)) {
       children = cell;
     } else if (cell && Object.prototype.toString.call(cell) === '[object Object]') {
       const _a = cell,
-            {
-        children: cellChildren
-      } = _a,
-            restProps = __rest(_a, ["children"]);
-
+        {
+          children: cellChildren
+        } = _a,
+        restProps = __rest(_a, ["children"]);
       children = cellChildren;
       column = Object.assign({}, restProps);
-    } // Filter out scroll-bar column
-
-
+    }
+    // Filter out scroll-bar column
     props.colSpan = filterColumns(propColumns).length;
     const columns = [Object.assign({
       render: () => ({
@@ -171,9 +146,7 @@ class SectionRow extends PureComponent {
       cellWidths: baseRowCellWidths
     });
   }
-
 }
-
 SectionRow.contextType = TableContext;
 SectionRow.propTypes = {
   record: PropTypes.object,