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

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

@@ -1,25 +1,90 @@
-import React, { CSSProperties, FunctionComponent } from 'react';
-import { BasicComponent } from '../../utils/typings';
-export interface ShortPasswordProps extends BasicComponent {
-    title: string;
-    description: string;
-    tips: string;
-    tipsIcon: React.ReactNode;
-    iconSize: string | number;
-    visible: boolean;
-    modelValue: string | number;
-    errorMsg: string;
-    noButton: boolean;
-    closeOnClickOverlay: boolean;
-    length: string | number;
-    className: string;
-    style?: CSSProperties;
-    autoFocus?: boolean;
-    onChange: (value: string | number) => void;
-    onOk: (value: string | number) => void;
-    onCancel: () => void;
-    onClose: () => void;
-    onTips: () => void;
-    onComplete: (value: string | number) => void;
+import { FunctionComponent, ReactNode } from 'react';
+import { PopupProps } from '../../packages/popup/popup.taro';
+export interface ShortPasswordProps extends PopupProps {
+    /**
+    * 密码字符串
+    * @default -
+    */
+    value: string
+    /**
+    * 是否展示短密码框
+    * @default false
+    */
+    visible: boolean
+    /**
+    * 是否展示明文
+    * @default false
+    */
+    plain: boolean
+    /**
+    * 标题
+    * @default 请输入密码
+    */
+    title: ReactNode
+    /**
+    * 密码框描述
+    * @default 您使用了虚拟资产，请进行验证
+    */
+    description: ReactNode
+    /**
+    * 提示语
+    * @default 忘记密码
+    */
+    tips: ReactNode
+    /**
+    * 是否隐藏底部按钮
+    * @default true
+    */
+    hideFooter: boolean
+    /**
+    * 密码长度，取值为4~6
+    * @default 6
+    */
+    length: number
+    /**
+    * 错误信息提示
+    * @default -
+    */
+    error: ReactNode
+    /**
+    * 自动聚焦
+    * @default false
+    */
+    autoFocus: boolean
+    /**
+    * 输入框聚焦
+    * @default -
+    */
+    onFocus: () => void
+    /**
+    * 输入密码时触发事件
+    * @default -
+    */
+    onChange: (value: string) => void
+    /**
+    * 点击确认时触发事件
+    * @default -
+    */
+    onConfirm: (value: string) => void
+    /**
+    * 点击取消时触发事件
+    * @default -
+    */
+    onCancel: () => void
+    /**
+    * 点击关闭图标和遮罩时触发事件
+    * @default -
+    */
+    onClose: () => void
+    /**
+    * 点击忘记密码时触发事件
+    * @default -
+    */
+    onTips: () => void
+    /**
+    * 输入完成的回调
+    * @default -
+    */
+    onComplete: (value: string) => void
 }
-export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps>>;

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

@@ -2,13 +2,41 @@ import { FunctionComponent } from 'react';
 import { BasicComponent } from '../../utils/typings';
 type avatarShape = 'round' | 'square';
 export interface SkeletonProps extends BasicComponent {
-    animated: boolean;
-    rows: number;
-    title: boolean;
-    avatar: boolean;
-    avatarSize: string;
-    visible: boolean;
-    avatarShape: avatarShape;
+    /**
+    * 是否开启骨架屏动画
+    * @default false
+    */
+    animated: boolean
+    /**
+    * 设置段落行数
+    * @default 1
+    */
+    rows: number
+    /**
+    * 是否显示段落标题
+    * @default true
+    */
+    title: boolean
+    /**
+    * 是否显示头像
+    * @default false
+    */
+    avatar: boolean
+    /**
+    * 头像大小
+    * @default 50px
+    */
+    avatarSize: string
+    /**
+    * 是否显示骨架屏(true不显示骨架屏，false显示骨架屏)
+    * @default true
+    */
+    visible: boolean
+    /**
+    * 头像形状：正方形/圆形
+    * @default round
+    */
+    avatarShape: avatarShape
 }
 export declare const Skeleton: FunctionComponent<Partial<SkeletonProps>>;
 export {};

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

@@ -1,9 +1,25 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { BasicComponent } from '../../utils/typings';
 export interface StepProps extends BasicComponent {
-    title: ReactNode;
-    description: ReactNode;
-    value: number;
-    icon: ReactNode;
+    /**
+    * 流程步骤的标题
+    * @default ''
+    */
+    title: ReactNode
+    /**
+    * 流程步骤的描述性文字
+    * @default ''
+    */
+    description: ReactNode
+    /**
+    * 流程步骤的索引
+    * @default 0
+    */
+    value: number
+    /**
+    * 图标(来自Icon组件的name属性)
+    * @default ''
+    */
+    icon: ReactNode
 }
 export declare const Step: FunctionComponent<Partial<StepProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;

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

@@ -1,9 +1,21 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from '../../utils/typings';
 export interface StepsProps extends BasicComponent {
-    value: number;
-    direction: string;
-    dot: boolean;
+    /**
+    * 当前所在的步骤
+    * @default 0
+    */
+    value: number
+    /**
+    * 显示方向，horizontal,vertical
+    * @default horizontal
+    */
+    direction: string
+    /**
+    * 点状步骤条
+    * @default false
+    */
+    dot: boolean
     onStepClick: (index: number) => void;
 }
 export declare const Steps: FunctionComponent<Partial<StepsProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,30 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from '../../utils/typings';
 export interface StickyProps extends BasicComponent {
-    container: React.RefObject<HTMLElement>;
-    position: 'top' | 'bottom';
-    threshold: number;
-    zIndex: number;
-    onChange: (val: boolean) => void;
+    /**
+    * 容器的 ref
+    * @default -
+    */
+    container: React.RefObject<HTMLElement>
+    /**
+    * 吸附位置（top、bottom）
+    * @default top
+    */
+    position: 'top' | 'bottom'
+    /**
+    * 距离，当 position 为 top 时，设置的是 top
+    * @default 0
+    */
+    threshold: number
+    /**
+    * 吸附时的层级
+    * @default 2000
+    */
+    zIndex: number
+    /**
+    * 吸附状态改变时触发
+    * @default -
+    */
+    onChange: (val: boolean) => void
 }
 export declare const Sticky: FunctionComponent<Partial<StickyProps>>;

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

@@ -9,31 +9,67 @@ export interface SwipeProps {
     className: string;
     /** 自定义样式 */
     style: React.CSSProperties;
-    /** 标识符，可以在事件参数中获取到 */
+    /**
+    * 标识符，可以在事件参数中获取到
+    * @default -
+    */
     name?: string | number;
-    /** 左侧滑动区域的内容 */
+    /**
+    * 左侧滑动区域的内容
+    * @default -
+    */
     leftAction?: React.ReactNode;
-    /** 右侧滑动区域的内容 */
+    /**
+    * 右侧滑动区域的内容
+    * @default -
+    */
     rightAction?: React.ReactNode;
-    /** 关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise */
+    /**
+    * 关闭前的回调函数，返回滑动区域所在方向 position
+    * @default -
+    */
     beforeClose?: (position: string) => void;
-    /** 是否禁用 */
+    /**
+    * 是否禁用滑动
+    * @default false
+    */
     disabled?: boolean;
-    /** 打开时触发 */
+    /**
+    * 打开单元格侧边栏
+    * @default -
+    */
     onOpen?: ({ name, position, }: {
         name: string | number;
         position: SwipeSide;
     }) => void;
-    /** 关闭时触发 */
+    /**
+    * 收起单元格侧边栏
+    * @default -
+    */
     onClose?: ({ name, position, }: {
         name: string | number;
         position: SwipeSide;
     }) => void;
-    /** 点击时触发 */
+    /**
+    * 点击左侧或者右侧时触发
+    * @default -
+    */
     onActionClick?: (event: Event, position: SwipeSide) => void;
-    onTouchStart?: (event: Event) => void;
-    onTouchEnd?: (event: Event) => void;
-    onTouchMove?: (event: Event) => void;
+    /**
+    * onTouchStart
+    * @default -
+    */
+    onTouchStart?: (event: Event) => void
+    /**
+    * onTouchEnd
+    * @default -
+    */
+    onTouchEnd?: (event: Event) => void
+    /**
+    * onTouchMove
+    * @default -
+    */
+    onTouchMove?: (event: Event) => void
     children?: React.ReactNode;
 }
 export declare const Swipe: React.ForwardRefExoticComponent<Partial<SwipeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onTouchStart" | "onTouchMove" | "onTouchEnd"> & React.RefAttributes<SwipeInstance>>;

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

@@ -1,12 +1,40 @@
 import React, { ReactNode } from 'react';
 import { SwiperProps as TaroSwiperProps } from '@tarojs/components';
 export interface SwiperProps extends Omit<TaroSwiperProps, 'ref'> {
-    width: number;
-    height: number | string;
-    direction: 'horizontal' | 'vertical';
-    indicator: ReactNode;
-    autoPlay: boolean;
-    loop: boolean;
-    defaultValue: number;
+    /**
+    * 轮播卡片的宽度
+    * @default -
+    */
+    width: number
+    /**
+    * 轮播卡片的高度
+    * @default -
+    */
+    height: number | string
+    /**
+    * 轮播方向,可选值horizontal,vertical
+    * @default horizontal
+    */
+    direction: 'horizontal' | 'vertical'
+    /**
+    * 分页指示器是否展示
+    * @default false
+    */
+    indicator: ReactNode
+    /**
+    * 自动轮播时长，0表示不会自动轮播
+    * @default false
+    */
+    autoPlay: boolean
+    /**
+    * 是否循环轮播
+    * @default true
+    */
+    loop: boolean
+    /**
+    * 初始化索引值
+    * @default 0
+    */
+    defaultValue: number
 }
 export declare const Swiper: React.ForwardRefExoticComponent<Partial<SwiperProps> & React.RefAttributes<unknown>>;

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

@@ -1,11 +1,35 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from '../../utils/typings';
 export interface SwitchProps extends BasicComponent {
-    checked: boolean;
-    defaultChecked: boolean;
-    disabled: boolean;
-    activeText: string;
-    inactiveText: string;
-    onChange: (val: boolean, event: React.MouseEvent) => void;
+    /**
+    * 开关状态，受控
+    * @default false
+    */
+    checked: boolean
+    /**
+    * 开关状态，非受控
+    * @default false
+    */
+    defaultChecked: boolean
+    /**
+    * 禁用状态
+    * @default false
+    */
+    disabled: boolean
+    /**
+    * 打开时文字描述
+    * @default -
+    */
+    activeText: string
+    /**
+    * 关闭时文字描述
+    * @default -
+    */
+    inactiveText: string
+    /**
+    * 切换开关时触发
+    * @default -
+    */
+    onChange: (val: boolean, event: React.MouseEvent) => void
 }
 export declare const Switch: FunctionComponent<Partial<SwitchProps>>;

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

@@ -2,13 +2,41 @@ import { FunctionComponent } from 'react';
 import { BasicComponent } from '../../utils/typings';
 import TabbarItem from '../tabbaritem/index.taro';
 export interface TabbarProps extends BasicComponent {
-    defaultValue: number;
-    value?: number;
-    fixed: boolean;
-    inactiveColor: string;
-    activeColor: string;
-    safeArea: boolean;
-    onSwitch: (value: number) => void;
+    /**
+    * 默认选中的标签的索引值
+    * @default 0
+    */
+    defaultValue: number
+    /**
+    * 选中的标签的索引值
+    * @default -
+    */
+    value?: number
+    /**
+    * 是否固定在页面底部，为 true 时默认开启 safeArea
+    * @default false
+    */
+    fixed: boolean
+    /**
+    * icon未激活的颜色
+    * @default #7d7e80
+    */
+    inactiveColor: string
+    /**
+    * icon激活的颜色
+    * @default #1989fa
+    */
+    activeColor: string
+    /**
+    * 是否开启iphone系列全面屏底部安全区适配
+    * @default false
+    */
+    safeArea: boolean
+    /**
+    * 切换页签时触发事件
+    * @default -
+    */
+    onSwitch: (value: number) => void
 }
 export declare const Tabbar: FunctionComponent<Partial<TabbarProps>> & {
     Item: typeof TabbarItem;

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

@@ -1,8 +1,16 @@
 import { FunctionComponent, ReactNode } from 'react';
 import { BadgeProps } from '../badge/badge.taro';
 export interface TabbarItemProps extends BadgeProps {
-    title: ReactNode;
-    icon: ReactNode;
+    /**
+    * 标签页的标题
+    * @default -
+    */
+    title: ReactNode
+    /**
+    * 自定义图标
+    * @default -
+    */
+    icon: ReactNode
     active: boolean;
     activeColor: string;
     inactiveColor: string;

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

@@ -3,9 +3,21 @@ interface TabPanelInnerProps {
     autoHeightClassName: string;
 }
 export interface TabPaneProps {
-    title: string | number;
-    value: string | number;
-    disabled: boolean;
+    /**
+    * 标题
+    * @default -
+    */
+    title: string | number
+    /**
+    * 标签 Key , 匹配的标识符, 默认为索引值
+    * @default -
+    */
+    value: string | number
+    /**
+    * 是否禁用标签
+    * @default false
+    */
+    disabled: boolean
     className: string;
     children?: React.ReactNode;
 }

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

@@ -8,18 +8,66 @@ export type TabsTitle = {
     value: string | number;
 };
 export interface TabsProps extends BasicComponent {
-    tabStyle: React.CSSProperties;
-    value: string | number;
-    defaultValue: string | number;
-    activeColor: string;
-    direction: 'horizontal' | 'vertical';
-    activeType: 'line' | 'smile';
-    duration: number | string;
-    align: 'left' | 'right';
-    title: () => JSX.Element[];
-    onChange: (index: string | number) => void;
-    onClick: (index: string | number) => void;
-    autoHeight: boolean;
+    /**
+    * 标签栏样式
+    * @default {}
+    */
+    tabStyle: React.CSSProperties
+    /**
+    * 当前激活 tab 面板的值
+    * @default 0
+    */
+    value: string | number
+    /**
+    * 初始化激活 tab 的值
+    * @default 0
+    */
+    defaultValue: string | number
+    /**
+    * 标签选中色
+    * @default #1a1a1a
+    */
+    activeColor: string
+    /**
+    * 使用横纵方向 可选值 horizontal、vertical
+    * @default horizontal
+    */
+    direction: 'horizontal' | 'vertical'
+    /**
+    * 选中底部展示样式 可选值 line、smile
+    * @default line
+    */
+    activeType: 'line' | 'smile'
+    /**
+    * 切换动画时长,单位 ms 0 代表无动画
+    * @default 300
+    */
+    duration: number | string
+    /**
+    * 标题左对齐
+    * @default -
+    */
+    align: 'left' | 'right'
+    /**
+    * 自定义导航区域
+    * @default -
+    */
+    title: () => JSX.Element[]
+    /**
+    * 当前激活的标签改变时触发
+    * @default -
+    */
+    onChange: (index: string | number) => void
+    /**
+    * 点击标签时触发
+    * @default -
+    */
+    onClick: (index: string | number) => void
+    /**
+    * 自动高度。设置为 true 时，nut-tabs 和 nut-tabs\_\_content 会随着当前 nut-tabpane 的高度而发生变化。
+    * @default false
+    */
+    autoHeight: boolean
     children?: React.ReactNode;
 }
 export declare const Tabs: FunctionComponent<Partial<TabsProps>> & {

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

@@ -2,17 +2,65 @@ import { FunctionComponent } from 'react';
 import { TextareaProps } from '@tarojs/components';
 import { BasicComponent } from '../../utils/typings';
 export interface TextAreaProps extends Omit<TextareaProps, 'showCount' | 'onFocus' | 'onBlur'>, Omit<BasicComponent, 'style'> {
-    value: string;
-    defaultValue: string;
-    showCount: boolean;
-    maxLength: number;
-    rows: number;
-    placeholder: string;
-    readOnly: boolean;
-    disabled: boolean;
-    autoSize: boolean;
-    onChange: (value: string) => void;
-    onBlur: (event: Event) => void;
-    onFocus: (event: Event) => void;
+    /**
+    * 输入框内容，受控
+    * @default -
+    */
+    value: string
+    /**
+    * 初始默认值，非受控
+    * @default -
+    */
+    defaultValue: string
+    /**
+    * textarea 是否展示输入字符。须配合maxLength使用
+    * @default false
+    */
+    showCount: boolean
+    /**
+    * 限制最长输入字符，-1 表示无限制
+    * @default 140
+    */
+    maxLength: number
+    /**
+    * textarea 的行数（仅支持H5）
+    * @default 2
+    */
+    rows: number
+    /**
+    * 设置占位提示文字
+    * @default 请输入内容
+    */
+    placeholder: string
+    /**
+    * 只读属性
+    * @default false
+    */
+    readOnly: boolean
+    /**
+    * 禁用属性
+    * @default false
+    */
+    disabled: boolean
+    /**
+    * 高度是否可拉伸
+    * @default false
+    */
+    autoSize: boolean
+    /**
+    * 输入内容时触发
+    * @default -
+    */
+    onChange: (value: string) => void
+    /**
+    * 失焦时触发
+    * @default -
+    */
+    onBlur: (event: Event) => void
+    /**
+    * 聚焦时触发
+    * @default -
+    */
+    onFocus: (event: Event) => void
 }
 export declare const TextArea: FunctionComponent<Partial<TextAreaProps>>;

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

@@ -1,2 +1,3 @@
 import { Toast } from './toast.taro';
+export type { ToastProps, ToastPositionType } from './toast.taro';
 export default Toast;