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

package/lib/es/table/TableCell.js

@@ -4,9 +4,7 @@ import _omit from "lodash/omit";
 import _set from "lodash/set";
 import _noop from "lodash/noop";
 import _get from "lodash/get";
-
 /* eslint-disable prefer-destructuring */
-
 /* eslint-disable eqeqeq */
 import React, { createRef, Fragment } from 'react';
 import classnames from 'classnames';
@@ -17,45 +15,36 @@ import { isSelectionColumn, isExpandedColumn, getRTLAlign, shouldShowEllipsisTit
 import BaseComponent from '../_base/baseComponent';
 import Context from './table-context';
 import { amendTableWidth } from './utils';
-
 function isInvalidRenderCellText(text) {
   return text && ! /*#__PURE__*/React.isValidElement(text) && Object.prototype.toString.call(text) === '[object Object]';
 }
-
 export default class TableCell extends BaseComponent {
-  constructor(props) {
-    super(props);
-
-    this.setRef = ref => this.ref = ref;
-
-    this.handleClick = e => {
-      this.foundation.handleClick(e);
-      const customCellProps = this.adapter.getCache('customCellProps');
-
-      if (customCellProps && typeof customCellProps.onClick === 'function') {
-        customCellProps.onClick(e);
-      }
-    };
-
-    this.ref = /*#__PURE__*/createRef();
-    this.foundation = new TableCellFoundation(this.adapter);
-  }
-
   get adapter() {
     var _this = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       notifyClick: function () {
         const {
           onClick
         } = _this.props;
-
         if (typeof onClick === 'function') {
           onClick(...arguments);
         }
       }
     });
   }
+  constructor(props) {
+    super(props);
+    this.setRef = ref => this.ref = ref;
+    this.handleClick = e => {
+      this.foundation.handleClick(e);
+      const customCellProps = this.adapter.getCache('customCellProps');
+      if (customCellProps && typeof customCellProps.onClick === 'function') {
+        customCellProps.onClick(e);
+      }
+    };
+    this.ref = /*#__PURE__*/createRef();
+    this.foundation = new TableCellFoundation(this.adapter);
+  }
   /**
    * Control whether to execute the render function of the cell
    * 1. Scenes that return true
@@ -76,39 +65,30 @@ export default class TableCell extends BaseComponent {
    * @param {*} nextProps
    * @returns
    */
-
-
   shouldComponentUpdate(nextProps) {
     const props = this.props;
     const {
       column,
       expandIcon
     } = props;
-    const cellInSelectionColumn = isSelectionColumn(column); // The expand button may be in a separate column or in the first data column
-
+    const cellInSelectionColumn = isSelectionColumn(column);
+    // The expand button may be in a separate column or in the first data column
     const columnHasExpandIcon = isExpandedColumn(column) || expandIcon;
-
     if ((cellInSelectionColumn || columnHasExpandIcon) && !_isEqual(nextProps, this.props)) {
       return true;
     } else {
       const omitProps = ['selected', 'expanded', 'expandIcon', 'disabled'];
-
       const propsOmitSelected = _omit(props, omitProps);
-
       const nextPropsOmitSelected = _omit(nextProps, omitProps);
-
       if (!_isEqual(nextPropsOmitSelected, propsOmitSelected)) {
         return true;
       }
     }
-
     return false;
   }
-
   componentDidUpdate() {
     this.props.onDidUpdate(this.ref);
   }
