@nutui/nutui-react-taro 2.0.0-alpha.0 → 2.0.0-alpha.10

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import React__default, { CSSProperties, ReactNode, FunctionComponent, MouseEvent as MouseEvent$1, MouseEventHandler, HTMLInputTypeAttribute, ChangeEvent, FocusEvent, RefObject, Component } from 'react';
-import { ButtonProps as ButtonProps$1, ITouchEvent } from '@tarojs/components';
+import React__default, { CSSProperties, ReactNode, FunctionComponent, MouseEvent as MouseEvent$1, HTMLInputTypeAttribute, ChangeEvent, FocusEvent, RefObject, Component } from 'react';
+import { ButtonProps as ButtonProps$1, ITouchEvent, InputProps as InputProps$1, TextareaProps, SwiperProps as SwiperProps$1 } from '@tarojs/components';
 import Taro, { InnerAudioContext } from '@tarojs/taro';
 
 interface BasicComponent {
@@ -42,6 +42,7 @@ interface CellGroupProps extends BasicComponent {
     title: ReactNode;
     description: ReactNode;
     children?: ReactNode;
+    divider: boolean;
 }
 declare const CellGroup: FunctionComponent<Partial<CellGroupProps>>;
 
@@ -217,31 +218,8 @@ interface OverlayProps extends BasicComponent {
 }
 declare const Overlay: FunctionComponent<Partial<OverlayProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
 
-type Teleport = HTMLElement | (() => HTMLElement) | null;
-interface PopupProps extends OverlayProps {
-    position: string;
-    transition: string;
-    overlayStyle: React__default.CSSProperties;
-    overlayClass: string;
-    popClass: string;
-    closeable: boolean;
-    closeIconPosition: string;
-    closeIcon: React__default.ReactNode;
-    destroyOnClose: boolean;
-    teleport: Teleport;
-    overlay: boolean;
-    round: boolean;
-    onOpen: () => void;
-    onClose: () => void;
-    onOpened: (e: HTMLElement) => void;
-    onClosed: (e: HTMLElement) => void;
-    onClickOverlay: (e: ITouchEvent) => void;
-    onClickCloseIcon: (e: MouseEvent$1) => void;
-}
-declare const Popup: FunctionComponent<Partial<PopupProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
-
 type EventType$1 = 'row' | 'col';
-interface ColProps {
+interface ColProps extends BasicComponent {
     span: string | number;
     offset: string | number;
     gutter: string | number;
@@ -251,10 +229,8 @@ declare const Col: FunctionComponent<Partial<ColProps> & Omit<React__default.HTM
 
 type ContentPositionType = 'left' | 'center' | 'right';
 type DirectionType = 'horizontal' | 'vertical';
-interface DividerProps {
+interface DividerProps extends BasicComponent {
     contentPosition: ContentPositionType;
-    style?: React__default.CSSProperties;
-    className?: string;
     direction?: DirectionType;
 }
 declare const Divider: FunctionComponent<Partial<DividerProps> & React__default.HTMLAttributes<HTMLDivElement>>;
@@ -293,7 +269,7 @@ interface LayoutProps {
 declare const Layout: FunctionComponent<Partial<LayoutProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
 type EventType = 'row' | 'col';
-interface RowProps {
+interface RowProps extends BasicComponent {
     type: string;
     justify: string;
     align: string;
@@ -312,16 +288,23 @@ interface StickyProps extends BasicComponent {
 }
 declare const Sticky: FunctionComponent<Partial<StickyProps>>;
 
+interface BackTopProps extends BasicComponent {
+    threshold: number;
+    zIndex: number;
+    duration: number;
+    onClick?: (event: MouseEvent) => void;
+}
+declare const BackTop: FunctionComponent<Partial<BackTopProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+
 declare const elevatorContext: React__default.Context<ElevatorData>;
-interface ElevatorProps {
+interface ElevatorProps extends BasicComponent {
     height: number | string;
-    acceptKey: string;
-    indexList: any[];
-    isSticky: boolean;
+    floorKey: string;
+    list: any[];
+    sticky: boolean;
     spaceHeight: number;
     titleHeight: number;
-    className: string;
-    style: React__default.CSSProperties;
+    showKeys: boolean;
     children: React__default.ReactNode;
     onClickItem: (key: string, item: ElevatorData) => void;
     onClickIndex: (key: string) => void;
@@ -335,7 +318,7 @@ declare const Elevator: FunctionComponent<Partial<ElevatorProps> & React__defaul
     Context: typeof elevatorContext;
 };
 
-type Direction$1 = 'right' | 'left';
+type Direction$2 = 'right' | 'left';
 type Position$2 = {
     top?: string;
     bottom?: string;
@@ -347,88 +330,26 @@ interface FixedNavProps extends BasicComponent {
     activeText: string;
     inactiveText: string;
     position: Position$2;
-    type: Direction$1;
+    type: Direction$2;
     onChange: (item: any) => void;
     onSelect: (item: any, event: MouseEvent$1) => void;
     content: React__default.ReactNode;
 }
 declare const FixedNav: FunctionComponent<Partial<FixedNavProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'content'>>;
 
-interface IndicatorProps {
-    total: number;
-    current: number;
-    direction: string;
-}
-declare const Indicator: FunctionComponent<Partial<IndicatorProps> & React__default.HTMLAttributes<HTMLDivElement>>;
-
-interface MenuProps extends BasicComponent {
-    className: string;
-    style: React__default.CSSProperties;
-    activeColor: string;
-    closeOnClickOverlay: boolean;
-    scrollFixed: boolean | string | number;
-    lockScroll: boolean;
-    titleIcon: React__default.ReactNode;
-    children: React__default.ReactNode;
-}
-declare const Menu: FunctionComponent<Partial<MenuProps>>;
-
-interface OptionItem {
-    text: string;
-    value: string | number;
-}
-interface MenuItemProps extends BasicComponent {
-    className: string;
-    style: React__default.CSSProperties;
-    title: React__default.ReactNode;
-    options: OptionItem[];
-    disabled: boolean;
-    columns: number;
-    optionsIcon: React__default.ReactNode;
-    direction: string;
-    activeTitleClass: string;
-    inactiveTitleClass: string;
-    value: string | number;
-    onChange: (event: any) => void;
-    children: React__default.ReactNode;
-}
-declare const MenuItem: React__default.ForwardRefExoticComponent<Partial<MenuItemProps> & React__default.RefAttributes<unknown>>;
-
 interface NavBarProps$1 extends BasicComponent {
-    leftShow: boolean;
-    title: string;
-    leftText: string;
-    description: string;
-    className: string;
+    left: React__default.ReactNode;
+    back: React__default.ReactNode;
+    right: React__default.ReactNode;
     fixed: boolean;
     safeAreaInsetTop: boolean;
-    border: boolean;
     placeholder: boolean;
     zIndex: number | string;
-    style: React__default.CSSProperties;
-    onClickTitle: (e: React__default.MouseEvent<HTMLDivElement>) => void;
-    onClickIcon: (e: React__default.MouseEvent<HTMLDivElement>) => void;
     onClickBack: (e: React__default.MouseEvent<HTMLElement>) => void;
-    onClickRight: (e: React__default.MouseEvent<HTMLDivElement>) => void;
     children?: React__default.ReactNode;
 }
 declare const NavBar: FunctionComponent<Partial<NavBarProps$1>>;
 
-interface PaginationProps extends BasicComponent {
-    defaultValue: number;
-    value: number;
-    mode: 'multi' | 'simple';
-    prev: ReactNode;
-    next: ReactNode;
-    total: number;
-    pageSize: number;
-    itemSize: number;
-    ellipse: boolean;
-    itemRender: (page: any) => ReactNode;
-    onChange: (currPage: number) => void;
-}
-declare const Pagination: FunctionComponent<Partial<PaginationProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
-
 type NavBarProps = {
     showhead?: boolean;
 };
@@ -467,76 +388,64 @@ type SubSideNavBarProps = {
 };
 declare const SubSideNavBar: FunctionComponent<SubSideNavBarProps>;
 
-interface TabbarProps {
-    visible: number | string;
-    activeVisible?: number | string;
-    bottom: boolean;
-    size: string | number;
-    unactiveColor: string;
-    activeColor: string;
-    safeAreaInsetBottom: boolean;
-    className: string;
-    style: React__default.CSSProperties;
-    onSwitch: (child: React__default.ReactElement<any>, active: number) => void;
-    children?: React__default.ReactNode;
+interface BadgeProps extends BasicComponent {
+    value: ReactNode;
+    dot: boolean;
+    max: number;
+    top: string;
+    right: string;
+    color: string;
 }
-declare const Tabbar: FunctionComponent<Partial<TabbarProps>>;
+declare const Badge: FunctionComponent<Partial<BadgeProps>>;
 
-interface TabbarItemProps extends BasicComponent {
-    dot: boolean;
-    className: string;
-    tabTitle: string;
-    icon: React__default.ReactNode;
-    href: string;
-    to: any;
-    num: string | number;
+interface TabbarItemProps extends BadgeProps {
+    title: ReactNode;
+    icon: ReactNode;
     active: boolean;
     activeColor: string;
-    unactiveColor: string;
+    inactiveColor: string;
     index: number;
     handleClick: (idx: number) => void;
 }
 declare const TabbarItem: FunctionComponent<Partial<TabbarItemProps>>;
 
+interface TabbarProps extends BasicComponent {
+    defaultValue: number;
+    value?: number;
+    fixed: boolean;
+    inactiveColor: string;
+    activeColor: string;
+    safeArea: boolean;
+    onSwitch: (value: number) => void;
+}
+declare const Tabbar: FunctionComponent<Partial<TabbarProps>> & {
+    Item: typeof TabbarItem;
+};
+
 interface TabPanelInnerProps {
     autoHeightClassName: string;
 }
 interface TabPaneProps {
     title: string | number;
-    paneKey: string | number;
-    activeKey: string | number;
+    value: string | number;
     disabled: boolean;
     className: string;
     children?: React__default.ReactNode;
 }
 declare const TabPane: FunctionComponent<Partial<TabPaneProps & TabPanelInnerProps>>;
 
-declare class Title {
-    title: string;
-    paneKey: string;
-    disabled: boolean;
-    index: number;
-    constructor();
-}
-type TabsSize = 'large' | 'normal' | 'small';
 interface TabsProps extends BasicComponent {
-    className: string;
-    style: React__default.CSSProperties;
     tabStyle: React__default.CSSProperties;
     value: string | number;
-    color: string;
-    background: string;
-    direction: string;
-    type: string;
-    titleScroll: boolean;
-    ellipsis: boolean;
-    animatedTime: number | string;
-    titleGutter: number | string;
-    size: TabsSize;
-    leftAlign: boolean;
-    titleNode: () => JSX.Element[];
-    onChange: (t: Title) => void;
-    onClick: (t: Title) => void;
+    defaultValue: string | number;
+    activeColor: string;
+    direction: 'horizontal' | 'vertical';
+    activeType: 'line' | 'smile';
+    duration: number | string;
+    align: 'left' | 'right';
+    title: () => JSX.Element[];
+    onChange: (index: string | number) => void;
+    onClick: (index: string | number) => void;
     autoHeight: boolean;
     children?: React__default.ReactNode;
 }
@@ -544,6 +453,74 @@ declare const Tabs: FunctionComponent<Partial<TabsProps>> & {
     TabPane: typeof TabPane;
 };
 
+interface RegionData {
+    name?: string;
+    [key: string]: any;
+}
+interface ChangeCallBack {
+    next: string;
+    value: string | RegionData;
+    custom: string;
+}
+interface CloseCallBackData extends SelectedRegionObj {
+    addressIdStr: string;
+    addressStr: string;
+}
+interface CloseCallBack {
+    data: CloseCallBackData | AddressList;
+    type: string;
+}
+interface AddressList {
+    id?: string | number;
+    provinceName: string;
+    cityName: string;
+    countyName: string;
+    townName: string;
+    addressDetail: string;
+    selectedAddress: boolean;
+    name?: string;
+    phone?: string;
+}
+interface SelectedRegionObj {
+    province: RegionData;
+    city: RegionData;
+    country: RegionData;
+    town: RegionData;
+}
+
+interface AddressProps extends BasicComponent {
+    className?: string;
+    style?: CSSProperties;
+    modelValue: boolean;
+    modelSelect: (string | number)[];
+    type: string;
+    customAddressTitle: string;
+    province: RegionData[];
+    city: RegionData[];
+    country: RegionData[];
+    town: RegionData[];
+    isShowCustomAddress: boolean;
+    existAddress: AddressList[];
+    existAddressTitle: string;
+    customAndExistTitle: string;
+    height: string | number;
+    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;
+    onCancel?: (cal: {
+        closeWay: string;
+    }) => void;
+    onSwitch?: (cal: {
+        type: string;
+    }) => void;
+    onChange?: (cal: ChangeCallBack) => void;
+    onTabChecked?: (cal: string) => void;
+}
+declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+
 type CalendarRef$1 = {
     scrollToDate: (date: string) => void;
 };
@@ -624,30 +601,32 @@ interface CascaderOption {
     loading?: boolean;
     root?: boolean;
 }
+type CascaderValue = Exclude<CascaderOption['value'], undefined>[];
+interface optionKey {
+    textKey: string;
+    valueKey: string;
+    childrenKey: string;
+}
 
-interface CascaderProps {
-    className: string;
-    style: CSSProperties;
-    activeColor: string;
-    checkedIcon: string;
-    tabsColor: string;
-    poppable: boolean;
+interface CascaderProps extends BasicComponent {
+    popup: boolean;
     visible: boolean;
+    activeColor: string;
+    activeIcon: string;
     options: CascaderOption[];
-    value: string[];
+    value?: CascaderValue;
+    defaultValue?: CascaderValue;
     title: string;
-    textKey: string;
-    valueKey: string;
-    childrenKey: string;
-    convertConfig: Record<string, string | number | null>;
+    optionKey: optionKey;
+    format: Record<string, string | number | null>;
     closeable: boolean;
     closeIconPosition: string;
     closeIcon: string;
     lazy: boolean;
-    lazyLoad: (node: any, resolve: any) => void;
+    onLoad: (node: any, resolve: any) => void;
     onClose?: () => void;
-    onChange: (value: any, params: any) => void;
-    onPathChange: (value: any, params: any) => void;
+    onChange: (value: CascaderValue, params?: any) => void;
+    onPathChange: (value: CascaderValue, params: any) => void;
 }
 declare const Cascader: React__default.ForwardRefExoticComponent<Partial<CascaderProps> & {
     children?: React__default.ReactNode;
@@ -657,35 +636,35 @@ interface RadioGroupOptionType {
     label: string;
     value: string;
     disabled?: boolean;
-    onChange?: MouseEventHandler<HTMLDivElement>;
+    onChange?: (checked: boolean) => void;
 }
 
-type CheckboxTextPosition = 'left' | 'right';
+type CheckboxLabelPosition = 'left' | 'right';
 type CheckboxDirection = 'horizontal' | 'vertical';
 interface CheckboxGroupProps {
-    disabled: boolean;
-    checkedValue: string[];
+    disabled?: boolean;
+    value?: string[];
+    defaultValue?: string[];
     max: number | undefined;
-    textPosition: CheckboxTextPosition;
+    labelPosition: CheckboxLabelPosition;
     direction: CheckboxDirection;
-    onChange: (value: string[]) => void;
     options: RadioGroupOptionType[];
+    onChange: (value: string[]) => void;
 }
 declare const CheckboxGroup: React__default.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & React__default.RefAttributes<unknown>>;
 
 interface CheckboxProps extends BasicComponent {
     checked: boolean;
     disabled: boolean;
-    textPosition: 'left' | 'right';
-    iconSize: string | number;
+    defaultChecked: boolean;
+    labelPosition: 'left' | 'right';
     icon: React__default.ReactNode;
-    checkedIcon: React__default.ReactNode;
+    activeIcon: React__default.ReactNode;
     indeterminateIcon: React__default.ReactNode;
-    iconClassPrefix: string;
-    iconFontClassName: string;
+    value: string | number;
     indeterminate: boolean;
     label: string | number;
-    onChange: (state: boolean, label: string) => void;
+    onChange: (value: boolean) => void;
 }
 declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
     Group: typeof CheckboxGroup;
@@ -694,7 +673,7 @@ declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React__d
 interface PickerOption$1 {
     text: string | number;
     value: string | number;
-    disabled?: string;
+    disabled?: boolean;
     children?: PickerOption$1[];
     className?: string | number;
 }
@@ -713,8 +692,8 @@ interface DatePickerProps {
     formatter: (type: string, option: PickerOption$1) => PickerOption$1;
     filter: (type: string, option: PickerOption$1[]) => PickerOption$1[];
     onCloseDatePicker: () => void;
-    onConfirmDatePicker: (values: (string | number)[], options: PickerOption$1[]) => void;
-    onChange: (columnIndex: string | number, values: (string | number)[], options: PickerOption$1[]) => void;
+    onConfirmDatePicker: (selectedOptions: PickerOption$1[], selectedValue: (string | number)[]) => void;
+    onChange?: (selectedOptions: PickerOption$1[], selectedValue: (string | number)[], columnIndex: number) => void;
 }
 declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
 
@@ -810,58 +789,30 @@ declare const Form: FunctionComponent<Partial<FormProps> & React__default.HTMLAt
 
 type InputAlignType = 'left' | 'center' | 'right';
 type InputFormatTrigger = 'onChange' | 'onBlur';
-type InputType = HTMLInputTypeAttribute;
-type InputRule = {
-    pattern?: RegExp;
-    message?: string;
-    required?: boolean;
-};
+type ConfirmTextType = 'send' | 'search' | 'next' | 'go' | 'done';
 interface InputProps extends BasicComponent {
-    type: InputType;
+    type: keyof InputProps$1.Type | HTMLInputTypeAttribute;
     name: string;
-    defaultValue: any;
+    defaultValue?: string;
+    value?: string;
     placeholder: string;
-    label: string;
-    labelClass: string;
-    labelWidth: string | number;
-    labelAlign: InputAlignType;
-    colon: boolean;
-    inputAlign: InputAlignType;
-    center: boolean;
-    required: boolean;
+    align: InputAlignType;
     disabled: boolean;
-    readonly: boolean;
-    error: boolean;
-    maxlength: any;
-    leftIcon: React__default.ReactNode;
-    rightIcon: React__default.ReactNode;
+    readOnly: boolean;
+    maxLength: number;
     clearable: boolean;
     clearIcon: React__default.ReactNode;
-    clearSize: string | number;
-    border: boolean;
     formatTrigger: InputFormatTrigger;
-    rules: Array<InputRule>;
-    errorMessage: string;
-    errorMessageAlign: InputAlignType;
-    rows: string | number;
-    showWordLimit: boolean;
-    autofocus: boolean;
-    style?: CSSProperties;
-    className?: string;
-    slotButton?: React__default.ReactNode;
-    slotInput?: React__default.ReactNode;
-    formatter: (value: string) => void;
-    onChange?: (value: any, event: Event) => void;
-    onBlur?: (value: any, event: Event) => void;
-    onFocus?: (value: any, event: Event) => void;
-    onClear?: (value: any, event: Event) => void;
-    keypress?: (value: any, event: Event) => void;
-    onClickInput?: (value: any) => void;
-    onClickLeftIcon?: (value: any) => void;
-    onClickRightIcon?: (value: any) => void;
-    onClick?: (value: any) => void;
-}
-declare const Input: FunctionComponent<Partial<InputProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onFocus' | 'onClick'>>;
+    autoFocus: boolean;
+    confirmType: ConfirmTextType;
+    formatter?: (value: string) => void;
+    onChange?: (value: string) => void;
+    onBlur?: (value: string) => void;
+    onFocus?: (value: string) => void;
+    onClear?: (value: string) => void;
+    onClick?: (e: ITouchEvent) => void;
+}
+declare const Input: React__default.ForwardRefExoticComponent<Partial<InputProps> & Partial<Omit<InputProps$1, "type" | "ref" | "onFocus" | "onBlur">> & React__default.RefAttributes<unknown>>;
 
 interface InputNumberProps extends BasicComponent {
     disabled: boolean;
@@ -886,104 +837,143 @@ interface InputNumberProps extends BasicComponent {
 }
 declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'>>;
 
-interface NumberKeyboardProps {
-    confirmText: string;
-    title: string;
-    visible: boolean;
-    overlay: boolean;
-    type: string;
-    customKey: Array<string>;
-    randomKeys: boolean;
-    popClass: string;
-    className: string;
-    style?: CSSProperties;
-    onChange?: (value: string) => void;
-    onDelete?: () => void;
-    onClose: () => void;
+interface MenuProps extends BasicComponent {
+    activeColor: string;
+    closeOnClickOverlay: boolean;
+    scrollFixed: boolean | string | number;
+    lockScroll: boolean;
+    icon: React__default.ReactNode;
+    children: React__default.ReactNode;
 }
-declare const NumberKeyboard: FunctionComponent<Partial<NumberKeyboardProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+declare const Menu: FunctionComponent<Partial<MenuProps>>;
 
-interface PickerOption {
-    text: string | number;
+interface OptionItem {
+    text: string;
     value: string | number;
-    disabled?: string;
-    children?: PickerOption[];
-    className?: string | number;
-}
-interface PickerProps {
-    visible: boolean;
-    title?: string;
-    listData: (PickerOption | PickerOption[])[];
-    defaultValueData?: (number | string)[];
-    className?: '';
-    style?: React__default.CSSProperties;
-    threeDimensional?: boolean;
-    swipeDuration: number | string;
-    onConfirm?: (selectedValue: (string | number)[], selectedOptions: PickerOption[]) => void;
-    onClose?: (selectedValue: (string | number)[], selectedOptions: PickerOption[]) => void;
-    onCloseUpdate?: (selectedValue: (string | number)[], list: PickerOption[], pickerRef: RefObject<HTMLDivElement>) => void;
-    onChange?: (index: number, value: (string | number)[], selectedOptions: PickerOption[]) => void;
 }
-declare const Picker: React__default.ForwardRefExoticComponent<Partial<PickerProps> & React__default.RefAttributes<unknown>>;
-
-type Position$1 = 'left' | 'right';
-type Direction = 'horizontal' | 'vertical';
-interface RadioGroupProps {
-    value: string | number | boolean | null;
-    textPosition: Position$1;
-    direction: Direction;
-    onChange: (value: string | number | boolean) => void;
+interface MenuItemProps extends BasicComponent {
+    title: React__default.ReactNode;
+    options: OptionItem[];
+    disabled: boolean;
+    columns: number;
+    icon: React__default.ReactNode;
+    closeOnClickAway: boolean;
+    direction: string;
+    activeTitleClass: string;
+    inactiveTitleClass: string;
+    value: string | number;
+    onChange: (event: any) => void;
+    children: React__default.ReactNode;
+}
+declare const MenuItem: React__default.ForwardRefExoticComponent<Partial<MenuItemProps> & React__default.RefAttributes<unknown>>;
+
+type Teleport = HTMLElement | (() => HTMLElement) | null;
+interface PopupProps extends OverlayProps {
+    position: string;
+    transition: string;
+    overlayStyle: React__default.CSSProperties;
+    overlayClassName: string;
+    closeable: boolean;
+    closeIconPosition: string;
+    closeIcon: React__default.ReactNode;
+    destroyOnClose: boolean;
+    portal: Teleport;
+    overlay: boolean;
+    round: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    onClickOverlay: (e: ITouchEvent) => boolean | void;
+    onClickCloseIcon: (e: ITouchEvent) => boolean | void;
+}
+declare const Popup: FunctionComponent<Partial<PopupProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+
+interface NumberKeyboardProps extends PopupProps {
+    visible: boolean;
+    title?: ReactNode;
+    confirmText?: string;
+    type: 'default' | 'rightColumn';
+    custom: Array<string>;
+    random: boolean;
+    onChange?: (value: string) => void;
+    onDelete?: () => void;
+    onClose: () => void;
+    onConfirm?: () => void;
+}
+declare const NumberKeyboard: FunctionComponent<Partial<NumberKeyboardProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onClick' | 'title'>>;
+
+interface PickerOption {
+    text: string | number;
+    value: string | number;
+    disabled?: boolean;
+    children?: PickerOption[];
+    className?: string | number;
+}
+
+interface PickerProps extends BasicComponent {
+    visible: boolean;
+    title?: string;
+    options: (PickerOption | PickerOption[])[];
+    value?: (number | string)[];
+    defaultValue?: (number | string)[];
+    threeDimensional?: boolean;
+    duration: number | string;
+    onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
+    onClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
+    afterClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], pickerRef: RefObject<HTMLDivElement>) => void;
+    onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void;
+}
+declare const Picker: React__default.ForwardRefExoticComponent<Partial<PickerProps> & React__default.RefAttributes<unknown>>;
+
+type Position$1 = 'left' | 'right';
+type Direction$1 = 'horizontal' | 'vertical';
+interface RadioGroupProps {
+    value?: string | number;
+    defaultValue?: string | number;
+    labelPosition: Position$1;
+    direction: Direction$1;
+    disabled?: boolean;
     options: RadioGroupOptionType[];
+    onChange: (value: string | number) => void;
 }
 declare const RadioGroup: React__default.ForwardRefExoticComponent<Partial<RadioGroupProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & React__default.RefAttributes<unknown>>;
 
 type Shape = 'button' | 'round';
 type Position = 'right' | 'left';
 interface RadioProps extends BasicComponent {
-    className: string;
-    style: React__default.CSSProperties;
     disabled: boolean;
     checked: boolean;
+    defaultChecked: boolean;
     shape: Shape;
-    textPosition: Position;
-    value: string | number | boolean;
+    labelPosition: Position;
     icon: React__default.ReactNode;
-    checkedIcon: React__default.ReactNode;
-    iconSize: string | number;
-    onChange: MouseEventHandler<HTMLDivElement>;
+    activeIcon: React__default.ReactNode;
+    value: string | number;
+    onChange: (checked: boolean) => void;
 }
-declare const Radio: FunctionComponent<Partial<RadioProps> & React__default.HTMLAttributes<HTMLDivElement>> & {
-    RadioGroup: typeof RadioGroup;
+declare const Radio: FunctionComponent<Partial<RadioProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
+    Group: typeof RadioGroup;
 };
 
-type SliderValue = number | number[];
-interface RangeProps {
-    className: string;
-    style: CSSProperties;
+type RangeValue = number | number[];
+interface RangeProps extends BasicComponent {
+    value: RangeValue;
+    defaultValue: RangeValue;
     range: boolean;
     disabled: boolean;
-    activeColor: string;
-    inactiveColor: string;
-    buttonColor: string;
-    hiddenRange: boolean;
-    hiddenTag: boolean;
-    min: number | string;
-    max: number | string;
-    minDesc: number | string;
-    maxDesc: number | string;
-    curValueDesc: number | string;
-    step: number | string;
-    modelValue: SliderValue;
-    button: React__default.ReactNode;
+    min: number;
+    max: number;
+    step: number;
+    minDescription: ReactNode;
+    maxDescription: ReactNode;
+    button: ReactNode;
     vertical: boolean;
     marks: Record<string, unknown>;
-    dragStart?: () => void;
-    dragEnd?: () => void;
-    onChange?: (value: number) => void;
-    onDragStart?: () => void;
-    onDragEnd?: () => void;
+    currentDescription: ((value: RangeValue) => ReactNode) | null;
+    onChange: (value: RangeValue) => void;
+    onStart: () => void;
+    onEnd: (value: RangeValue) => void;
 }
-declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;
+declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange' | 'defaultValue'>>;
 
 interface RateProps extends BasicComponent {
     count: number;
@@ -1086,23 +1076,51 @@ interface ShortPasswordProps extends BasicComponent {
 }
 declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
 
-interface TextAreaProps {
-    className?: string;
-    defaultValue: string | number | any;
-    textAlign?: string | any;
-    limitshow?: boolean;
-    maxlength?: any;
-    rows?: any;
-    placeholder?: string;
-    readonly?: boolean;
-    disabled?: boolean;
-    autosize?: boolean;
-    style?: CSSProperties;
-    onChange?: (value: any, event: Event) => void;
-    onBlur?: (event: Event) => void;
-    onFocus?: (event: Event) => void;
+interface FileType$1 {
+    /** jpg 图片 */
+    jpg: any;
+    /** png 图片 */
+    png: any;
+}
+interface SignatureProps {
+    canvasId: string;
+    type: keyof FileType$1;
+    lineWidth: number;
+    strokeStyle: string;
+    unSupportTpl: string;
+    className: string;
+    confirm?: (dataurl: string) => void;
+    clear?: () => void;
+    onConfirm?: (dataurl: string) => void;
+    onClear?: () => void;
+}
+declare const Signature: FunctionComponent<Partial<SignatureProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+
+interface SwitchProps extends BasicComponent {
+    checked: boolean;
+    defaultChecked: boolean;
+    disabled: boolean;
+    activeText: string;
+    inactiveText: string;
+    onChange: (val: boolean, event: React__default.MouseEvent) => void;
+}
+declare const Switch: FunctionComponent<Partial<SwitchProps>>;
+
+interface TextAreaProps extends Omit<TextareaProps, 'showCount' | 'onFocus' | 'onBlur'>, Omit<BasicComponent, 'style'> {
+    value: string;
+    defaultValue: string;
+    showCount: boolean;
+    maxLength: number;
+    rows: number;
+    placeholder: string;
+    readOnly: boolean;
+    disabled: boolean;
+    autoSize: boolean;
+    onChange: (value: string) => void;
+    onBlur: (event: Event) => void;
+    onFocus: (event: Event) => void;
 }
-declare const TextArea: FunctionComponent<Partial<TextAreaProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onFocus'>>;
+declare const TextArea: FunctionComponent<Partial<TextAreaProps>>;
 
 declare class UploadOptions {
     url: string;
@@ -1123,7 +1141,7 @@ declare class UploadOptions {
     beforeXhrUpload?: Function;
 }
 
-type FileType$1<T> = {
+type FileType<T> = {
     [key: string]: T;
 };
 type FileItemStatus = 'ready' | 'uploading' | 'success' | 'error' | 'removed';
@@ -1150,17 +1168,18 @@ interface mediaType {
 }
 interface UploaderProps extends BasicComponent {
     url: string;
-    maximum: string | number;
+    maxCount: string | number;
     sizeType: (keyof sizeType)[];
     sourceType: (keyof sourceType)[];
     mediaType: (keyof mediaType)[];
     camera: string;
-    maximize: number;
-    defaultFileList: FileType$1<string>[];
-    listType: string;
-    uploadIcon: React__default.ReactNode;
-    uploadIconSize: string | number;
-    uploadIconTip: string;
+    maxFileSize: number;
+    defaultValue?: FileType<React__default.ReactNode>[];
+    value?: FileType<string>[];
+    previewType: 'picture' | 'list';
+    imageFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    uploadIcon?: React__default.ReactNode;
+    uploadLabel?: React__default.ReactNode;
     name: string;
     accept: string;
     disabled: boolean;
@@ -1171,36 +1190,36 @@ interface UploaderProps extends BasicComponent {
     method: string;
     xhrState: number | string;
     headers: object;
-    isPreview: boolean;
-    isDeletable: boolean;
+    preview: boolean;
+    deletable: boolean;
     className: string;
-    defaultImg: string;
+    previewUrl?: string;
     maxDuration: number;
     style: React__default.CSSProperties;
     onStart?: (option: UploadOptions) => void;
-    onRemove?: (file: FileItem, fileList: FileType$1<string>[]) => void;
+    onDelete?: (file: FileItem, fileList: FileType<React__default.ReactNode>[]) => void;
     onSuccess?: (param: {
         responseText: XMLHttpRequest['responseText'];
         option: UploadOptions;
-        fileList: FileType$1<string>[];
+        fileList: FileType<React__default.ReactNode>[];
     }) => void;
     onProgress?: (param: {
         e: ProgressEvent<XMLHttpRequestEventTarget>;
         option: UploadOptions;
-        percentage: string | number;
+        percentage: React__default.ReactNode;
     }) => void;
     onFailure?: (param: {
         responseText: XMLHttpRequest['responseText'];
         option: UploadOptions;
-        fileList: FileType$1<string>[];
+        fileList: FileType<React__default.ReactNode>[];
     }) => void;
-    onUpdate?: (fileList: FileType$1<string>[]) => void;
+    onUpdate?: (fileList: FileType<React__default.ReactNode>[]) => void;
     onOversize?: (files: Taro.chooseImage.ImageFile[] | Taro.chooseMedia.ChooseMedia[] | any) => void;
     onChange?: (param: {
-        fileList: FileType$1<string>[];
+        fileList: FileType<React__default.ReactNode>[];
     }) => void;
-    onBeforeXhrUpload?: (xhr: XMLHttpRequest, options: any) => void;
-    onBeforeDelete?: (file: FileItem, files: FileType$1<string>[]) => boolean;
+    beforeXhrUpload?: (xhr: XMLHttpRequest, options: any) => void;
+    beforeDelete?: (file: FileItem, files: FileType<React__default.ReactNode>[]) => boolean;
     onFileItemClick?: (file: FileItem) => void;
 }
 declare class FileItem {
@@ -1238,44 +1257,32 @@ interface ActionSheetProps {
 }
 declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-interface BackTopProps extends BasicComponent {
-    threshold: number;
-    zIndex: number;
-    duration: number;
-    onClick?: (event: MouseEvent) => void;
-}
-declare const BackTop: FunctionComponent<Partial<BackTopProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
-
 interface BasicDialogProps {
-    className?: string;
-    style?: CSSProperties;
     visible?: boolean;
     title?: ReactNode;
     content?: ReactNode;
     footer?: ReactNode;
     confirmText?: ReactNode;
     cancelText?: ReactNode;
-    mask?: boolean;
-    noOkBtn?: boolean;
-    noCancelBtn?: boolean;
-    okBtnDisabled?: boolean;
-    noFooter?: boolean;
-    closeOnClickOverlay?: boolean;
-    cancelAutoClose?: boolean;
-    textAlign?: string;
+    overlay?: boolean;
+    hideConfirmButton?: boolean;
+    hideCancelButton?: boolean;
+    disableConfirmButton?: boolean;
+    closeOnOverlayClick?: boolean;
     footerDirection?: string;
     lockScroll?: boolean;
-    onClosed?: () => void;
-    onOk?: (e?: MouseEvent) => Promise<() => void> | void;
-    onCancel?: () => void;
-    onClickSelf?: () => void;
+    beforeClose?: () => boolean;
+    beforeCancel?: () => boolean;
+    onClose?: () => void;
     onConfirm?: (e?: MouseEvent) => Promise<() => void> | void;
+    onCancel?: () => void;
+    onClick?: () => void;
 }
 
 type DialogProps = BasicDialogProps;
-declare const BaseDialog: React__default.ForwardRefExoticComponent<Partial<BasicDialogProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "title" | "content"> & React__default.RefAttributes<unknown>>;
+declare const BaseDialog: React__default.ForwardRefExoticComponent<Partial<BasicDialogProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onClick" | "title" | "content"> & React__default.RefAttributes<unknown>>;
 
-interface DragProps {
+interface DragProps extends BasicComponent {
     attract: boolean;
     direction: 'x' | 'y' | 'lock' | undefined;
     boundary: {
@@ -1284,11 +1291,17 @@ interface DragProps {
         right: number;
         bottom: number;
     };
-    className: string;
-    style: React__default.CSSProperties;
 }
 declare const Drag: FunctionComponent<Partial<DragProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
+interface EmptyProps extends BasicComponent {
+    image?: ReactNode;
+    imageSize: number | string;
+    description: ReactNode;
+    status: 'empty' | 'error' | 'network';
+}
+declare const Empty: FunctionComponent<Partial<EmptyProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+
 interface InfiniteloadingProps extends BasicComponent {
     hasMore: boolean;
     upperThreshold: number;
@@ -1307,27 +1320,61 @@ interface InfiniteloadingProps extends BasicComponent {
 }
 declare const Infiniteloading: FunctionComponent<Partial<InfiniteloadingProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-interface NotifyProps {
+interface NoticeBarProps extends BasicComponent {
+    direction: string;
+    list: any;
+    duration: number;
+    height: number;
+    content: string;
+    closeable: boolean;
+    wrap: boolean;
+    leftIcon: ReactNode;
+    rightIcon: ReactNode;
+    delay: string | number;
+    scrollable: boolean | null;
+    speed: number;
+    close?: (event: any) => void;
+    click?: (event: any) => void;
+    onClose?: (event: any) => void;
+    onClick?: (event: any) => void;
+    onClickItem?: (event: any, value: any) => void;
+}
+declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+
+interface NotifyProps extends BasicComponent {
     id?: string;
-    style?: React__default.CSSProperties;
-    msg: string;
-    color: string;
     duration: number;
     type: string;
-    className: string;
-    background: string;
     position: string;
-    isWrapTeleport: boolean;
     visible: boolean;
-    onClosed: () => void;
+    onClose: () => void;
     onClick: () => void;
 }
 declare const Notify: FunctionComponent<Partial<NotifyProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
-interface PullToRefreshProps {
+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?: React__default.ReactNode;
+    disabled?: boolean;
+}
+interface PopoverProps extends BasicComponent {
+    list: List[];
+    theme: PopoverTheme;
+    location: PopoverLocation | string;
+    visible: boolean;
+    offset: string | number;
     className: string;
-    style: React__default.CSSProperties;
+    style?: CSSProperties;
+    children?: React__default.ReactNode;
+    onClick: (e: React__default.MouseEvent | ITouchEvent) => void;
+    onChoose: (item: List, index: number) => void;
+}
+declare const Popover: FunctionComponent<Partial<PopoverProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+
+type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
+interface PullToRefreshProps extends BasicComponent {
     onRefresh: () => Promise<any>;
     pullingText: ReactNode;
     canReleaseText: ReactNode;
@@ -1337,13 +1384,30 @@ interface PullToRefreshProps {
     headHeight: number;
     threshold: number;
     disabled: boolean;
+    scrollTop: number;
     renderText: (status: PullStatus) => ReactNode;
-    children: React__default.ReactNode;
 }
 declare const PullToRefresh: FunctionComponent<Partial<PullToRefreshProps>>;
 
+type avatarShape = 'round' | 'square';
+interface SkeletonProps {
+    width: string;
+    height: string;
+    animated: boolean;
+    row: number;
+    title: boolean;
+    avatar: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    avatarSize: string;
+    round: boolean;
+    loading: boolean;
+    avatarShape: avatarShape;
+    children?: React__default.ReactNode;
+}
+declare const Skeleton: FunctionComponent<Partial<SkeletonProps>>;
+
 type SwipeSide = 'left' | 'right';
-type SwipePosition = SwipeSide | 'cell' | 'outside';
 interface SwipeInstance {
     open: (side: SwipeSide) => void;
     close: () => void;
@@ -1355,10 +1419,6 @@ interface SwipeProps {
     style: React__default.CSSProperties;
     /** 标识符，可以在事件参数中获取到 */
     name?: string | number;
-    /** 指定左侧滑动区域宽度，单位为px */
-    leftWidth?: string | number;
-    /** 指定右侧滑动区域宽度，单位为 px */
-    rightWidth?: string | number;
     /** 左侧滑动区域的内容 */
     leftAction?: React__default.ReactNode;
     /** 右侧滑动区域的内容 */
@@ -1375,10 +1435,10 @@ interface SwipeProps {
     /** 关闭时触发 */
     onClose?: ({ name, position, }: {
         name: string | number;
-        position: SwipePosition;
+        position: SwipeSide;
     }) => void;
     /** 点击时触发 */
-    onActionClick?: (event: Event, position: SwipePosition) => void;
+    onActionClick?: (event: Event, position: SwipeSide) => void;
     onTouchStart?: (event: Event) => void;
     onTouchEnd?: (event: Event) => void;
     onTouchMove?: (event: Event) => void;
@@ -1386,20 +1446,6 @@ interface SwipeProps {
 }
 declare const Swipe: React__default.ForwardRefExoticComponent<Partial<SwipeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onTouchStart" | "onTouchMove" | "onTouchEnd"> & React__default.RefAttributes<SwipeInstance>>;
 
-interface SwitchProps {
-    isAsync: boolean;
-    checked: boolean;
-    disable: boolean;
-    activeColor: string;
-    inactiveColor: string;
-    activeText: string;
-    inactiveText: string;
-    className: string;
-    style: React__default.CSSProperties;
-    onChange: (val: boolean, event: React__default.MouseEvent) => void;
-}
-declare const Switch: FunctionComponent<Partial<SwitchProps>>;
-
 interface ToastProps {
     id?: string;
     style?: React__default.CSSProperties;
@@ -1426,12 +1472,10 @@ declare const Toast: FunctionComponent<Partial<ToastProps> & React__default.HTML
 type AnimateType = 'shake' | 'ripple' | 'breath' | 'float' | 'slide-right' | 'slide-left' | 'slide-top' | 'slide-bottom' | 'jump' | 'twinkle' | 'flicker';
 type AnimateAction = 'initial' | 'click';
 
-interface AnimateProps {
+interface AnimateProps extends BasicComponent {
     type: AnimateType;
     action: AnimateAction;
     loop: boolean;
-    className: string;
-    style: React__default.CSSProperties;
     onClick: (event: React__default.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
 declare const Animate: FunctionComponent<Partial<AnimateProps> & React__default.HTMLAttributes<HTMLDivElement>>;
@@ -1477,57 +1521,39 @@ interface AvatarProps extends BasicComponent {
     size: string;
     icon: React__default.ReactNode;
     shape: AvatarShape;
-    bgColor: string;
+    background: string;
     color: string;
-    prefixCls: string;
-    url: string;
-    className: string;
-    style: React__default.CSSProperties;
-    activeAvatar: (e: MouseEvent) => void;
-    onActiveAvatar: (e: MouseEvent) => void;
-    onError: (e: any) => void;
+    fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    src: string;
+    alt: string;
+    onClick: (e: MouseEvent) => void;
+    onError: () => void;
 }
 type AvatarShape = 'round' | 'square';
-declare const Avatar: FunctionComponent<Partial<AvatarProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const Avatar: FunctionComponent<Partial<AvatarProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
 
-interface AvatarGroupProps {
+interface AvatarGroupProps extends BasicComponent {
     maxContent: string;
-    maxCount: string | number;
-    maxBgColor: string;
+    max: string | number;
+    maxBackground: string;
     maxColor: string;
-    size: string;
-    shape: string;
-    span: string;
-    zIndex: string;
-    className: string;
-    style: React__default.CSSProperties;
+    size: 'large' | 'normal' | 'small';
+    shape: 'round' | 'square';
+    gap: string;
+    level: 'left' | 'right';
 }
 declare const AvatarGroup: FunctionComponent<Partial<AvatarGroupProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-interface BadgeProps extends BasicComponent {
-    value: any;
-    dot: boolean;
-    max: number;
-    top: string;
-    right: string;
-    zIndex: string;
-    color: string;
-    icon: ReactNode;
-    children?: ReactNode;
-}
-declare const Badge: FunctionComponent<Partial<BadgeProps>>;
-
-interface CircleProgressProps {
-    progress: string | number;
+interface CircleProgressProps extends BasicComponent {
+    percent: string | number;
     strokeWidth?: string | number;
     radius?: number | string;
-    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit' | undefined;
-    circleColor?: object | string;
-    pathColor?: string;
+    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';
+    color?: object | string;
+    background?: string;
     clockwise?: boolean;
-    className?: string;
 }
-declare const CircleProgress: FunctionComponent<CircleProgressProps & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const CircleProgress: FunctionComponent<CircleProgressProps & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'color'>>;
 
 interface CollapseProps {
     className: string;
@@ -1572,9 +1598,10 @@ interface CountDownProps {
 }
 declare const CountDown: React__default.ForwardRefExoticComponent<Partial<CountDownProps> & React__default.RefAttributes<unknown>>;
 
-interface EllipsisProps {
+type Direction = 'start' | 'end' | 'middle';
+interface EllipsisProps extends BasicComponent {
     content: string;
-    direction: string;
+    direction: Direction;
     rows: number | string;
     expandText: string;
     collapseText: string;
@@ -1585,16 +1612,7 @@ interface EllipsisProps {
 }
 declare const Ellipsis: FunctionComponent<Partial<EllipsisProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;
 
-interface EmptyProps {
-    image: ReactNode;
-    imageSize: number | string;
-    description: ReactNode;
-    className: string;
-}
-declare const Empty: FunctionComponent<Partial<EmptyProps> & React__default.HTMLAttributes<HTMLDivElement>>;
-
-interface ImagePreviewProps {
-    className?: string;
+interface ImagePreviewProps extends BasicComponent {
     images: Array<{
         src: string;
     }>;
@@ -1608,176 +1626,111 @@ interface ImagePreviewProps {
             controls: boolean;
         };
     }>;
-    show: boolean;
-    autoplay: number | string;
-    initNo: number;
-    contentClose: boolean;
-    paginationVisible: boolean;
-    style?: CSSProperties;
-    paginationColor: string;
+    visible: boolean;
+    autoPlay: boolean;
+    value?: number;
+    defaultValue: number;
+    closeOnContentClick: boolean;
+    indicator: boolean;
+    indicatorColor: string;
+    onChange: (value: number) => void;
     onClose: () => void;
 }
 declare const ImagePreview: FunctionComponent<Partial<ImagePreviewProps>>;
 
-interface NoticeBarProps extends BasicComponent {
+interface IndicatorProps {
+    total: number;
+    current: number;
     direction: string;
-    className?: string;
-    style?: CSSProperties;
-    list: any;
-    standTime: number;
-    complexAm: boolean;
-    height: number;
-    text: string;
-    closeMode: boolean;
-    wrapable: boolean;
-    leftIcon: ReactNode;
-    rightIcon: ReactNode;
-    color: string;
-    background: string;
-    delay: string | number;
-    scrollable: boolean | null;
-    speed: number;
-    close?: (event: any) => void;
-    click?: (event: any) => void;
-    onClose?: (event: any) => void;
-    onClick?: (event: any) => void;
-    onClickItem?: (event: any, value: any) => void;
 }
-declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+declare const Indicator: FunctionComponent<Partial<IndicatorProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-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?: React__default.ReactNode;
-    disabled?: boolean;
-}
-interface PopoverProps extends BasicComponent {
-    list: List[];
-    theme: PopoverTheme;
-    location: PopoverLocation | string;
-    visible: boolean;
-    offset: string | number;
-    className: string;
-    style?: CSSProperties;
-    children?: React__default.ReactNode;
-    onClick: (e: React__default.MouseEvent | ITouchEvent) => void;
-    onChoose: (item: List, index: number) => void;
+type VirtualListProps = {
+    className?: string | any;
+    style?: React__default.CSSProperties;
+    sourceData: any;
+    containerSize?: number;
+    ItemRender?: any;
+    itemEqualSize?: boolean;
+    itemSize?: number;
+    overscan?: number;
+    onScroll?: (...args: any[]) => any;
+    key?: any;
+    locale?: any;
+};
+declare const VirtualList: FunctionComponent<VirtualListProps & React__default.HTMLAttributes<HTMLDivElement>>;
+
+interface PaginationProps extends BasicComponent {
+    defaultValue: number;
+    value: number;
+    mode: 'multi' | 'simple';
+    prev: ReactNode;
+    next: ReactNode;
+    total: number;
+    pageSize: number;
+    itemSize: number;
+    ellipse: boolean;
+    itemRender: (page: any) => ReactNode;
+    onChange: (currPage: number) => void;
 }
-declare const Popover: FunctionComponent<Partial<PopoverProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const Pagination: FunctionComponent<Partial<PaginationProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
 
-interface PriceProps {
+interface PriceProps extends BasicComponent {
     price: number | string;
-    needSymbol: boolean;
     symbol: string;
-    decimalDigits: number;
+    digits: number;
     thousands: boolean;
     position: string;
     size: string;
-    className: string;
-    style: React__default.CSSProperties;
+    line: boolean;
 }
 declare const Price: FunctionComponent<Partial<PriceProps>>;
 
-type ProgressSize = 'small' | 'base' | 'large';
-type TextType = 'icon' | 'text';
 interface ProgressProps extends BasicComponent {
-    className: string;
-    style: CSSProperties;
-    isShowPercentage: boolean;
-    percentage: number;
-    fillColor: string;
-    strokeColor: string;
+    percent: number;
+    background: string;
+    color: string;
     strokeWidth: string;
-    size: ProgressSize;
-    textColor: string;
-    textWidth: string;
     showText: boolean;
-    textInside: boolean;
-    textBackground: string;
-    textType: TextType;
-    status: boolean;
-    icon: ReactNode;
-    children: ReactNode;
-}
-declare const Progress: FunctionComponent<Partial<ProgressProps> & React__default.HTMLAttributes<HTMLDivElement>>;
-
-type avatarShape = 'round' | 'square';
-interface SkeletonProps {
-    width: string;
-    height: string;
     animated: boolean;
-    row: number;
-    title: boolean;
-    avatar: boolean;
-    className?: string;
-    style?: React__default.CSSProperties;
-    avatarSize: string;
-    round: boolean;
-    loading: boolean;
-    avatarShape: avatarShape;
-    children?: React__default.ReactNode;
+    delay: number;
 }
-declare const Skeleton: FunctionComponent<Partial<SkeletonProps>>;
+declare const Progress: FunctionComponent<Partial<ProgressProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
 interface StepProps extends BasicComponent {
-    title: string;
-    content: string;
-    activeIndex: number;
+    title: ReactNode;
+    description: ReactNode;
+    value: number;
     icon: ReactNode;
-    className: string;
-    style: React__default.CSSProperties;
-    renderContent: () => React__default.ReactNode;
 }
-declare const Step: FunctionComponent<Partial<StepProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const Step: FunctionComponent<Partial<StepProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'>>;
 
-interface StepsProps {
-    current: number;
+interface StepsProps extends BasicComponent {
+    value: number;
     direction: string;
-    progressDot: boolean;
-    className: string;
-    style: React__default.CSSProperties;
-    clickStep: (index: number) => void;
-    onClickStep: (index: number) => void;
+    dot: boolean;
+    onStepClick: (index: number) => void;
 }
 declare const Steps: FunctionComponent<Partial<StepsProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-type SwiperRef = {
-    to: (index: number) => void;
-    next: () => void;
-    prev: () => void;
-};
-interface SwiperProps {
-    width: number | string;
+interface SwiperProps extends Omit<SwiperProps$1, 'ref'> {
+    width: number;
     height: number | string;
-    duration: number | string;
-    initPage: number | string;
-    autoPlay: number | string;
     direction: 'horizontal' | 'vertical';
-    paginationColor: string;
-    paginationBgColor: string;
-    paginationVisible: boolean;
+    indicator: ReactNode;
+    autoPlay: boolean;
     loop: boolean;
-    touchable: boolean;
-    isPreventDefault: boolean;
-    isStopPropagation: boolean;
-    isCenter: boolean;
-    className?: string;
-    style?: React__default.CSSProperties;
-    pageContent?: React__default.ReactNode;
-    onChange?: (currPage: number) => void;
+    defaultValue: number;
 }
-declare const Swiper: React__default.ForwardRefExoticComponent<Partial<SwiperProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & React__default.RefAttributes<SwiperRef>>;
+declare const Swiper: React__default.ForwardRefExoticComponent<Partial<SwiperProps> & React__default.RefAttributes<unknown>>;
 
-interface SwiperItemProps {
-    direction?: string;
-    size?: 0;
+interface SwiperItemProps extends BasicComponent {
+    itemId?: string;
+    skipHiddenItemLayout?: boolean;
 }
-declare const SwiperItem: React__default.ForwardRefExoticComponent<Partial<SwiperItemProps> & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SwiperItem: FunctionComponent<Partial<SwiperItemProps>>;
 
 interface BasicTableProps extends BasicComponent {
-    className: string;
-    style: React__default.CSSProperties;
     columns: Array<TableColumnProps>;
     data: Array<any>;
     bordered: boolean;
@@ -1785,7 +1738,7 @@ interface BasicTableProps extends BasicComponent {
     striped?: boolean;
     noData?: React__default.ReactNode;
     sorterIcon?: React__default.ReactNode;
-    onSorter?: (item: TableColumnProps, data: Array<any>) => void;
+    onSort?: (item: TableColumnProps, data: Array<any>) => void;
     showHeader?: boolean;
 }
 interface TableColumnProps {
@@ -1816,24 +1769,6 @@ interface TagProps extends BasicComponent {
 type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 declare const Tag: FunctionComponent<Partial<TagProps>>;
 
-interface TrendArrowProps {
-    rate: number;
-    digits: number;
-    showSign: boolean;
-    showZero: boolean;
-    arrowLeft: boolean;
-    syncTextColor: boolean;
-    textColor: string;
-    riseColor: string;
-    dropColor: string;
-    iconSize: string;
-    upIcon: React__default.ReactNode;
-    downIcon: React__default.ReactNode;
-    className: string;
-    style: React__default.CSSProperties;
-}
-declare const TrendArrow: FunctionComponent<Partial<TrendArrowProps> & React__default.HTMLAttributes<HTMLDivElement>>;
-
 interface VideoProps$1 {
     source: {
         type: string;
@@ -1858,111 +1793,6 @@ interface VideoProps$1 {
 }
 declare const Video: FunctionComponent<Partial<VideoProps$1> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onPause' | 'onPlay'>>;
 
-type VirtualListProps = {
-    className?: string | any;
-    style?: React__default.CSSProperties;
-    sourceData: any;
-    containerSize?: number;
-    ItemRender?: any;
-    itemEqualSize?: boolean;
-    itemSize?: number;
-    overscan?: number;
-    onScroll?: (...args: any[]) => any;
-    key?: any;
-    locale?: any;
-};
-declare const VirtualList: FunctionComponent<VirtualListProps & React__default.HTMLAttributes<HTMLDivElement>>;
-
-interface WaterMarkProps {
-    content: string;
-    fullPage: boolean;
-    zIndex: number;
-    className: string;
-    gapX: number;
-    gapY: number;
-    width: number;
-    height: number;
-    image: string;
-    imageWidth: number;
-    imageHeight: number;
-    rotate: number;
-    fontColor: string;
-    fontStyle: string;
-    fontFamily: string;
-    fontWeight: string;
-    fontSize: string | number;
-    style: React__default.CSSProperties;
-}
-declare const WaterMark: FunctionComponent<Partial<WaterMarkProps> & React__default.HTMLAttributes<HTMLDivElement>>;
-
-interface RegionData {
-    name?: string;
-    [key: string]: any;
-}
-interface ChangeCallBack {
-    next: string;
-    value: string | RegionData;
-    custom: string;
-}
-interface CloseCallBackData extends SelectedRegionObj {
-    addressIdStr: string;
-    addressStr: string;
-}
-interface CloseCallBack {
-    data: CloseCallBackData | AddressList;
-    type: string;
-}
-interface AddressList {
-    id?: string | number;
-    provinceName: string;
-    cityName: string;
-    countyName: string;
-    townName: string;
-    addressDetail: string;
-    selectedAddress: boolean;
-    name?: string;
-    phone?: string;
-}
-interface SelectedRegionObj {
-    province: RegionData;
-    city: RegionData;
-    country: RegionData;
-    town: RegionData;
-}
-
-interface AddressProps extends BasicComponent {
-    className?: string;
-    style?: CSSProperties;
-    modelValue: boolean;
-    modelSelect: (string | number)[];
-    type: string;
-    customAddressTitle: string;
-    province: RegionData[];
-    city: RegionData[];
-    country: RegionData[];
-    town: RegionData[];
-    isShowCustomAddress: boolean;
-    existAddress: AddressList[];
-    existAddressTitle: string;
-    customAndExistTitle: string;
-    height: string | number;
-    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;
-    onCancel?: (cal: {
-        closeWay: string;
-    }) => void;
-    onSwitch?: (cal: {
-        type: string;
-    }) => void;
-    onChange?: (cal: ChangeCallBack) => void;
-    onTabChecked?: (cal: string) => void;
-}
-declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
-
 interface BarrageProps {
     className: string;
     style: React__default.CSSProperties;
@@ -1992,26 +1822,6 @@ interface CardProps {
 }
 declare const Card: FunctionComponent<Partial<CardProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-interface FileType {
-    /** jpg 图片 */
-    jpg: any;
-    /** png 图片 */
-    png: any;
-}
-interface SignatureProps {
-    canvasId: string;
-    type: keyof FileType;
-    lineWidth: number;
-    strokeStyle: string;
-    unSupportTpl: string;
-    className: string;
-    confirm?: (dataurl: string) => void;
-    clear?: () => void;
-    onConfirm?: (dataurl: string) => void;
-    onClear?: () => void;
-}
-declare const Signature: FunctionComponent<Partial<SignatureProps> & React__default.HTMLAttributes<HTMLDivElement>>;
-
 interface TimeType {
     key?: string | number;
     list: string[];
@@ -2057,6 +1867,46 @@ interface TimeSelectProps {
 }
 declare const TimeSelect: FunctionComponent<Partial<TimeSelectProps>>;
 
+interface TrendArrowProps {
+    rate: number;
+    digits: number;
+    showSign: boolean;
+    showZero: boolean;
+    arrowLeft: boolean;
+    syncTextColor: boolean;
+    textColor: string;
+    riseColor: string;
+    dropColor: string;
+    iconSize: string;
+    upIcon: React__default.ReactNode;
+    downIcon: React__default.ReactNode;
+    className: string;
+    style: React__default.CSSProperties;
+}
+declare const TrendArrow: FunctionComponent<Partial<TrendArrowProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+
+interface WaterMarkProps {
+    content: string;
+    fullPage: boolean;
+    zIndex: number;
+    className: string;
+    gapX: number;
+    gapY: number;
+    width: number;
+    height: number;
+    image: string;
+    imageWidth: number;
+    imageHeight: number;
+    rotate: number;
+    fontColor: string;
+    fontStyle: string;
+    fontFamily: string;
+    fontWeight: string;
+    fontSize: string | number;
+    style: React__default.CSSProperties;
+}
+declare const WaterMark: FunctionComponent<Partial<WaterMarkProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+
 interface CollapseItemProps extends BasicComponent {
     title: ReactNode;
     name: string;