@nutui/nutui-react 2.0.0-alpha.9 → 2.0.0-beta.1

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;
+        unsupported: 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,43 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { PopupProps } from '../../packages/popup/index';
+export type ItemType<T> = {
+    [key: string]: T;
+};
+export interface ActionSheetProps extends PopupProps {
+    /**
+    * 遮罩层可见
+    * @default false
+    */
+    visible: boolean
+    /**
+    * 设置列表面板副标题/描述
+    * @default -
+    */
+    description: ReactNode
+    /**
+    * 列表项
+    * @default []
+    */
+    options: ItemType<string | boolean>[]
+    /**
+    * 列表项的自定义设置
+    * @default -
+    */
+    optionKey: ItemType<string>
+    /**
+    * 取消文案
+    * @default 取消
+    */
+    cancelText: ReactNode
+    /**
+    * 点击取消文案时触发
+    * @default -
+    */
+    onCancel: () => void
+    /**
+    * 选择之后触发
+    * @default -
+    */
+    onSelect: (item: ItemType<string | boolean>, index: number) => void
+}
+export declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onSelect'>>;

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

@@ -0,0 +1,3 @@
+import { ActionSheet } from './actionsheet';
+export type { ItemType, ActionSheetProps } from './actionsheet';
+export default ActionSheet;

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

@@ -0,0 +1,59 @@
+import React, { FunctionComponent } from 'react';
+import { AddressList } from './type';
+import { CascaderOption, CascaderOptionKey, CascaderProps, CascaderValue } from '../../packages/cascader/index';
+export interface AddressProps extends CascaderProps {
+    /**
+    * 是否打开地址选择
+    * @default -
+    */
+    visible: boolean
+    value?: CascaderValue;
+    defaultValue?: CascaderValue;
+    /**
+    * 地址选择类型 exist/custom
+    * @default custom
+    */
+    type: string
+    options: CascaderOption[];
+    optionKey: CascaderOptionKey;
+    format: Record<string, string | number | null>;
+    /**
+    * 是否可以切换自定义地址选择，type='exist' 时生效
+    * @default true
+    */
+    custom: boolean | string
+    /**
+    * 已存在地址列表，每个地址对象中，必传值provinceName、cityName、countyName、townName、addressDetail、selectedAddress（字段解释见下）
+    * @default []
+    */
+    existList: AddressList[]
+    height: string | number;
+    /**
+    * 已有地址列表默认图标，type='exist' 时生效
+    * @default -
+    */
+    defaultIcon: React.ReactNode
+    /**
+    * 已有地址列表选中图标，type='exist' 时生效
+    * @default -
+    */
+    selectIcon: React.ReactNode
+    /**
+    * 自定义地址与已有地址切换时，自定义返回的按钮图标
+    * @default -
+    */
+    backIcon: React.ReactNode
+    /**
+    * 点击'选择其他地址'或自定义地址选择左上角返回按钮触发
+    * @default -
+    */
+    onSwitch?: (data: {
+        type: string;
+    }) => void
+    /**
+    * 选择已有地址列表时触发
+    * @default -
+    */
+    onExistSelect?: (data: AddressList) => void
+}
+export declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'onLoad' | 'title'>>;

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

@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react';
+import { CascaderProps, CascaderOption, CascaderValue, CascaderOptionKey } from '../../packages/cascader/index';
+export interface AddressProps extends CascaderProps {
+    visible: boolean;
+    type: string;
+    options: CascaderOption[];
+    value?: CascaderValue;
+    defaultValue?: CascaderValue;
+    optionKey: CascaderOptionKey;
+    format: Record<string, string | number | null>;
+    height: string | number;
+}
+export declare const CustomRender: FunctionComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'defaultValue' | 'onChange'>>;

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

