@douyinfe/semi-ui 2.0.7 → 2.0.9-alpha.3

package/lib/es/select/option.js

@@ -20,7 +20,7 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { isString } from 'lodash-es';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/select/constants';
-import LocaleCosumer from '../locale/localeConsumer';
+import LocaleConsumer from '../locale/localeConsumer';
 import { IconTick } from '@douyinfe/semi-icons';
 import { getHighLightTextHTML } from '../_utils/index';
 
@@ -97,7 +97,7 @@ class Option extends PureComponent {
         return null;
       }
 
-      return /*#__PURE__*/React.createElement(LocaleCosumer, {
+      return /*#__PURE__*/React.createElement(LocaleConsumer, {
         componentName: "Select"
       }, locale => /*#__PURE__*/React.createElement("div", {
         className: optionClassName

package/lib/es/select/utils.js

@@ -41,8 +41,6 @@ const generateOption = (child, parent) => {
 };
 
 const getOptionsFromGroup = selectChildren => {
-  var _context;
-
   let optionGroups = [];
   let options = [];
   const emptyGroup = {
@@ -52,8 +50,8 @@ const getOptionsFromGroup = selectChildren => {
   }; // avoid null
   // eslint-disable-next-line max-len
 
-  const childNodes = _filterInstanceProperty(_context = React.Children.toArray(selectChildren)).call(_context, childNode => childNode && childNode.props);
-
+  let childNodes = React.Children.toArray(selectChildren);
+  childNodes = _filterInstanceProperty(childNodes).call(childNodes, childNode => childNode && childNode.props);
   let type = '';
 
   _forEachInstanceProperty(childNodes).call(childNodes, child => {

package/lib/es/sideSheet/SideSheetContent.d.ts

@@ -1,7 +1,7 @@
 import React, { CSSProperties } from 'react';
 import PropTypes from 'prop-types';
 export interface SideSheetContentProps {
-    onClose?: (e: React.MouseEvent | MouseEvent) => void;
+    onClose?: (e: React.MouseEvent) => void;
     mask?: boolean;
     maskStyle?: CSSProperties;
     maskClosable?: boolean;

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

@@ -13,7 +13,7 @@ export interface SideSheetReactProps extends SideSheetProps {
     title?: React.ReactNode;
     footer?: React.ReactNode;
     children?: React.ReactNode;
-    onCancel?: (e: React.MouseEvent) => void;
+    onCancel?: (e: React.MouseEvent | React.KeyboardEvent) => void;
 }
 export { SideSheetState };
 export default class SideSheet extends BaseComponent<SideSheetReactProps, SideSheetState> {
@@ -52,8 +52,8 @@ export default class SideSheet extends BaseComponent<SideSheetReactProps, SideSh
     componentDidMount(): void;
     componentDidUpdate(prevProps: SideSheetReactProps, prevState: SideSheetState, snapshot: any): void;
     componentWillUnmount(): void;
-    handleCancel: (e: MouseEvent) => void;
-    handleKeyDown: (e: MouseEvent) => void;
+    handleCancel: (e: React.MouseEvent) => void;
+    handleKeyDown: (e: KeyboardEvent) => void;
     renderContent(): JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/slider/index.js

@@ -399,6 +399,7 @@ export default class Slider extends BaseComponent {
       },
       onHandleMove: function (mousePos, isMin) {
         let stateChangeCallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop;
+        let clickTrack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
 
         const sliderDOMIsInRenderTree = _this.foundation.checkAndUpdateIsInRenderTreeState();
 
@@ -426,7 +427,8 @@ export default class Slider extends BaseComponent {
         if (!isEqual(_this.foundation.outPutValue(currentValue), outPutValue)) {
           onChange(outPutValue);
 
-          if (_this.foundation.valueFormatIsCorrect(value)) {
+          if (!clickTrack && _this.foundation.valueFormatIsCorrect(value)) {
+            // still require afterChangeCallback when click on the track directly, need skip here
             return false;
           }
 

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

@@ -8,7 +8,7 @@ export interface SpinProps {
     spinning?: boolean;
     indicator?: React.ReactNode;
     delay?: number;
-    tip?: string;
+    tip?: React.ReactNode;
     wrapperClassName?: string;
     style?: React.CSSProperties;
     childStyle?: React.CSSProperties;
@@ -25,7 +25,7 @@ declare class Spin extends BaseComponent<SpinProps, SpinState> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         indicator: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         delay: PropTypes.Requireable<number>;
-        tip: PropTypes.Requireable<string>;
+        tip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         wrapperClassName: PropTypes.Requireable<string>;
         childStyle: PropTypes.Requireable<object>;
         style: PropTypes.Requireable<object>;

package/lib/es/spin/index.js

@@ -107,7 +107,7 @@ Spin.propTypes = {
   children: PropTypes.node,
   indicator: PropTypes.node,
   delay: PropTypes.number,
-  tip: PropTypes.string,
+  tip: PropTypes.node,
   wrapperClassName: PropTypes.string,
   childStyle: PropTypes.object,
   style: PropTypes.object

package/lib/es/steps/basicSteps.js

@@ -2,7 +2,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { cloneElement, Children, useMemo } from 'react';
+import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -26,7 +26,7 @@ const Steps = props => {
   const inner = useMemo(() => {
     var _context;
 
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
 
     const content = _mapInstanceProperty(Children).call(Children, filteredChildren, (child, index) => {
       if (!child) {

package/lib/es/steps/fillSteps.js

@@ -2,7 +2,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { cloneElement, Children, useMemo } from 'react';
+import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -25,7 +25,7 @@ const Steps = props => {
   const inner = useMemo(() => {
     var _context;
 
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
 
     const colStyle = direction === 'vertical' ? null : {
       width: "".concat(100 / filteredChildren.length, "%")
@@ -69,7 +69,7 @@ const Steps = props => {
     });
 
     return content;
-  }, [children, initial, prefixCls, direction, status, current]);
+  }, [children, initial, prefixCls, direction, status, current, onChange]);
   const wrapperCls = cls(className, {
     [prefixCls]: true,
     [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-")).call(_context2, direction)]: true

package/lib/es/steps/navSteps.js

@@ -2,7 +2,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { cloneElement, Children, useMemo } from 'react';
+import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -23,7 +23,7 @@ const Steps = props => {
   const inner = useMemo(() => {
     var _context;
 
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
 
     const total = filteredChildren.length;
 

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

@@ -277,7 +277,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
      * Combine pagination and table paging processing functions
      */
     mergePagination: (pagination: TablePaginationProps) => {
-        position?: "top" | "bottom" | "both";
+        position?: "both" | "top" | "bottom";
         formatPageText?: import("./interface").FormatPageText;
         style?: React.CSSProperties;
         className?: string;

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

@@ -35,7 +35,7 @@ export interface TableProps<RecordType extends Record<string, any> = any> extend
     id?: string;
     indentSize?: number;
     loading?: boolean;
-    pagination?: Pagination;
+    pagination?: TablePagination;
     prefixCls?: string;
     renderGroupSection?: RenderGroupSection;
     renderPagination?: RenderPagination;
@@ -225,6 +225,7 @@ export declare type Size = ArrayElement<typeof strings.SIZES>;
 export declare type Title<RecordType> = React.ReactNode | ((pageData?: RecordType[]) => React.ReactNode);
 export declare type PaginationPosition = ArrayElement<typeof strings.PAGINATION_POSITIONS>;
 export declare type Pagination = TablePaginationProps | boolean;
+export declare type TablePagination = Pagination;
 export interface ChangeInfoFilter<RecordType> extends BaseChangeInfoFilter<RecordType> {
     filters?: Filter[];
     onFilter?: OnFilter<RecordType>;

package/lib/es/tabs/index.js

@@ -19,7 +19,7 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 
-import React, { createRef } from 'react';
+import React, { createRef, isValidElement } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/tabs/constants';
@@ -79,7 +79,7 @@ class Tabs extends BaseComponent {
       }
 
       return _filterInstanceProperty(_context = React.Children.toArray(children)).call(_context, pane => {
-        if (pane && pane.type && pane.type.isTabPane) {
+        if ( /*#__PURE__*/isValidElement(pane) && pane.type && pane.type.isTabPane) {
           return pane.props.itemKey === activeKey;
         }
 
@@ -155,7 +155,7 @@ class Tabs extends BaseComponent {
           children
         } = this.props;
         let activeKey = '';
-        const list = tabList ? tabList : _mapInstanceProperty(_context3 = React.Children.toArray(children)).call(_context3, child => child.props);
+        const list = tabList ? tabList : _mapInstanceProperty(_context3 = React.Children.toArray(children)).call(_context3, child => /*#__PURE__*/isValidElement(child) ? child.props : null);
 
         _forEachInstanceProperty(list).call(list, item => {
           if (item && !activeKey && !item.disabled) {
@@ -182,9 +182,9 @@ class Tabs extends BaseComponent {
     var _context4, _context5;
 
     // Panes state acts on tab bar, no need to compare TabPane children
-    const prevChildrenProps = _mapInstanceProperty(_context4 = React.Children.toArray(prevProps.children)).call(_context4, child => pick(child.props, panePickKeys));
+    const prevChildrenProps = _mapInstanceProperty(_context4 = React.Children.toArray(prevProps.children)).call(_context4, child => pick( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
 
-    const nowChildrenProps = _mapInstanceProperty(_context5 = React.Children.toArray(this.props.children)).call(_context5, child => pick(child.props, panePickKeys));
+    const nowChildrenProps = _mapInstanceProperty(_context5 = React.Children.toArray(this.props.children)).call(_context5, child => pick( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
 
     const isTabListType = this.props.tabList || prevProps.tabList;
 

package/lib/es/timePicker/Combobox.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import ScrollItem from '../scrollList/scrollItem';
-import ComboboxFoundation from '@douyinfe/semi-foundation/lib/es/timePicker/ComboxFoundation';
+import ComboboxFoundation, { formatOption } from '@douyinfe/semi-foundation/lib/es/timePicker/ComboxFoundation';
 import { TimePickerProps } from './TimePicker';
 import { Locale } from '../locale/interface';
 export declare type ComboboxProps = Pick<TimePickerProps, 'format' | 'prefixCls' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'hideDisabledOptions' | 'use12Hours' | 'scrollItemProps' | 'panelFooter' | 'panelHeader'> & BaseProps & {
@@ -26,6 +26,11 @@ export interface ComboboxState {
     minuteOptions: number[];
     secondOptions: number[];
 }
+export declare type FormatOptionReturn = ReturnType<typeof formatOption>;
+export interface AMPMOptionItem {
+    value: string;
+    text: string;
+}
 declare class Combobox extends BaseComponent<ComboboxProps, ComboboxState> {
     static propTypes: {
         format: PropTypes.Requireable<string>;
@@ -56,11 +61,12 @@ declare class Combobox extends BaseComponent<ComboboxProps, ComboboxState> {
     componentDidUpdate(prevProps: ComboboxProps, prevState: ComboboxState): void;
     componentWillUnmount(): void;
     componentDidMount(): void;
-    cacheRefCurrent: (key: string, current: ScrollItem) => void;
+    cacheRefCurrent: (key: string, current: ScrollItem<FormatOptionReturn> | ScrollItem<AMPMOptionItem>) => void;
     reselect: () => void;
-    onItemChange: ({ type, value }: {
-        type: string;
+    onItemChange: ({ type, value, disabled }: {
+        type?: string;
         value: string;
+        disabled?: boolean;
     }) => void;
     onEnterSelectPanel: (range: string) => void;
     renderHourSelect(hour: number, locale: Locale['TimePicker']): JSX.Element;

package/lib/es/timePicker/Combobox.js

@@ -44,7 +44,8 @@ class Combobox extends BaseComponent {
     this.onItemChange = _ref => {
       let {
         type,
-        value
+        value,
+        disabled
       } = _ref;
       // eslint-disable-next-line prefer-const
       let {

package/lib/es/timePicker/TimePicker.d.ts

@@ -49,7 +49,7 @@ export declare type TimePickerProps = {
     position?: Position;
     prefixCls?: string;
     rangeSeparator?: string;
-    scrollItemProps?: ScrollItemProps;
+    scrollItemProps?: ScrollItemProps<any>;
     secondStep?: number;
     showClear?: boolean;
     size?: InputSize;

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

@@ -4,14 +4,14 @@ import { ToastListAdapter, ToastListProps, ToastListState } from '@douyinfe/semi
 import '@douyinfe/semi-foundation/lib/es/toast/toast.css';
 import useToast from './useToast';
 import { ConfigProps, ToastInstance, ToastProps, ToastState } from '@douyinfe/semi-foundation/lib/es/toast/toastFoundation';
-import { Motion } from '_base/base';
+import { Motion } from '../_base/base';
 export { ToastTransitionProps } from './ToastTransition';
 export interface ToastReactProps extends ToastProps {
     style?: CSSProperties;
     icon?: React.ReactNode;
     content: React.ReactNode;
 }
-export { ToastListProps, ToastListState, ToastState };
+export { ConfigProps, ToastListProps, ToastListState, ToastState };
 declare const createBaseToast: () => {
     new (props: ToastListProps): {
         readonly adapter: ToastListAdapter;

package/lib/es/treeSelect/index.js

@@ -952,7 +952,8 @@ class TreeSelect extends BaseComponent {
       registerClickOutsideHandler: cb => {
         const clickOutsideHandler = e => {
           const optionInstance = this.optionsRef && this.optionsRef.current;
-          const triggerDom = this.triggerRef && this.triggerRef.current;
+          const triggerDom = this.triggerRef && this.triggerRef.current; // eslint-disable-next-line
+
           const optionsDom = ReactDOM.findDOMNode(optionInstance);
           const target = e.target;
 

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

@@ -63,7 +63,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
         link: PropTypes.Requireable<boolean | object>;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         strong: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"normal" | "small">;
+        size: PropTypes.Requireable<"small" | "normal">;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/es/typography/paragraph.d.ts

@@ -30,7 +30,7 @@ export default class Paragraph extends PureComponent<ParagraphProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        size: PropTypes.Requireable<"normal" | "small">;
+        size: PropTypes.Requireable<"small" | "normal">;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/es/typography/text.d.ts

@@ -33,7 +33,7 @@ export default class Text extends PureComponent<TextProps> {
         link: PropTypes.Requireable<boolean | object>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        size: PropTypes.Requireable<"normal" | "small">;
+        size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         code: PropTypes.Requireable<boolean>;

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

@@ -37,7 +37,7 @@ 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 | 1 | 3 | 5 | 6>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/lib/es/upload/fileCard.d.ts

@@ -1,25 +1,10 @@
-import { PureComponent, ReactNode, MouseEventHandler, MouseEvent, CSSProperties } from 'react';
+import { PureComponent, ReactNode, MouseEvent, CSSProperties } from 'react';
 import PropTypes from 'prop-types';
 import { Locale } from '../locale/interface';
-export interface FileCardProps {
+import { RenderFileItemProps } from './interface';
+export interface FileCardProps extends RenderFileItemProps {
     className?: string;
-    disabled?: boolean;
-    listType?: 'picture' | 'list';
-    name?: string;
-    onPreviewClick?: MouseEventHandler<HTMLDivElement>;
-    onRemove?: (props: FileCardProps, e: MouseEvent) => void;
-    onReplace?: (props: FileCardProps, e: MouseEvent) => void;
-    onRetry?: (props: FileCardProps, e: MouseEvent) => void;
-    percent?: number;
-    preview?: boolean;
-    previewFile?: (props: FileCardProps) => ReactNode;
-    showReplace?: boolean;
-    showRetry?: boolean;
-    size?: string;
-    status?: string;
     style?: CSSProperties;
-    url?: string;
-    validateMessage?: ReactNode;
 }
 declare class FileCard extends PureComponent<FileCardProps> {
     static propTypes: {

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

@@ -1,64 +1,12 @@
 import { ReactNode, CSSProperties, RefObject, ChangeEvent, DragEvent } from 'react';
 import PropTypes from 'prop-types';
-import UploadFoundation, { BaseFileItem, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
-import { strings } from '@douyinfe/semi-foundation/lib/es/upload/constants';
+import UploadFoundation, { UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
 import FileCard from './fileCard';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
-import { ArrayElement } from '../_base/base';
+import { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
 import { Locale } from '../locale/interface';
 import '@douyinfe/semi-foundation/lib/es/upload/upload.css';
-export interface FileItem extends BaseFileItem {
-    validateMessage?: ReactNode;
-}
-export declare type UploadListType = ArrayElement<typeof strings.LIST_TYPE>;
-export declare type PromptPositionType = ArrayElement<typeof strings.PROMPT_POSITION>;
-export interface RenderFileItemProps extends FileItem {
-    previewFile: (fileItem: FileItem) => ReactNode;
-    listType: UploadListType;
-    onRemove: () => void;
-    onRetry: () => void;
-    onReplace: () => void;
-    key: string;
-    showRetry: boolean;
-    showReplace: boolean;
-    style: CSSProperties;
-    disabled: boolean;
-    onPreviewClick: () => void;
-}
-export interface BeforeUploadProps {
-    file: FileItem;
-    fileList: Array<FileItem>;
-}
-export interface AfterUploadProps {
-    file: FileItem;
-    fileList: Array<FileItem>;
-    response: any;
-}
-export interface OnChangeProps {
-    fileList: Array<FileItem>;
-    currentFile: FileItem;
-}
-export interface customRequestArgs {
-    fileName: string;
-    data: Record<string, any>;
-    file: FileItem;
-    fileInstance: File;
-    onProgress: (event: {
-        total: number;
-        loaded: number;
-    }) => any;
-    onError: (userXhr: {
-        status?: number;
-    }, e: Event) => any;
-    onSuccess: (response: any, e: Event) => any;
-    withCredentials: boolean;
-    action: string;
-}
-export interface CustomError extends Error {
-    status: number;
-    method: string;
-    url: string;
-}
+export { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError };
 export interface UploadProps {
     accept?: string;
     action: string;
@@ -102,7 +50,7 @@ export interface UploadProps {
     onRetry?: (fileItem: FileItem) => void;
     onSizeError?: (file: File, fileList: Array<FileItem>) => void;
     onSuccess?: (responseBody: any, file: File, fileList: Array<FileItem>) => void;
-    previewFile?: (fileItem: FileItem) => ReactNode;
+    previewFile?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
     prompt?: ReactNode;
     promptPosition?: PromptPositionType;
     renderFileItem?: (renderFileItemProps: RenderFileItemProps) => ReactNode;

package/lib/es/upload/interface.d.ts

@@ -0,0 +1,56 @@
+import { ReactNode, CSSProperties, MouseEvent } from 'react';
+import { BaseFileItem } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
+import { strings } from '@douyinfe/semi-foundation/lib/es/upload/constants';
+import { ArrayElement } from '../_base/base';
+export declare type PromptPositionType = ArrayElement<typeof strings.PROMPT_POSITION>;
+export declare type UploadListType = ArrayElement<typeof strings.LIST_TYPE>;
+export interface BeforeUploadProps {
+    file: FileItem;
+    fileList: Array<FileItem>;
+}
+export interface AfterUploadProps {
+    file: FileItem;
+    fileList: Array<FileItem>;
+    response: any;
+}
+export interface OnChangeProps {
+    fileList: Array<FileItem>;
+    currentFile: FileItem;
+}
+export interface customRequestArgs {
+    fileName: string;
+    data: Record<string, any>;
+    file: FileItem;
+    fileInstance: File;
+    onProgress: (event: {
+        total: number;
+        loaded: number;
+    }) => any;
+    onError: (userXhr: {
+        status?: number;
+    }, e: Event) => any;
+    onSuccess: (response: any, e: Event) => any;
+    withCredentials: boolean;
+    action: string;
+}
+export interface CustomError extends Error {
+    status: number;
+    method: string;
+    url: string;
+}
+export interface FileItem extends BaseFileItem {
+    validateMessage?: ReactNode;
+}
+export interface RenderFileItemProps extends FileItem {
+    previewFile?: (fileItem: RenderFileItemProps) => ReactNode;
+    listType: UploadListType;
+    onRemove: (props: RenderFileItemProps, e: MouseEvent) => void;
+    onRetry: (props: RenderFileItemProps, e: MouseEvent) => void;
+    onReplace: (props: RenderFileItemProps, e: MouseEvent) => void;
+    key: string;
+    showRetry: boolean;
+    showReplace: boolean;
+    style?: CSSProperties;
+    disabled: boolean;
+    onPreviewClick: () => void;
+}

package/lib/es/upload/interface.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.0.7",
+    "version": "2.0.9-alpha.3",
     "description": "",
     "main": "lib/es/index.js",
     "module": "lib/es/index.js",
@@ -19,11 +19,12 @@
     },
     "dependencies": {
         "@babel/runtime-corejs3": "^7.15.4",
-        "@douyinfe/semi-animation-react": "2.0.7",
-        "@douyinfe/semi-foundation": "2.0.7",
-        "@douyinfe/semi-icons": "2.0.7",
-        "@douyinfe/semi-illustrations": "2.0.7",
-        "@douyinfe/semi-theme-default": "2.0.7",
+        "@douyinfe/semi-animation-react": "2.0.8",
+        "@douyinfe/semi-foundation": "2.0.9-alpha.3",
+        "@douyinfe/semi-icons": "2.0.9-alpha.3",
+        "@douyinfe/semi-illustrations": "2.0.9-alpha.0",
+        "@douyinfe/semi-theme-default": "2.0.8",
+        "@types/react-window": "^1.8.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -64,13 +65,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "624c0747ef24bdf26b8c478aa474d105adc24285",
+    "gitHead": "a2979aeef086df38907d49174e6071c20cab6ae9",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",
         "@babel/preset-react": "^7.14.5",
-        "@douyinfe/semi-scss-compile": "2.0.7",
+        "@douyinfe/semi-scss-compile": "2.0.8",
         "@storybook/addon-knobs": "^6.3.1",
         "babel-loader": "^8.2.2",
         "case-sensitive-paths-webpack-plugin": "^2.4.0",