@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.11

package/dist/types/locales/base.d.ts

@@ -0,0 +1,129 @@
+export interface BaseLang {
+    save: string;
+    confirm: string;
+    cancel: string;
+    done: string;
+    noData: string;
+    placeholder: string;
+    select: string;
+    video: {
+        errorTip: string;
+        clickRetry: string;
+    };
+    fixednav: {
+        activeText: string;
+        inactiveText: string;
+    };
+    infiniteloading: {
+        pullRefreshText: string;
+        loadText: string;
+        loadMoreText: string;
+    };
+    pagination: {
+        prev: string;
+        next: string;
+    };
+    range: {
+        rangeText: string;
+    };
+    calendaritem: {
+        weekdays: Array<string>;
+        end: string;
+        start: string;
+        confirm: string;
+        title: string;
+        monthTitle: Function;
+        today: string;
+        loadPreviousMonth: string;
+        noEarlierMonth: string;
+    };
+    shortpassword: {
+        title: string;
+        description: string;
+        tips: string;
+    };
+    uploader: {
+        ready: string;
+        readyUpload: string;
+        waitingUpload: string;
+        uploading: string;
+        success: string;
+        error: string;
+        deleteWord: string;
+    };
+    countdown: {
+        day: string;
+        hour: string;
+        minute: string;
+        second: string;
+    };
+    address: {
+        selectRegion: string;
+        deliveryTo: string;
+        chooseAnotherAddress: string;
+    };
+    signature: {
+        reSign: string;
+        unSupportTpl: string;
+    };
+    ecard: {
+        chooseText: string;
+        otherValueText: string;
+        placeholder: string;
+    };
+    timeselect: {
+        pickupTime: string;
+    };
+    sku: {
+        buyNow: string;
+        buyNumber: string;
+        addToCard: string;
+    };
+    skuheader: {
+        skuId: string;
+    };
+    addresslist: {
+        addAddress: string;
+    };
+    comment: {
+        complaintsText: string;
+        additionalReview: Function;
+        additionalImages: Function;
+    };
+    searchbar: {
+        basePlaceholder: string;
+        text: string;
+        test: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        title5: string;
+        title6: string;
+    };
+    audio: {
+        back: string;
+        forward: string;
+        pause: string;
+        start: string;
+        mute: string;
+        tips: string;
+    };
+    datepicker: {
+        year: string;
+        month: string;
+        day: string;
+        hour: string;
+        min: string;
+        seconds: string;
+    };
+    pullToRefresh: {
+        pullingText: string;
+        canReleaseText: string;
+        refreshingText: string;
+        completeText: string;
+    };
+    watermark: {
+        errorCanvasTips: string;
+    };
+}

package/dist/types/locales/zh-CN.d.ts

@@ -0,0 +1,3 @@
+import { BaseLang } from './base';
+declare const zhCN: BaseLang;
+export default zhCN;

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

@@ -0,0 +1,20 @@
+import React, { FunctionComponent } from 'react';
+export type ItemType<T> = {
+    [key: string]: T;
+};
+export interface ActionSheetProps {
+    cancelText: string;
+    optionTag: string;
+    optionSubTag: string;
+    chooseTagValue: string;
+    title: string;
+    color: string;
+    description: string;
+    menuItems: ItemType<string | boolean>[];
+    onCancel: () => void;
+    onChoose: (item: any, index: number) => void;
+    visible: boolean;
+    className: string;
+    style: React.CSSProperties;
+}
+export declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,35 @@
+import React, { FunctionComponent, CSSProperties } from 'react';
+import { RegionData, ChangeCallBack, CloseCallBack, AddressList } from './type';
+import { BasicComponent } from '../../utils/typings';
+export 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.ReactNode;
+    selectedIcon: React.ReactNode;
+    closeBtnIcon: React.ReactNode;
+    backBtnIcon: React.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;
+}
+export declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;

package/dist/types/packages/address/customRender.d.ts

@@ -0,0 +1,15 @@
+import React, { FunctionComponent } from 'react';
+import { RegionData, NextListObj } from './type';
+export interface AddressProps {
+    modelValue: (string | number)[];
+    type: string;
+    province: RegionData[];
+    city: RegionData[];
+    country: RegionData[];
+    town: RegionData[];
+    height: string | number;
+    onNextArea?: (cal: NextListObj) => void;
+    onTabClick?: (type: string) => void;
+    onClose?: () => void;
+}
+export declare const CustomRender: FunctionComponent<Partial<AddressProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/packages/address/existRender.d.ts

