@douyinfe/semi-ui 2.34.0-beta.0 → 2.34.1-alpha.2

package/lib/cjs/steps/index.d.ts

@@ -29,6 +29,7 @@ declare class Steps extends Component<StepsProps> {
         size: PropTypes.Requireable<string>;
     };
     static defaultProps: {
+        onChange: (...args: any[]) => void;
         type: string;
         size: string;
     };

package/lib/cjs/steps/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -21,12 +23,12 @@ var _navSteps = _interopRequireDefault(require("./navSteps"));
 
 var _context = _interopRequireDefault(require("./context"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -81,6 +83,7 @@ Steps.propTypes = {
   size: _propTypes.default.oneOf(['small', 'default'])
 };
 Steps.defaultProps = {
+  onChange: _noop2.default,
   type: 'fill',
   size: 'default'
 };

package/lib/cjs/steps/navStep.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -35,14 +37,20 @@ const NavStep = props => {
   }, className);
 
   const handleClick = e => {
-    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-    onChange === null || onChange === void 0 ? void 0 : onChange();
+    if ((0, _isFunction2.default)(onClick)) {
+      onClick(e);
+    }
+
+    onChange();
   };
 
   const handleKeyDown = e => {
     if (e.key === 'Enter') {
-      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-      onChange === null || onChange === void 0 ? void 0 : onChange();
+      if ((0, _isFunction2.default)(onKeyDown)) {
+        onKeyDown(e);
+      }
+
+      onChange();
     }
   };
 

package/lib/cjs/steps/navSteps.js

@@ -45,11 +45,13 @@ const Steps = props => {
         total
       }, child.props);
       childProps.active = index === current;
-      childProps.onChange = onChange ? () => {
+
+      childProps.onChange = () => {
         if (index !== current) {
           onChange(index + initial);
         }
-      } : undefined;
+      };
+
       return /*#__PURE__*/(0, _react.cloneElement)(child, Object.assign({}, childProps));
     });
 

package/lib/cjs/table/Body/index.d.ts

