@nutui/nutui-react 3.0.3-beta.0 → 3.0.3-beta.1

package/dist/es/types/index.js

@@ -0,0 +1,264 @@
+export * from "./spec/watermark/base";
+export * from "./spec/watermark/h5";
+export * from "./spec/watermark/taro";
+export * from "./spec/address/base";
+export * from "./spec/address/h5";
+export * from "./spec/address/taro";
+export * from "./spec/video/base";
+export * from "./spec/video/h5";
+export * from "./spec/video/taro";
+export * from "./spec/virtuallist/base";
+export * from "./spec/virtuallist/h5";
+export * from "./spec/virtuallist/taro";
+export * from "./spec/uploader/base";
+export * from "./spec/uploader/h5";
+export * from "./spec/uploader/taro";
+export * from "./spec/trendarrow/base";
+export * from "./spec/trendarrow/h5";
+export * from "./spec/trendarrow/taro";
+export * from "./spec/tour/base";
+export * from "./spec/tour/h5";
+export * from "./spec/tour/taro";
+export * from "./spec/toast/base";
+export * from "./spec/toast/h5";
+export * from "./spec/toast/taro";
+export * from "./spec/timeselect/base";
+export * from "./spec/timeselect/h5";
+export * from "./spec/timeselect/taro";
+export * from "./spec/textarea/base";
+export * from "./spec/textarea/h5";
+export * from "./spec/textarea/taro";
+export * from "./spec/tabbar/base";
+export * from "./spec/tabbar/h5";
+export * from "./spec/tabbar/taro";
+export * from "./spec/switch/base";
+export * from "./spec/switch/h5";
+export * from "./spec/switch/taro";
+export * from "./spec/tag/base";
+export * from "./spec/tag/h5";
+export * from "./spec/tag/taro";
+export * from "./spec/tabs/base";
+export * from "./spec/tabs/h5";
+export * from "./spec/tabs/taro";
+export * from "./spec/table/base";
+export * from "./spec/table/h5";
+export * from "./spec/table/taro";
+export * from "./spec/sticky/base";
+export * from "./spec/sticky/h5";
+export * from "./spec/sticky/taro";
+export * from "./spec/swiper/base";
+export * from "./spec/swiper/h5";
+export * from "./spec/swiper/taro";
+export * from "./spec/skeleton/base";
+export * from "./spec/skeleton/h5";
+export * from "./spec/skeleton/taro";
+export * from "./spec/swipe/base";
+export * from "./spec/swipe/h5";
+export * from "./spec/swipe/taro";
+export * from "./spec/space/base";
+export * from "./spec/space/h5";
+export * from "./spec/space/taro";
+export * from "./spec/shortpassword/base";
+export * from "./spec/shortpassword/h5";
+export * from "./spec/shortpassword/taro";
+export * from "./spec/segmented/base";
+export * from "./spec/segmented/h5";
+export * from "./spec/segmented/taro";
+export * from "./spec/searchbar/base";
+export * from "./spec/searchbar/h5";
+export * from "./spec/searchbar/taro";
+export * from "./spec/signature/base";
+export * from "./spec/signature/h5";
+export * from "./spec/signature/taro";
+export * from "./spec/sidenavbar/base";
+export * from "./spec/sidenavbar/h5";
+export * from "./spec/sidenavbar/taro";
+export * from "./spec/sidebar/base";
+export * from "./spec/sidebar/h5";
+export * from "./spec/sidebar/taro";
+export * from "./spec/safearea/base";
+export * from "./spec/safearea/h5";
+export * from "./spec/safearea/taro";
+export * from "./spec/radio/base";
+export * from "./spec/radio/h5";
+export * from "./spec/radio/taro";
+export * from "./spec/resultpage/base";
+export * from "./spec/resultpage/h5";
+export * from "./spec/resultpage/taro";
+export * from "./spec/rate/base";
+export * from "./spec/rate/h5";
+export * from "./spec/rate/taro";
+export * from "./spec/range/base";
+export * from "./spec/range/h5";
+export * from "./spec/range/taro";
+export * from "./spec/pulltorefresh/base";
+export * from "./spec/pulltorefresh/h5";
+export * from "./spec/pulltorefresh/taro";
+export * from "./spec/progress/base";
+export * from "./spec/progress/h5";
+export * from "./spec/progress/taro";
+export * from "./spec/price/base";
+export * from "./spec/price/h5";
+export * from "./spec/price/taro";
+export * from "./spec/popup/base";
+export * from "./spec/popup/h5";
+export * from "./spec/popup/taro";
+export * from "./spec/pagination/base";
+export * from "./spec/pagination/h5";
+export * from "./spec/pagination/taro";
+export * from "./spec/overlay/base";
+export * from "./spec/overlay/h5";
+export * from "./spec/overlay/taro";
+export * from "./spec/numberkeyboard/base";
+export * from "./spec/numberkeyboard/h5";
+export * from "./spec/numberkeyboard/taro";
+export * from "./spec/popover/base";
+export * from "./spec/popover/h5";
+export * from "./spec/popover/taro";
+export * from "./spec/picker/base";
+export * from "./spec/picker/h5";
+export * from "./spec/picker/taro";
+export * from "./spec/pickerview/base";
+export * from "./spec/pickerview/h5";
+export * from "./spec/pickerview/taro";
+export * from "./spec/noticebar/base";
+export * from "./spec/noticebar/h5";
+export * from "./spec/noticebar/taro";
+export * from "./spec/notify/base";
+export * from "./spec/notify/h5";
+export * from "./spec/notify/taro";
+export * from "./spec/menu/base";
+export * from "./spec/menu/h5";
+export * from "./spec/menu/taro";
+export * from "./spec/lottie/base";
+export * from "./spec/lottie/h5";
+export * from "./spec/lottie/taro";
+export * from "./spec/navbar/base";
+export * from "./spec/navbar/h5";
+export * from "./spec/navbar/taro";
+export * from "./base/locales";
+export * from "./spec/loading/base";
+export * from "./spec/loading/h5";
+export * from "./spec/loading/taro";
+export * from "./spec/inputnumber/base";
+export * from "./spec/inputnumber/h5";
+export * from "./spec/inputnumber/taro";
+export * from "./spec/layout/base";
+export * from "./spec/layout/h5";
+export * from "./spec/layout/taro";
+export * from "./spec/infiniteloading/base";
+export * from "./spec/infiniteloading/h5";
+export * from "./spec/infiniteloading/taro";
+export * from "./spec/indicator/base";
+export * from "./spec/indicator/h5";
+export * from "./spec/indicator/taro";
+export * from "./spec/imagepreview/base";
+export * from "./spec/imagepreview/h5";
+export * from "./spec/imagepreview/taro";
+export * from "./spec/image/base";
+export * from "./spec/image/h5";
+export * from "./spec/image/taro";
+export * from "./spec/input/base";
+export * from "./spec/input/h5";
+export * from "./spec/input/taro";
+export * from "./spec/grid/base";
+export * from "./spec/grid/h5";
+export * from "./spec/grid/taro";
+export * from "./spec/hoverbutton/base";
+export * from "./spec/hoverbutton/h5";
+export * from "./spec/hoverbutton/taro";
+export * from "./spec/ellipsis/base";
+export * from "./spec/ellipsis/h5";
+export * from "./spec/ellipsis/taro";
+export * from "./spec/elevator/base";
+export * from "./spec/elevator/h5";
+export * from "./spec/elevator/taro";
+export * from "./spec/form/base";
+export * from "./spec/form/h5";
+export * from "./spec/form/taro";
+export * from "./spec/drag/base";
+export * from "./spec/drag/h5";
+export * from "./spec/drag/taro";
+export * from "./spec/fixednav/base";
+export * from "./spec/fixednav/h5";
+export * from "./spec/fixednav/taro";
+export * from "./spec/divider/base";
+export * from "./spec/divider/h5";
+export * from "./spec/divider/taro";
+export * from "./spec/dialog/base";
+export * from "./spec/dialog/h5";
+export * from "./spec/dialog/taro";
+export * from "./spec/empty/base";
+export * from "./spec/empty/h5";
+export * from "./spec/empty/taro";
+export * from "./spec/countdown/base";
+export * from "./spec/countdown/h5";
+export * from "./spec/countdown/taro";
+export * from "./spec/configprovider/base";
+export * from "./spec/configprovider/h5";
+export * from "./spec/configprovider/taro";
+export * from "./spec/circleprogress/base";
+export * from "./spec/circleprogress/h5";
+export * from "./spec/circleprogress/taro";
+export * from "./spec/datepicker/base";
+export * from "./spec/datepicker/h5";
+export * from "./spec/datepicker/taro";
+export * from "./spec/datepickerview/base";
+export * from "./spec/datepickerview/h5";
+export * from "./spec/datepickerview/taro";
+export * from "./spec/cell/base";
+export * from "./spec/cell/h5";
+export * from "./spec/cell/taro";
+export * from "./spec/collapse/base";
+export * from "./spec/collapse/h5";
+export * from "./spec/collapse/taro";
+export * from "./spec/cascader/base";
+export * from "./spec/cascader/h5";
+export * from "./spec/cascader/taro";
+export * from "./spec/checkbox/base";
+export * from "./spec/checkbox/h5";
+export * from "./spec/checkbox/taro";
+export * from "./spec/calendarcard/base";
+export * from "./spec/calendarcard/h5";
+export * from "./spec/calendarcard/taro";
+export * from "./spec/calendar/base";
+export * from "./spec/calendar/h5";
+export * from "./spec/calendar/taro";
+export * from "./spec/button/base";
+export * from "./spec/button/h5";
+export * from "./spec/button/taro";
+export * from "./spec/card/base";
+export * from "./spec/card/h5";
+export * from "./spec/card/taro";
+export * from "./spec/barrage/base";
+export * from "./spec/barrage/h5";
+export * from "./spec/barrage/taro";
+export * from "./base/props";
+export * from "./base/atoms";
+export * from "./spec/badge/base";
+export * from "./spec/badge/h5";
+export * from "./spec/badge/taro";
+export * from "./spec/backtop/base";
+export * from "./spec/backtop/h5";
+export * from "./spec/backtop/taro";
+export * from "./spec/avatarcropper/base";
+export * from "./spec/avatarcropper/h5";
+export * from "./spec/avatarcropper/taro";
+export * from "./spec/animatingnumbers/base";
+export * from "./spec/animatingnumbers/h5";
+export * from "./spec/animatingnumbers/taro";
+export * from "./spec/avatar/base";
+export * from "./spec/avatar/h5";
+export * from "./spec/avatar/taro";
+export * from "./spec/animate/base";
+export * from "./spec/animate/h5";
+export * from "./spec/animate/taro";
+export * from "./spec/actionsheet/base";
+export * from "./spec/actionsheet/h5";
+export * from "./spec/actionsheet/taro";
+export * from "./spec/audio/base";
+export * from "./spec/audio/h5";
+export * from "./spec/audio/taro";
+export * from "./spec/steps/base";
+export * from "./spec/steps/h5";
+export * from "./spec/steps/taro";