@@ -0,0 +1,18 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { AddressList } from './type';
+export interface ExistRenderProps {
+    type: string;
+    existAddress: AddressList[] | [];
+    defaultIcon: ReactNode;
+    selectedIcon: ReactNode;
+    isShowCustomAddress: boolean;
+    customAndExistTitle: string;
+    onSelected?: (prevExistAdd: AddressList, item: AddressList, copyExistAdd: AddressList[]) => void;
+    onClose?: (cal: {
+        closeWay: string;
+    }) => void;
+    onSwitchModule?: (cal: {
+        type: string;
+    }) => void;
+}
+export declare const ExistRender: FunctionComponent<Partial<ExistRenderProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

package/dist/types/packages/address/type.d.ts

@@ -0,0 +1,40 @@
+export interface RegionData {
+    name?: string;
+    [key: string]: any;
+}
+export interface ChangeCallBack {
+    next: string;
+    value: string | RegionData;
+    custom: string;
+}
+export interface CloseCallBackData extends SelectedRegionObj {
+    addressIdStr: string;
+    addressStr: string;
+}
+export interface CloseCallBack {
+    data: CloseCallBackData | AddressList;
+    type: string;
+}
+export interface AddressList {
+    id?: string | number;
+    provinceName: string;
+    cityName: string;
+    countyName: string;
+    townName: string;
+    addressDetail: string;
+    selectedAddress: boolean;
+    name?: string;
+    phone?: string;
+}
+export interface NextListObj {
+    next: string;
+    value: string | RegionData;
+    custom: string;
+    selectedRegion?: SelectedRegionObj;
+}
+export interface SelectedRegionObj {
+    province: RegionData;
+    city: RegionData;
+    country: RegionData;
+    town: RegionData;
+}

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

