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

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

@@ -0,0 +1,60 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface TrendArrowProps extends BasicComponent {
+    /**
+    * 数值，大于0时箭头向上，小于0时箭头向下
+    * @default -
+    */
+    value: number
+    /**
+    * 小数位精度
+    * @default 2
+    */
+    digits: number
+    /**
+    * 是否显示加减号
+    * @default false
+    */
+    symbol: boolean
+    /**
+    * 是否显示 0
+    * @default false
+    */
+    zero: boolean
+    /**
+    * 是否在数字左侧显示箭头
+    * @default false
+    */
+    arrowLeft: boolean
+    /**
+    * 文字颜色是否与箭头同步
+    * @default true
+    */
+    syncColor: boolean
+    /**
+    * 文字颜色
+    * @default #333333
+    */
+    color: string
+    /**
+    * 向上箭头颜色
+    * @default #fa2c19
+    */
+    riseColor: string
+    /**
+    * 向下箭头颜色
+    * @default #64b578
+    */
+    dropColor: string
+    /**
+    * 自定义向上箭头icon
+    * @default <TriangleUp/>
+    */
+    riseIcon: React.ReactNode
+    /**
+    * 自定义向下箭头icon
+    * @default <TriangleDown/>
+    */
+    downIcon: React.ReactNode
+}
+export declare const TrendArrow: FunctionComponent<Partial<TrendArrowProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/packages/uploader/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { Uploader } from './uploader.taro';
+export type { FileType, FileItem, UploaderProps, FileItemStatus, } from './uploader.taro';
+export default Uploader;

package/dist/types/packages/uploader/upload.d.ts

@@ -0,0 +1,27 @@
+export declare class UploadOptions {
+    url: string;
+    name: string;
+    fileType?: string | undefined;
+    formData?: FormData;
+    sourceFile: any;
+    method: string;
+    xhrState: string | number;
+    timeout: number;
+    headers: {};
+    withCredentials: boolean;
+    onStart?: Function;
+    taroFilePath?: string;
+    onProgress?: Function;
+    onSuccess?: Function;
+    onFailure?: Function;
+    beforeXhrUpload?: Function;
+}
+export declare class Upload {
+    options: UploadOptions;
+    constructor(options: UploadOptions);
+    upload(): void;
+}
+export declare class UploaderTaro extends Upload {
+    constructor(options: UploadOptions);
+    uploadTaro(uploadFile: Function, env: string): void;
+}

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