@@ -4,7 +4,6 @@ import Store from '@douyinfe/semi-foundation/lib/cjs/utils/Store';
 import { BaseProps } from '../../_base/baseComponent';
 import { ExpandedRowRender, Virtualized, GetVirtualizedListRef, ColumnProps, Size, BodyScrollEvent, Scroll, Fixed, TableComponents, RowExpandable, VirtualizedOnScroll, RowKey } from '../interface';
 export interface BodyProps extends BaseProps {
-    tableLayout?: 'fixed' | 'auto';
     anyColumnFixed?: boolean;
     columns?: ColumnProps[];
     dataSource?: Record<string, any>[];

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

@@ -281,6 +281,7 @@ class Body extends _baseComponent.default {
         scroll,
         prefixCls,
         virtualized,
+        anyColumnFixed,
         columns
       } = this.props;
       const {
@@ -497,8 +498,7 @@ class Body extends _baseComponent.default {
         dataSource,
         onScroll,
         groups,
-        expandedRowRender,
-        tableLayout
+        expandedRowRender
       } = this.props;
       const x = (0, _get2.default)(scroll, 'x');
       const y = (0, _get2.default)(scroll, 'y');
@@ -546,7 +546,7 @@ class Body extends _baseComponent.default {
         "aria-colcount": columns && columns.length,
         style: tableStyle,
         className: (0, _classnames.default)(prefixCls, {
-          [`${prefixCls}-fixed`]: tableLayout === 'fixed'
+          [`${prefixCls}-fixed`]: anyColumnFixed
         })
       }, colgroup, includeHeader && showHeader ? /*#__PURE__*/_react.default.createElement(_TableHeader.default, Object.assign({}, this.props, {
         ref: headerRef,

package/lib/cjs/table/HeadTable.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { Fixed, TableComponents, Scroll, BodyScrollEvent, ColumnProps, OnHeaderRow, Sticky } from './interface';
+import { Fixed, TableComponents, Scroll, BodyScrollEvent, ColumnProps, OnHeaderRow } from './interface';
 export interface HeadTableProps {
-    tableLayout?: 'fixed' | 'auto';
+    [x: string]: any;
+    anyColumnFixed?: boolean;
     bodyHasScrollBar?: boolean;
     columns?: ColumnProps[];
     components?: TableComponents;
@@ -15,7 +16,6 @@ export interface HeadTableProps {
     showHeader?: boolean;
     onDidUpdate?: (ref: React.MutableRefObject<any>) => void;
     onHeaderRow?: OnHeaderRow<any>;
-    sticky?: Sticky;
 }
-declare const _default: React.ForwardRefExoticComponent<HeadTableProps & React.RefAttributes<HTMLDivElement>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<HeadTableProps, keyof HeadTableProps> & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/lib/cjs/table/HeadTable.js

@@ -45,7 +45,7 @@ class HeadTable extends _react.default.PureComponent {
       components,
       onDidUpdate,
       showHeader,
-      tableLayout,
+      anyColumnFixed,
       bodyHasScrollBar,
       sticky
     } = this.props;
@@ -96,7 +96,7 @@ class HeadTable extends _react.default.PureComponent {
     }, /*#__PURE__*/_react.default.createElement(Table, {
       style: tableStyle,
       className: (0, _classnames.default)(prefixCls, {
-        [`${prefixCls}-fixed`]: tableLayout === 'fixed'
+        [`${prefixCls}-fixed`]: anyColumnFixed
       })
     }, colgroup, tableHeader));
   }
@@ -104,7 +104,7 @@ class HeadTable extends _react.default.PureComponent {
 }
 
 HeadTable.propTypes = {
-  tableLayout: _propTypes.default.string,
+  anyColumnFixed: _propTypes.default.bool,
   bodyHasScrollBar: _propTypes.default.bool,
   columns: _propTypes.default.array,
   components: _propTypes.default.object,

package/lib/cjs/table/Table.js

@@ -504,12 +504,8 @@ class Table extends _baseComponent.default {
 
     this.addFnsInColumn = function () {
       let column = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      const {
-        prefixCls
-      } = _this.props;
 
       if (column && (column.sorter || column.filters || column.useFullRender)) {
-        let hasSorterOrFilter = false;
         const {
           dataIndex,
           title: rawTitle,
@@ -528,12 +524,9 @@ class Table extends _baseComponent.default {
         const stateSortOrder = (0, _get2.default)(curQuery, 'sortOrder');
         const defaultSortOrder = (0, _get2.default)(curQuery, 'defaultSortOrder', false);
         const sortOrder = _this.foundation.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
-        const showEllipsisTitle = (0, _utils.shouldShowEllipsisTitle)(column.ellipsis);
 
-        const TitleNode = typeof rawTitle !== 'function' && /*#__PURE__*/_react.default.createElement("span", {
-          className: `${prefixCls}-row-head-title`,
-          key: _constants.strings.DEFAULT_KEY_COLUMN_TITLE,
-          title: showEllipsisTitle && typeof rawTitle === 'string' ? rawTitle : undefined
+        const TitleNode = typeof rawTitle !== 'function' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+          key: _constants.strings.DEFAULT_KEY_COLUMN_TITLE
         }, rawTitle);
 
         if (typeof column.sorter === 'function' || column.sorter === true) {
@@ -547,7 +540,6 @@ class Table extends _baseComponent.default {
           });
 
           useFullRender && (titleMap.sorter = sorter);
-          hasSorterOrFilter = true;
           titleArr.push(sorter);
         } else {
           titleArr.push(TitleNode);
@@ -567,13 +559,10 @@ class Table extends _baseComponent.default {
           }));
 
           useFullRender && (titleMap.filter = filter);
-          hasSorterOrFilter = true;
           titleArr.push(filter);
         }
 
-        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : hasSorterOrFilter ? /*#__PURE__*/_react.default.createElement("div", {
-          className: `${prefixCls}-operate-wrapper`
-        }, titleArr) : titleArr;
+        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr;
         column = Object.assign(Object.assign({}, column), {
           title: newTitle
         });
@@ -718,10 +707,9 @@ class Table extends _baseComponent.default {
         sticky
       } = props;
       const selectedRowKeysSet = (0, _get2.default)(rowSelection, 'selectedRowKeysSet', new Set());
-      const tableLayout = this.adapter.getTableLayout();
       const headTable = fixed || useFixedHeader ? /*#__PURE__*/_react.default.createElement(_HeadTable.default, {
         key: "head",
-        tableLayout: tableLayout,
+        anyColumnFixed: anyColumnFixed,
         ref: headerRef,
         columns: filteredColumns,
         prefixCls: prefixCls,
@@ -746,7 +734,6 @@ class Table extends _baseComponent.default {
         handleWheel: this.handleWheel,
         handleBodyScroll: this.handleBodyScroll,
         anyColumnFixed: anyColumnFixed,
-        tableLayout: tableLayout,
         includeHeader: includeHeader,
         showHeader: showHeader,
         scroll: scroll,
@@ -1082,18 +1069,6 @@ class Table extends _baseComponent.default {
 
         return false;
       },
-      getTableLayout: () => {
-        let isFixed = false;
-        const {
-          flattenColumns
-        } = this.state;
-
-        if (Array.isArray(flattenColumns)) {
-          isFixed = flattenColumns.some(column => Boolean(column.ellipsis) || Boolean(column.fixed));
-        }
-
-        return isFixed ? 'fixed' : 'auto';
-      },
       setHeadWidths: function (headWidths) {
         let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
 

package/lib/cjs/table/TableCell.js

@@ -320,8 +320,7 @@ class TableCell extends _baseComponent.default {
     } = this.context;
     const isRTL = direction === 'rtl';
     const {
-      className,
-      ellipsis
+      className
     } = column;
     const fixedLeftFlag = fixedLeft || typeof fixedLeft === 'number';
     const fixedRightFlag = fixedRight || typeof fixedRight === 'number';
@@ -340,14 +339,6 @@ class TableCell extends _baseComponent.default {
       realExpandIcon,
       tdProps: newTdProps
     } = renderTextResult;
-    let title;
-    const shouldShowTitle = (0, _utils.shouldShowEllipsisTitle)(ellipsis);
-
-    if (shouldShowTitle) {
-      if (typeof text === 'string') {
-        title = text;
-      }
-    }
 
     if (rowSpan === 0 || colSpan === 0) {
       return null;
@@ -376,15 +367,13 @@ class TableCell extends _baseComponent.default {
       [`${prefixCls}-cell-fixed-left`]: isFixedLeft,
       [`${prefixCls}-cell-fixed-left-last`]: isFixedLeftLast,
       [`${prefixCls}-cell-fixed-right`]: isFixedRight,
-      [`${prefixCls}-cell-fixed-right-first`]: isFixedRightFirst,
-      [`${prefixCls}-row-cell-ellipsis`]: ellipsis
+      [`${prefixCls}-cell-fixed-right-first`]: isFixedRightFirst
     });
     return /*#__PURE__*/_react.default.createElement(BodyCell, Object.assign({
       role: "gridcell",
       "aria-colindex": colIndex + 1,
       className: columnCls,
-      onClick: this.handleClick,
-      title: title
+      onClick: this.handleClick
     }, newTdProps, {
       ref: this.setRef
     }), inner);

package/lib/cjs/table/TableHeader.d.ts

@@ -23,7 +23,6 @@ export interface TableHeaderCell {
     rowSpan?: number;
     colSpan?: number;
     colEnd?: number;
-    title?: string;
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<TableHeaderProps, "forwardedRef"> & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/lib/cjs/table/TableHeader.js

@@ -11,13 +11,11 @@ var _noop2 = _interopRequireDefault(require("lodash/noop"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _utils = require("@douyinfe/semi-foundation/lib/cjs/table/utils");
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
 
 var _TableHeaderRow = _interopRequireDefault(require("./TableHeaderRow"));
 
@@ -76,13 +74,6 @@ function parseHeaderRows(columns) {
       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 = (0, _utils.shouldShowEllipsisTitle)(ellipsis);
-
-      if (shouldShowTitle && typeof cell.children === 'string') {
-        cell.title = cell.children;
-      }
-
       return colSpan;
     });
     return colSpans;

package/lib/cjs/table/TableHeaderRow.js

@@ -149,8 +149,7 @@ class TableHeaderRow extends _baseComponent.default {
         [`${prefixCls}-cell-fixed-left`]: fixedLeft,
         [`${prefixCls}-cell-fixed-left-last`]: fixedLeftLast,
         [`${prefixCls}-cell-fixed-right`]: fixedRight,
-        [`${prefixCls}-cell-fixed-right-first`]: fixedRightFirst,
-        [`${prefixCls}-row-head-ellipsis`]: column.ellipsis
+        [`${prefixCls}-cell-fixed-right-first`]: fixedRightFirst
       });
 
       if (headWidths.length && slicedColumns.length) {

package/lib/cjs/table/interface.d.ts

@@ -6,7 +6,7 @@ import { DropdownProps } from '../dropdown';
 import { Locale } from '../locale/interface';
 import { ArrayElement } from '../_base/base';
 import { strings } from '@douyinfe/semi-foundation/lib/cjs/table/constants';
-import { BaseRowKeyType, BaseSortOrder, BaseGroupBy, BaseGroupByFn, BaseFixed, BaseAlign, BaseChangeInfoSorter, BaseSorter, BaseFilter, BaseChangeInfoFilter, BaseIncludeGroupRecord, BaseEllipsis } from '@douyinfe/semi-foundation/lib/cjs/table/foundation';
+import { BaseRowKeyType, BaseSortOrder, BaseGroupBy, BaseGroupByFn, BaseFixed, BaseAlign, BaseChangeInfoSorter, BaseSorter, BaseFilter, BaseChangeInfoFilter, BaseIncludeGroupRecord } from '@douyinfe/semi-foundation/lib/cjs/table/foundation';
 import { ScrollDirection, CSSDirection } from 'react-window';
 export interface TableProps<RecordType extends Record<string, any> = any> extends BaseProps {
     bordered?: boolean;
@@ -89,7 +89,6 @@ export interface ColumnProps<RecordType extends Record<string, any> = any> {
     onFilter?: OnFilter<RecordType>;
     onFilterDropdownVisibleChange?: OnFilterDropdownVisibleChange;
     onHeaderCell?: OnHeaderCell<RecordType>;
-    ellipsis?: BaseEllipsis;
 }
 export declare type Align = BaseAlign;
 export declare type SortOrder = BaseSortOrder;

package/lib/cjs/typography/base.d.ts

@@ -27,9 +27,10 @@ interface BaseTypographyState {
     editable: boolean;
     copied: boolean;
     isOverflowed: boolean;
-    ellipsisContent: React.ReactNode;
+    ellipsisContent: string;
     expanded: boolean;
     isTruncated: boolean;
+    first: boolean;
     prevChildren: React.ReactNode;
 }
 export default class Base extends Component<BaseTypographyProps, BaseTypographyState> {