@nutui/nutui-react 1.5.1 → 2.0.0-alpha.0

package/dist/types/index.d.ts

@@ -1,60 +1,43 @@
 import * as React$1 from 'react';
-import React__default, { CSSProperties, ReactNode, FunctionComponent, ReactHTML, ReactElement, MouseEvent as MouseEvent$1, MouseEventHandler, HTMLInputTypeAttribute, ChangeEvent, FocusEvent, RefObject, ForwardRefExoticComponent, PropsWithChildren, Component, ReactEventHandler } from 'react';
+import React__default, { CSSProperties, ReactNode, FunctionComponent, MouseEvent as MouseEvent$1, MouseEventHandler, HTMLInputTypeAttribute, ChangeEvent, FocusEvent, RefObject, ForwardRefExoticComponent, PropsWithChildren, Component, ReactEventHandler } from 'react';
 
 interface BasicComponent {
     className?: string;
     style?: CSSProperties;
-    iconFontClassName?: string;
-    iconClassPrefix?: string;
     children?: ReactNode;
 }
 
+type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+type ButtonSize = 'large' | 'normal' | 'small';
+type ButtonShape = 'square' | 'round';
+type ButtonFill = 'solid' | 'outline' | 'none';
 interface ButtonProps extends BasicComponent {
-    className: string;
     color: string;
     shape: ButtonShape;
-    plain: boolean;
-    loading: boolean;
-    disabled: boolean;
-    style: React__default.CSSProperties;
     type: ButtonType;
     size: ButtonSize;
+    fill: ButtonFill;
     block: boolean;
-    icon: string;
-    iconSize: string | number;
-    children: any;
+    loading: boolean;
+    disabled: boolean;
+    icon: React__default.ReactNode;
     onClick: (e: MouseEvent) => void;
 }