@@ -0,0 +1,232 @@
+import React from 'react';
+import Taro from '@tarojs/taro';
+import { UploadOptions } from './upload';
+import { BasicComponent } from '../../utils/typings';
+export type FileType<T> = {
+    [key: string]: T;
+};
+export type FileItemStatus = 'ready' | 'uploading' | 'success' | 'error' | 'removed';
+/** 图片的尺寸 */
+interface sizeType {
+    /** 原图 */
+    original: string;
+    /** compressed */
+    compressed: string;
+}
+/** 图片的来源 */
+interface sourceType {
+    /** 从相册选图 */
+    album: string;
+    /** 使用相机 */
+    camera: string;
+}
+/** 视频的来源 */
+interface mediaType {
+    /** 只能拍摄图片或从相册选择图片 */
+    image: string;
+    /** 只能拍摄视频或从相册选择视频 */
+    video: string;
+}
+export interface UploaderProps extends BasicComponent {
+    /**
+    * 上传服务器的接口地址
+    * @default -
+    */
+    url: string
+    /**
+    * 文件上传数量限制
+    * @default 1
+    */
+    maxCount: string | number
+    /**
+    * [是否压缩所选文件]("https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseMedia.html")
+    * @default ['original','compressed']
+    */
+    sizeType: (keyof sizeType)[]
+    /**
+    * [选择文件的来源]("https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseMedia.html")
+    * @default ['album','camera']
+    */
+    sourceType: (keyof sourceType)[]
+    mediaType: (keyof mediaType)[];
+    camera: string;
+    /**
+    * 可以设定最大上传文件的大小（字节）
+    * @default Number.MAX_VALUE
+    */
+    maxFileSize: number
+    /**
+    * 默认已经上传的文件列表
+    * @default []
+    */
+    defaultValue?: FileType<React.ReactNode>[]
+    /**
+    * 已经上传的文件列表
+    * @default []
+    */
+    value?: FileType<string>[]
+    /**
+    * 上传列表的内建样式，支持两种基本样式 picture、list
+    * @default picture
+    */
+    previewType: 'picture' | 'list'
+    /**
+    * 图片填充模式
+    * @default cover
+    */
+    imageFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'
+    /**
+    * 上传区域<a href="#/zh-CN/icon">图标名称</a>
+    * @default -
+    */
+    uploadIcon?: React.ReactNode
+    /**
+    * 上传区域图片下方文字
+    * @default &quot;&quot;
+    */
+    uploadLabel?: React.ReactNode
+    /**
+    * input 标签 name 的名称，发到后台的文件参数名
+    * @default file
+    */
+    name: string
+    accept: string;
+    /**
+    * 是否禁用文件上传
+    * @default false
+    */
+    disabled: boolean
+    /**
+    * 是否在选取文件后立即进行上传，false 时需要手动执行 ref submit 方法进行上传
+    * @default true
+    */
+    autoUpload: boolean
+    /**
+    * 是否支持文件多选
+    * @default false
+    */
+    multiple: boolean
+    /**
+    * 超时时间，单位为毫秒
+    * @default 1000 * 30
+    */
+    timeout: number
+    /**
+    * 附加上传的信息 formData
+    * @default {}
+    */
+    data: object
+    /**
+    * 上传请求的 http method
+    * @default post
+    */
+    method: string
+    /**
+    * 接口响应的成功状态（status）值
+    * @default 200
+    */
+    xhrState: number | string
+    /**
+    * 设置上传的请求头部
+    * @default {}
+    */
+    headers: object
+    /**
+    * 是否上传成功后展示预览图
+    * @default true
+    */
+    preview: boolean
+    /**
+    * 是否展示删除按钮
+    * @default true
+    */
+    deletable: boolean
+    className: string;
+    /**
+    * 当上传非图片('image')格式的默认图片地址
+    * @default -
+    */
+    previewUrl?: string
+    maxDuration: number;
+    style: React.CSSProperties;
+    /**
+    * 文件上传开始
+    * @default -
+    */
+    onStart?: (option: UploadOptions) => void
+    /**
+    * 文件删除之前的状态
+    * @default -
+    */
+    onDelete?: (file: FileItem, fileList: FileType<React.ReactNode>[]) => void
+    /**
+    * 上传成功
+    * @default -
+    */
+    onSuccess?: (param: {
+        responseText: XMLHttpRequest['responseText'];
+        option: UploadOptions;
+        fileList: FileType<React.ReactNode>[];
+    }) => void
+    /**
+    * 文件上传的进度
+    * @default -
+    */
+    onProgress?: (param: {
+        e: ProgressEvent<XMLHttpRequestEventTarget>;
+        option: UploadOptions;
+        percentage: React.ReactNode;
+    }) => void
+    /**
+    * 上传失败
+    * @default -
+    */
+    onFailure?: (param: {
+        responseText: XMLHttpRequest['responseText'];
+        option: UploadOptions;
+        fileList: FileType<React.ReactNode>[];
+    }) => void
+    onUpdate?: (fileList: FileType<React.ReactNode>[]) => void;
+    /**
+    * 文件大小超过限制时触发
+    * @default -
+    */
+    onOversize?: (files: Taro.chooseImage.ImageFile[] | Taro.chooseMedia.ChooseMedia[] | any) => void
+    /**
+    * 上传文件改变时的状态
+    * @default -
+    */
+    onChange?: (param: {
+        fileList: FileType<React.ReactNode>[];
+    }) => void
+    /**
+    * 执行 XHR 上传时，自定义方式
+    * @default -
+    */
+    beforeXhrUpload?: (xhr: XMLHttpRequest, options: any) => void
+    /**
+    * 除文件时的回调，返回值为 false 时不移除。支持返回一个 Promise 对象，Promise 对象 resolve(false) 或 reject 时不移除
+    * @default -
+    */
+    beforeDelete?: (file: FileItem, files: FileType<React.ReactNode>[]) => boolean
+    /**
+    * 文件上传成功后点击触发
+    * @default -
+    */
+    onFileItemClick?: (file: FileItem) => void
+}
+export declare class FileItem {
+    status: FileItemStatus;
+    message: string;
+    uid: string;
+    name?: string;
+    url?: string;
+    type?: string;
+    path?: string;
+    percentage: string | number;
+    formData: any;
+}
+export declare const Uploader: React.ForwardRefExoticComponent<Partial<UploaderProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export {};

