@douyinfe/semi-ui 2.30.2 → 2.31.0

package/lib/cjs/table/TableContextProvider.js

@@ -29,7 +29,8 @@ const TableContextProvider = _ref => {
     renderExpandIcon,
     renderSelection,
     getVirtualizedListRef,
-    setBodyHasScrollbar
+    setBodyHasScrollbar,
+    direction
   } = _ref;
   const tableContextValue = (0, _react.useMemo)(() => ({
     anyColumnFixed,
@@ -43,8 +44,9 @@ const TableContextProvider = _ref => {
     tableWidth,
     handleRowExpanded,
     getVirtualizedListRef,
-    setBodyHasScrollbar
-  }), [anyColumnFixed, flattenedColumns, renderExpandIcon, renderSelection, setHeadWidths, getHeadWidths, getCellWidths, headWidths, tableWidth, handleRowExpanded, getVirtualizedListRef, setBodyHasScrollbar]);
+    setBodyHasScrollbar,
+    direction
+  }), [anyColumnFixed, flattenedColumns, renderExpandIcon, renderSelection, setHeadWidths, getHeadWidths, getCellWidths, headWidths, tableWidth, handleRowExpanded, getVirtualizedListRef, setBodyHasScrollbar, direction]);
   return /*#__PURE__*/_react.default.createElement(_tableContext.default.Provider, {
     value: tableContextValue
   }, children);

package/lib/cjs/table/TableHeaderRow.js

@@ -101,8 +101,10 @@ class TableHeaderRow extends _baseComponent.default {
       columns
     } = this.props;
     const {
-      getCellWidths
+      getCellWidths,
+      direction
     } = this.context;
+    const isRTL = direction === 'rtl';
     const slicedColumns = (0, _utils.sliceColumnsByLevel)(columns, index);
     const headWidths = getCellWidths(slicedColumns);
     const HeaderRow = (0, _get2.default)(components, 'header.row', 'tr');