@@ -0,0 +1,10 @@
+import React, { FunctionComponent } from 'react';
+import { AnimateType, AnimateAction } from './type';
+import { BasicComponent } from '../../utils/typings';
+export interface AnimateProps extends BasicComponent {
+    type: AnimateType;
+    action: AnimateAction;
+    loop: boolean;
+    onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+export declare const Animate: FunctionComponent<Partial<AnimateProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,4 @@
+import { Animate } from './animate';
+export type { AnimateType, AnimateAction } from './type';
+export type { AnimateProps } from './animate';
+export default Animate;

package/dist/types/packages/animate/type.d.ts

@@ -0,0 +1,2 @@
+export type AnimateType = 'shake' | 'ripple' | 'breath' | 'float' | 'slide-right' | 'slide-left' | 'slide-top' | 'slide-bottom' | 'jump' | 'twinkle' | 'flicker';
+export type AnimateAction = 'initial' | 'click';

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

@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+export interface AnimatingNumbersProps {
+}
+type AnimatingNumbersStates = {};
+export declare class AnimatingNumbers extends Component<AnimatingNumbersProps, AnimatingNumbersStates> {
+    static defaultProps: AnimatingNumbersProps;
+    static displayName: string;
+    static CountUp: React.FunctionComponent<Partial<import("./countup").CountUpProps>>;
+    constructor(props: AnimatingNumbersProps);
+    render(): JSX.Element;
+}
+export {};

package/dist/types/packages/animatingnumbers/countup.d.ts

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from 'react';
+export interface CountUpProps {
+    maxLen: number;
+    endNumber: string;
+    delaySpeed?: number;
+    easeSpeed: number;
+    thousands: boolean;
+    className: string;
+    style: React.CSSProperties;
+}
+export declare const CountUp: FunctionComponent<Partial<CountUpProps>>;

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

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

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

@@ -0,0 +1,17 @@
+import React, { FunctionComponent, ReactEventHandler } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface AudioProps extends BasicComponent {
+    src: string;
+    muted: boolean;
+    autoPlay: boolean;
+    loop: boolean;
+    preload: string;
+    type: string;
+    onBack: (e: HTMLAudioElement) => void;
+    onForward: (e: HTMLAudioElement) => void;
+    onPause: ((e: HTMLAudioElement) => void) & ReactEventHandler<HTMLAudioElement>;
+    onEnd: (e: HTMLAudioElement) => void;
+    onMute: (e: HTMLAudioElement) => void;
+    onCanPlay: ((e: HTMLAudioElement) => void) & ReactEventHandler<HTMLAudioElement>;
+}
+export declare const Audio: FunctionComponent<Partial<AudioProps> & React.HTMLAttributes<HTMLElement>>;

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

@@ -0,0 +1,3 @@
+import { Audio } from './audio';
+export type { AudioProps } from './audio';
+export default Audio;

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

@@ -0,0 +1,16 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface AvatarProps extends BasicComponent {
+    size: string;
+    icon: React.ReactNode;
+    fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    shape: AvatarShape;
+    background: string;
+    color: string;
+    src: string;
+    alt: string;
+    onClick: (e: MouseEvent) => void;
+    onError: () => void;
+}
+export type AvatarShape = 'round' | 'square';
+export declare const Avatar: FunctionComponent<Partial<AvatarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;

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

@@ -0,0 +1,3 @@
+import { Avatar } from './avatar';
+export type { AvatarProps, AvatarShape } from './avatar';
+export default Avatar;

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

@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface AvatarGroupProps extends BasicComponent {
+    maxContent: string;
+    max: string | number;
+    maxBackground: string;
+    maxColor: string;
+    size: 'large' | 'normal' | 'small';
+    shape: 'round' | 'square';
+    gap: string;
+    level: 'left' | 'right';
+}
+export declare const AvatarGroup: FunctionComponent<Partial<AvatarGroupProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -0,0 +1,10 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface BackTopProps extends BasicComponent {
+    target: string;
+    threshold: number;
+    zIndex: number;
+    duration: number;
+    onClick?: (event: MouseEvent) => void;
+}
+export declare const BackTop: FunctionComponent<Partial<BackTopProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;

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

@@ -0,0 +1,3 @@
+import { BackTop } from './backtop';
+export type { BackTopProps } from './backtop';
+export default BackTop;

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

@@ -0,0 +1,11 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface BadgeProps extends BasicComponent {
+    value: ReactNode;
+    dot: boolean;
+    max: number;
+    top: string;
+    right: string;
+    color: string;
+}
+export declare const Badge: FunctionComponent<Partial<BadgeProps>>;

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

@@ -0,0 +1,3 @@
+import { Badge } from './badge';
+export type { BadgeProps } from './badge';
+export default Badge;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface BarrageProps {
+    className: string;
+    style: React.CSSProperties;
+    barrageList: Array<string>;
+    frequency: number;
+    loop: boolean;
+    speeds: number;
+    rows: number;
+    top: number;
+}
+export declare const Barrage: React.ForwardRefExoticComponent<Partial<BarrageProps> & React.RefAttributes<unknown>>;

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+export type ButtonSize = 'large' | 'normal' | 'small';
+export type ButtonShape = 'square' | 'round';
+export type ButtonFill = 'solid' | 'outline' | 'none';
+export interface ButtonProps extends BasicComponent {
+    color: string;
+    shape: ButtonShape;
+    type: ButtonType;
+    size: ButtonSize;
+    fill: ButtonFill;
+    block: boolean;
+    loading: boolean;
+    disabled: boolean;
+    icon: React.ReactNode;
+    onClick: (e: MouseEvent) => void;
+}
+export declare const Button: React.ForwardRefExoticComponent<Partial<ButtonProps> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,3 @@
+import { Button } from './button';
+export type { ButtonType, ButtonProps, ButtonSize, ButtonShape, ButtonFill, } from './button';
+export default Button;

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

@@ -0,0 +1,35 @@
+import React from 'react';
+type CalendarRef = {
+    scrollToDate: (date: string) => void;
+};
+interface Day {
+    day: string | number;
+    type: string;
+}
+export interface CalendarProps {
+    type?: string;
+    isAutoBackFill?: boolean;
+    poppable?: boolean;
+    visible?: boolean;
+    title?: string;
+    defaultValue?: string | string[];
+    startDate?: string;
+    endDate?: string;
+    showToday?: boolean;
+    startText?: string;
+    endText?: string;
+    confirmText?: string;
+    showTitle?: boolean;
+    showSubTitle?: boolean;
+    toDateAnimation?: boolean;
+    onBtn?: (() => string | JSX.Element) | undefined;
+    onDay?: ((date: Day) => string | JSX.Element) | undefined;
+    onTopInfo?: ((date: Day) => string | JSX.Element) | undefined;
+    onBottomInfo?: ((date: Day) => string | JSX.Element) | undefined;
+    onClose?: () => void;
+    onChoose?: (param: string) => void;
+    onSelected?: (data: string) => void;
+    onYearMonthChange?: (param: string) => void;
+}
+export declare const Calendar: React.ForwardRefExoticComponent<Partial<CalendarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, ""> & React.RefAttributes<CalendarRef>>;
+export {};

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

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

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

@@ -0,0 +1,36 @@
+import React from 'react';
+type CalendarRef = {
+    scrollToDate: (date: string) => void;
+};
+type InputDate = string | string[];
+interface Day {
+    day: string | number;
+    type: string;
+}
+export interface CalendarItemProps {
+    type?: string;
+    isAutoBackFill?: boolean;
+    poppable?: boolean;
+    visible?: boolean;
+    title?: string;
+    defaultValue: InputDate;
+    startDate?: InputDate;
+    endDate?: InputDate;
+    showToday?: boolean;
+    startText?: string;
+    endText?: string;
+    confirmText?: string;
+    showTitle?: boolean;
+    showSubTitle?: boolean;
+    toDateAnimation?: boolean;
+    onBtn?: (() => string | JSX.Element) | undefined;
+    onDay?: ((date: Day) => string | JSX.Element) | undefined;
+    onTopInfo?: ((date: Day) => string | JSX.Element) | undefined;
+    onBottomInfo?: ((date: Day) => string | JSX.Element) | undefined;
+    onChoose?: (data: any) => void;
+    onUpdate?: () => void;
+    onSelected?: (data: string) => void;
+    onYearMonthChange?: (data: any) => void;
+}
+export declare const CalendarItem: React.ForwardRefExoticComponent<Partial<CalendarItemProps> & Omit<React.HTMLAttributes<HTMLDivElement>, ""> & React.RefAttributes<CalendarRef>>;
+export {};

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

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

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

@@ -0,0 +1,17 @@
+import React, { FunctionComponent } from 'react';
+export interface CardProps {
+    imgUrl: string;
+    title: string;
+    price: string;
+    vipPrice: string;
+    shopDesc: string;
+    delivery: string;
+    shopName: string;
+    className: string;
+    style: React.CSSProperties;
+    prolistTpl: React.ReactNode;
+    shopTagTpl: React.ReactNode;
+    originTpl: React.ReactNode;
+    footerTpl: React.ReactNode;
+}
+export declare const Card: FunctionComponent<Partial<CardProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { CascaderOption, CascaderValue, CascaderOptionKey } from './types';
+import { BasicComponent } from '../../utils/typings';
+export interface CascaderProps extends BasicComponent {
+    popup: boolean;
+    visible: boolean;
+    activeColor: string;
+    activeIcon: string;
+    options: CascaderOption[];
+    value?: CascaderValue;
+    defaultValue?: CascaderValue;
+    title: string;
+    optionKey: CascaderOptionKey;
+    format: Record<string, string | number | null>;
+    closeable: boolean;
+    closeIconPosition: string;
+    closeIcon: string;
+    lazy: boolean;
+    onLoad: (node: any, resolve: any) => void;
+    onClose?: () => void;
+    onChange: (value: CascaderValue, params?: any) => void;
+    onPathChange: (value: CascaderValue, params: any) => void;
+}
+export declare const Cascader: React.ForwardRefExoticComponent<Partial<CascaderProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;

package/dist/types/packages/cascader/cascaderItem.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+interface OptiosInfo {
+    text: string;
+    value: string;
+    paneKey: string;
+    disabled?: boolean;
+    loading?: boolean;
+    children?: OptiosInfo[];
+}
+export interface CascaderItemProps {
+    data: {
+        text: string;
+        value: string;
+        paneKey: string;
+        disabled?: boolean;
+        loading?: boolean;
+        children?: OptiosInfo[];
+    };
+    checked: boolean;
+    activeIcon: string;
+    activeColor: string;
+    chooseItem: (data: any) => void;
+}
+export declare const CascaderItem: React.ForwardRefExoticComponent<Partial<CascaderItemProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export {};

package/dist/types/packages/cascader/helper.d.ts

@@ -0,0 +1,4 @@
+import { CascaderOption, CascaderConfig, CascaderFormat } from './types';
+export declare const formatTree: (tree: CascaderOption[], parent: CascaderOption | null, config: CascaderConfig) => CascaderOption[];
+export declare const eachTree: (tree: CascaderOption[], cb: (node: CascaderOption) => unknown) => void;
+export declare const convertListToOptions: (list: CascaderOption[], options: CascaderFormat) => CascaderOption[];

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

@@ -0,0 +1,4 @@
+import { Cascader } from './cascader';
+export type { CascaderPane, CascaderFormat, CascaderOptionKey, CascaderOption, CascaderValue, CascaderConfig, } from './types';
+export type { CascaderProps } from './cascader';
+export default Cascader;

package/dist/types/packages/cascader/tree.d.ts

@@ -0,0 +1,12 @@
+import { CascaderOption, CascaderConfig, CascaderValue } from './types';
+declare class Tree {
+    nodes: CascaderOption[];
+    readonly config: CascaderConfig;
+    constructor(nodes: CascaderOption[], config?: CascaderConfig);
+    updateChildren(nodes: CascaderOption[], parent: CascaderOption | null): void;
+    getNodeByValue(value: CascaderOption['value']): CascaderOption | void;
+    getPathNodesByValue(value: CascaderValue): CascaderOption[];
+    isLeaf: (node: CascaderOption, lazy: boolean) => boolean;
+    hasChildren: (node: CascaderOption, lazy: boolean) => boolean;
+}
+export default Tree;