package/dist/types/packages/video/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { Video } from './video.taro';
+export type { VideoProps } from './video.taro';
+export default Video;

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

@@ -0,0 +1,41 @@
+import React, { FunctionComponent } from 'react';
+import { BaseEventOrig } from '@tarojs/components';
+import { BasicComponent } from '../../utils/typings';
+export interface VideoProps extends BasicComponent {
+    /**
+    * 视频地址和类型设置
+    * @default {type: {}, src: ''}
+    */
+    source: {
+        type: string;
+        src: string;
+    }
+    /**
+    * 控制视频播放属性
+    * @default -
+    */
+    options: {
+        controls?: boolean;
+        muted?: boolean;
+        autoplay?: boolean;
+        poster?: string;
+        playsinline?: boolean;
+        loop?: boolean;
+    }
+    /**
+    * 播放
+    * @default -
+    */
+    onPlay: (event: BaseEventOrig<any>) => void
+    /**
+    * 暂停
+    * @default -
+    */
+    onPause: (event: BaseEventOrig<any>) => void
+    /**
+    * 播放完成回调
+    * @default -
+    */
+    onPlayEnd: (event: BaseEventOrig<any>) => void
+}
+export declare const Video: FunctionComponent<Partial<VideoProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onPause' | 'onPlay'>>;

package/dist/types/packages/virtuallist/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { VirtualList } from './virtuallist.taro';
+export type { VirtualListProps } from './virtuallist.taro';
+export default VirtualList;

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

@@ -0,0 +1,16 @@
+export type Data = any;
+export interface VirtualListState {
+    startOffset: number;
+    startIndex: number;
+    overStart: number;
+    endIndex: number;
+}
+export interface PositionType {
+    index: number;
+    top?: number;
+    height?: number;
+    bottom: number;
+    width?: number;
+    left?: number;
+    right: number;
+}

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

@@ -0,0 +1,16 @@
+import { PositionType, Data } from './type';
+declare const initPositinoCache: (reaItemSize: number, length?: number) => PositionType[];
+declare const getListTotalSize: (positions: Array<PositionType>, horizontal: true | false) => number;
+declare const binarySearch: (positionsList: Array<PositionType>, value: number | undefined, horizontal: true | false) => number;
+declare const getEndIndex: ({ list, startIndex, visibleCount, itemEqual, positions, offSetSize, overscan, sizeKey, }: {
+    list: Array<Data>;
+    startIndex: number;
+    visibleCount: number;
+    itemEqual?: boolean | undefined;
+    positions: PositionType[];
+    offSetSize: number;
+    overscan: number;
+    sizeKey?: "width" | "height" | undefined;
+}) => number;
+declare const updateItemSize: (positions: PositionType[], items: HTMLCollection, sizeKey: 'width' | 'height') => void;
+export { initPositinoCache, getListTotalSize, binarySearch, getEndIndex, updateItemSize, };

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