@@ -119,20 +121,35 @@ class TableHeaderRow extends _baseComponent.default {
       let cellStyle = Object.assign({}, customProps.style);
 
       if (column.align) {
+        const textAlign = (0, _utils.getRTLAlign)(column.align, direction);
         cellStyle = Object.assign(Object.assign({}, cellStyle), {
-          textAlign: column.align
+          textAlign
         });
         customProps.className = (0, _classnames.default)(customProps.className, column.className, {
-          [`${prefixCls}-align-${column.align}`]: Boolean(column.align)
+          [`${prefixCls}-align-${textAlign}`]: Boolean(textAlign)
         });
       }
 
+      let fixedLeft, fixedRight, fixedLeftLast, fixedRightFirst;
+
+      if (isRTL) {
+        fixedLeft = (0, _utils.isFixedRight)(column);
+        fixedRight = (0, _utils.isFixedLeft)(column);
+        fixedLeftLast = (0, _utils.isFirstFixedRight)(slicedColumns, column);
+        fixedRightFirst = (0, _utils.isLastLeftFixed)(slicedColumns, column);
+      } else {
+        fixedLeft = (0, _utils.isFixedLeft)(column);
+        fixedRight = (0, _utils.isFixedRight)(column);
+        fixedLeftLast = (0, _utils.isLastLeftFixed)(slicedColumns, column);
+        fixedRightFirst = (0, _utils.isFirstFixedRight)(slicedColumns, column);
+      }
+
       customProps.className = (0, _classnames.default)(`${prefixCls}-row-head`, column.className, customProps.className, // `${prefixCls}-fixed-columns`,
       {
-        [`${prefixCls}-cell-fixed-left`]: (0, _utils.isFixedLeft)(column),
-        [`${prefixCls}-cell-fixed-left-last`]: (0, _utils.isLastLeftFixed)(slicedColumns, column),
-        [`${prefixCls}-cell-fixed-right`]: (0, _utils.isFixedRight)(column),
-        [`${prefixCls}-cell-fixed-right-first`]: (0, _utils.isFirstFixedRight)(slicedColumns, column)
+        [`${prefixCls}-cell-fixed-left`]: fixedLeft,
+        [`${prefixCls}-cell-fixed-left-last`]: fixedLeftLast,
+        [`${prefixCls}-cell-fixed-right`]: fixedRight,
+        [`${prefixCls}-cell-fixed-right-first`]: fixedRightFirst
       });
 
       if (headWidths.length && slicedColumns.length) {
@@ -140,14 +157,16 @@ class TableHeaderRow extends _baseComponent.default {
 
         if (indexOfSlicedColumns > -1) {
           if ((0, _utils.isFixedLeft)(column)) {
+            const xPositionKey = isRTL ? 'right' : 'left';
             cellStyle = Object.assign(Object.assign({}, cellStyle), {
               position: 'sticky',
-              left: (0, _utils.arrayAdd)(headWidths, 0, indexOfSlicedColumns)
+              [xPositionKey]: (0, _utils.arrayAdd)(headWidths, 0, indexOfSlicedColumns)
             });
           } else if ((0, _utils.isFixedRight)(column)) {
+            const xPositionKey = isRTL ? 'left' : 'right';
             cellStyle = Object.assign(Object.assign({}, cellStyle), {
               position: 'sticky',
-              right: (0, _utils.arrayAdd)(headWidths, indexOfSlicedColumns + 1)
+              [xPositionKey]: (0, _utils.arrayAdd)(headWidths, indexOfSlicedColumns + 1)
             });
           }
         }

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

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import NormalTable from './Table';
 import Column from './Column';
 import { TableProps, Data } from './interface';
+import { ContextValue } from '../configProvider/context';
 declare class Table<RecordType extends Record<string, any> = Data> extends React.PureComponent<TableProps<RecordType>> {
     static Column: typeof Column;
     static DEFAULT_KEY_COLUMN_SELECTION: "column-selection";
@@ -91,7 +92,9 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
     static defaultProps: {
         hideExpandedColumn: boolean;
     };
+    static contextType: React.Context<ContextValue>;
     tableRef: React.RefObject<NormalTable<RecordType>>;
+    context: ContextValue;
     constructor(props: TableProps);
     getCurrentPageData: () => any;
     render(): JSX.Element;

package/lib/cjs/table/index.js

@@ -18,6 +18,8 @@ var _Column = _interopRequireDefault(require("./Column"));
 
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
 
+var _context = _interopRequireDefault(require("../configProvider/context"));
+
 var _interface = require("./interface");
 
 Object.keys(_interface).forEach(function (key) {
@@ -44,16 +46,21 @@ class Table extends _react.default.PureComponent {
   }
 
   render() {
-    // 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.default.createElement(_ResizableTable.default, Object.assign({}, props, {
-        ref: this.tableRef
+        ref: this.tableRef,
+        direction: direction
       }));
     } else {
       return /*#__PURE__*/_react.default.createElement(_Table.default, Object.assign({}, props, {
-        ref: this.tableRef
+        ref: this.tableRef,
+        direction: direction
       }));
     }
   }
@@ -69,5 +76,6 @@ Table.propTypes = Object.assign(Object.assign({}, _Table.default.propTypes), {
 Table.defaultProps = {
   hideExpandedColumn: true
 };
+Table.contextType = _context.default;
 var _default = Table;
 exports.default = _default;

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

@@ -56,6 +56,7 @@ export interface TableProps<RecordType extends Record<string, any> = any> extend
     onHeaderRow?: OnHeaderRow<RecordType>;
     onRow?: OnRow<RecordType>;
     sticky?: Sticky;
+    direction?: Direction;
 }
 export interface ColumnProps<RecordType extends Record<string, any> = any> {
     [x: string]: any;

package/lib/cjs/table/table-context.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ColumnProps, GetVirtualizedListRef, RowKey } from './interface';
 import { BaseHeadWidth } from '@douyinfe/semi-foundation/lib/cjs/table/foundation';
+import type { ContextValue } from '../configProvider/context';
 export interface TableContextProps {
     children?: React.ReactNode;
     anyColumnFixed?: boolean;
@@ -15,6 +16,7 @@ export interface TableContextProps {
     renderSelection?: (record?: Record<string, any>, isHeader?: boolean) => React.ReactNode;
     getVirtualizedListRef?: GetVirtualizedListRef;
     setBodyHasScrollbar?: (bodyHasScrollBar: boolean) => void;
+    direction?: ContextValue['direction'];
 }
 declare const TableContext: React.Context<TableContextProps>;
 export default TableContext;

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

@@ -54,7 +54,7 @@ export interface TabBarProps {
 }
 export interface TabPaneProps {
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     disabled?: boolean;
     icon?: ReactNode;
     itemKey?: string;

package/lib/cjs/tag/index.js

@@ -207,10 +207,12 @@ class Tag extends _react.Component {
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
       size: "small"
     })) : null;
+    const stringChild = (0, _isString2.default)(children);
+    const contentCls = (0, _classnames.default)(`${prefixCls}-content`, `${prefixCls}-content-${stringChild ? 'ellipsis' : 'center'}`);
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
-      "aria-label": this.props['aria-label'] || (0, _isString2.default)(children) ? `${closable ? 'Closable ' : ''}Tag: ${children}` : ''
+      "aria-label": this.props['aria-label'] || stringChild ? `${closable ? 'Closable ' : ''}Tag: ${children}` : ''
     }, wrapProps), avatarSrc ? this.renderAvatar() : null, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${prefixCls}-content`
+      className: contentCls
     }, children), closeIcon);
   }
 

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

@@ -46,7 +46,7 @@ export interface TagInputProps {
     style?: React.CSSProperties;
     suffix?: React.ReactNode;
     validateStatus?: ValidateStatus;
-    value?: string[] | undefined;
+    value?: string[];
     autoFocus?: boolean;
     'aria-label'?: string;
     preventScroll?: boolean;

package/lib/cjs/tagInput/index.js

@@ -169,15 +169,13 @@ class TagInput extends _baseComponent.default {
             key: elementKey,
             visible: true,
             "aria-label": `${!disabled ? 'Closable ' : ''}Tag: ${value}`
-          }, /*#__PURE__*/_react.default.createElement("div", {
-            className: `${prefixCls}-tag-content-wrapper`
           }, showIconHandler && /*#__PURE__*/_react.default.createElement(DragHandle, null), /*#__PURE__*/_react.default.createElement(_paragraph.default, {
             className: typoCls,
             ellipsis: {
               showTooltip: showContentTooltip,
               rows: 1
             }
-          }, value)));
+          }, value));
         }
       });
     };

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

@@ -63,6 +63,7 @@ export interface TooltipProps extends BaseProps {
     preventScroll?: boolean;
     disableFocusListener?: boolean;
     afterClose?: () => void;
+    keepDOM?: boolean;
 }
 interface TooltipState {
     visible: boolean;
@@ -79,6 +80,7 @@ interface TooltipState {
     transitionStyle: Record<string, any>;
     isPositionUpdated: boolean;
     id: string;
+    displayNone: boolean;
 }
 export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
     static contextType: React.Context<ContextValue>;
@@ -120,6 +122,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         guardFocus: PropTypes.Requireable<boolean>;
         returnFocusOnClose: PropTypes.Requireable<boolean>;
         preventScroll: PropTypes.Requireable<boolean>;
+        keepDOM: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         arrowBounding: {
@@ -151,6 +154,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         onEscKeyDown: (...args: any[]) => void;
         disableFocusListener: boolean;
         disableArrowKeyDown: boolean;
+        keepDOM: boolean;
     };
     eventManager: Event;
     triggerEl: React.RefObject<unknown>;

package/lib/cjs/tooltip/index.js

@@ -125,7 +125,12 @@ class Tooltip extends _baseComponent.default {
 
 
     this.didLeave = () => {
-      this.foundation.removePortal();
+      if (this.props.keepDOM) {
+        this.foundation.setDisplayNone(true);
+      } else {
+        this.foundation.removePortal();
+      }
+
       this.foundation.unBindEvent();
     };
 
@@ -193,6 +198,7 @@ class Tooltip extends _baseComponent.default {
         visible,
         portalEventSet,
         placement,
+        displayNone,
         transitionState,
         id,
         isPositionUpdated
@@ -244,7 +250,9 @@ class Tooltip extends _baseComponent.default {
         } = _ref;
         return /*#__PURE__*/_react.default.createElement("div", Object.assign({
           className: (0, _classnames.default)(className, animationClassName),
-          style: Object.assign(Object.assign(Object.assign(Object.assign({}, animationStyle), {
+          style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, animationStyle), displayNone ? {
+            display: "none"
+          } : {}), {
             transformOrigin
           }), style), {
             opacity: isPositionUpdated ? opacity : "0"
@@ -330,8 +338,8 @@ class Tooltip extends _baseComponent.default {
       placement: props.position || 'top',
       transitionStyle: {},
       isPositionUpdated: false,
-      id: props.wrapperId // auto generate id, will be used by children.aria-describedby & content.id, improve a11y
-
+      id: props.wrapperId,
+      displayNone: false
     };
     this.foundation = new _foundation.default(this.adapter);
     this.eventManager = new _Event.default();
@@ -455,6 +463,11 @@ class Tooltip extends _baseComponent.default {
           this.eventManager.emit('positionUpdated');
         });
       },
+      setDisplayNone: (displayNone, cb) => {
+        this.setState({
+          displayNone
+        }, cb);
+      },
       updatePlacementAttr: placement => {
         this.setState({
           placement
@@ -763,7 +776,8 @@ Tooltip.propTypes = {
   wrapWhenSpecial: _propTypes.default.bool,
   guardFocus: _propTypes.default.bool,
   returnFocusOnClose: _propTypes.default.bool,
-  preventScroll: _propTypes.default.bool
+  preventScroll: _propTypes.default.bool,
+  keepDOM: _propTypes.default.bool
 };
 Tooltip.defaultProps = {
   arrowBounding: _constants2.numbers.ARROW_BOUNDING,
@@ -789,5 +803,6 @@ Tooltip.defaultProps = {
   returnFocusOnClose: false,
   onEscKeyDown: _noop2.default,
   disableFocusListener: false,
-  disableArrowKeyDown: false
+  disableArrowKeyDown: false,
+  keepDOM: false
 };

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

@@ -245,7 +245,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
     getTreeNodeKey: (treeNode: TreeNodeData) => string;
     handlePopoverClose: (isVisible: any) => void;
     renderTreeNode: (treeNode: FlattenNode, ind: number, style: React.CSSProperties) => JSX.Element;
-    itemKey: (index: number, data: TreeNodeData) => any;
+    itemKey: (index: number, data: Record<string, any>) => any;
     renderNodeList: () => JSX.Element;
     renderTree: () => JSX.Element;
     render(): JSX.Element;

package/lib/cjs/treeSelect/index.js

@@ -77,6 +77,8 @@ var _checkboxGroup = _interopRequireDefault(require("../checkbox/checkboxGroup")
 
 var _index3 = _interopRequireDefault(require("../popover/index"));
 
+var _virtualRow = _interopRequireDefault(require("../select/virtualRow"));
+
 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; }
@@ -813,8 +815,11 @@ class TreeSelect extends _baseComponent.default {
     };
 
     this.itemKey = (index, data) => {
-      // Find the item at the specified index.
-      const item = data[index]; // Return a value that uniquely identifies this item.
+      const {
+        visibleOptions
+      } = data; // Find the item at the specified index.
+
+      const item = visibleOptions[index]; // Return a value that uniquely identifies this item.
 
       return item.key;
     };
@@ -848,23 +853,18 @@ class TreeSelect extends _baseComponent.default {
         });
       }
 
-      const option = _ref => {
-        let {
-          index,
-          style,
-          data
-        } = _ref;
-        return this.renderTreeNode(data[index], index, style);
+      const data = {
+        visibleOptions: flattenNodes,
+        renderOption: this.renderTreeNode
       };
-
       return /*#__PURE__*/_react.default.createElement(_autoSizer.default, {
         defaultHeight: virtualize.height,
         defaultWidth: virtualize.width
-      }, _ref2 => {
+      }, _ref => {
         let {
           height,
           width
-        } = _ref2;
+        } = _ref;
         return /*#__PURE__*/_react.default.createElement(_reactWindow.FixedSizeList, {
           itemCount: flattenNodes.length,
           itemSize: virtualize.itemSize,
@@ -872,12 +872,12 @@ class TreeSelect extends _baseComponent.default {
           width: width,
           // @ts-ignore avoid strict check of itemKey
           itemKey: this.itemKey,
-          itemData: flattenNodes,
+          itemData: data,
           className: `${prefixTree}-virtual-list`,
           style: {
             direction
           }
-        }, option);
+        }, _virtualRow.default);
       });
     };
 
@@ -1188,11 +1188,11 @@ class TreeSelect extends _baseComponent.default {
     };
     return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, super.adapter), filterAdapter), treeSelectAdapter), treeAdapter), {
       updateLoadKeys: (data, resolve) => {
-        this.setState(_ref3 => {
+        this.setState(_ref2 => {
           let {
             loadedKeys,
             loadingKeys
-          } = _ref3;
+          } = _ref2;
           return this.foundation.handleNodeLoad(loadedKeys, loadingKeys, data, resolve);
         });
       },
@@ -1229,11 +1229,11 @@ class TreeSelect extends _baseComponent.default {
       notifyChangeWithObject: (node, e) => {
         this.props.onChange && this.props.onChange(node, e);
       },
-      notifyExpand: (expandedKeys, _ref4) => {
+      notifyExpand: (expandedKeys, _ref3) => {
         let {
           expanded: bool,
           node
-        } = _ref4;
+        } = _ref3;
         this.props.onExpand && this.props.onExpand([...expandedKeys], {
           expanded: bool,
           node

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

@@ -8,6 +8,7 @@ export interface CopyableProps extends BaseProps {
     duration?: number;
     forwardRef?: React.RefObject<any>;
     successTip?: React.ReactNode;
+    icon?: React.ReactNode;
     onCopy?: (e: React.MouseEvent, content: string, res: boolean) => void;
 }
 interface CopyableState {
@@ -23,6 +24,7 @@ export declare class Copyable extends React.PureComponent<CopyableProps, Copyabl
         duration: PropTypes.Requireable<number>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
     static defaultProps: {
         content: string;
@@ -38,6 +40,7 @@ export declare class Copyable extends React.PureComponent<CopyableProps, Copyabl
     setCopied: (item: string, timer: number) => void;
     resetCopied: () => void;
     renderSuccessTip: () => string | number | boolean | React.ReactFragment | JSX.Element;
+    renderCopyIcon: () => JSX.Element;
     render(): JSX.Element;
 }
 export default Copyable;

package/lib/cjs/typography/copyable.js

@@ -79,6 +79,33 @@ class Copyable extends _react.default.PureComponent {
       }, locale => /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_semiIcons.IconTick, null), locale.copied));
     };
 
+    this.renderCopyIcon = () => {
+      const {
+        icon
+      } = this.props;
+      const copyProps = {
+        role: "button",
+        tabIndex: 0,
+        onClick: this.copy,
+        onKeyPress: e => (0, _isEnterPress.default)(e) && this.copy(e)
+      };
+      {
+        /* TODO: replace `a` tag with `span` in next major version
+          NOTE: may have effect on style */
+      }
+
+      const defaultIcon =
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/anchor-is-valid
+      _react.default.createElement("a", {
+        className: `${prefixCls}-action-copy-icon`
+      }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCopy, Object.assign({
+        onClick: this.copy
+      }, copyProps)));
+
+      return /*#__PURE__*/_react.default.isValidElement(icon) ? /*#__PURE__*/_react.default.cloneElement(icon, copyProps) : defaultIcon;
+    };
+
     this.state = {
       copied: false,
       item: ''
@@ -116,14 +143,7 @@ class Copyable extends _react.default.PureComponent {
       ref: forwardRef
     }, copied ? this.renderSuccessTip() : /*#__PURE__*/_react.default.createElement(_index.default, {
       content: typeof copyTip !== 'undefined' ? copyTip : locale.copy
-    }, /*#__PURE__*/_react.default.createElement("a", {
-      className: `${prefixCls}-action-copy-icon`
-    }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCopy, {
-      role: "button",
-      tabIndex: 0,
-      onClick: this.copy,
-      onKeyPress: e => (0, _isEnterPress.default)(e) && this.copy(e)
-    })))));
+    }, this.renderCopyIcon())));
   }
 
 }
@@ -136,7 +156,8 @@ Copyable.propTypes = {
   copyTip: _propTypes.default.node,
   duration: _propTypes.default.number,
   style: _propTypes.default.object,
-  className: _propTypes.default.string
+  className: _propTypes.default.string,
+  icon: _propTypes.default.node
 };
 Copyable.defaultProps = {
   content: '',

package/lib/es/_base/base.d.ts

@@ -25,8 +25,8 @@ export interface MotionChildrenProps {
         animationFillMode?: string;
     };
     animateEvents?: {
-        onAnimationIteration?: React.AnimationEventHandler<any> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<any> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<any> | undefined;
+        onAnimationIteration?: React.AnimationEventHandler<any>;
+        onAnimationStart?: React.AnimationEventHandler<any>;
+        onAnimationEnd?: React.AnimationEventHandler<any>;
     };
 }

package/lib/es/anchor/index.d.ts

@@ -11,7 +11,7 @@ export type { LinkProps } from './link';
 export interface AnchorProps {
     autoCollapse?: boolean;
     className?: string;
-    children?: ReactNode | undefined;
+    children?: ReactNode;
     defaultAnchor?: string;
     getContainer?: () => HTMLElement | Window;
     maxHeight?: string | number;

package/lib/es/autoComplete/index.d.ts

@@ -27,7 +27,7 @@ export interface AutoCompleteProps<T extends AutoCompleteItems> {
     autoFocus?: boolean;
     className?: string;
     clearIcon?: ReactNode;
-    children?: ReactNode | undefined;
+    children?: ReactNode;
     data?: T[];
     disabled?: boolean;
     defaultOpen?: boolean;

package/lib/es/button/Button.d.ts

@@ -10,7 +10,7 @@ export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
     id?: string;
     block?: boolean;
     circle?: boolean;
-    children?: ReactNode | undefined;
+    children?: ReactNode;
     disabled?: boolean;
     className?: string;
     icon?: React.ReactNode;

package/lib/es/carousel/index.d.ts

@@ -38,6 +38,7 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
     get adapter(): CarouselAdapter<CarouselProps, CarouselState>;
     static getDerivedStateFromProps(props: CarouselProps, state: CarouselState): Partial<CarouselState>;
     componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<CarouselProps>, prevState: Readonly<CarouselState>, snapshot?: any): void;
     componentWillUnmount(): void;
     play: () => void;
     stop: () => void;

package/lib/es/carousel/index.js

@@ -1,7 +1,8 @@
+import _isEqual from "lodash/isEqual";
 import _debounce from "lodash/debounce";
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-import React, { Children } from 'react';
+import React, { Children, isValidElement } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import BaseComponent from "../_base/baseComponent";
@@ -17,10 +18,12 @@ class Carousel extends BaseComponent {
     super(props);
 
     this.play = () => {
+      this.foundation.setForcePlay(true);
       return this.foundation.handleAutoPlay();
     };
 
     this.stop = () => {
+      this.foundation.setForcePlay(false);
       return this.foundation.stop();
     };
 
@@ -47,7 +50,7 @@ class Carousel extends BaseComponent {
         autoPlay
       } = this.props;
 
-      if (typeof autoPlay !== 'object' || autoPlay.hoverToPause) {
+      if (autoPlay === true || typeof autoPlay === 'object' && autoPlay.hoverToPause) {
         this.foundation.stop();
       }
     };
@@ -227,6 +230,17 @@ class Carousel extends BaseComponent {
     this.handleAutoPlay();
   }
 
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    const prevChildrenKeys = React.Children.toArray(prevProps.children).map(child => /*#__PURE__*/isValidElement(child) ? child.key : null);
+    const nowChildrenKeys = React.Children.toArray(this.props.children).map(child => /*#__PURE__*/isValidElement(child) ? child.key : null);
+
+    if (!_isEqual(prevChildrenKeys, nowChildrenKeys)) {
+      this.setState({
+        children: this.getChildren()
+      });
+    }
+  }
+
   componentWillUnmount() {
     this.foundation.destroy();
   }

package/lib/es/cascader/index.js

@@ -889,7 +889,8 @@ class Cascader extends BaseComponent {
       onChange: this.handleInputChange
     };
     const wrappercls = cls({
-      [`${prefixcls}-search-wrapper`]: true
+      [`${prefixcls}-search-wrapper`]: true,
+      [`${prefixcls}-search-wrapper-${size}`]: size !== 'default'
     });
     const displayText = this.renderDisplayText();
     const spanCls = cls({

package/lib/es/checkbox/checkbox.d.ts

@@ -18,7 +18,7 @@ export interface CheckboxProps extends BaseCheckboxProps {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
     'aria-required'?: React.AriaAttributes['aria-required'];
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     onChange?: (e: CheckboxEvent) => any;
     style?: React.CSSProperties;
     onMouseEnter?: React.MouseEventHandler<HTMLSpanElement>;

package/lib/es/checkbox/checkboxGroup.d.ts

@@ -17,7 +17,7 @@ export declare type CheckboxGroupProps = {
     options?: any[];
     value?: any[];
     onChange?: (value: any[]) => void;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     prefixCls?: string;
     direction?: CheckboxDirection;
     style?: React.CSSProperties;