@douyinfe/semi-ui 2.45.3-alpha.1 → 2.46.0-beta.0

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

@@ -49,7 +49,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
         offsetTop: PropTypes.Requireable<number>;
         targetOffset: PropTypes.Requireable<number>;
         showTooltip: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         maxWidth: PropTypes.Requireable<NonNullable<string | number>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;
         getContainer: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -116,7 +116,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         placeholder: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChangeWithObject: PropTypes.Requireable<boolean>;

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

@@ -55,7 +55,7 @@ export default class Button extends PureComponent<ButtonProps> {
         circle: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
         htmlType: PropTypes.Requireable<"button" | "submit" | "reset">;
-        theme: PropTypes.Requireable<"light" | "solid" | "borderless">;
+        theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         className: PropTypes.Requireable<string>;
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/button/buttonGroup.d.ts

@@ -19,7 +19,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
         disabled: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
-        theme: PropTypes.Requireable<"light" | "solid" | "borderless">;
+        theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         'aria-label': PropTypes.Requireable<string>;
     };
     static defaultProps: {

package/lib/cjs/carousel/CarouselIndicator.d.ts

@@ -8,7 +8,7 @@ declare class CarouselIndicator extends React.PureComponent<CarouselIndicatorPro
         position: PropTypes.Requireable<"center" | "left" | "right">;
         size: PropTypes.Requireable<"small" | "medium">;
         style: PropTypes.Requireable<object>;
-        theme: PropTypes.Requireable<"primary" | "light" | "dark">;
+        theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         total: PropTypes.Requireable<number>;
         onIndicatorChange: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<"line" | "dot" | "columnar">;

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

@@ -22,9 +22,9 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         indicatorPosition: PropTypes.Requireable<"center" | "left" | "right">;
         indicatorSize: PropTypes.Requireable<"small" | "medium">;
         indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
-        theme: PropTypes.Requireable<"primary" | "light" | "dark">;
+        theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        arrowType: PropTypes.Requireable<"hover" | "always">;
+        arrowType: PropTypes.Requireable<"always" | "hover">;
         showArrow: PropTypes.Requireable<boolean>;
         showIndicator: PropTypes.Requireable<boolean>;
         slideDirection: PropTypes.Requireable<"left" | "right">;

package/lib/cjs/datePicker/datePicker.d.ts

@@ -91,7 +91,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         insetLabelId: PropTypes.Requireable<string>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -66,7 +66,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         motion: PropTypes.Requireable<NonNullable<boolean | object>>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         prefixCls: PropTypes.Requireable<string>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         rePosKey: PropTypes.Requireable<NonNullable<string | number>>;
         render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         spacing: PropTypes.Requireable<NonNullable<number | object>>;

package/lib/cjs/form/baseForm.d.ts

@@ -85,8 +85,8 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         expandRestTagsOnClick?: boolean;
         onDropdownVisibleChange?: (visible: boolean) => void;
         zIndex?: number;
-        position?: "left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-        onSearch?: (value: string, event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+        position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        onSearch?: (value: string, event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>) => void;
         dropdownClassName?: string;
         dropdownStyle?: React.CSSProperties;
         dropdownMargin?: number | {
@@ -140,7 +140,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "motion" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/cjs/form/field.d.ts

@@ -31,8 +31,8 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     expandRestTagsOnClick?: boolean;
     onDropdownVisibleChange?: (visible: boolean) => void;
     zIndex?: number;
-    position?: "left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-    onSearch?: (value: string, event: import("react").MouseEvent<Element, MouseEvent> | import("react").KeyboardEvent<Element>) => void;
+    position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+    onSearch?: (value: string, event: import("react").KeyboardEvent<Element> | import("react").MouseEvent<Element, MouseEvent>) => void;
     dropdownClassName?: string;
     dropdownStyle?: import("react").CSSProperties;
     dropdownMargin?: number | {
@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "motion" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

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

@@ -140,26 +140,26 @@ export declare function withWarning(props: ModalReactProps): {
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
+    title?: React.ReactNode;
     children?: React.ReactNode;
+    size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
     style?: React.CSSProperties;
     className?: string;
+    motion?: boolean;
     getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
-    title?: React.ReactNode;
     direction?: any;
-    motion?: boolean;
     mask?: boolean;
     visible?: boolean;
     zIndex?: number;
-    size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
-    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     width?: string | number;
     height?: string | number;
     content?: React.ReactNode;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     afterClose?: () => void;
     keepDOM?: boolean;
     cancelText?: string;
@@ -201,12 +201,13 @@ export declare function withError(props: ModalReactProps): {
         onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
         'aria-label'?: string;
-        value?: string | number | readonly string[];
-        form?: string;
-        slot?: string;
         title?: string;
+        name?: string;
+        value?: string | number | readonly string[];
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
+        form?: string;
+        slot?: string;
         prefix?: string;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -375,7 +376,7 @@ export declare function withError(props: ModalReactProps): {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         autoFocus?: boolean;
-        name?: string;
+        content?: string;
         formAction?: string;
         formEncType?: string;
         formMethod?: string;
@@ -391,7 +392,6 @@ export declare function withError(props: ModalReactProps): {
         inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
         nonce?: string;
         tabIndex?: number;
-        content?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false";
         'aria-controls'?: string;
@@ -428,7 +428,7 @@ export declare function withError(props: ModalReactProps): {
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
-        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "location" | "page" | "step";
+        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "page" | "location" | "step";
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
         'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";

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

@@ -58,7 +58,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         visible: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         motion: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         margin: PropTypes.Requireable<NonNullable<number | object>>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

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

@@ -200,7 +200,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         expandRestTagsOnClick: PropTypes.Requireable<boolean>;
         onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         onSearch: PropTypes.Requireable<(...args: any[]) => any>;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         dropdownClassName: PropTypes.Requireable<string>;

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

@@ -308,7 +308,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showSizeChanger?: boolean;
         showQuickJumper?: boolean;
         popoverZIndex?: number;
-        popoverPosition?: "left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        popoverPosition?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         hideOnSinglePage?: boolean;
         hoverShowPageSelect?: boolean;
         disabled?: boolean;

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

@@ -91,7 +91,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         motion: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

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

@@ -228,7 +228,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
     renderArrow: () => JSX.Element;
     renderClearBtn: () => JSX.Element;
     renderSelection: () => JSX.Element;
-    renderTagItem: (key: string, idx: number) => string | number | boolean | React.ReactFragment | JSX.Element;
+    renderTagItem: (key: string, idx: number) => any;
     renderTagInput: () => JSX.Element;
     renderInput: () => JSX.Element;
     renderEmpty: () => JSX.Element;

package/lib/cjs/treeSelect/index.js

@@ -200,7 +200,7 @@ class TreeSelect extends _baseComponent.default {
         } = item && treeNodeLabelProp in item ? renderSelectedItem(item, {
           index,
           onClose
-        }) : null;
+        }) : {};
         if ((0, _isNull2.default)(content) || (0, _isUndefined2.default)(content)) {
           return;
         }
@@ -496,7 +496,7 @@ class TreeSelect extends _baseComponent.default {
         } = item && treeNodeLabelProp in item ? renderSelectedItem(item, {
           index: idx,
           onClose
-        }) : null;
+        }) : {};
         if (isRenderInTag) {
           return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({}, tagProps), content);
         } else {

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

@@ -132,7 +132,6 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
     shouldTruncated: (rows: number) => boolean;
     showTooltip: () => boolean | ShowTooltip | {
         type: string;
-        opts: {};
     };
     getEllipsisState(): boolean;
     /**
@@ -191,7 +190,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
     renderCopy(): JSX.Element;
     renderIcon(): JSX.Element;
     renderContent(): JSX.Element;
-    renderTipWrapper(): JSX.Element;
+    renderTipWrapper(): string | number | boolean | React.ReactFragment | JSX.Element;
     render(): JSX.Element;
 }
 export {};

package/lib/cjs/typography/base.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 var _isNull2 = _interopRequireDefault(require("lodash/isNull"));
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
 var _merge2 = _interopRequireDefault(require("lodash/merge"));
@@ -102,6 +103,7 @@ class Base extends _react.Component {
       return updateOverflow;
     };
     this.showTooltip = () => {
+      var _a, _b;
       const {
         isOverflowed,
         isTruncated,
@@ -119,8 +121,7 @@ class Base extends _react.Component {
         return show;
       }
       const defaultOpts = {
-        type: 'tooltip',
-        opts: {}
+        type: 'tooltip'
       };
       if (typeof showTooltip === 'object') {
         if (showTooltip.type && showTooltip.type.toLowerCase() === 'popover') {
@@ -129,7 +130,14 @@ class Base extends _react.Component {
               // style: { width: '240px' },
               showArrow: true
             }
-          }, showTooltip);
+          }, showTooltip, {
+            opts: {
+              className: (0, _classnames.default)({
+                [`${prefixCls}-ellipsis-popover`]: true,
+                [(_a = showTooltip === null || showTooltip === void 0 ? void 0 : showTooltip.opts) === null || _a === void 0 ? void 0 : _a.className]: Boolean((_b = showTooltip === null || showTooltip === void 0 ? void 0 : showTooltip.opts) === null || _b === void 0 ? void 0 : _b.className)
+              })
+            }
+          });
         }
         return Object.assign(Object.assign({}, defaultOpts), showTooltip);
       }
@@ -531,9 +539,12 @@ class Base extends _react.Component {
     if (showTooltip) {
       const {
         type,
-        opts
+        opts,
+        renderTooltip
       } = showTooltip;
-      if (type.toLowerCase() === 'popover') {
+      if ((0, _isFunction2.default)(renderTooltip)) {
+        return renderTooltip(children, content);
+      } else if (type.toLowerCase() === 'popover') {
         return /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({
           content: children,
           position: "top"

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { PopoverProps } from '../popover';
 import { TooltipProps } from '../tooltip';
 import { ArrayElement } from '../_base/base';
@@ -7,6 +7,7 @@ export type EllipsisPos = 'end' | 'middle';
 export type ShowTooltip = {
     type?: string;
     opts?: Partial<PopoverProps> & Partial<TooltipProps>;
+    renderTooltip?: (content: TooltipProps['content'], children: ReactNode) => ReactNode;
 };
 export type Ellipsis = {
     collapseText?: string;

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

@@ -60,11 +60,11 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<4 | 2 | 5 | 1 | 3 | 6>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;
-        weight: PropTypes.Requireable<NonNullable<number | "default" | "bold" | "light" | "regular" | "medium" | "semibold">>;
+        weight: PropTypes.Requireable<NonNullable<number | "default" | "bold" | "medium" | "light" | "regular" | "semibold">>;
     };
     static defaultProps: {
         copyable: boolean;

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

@@ -49,7 +49,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
         offsetTop: PropTypes.Requireable<number>;
         targetOffset: PropTypes.Requireable<number>;
         showTooltip: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         maxWidth: PropTypes.Requireable<NonNullable<string | number>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;
         getContainer: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -116,7 +116,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         placeholder: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChangeWithObject: PropTypes.Requireable<boolean>;

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

@@ -55,7 +55,7 @@ export default class Button extends PureComponent<ButtonProps> {
         circle: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
         htmlType: PropTypes.Requireable<"button" | "submit" | "reset">;
-        theme: PropTypes.Requireable<"light" | "solid" | "borderless">;
+        theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         className: PropTypes.Requireable<string>;
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -19,7 +19,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
         disabled: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
-        theme: PropTypes.Requireable<"light" | "solid" | "borderless">;
+        theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         'aria-label': PropTypes.Requireable<string>;
     };
     static defaultProps: {

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

@@ -8,7 +8,7 @@ declare class CarouselIndicator extends React.PureComponent<CarouselIndicatorPro
         position: PropTypes.Requireable<"center" | "left" | "right">;
         size: PropTypes.Requireable<"small" | "medium">;
         style: PropTypes.Requireable<object>;
-        theme: PropTypes.Requireable<"primary" | "light" | "dark">;
+        theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         total: PropTypes.Requireable<number>;
         onIndicatorChange: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<"line" | "dot" | "columnar">;

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

@@ -22,9 +22,9 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         indicatorPosition: PropTypes.Requireable<"center" | "left" | "right">;
         indicatorSize: PropTypes.Requireable<"small" | "medium">;
         indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
-        theme: PropTypes.Requireable<"primary" | "light" | "dark">;
+        theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        arrowType: PropTypes.Requireable<"hover" | "always">;
+        arrowType: PropTypes.Requireable<"always" | "hover">;
         showArrow: PropTypes.Requireable<boolean>;
         showIndicator: PropTypes.Requireable<boolean>;
         slideDirection: PropTypes.Requireable<"left" | "right">;

package/lib/es/datePicker/datePicker.d.ts

@@ -91,7 +91,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         insetLabelId: PropTypes.Requireable<string>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -66,7 +66,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         motion: PropTypes.Requireable<NonNullable<boolean | object>>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         prefixCls: PropTypes.Requireable<string>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         rePosKey: PropTypes.Requireable<NonNullable<string | number>>;
         render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         spacing: PropTypes.Requireable<NonNullable<number | object>>;

package/lib/es/form/baseForm.d.ts

@@ -85,8 +85,8 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         expandRestTagsOnClick?: boolean;
         onDropdownVisibleChange?: (visible: boolean) => void;
         zIndex?: number;
-        position?: "left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-        onSearch?: (value: string, event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+        position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        onSearch?: (value: string, event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>) => void;
         dropdownClassName?: string;
         dropdownStyle?: React.CSSProperties;
         dropdownMargin?: number | {
@@ -140,7 +140,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "motion" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/es/form/field.d.ts

@@ -31,8 +31,8 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     expandRestTagsOnClick?: boolean;
     onDropdownVisibleChange?: (visible: boolean) => void;
     zIndex?: number;
-    position?: "left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-    onSearch?: (value: string, event: import("react").MouseEvent<Element, MouseEvent> | import("react").KeyboardEvent<Element>) => void;
+    position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+    onSearch?: (value: string, event: import("react").KeyboardEvent<Element> | import("react").MouseEvent<Element, MouseEvent>) => void;
     dropdownClassName?: string;
     dropdownStyle?: import("react").CSSProperties;
     dropdownMargin?: number | {
@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "motion" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

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

@@ -140,26 +140,26 @@ export declare function withWarning(props: ModalReactProps): {
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
+    title?: React.ReactNode;
     children?: React.ReactNode;
+    size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
     style?: React.CSSProperties;
     className?: string;
+    motion?: boolean;
     getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
-    title?: React.ReactNode;
     direction?: any;
-    motion?: boolean;
     mask?: boolean;
     visible?: boolean;
     zIndex?: number;
-    size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
-    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     width?: string | number;
     height?: string | number;
     content?: React.ReactNode;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     afterClose?: () => void;
     keepDOM?: boolean;
     cancelText?: string;
@@ -201,12 +201,13 @@ export declare function withError(props: ModalReactProps): {
         onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
         'aria-label'?: string;
-        value?: string | number | readonly string[];
-        form?: string;
-        slot?: string;
         title?: string;
+        name?: string;
+        value?: string | number | readonly string[];
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
+        form?: string;
+        slot?: string;
         prefix?: string;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -375,7 +376,7 @@ export declare function withError(props: ModalReactProps): {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         autoFocus?: boolean;
-        name?: string;
+        content?: string;
         formAction?: string;
         formEncType?: string;
         formMethod?: string;
@@ -391,7 +392,6 @@ export declare function withError(props: ModalReactProps): {
         inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
         nonce?: string;
         tabIndex?: number;
-        content?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false";
         'aria-controls'?: string;
@@ -428,7 +428,7 @@ export declare function withError(props: ModalReactProps): {
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
-        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "location" | "page" | "step";
+        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "page" | "location" | "step";
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
         'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";