package/dist/es/types/spec/actionsheet/base.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export type ActionSheetOption<T> = {
+    [key: string]: T;
+};
+export type BaseActionSheet<POPUP_PROPS = any> = POPUP_PROPS & BaseProps & {
+    /**
+    * 遮罩层可见
+    */
+    visible: boolean
+    /**
+    * 设置列表面板副标题/描述
+    */
+    description: ReactNode
+    /**
+    * 列表项
+    */
+    options: ActionSheetOption<string | boolean>[]
+    /**
+    * 列表项的自定义设置
+    */
+    optionKey: ActionSheetOption<string>
+    /**
+    * 取消文案
+    */
+    cancelText: ReactNode
+    /**
+    * 点击取消文案时触发
+    */
+    onCancel: () => void
+    /**
+    * 选择之后触发
+    */
+    onSelect: (item: ActionSheetOption<string | boolean>, index: number) => void
+};

package/dist/es/types/spec/actionsheet/h5.d.ts

@@ -0,0 +1,4 @@
+import { BaseActionSheet } from './base';
+import { WebPopupProps } from '../popup/h5';
+export interface WebActionSheetProps extends BaseActionSheet<WebPopupProps> {
+}

package/dist/es/types/spec/actionsheet/taro.d.ts

@@ -0,0 +1,4 @@
+import { BaseActionSheet } from './base';
+import { TaroPopupProps } from '../popup/taro';
+export interface TaroActionSheetProps extends BaseActionSheet<TaroPopupProps> {
+}

