@nutui/nutui-react-taro 2.0.0-alpha.11 → 2.0.0-alpha.13

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

@@ -1,22 +1,20 @@
 import React, { FunctionComponent } from 'react';
-export interface ToastProps {
+import { BasicComponent } from '../../utils/typings';
+export type ToastPositionType = 'top' | 'bottom' | 'center';
+export interface ToastProps extends BasicComponent {
     id?: string;
-    style?: React.CSSProperties;
-    icon: string | null;
+    maskClassName?: string;
+    contentClassName?: string;
+    contentStyle?: React.CSSProperties;
+    icon: string | React.ReactNode;
     iconSize: string;
     msg: string | React.ReactNode;
-    bottom: number | string;
     duration: number;
-    center: boolean;
+    position?: ToastPositionType;
     type: string;
     title: string;
-    customClass: string;
+    closeOnOverlayClick: boolean;
     size: string | number;
-    textAlignCenter: boolean;
-    bgColor: string;
-    cover: boolean;
-    coverColor: string;
-    closeOnClickOverlay: boolean;
     visible: boolean;
     onClose: () => void;
 }

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

@@ -1,18 +1,60 @@
 import React, { FunctionComponent } from 'react';
-export interface TrendArrowProps {
-    rate: number;
-    digits: number;
-    showSign: boolean;
-    showZero: boolean;
-    arrowLeft: boolean;
-    syncTextColor: boolean;
-    textColor: string;
-    riseColor: string;
-    dropColor: string;
-    iconSize: string;
-    upIcon: React.ReactNode;
-    downIcon: React.ReactNode;
-    className: string;
-    style: React.CSSProperties;
+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/uploader.taro.d.ts

@@ -28,60 +28,192 @@ interface mediaType {
     video: string;
 }
 export interface UploaderProps extends BasicComponent {
-    url: string;
-    maxCount: string | number;
-    sizeType: (keyof sizeType)[];
-    sourceType: (keyof sourceType)[];
+    /**
+    * 上传服务器的接口地址
+    * @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;
-    maxFileSize: number;
-    defaultValue?: FileType<React.ReactNode>[];
-    value?: FileType<string>[];
-    previewType: 'picture' | 'list';
-    imageFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-    uploadIcon?: React.ReactNode;
-    uploadLabel?: React.ReactNode;
-    name: 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'
+    /**
+    * 上传区域[图标名称](#/zh-CN/icon)
+    * @default -
+    */
+    uploadIcon?: React.ReactNode
+    /**
+    * 上传区域图片下方文字
+    * @default ""
+    */
+    uploadLabel?: React.ReactNode
+    /**
+    * input 标签 name 的名称，发到后台的文件参数名
+    * @default 'file'
+    */
+    name: string
     accept: string;
-    disabled: boolean;
-    autoUpload: boolean;
-    multiple: boolean;
-    timeout: number;
-    data: object;
-    method: string;
-    xhrState: number | string;
-    headers: object;
-    preview: boolean;
-    deletable: boolean;
+    /**
+    * 是否禁用文件上传
+    * @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;
-    previewUrl?: string;
+    /**
+    * 当上传非图片('image')格式的默认图片地址
+    * @default ''
+    */
+    previewUrl?: string
     maxDuration: number;
     style: React.CSSProperties;
-    onStart?: (option: UploadOptions) => void;
-    onDelete?: (file: FileItem, fileList: FileType<React.ReactNode>[]) => void;
+    /**
+    * 文件上传开始
+    * @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;
+    }) => void
+    /**
+    * 文件上传的进度
+    * @default 
+    */
     onProgress?: (param: {
         e: ProgressEvent<XMLHttpRequestEventTarget>;
         option: UploadOptions;
         percentage: React.ReactNode;
-    }) => void;
+    }) => void
+    /**
+    * 上传失败
+    * @default 
+    */
     onFailure?: (param: {
         responseText: XMLHttpRequest['responseText'];
         option: UploadOptions;
         fileList: FileType<React.ReactNode>[];
-    }) => void;
+    }) => void
     onUpdate?: (fileList: FileType<React.ReactNode>[]) => void;
-    onOversize?: (files: Taro.chooseImage.ImageFile[] | Taro.chooseMedia.ChooseMedia[] | any) => void;
+    /**
+    * 文件大小超过限制时触发
+    * @default 
+    */
+    onOversize?: (files: Taro.chooseImage.ImageFile[] | Taro.chooseMedia.ChooseMedia[] | any) => void
+    /**
+    * 上传文件改变时的状态
+    * @default 
+    */
     onChange?: (param: {
         fileList: FileType<React.ReactNode>[];
-    }) => void;
-    beforeXhrUpload?: (xhr: XMLHttpRequest, options: any) => void;
-    beforeDelete?: (file: FileItem, files: FileType<React.ReactNode>[]) => boolean;
-    onFileItemClick?: (file: FileItem) => void;
+    }) => 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;

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

