@douyinfe/semi-ui 2.53.3 → 2.54.0-alpha.1

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

@@ -153,12 +153,12 @@ export declare function withError(props: ModalReactProps): {
     footer?: React.ReactNode;
     header?: React.ReactNode;
     direction?: any;
-    mask?: boolean;
-    visible?: boolean;
-    zIndex?: number;
     width?: string | number;
     height?: string | number;
+    visible?: boolean;
     content?: React.ReactNode;
+    mask?: boolean;
+    zIndex?: number;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
     afterClose?: () => void;
@@ -166,6 +166,7 @@ export declare function withError(props: ModalReactProps): {
     icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closable?: boolean;
     onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
+    lazyRender?: boolean;
     bodyStyle?: React.CSSProperties;
     cancelButtonProps?: import("../button").BaseButtonProps;
     cancelText?: string;
@@ -180,7 +181,6 @@ export declare function withError(props: ModalReactProps): {
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     onOk?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     closeIcon?: React.ReactNode;
-    lazyRender?: boolean;
     fullScreen?: boolean;
     footerFill?: boolean;
     type: "error";
@@ -212,7 +212,103 @@ export declare function withError(props: ModalReactProps): {
         onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
         form?: string;
         slot?: string;
+        contextMenu?: string;
+        defaultValue?: string | number | readonly string[];
+        accessKey?: string;
+        dir?: string;
+        draggable?: boolean | "true" | "false";
+        hidden?: boolean;
+        lang?: string;
+        translate?: "yes" | "no";
         prefix?: string;
+        role?: React.AriaRole;
+        contentEditable?: "inherit" | (boolean | "true" | "false");
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
+        nonce?: string;
+        tabIndex?: number;
+        color?: string;
+        content?: string;
+        onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
+        onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
+        onFocus?: React.FocusEventHandler<HTMLButtonElement>;
+        onBlur?: React.FocusEventHandler<HTMLButtonElement>;
+        onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
+        onContextMenu?: React.MouseEventHandler<HTMLButtonElement>;
+        'aria-expanded'?: boolean | "true" | "false";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
+        'aria-controls'?: string;
+        'aria-describedby'?: string;
+        defaultChecked?: boolean;
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
+        autoFocus?: boolean;
+        placeholder?: string;
+        spellCheck?: boolean | "true" | "false";
+        radioGroup?: string;
+        about?: string;
+        datatype?: string;
+        inlist?: any;
+        property?: string;
+        rel?: string;
+        resource?: string;
+        rev?: string;
+        typeof?: string;
+        vocab?: string;
+        autoCapitalize?: string;
+        autoCorrect?: string;
+        autoSave?: string;
+        itemProp?: string;
+        itemScope?: boolean;
+        itemType?: string;
+        itemID?: string;
+        itemRef?: string;
+        results?: number;
+        security?: string;
+        unselectable?: "on" | "off";
+        is?: string;
+        'aria-activedescendant'?: string;
+        'aria-atomic'?: boolean | "true" | "false";
+        'aria-autocomplete'?: "both" | "none" | "inline" | "list";
+        'aria-busy'?: boolean | "true" | "false";
+        'aria-checked'?: boolean | "true" | "false" | "mixed";
+        'aria-colcount'?: number;
+        'aria-colindex'?: number;
+        'aria-colspan'?: number;
+        'aria-current'?: boolean | "time" | "location" | "true" | "false" | "page" | "step" | "date";
+        'aria-details'?: string;
+        'aria-disabled'?: boolean | "true" | "false";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
+        'aria-errormessage'?: string;
+        'aria-flowto'?: string;
+        'aria-grabbed'?: boolean | "true" | "false";
+        'aria-hidden'?: boolean | "true" | "false";
+        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
+        'aria-keyshortcuts'?: string;
+        'aria-labelledby'?: string;
+        'aria-level'?: number;
+        'aria-live'?: "off" | "assertive" | "polite";
+        'aria-modal'?: boolean | "true" | "false";
+        'aria-multiline'?: boolean | "true" | "false";
+        'aria-multiselectable'?: boolean | "true" | "false";
+        'aria-orientation'?: "horizontal" | "vertical";
+        'aria-owns'?: string;
+        'aria-placeholder'?: string;
+        'aria-posinset'?: number;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed";
+        'aria-readonly'?: boolean | "true" | "false";
+        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-required'?: boolean | "true" | "false";
+        'aria-roledescription'?: string;
+        'aria-rowcount'?: number;
+        'aria-rowindex'?: number;
+        'aria-rowspan'?: number;
+        'aria-selected'?: boolean | "true" | "false";
+        'aria-setsize'?: number;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-valuemax'?: number;
+        'aria-valuemin'?: number;
+        'aria-valuenow'?: number;
+        'aria-valuetext'?: string;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         };
@@ -228,9 +324,7 @@ export declare function withError(props: ModalReactProps): {
         onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement>;
         onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement>;
         onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
-        onFocus?: React.FocusEventHandler<HTMLButtonElement>;
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
-        onBlur?: React.FocusEventHandler<HTMLButtonElement>;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
         onChange?: React.FormEventHandler<HTMLButtonElement>;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -248,7 +342,6 @@ export declare function withError(props: ModalReactProps): {
         onLoadCapture?: React.ReactEventHandler<HTMLButtonElement>;
         onError?: React.ReactEventHandler<HTMLButtonElement>;
         onErrorCapture?: React.ReactEventHandler<HTMLButtonElement>;
-        onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
         onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement>;
         onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement>;
         onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement>;
@@ -303,7 +396,6 @@ export declare function withError(props: ModalReactProps): {
         onAuxClick?: React.MouseEventHandler<HTMLButtonElement>;
         onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement>;
         onClickCapture?: React.MouseEventHandler<HTMLButtonElement>;
-        onContextMenu?: React.MouseEventHandler<HTMLButtonElement>;
         onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement>;
         onDoubleClick?: React.MouseEventHandler<HTMLButtonElement>;
         onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement>;
@@ -326,9 +418,7 @@ export declare function withError(props: ModalReactProps): {
         onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseMove?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement>;
-        onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement>;
-        onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseUp?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement>;
@@ -372,96 +462,6 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
-        hidden?: boolean;
-        color?: string;
-        defaultChecked?: boolean;
-        defaultValue?: string | number | readonly string[];
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
-        accessKey?: string;
-        autoFocus?: boolean;
-        contextMenu?: string;
-        dir?: string;
-        draggable?: boolean | "true" | "false";
-        lang?: string;
-        translate?: "no" | "yes";
-        role?: React.AriaRole;
-        contentEditable?: "inherit" | (boolean | "true" | "false");
-        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;
-        'aria-describedby'?: string;
-        placeholder?: string;
-        spellCheck?: boolean | "true" | "false";
-        radioGroup?: string;
-        about?: string;
-        datatype?: string;
-        inlist?: any;
-        property?: string;
-        rel?: string;
-        resource?: string;
-        rev?: string;
-        typeof?: string;
-        vocab?: string;
-        autoCapitalize?: string;
-        autoCorrect?: string;
-        autoSave?: string;
-        itemProp?: string;
-        itemScope?: boolean;
-        itemType?: string;
-        itemID?: string;
-        itemRef?: string;
-        results?: number;
-        security?: string;
-        unselectable?: "on" | "off";
-        is?: string;
-        'aria-activedescendant'?: string;
-        'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "both" | "none" | "list" | "inline";
-        'aria-busy'?: boolean | "true" | "false";
-        'aria-checked'?: boolean | "true" | "false" | "mixed";
-        'aria-colcount'?: number;
-        'aria-colindex'?: number;
-        'aria-colspan'?: number;
-        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "location" | "page" | "step";
-        'aria-details'?: string;
-        'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
-        'aria-errormessage'?: string;
-        'aria-flowto'?: string;
-        'aria-grabbed'?: boolean | "true" | "false";
-        'aria-hidden'?: boolean | "true" | "false";
-        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
-        'aria-keyshortcuts'?: string;
-        'aria-labelledby'?: string;
-        'aria-level'?: number;
-        'aria-live'?: "off" | "assertive" | "polite";
-        'aria-modal'?: boolean | "true" | "false";
-        'aria-multiline'?: boolean | "true" | "false";
-        'aria-multiselectable'?: boolean | "true" | "false";
-        'aria-orientation'?: "horizontal" | "vertical";
-        'aria-owns'?: string;
-        'aria-placeholder'?: string;
-        'aria-posinset'?: number;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed";
-        'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
-        'aria-required'?: boolean | "true" | "false";
-        'aria-roledescription'?: string;
-        'aria-rowcount'?: number;
-        'aria-rowindex'?: number;
-        'aria-rowspan'?: number;
-        'aria-selected'?: boolean | "true" | "false";
-        'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
-        'aria-valuemax'?: number;
-        'aria-valuemin'?: number;
-        'aria-valuenow'?: number;
-        'aria-valuetext'?: string;
         formAction?: string;
         formEncType?: string;
         formMethod?: string;

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

@@ -81,7 +81,7 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
         className: string;
         style: {
             maxWidth: string;
-            visibility: "hidden" | "visible";
+            visibility: "visible" | "hidden";
             accentColor?: import("csstype").Property.AccentColor;
             alignContent?: import("csstype").Property.AlignContent;
             alignItems?: import("csstype").Property.AlignItems;

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" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "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/radio/radio.d.ts

@@ -82,7 +82,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         prefixCls?: string;
         name?: string;
         onChange?: (e: RadioChangeEvent) => void;
-        buttonSize?: "small" | "middle" | "large";
+        buttonSize?: "small" | "large" | "middle";
         isCardRadio?: boolean;
         isPureCardRadio?: boolean;
     };

package/lib/cjs/radio/radioGroup.d.ts

@@ -48,7 +48,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
         disabled: PropTypes.Requireable<boolean>;
         name: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<any[]>;
-        buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
+        buttonSize: PropTypes.Requireable<"small" | "large" | "middle">;
         type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         value: PropTypes.Requireable<any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;

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" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "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/slider/index.js

@@ -392,11 +392,13 @@ class Slider extends _baseComponent.default {
     var _this = this;
     return Object.assign(Object.assign({}, super.adapter), {
       getSliderLengths: () => {
+        var _a;
         if (this.sliderEl && this.sliderEl.current) {
           const rect = this.sliderEl.current.getBoundingClientRect();
+          const offsetParentRect = (_a = this.sliderEl.current.offsetParent) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
           const offset = {
-            x: this.sliderEl.current.offsetLeft,
-            y: this.sliderEl.current.offsetTop
+            x: offsetParentRect ? rect.left - offsetParentRect.left : this.sliderEl.current.offsetLeft,
+            y: offsetParentRect ? rect.top - offsetParentRect.top : this.sliderEl.current.offsetTop
           };
           return {
             sliderX: offset.x,

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { ColumnProps } from './interface';
 export default class Column extends React.PureComponent<ColumnProps> {
     static propTypes: {
-        align: import("prop-types").Requireable<"center" | "left" | "right">;
+        align: import("prop-types").Requireable<"left" | "right" | "center">;
         className: import("prop-types").Requireable<string>;
         colSpan: import("prop-types").Requireable<number>;
         dataIndex: import("prop-types").Requireable<string>;

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

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 declare const _default: {
-    align: PropTypes.Requireable<"center" | "left" | "right">;
+    align: PropTypes.Requireable<"left" | "right" | "center">;
     className: PropTypes.Requireable<string>;
     colSpan: PropTypes.Requireable<number>;
     dataIndex: PropTypes.Requireable<string>;

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

@@ -63,7 +63,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         size: PropTypes.Requireable<"default" | "small" | "middle">;
         tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
-            align: PropTypes.Requireable<"center" | "left" | "right">;
+            align: PropTypes.Requireable<"left" | "right" | "center">;
             className: PropTypes.Requireable<string>;
             colSpan: PropTypes.Requireable<number>;
             dataIndex: PropTypes.Requireable<string>;
@@ -308,7 +308,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showSizeChanger?: boolean;
         showQuickJumper?: boolean;
         popoverZIndex?: number;
-        popoverPosition?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        popoverPosition?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         hideOnSinglePage?: boolean;
         hoverShowPageSelect?: boolean;
         disabled?: boolean;

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

@@ -19,7 +19,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
         size: PropTypes.Requireable<"default" | "small" | "middle">;
         tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
-            align: PropTypes.Requireable<"center" | "left" | "right">;
+            align: PropTypes.Requireable<"left" | "right" | "center">;
             className: PropTypes.Requireable<string>;
             colSpan: PropTypes.Requireable<number>;
             dataIndex: PropTypes.Requireable<string>;

package/lib/cjs/toast/index.js

@@ -185,6 +185,9 @@ const createBaseToast = () => {
           ToastList.defaultOpts[pos] = opts[pos];
         }
       });
+      if (typeof opts.theme === 'string' && _constants.strings.themes.includes(opts.theme)) {
+        ToastList.defaultOpts.theme = opts.theme;
+      }
       if (typeof opts.zIndex === 'number') {
         ToastList.defaultOpts.zIndex = opts.zIndex;
       }

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" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "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/typography/base.js

@@ -147,7 +147,9 @@ class Base extends _react.Component {
         expandable,
         expandText
       } = this.getEllipsisOpt();
-      const overflowed = !expanded && (isOverflowed || isTruncated);
+      const canUseCSSEllipsis = this.canUseCSSEllipsis();
+      // If the css is truncated, use isOverflowed to judge. If the css is truncated, use isTruncated to judge.
+      const overflowed = !expanded && (canUseCSSEllipsis ? isOverflowed : isTruncated);
       const noExpandText = !expandable && (0, _isUndefined2.default)(expandText);
       const show = noExpandText && overflowed && showTooltip;
       if (!show) {
@@ -429,11 +431,11 @@ class Base extends _react.Component {
       copied: false,
       // ellipsis
       // if text is overflow in container
-      isOverflowed: true,
+      isOverflowed: false,
       ellipsisContent: props.children,
       expanded: false,
       // if text is truncated with js
-      isTruncated: true,
+      isTruncated: false,
       prevChildren: null
     };
     this.wrapperRef = /*#__PURE__*/_react.default.createRef();
@@ -454,7 +456,7 @@ class Base extends _react.Component {
     newState.prevChildren = props.children;
     if (props.ellipsis && prevChildren !== props.children) {
       // reset ellipsis state if children update
-      newState.isOverflowed = true;
+      newState.isOverflowed = false;
       newState.ellipsisContent = props.children;
       newState.expanded = false;
       newState.isTruncated = true;

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

@@ -6,9 +6,9 @@ import BaseComponent from '../_base/baseComponent';
 import type { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
 import { Locale } from '../locale/interface';
 import '@douyinfe/semi-foundation/lib/cjs/upload/upload.css';
-import type { CustomFile, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/cjs/upload/foundation';
+import type { CustomFile, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult, FileItemStatus } from '@douyinfe/semi-foundation/lib/cjs/upload/foundation';
 import type { ValidateStatus } from '../_base/baseComponent';
-export type { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
+export type { FileItem, FileItemStatus, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
 export interface UploadProps {
     accept?: string;
     action: string;
@@ -150,7 +150,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
         style: PropTypes.Requireable<object>;
         timeout: PropTypes.Requireable<number>;
         transformFile: PropTypes.Requireable<(...args: any[]) => any>;
-        uploadTrigger: PropTypes.Requireable<"auto" | "custom">;
+        uploadTrigger: PropTypes.Requireable<"custom" | "auto">;
         validateMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         withCredentials: PropTypes.Requireable<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" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "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" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "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

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

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

@@ -29,7 +29,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseDown: import("prop-types").Requireable<(...args: any[]) => any>;
         circle: import("prop-types").Requireable<boolean>;
-        htmlType: import("prop-types").Requireable<"button" | "submit" | "reset">;
+        htmlType: import("prop-types").Requireable<"button" | "reset" | "submit">;
         'aria-label': import("prop-types").Requireable<string>;
     };
     static elementType: string;

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

@@ -5,7 +5,7 @@ declare class CarouselIndicator extends React.PureComponent<CarouselIndicatorPro
     static propTypes: {
         activeKey: PropTypes.Requireable<number>;
         className: PropTypes.Requireable<string>;
-        position: PropTypes.Requireable<"center" | "left" | "right">;
+        position: PropTypes.Requireable<"left" | "right" | "center">;
         size: PropTypes.Requireable<"small" | "medium">;
         style: PropTypes.Requireable<object>;
         theme: PropTypes.Requireable<"dark" | "light" | "primary">;

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

@@ -19,7 +19,7 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         autoPlay: PropTypes.Requireable<NonNullable<boolean | object>>;
         className: PropTypes.Requireable<string>;
         defaultActiveIndex: PropTypes.Requireable<number>;
-        indicatorPosition: PropTypes.Requireable<"center" | "left" | "right">;
+        indicatorPosition: PropTypes.Requireable<"left" | "right" | "center">;
         indicatorSize: PropTypes.Requireable<"small" | "medium">;
         indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
         theme: PropTypes.Requireable<"dark" | "light" | "primary">;

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

@@ -59,6 +59,7 @@ export interface CascaderProps extends BasicCascaderProps {
     onFocus?: (e: MouseEvent) => void;
     validateStatus?: ValidateStatus;
     position?: Position;
+    searchPosition?: string;
 }
 export interface CascaderState extends BasicCascaderInnerData {
     keyEntities: Entities;
@@ -143,6 +144,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         enableLeafClick: PropTypes.Requireable<boolean>;
         preventScroll: PropTypes.Requireable<boolean>;
         position: PropTypes.Requireable<string>;
+        searchPosition: PropTypes.Requireable<string>;
     };
     static defaultProps: any;
     options: any;
@@ -161,6 +163,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: CascaderProps): void;
+    search: (value: string) => void;
     handleInputChange: (value: string) => void;
     handleTagRemoveInTrigger: (pos: string) => void;
     handleTagClose: (tagChildren: React.ReactNode, e: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;

package/lib/es/cascader/index.js

@@ -31,6 +31,10 @@ const resetkey = 0;
 class Cascader extends BaseComponent {
   constructor(props) {
     super(props);
+    // ref method
+    this.search = value => {
+      this.handleInputChange(value);
+    };
     this.handleInputChange = value => {
       this.foundation.handleInputChange(value);
     };
@@ -217,12 +221,13 @@ class Cascader extends BaseComponent {
       const {
         placeholder,
         filterTreeNode,
-        multiple
+        multiple,
+        searchPosition
       } = this.props;
       const {
         checkedKeys
       } = this.state;
-      const searchable = Boolean(filterTreeNode);
+      const searchable = Boolean(filterTreeNode) && searchPosition === strings.SEARCH_POSITION_TRIGGER;
       if (!searchable) {
         if (multiple) {
           if (checkedKeys.size === 0) {
@@ -982,7 +987,8 @@ Cascader.propTypes = {
   leafOnly: PropTypes.bool,
   enableLeafClick: PropTypes.bool,
   preventScroll: PropTypes.bool,
-  position: PropTypes.string
+  position: PropTypes.string,
+  searchPosition: PropTypes.string
 };
 Cascader.defaultProps = getDefaultPropsFromGlobalConfig(Cascader.__SemiComponentName__, {
   borderless: false,
@@ -1013,6 +1019,7 @@ Cascader.defaultProps = getDefaultPropsFromGlobalConfig(Cascader.__SemiComponent
   onDropdownVisibleChange: _noop,
   onListScroll: _noop,
   enableLeafClick: false,
-  'aria-label': 'Cascader'
+  'aria-label': 'Cascader',
+  searchPosition: strings.SEARCH_POSITION_TRIGGER
 });
 export default Cascader;

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

@@ -9,6 +9,7 @@ export interface CollapsibleProps extends CollapsibleFoundationProps {
     isOpen?: boolean;
     duration?: number;
     keepDOM?: boolean;
+    lazyRender?: boolean;
     className?: string;
     style?: React.CSSProperties;
     collapseHeight?: number;