@douyinfe/semi-ui 2.30.2 → 2.31.0-beta.0

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/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;

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

@@ -16,7 +16,7 @@ export interface DescriptionsProps {
     size?: DescriptionsSize;
     style?: React.CSSProperties;
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     data?: Data[];
 }
 declare class Descriptions extends PureComponent<DescriptionsProps> {

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

@@ -16,7 +16,7 @@ export interface BasicLayoutProps {
     prefixCls?: string;
     style?: CSSProperties;
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     hasSider?: boolean;
     tagName?: keyof HTMLElementTagNameMap;
 }

package/lib/es/modal/confirm.d.ts

@@ -160,12 +160,12 @@ export declare function withError(props: ModalReactProps): {
     closeOnEsc?: boolean;
     preventScroll?: boolean;
     afterClose?: () => void;
+    keepDOM?: boolean;
     cancelText?: string;
     okText?: string;
     closeIcon?: React.ReactNode;
     bodyStyle?: React.CSSProperties;
     closable?: boolean;
-    keepDOM?: boolean;
     onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     maskClosable?: boolean;
     cancelButtonProps?: import("../button").BaseButtonProps;

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

@@ -42,6 +42,7 @@ export interface PopoverProps extends BaseProps {
     clickToHide?: TooltipProps['clickToHide'];
     disableFocusListener?: boolean;
     afterClose?: () => void;
+    keepDOM?: boolean;
 }
 export interface PopoverState {
     popConfirmVisible: boolean;

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

@@ -5,9 +5,9 @@ import { Animation } from '@douyinfe/semi-animation';
 import { Motion } from '../_base/base';
 import { StrokeArr } from '@douyinfe/semi-foundation/lib/es/progress/generates';
 export interface ProgressProps {
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-valuetext'?: string | undefined;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-valuetext'?: string;
     className?: string;
     direction?: 'horizontal' | 'vertical';
     format?: (percent: number) => React.ReactNode;

package/lib/es/radio/radio.d.ts

@@ -12,7 +12,7 @@ export declare type RadioType = typeof strings.TYPE_DEFAULT | typeof strings.TYP
 export declare type RadioProps = {
     autoFocus?: boolean;
     checked?: boolean;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     defaultChecked?: boolean;
     value?: string | number;
     disabled?: boolean;

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

@@ -38,7 +38,6 @@ import BaseRow from './BaseRow';
 import ExpandedRow from './ExpandedRow';
 import SectionRow from './SectionRow';
 import TableHeader from '../TableHeader';
-import ConfigContext from '../../configProvider/context';
 import TableContext from '../table-context';
 
 class Body extends BaseComponent {
@@ -804,12 +803,10 @@ class Body extends BaseComponent {
     const {
       virtualized
     } = this.props;
-    return /*#__PURE__*/React.createElement(ConfigContext.Consumer, null, _ref => {
-      let {
-        direction
-      } = _ref;
-      return virtualized ? this.renderVirtualizedBody(direction) : this.renderBody(direction);
-    });
+    const {
+      direction
+    } = this.context;
+    return virtualized ? this.renderVirtualizedBody(direction) : this.renderBody(direction);
   }
 
 }

package/lib/es/table/Table.js

@@ -269,8 +269,9 @@ class Table extends BaseComponent {
       const node = this.bodyWrapRef.current;
 
       if (node && node.children && node.children.length) {
-        const scrollToLeft = node.scrollLeft === 0;
-        const scrollToRight = node.scrollLeft + 1 >= node.children[0].getBoundingClientRect().width - node.getBoundingClientRect().width;
+        const scrollToLeft = node.scrollLeft === 0; // why use Math.abs? @see https://bugzilla.mozilla.org/show_bug.cgi?id=1447743
+
+        const scrollToRight = Math.abs(node.scrollLeft) + 1 >= node.children[0].getBoundingClientRect().width - node.getBoundingClientRect().width;
 
         if (scrollToLeft && scrollToRight) {
           this.setScrollPosition('both');
@@ -1461,11 +1462,13 @@ class Table extends BaseComponent {
     });
     return /*#__PURE__*/React.createElement("div", {
       ref: this.rootWrapRef,
-      className: classnames(className, `${prefixCls}-wrapper`),
+      className: classnames(className, `${prefixCls}-wrapper`, `${prefixCls}-wrapper-${props.direction}`),
       "data-column-fixed": anyColumnFixed,
       style: wrapStyle,
       id: id
-    }, /*#__PURE__*/React.createElement(TableContextProvider, Object.assign({}, tableContextValue), /*#__PURE__*/React.createElement(Spin, {
+    }, /*#__PURE__*/React.createElement(TableContextProvider, Object.assign({}, tableContextValue, {
+      direction: props.direction
+    }), /*#__PURE__*/React.createElement(Spin, {
       spinning: loading,
       size: "large"
     }, /*#__PURE__*/React.createElement("div", {

package/lib/es/table/TableCell.js

@@ -13,7 +13,7 @@ import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import TableCellFoundation from '@douyinfe/semi-foundation/lib/es/table/cellFoundation';
-import { isSelectionColumn, isExpandedColumn } from '@douyinfe/semi-foundation/lib/es/table/utils';
+import { isSelectionColumn, isExpandedColumn, getRTLAlign } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import BaseComponent from '../_base/baseComponent';
 import Context from './table-context';
 import { amendTableWidth } from './utils';
@@ -121,13 +121,17 @@ export default class TableCell extends BaseComponent {
     } = this.props;
     let tdProps = {};
     let customCellProps = {};
+    const {
+      direction
+    } = this.context;
+    const isRTL = direction === 'rtl';
     const fixedLeftFlag = fixedLeft || typeof fixedLeft === 'number';
     const fixedRightFlag = fixedRight || typeof fixedRight === 'number';
 
     if (fixedLeftFlag) {
-      _set(tdProps, 'style.left', typeof fixedLeft === 'number' ? fixedLeft : 0);
+      _set(tdProps, isRTL ? 'style.right' : 'style.left', typeof fixedLeft === 'number' ? fixedLeft : 0);
     } else if (fixedRightFlag) {
-      _set(tdProps, 'style.right', typeof fixedRight === 'number' ? fixedRight : 0);
+      _set(tdProps, isRTL ? 'style.left' : 'style.right', typeof fixedRight === 'number' ? fixedRight : 0);
     }
 
     if (width != null) {
@@ -147,8 +151,9 @@ export default class TableCell extends BaseComponent {
     }
 
     if (column.align) {
+      const textAlign = getRTLAlign(column.align, direction);
       tdProps.style = Object.assign(Object.assign({}, tdProps.style), {
-        textAlign: column.align
+        textAlign
       });
     }
 
@@ -286,6 +291,10 @@ export default class TableCell extends BaseComponent {
       firstFixedRight,
       colIndex
     } = this.props;
+    const {
+      direction
+    } = this.context;
+    const isRTL = direction === 'rtl';
     const {
       className
     } = column;
@@ -316,11 +325,25 @@ export default class TableCell extends BaseComponent {
     }
 
     const inner = this.renderInner(text, indentText, realExpandIcon);
+    let isFixedLeft, isFixedLeftLast, isFixedRight, isFixedRightFirst;
+
+    if (isRTL) {
+      isFixedLeft = fixedRightFlag;
+      isFixedLeftLast = firstFixedRight;
+      isFixedRight = fixedLeftFlag;
+      isFixedRightFirst = lastFixedLeft;
+    } else {
+      isFixedLeft = fixedLeftFlag;
+      isFixedLeftLast = lastFixedLeft;
+      isFixedRight = fixedRightFlag;
+      isFixedRightFirst = firstFixedRight;
+    }
+
     const columnCls = classnames(className, `${prefixCls}-row-cell`, _get(customCellProps, 'className'), {
-      [`${prefixCls}-cell-fixed-left`]: fixedLeftFlag,
-      [`${prefixCls}-cell-fixed-left-last`]: lastFixedLeft,
-      [`${prefixCls}-cell-fixed-right`]: fixedRightFlag,
-      [`${prefixCls}-cell-fixed-right-first`]: firstFixedRight
+      [`${prefixCls}-cell-fixed-left`]: isFixedLeft,
+      [`${prefixCls}-cell-fixed-left-last`]: isFixedLeftLast,
+      [`${prefixCls}-cell-fixed-right`]: isFixedRight,
+      [`${prefixCls}-cell-fixed-right-first`]: isFixedRightFirst
     });
     return /*#__PURE__*/React.createElement(BodyCell, Object.assign({
       role: "gridcell",

package/lib/es/table/TableContextProvider.d.ts

@@ -1,3 +1,3 @@
 import { TableContextProps } from './table-context';
-declare const TableContextProvider: ({ children, anyColumnFixed, flattenedColumns, tableWidth, headWidths, setHeadWidths, getHeadWidths, getCellWidths, handleRowExpanded, renderExpandIcon, renderSelection, getVirtualizedListRef, setBodyHasScrollbar, }: TableContextProps) => JSX.Element;
+declare const TableContextProvider: ({ children, anyColumnFixed, flattenedColumns, tableWidth, headWidths, setHeadWidths, getHeadWidths, getCellWidths, handleRowExpanded, renderExpandIcon, renderSelection, getVirtualizedListRef, setBodyHasScrollbar, direction }: TableContextProps) => JSX.Element;
 export default TableContextProvider;

package/lib/es/table/TableContextProvider.js

@@ -15,7 +15,8 @@ const TableContextProvider = _ref => {
     renderExpandIcon,
     renderSelection,
     getVirtualizedListRef,
-    setBodyHasScrollbar
+    setBodyHasScrollbar,
+    direction
   } = _ref;
   const tableContextValue = useMemo(() => ({
     anyColumnFixed,
@@ -29,8 +30,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.createElement(Context.Provider, {
     value: tableContextValue
   }, children);

package/lib/es/table/TableHeaderRow.js

@@ -22,7 +22,7 @@ import React from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
-import { arrayAdd, isFirstFixedRight, isLastLeftFixed, isFixedLeft, isFixedRight, sliceColumnsByLevel } from '@douyinfe/semi-foundation/lib/es/table/utils';
+import { arrayAdd, isFirstFixedRight, isLastLeftFixed, isFixedLeft, isFixedRight, sliceColumnsByLevel, getRTLAlign } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import BaseComponent from '../_base/baseComponent';
 import TableContext from './table-context';
 export default class TableHeaderRow extends BaseComponent {
@@ -81,8 +81,10 @@ export default class TableHeaderRow extends BaseComponent {
       columns
     } = this.props;
     const {
-      getCellWidths
+      getCellWidths,
+      direction
     } = this.context;
+    const isRTL = direction === 'rtl';
     const slicedColumns = sliceColumnsByLevel(columns, index);
     const headWidths = getCellWidths(slicedColumns);
 
@@ -104,20 +106,35 @@ export default class TableHeaderRow extends BaseComponent {
       let cellStyle = Object.assign({}, customProps.style);
 
       if (column.align) {
+        const textAlign = getRTLAlign(column.align, direction);
         cellStyle = Object.assign(Object.assign({}, cellStyle), {
-          textAlign: column.align
+          textAlign
         });
         customProps.className = classnames(customProps.className, column.className, {
-          [`${prefixCls}-align-${column.align}`]: Boolean(column.align)
+          [`${prefixCls}-align-${textAlign}`]: Boolean(textAlign)
         });
       }
 
+      let fixedLeft, fixedRight, fixedLeftLast, fixedRightFirst;
+
+      if (isRTL) {
+        fixedLeft = isFixedRight(column);
+        fixedRight = isFixedLeft(column);
+        fixedLeftLast = isFirstFixedRight(slicedColumns, column);
+        fixedRightFirst = isLastLeftFixed(slicedColumns, column);
+      } else {
+        fixedLeft = isFixedLeft(column);
+        fixedRight = isFixedRight(column);
+        fixedLeftLast = isLastLeftFixed(slicedColumns, column);
+        fixedRightFirst = isFirstFixedRight(slicedColumns, column);
+      }
+
       customProps.className = classnames(`${prefixCls}-row-head`, column.className, customProps.className, // `${prefixCls}-fixed-columns`,
       {
-        [`${prefixCls}-cell-fixed-left`]: isFixedLeft(column),
-        [`${prefixCls}-cell-fixed-left-last`]: isLastLeftFixed(slicedColumns, column),
-        [`${prefixCls}-cell-fixed-right`]: isFixedRight(column),
-        [`${prefixCls}-cell-fixed-right-first`]: 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) {
@@ -125,14 +142,16 @@ export default class TableHeaderRow extends BaseComponent {
 
         if (indexOfSlicedColumns > -1) {
           if (isFixedLeft(column)) {
+            const xPositionKey = isRTL ? 'right' : 'left';
             cellStyle = Object.assign(Object.assign({}, cellStyle), {
               position: 'sticky',
-              left: arrayAdd(headWidths, 0, indexOfSlicedColumns)
+              [xPositionKey]: arrayAdd(headWidths, 0, indexOfSlicedColumns)
             });
           } else if (isFixedRight(column)) {
+            const xPositionKey = isRTL ? 'left' : 'right';
             cellStyle = Object.assign(Object.assign({}, cellStyle), {
               position: 'sticky',
-              right: arrayAdd(headWidths, indexOfSlicedColumns + 1)
+              [xPositionKey]: arrayAdd(headWidths, indexOfSlicedColumns + 1)
             });
           }
         }

package/lib/es/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/es/table/index.js

@@ -4,6 +4,7 @@ import NormalTable from './Table';
 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) {
@@ -15,16 +16,21 @@ class Table extends React.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.createElement(ResizableTable, Object.assign({}, props, {
-        ref: this.tableRef
+        ref: this.tableRef,
+        direction: direction
       }));
     } else {
       return /*#__PURE__*/React.createElement(NormalTable, Object.assign({}, props, {
-        ref: this.tableRef
+        ref: this.tableRef,
+        direction: direction
       }));
     }
   }
@@ -40,5 +46,6 @@ Table.propTypes = Object.assign(Object.assign({}, NormalTable.propTypes), {
 Table.defaultProps = {
   hideExpandedColumn: true
 };
+Table.contextType = ConfigContext;
 export * from './interface';
 export default Table;

package/lib/es/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/es/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/es/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/es/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/es/tag/index.js

@@ -21,6 +21,7 @@ import Avatar from '../avatar/index';
 import { IconClose } from '@douyinfe/semi-icons';
 import { handlePrevent } from '@douyinfe/semi-foundation/lib/es/utils/a11y';
 import '@douyinfe/semi-foundation/lib/es/tag/tag.css';
+import cls from 'classnames';
 export * from './interface';
 const prefixCls = cssClasses.PREFIX;
 const tagColors = strings.TAG_COLOR;
@@ -169,10 +170,14 @@ export default class Tag extends Component {
     }, /*#__PURE__*/React.createElement(IconClose, {
       size: "small"
     })) : null;
+
+    const stringChild = _isString(children);
+
+    const contentCls = cls(`${prefixCls}-content`, `${prefixCls}-content-${stringChild ? 'ellipsis' : 'center'}`);
     return /*#__PURE__*/React.createElement("div", Object.assign({
-      "aria-label": this.props['aria-label'] || _isString(children) ? `${closable ? 'Closable ' : ''}Tag: ${children}` : ''
+      "aria-label": this.props['aria-label'] || stringChild ? `${closable ? 'Closable ' : ''}Tag: ${children}` : ''
     }, wrapProps), avatarSrc ? this.renderAvatar() : null, /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-content`
+      className: contentCls
     }, children), closeIcon);
   }
 

package/lib/es/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/es/tagInput/index.js

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

package/lib/es/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>;