@@ -1,2 +1,3 @@
-import { Video } from './video';
+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

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

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

@@ -14,20 +14,3 @@ export interface PositionType {
     left?: number;
     right: number;
 }
-export interface BasicVirtualListProps {
-    className?: string;
-    style?: React.CSSProperties;
-    sourceData: Array<Data>;
-    containerSize?: number;
-    ItemRender?: React.FC<any>;
-    itemSize?: number;
-    itemEqualSize?: boolean;
-    horizontal?: boolean;
-    overscan?: number;
-    handleScroll?: (...args: any[]) => any;
-    onScroll?: (...args: any[]) => any;
-    key?: string;
-    locale?: {
-        [key in string]: string;
-    };
-}

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

@@ -2,11 +2,11 @@ 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: ({ sourceData, startIndex, visibleCount, itemEqualSize, positions, offSetSize, overscan, sizeKey, }: {
-    sourceData: Array<Data>;
+declare const getEndIndex: ({ list, startIndex, visibleCount, itemEqual, positions, offSetSize, overscan, sizeKey, }: {
+    list: Array<Data>;
     startIndex: number;
     visibleCount: number;
-    itemEqualSize?: boolean | undefined;
+    itemEqual?: boolean | undefined;
     positions: PositionType[];
     offSetSize: number;
     overscan: number;

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

@@ -1,15 +1,46 @@
 import React, { FunctionComponent } from 'react';
-export type VirtualListProps = {
-    className?: string | any;
-    style?: React.CSSProperties;
-    sourceData: any;
-    containerSize?: number;
-    ItemRender?: any;
-    itemEqualSize?: boolean;
-    itemSize?: number;
-    overscan?: number;
-    onScroll?: (...args: any[]) => any;
-    key?: any;
-    locale?: any;
-};
-export declare const VirtualList: FunctionComponent<VirtualListProps & React.HTMLAttributes<HTMLDivElement>>;
+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

@@ -1,2 +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

@@ -1,22 +1,77 @@
 import React, { FunctionComponent } from 'react';
-export interface WaterMarkProps {
-    content: string;
-    fullPage: boolean;
-    zIndex: number;
-    className: string;
-    gapX: number;
-    gapY: number;
-    width: number;
-    height: number;
-    image: string;
-    imageWidth: number;
-    imageHeight: number;
-    rotate: number;
-    fontColor: string;
+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;
-    fontFamily: string;
+    /**
+    * 水印文字字体
+    * @default -
+    */
+    fontFamily: string
     fontWeight: string;
-    fontSize: string | number;
-    style: React.CSSProperties;
+    /**
+    * 文字大小
+    * @default 16
+    */
+    fontSize: string | number
 }
 export declare const WaterMark: FunctionComponent<Partial<WaterMarkProps> & React.HTMLAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.0.0-alpha.11",
+  "version": "2.0.0-alpha.13",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/actionsheet.taro-d2217152.js

@@ -1,61 +0,0 @@
-import React from "react";
-import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  cancelText: "",
-  optionTag: "name",
-  optionSubTag: "subname",
-  chooseTagValue: "",
-  title: "",
-  color: "#ee0a24",
-  description: "",
-  menuItems: [],
-  onCancel: () => {
-  },
-  onChoose: () => {
-  },
-  visible: false,
-  className: "",
-  style: {}
-};
-const ActionSheet = (props) => {
-  const { children, cancelText, optionTag, optionSubTag, chooseTagValue, title, color, description, menuItems, onCancel, onChoose, visible, className, style, ...rest } = { ...defaultProps, ...props };
-  const b = cn("actionsheet");
-  const isHighlight = (item) => {
-    return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
-  };
-  const cancelActionSheet = () => {
-    onCancel && onCancel();
-  };
-  const chooseItem = (item, index) => {
-    if (!item.disable) {
-      onChoose && onChoose(item, index);
-    }
-  };
-  return React.createElement(
-    Popup,
-    { round: true, visible, position: "bottom", onClose: () => {
-      onCancel && onCancel();
-    } },
-    React.createElement(
-      "div",
-      { className: `${b()} ${className}`, style, ...rest },
-      title && React.createElement("div", { className: b("title") }, title),
-      description && React.createElement("div", { className: `${b("item")} description` }, description),
-      menuItems.length ? React.createElement("div", { className: b("menu") }, menuItems.map((item, index) => {
-        return React.createElement(
-          "div",
-          { className: `${b("item")} ${item.disable ? b("item-disabled") : ""}`, style: { color: isHighlight(item) }, key: index, onClick: () => chooseItem(item, index) },
-          item[optionTag],
-          React.createElement("div", { className: "subdesc" }, item[optionSubTag])
-        );
-      })) : children,
-      cancelText && React.createElement("div", { className: b("cancel"), onClick: () => cancelActionSheet() }, cancelText)
-    )
-  );
-};
-ActionSheet.defaultProps = defaultProps;
-ActionSheet.displayName = "NutActionSheet";
-export {
-  ActionSheet as A
-};