package/dist/es/types/spec/address/base.d.ts

@@ -0,0 +1,96 @@
+import React from 'react';
+import { CascaderOption, CascaderOptionKey, CascaderValue } from "../../../types";
+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 type AddressRef = {
+    open: () => void;
+    close: () => void;
+};
+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;
+}
+export interface BaseAddress {
+    /**
+    * 是否打开地址选择
+    */
+    visible: boolean
+    /**
+    * 初始地址选择打开/关闭状态
+    */
+    defaultVisible: boolean
+    value?: CascaderValue;
+    defaultValue?: CascaderValue;
+    /**
+    * 地址选择类型 exist/custom
+    */
+    type: string
+    options: CascaderOption[];
+    optionKey: CascaderOptionKey;
+    format: Record<string, string | number | null>;
+    /**
+    * 是否可以切换自定义地址选择，type='exist' 时生效
+    */
+    custom: boolean | string
+    /**
+    * 已存在地址列表，每个地址对象中，必传值provinceName、cityName、countyName、townName、addressDetail、selectedAddress（字段解释见下）
+    */
+    existList: AddressList[]
+    height: string | number;
+    /**
+    * 已有地址列表默认图标，type='exist' 时生效
+    */
+    defaultIcon: React.ReactNode
+    /**
+    * 已有地址列表选中图标，type='exist' 时生效
+    */
+    selectIcon: React.ReactNode
+    /**
+    * 自定义地址与已有地址切换时，自定义返回的按钮图标
+    */
+    backIcon: React.ReactNode
+    /**
+    * 点击'选择其他地址'或自定义地址选择左上角返回按钮触发
+    */
+    onSwitch?: (data: {
+        type: string;
+    }) => void
+    /**
+    * 选择已有地址列表时触发
+    */
+    onExistSelect?: (data: AddressList) => void
+}

