@nutui/nutui-react-taro 2.2.0 → 2.3.0-beta.0

package/dist/types/packages/pagination/pagination.taro.d.ts

@@ -12,10 +12,10 @@ export interface PaginationProps extends BasicComponent {
     */
     value: number
     /**
-    * 显示模式,可选值为：multi，simple
+    * 显示模式,可选值为：multi，simple, lite
     * @default multi
     */
-    mode: 'multi' | 'simple'
+    mode: 'multi' | 'simple' | 'lite'
     /**
     * 自定义上一页按钮内容
     * @default 上一页

package/dist/types/packages/picker/doc.en.d.ts

@@ -0,0 +1,145 @@
+export declare const Internation: {
+    'zh-CN': {
+        basic: string;
+        chooseCity: string;
+        defaultSelected: string;
+        controlled: string;
+        tileDesc: string;
+        multipleColumns: string;
+        chooseTime: string;
+        cascade: string;
+        async: string;
+        theme: string;
+        validTime: string;
+        chooseDate: string;
+        always: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        morning: string;
+        afternoon: string;
+        evening: string;
+        nanJing: string;
+        wuXi: string;
+        zangZu: string;
+        beiJing: string;
+        lianYunGang: string;
+        wuhan: string;
+        yangzhou: string;
+        daQing: string;
+        suiHua: string;
+        weiFang: string;
+        shijiazhuang: string;
+        wlmq: string;
+        hangZhou: string;
+        chaoYang: string;
+        haiDian: string;
+        daXing: string;
+        dongCheng: string;
+        xiCheng: string;
+        fengTai: string;
+        shangHai: string;
+        huangPu: string;
+        changNing: string;
+        puTuo: string;
+        yangPu: string;
+        puDong: string;
+    };
+    'zh-TW': {
+        basic: string;
+        chooseCity: string;
+        defaultSelected: string;
+        controlled: string;
+        tileDesc: string;
+        multipleColumns: string;
+        chooseTime: string;
+        cascade: string;
+        async: string;
+        theme: string;
+        chooseDate: string;
+        always: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        morning: string;
+        afternoon: string;
+        evening: string;
+        nanJing: string;
+        wuXi: string;
+        zangZu: string;
+        beiJing: string;
+        lianYunGang: string;
+        wuhan: string;
+        yangzhou: string;
+        daQing: string;
+        suiHua: string;
+        weiFang: string;
+        shijiazhuang: string;
+        wlmq: string;
+        hangZhou: string;
+        chaoYang: string;
+        haiDian: string;
+        daXing: string;
+        dongCheng: string;
+        xiCheng: string;
+        fengTai: string;
+        shangHai: string;
+        huangPu: string;
+        changNing: string;
+        puTuo: string;
+        yangPu: string;
+        puDong: string;
+    };
+    'en-US': {
+        basic: string;
+        chooseCity: string;
+        defaultSelected: string;
+        controlled: string;
+        tileDesc: string;
+        multipleColumns: string;
+        chooseTime: string;
+        cascade: string;
+        async: string;
+        theme: string;
+        validTime: string;
+        chooseDate: string;
+        always: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        morning: string;
+        afternoon: string;
+        evening: string;
+        nanJing: string;
+        wuXi: string;
+        zangZu: string;
+        beiJing: string;
+        lianYunGang: string;
+        wuhan: string;
+        yangzhou: string;
+        daQing: string;
+        suiHua: string;
+        weiFang: string;
+        shijiazhuang: string;
+        wlmq: string;
+        hangZhou: string;
+        chaoYang: string;
+        haiDian: string;
+        daXing: string;
+        dongCheng: string;
+        xiCheng: string;
+        fengTai: string;
+        shangHai: string;
+        huangPu: string;
+        changNing: string;
+        puTuo: string;
+        yangPu: string;
+        puDong: string;
+    };
+};

package/dist/types/packages/picker/index.d.ts

@@ -0,0 +1,4 @@
+import Picker from './picker';
+export type { PickerOption } from './types';
+export type { PickerProps } from './picker';
+export default Picker;

package/dist/types/packages/picker/picker.d.ts

@@ -0,0 +1,27 @@
+import React, { RefObject } from 'react';
+import { PopupProps } from '../../packages/popup/popup';
+import { PickerOption } from './types';
+import { BasicComponent } from '../../utils/typings';
+export type PickerActions = {
+    open: () => void;
+    close: () => void;
+};
+export interface PickerProps extends Omit<BasicComponent, 'children'> {
+    visible?: boolean | undefined;
+    title?: string;
+    options: (PickerOption | PickerOption[])[];
+    value?: (number | string)[];
+    defaultValue?: (number | string)[];
+    threeDimensional?: boolean;
+    duration: number | string;
+    closeOnOverlayClick: boolean;
+    popupProps: Partial<Omit<PopupProps, 'title' | 'onClose' | 'closeOnOverlayClick'>>;
+    onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
+    onCancel?: () => 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;
+    children?: any;
+}
+declare const Picker: React.ForwardRefExoticComponent<Partial<PickerProps> & React.RefAttributes<unknown>>;
+export default Picker;

package/dist/types/packages/picker/pickerpanel.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { PickerOption } from './types';
+interface PickerPanelProps {
+    keyIndex?: number;
+    defaultValue?: string | number;
+    options?: PickerOption[];
+    threeDimensional: boolean;
+    duration: number | string;
+    chooseItem?: (val: PickerOption, idx: number) => void;
+}
+declare const PickerPanel: React.ForwardRefExoticComponent<Partial<PickerPanelProps> & React.RefAttributes<{
+    stopMomentum: () => void;
+    moving: boolean;
+}>>;
+export default PickerPanel;

package/dist/types/packages/popover/index.d.ts

@@ -0,0 +1,3 @@
+import { Popover } from './popover';
+export type { PopoverLocation, PopoverProps, List } from './popover';
+export default Popover;

package/dist/types/packages/popover/popover.d.ts

@@ -0,0 +1,31 @@
+import React, { FunctionComponent } from 'react';
+import { PopupProps } from '../../packages/popup/popup';
+export type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export interface List {
+    key?: string;
+    name: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    action?: {
+        icon?: React.ReactNode;
+        onClick?: (e: any) => void;
+    };
+}
+export interface PopoverProps extends PopupProps {
+    list: List[];
+    location: PopoverLocation | string;
+    visible: boolean;
+    offset: string[] | number[];
+    arrowOffset: number;
+    targetId: string;
+    showArrow: boolean;
+    closeOnOutsideClick: boolean;
+    closeOnActionClick: boolean;
+    children?: React.ReactNode;
+    onClick: () => void;
+    onOpen: () => void;
+    onClose: () => void;
+    onSelect: (item: List, index: number) => void;
+}
+export declare const Popover: FunctionComponent<Partial<PopoverProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>>;

package/dist/types/packages/popover/popover.taro.d.ts

@@ -7,6 +7,10 @@ export interface List {
     icon?: React.ReactNode;
     disabled?: boolean;
     className?: string;
+    action?: {
+        icon?: React.ReactNode;
+        onClick?: (e: any) => void;
+    };
 }
 export interface PopoverProps extends PopupProps {
     /**

package/dist/types/packages/popup/index.d.ts

@@ -0,0 +1,3 @@
+import { Popup } from './popup';
+export type { PopupProps } from './popup';
+export default Popup;

package/dist/types/packages/popup/popup.d.ts

@@ -0,0 +1,25 @@
+import React, { FunctionComponent, MouseEvent, ReactNode } from 'react';
+import { OverlayProps } from '../../packages/overlay/overlay';
+type Teleport = HTMLElement | (() => HTMLElement) | null;
+export interface PopupProps extends OverlayProps {
+    position: string;
+    transition: string;
+    overlayStyle: React.CSSProperties;
+    overlayClassName: string;
+    closeable: boolean;
+    closeIconPosition: string;
+    closeIcon: ReactNode;
+    left: ReactNode;
+    title: ReactNode;
+    description: ReactNode;
+    destroyOnClose: boolean;
+    portal: Teleport;
+    overlay: boolean;
+    round: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    onOverlayClick: (e: MouseEvent) => boolean | void;
+    onCloseIconClick: (e: MouseEvent) => boolean | void;
+}
+export declare const Popup: FunctionComponent<Partial<PopupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;
+export {};

package/dist/types/packages/popup/popup.taro.d.ts

@@ -38,8 +38,21 @@ export interface PopupProps extends OverlayProps {
     * @default close
     */
     closeIcon: ReactNode
-    left?: ReactNode;
-    title?: ReactNode;
+    /**
+    * 标题左侧部分
+    * @default -
+    */
+    left: ReactNode
+    /**
+    * 标题中间部分
+    * @default -
+    */
+    title: ReactNode
+    /**
+    * 子标题/描述部分
+    * @default -
+    */
+    description: ReactNode
     /**
     * 组件不可见时，卸载内容
     * @default false

package/dist/types/packages/price/index.d.ts

@@ -0,0 +1,3 @@
+import { Price } from './price';
+export type { PriceProps } from './price';
+export default Price;

package/dist/types/packages/price/price.d.ts

@@ -0,0 +1,12 @@
+import { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface PriceProps extends BasicComponent {
+    price: number | string;
+    symbol: string;
+    digits: number;
+    thousands: boolean;
+    position: string;
+    size: string;
+    line: boolean;
+}
+export declare const Price: FunctionComponent<Partial<PriceProps>>;

package/dist/types/packages/progress/index.d.ts

@@ -0,0 +1,3 @@
+import { Progress } from './progress';
+export type { ProgressProps } from './progress';
+export default Progress;

package/dist/types/packages/progress/progress.d.ts

@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface ProgressProps extends BasicComponent {
+    percent: number;
+    background: string;
+    color: string;
+    strokeWidth: string;
+    showText: boolean;
+    animated: boolean;
+    lazy: boolean;
+    delay: number;
+}
+export declare const Progress: FunctionComponent<Partial<ProgressProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/packages/pulltorefresh/index.d.ts

@@ -0,0 +1,3 @@
+import { PullToRefresh } from './pulltorefresh';
+export type { PullToRefreshProps, PullStatus } from './pulltorefresh';
+export default PullToRefresh;

package/dist/types/packages/pulltorefresh/pulltorefresh.d.ts

@@ -0,0 +1,16 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
+export interface PullToRefreshProps extends BasicComponent {
+    onRefresh: () => Promise<any>;
+    pullingText: ReactNode;
+    canReleaseText: ReactNode;
+    refreshingText: ReactNode;
+    completeText: ReactNode;
+    completeDelay: number;
+    headHeight: number;
+    threshold: number;
+    disabled: boolean;
+    renderText: (status: PullStatus) => ReactNode;
+}
+export declare const PullToRefresh: FunctionComponent<Partial<PullToRefreshProps>>;

package/dist/types/packages/range/index.d.ts

@@ -0,0 +1,3 @@
+import { Range } from './range';
+export type { RangeProps, RangeValue } from './range';
+export default Range;

package/dist/types/packages/range/range.d.ts

@@ -0,0 +1,22 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type RangeValue = number | number[];
+export interface RangeProps extends BasicComponent {
+    value: RangeValue;
+    defaultValue: RangeValue;
+    range: boolean;
+    disabled: boolean;
+    min: number;
+    max: number;
+    step: number;
+    minDescription: ReactNode;
+    maxDescription: ReactNode;
+    button: ReactNode;
+    vertical: boolean;
+    marks: Record<string, unknown>;
+    currentDescription: ((value: RangeValue) => ReactNode) | null;
+    onChange: (value: RangeValue) => void;
+    onStart: () => void;
+    onEnd: (value: RangeValue) => void;
+}
+export declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange' | 'defaultValue'>>;

package/dist/types/packages/rate/index.d.ts

@@ -0,0 +1,3 @@
+import { Rate } from './rate';
+export type { RateProps } from './rate';
+export default Rate;

package/dist/types/packages/rate/rate.d.ts

@@ -0,0 +1,15 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface RateProps extends BasicComponent {
+    count: number;
+    value: number;
+    defaultValue: number;
+    min: number;
+    checkedIcon: React.ReactNode;
+    uncheckedIcon: React.ReactNode;
+    disabled: boolean;
+    readOnly: boolean;
+    allowHalf: boolean;
+    onChange: (value: number) => void;
+}
+export declare const Rate: FunctionComponent<Partial<RateProps>>;

package/dist/types/packages/row/UserContext.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const DataContext: import("react").Context<{}>;

package/dist/types/packages/row/index.d.ts

@@ -0,0 +1,3 @@
+import { Row } from './row';
+export type { RowEventType, RowProps } from './row';
+export default Row;

package/dist/types/packages/row/row.d.ts

@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react';
+import type { MouseEvent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type RowEventType = 'row' | 'col';
+export interface RowProps extends BasicComponent {
+    type: string;
+    justify: string;
+    align: string;
+    wrap: string;
+    gutter: string | number;
+    onClick: (e: MouseEvent<HTMLDivElement>, type: RowEventType) => void;
+}
+export declare const Row: FunctionComponent<Partial<RowProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;

package/dist/types/packages/safearea/index.d.ts

@@ -0,0 +1,3 @@
+import { SafeArea } from './safearea';
+export type { SafeAreaProps } from './safearea';
+export default SafeArea;

package/dist/types/packages/safearea/safearea.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface SafeAreaProps extends BasicComponent {
+    position: 'top' | 'bottom';
+}
+export declare const SafeArea: FC<SafeAreaProps>;

package/dist/types/packages/searchbar/index.d.ts

@@ -0,0 +1,3 @@
+import { SearchBar } from './searchbar';
+export type { SearchBarProps } from './searchbar';
+export default SearchBar;

package/dist/types/packages/searchbar/searchbar.d.ts

@@ -0,0 +1,39 @@
+import React, { FunctionComponent } from 'react';
+import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface SearchBarProps extends BasicComponent {
+    /** 文本值	 */
+    value?: number | string;
+    /** 输入框占位提示文字	 */
+    placeholder?: string;
+    /** 搜索框形状，可选值为 round	 */
+    shape?: 'square' | 'round';
+    /** 是否禁用输入框	 */
+    disabled?: boolean;
+    /** 最大输入长度	 */
+    maxLength?: number;
+    /** 是否启用清除图标，点击清除图标后会清空输入框	 */
+    clearable?: boolean;
+    /** 是否将输入框设为只读状态，只读状态下无法输入内容   */
+    readOnly?: boolean;
+    /**  是否自动聚焦，iOS 系统不支持该属性	 */
+    autoFocus?: boolean;
+    backable: boolean;
+    left: React.ReactNode;
+    right: React.ReactNode;
+    leftIn: React.ReactNode;
+    rightIn: React.ReactNode;
+    /**  确定搜索时触发	 */
+    onSearch?: (val: string) => void;
+    /** 输入框内容变化时触发	 */
+    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    /** 输入框获得焦点时触发	 */
+    onFocus?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
+    /** 输入框失去焦点时触发	 */
+    onBlur?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
+    /** 点击清除按钮后触发	 */
+    onClear?: (event: MouseEvent<HTMLDivElement>) => void;
+    /** 点击输入区域时触发	 */
+    onInputClick?: (event: MouseEvent<HTMLInputElement>) => void;
+}
+export declare const SearchBar: FunctionComponent<Partial<SearchBarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'>>;