@@ -0,0 +1,14 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { AddressList } from './type';
+export interface ExistRenderProps {
+    type: string;
+    existList: AddressList[] | [];
+    defaultIcon: ReactNode;
+    selectIcon: ReactNode;
+    custom: boolean | string;
+    onSelect?: (item: AddressList) => void;
+    onSwitch?: (cal: {
+        type: string;
+    }) => void;
+}
+export declare const ExistRender: FunctionComponent<Partial<ExistRenderProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'title' | 'onSelect'>>;

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

@@ -0,0 +1,3 @@
+import { Address } from './address';
+export type { AddressProps } 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 ChangeData {
+    next: string;
+    value: string | RegionData;
+    custom: string;
+}
+export interface CloseCallBackData extends Regions {
+    addressIdStr: string;
+    addressStr: string;
+}
+export interface ResultData {
+    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 CurrentData {
+    next: string;
+    value: string | RegionData;
+    custom: string;
+    selectedRegion?: Regions;
+}
+export interface Regions {
+    province: RegionData;
+    city: RegionData;
+    county: RegionData;
+    town: RegionData;
+}

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

@@ -0,0 +1,26 @@
+import React, { FunctionComponent } from 'react';
+import { AnimateType, AnimateAction } from './type';
+import { BasicComponent } from '../../utils/typings';
+export interface AnimateProps extends BasicComponent {
+    /**
+    * 动画类型，见下方type值说明
+    * @default shake
+    */
+    type: AnimateType
+    /**
+    * 触发方式，'initial'--初始化执行; 'click'--点击执行
+    * @default initial
+    */
+    action: AnimateAction
+    /**
+    * 是否循环执行。true-循环执行;false-执行一次
+    * @default false
+    */
+    loop: boolean
+    /**
+    * 点击元素时触发
+    * @default -
+    */
+    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,10 @@
+import { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface CountUpProps extends BasicComponent {
+    length: number;
+    value: string;
+    delay?: number;
+    duration: number;
+    thousands: boolean;
+}
+export declare const CountUp: FunctionComponent<Partial<CountUpProps>>;

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

@@ -0,0 +1,3 @@
+import { AnimatingNumbers } from './animatingnumbers';
+export type { CountUpProps } from './countup';
+export default AnimatingNumbers;

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

@@ -0,0 +1,65 @@
+import React, { FunctionComponent, ReactEventHandler } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface AudioProps extends BasicComponent {
+    /**
+    * 语音资源链接
+    * @default -
+    */
+    src: string
+    /**
+    * 是否静音
+    * @default false
+    */
+    muted: boolean
+    /**
+    * 是否自动播放
+    * @default false
+    */
+    autoPlay: boolean
+    /**
+    * 是否循环播放
+    * @default false
+    */
+    loop: boolean
+    /**
+    * 是否预加载语音
+    * @default auto
+    */
+    preload: string
+    /**
+    * 展示形式，可选值：controls 控制面板 progress 进度条 icon 图标 none 自定义
+    * @default progress
+    */
+    type: string
+    /**
+    * 语音快退回调，type = progress 时生效
+    * @default -
+    */
+    onBack: (e: HTMLAudioElement) => void
+    /**
+    * 语音快进回调，type = progress 时生效
+    * @default -
+    */
+    onForward: (e: HTMLAudioElement) => void
+    /**
+    * 暂停回调
+    * @default -
+    */
+    onPause: ((e: HTMLAudioElement) => void) & ReactEventHandler<HTMLAudioElement>
+    /**
+    * 语音播放完成，loop = false 时生效
+    * @default -
+    */
+    onEnd: (e: HTMLAudioElement) => void
+    /**
+    * 静音回调
+    * @default -
+    */
+    onMute: (e: HTMLAudioElement) => void
+    /**
+    * 可以播放媒体时触发
+    * @default -
+    */
+    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,56 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface AvatarProps extends BasicComponent {
+    /**
+    * 设置头像的大小
+    * @default -
+    */
+    size: string
+    /**
+    * 设置 Icon 类型头像图标
+    * @default -
+    */
+    icon: React.ReactNode
+    /**
+    * 图片填充模式
+    * @default -
+    */
+    fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'
+    /**
+    * 设置头像的形状
+    * @default round
+    */
+    shape: AvatarShape
+    /**
+    * 设置 Icon、字符类型头像的背景色
+    * @default #eee
+    */
+    background: string
+    /**
+    * 设置 Icon、字符类型头像的颜色
+    * @default #666
+    */
+    color: string
+    /**
+    * 设置图片类型头像的地址
+    * @default -
+    */
+    src: string
+    /**
+    * 设置图片类型头像无法显示时的替代文本
+    * @default -
+    */
+    alt: string
+    /**
+    * 点击头像触发事件
+    * @default -
+    */
+    onClick: (e: MouseEvent) => void
+    /**
+    * 图片加载失败的事件
+    * @default -
+    */
+    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,45 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface AvatarGroupProps extends BasicComponent {
+    /**
+    * 头像数量超出时，会出现一个头像折叠元素。该元素内容可为...、more、+N。
+    * @default -
+    */
+    maxContent: string
+    /**
+    * 显示的最大头像个数
+    * @default -
+    */
+    max: string | number
+    /**
+    * 设置 Icon、字符类型头像的背景色
+    * @default #eee
+    */
+    maxBackground: string
+    /**
+    * 设置 Icon、字符类型头像的颜色
+    * @default #666
+    */
+    maxColor: string
+    /**
+    * 设置头像的大小，可选值为：large、normal、small，支持直接输入数字
+    * @default -
+    */
+    size: 'large' | 'normal' | 'small'
+    /**
+    * 设置头像的形状
+    * @default -
+    */
+    shape: 'round' | 'square'
+    /**
+    * 设置头像之间的间距
+    * @default -8
+    */
+    gap: string
+    /**
+    * 头像之间的层级关系，可选值为：left、right
+    * @default left
+    */
+    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,30 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface BackTopProps extends BasicComponent {
+    /**
+    * 获取监听的目标元素
+    * @default -
+    */
+    target: string
+    /**
+    * 页面垂直滚动多高后出现
+    * @default 200
+    */
+    threshold: number
+    /**
+    * 设置组件页面层级
+    * @default 10
+    */
+    zIndex: number
+    /**
+    * 设置动画持续时间，为 0 时表示无动画
+    * @default 1000
+    */
+    duration: number
+    /**
+    * 按钮点击时触发事件
+    * @default -
+    */
+    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,35 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface BadgeProps extends BasicComponent {
+    /**
+    * 显示的内容，支持数字、字符和自定义内容
+    * @default -
+    */
+    value: ReactNode
+    /**
+    * 是否为小点
+    * @default false
+    */
+    dot: boolean
+    /**
+    * value 为数值时，最大值
+    * @default 99
+    */
+    max: number
+    /**
+    * 上下偏移量，支持单位设置，可设置为：5 等
+    * @default 0
+    */
+    top: string
+    /**
+    * 左右偏移量，支持单位设置，可设置为：5 等
+    * @default 0
+    */
+    right: string
+    /**
+    * 徽标背景颜色,默认值为当前主题色
+    * @default -
+    */
+    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,35 @@
+import React from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface BarrageProps extends BasicComponent {
+    /**
+    * 弹幕列表数据
+    * @default []
+    */
+    list: Array<string>
+    /**
+    * 可视区域内每个弹幕出现的时间间隔
+    * @default 500
+    */
+    interval: number
+    /**
+    * 是否循环播放
+    * @default true
+    */
+    loop: boolean
+    /**
+    * 每个弹幕的滚动时间
+    * @default 3000
+    */
+    duration: number
+    /**
+    * 弹幕行数，分几行展示
+    * @default 1
+    */
+    rows: number
+    /**
+    * 弹幕垂直距离
+    * @default 10
+    */
+    gapY: number
+}
+export declare const Barrage: React.ForwardRefExoticComponent<Partial<BarrageProps> & React.RefAttributes<unknown>>;