-type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
-type ButtonSize = 'large' | 'normal' | 'small';
-type ButtonShape = 'square' | 'round';
-declare const Button: FunctionComponent<Partial<ButtonProps>>;
+declare const Button: React__default.ForwardRefExoticComponent<Partial<ButtonProps> & React__default.RefAttributes<HTMLButtonElement>>;
 
 interface CellProps extends BasicComponent {
     title: ReactNode;
-    subTitle: ReactNode;
-    desc: string;
-    descTextAlign: string;
-    isLink: boolean;
-    icon: string;
-    roundRadius: string | number;
-    url: string;
-    replace: boolean;
-    center: boolean;
-    size: string;
-    className: string;
-    iconSlot: ReactNode;
-    linkSlot: ReactNode;
+    description: ReactNode;
+    extra: ReactNode;
+    radius: string | number;
+    align: string;
     onClick: (event: React__default.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
 declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'>>;
 
-interface CellGroupProps {
+interface CellGroupProps extends BasicComponent {
     title: ReactNode;
-    desc: ReactNode;
-    titleSlot: ReactNode;
-    descSlot: ReactNode;
-    className: string;
+    description: ReactNode;
     children?: ReactNode;
 }
 declare const CellGroup: FunctionComponent<Partial<CellGroupProps>>;
@@ -73,7 +56,7 @@ interface BaseLang {
     };
     fixednav: {
         activeText: string;
-        unActiveText: string;
+        inactiveText: string;
     };
     infiniteloading: {
         pullRefreshText: string;
@@ -100,7 +83,7 @@ interface BaseLang {
     };
     shortpassword: {
         title: string;
-        desc: string;
+        description: string;
         tips: string;
     };
     uploader: {
@@ -196,71 +179,46 @@ interface ConfigProviderProps {
 }
 declare const ConfigProvider: FunctionComponent<Partial<ConfigProviderProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-interface IconProps {
-    name: string;
-    size: string | number;
-    classPrefix: string;
-    color: string;
-    tag: keyof ReactHTML;
-    onClick: (e: MouseEvent) => void;
-    fontClassName: string;
-    className: string;
-    style: React__default.CSSProperties;
-    children: React__default.ReactNode;
-}
-declare function Icon<T>(props: Partial<IconProps> & T): ReactElement;
-declare namespace Icon {
-    var defaultProps: IconProps;
-    var displayName: string;
-}
-
-interface ImageProps {
-    className: string;
-    style: React__default.CSSProperties;
+interface ImageProps extends BasicComponent {
     src: string;
     fit: ImageFit;
     position: ImagePosition;
     alt: string;
     width: string;
     height: string;
-    round: boolean;
     radius: string | number;
-    showError: boolean;
-    showLoading: boolean;
-    slotLoding: React__default.ReactNode;
-    slotError: React__default.ReactNode | string;
-    isLazy?: boolean;
-    loadingImg?: string;
-    errorImg?: string;
-    onClick?: (e: MouseEvent) => void;
-    onLoad?: () => void;
-    onError?: () => void;
+    error: boolean | ReactNode;
+    loading: boolean | ReactNode;
+    lazy: boolean;
+    onClick: (e: MouseEvent) => void;
+    onLoad: () => void;
+    onError: () => void;
 }
 type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' | string;
 type ImagePosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | string;
 declare const Image: FunctionComponent<Partial<ImageProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onLoad' | 'onError'>>;
 
-interface OverlayProps {
+interface OverlayProps extends BasicComponent {
     zIndex: number;
     duration: number;
-    overlayClass: string;
-    overlayStyle: React__default.CSSProperties;
-    closeOnClickOverlay: boolean;
+    closeOnOverlayClick: boolean;
     visible: boolean;
     lockScroll: boolean;
+    afterShow: () => void;
+    afterClose: () => void;
 }
 declare const Overlay: FunctionComponent<Partial<OverlayProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
 type Teleport = HTMLElement | (() => HTMLElement) | null;
-interface PopupProps extends OverlayProps, BasicComponent {
+interface PopupProps extends OverlayProps {
     position: string;
     transition: string;
-    style: React__default.CSSProperties;
+    overlayStyle: React__default.CSSProperties;
+    overlayClass: string;
     popClass: string;
     closeable: boolean;
     closeIconPosition: string;
-    closeIcon: string;
-    closeIconSize?: string | number;
+    closeIcon: React__default.ReactNode;
     destroyOnClose: boolean;
     teleport: Teleport;
     overlay: boolean;
@@ -288,9 +246,7 @@ type ContentPositionType = 'left' | 'center' | 'right';
 type DirectionType = 'horizontal' | 'vertical';
 interface DividerProps {
     contentPosition: ContentPositionType;
-    dashed: boolean;
-    hairline: boolean;
-    styles?: React__default.CSSProperties;
+    style?: React__default.CSSProperties;
     className?: string;
     direction?: DirectionType;
 }
@@ -299,17 +255,9 @@ declare const Divider: FunctionComponent<Partial<DividerProps> & React__default.
 type GridDirection$1 = 'horizontal' | 'vertical';
 interface GridItemProps extends BasicComponent {
     text: string | ReactNode;
-    fontSize: string | number;
-    color: string;
-    icon: string | ReactNode;
-    iconSize?: string | number;
-    iconColor?: string;
-    parentIconSize?: string | number;
-    parentIconColor?: string;
     index: number;
-    columnNum: string | number;
-    border: boolean;
-    gutter: string | number;
+    columns: string | number;
+    gap: string | number;
     center: boolean;
     square: boolean;
     reverse: boolean;
@@ -319,20 +267,19 @@ declare const GridItem: FunctionComponent<Partial<GridItemProps> & React__defaul
 
 type GridDirection = 'horizontal' | 'vertical';
 interface GridProps {
-    columnNum: string | number;
-    border: boolean;
-    gutter: string | number;
+    columns: string | number;
+    gap: string | number;
     center: boolean;
     square: boolean;
     reverse: boolean;
     direction: GridDirection;
     className?: string;
-    iconSize?: string | number;
-    iconColor?: string;
     style?: CSSProperties;
     onClick: (item: GridItemProps, index: number) => void;
 }
-declare const Grid: FunctionComponent<Partial<GridProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+declare const Grid: FunctionComponent<Partial<GridProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>> & {
+    Item: typeof GridItem;
+};
 
 interface LayoutProps {
 }
@@ -350,16 +297,14 @@ interface RowProps {
 declare const Row: FunctionComponent<Partial<RowProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
 
 interface StickyProps extends BasicComponent {
-    container?: React__default.RefObject<HTMLElement>;
-    position?: 'top' | 'bottom';
-    className?: string;
-    top?: number;
-    bottom?: number;
-    zIndex?: number;
+    container: React__default.RefObject<HTMLElement>;
+    position: 'top' | 'bottom';
+    threshold: number;
+    zIndex: number;
     children: React__default.ReactNode;
-    onChange?: (val: boolean) => void;
+    onChange: (val: boolean) => void;
 }
-declare const Sticky: FunctionComponent<StickyProps>;
+declare const Sticky: FunctionComponent<Partial<StickyProps>>;
 
 declare const elevatorContext: React__default.Context<ElevatorData>;
 interface ElevatorProps {
@@ -390,28 +335,23 @@ type Position$2 = {
     bottom?: string;
 };
 interface FixedNavProps extends BasicComponent {
-    fixednavClass: string;
     visible: boolean;
     overlay: boolean;
-    navList: Array<any>;
+    list: Array<any>;
     activeText: string;
-    unActiveText: string;
+    inactiveText: string;
     position: Position$2;
     type: Direction$1;
-    onChange: (v: any) => void;
-    onSelected: (v: any, event: MouseEvent$1) => void;
-    slotList: React__default.ReactNode;
-    slotBtn: React__default.ReactNode;
+    onChange: (item: any) => void;
+    onSelect: (item: any, event: MouseEvent$1) => void;
+    content: React__default.ReactNode;
 }
-declare const FixedNav: FunctionComponent<Partial<FixedNavProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const FixedNav: FunctionComponent<Partial<FixedNavProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'content'>>;
 
 interface IndicatorProps {
-    size: number;
+    total: number;
     current: number;
-    block: boolean;
-    align: 'left' | 'right' | 'center';
-    fillZero: boolean;
-    vertical: boolean;
+    direction: string;
 }
 declare const Indicator: FunctionComponent<Partial<IndicatorProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
@@ -422,7 +362,7 @@ interface MenuProps extends BasicComponent {
     closeOnClickOverlay: boolean;
     scrollFixed: boolean | string | number;
     lockScroll: boolean;
-    titleIcon: string;
+    titleIcon: React__default.ReactNode;
     children: React__default.ReactNode;
 }
 declare const Menu: FunctionComponent<Partial<MenuProps>>;
@@ -438,12 +378,10 @@ interface MenuItemProps extends BasicComponent {
     options: OptionItem[];
     disabled: boolean;
     columns: number;
-    optionsIcon: string;
+    optionsIcon: React__default.ReactNode;
     direction: string;
     activeTitleClass: string;
     inactiveTitleClass: string;
-    fontClassName: string;
-    iconClassPrefix: string;
     value: string | number;
     onChange: (event: any) => void;
     children: React__default.ReactNode;
@@ -453,9 +391,8 @@ declare const MenuItem: React__default.ForwardRefExoticComponent<Partial<MenuIte
 interface NavBarProps$1 extends BasicComponent {
     leftShow: boolean;
     title: string;
-    titIcon: string;
     leftText: string;
-    desc: string;
+    description: string;
     className: string;
     fixed: boolean;
     safeAreaInsetTop: boolean;
@@ -471,22 +408,18 @@ interface NavBarProps$1 extends BasicComponent {
 }
 declare const NavBar: FunctionComponent<Partial<NavBarProps$1>>;
 
-interface PaginationProps {
+interface PaginationProps extends BasicComponent {
+    value: number;
     defaultValue: number;
-    modelValue: number;
     mode: 'multi' | 'simple';
-    prevText?: React__default.ReactNode;
-    nextText?: React__default.ReactNode;
-    pageCount: string | number;
-    totalItems: string | number;
-    itemsPerPage: string | number;
-    showPageSize: string | number;
-    forceEllipses: boolean;
-    pageNodeRender: (page: any) => React__default.ReactNode;
+    prev: ReactNode;
+    next: ReactNode;
+    total: number;
+    pageSize: number;
+    itemSize: number;
+    ellipse: boolean;
+    itemRender: (page: any) => ReactNode;
     onChange: (currPage: number) => void;
-    updatecurrent: (currPage: number) => void;
-    style?: React__default.CSSProperties;
-    className?: string;
 }
 declare const Pagination: FunctionComponent<Partial<PaginationProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
 
@@ -506,10 +439,10 @@ declare const SideNavBar: FunctionComponent<SideNavBarProps>;
 
 type SideNavBarItemProps = {
     title: string;
-    ikey: string | number;
-    onClick?: ({ title, ikey }: {
+    key: string | number;
+    onClick?: ({ title, key }: {
         title: string;
-        ikey: string | number;
+        key: string | number;
     }) => void;
     children?: React__default.ReactNode;
 };
@@ -517,12 +450,12 @@ declare const SideNavBarItem: FunctionComponent<SideNavBarItemProps>;
 
 type SubSideNavBarProps = {
     title: string;
-    ikey: string | number;
+    key: string | number;
     open?: boolean;
     children?: React__default.ReactNode;
-    onClick?: ({ title, ikey, isShow, }: {
+    onClick?: ({ title, key, isShow, }: {
         title: string;
-        ikey: string | number;
+        key: string | number;
         isShow: boolean;
     }) => void;
 };
@@ -545,11 +478,9 @@ declare const Tabbar: FunctionComponent<Partial<TabbarProps>>;
 
 interface TabbarItemProps extends BasicComponent {
     dot: boolean;
-    size: string | number;
-    iconSize: string | number;
     className: string;
     tabTitle: string;
-    icon: string;
+    icon: React__default.ReactNode;
     href: string;
     num: string | number;
     active: boolean;
@@ -726,7 +657,8 @@ type CheckboxTextPosition = 'left' | 'right';
 type CheckboxDirection = 'horizontal' | 'vertical';
 interface CheckboxGroupProps {
     disabled: boolean;
-    checkedValue: string[];
+    value?: string[];
+    defaultValue?: string[];
     max: number | undefined;
     textPosition: CheckboxTextPosition;
     direction: CheckboxDirection;
@@ -738,16 +670,17 @@ declare const CheckboxGroup: React__default.ForwardRefExoticComponent<Partial<Ch
 interface CheckboxProps extends BasicComponent {
     checked: boolean;
     disabled: boolean;
+    defaultChecked: boolean;
     textPosition: 'left' | 'right';
     iconSize: string | number;
-    iconName: string;
-    iconActiveName: string;
-    iconIndeterminateName: string;
+    icon: React__default.ReactNode;
+    checkedIcon: React__default.ReactNode;
+    indeterminateIcon: React__default.ReactNode;
     iconClassPrefix: string;
     iconFontClassName: string;
     indeterminate: boolean;
     label: string | number;
-    onChange: (state: boolean, label: string) => void;
+    onChange: (state: boolean) => void;
 }
 declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
     Group: typeof CheckboxGroup;
@@ -927,12 +860,10 @@ interface InputProps extends BasicComponent {
     readonly: boolean;
     error: boolean;
     maxlength: any;
-    leftIcon: string;
-    leftIconSize: string | number;
-    rightIcon: string;
-    rightIconSize: string | number;
+    leftIcon: React__default.ReactNode;
+    rightIcon: React__default.ReactNode;
     clearable: boolean;
-    clearIcon: string;
+    clearIcon: React__default.ReactNode;
     clearSize: string | number;
     border: boolean;
     formatTrigger: InputFormatTrigger;
@@ -961,32 +892,26 @@ declare const Input: FunctionComponent<Partial<InputProps> & Omit<React__default
 
 interface InputNumberProps extends BasicComponent {
     disabled: boolean;
-    buttonSize: string | number;
     min: string | number;
     max: string | number;
-    inputWidth: string | number;
     readonly: boolean;
-    modelValue: string | number;
+    value: string | number;
+    defaultValue: string | number;
+    allowEmpty: boolean;
     step: string | number;
-    decimalPlaces: string | number;
-    isAsync: boolean;
+    digits: string | number;
+    async: boolean;
     className: string;
     style: React__default.CSSProperties;
     formatter?: (displayValue: string | number) => string;
-    add: (e: MouseEvent) => void;
-    reduce: (e: MouseEvent) => void;
-    overlimit: (e: MouseEvent) => void;
-    blur: (e: ChangeEvent<HTMLInputElement>) => void;
-    focus: (e: FocusEvent<HTMLInputElement>) => void;
-    change: (param: string | number, e: MouseEvent | ChangeEvent<HTMLInputElement>) => void;
-    onAdd: (e: MouseEvent) => void;
-    onReduce: (e: MouseEvent) => void;
+    onPlus: (e: MouseEvent) => void;
+    onMinus: (e: MouseEvent) => void;
     onOverlimit: (e: MouseEvent) => void;
-    onBlurFuc: (e: ChangeEvent<HTMLInputElement>) => void;
+    onBlur: (e: ChangeEvent<HTMLInputElement>) => void;
     onFocus: (e: FocusEvent<HTMLInputElement>) => void;
-    onChangeFuc: (param: string | number, e: MouseEvent | ChangeEvent<HTMLInputElement>) => void;
+    onChange: (param: string | number, e: MouseEvent | ChangeEvent<HTMLInputElement>) => void;
 }
-declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'>>;
 
 interface NumberKeyboardProps {
     confirmText: string;
@@ -1013,7 +938,7 @@ interface PickerOption {
     className?: string | number;
 }
 interface PickerProps {
-    isVisible: boolean;
+    visible: boolean;
     title?: string;
     listData: (PickerOption | PickerOption[])[];
     defaultValueData?: (number | string)[];
@@ -1049,8 +974,8 @@ interface RadioProps extends BasicComponent {
     shape: Shape;
     textPosition: Position;
     value: string | number | boolean;
-    iconName: string;
-    iconActiveName: string;
+    icon: React__default.ReactNode;
+    checkedIcon: React__default.ReactNode;
     iconSize: string | number;
     onChange: MouseEventHandler<HTMLDivElement>;
 }
@@ -1088,19 +1013,16 @@ interface RangeProps {
 declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;
 
 interface RateProps extends BasicComponent {
-    count: string | number;
-    modelValue: string | number;
-    minimizeValue: string | number;
-    iconSize: string | number;
-    activeColor: string;
-    voidColor: string;
-    checkedIcon: string;
-    uncheckedIcon: string;
+    count: number;
+    value: number;
+    defaultValue: number;
+    min: number;
+    checkedIcon: React__default.ReactNode;
+    uncheckedIcon: React__default.ReactNode;
     disabled: boolean;
-    readonly: boolean;
+    readOnly: boolean;
     allowHalf: boolean;
-    spacing: string | number;
-    onChange: (val: number) => void;
+    onChange: (value: number) => void;
 }
 declare const Rate: FunctionComponent<Partial<RateProps>>;
 
@@ -1119,7 +1041,7 @@ interface SearchBarProps extends BasicComponent {
     maxLength?: number;
     /** 是否启用清除图标，点击清除图标后会清空输入框	 */
     clearable?: boolean;
-    clearIconSize?: string | number;
+    clearSize?: string | number;
     /** 搜索框外部背景色	 */
     background?: string;
     /** 搜索框背景色	 */
@@ -1169,8 +1091,10 @@ declare const SearchBar: FunctionComponent<Partial<SearchBarProps> & Omit<React_
 
 interface ShortPasswordProps extends BasicComponent {
     title: string;
-    desc: string;
+    description: string;
     tips: string;
+    tipsIcon: React__default.ReactNode;
+    iconSize: string | number;
     visible: boolean;
     modelValue: string | number;
     errorMsg: string;
@@ -1236,7 +1160,7 @@ interface UploaderProps extends BasicComponent {
     maximize: number;
     defaultFileList: FileType<string>[];
     listType: string;
-    uploadIcon: string;
+    uploadIcon: React__default.ReactNode;
     uploadIconSize: string | number;
     uploadIconTip: string;
     name: string;
@@ -1304,7 +1228,7 @@ type ItemType<T> = {
     [key: string]: T;
 };
 interface ActionSheetProps {
-    cancelTxt: string;
+    cancelText: string;
     optionTag: string;
     optionSubTag: string;
     chooseTagValue: string;
@@ -1321,16 +1245,10 @@ interface ActionSheetProps {
 declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
 interface BackTopProps extends BasicComponent {
-    className?: string;
-    bottom: number;
-    right: number;
-    elId: string;
-    distance: number;
+    target: string;
+    threshold: number;
     zIndex: number;
-    isAnimation: boolean;
     duration: number;
-    children?: HTMLElement | any;
-    style?: React__default.CSSProperties;
     onClick?: (event: MouseEvent) => void;
 }
 declare const BackTop: FunctionComponent<Partial<BackTopProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
@@ -1346,7 +1264,7 @@ interface BasicDialogProps {
     title?: ReactNode;
     content?: ReactNode;
     footer?: ReactNode;
-    okText?: ReactNode;
+    confirmText?: ReactNode;
     cancelText?: ReactNode;
     mask?: boolean;
     noOkBtn?: boolean;
@@ -1405,11 +1323,11 @@ interface InfiniteloadingProps extends BasicComponent {
     useWindow: boolean;
     useCapture: boolean;
     isOpenRefresh: boolean;
-    pullIcon: string;
-    pullTxt: string;
-    loadIcon: string;
-    loadTxt: string;
-    loadMoreTxt: string;
+    pullIcon: ReactNode;
+    pullText: string;
+    loadIcon: ReactNode;
+    loadingText: string;
+    loadMoreText: string;
     className: string;
     style: React__default.CSSProperties;
     onRefresh: (param: () => void) => void;
@@ -1600,8 +1518,7 @@ declare const Audio: FunctionComponent<Partial<AudioProps> & React__default.HTML
 
 interface AvatarProps extends BasicComponent {
     size: string;
-    icon: string;
-    iconSize?: string | number;
+    icon: React__default.ReactNode;
     shape: AvatarShape;
     bgColor: string;
     color: string;
@@ -1639,7 +1556,7 @@ interface BadgeProps extends BasicComponent {
     right: string;
     zIndex: string;
     color: string;
-    icons: any;
+    icon: ReactNode;
     children?: ReactNode;
 }
 declare const Badge: FunctionComponent<Partial<BadgeProps>>;
@@ -1661,9 +1578,7 @@ interface CollapseProps {
     style: React__default.CSSProperties;
     activeName: Array<number | string> | number | string;
     accordion: boolean;
-    icon: string;
-    iconSize: string;
-    iconColor: string;
+    expandIcon: ReactNode;
     rotate: number;
     onChange: (isOpen: boolean, name: string) => void;
     children?: React__default.ReactNode;
@@ -1671,23 +1586,17 @@ interface CollapseProps {
 declare const Collapse: FunctionComponent<Partial<CollapseProps>>;
 
 interface CollapseItemProps extends BasicComponent {
-    title: string;
+    title: ReactNode;
     name: string;
     isOpen: boolean;
-    icon: string;
-    iconSize: string;
-    iconColor: string;
+    expandIcon: ReactNode;
     disabled: boolean;
     rotate: number;
-    subTitle: string;
-    titleIcon: string;
-    titleIconColor: string;
-    titleIconPosition: string;
-    titleIconSize: string;
+    subTitle: ReactNode;
     childnull: boolean;
     onToggle: (isOpen: boolean, name: string) => void;
 }
-declare const CollapseItem: FunctionComponent<Partial<CollapseItemProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const CollapseItem: FunctionComponent<Partial<CollapseItemProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'>>;
 
 interface CountDownProps {
     className?: string;
@@ -1765,13 +1674,13 @@ interface NoticeBarProps extends BasicComponent {
     text: string;
     closeMode: boolean;
     wrapable: boolean;
-    leftIcon: string;
+    leftIcon: ReactNode;
+    rightIcon: ReactNode;
     color: string;
     background: string;
     delay: string | number;
     scrollable: boolean | null;
     speed: number;
-    rightIcon?: HTMLElement | any;
     close?: (event: any) => void;
     click?: (event: any) => void;
     onClose?: (event: any) => void;
@@ -1784,7 +1693,7 @@ type PopoverTheme = 'light' | 'dark';
 type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
 interface List {
     name: string;
-    icon?: string;
+    icon?: React__default.ReactNode;
     disabled?: boolean;
 }
 interface PopoverProps extends BasicComponent {
@@ -1832,9 +1741,7 @@ interface ProgressProps extends BasicComponent {
     textBackground: string;
     textType: TextType;
     status: boolean;
-    iconName: string;
-    iconColor: string;
-    iconSize: string;
+    icon: ReactNode;
     children: ReactNode;
 }
 declare const Progress: FunctionComponent<Partial<ProgressProps> & React__default.HTMLAttributes<HTMLDivElement>>;
@@ -1861,9 +1768,8 @@ interface StepProps extends BasicComponent {
     title: string;
     content: string;
     activeIndex: number;
-    icon: string;
+    icon: ReactNode;
     iconColor: string;
-    size: string;
     className: string;
     style: React__default.CSSProperties;
     renderContent: () => React__default.ReactNode;
@@ -1923,6 +1829,7 @@ interface BasicTableProps extends BasicComponent {
     summary?: React__default.ReactNode;
     striped?: boolean;
     noData?: React__default.ReactNode;
+    sorterIcon?: React__default.ReactNode;
     onSorter?: (item: TableColumnProps, data: Array<any>) => void;
     showHeader?: boolean;
 }
@@ -1945,7 +1852,7 @@ interface TagProps extends BasicComponent {
     round: boolean;
     mark: boolean;
     closeable: boolean;
-    iconSize?: string | number;
+    closeIcon: React__default.ReactNode;
     prefixCls: string;
     onClick: (e: MouseEvent) => void;
     onClose: (e?: any) => void;
@@ -1965,8 +1872,8 @@ interface TrendArrowProps {
     riseColor: string;
     dropColor: string;
     iconSize: string;
-    upIconName: string;
-    downIconName: string;
+    upIcon: React__default.ReactNode;
+    downIcon: React__default.ReactNode;
     className: string;
     style: React__default.CSSProperties;
 }
@@ -1990,11 +1897,11 @@ interface VideoProps {
     play: (e: HTMLVideoElement) => void;
     pause: (e: HTMLVideoElement) => void;
     playend: (e: HTMLVideoElement) => void;
-    onPlayFuc: (e: HTMLVideoElement) => void;
-    onPauseFuc: (e: HTMLVideoElement) => void;
-    onPlayend: (e: HTMLVideoElement) => void;
+    onPlay: (e: HTMLVideoElement) => void;
+    onPause: (e: HTMLVideoElement) => void;
+    onPlayEnd: (e: HTMLVideoElement) => void;
 }
-declare const Video: FunctionComponent<Partial<VideoProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const Video: FunctionComponent<Partial<VideoProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onPause' | 'onPlay'>>;
 
 type Data = any;
 interface BasicVirtualListProps {
@@ -2091,16 +1998,16 @@ interface AddressProps extends BasicComponent {
     existAddressTitle: string;
     customAndExistTitle: string;
     height: string | number;
-    defaultIcon: string;
-    selectedIcon: string;
-    closeBtnIcon: string;
-    backBtnIcon: string;
+    defaultIcon: React__default.ReactNode;
+    selectedIcon: React__default.ReactNode;
+    closeBtnIcon: React__default.ReactNode;
+    backBtnIcon: React__default.ReactNode;
     onSelected?: (prevExistAdd: AddressList, item: AddressList, copyExistAdd: AddressList[]) => void;
     onClose?: (cal: CloseCallBack) => void;
-    closeMask?: (cal: {
+    onCancel?: (cal: {
         closeWay: string;
     }) => void;
-    switchModule?: (cal: {
+    onSwitch?: (cal: {
         type: string;
     }) => void;
     onChange?: (cal: ChangeCallBack) => void;
@@ -2172,7 +2079,7 @@ interface TimePannelProps {
 declare const TimePannel: FunctionComponent<Partial<TimePannelProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
 interface DateType {
-    'pannel-key'?: string | number;
+    paneKey?: string | number;
     date: string;
 }
 interface TimeSelectProps {
@@ -2195,4 +2102,4 @@ interface TimeSelectProps {
 }
 declare const TimeSelect: FunctionComponent<Partial<TimeSelectProps>>;
 
-export { ActionSheet, ActionSheetProps, Address, AddressProps, Animate, AnimateProps, AnimatingNumbers, AnimatingNumbersProps, Audio, AudioProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, BackTop, BackTopProps, Badge, BadgeProps, Barrage, BarrageProps, Button, ButtonProps, Calendar, CalendarItem, CalendarItemProps, CalendarProps, Card, CardProps, Cascader, CascaderProps, Cell, CellGroup, CellGroupProps, CellProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CircleProgress, CircleProgressProps, Col, ColProps, Collapse, CollapseItem, CollapseItemProps, CollapseProps, ConfigProvider, ConfigProviderProps, CountDown, CountDownProps, DatePicker, DatePickerProps, Dialog, DialogProps, Divider, DividerProps, Drag, DragProps, Elevator, ElevatorProps, Ellipsis, EllipsisProps, Empty, EmptyProps, FixedNav, FixedNavProps, Form, FormItem, FormItemProps, FormProps, Grid, GridItem, GridItemProps, GridProps, Icon, IconProps, Image, ImagePreview, ImagePreviewProps, ImageProps, Indicator, IndicatorProps, Infiniteloading, InfiniteloadingProps, Input, InputNumber, InputNumberProps, InputProps, Layout, LayoutProps, Menu, MenuItem, MenuItemProps, MenuProps, NavBar, NavBarProps$1 as NavBarProps, NoticeBar, NoticeBarProps, _default$1 as Notify, NotifyProps, NumberKeyboard, NumberKeyboardProps, Overlay, OverlayProps, Pagination, PaginationProps, Picker, PickerProps, Popover, PopoverProps, Popup, PopupProps, Price, PriceProps, Progress, ProgressProps, PullToRefresh, PullToRefreshProps, Radio, RadioGroup, RadioGroupProps, RadioProps, Range, RangeProps, Rate, RateProps, Row, RowProps, SearchBar, SearchBarProps, ShortPassword, ShortPasswordProps, SideNavBar, SideNavBarItem, SideNavBarItemProps, SideNavBarProps, Signature, SignatureProps, Skeleton, SkeletonProps, Step, StepProps, Steps, StepsProps, Sticky, StickyProps, SubSideNavBar, SubSideNavBarProps, Swipe, SwipeProps, Swiper, SwiperItem, SwiperItemProps, SwiperProps, Switch, SwitchProps, TabPane, TabPaneProps, Tabbar, TabbarItem, TabbarItemProps, TabbarProps, Table, TableProps, Tabs, TabsProps, Tag, TagProps, TextArea, TextAreaProps, TimeDetail, TimeDetailProps, TimePannel, TimePannelProps, TimeSelect, TimeSelectProps, _default as Toast, ToastProps, TrendArrow, TrendArrowProps, Uploader, UploaderProps, Video, VideoProps, VirtualList, VirtualListProps, WaterMark, WaterMarkProps };
+export { ActionSheet, ActionSheetProps, Address, AddressProps, Animate, AnimateProps, AnimatingNumbers, AnimatingNumbersProps, Audio, AudioProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, BackTop, BackTopProps, Badge, BadgeProps, Barrage, BarrageProps, Button, ButtonProps, Calendar, CalendarItem, CalendarItemProps, CalendarProps, Card, CardProps, Cascader, CascaderProps, Cell, CellGroup, CellGroupProps, CellProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CircleProgress, CircleProgressProps, Col, ColProps, Collapse, CollapseItem, CollapseItemProps, CollapseProps, ConfigProvider, ConfigProviderProps, CountDown, CountDownProps, DatePicker, DatePickerProps, Dialog, DialogProps, Divider, DividerProps, Drag, DragProps, Elevator, ElevatorProps, Ellipsis, EllipsisProps, Empty, EmptyProps, FixedNav, FixedNavProps, Form, FormItem, FormItemProps, FormProps, Grid, GridItem, GridItemProps, GridProps, Image, ImagePreview, ImagePreviewProps, ImageProps, Indicator, IndicatorProps, Infiniteloading, InfiniteloadingProps, Input, InputNumber, InputNumberProps, InputProps, Layout, LayoutProps, Menu, MenuItem, MenuItemProps, MenuProps, NavBar, NavBarProps$1 as NavBarProps, NoticeBar, NoticeBarProps, _default$1 as Notify, NotifyProps, NumberKeyboard, NumberKeyboardProps, Overlay, OverlayProps, Pagination, PaginationProps, Picker, PickerProps, Popover, PopoverProps, Popup, PopupProps, Price, PriceProps, Progress, ProgressProps, PullToRefresh, PullToRefreshProps, Radio, RadioGroup, RadioGroupProps, RadioProps, Range, RangeProps, Rate, RateProps, Row, RowProps, SearchBar, SearchBarProps, ShortPassword, ShortPasswordProps, SideNavBar, SideNavBarItem, SideNavBarItemProps, SideNavBarProps, Signature, SignatureProps, Skeleton, SkeletonProps, Step, StepProps, Steps, StepsProps, Sticky, StickyProps, SubSideNavBar, SubSideNavBarProps, Swipe, SwipeProps, Swiper, SwiperItem, SwiperItemProps, SwiperProps, Switch, SwitchProps, TabPane, TabPaneProps, Tabbar, TabbarItem, TabbarItemProps, TabbarProps, Table, TableProps, Tabs, TabsProps, Tag, TagProps, TextArea, TextAreaProps, TimeDetail, TimeDetailProps, TimePannel, TimePannelProps, TimeSelect, TimeSelectProps, _default as Toast, ToastProps, TrendArrow, TrendArrowProps, Uploader, UploaderProps, Video, VideoProps, VirtualList, VirtualListProps, WaterMark, WaterMarkProps };