package/dist/es/types/spec/address/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseAddress, WebCascaderProps } from "../../../types";
+export interface WebAddressProps extends BaseAddress, WebCascaderProps {
+}

package/dist/es/types/spec/address/taro.d.ts

@@ -0,0 +1,3 @@
+import { BaseAddress, TaroCascaderProps } from "../../../types";
+export interface TaroAddressProps extends BaseAddress, TaroCascaderProps {
+}

package/dist/es/types/spec/animate/base.d.ts

@@ -0,0 +1,21 @@
+import { BaseProps } from '../../base/props';
+export type AnimateType = 'shake' | 'ripple' | 'breath' | 'float' | 'slide-right' | 'slide-left' | 'slide-top' | 'slide-bottom' | 'jump' | 'twinkle' | 'flicker';
+export type AnimateAction = 'initial' | 'click';
+export interface BaseAnimate extends BaseProps {
+    /**
+    * 动画类型，见下方type值说明
+    */
+    type: AnimateType
+    /**
+    * 触发方式，'initial'初始化执行; 'click'点击执行
+    */
+    action: AnimateAction
+    /**
+    * 是否循环执行。true循环执行;false执行一次
+    */
+    loop: boolean
+    /**
+    * 点击元素时触发
+    */
+    onClick: (event: any) => void
+}