package/dist/types/packages/searchbar/searchbar.taro.d.ts

@@ -43,6 +43,11 @@ export interface SearchBarProps extends BasicComponent {
     */
     autoFocus?: boolean;
     /**
+    * 是否展示返回按钮
+    * @default false
+    */
+    backable: boolean
+    /**
     * 搜索框左侧区域
     * @default -
     */

package/dist/types/packages/shortpassword/index.d.ts

@@ -0,0 +1,3 @@
+import { ShortPassword } from './shortpassword';
+export type { ShortPasswordProps } from './shortpassword';
+export default ShortPassword;

package/dist/types/packages/shortpassword/shortpassword.d.ts

@@ -0,0 +1,22 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { PopupProps } from '../../packages/popup/index';
+export interface ShortPasswordProps extends PopupProps {
+    value: string;
+    visible: boolean;
+    plain: boolean;
+    title: ReactNode;
+    description: ReactNode;
+    tips: ReactNode;
+    hideFooter: boolean;
+    length: number;
+    error: ReactNode;
+    autoFocus: boolean;
+    onFocus: () => void;
+    onChange: (value: string) => void;
+    onConfirm: (value: string) => void;
+    onCancel: () => void;
+    onClose: () => void;
+    onTips: () => void;
+    onComplete: (value: string) => void;
+}
+export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps>>;

package/dist/types/packages/sidenavbar/context.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const OffsetContext: import("react").Context<number>;

package/dist/types/packages/sidenavbar/index.d.ts

@@ -0,0 +1,3 @@
+import { SideNavBar } from './sidenavbar';
+export type { SideNavBarProps } from './sidenavbar';
+export default SideNavBar;

package/dist/types/packages/sidenavbar/sidenavbar.d.ts

@@ -0,0 +1,11 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface SideNavBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, BasicComponent {
+    title: ReactNode;
+    visible: boolean;
+    width: string;
+    indent: number;
+    position: 'left' | 'right';
+    onClose: () => void;
+}
+export declare const SideNavBar: FunctionComponent<Partial<SideNavBarProps>>;

package/dist/types/packages/sidenavbar/utils.d.ts

@@ -0,0 +1,3 @@
+import { MouseEventHandler } from 'react';
+declare const handleClick: MouseEventHandler<HTMLDivElement>;
+export { handleClick };

package/dist/types/packages/sidenavbaritem/index.d.ts

@@ -0,0 +1,3 @@
+import { SideNavBarItem } from './sidenavbaritem';
+export type { SideNavBarItemProps } from './sidenavbaritem';
+export default SideNavBarItem;

package/dist/types/packages/sidenavbaritem/sidenavbaritem.d.ts

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from 'react';
+export type SideNavBarItemProps = {
+    title: string;
+    value: string | number;
+    onClick?: ({ title, value, }: {
+        title: string;
+        value: string | number;
+    }) => void;
+    children?: React.ReactNode;
+};
+export declare const SideNavBarItem: FunctionComponent<SideNavBarItemProps>;

package/dist/types/packages/signature/index.d.ts

@@ -0,0 +1,3 @@
+import { Signature } from './signature';
+export type { SignatureProps, FileType } from './signature';
+export default Signature;

package/dist/types/packages/signature/signature.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface FileType {
+    jpg: string;
+    png: string;
+}
+export interface SignatureProps extends BasicComponent {
+    type: keyof FileType;
+    lineWidth: number;
+    strokeStyle: string;
+    unsupported: ReactNode;
+    onConfirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
+    onClear?: () => void;
+}
+export declare const Signature: React.ForwardRefExoticComponent<Partial<SignatureProps> & React.RefAttributes<unknown>>;

package/dist/types/packages/skeleton/index.d.ts

@@ -0,0 +1,3 @@
+import { Skeleton } from './skeleton';
+export type { SkeletonProps } from './skeleton';
+export default Skeleton;

package/dist/types/packages/skeleton/skeleton.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+type avatarShape = 'round' | 'square';
+export interface SkeletonProps extends BasicComponent {
+    animated: boolean;
+    rows: number;
+    title: boolean;
+    avatar: boolean;
+    avatarSize: string;
+    visible: boolean;
+    avatarShape: avatarShape;
+}
+export declare const Skeleton: FunctionComponent<Partial<SkeletonProps>>;
+export {};

package/dist/types/packages/space/index.d.ts

@@ -0,0 +1,2 @@
+import { Space } from './space';
+export default Space;

package/dist/types/packages/space/space.d.ts

@@ -0,0 +1,9 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface SpaceProps extends BasicComponent {
+    direction: 'horizontal' | 'vertical';
+    align: 'start' | 'end' | 'center' | 'baseline';
+    justify: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
+    wrap: boolean;
+}
+export declare const Space: FunctionComponent<Partial<SpaceProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/packages/step/index.d.ts

@@ -0,0 +1,2 @@
+import { Step } from './step';
+export default Step;