-
   getTdProps() {
     const {
       record,
@@ -127,21 +107,17 @@ export default class TableCell extends BaseComponent {
     const isRTL = direction === 'rtl';
     const fixedLeftFlag = fixedLeft || typeof fixedLeft === 'number';
     const fixedRightFlag = fixedRight || typeof fixedRight === 'number';
-
     if (fixedLeftFlag) {
       _set(tdProps, isRTL ? 'style.right' : 'style.left', typeof fixedLeft === 'number' ? fixedLeft : 0);
     } else if (fixedRightFlag) {
       _set(tdProps, isRTL ? 'style.left' : 'style.right', typeof fixedRight === 'number' ? fixedRight : 0);
     }
-
     if (width != null) {
       _set(tdProps, 'style.width', width);
     }
-
     if (height != null) {
       _set(tdProps, 'style.height', height);
     }
-
     if (column.onCell) {
       customCellProps = column.onCell(record, index);
       this.adapter.setCache('customCellProps', Object.assign({}, customCellProps));
@@ -149,14 +125,12 @@ export default class TableCell extends BaseComponent {
       const customCellStyle = _get(customCellProps, 'style') || {};
       tdProps.style = Object.assign(Object.assign({}, tdProps.style), customCellStyle);
     }
-
     if (column.align) {
       const textAlign = getRTLAlign(column.align, direction);
       tdProps.style = Object.assign(Object.assign({}, tdProps.style), {
         textAlign
       });
     }
-
     return {
       tdProps,
       customCellProps
@@ -166,8 +140,6 @@ export default class TableCell extends BaseComponent {
    * We should return undefined if no dataIndex is specified, but in order to
    * be compatible with object-path's behavior, we return the record object instead.
    */
-
-
   renderText(tdProps) {
     const {
       record,
@@ -185,7 +157,6 @@ export default class TableCell extends BaseComponent {
       useFullRender
     } = column;
     let text, colSpan, rowSpan;
-
     if (typeof dataIndex === 'number') {
       text = _get(record, dataIndex);
     } else if (!dataIndex || dataIndex.length === 0) {
@@ -193,21 +164,19 @@ export default class TableCell extends BaseComponent {
     } else {
       text = _get(record, dataIndex);
     }
-
     const indentText = indent && indentSize ? /*#__PURE__*/React.createElement("span", {
       style: {
         paddingLeft: `${indentSize * indent}px`
       },
       className: `${prefixCls}-row-indent indent-level-${indent}`
-    }) : null; // column.render
-
+    }) : null;
+    // column.render
     const realExpandIcon = typeof renderExpandIcon === 'function' ? renderExpandIcon(record) : expandIcon;
-
     if (render) {
       const renderOptions = {
         expandIcon: realExpandIcon
-      }; // column.useFullRender
-
+      };
+      // column.useFullRender
       if (useFullRender) {
         const {
           renderSelection
@@ -218,9 +187,7 @@ export default class TableCell extends BaseComponent {
           indentText
         });
       }
-
       text = render(text, record, index, renderOptions);
-
       if (isInvalidRenderCellText(text)) {
         // eslint-disable-next-line no-param-reassign
         tdProps = text.props ? _merge(tdProps, text.props) : tdProps;
@@ -229,7 +196,6 @@ export default class TableCell extends BaseComponent {
         text = text.children;
       }
     }
-
     return {
       text,
       indentText,
@@ -239,7 +205,6 @@ export default class TableCell extends BaseComponent {
       tdProps
     };
   }
-
   renderInner(text, indentText, realExpandIcon) {
     const {
       prefixCls,
@@ -255,7 +220,6 @@ export default class TableCell extends BaseComponent {
       useFullRender
     } = column;
     let inner = null;
-
     if (useFullRender) {
       inner = text;
     } else {
@@ -267,7 +231,6 @@ export default class TableCell extends BaseComponent {
         key: 'text'
       }, text)];
     }
-
     if (isSection) {
       inner = /*#__PURE__*/React.createElement("div", {
         className: classnames(`${prefixCls}-section-inner`),
@@ -276,10 +239,8 @@ export default class TableCell extends BaseComponent {
         }
       }, inner);
     }
-
     return inner;
   }
-
   render() {
     const {
       prefixCls,
@@ -318,24 +279,19 @@ export default class TableCell extends BaseComponent {
     } = renderTextResult;
     let title;
     const shouldShowTitle = shouldShowEllipsisTitle(ellipsis);
-
     if (shouldShowTitle) {
       if (typeof text === 'string') {
         title = text;
       }
     }
-
     if (rowSpan === 0 || colSpan === 0) {
       return null;
     }
-
     if (isInvalidRenderCellText(text)) {
       text = null;
     }
-
     const inner = this.renderInner(text, indentText, realExpandIcon);
     let isFixedLeft, isFixedLeftLast, isFixedRight, isFixedRightFirst;
-
     if (isRTL) {
       isFixedLeft = fixedRightFlag;
       isFixedLeftLast = firstFixedRight;
@@ -347,7 +303,6 @@ export default class TableCell extends BaseComponent {
       isFixedRight = fixedRightFlag;
       isFixedRightFirst = firstFixedRight;
     }
-
     const columnCls = classnames(className, `${prefixCls}-row-cell`, _get(customCellProps, 'className'), {
       [`${prefixCls}-cell-fixed-left`]: isFixedLeft,
       [`${prefixCls}-cell-fixed-left-last`]: isFixedLeftLast,
@@ -365,7 +320,6 @@ export default class TableCell extends BaseComponent {
       ref: this.setRef
     }), inner);
   }
-
 }
 TableCell.contextType = Context;
 TableCell.defaultProps = {

package/lib/es/table/TableContextProvider.js

@@ -1,6 +1,5 @@
 import React, { useMemo } from 'react';
 import Context from './table-context';
-
 const TableContextProvider = _ref => {
   let {
     children,
@@ -37,5 +36,4 @@ const TableContextProvider = _ref => {
     value: tableContextValue
   }, children);
 };
-
 export default TableContextProvider;

package/lib/es/table/TableHeader.js

@@ -1,6 +1,5 @@
 import _isFunction from "lodash/isFunction";
 import _noop from "lodash/noop";
-
 /* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -8,10 +7,9 @@ import BaseComponent from '../_base/baseComponent';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import { shouldShowEllipsisTitle } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import TableHeaderRow from './TableHeaderRow';
-
 function parseHeaderRows(columns) {
-  const rows = []; // eslint-disable-next-line @typescript-eslint/no-shadow
-
+  const rows = [];
+  // eslint-disable-next-line @typescript-eslint/no-shadow
   function fillRowCells(columns, colIndex) {
     let parents = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
     let rowIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
@@ -35,45 +33,36 @@ function parseHeaderRows(columns) {
         *  - If the current cell has children, colSpan = the sum of children rowSpan
         *  - If the current cell has no children, colSpan = 1
         */
-
       const subColumns = column.children;
-
       if (subColumns && subColumns.length > 0) {
         colSpan = fillRowCells(subColumns, currentColIndex, [...parents, cell], rowIndex + 1, level + 1).reduce((total, count) => total + count, 0);
         cell.hasSubColumns = true;
       }
-
       if ('colSpan' in column) {
         ({
           colSpan
         } = column);
       }
-
       if ('rowSpan' in column) {
         cell.rowSpan = column.rowSpan;
       }
-
       if (column.key === strings.DEFAULT_KEY_COLUMN_SCROLLBAR) {
         cell['x-type'] = strings.DEFAULT_KEY_COLUMN_SCROLLBAR;
       }
-
       cell.colSpan = colSpan;
       cell.colEnd = cell.colStart + colSpan - 1;
       rows[rowIndex].push(cell);
       currentColIndex += colSpan;
       const ellipsis = column === null || column === void 0 ? void 0 : column.ellipsis;
       const shouldShowTitle = shouldShowEllipsisTitle(ellipsis);
-
       if (shouldShowTitle && typeof cell.children === 'string') {
         cell.title = cell.children;
       }
-
       return colSpan;
     });
     return colSpans;
-  } // Generate `rows` cell data
-
-
+  }
+  // Generate `rows` cell data
   fillRowCells(columns, 0);
   /**
    * Calculate header row merge rowSpan
@@ -84,9 +73,7 @@ function parseHeaderRows(columns) {
    *  - 如果当前cell没有children，则需要计算rowSpan，rowSpan = 表头总行数 - 当前属于第几行
    *  - 如果当前cell有children，则无需计算rowSpan
    */
-
   const rowCount = rows.length;
-
   for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
     rows[rowIndex].forEach(cell => {
       if (!('rowSpan' in cell) && !cell.hasSubColumns) {
@@ -95,19 +82,15 @@ function parseHeaderRows(columns) {
       }
     });
   }
-
   return rows;
 }
 /**
  * Render the header of the table header, and control the merging of the columns of the header
  */
-
-
 class TableHeader extends BaseComponent {
   get adapter() {
     return Object.assign({}, super.adapter);
   }
-
   render() {
     const {
       components,
@@ -135,9 +118,7 @@ class TableHeader extends BaseComponent {
       selectedRowKeysSet: selectedRowKeysSet
     })));
   }
-
 }
-
 TableHeader.propTypes = {
   components: PropTypes.any,
   columns: PropTypes.array,

package/lib/es/table/TableHeaderRow.js

@@ -4,20 +4,15 @@ import _set from "lodash/set";
 import _map from "lodash/map";
 import _noop from "lodash/noop";
 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 */
-
-
 import React from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
@@ -26,12 +21,13 @@ import { arrayAdd, isFirstFixedRight, isLastLeftFixed, isFixedLeft, isFixedRight
 import BaseComponent from '../_base/baseComponent';
 import TableContext from './table-context';
 export default class TableHeaderRow extends BaseComponent {
+  get adapter() {
+    return Object.assign({}, super.adapter);
+  }
   constructor(props) {
     super(props);
-
     this.cacheRef = node => {
       this.headerNode = node;
-
       if (node && this.context.setHeadWidths) {
         const {
           prefixCls,
@@ -42,13 +38,10 @@ export default class TableHeaderRow extends BaseComponent {
         const heads = node && node.querySelectorAll && node.querySelectorAll(cellSelector);
         this.context.setHeadWidths(_map(heads, (head, headIndex) => {
           let configWidth = _get(row, [headIndex, 'column', 'width']);
-
           const key = _get(row, [headIndex, 'column', 'key']);
-
           if (typeof configWidth !== 'number') {
             configWidth = head && head.getBoundingClientRect().width || 0;
           }
-
           return {
             width: configWidth,
             key
@@ -56,20 +49,13 @@ export default class TableHeaderRow extends BaseComponent {
         }), index);
       }
     };
-
     this.headerNode = null;
   }
-
-  get adapter() {
-    return Object.assign({}, super.adapter);
-  }
-
   componentDidUpdate(prevProps) {
     if (prevProps.columns !== this.props.columns && this.headerNode) {
       this.cacheRef(this.headerNode);
     }
   }
-
   render() {
     const {
       components,
@@ -87,24 +73,17 @@ export default class TableHeaderRow extends BaseComponent {
     const isRTL = direction === 'rtl';
     const slicedColumns = sliceColumnsByLevel(columns, index);
     const headWidths = getCellWidths(slicedColumns);
-
     const HeaderRow = _get(components, 'header.row', 'tr');
-
     const HeaderCell = _get(components, 'header.cell', 'th');
-
     const rowProps = onHeaderRow(columns, index) || {};
-
     _set(rowProps, 'className', classnames(_get(rowProps, 'className'), `${prefixCls}-row`));
-
     const cells = _map(row, (cell, cellIndex) => {
       const {
-        column
-      } = cell,
-            cellProps = __rest(cell, ["column"]);
-
+          column
+        } = cell,
+        cellProps = __rest(cell, ["column"]);
       const customProps = typeof column.onHeaderCell === 'function' ? column.onHeaderCell(column, cellIndex, index) : {};
       let cellStyle = Object.assign({}, customProps.style);
-
       if (column.align) {
         const textAlign = getRTLAlign(column.align, direction);
         cellStyle = Object.assign(Object.assign({}, cellStyle), {
@@ -114,9 +93,7 @@ export default class TableHeaderRow extends BaseComponent {
           [`${prefixCls}-align-${textAlign}`]: Boolean(textAlign)
         });
       }
-
       let fixedLeft, fixedRight, fixedLeftLast, fixedRightFirst;
-
       if (isRTL) {
         fixedLeft = isFixedRight(column);
         fixedRight = isFixedLeft(column);
@@ -128,8 +105,8 @@ export default class TableHeaderRow extends BaseComponent {
         fixedLeftLast = isLastLeftFixed(slicedColumns, column);
         fixedRightFirst = isFirstFixedRight(slicedColumns, column);
       }
-
-      customProps.className = classnames(`${prefixCls}-row-head`, column.className, customProps.className, // `${prefixCls}-fixed-columns`,
+      customProps.className = classnames(`${prefixCls}-row-head`, column.className, customProps.className,
+      // `${prefixCls}-fixed-columns`,
       {
         [`${prefixCls}-cell-fixed-left`]: fixedLeft,
         [`${prefixCls}-cell-fixed-left-last`]: fixedLeftLast,
@@ -137,10 +114,8 @@ export default class TableHeaderRow extends BaseComponent {
         [`${prefixCls}-cell-fixed-right-first`]: fixedRightFirst,
         [`${prefixCls}-row-head-ellipsis`]: column.ellipsis
       });
-
       if (headWidths.length && slicedColumns.length) {
         const indexOfSlicedColumns = _findIndex(slicedColumns, item => item && item.key != null && item.key === column.key);
-
         if (indexOfSlicedColumns > -1) {
           if (isFixedLeft(column)) {
             const xPositionKey = isRTL ? 'right' : 'left';
@@ -157,18 +132,14 @@ export default class TableHeaderRow extends BaseComponent {
           }
         }
       }
-
       const props = _omit(Object.assign(Object.assign({}, cellProps), customProps), ['colStart', 'colEnd', 'hasSubColumns', 'parents', 'level']);
-
       const {
         rowSpan,
         colSpan
       } = props;
-
       if (rowSpan === 0 || colSpan === 0) {
         return null;
       }
-
       return (
         /*#__PURE__*/
         // @ts-ignore  no need to do complex ts type checking and qualification
@@ -181,7 +152,6 @@ export default class TableHeaderRow extends BaseComponent {
         }))
       );
     });
-
     return (
       /*#__PURE__*/
       // @ts-ignore no need to do complex ts type checking and qualification
@@ -194,7 +164,6 @@ export default class TableHeaderRow extends BaseComponent {
       }), cells)
     );
   }
-
 }
 TableHeaderRow.contextType = TableContext;
 TableHeaderRow.propTypes = {

package/lib/es/table/TablePagination.js

@@ -1,6 +1,5 @@
 import _isFunction from "lodash/isFunction";
 import _get from "lodash/get";
-
 /* eslint-disable max-len */
 import React, { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
@@ -14,9 +13,7 @@ export default class TablePagination extends PureComponent {
       info,
       renderPagination
     } = this.props;
-
     const total = _get(pagination, 'total');
-
     const customPagination = renderPagination && _isFunction(renderPagination) ? renderPagination(pagination) : null;
     return /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-pagination-outer`
@@ -28,7 +25,6 @@ export default class TablePagination extends PureComponent {
       key: _get(pagination, 'pageSize', 'pagination')
     })) : null)));
   }
-
 }
 TablePagination.propTypes = {
   style: PropTypes.object,

package/lib/es/table/getColumns.js

@@ -2,7 +2,6 @@ import _omit from "lodash/omit";
 import _get from "lodash/get";
 import React from 'react';
 import Column from './Column';
-
 /**
  * Convert jsx children into object columns
  * @param {Node} children
@@ -14,11 +13,9 @@ export default function getColumns(children) {
     React.Children.forEach(children, child => {
       if ( /*#__PURE__*/React.isValidElement(child) && (child.type === Column || _get(child, 'type.elementType') === 'Column')) {
         const col = _omit(child.props, ['children']);
-
         if (Array.isArray(child.props.children) && child.props.children.length) {
           col.children = getColumns(child.props.children);
         }
-
         columns.push(Object.assign({
           key: child.key
         }, col));
@@ -26,6 +23,5 @@ export default function getColumns(children) {
     });
     return columns;
   }
-
   return [];
 }

package/lib/es/table/index.js

@@ -5,23 +5,17 @@ import ResizableTable from './ResizableTable';
 import Column from './Column';
 import { strings } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import ConfigContext from '../configProvider/context';
-
 class Table extends React.PureComponent {
   constructor(props) {
     super(props);
-
     this.getCurrentPageData = () => this.tableRef.current && this.tableRef.current.getCurrentPageData();
-
     this.tableRef = /*#__PURE__*/React.createRef();
   }
-
   render() {
-    var _a; // eslint-disable-next-line prefer-destructuring
-
-
+    var _a;
+    // eslint-disable-next-line prefer-destructuring
     const props = this.props;
     const direction = (_a = this.props.direction) !== null && _a !== void 0 ? _a : this.context.direction;
-
     if (props.resizable) {
       return /*#__PURE__*/React.createElement(ResizableTable, Object.assign({}, props, {
         ref: this.tableRef,
@@ -34,9 +28,7 @@ class Table extends React.PureComponent {
       }));
     }
   }
-
 }
-
 Table.Column = Column;
 Table.DEFAULT_KEY_COLUMN_SELECTION = strings.DEFAULT_KEY_COLUMN_SELECTION;
 Table.DEFAULT_KEY_COLUMN_EXPAND = strings.DEFAULT_KEY_COLUMN_EXPAND;