package/dist/es/types/spec/animate/h5.d.ts

@@ -0,0 +1,4 @@
+import { BaseAnimate } from './base';
+export interface WebAnimateProps extends Omit<BaseAnimate, 'onClick'> {
+    onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}

package/dist/es/types/spec/animate/taro.d.ts

@@ -0,0 +1,5 @@
+import { ITouchEvent } from '@tarojs/components';
+import { BaseAnimate } from './base';
+export interface TaroAnimateProps extends Omit<BaseAnimate, 'onClick'> {
+    onClick: (event: ITouchEvent) => void;
+}

package/dist/es/types/spec/animatingnumbers/base.d.ts

@@ -0,0 +1,8 @@
+import { BaseProps } from '../../base/props';
+export interface BaseCountUp extends BaseProps {
+    length: number;
+    value: string;
+    delay: number;
+    duration: number;
+    thousands: boolean;
+}

package/dist/es/types/spec/animatingnumbers/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseCountUp } from './base';
+export interface WebCountUpProps extends BaseCountUp {
+}

package/dist/es/types/spec/animatingnumbers/taro.d.ts

@@ -0,0 +1,3 @@
+import { BaseCountUp } from './base';
+export interface TaroCountUpProps extends BaseCountUp {
+}

package/dist/es/types/spec/audio/base.d.ts

@@ -0,0 +1,51 @@
+import { BaseProps } from '../../base/props';
+export interface BaseAudio extends BaseProps {
+    /**
+    * 语音资源链接
+    */
+    src: string
+    /**
+    * 是否静音
+    */
+    muted: boolean
+    /**
+    * 是否自动播放
+    */
+    autoPlay: boolean
+    /**
+    * 是否循环播放
+    */
+    loop: boolean
+    /**
+    * 是否预加载语音
+    */
+    preload: string
+    /**
+    * 展示形式，可选值：controls 控制面板 progress 进度条 icon 图标 none 自定义
+    */
+    type: string
+    /**
+    * 语音快退回调，type = progress 时生效
+    */
+    onBack: (event: any) => void
+    /**
+    * 语音快进回调，type = progress 时生效
+    */
+    onForward: (event: any) => void
+    /**
+    * 暂停回调
+    */
+    onPause: (event: any) => void
+    /**
+    * 语音播放完成，loop = false 时生效
+    */
+    onEnd: (event: any) => void
+    /**
+    * 静音回调
+    */
+    onMute: (event: any) => void
+    /**
+    * 可以播放媒体时触发
+    */
+    onCanPlay: (event: any) => void
+}

package/dist/es/types/spec/audio/h5.d.ts

@@ -0,0 +1,10 @@
+import { SyntheticEvent } from 'react';
+import { BaseAudio } from './base';
+export interface WebAudioProps extends Omit<BaseAudio, 'onBack' | 'onForward' | 'onPause' | 'onEnd' | 'onMute' | 'onCanPlay'> {
+    onBack: (e: HTMLAudioElement) => void;
+    onForward: (e: HTMLAudioElement) => void;
+    onPause: (e: SyntheticEvent<HTMLAudioElement>) => void;
+    onEnd: (e: SyntheticEvent<HTMLAudioElement>) => void;
+    onMute: (e: HTMLAudioElement) => void;
+    onCanPlay: (e: SyntheticEvent<HTMLAudioElement>) => void;
+}

package/dist/es/types/spec/audio/taro.d.ts