@@ -0,0 +1,46 @@
+import React, { FunctionComponent } from 'react';
+import { Data } from './type';
+import { BasicComponent } from '../../utils/typings';
+export interface VirtualListProps extends BasicComponent {
+    /**
+    * 获取数据
+    * @default -
+    */
+    list: Array<Data>
+    /**
+    * 容器高度
+    * @default 获取元素的 offsetWidth 或 offsetHeight，需要 css 给出
+    */
+    containerHeight: number
+    /**
+    * virtual 列表父节点渲染的函数
+    * @default -
+    */
+    ItemRender: React.FC<any>
+    /**
+    * item 高度，如果不定高，则为首屏单个最大 height
+    * @default 66
+    */
+    itemHeight: number
+    /**
+    * item 高度是否一致
+    * @default true
+    */
+    itemEqual: boolean
+    /**
+    * 除了视窗里面默认的元素, 还需要额外渲染的 item 个数
+    * @default 2
+    */
+    overscan: number
+    /**
+    * 滑动到底的事件，可以实现无限滚动
+    * @default -
+    */
+    onScroll: () => void
+    /**
+    * 用于指定 list 数据每一项的唯一 key 的字段名，默认取下标
+    * @default -
+    */
+    key: string
+}
+export declare const VirtualList: FunctionComponent<Partial<VirtualListProps>>;

package/dist/types/packages/watermark/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { WaterMark } from './watermark.taro';
+export type { WaterMarkProps } from './watermark.taro';
+export default WaterMark;

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

@@ -0,0 +1,77 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface WaterMarkProps extends BasicComponent {
+    /**
+    * 水印文字内容
+    * @default -
+    */
+    content: string
+    /**
+    * 是否覆盖整个页面
+    * @default true
+    */
+    fullPage: boolean
+    /**
+    * 追加的水印元素的 z-index
+    * @default 2000
+    */
+    zIndex: number
+    /**
+    * 水印之间的水平间距
+    * @default 24
+    */
+    gapX: number
+    /**
+    * 水印之间的垂直间距
+    * @default 48
+    */
+    gapY: number
+    /**
+    * 水印的宽度
+    * @default 120
+    */
+    width: number
+    /**
+    * 水印的高度
+    * @default 64
+    */
+    height: number
+    /**
+    * 图片源，建议导出 2 倍或 3 倍图，优先使用图片渲染水印
+    * @default -
+    */
+    image: string
+    /**
+    * 图片宽度
+    * @default 120
+    */
+    imageWidth: number
+    /**
+    * 图片高度
+    * @default 64
+    */
+    imageHeight: number
+    /**
+    * 水印绘制时，旋转的角度
+    * @default -22
+    */
+    rotate: number
+    /**
+    * 水印文字颜色
+    * @default rgba(0, 0, 0, .15)
+    */
+    color: string
+    fontStyle: string;
+    /**
+    * 水印文字字体
+    * @default -
+    */
+    fontFamily: string
+    fontWeight: string;
+    /**
+    * 文字大小
+    * @default 16
+    */
+    fontSize: string | number
+}
+export declare const WaterMark: FunctionComponent<Partial<WaterMarkProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/utils/bound.d.ts

@@ -0,0 +1 @@
+export declare function bound(position: number, min: number | undefined, max: number | undefined): number;

package/dist/types/utils/can-use-dom.d.ts

@@ -0,0 +1 @@
+export declare const canUseDom: boolean;

package/dist/types/utils/date.d.ts

@@ -0,0 +1,49 @@
+declare const Utils: {
+    /**
+     * 是否为闫年
+     * @return {Boolse} true|false
+     */
+    isLeapYear(y: number): boolean;
+    /**
+     * 返回星期数
+     * @return {String}
+     */
+    getWhatDay(year: number, month: number, day: number): string;
+    /**
+     * 返回星期数
+     * @return {Number}
+     */
+    getMonthPreDay(year: number, month: number): number;
+    /**
+     * 返回月份天数
+     * @return {Number}
+     */
+    getMonthDays(year: string, month: string): number;
+    /**
+     * 补齐数字位数
+     * @return {string}
+     */
+    getNumTwoBit(n: number): string;
+    /**
+     * 日期对象转成字符串
+     * @return {string}
+     */
+    date2Str(date: Date, split?: string): string;
+    /**
+     * 返回日期格式字符串
+     * @param {Number} 0返回今天的日期、1返回明天的日期，2返回后天得日期，依次类推
+     * @return {string} '2014-12-31'
+     */
+    getDay(i: number): string;
+    /**
+     * 时间比较
+     * @return {Boolean}
+     */
+    compareDate(date1: string, date2: string): boolean;
+    /**
+     * 时间是否相等
+     * @return {Boolean}
+     */
+    isEqual(date1: string | undefined, date2: string): boolean;
+};
+export default Utils;

