@nutui/nutui-react 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/types/index.d.ts

@@ -0,0 +1,93 @@
+import Button from './packages/button';
+import Cell from './packages/cell';
+import CellGroup from './packages/cellgroup';
+import ConfigProvider from './packages/configprovider';
+import Image from './packages/image';
+import Overlay from './packages/overlay';
+import Col from './packages/col';
+import Divider from './packages/divider';
+import Grid from './packages/grid';
+import GridItem from './packages/griditem';
+import Layout from './packages/layout';
+import Row from './packages/row';
+import Sticky from './packages/sticky';
+import BackTop from './packages/backtop';
+import Elevator from './packages/elevator';
+import FixedNav from './packages/fixednav';
+import NavBar from './packages/navbar';
+import SideNavBar from './packages/sidenavbar';
+import SideNavBarItem from './packages/sidenavbaritem';
+import SubSideNavBar from './packages/subsidenavbar';
+import Tabbar from './packages/tabbar';
+import TabbarItem from './packages/tabbaritem';
+import TabPane from './packages/tabpane';
+import Tabs from './packages/tabs';
+import Address from './packages/address';
+import Calendar from './packages/calendar';
+import CalendarItem from './packages/calendaritem';
+import Cascader from './packages/cascader';
+import Checkbox from './packages/checkbox';
+import CheckboxGroup from './packages/checkboxgroup';
+import DatePicker from './packages/datepicker';
+import Form from './packages/form';
+import FormItem from './packages/formitem';
+import Input from './packages/input';
+import InputNumber from './packages/inputnumber';
+import Menu from './packages/menu';
+import MenuItem from './packages/menuitem';
+import NumberKeyboard from './packages/numberkeyboard';
+import Picker from './packages/picker';
+import Radio from './packages/radio';
+import RadioGroup from './packages/radiogroup';
+import Range from './packages/range';
+import Rate from './packages/rate';
+import SearchBar from './packages/searchbar';
+import ShortPassword from './packages/shortpassword';
+import Signature from './packages/signature';
+import Switch from './packages/switch';
+import TextArea from './packages/textarea';
+import Uploader from './packages/uploader';
+import ActionSheet from './packages/actionsheet';
+import Badge from './packages/badge';
+import Dialog from './packages/dialog';
+import Drag from './packages/drag';
+import Empty from './packages/empty';
+import InfiniteLoading from './packages/infiniteloading';
+import NoticeBar from './packages/noticebar';
+import Notify from './packages/notify';
+import Popover from './packages/popover';
+import Popup from './packages/popup';
+import PullToRefresh from './packages/pulltorefresh';
+import Skeleton from './packages/skeleton';
+import Swipe from './packages/swipe';
+import Toast from './packages/toast';
+import Animate from './packages/animate';
+import AnimatingNumbers from './packages/animatingnumbers';
+import Audio from './packages/audio';
+import Avatar from './packages/avatar';
+import AvatarGroup from './packages/avatargroup';
+import CircleProgress from './packages/circleprogress';
+import Collapse from './packages/collapse';
+import CollapseItem from './packages/collapseitem';
+import CountDown from './packages/countdown';
+import Ellipsis from './packages/ellipsis';
+import ImagePreview from './packages/imagepreview';
+import Indicator from './packages/indicator';
+import Pagination from './packages/pagination';
+import Price from './packages/price';
+import Progress from './packages/progress';
+import Step from './packages/step';
+import Steps from './packages/steps';
+import Swiper from './packages/swiper';
+import SwiperItem from './packages/swiperitem';
+import Table from './packages/table';
+import Tag from './packages/tag';
+import Video from './packages/video';
+import VirtualList from './packages/virtuallist';
+import Barrage from './packages/barrage';
+import Card from './packages/card';
+import TimeDetail from './packages/timedetail';
+import TimeSelect from './packages/timeselect';
+import TrendArrow from './packages/trendarrow';
+import WaterMark from './packages/watermark';
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

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<{}>;