@@ -0,0 +1,11 @@
+import { InnerAudioContext } from '@tarojs/taro';
+import { BaseAudio } from './base';
+export interface TaroAudioProps extends Omit<BaseAudio, 'onBack' | 'onForward' | 'onPause' | 'onEnd' | 'onMute' | 'onCanPlay' | 'muted' | 'autoPlay' | 'preload'> {
+    autoplay: boolean;
+    onFastBack: (ctx: InnerAudioContext) => void;
+    onForward: (ctx: InnerAudioContext) => void;
+    onPause: any;
+    onPlay: any;
+    onPlayEnd: (ctx: InnerAudioContext) => void;
+    onCanPlay: (ctx: InnerAudioContext) => void;
+}

package/dist/es/types/spec/avatar/base.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { PositionX, UIRound } from '../../base/atoms';
+export interface BaseAvatar extends BaseProps {
+    /**
+    * 设置头像的大小
+    */
+    size: string
+    /**
+    * 设置 Icon 类型头像图标
+    */
+    icon: ReactNode
+    /**
+    * 设置头像的形状
+    */
+    shape: UIRound
+    /**
+    * 设置 Icon、字符类型头像的背景色
+    */
+    background: string
+    /**
+    * 设置 Icon、字符类型头像的颜色
+    */
+    color: string
+    /**
+    * 图片填充模式
+    */
+    fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'
+    /**
+    * 设置图片类型头像的地址
+    */
+    src: string
+    /**
+    * 设置图片类型头像无法显示时的替代文本
+    */
+    alt: string
+    /**
+    * 点击头像触发事件
+    */
+    onClick: (e: any) => void
+    /**
+    * 图片加载失败的事件
+    */
+    onError: () => void
+}
+export interface BaseAvatarGroup extends BaseProps {
+    maxContent: string;
+    max: string | number;
+    maxBackground: string;
+    maxColor: string;
+    size: 'large' | 'normal' | 'small';
+    shape: UIRound;
+    gap: string;
+    level: PositionX;
+}

package/dist/es/types/spec/avatar/h5.d.ts

@@ -0,0 +1,6 @@
+import { BaseAvatar, BaseAvatarGroup } from './base';
+export interface WebAvatarProps extends Omit<BaseAvatar, 'onClick'> {
+    onClick: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+export interface WebAvatarGroupProps extends BaseAvatarGroup {
+}

package/dist/es/types/spec/avatar/taro.d.ts

@@ -0,0 +1,8 @@
+import { ITouchEvent } from '@tarojs/components';
+import { BaseAvatar, BaseAvatarGroup } from './base';
+export interface TaroAvatarProps extends Omit<BaseAvatar, 'onClick'> {
+    avatarIndex: number;
+    onClick: (e: ITouchEvent) => void;
+}
+export interface TaroAvatarGroupProps extends BaseAvatarGroup {
+}

package/dist/es/types/spec/avatarcropper/base.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { PositionY, UIRound } from "../../../types";
+export type AvatarCropperSizeType = 'original' | 'compressed';
+export type AvatarCropperSourceType = 'album' | 'camera';
+export interface BaseAvatarCropper extends BaseProps {
+    /**
+    * 最大缩放倍数
+    */
+    maxZoom: number
+    /**
+    * 裁剪区域两边预留的间隙
+    */
+    space: number
+    /**
+    * 自定义裁剪区域工具栏
+    */
+    toolbar: ReactNode[]
+    /**
+    * 裁剪区域工具栏位置,可选值为：top bottom
+    */
+    toolbarPosition: PositionY
+    /**
+    * 中间的文字内容
+    */
+    editText: ReactNode
+    /**
+    * 裁剪形状,可选值为：square round
+    */
+    shape: UIRound
+    /**
+    * 裁剪后点击确认触发
+    */
+    onConfirm: (e: any) => void
+    /**
+    * 点击取消触发
+    */
+    onCancel: () => void
+}

package/dist/es/types/spec/avatarcropper/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseAvatarCropper } from './base';
+export interface WebAvatarCropperProps extends BaseAvatarCropper {
+}