package/dist/types/utils/get-scroll-parent.d.ts

@@ -0,0 +1,3 @@
+type ScrollElement = HTMLElement | Window;
+export declare function getScrollParent(el: Element, root?: ScrollElement | null | undefined): Window | Element | null | undefined;
+export {};

package/dist/types/utils/index.d.ts

@@ -0,0 +1,4 @@
+export declare const isObject: (val: unknown) => val is Record<any, any>;
+export declare const isFunction: (val: unknown) => val is Function;
+export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;
+export declare const upperCaseFirst: (str: string) => string;

package/dist/types/utils/interceptor.d.ts

@@ -0,0 +1,6 @@
+export type Interceptor = (...args: any[]) => Promise<boolean> | boolean | undefined | void;
+export declare const funcInterceptor: (interceptor: Interceptor | undefined, { args, done, canceled, }: {
+    args?: unknown[] | undefined;
+    done: (val?: any) => void;
+    canceled?: (() => void) | undefined;
+}) => void;

package/dist/types/utils/is-forward-ref-component.d.ts

@@ -0,0 +1 @@
+export declare function isForwardRefComponent(component: any): any;

package/dist/types/utils/px-check.d.ts

@@ -0,0 +1 @@
+export declare const pxCheck: (value: string | number) => string;

package/dist/types/utils/raf.d.ts

@@ -0,0 +1,4 @@
+export declare const inBrowser: boolean;
+export declare function cancelRaf(id: number): void;
+declare const _default: any;
+export default _default;

package/dist/types/utils/rubberband.d.ts

@@ -0,0 +1,2 @@
+export declare function rubberband(distance: number, dimension: number, constant: number): number;
+export declare function rubberbandIfOutOfBounds(position: number, min: number, max: number, dimension: number, constant?: number): number;

package/dist/types/utils/sleep.d.ts

@@ -0,0 +1 @@
+export declare const sleep: (time: number) => Promise<unknown>;

package/dist/types/utils/supports-passive.d.ts

@@ -0,0 +1 @@
+export declare let passiveSupported: boolean;

package/dist/types/utils/typings.d.ts

@@ -0,0 +1,10 @@
+import type { CSSProperties, ReactNode } from 'react';
+export interface BasicComponent {
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+export declare const ComponentDefaults: {
+    className: string;
+    style: {};
+};

package/dist/types/utils/use-client-rect.d.ts

@@ -0,0 +1,18 @@
+/**
+  获取元素的大小及其相对于视口的位置，等价于 Element.getBoundingClientRect。
+  width 宽度	number
+  height 高度	number
+  top	顶部与视图窗口左上角的距离	number
+  left	左侧与视图窗口左上角的距离	number
+  right	右侧与视图窗口左上角的距离	number
+  bottom	底部与视图窗口左上角的距离	number
+ */
+export declare const getRect: (elementRef: Element | Window | undefined) => DOMRect | {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+};
+export declare const getRectByTaro: (element: any) => Promise<any>;

package/dist/types/utils/use-force-update.d.ts

@@ -0,0 +1 @@
+export declare function useForceUpdate(): () => void;

package/dist/types/utils/use-props-value.d.ts

@@ -0,0 +1,8 @@
+interface UsePropsValue<T> {
+    value?: T;
+    defaultValue?: T;
+    finalValue?: T;
+    onChange?: (value: T) => void;
+}
+export declare function usePropsValue<T>({ value, defaultValue, finalValue, onChange, }: UsePropsValue<T>): [value: T, onChange: (value: T) => void];
+export {};

package/dist/types/utils/use-refs.d.ts

@@ -0,0 +1 @@
+export default function useRefs(): any[];