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

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

@@ -0,0 +1,86 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type RangeValue = number | number[];
+export interface RangeProps extends BasicComponent {
+    /**
+    * 当前进度百分比，受控
+    * @default 0
+    */
+    value: RangeValue
+    /**
+    * 默认进度百分比，非受控
+    * @default 0
+    */
+    defaultValue: RangeValue
+    /**
+    * 是否开启双滑块模式
+    * @default false
+    */
+    range: boolean
+    /**
+    * 是否禁用滑块 boolean
+    * @default -
+    */
+    disabled: boolean
+    /**
+    * 最小值
+    * @default 0
+    */
+    min: number
+    /**
+    * 最大值
+    * @default 100
+    */
+    max: number
+    /**
+    * 步长
+    * @default 1
+    */
+    step: number
+    /**
+    * 最小值描述，传 null 表示隐藏
+    * @default -
+    */
+    minDescription: ReactNode
+    /**
+    * 最大值描述，传 null 表示隐藏
+    * @default -
+    */
+    maxDescription: ReactNode
+    /**
+    * 自定义滑动按钮
+    * @default -
+    */
+    button: ReactNode
+    /**
+    * 是否竖向展示
+    * @default false
+    */
+    vertical: boolean
+    /**
+    * 刻度标示
+    * @default {}
+    */
+    marks: Record<string, unknown>
+    /**
+    * 当前值描述，传 null 表示隐藏
+    * @default -
+    */
+    currentDescription: ((value: RangeValue) => ReactNode) | null
+    /**
+    * 进度实时变化，通常在受控方式中与 value 一起使用
+    * @default -
+    */
+    onChange: (value: RangeValue) => void
+    /**
+    * 开始拖动时触发
+    * @default -
+    */
+    onStart: () => void
+    /**
+    * 结束拖动时触发
+    * @default -
+    */
+    onEnd: (value: RangeValue) => void
+}
+export declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange' | 'defaultValue'>>;

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

@@ -0,0 +1,3 @@
+import { Rate } from './rate.taro';
+export type { RateProps } from './rate.taro';
+export default Rate;

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

@@ -0,0 +1,15 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface RateProps extends BasicComponent {
+    count: number;
+    value: number;
+    defaultValue: number;
+    min: number;
+    checkedIcon: React.ReactNode;
+    uncheckedIcon: React.ReactNode;
+    disabled: boolean;
+    readOnly: boolean;
+    allowHalf: boolean;
+    onChange: (value: number) => void;
+}
+export declare const Rate: FunctionComponent<Partial<RateProps>>;

package/dist/types/packages/row/UserContext.d.ts

@@ -0,0 +1 @@
+export declare const DataContext: import("react").Context<{}>;

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

@@ -0,0 +1,3 @@
+import { Row } from './row.taro';
+export type { RowEventType, RowProps } from './row.taro';
+export default Row;

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

@@ -0,0 +1,12 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type RowEventType = 'row' | 'col';
+export interface RowProps extends BasicComponent {
+    type: string;
+    justify: string;
+    align: string;
+    wrap: string;
+    gutter: string | number;
+    onClick: (e: any, type: RowEventType) => void;
+}
+export declare const Row: FunctionComponent<Partial<RowProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;

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

@@ -0,0 +1,3 @@
+import { SearchBar } from './searchbar.taro';
+export type { SearchBarProps } from './searchbar.taro';
+export default SearchBar;

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

@@ -0,0 +1,92 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface SearchBarProps extends BasicComponent {
+    /**
+    * 当前输入的值
+    * @default -
+    */
+    value?: number | string;
+    /**
+    * 输入框默认暗纹
+    * @default 请输入
+    */
+    placeholder?: string;
+    /**
+    * 搜索框形状，可选值为 round
+    * @default square
+    */
+    shape?: 'square' | 'round';
+    /**
+    * 是否禁用输入框
+    * @default false
+    */
+    disabled?: boolean;
+    /**
+    * 最大输入长度
+    * @default 9999
+    */
+    maxLength?: number;
+    /**
+    * 是否展示清除按钮
+    * @default true
+    */
+    clearable?: boolean;
+    /**
+    * 输入框只读
+    * @default false
+    */
+    readOnly?: boolean;
+    /**
+    * 是否自动聚焦
+    * @default false
+    */
+    autoFocus?: boolean;
+    /**
+    * 搜索框左侧区域
+    * @default -
+    */
+    left: React.ReactNode
+    /**
+    * 搜搜框右侧区域
+    * @default -
+    */
+    right: React.ReactNode
+    /**
+    * 输入框内左侧区域
+    * @default <Search size="12" />
+    */
+    leftIn: React.ReactNode
+    /**
+    * 输入框内右侧区域
+    * @default -
+    */
+    rightIn: React.ReactNode
+    /**
+    * 确定搜索时触发
+    * @default -
+    */
+    onSearch?: (val: string) => void;
+    /**
+    * 输入内容时触发
+    * @default -
+    */
+    onChange?: (value: string, event: Event) => void;
+    /**
+    * 聚焦时触发
+    * @default -
+    */
+    onFocus?: (value: string, event: Event) => void;
+    /**
+    * 失焦时触发
+    * @default -
+    */
+    onBlur?: (value: string, event: Event) => void;
+    /** 点击清除按钮后触发	 */
+    onClear?: (event: Event) => void;
+    /**
+    * 点击输入区域时触发
+    * @default -
+    */
+    onClickInput?: (event: Event) => void;
+}
+export declare const SearchBar: FunctionComponent<Partial<SearchBarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'>>;

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

@@ -0,0 +1,3 @@
+import { ShortPassword } from './shortpassword.taro';
+export type { ShortPasswordProps } from './shortpassword.taro';
+export default ShortPassword;

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

@@ -0,0 +1,90 @@
+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>>;

package/dist/types/packages/sidenavbar/context.d.ts

@@ -0,0 +1 @@
+export declare const OffsetContext: import("react").Context<number>;

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

@@ -0,0 +1,3 @@
+import { SideNavBar } from './sidenavbar.taro';
+export type { SideNavBarProps } from './sidenavbar.taro';
+export default SideNavBar;

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

@@ -0,0 +1,35 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface SideNavBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, BasicComponent {
+    /**
+    * 整体标题
+    * @default -
+    */
+    title: ReactNode
+    /**
+    * 组件是否显示
+    * @default false
+    */
+    visible: boolean
+    /**
+    * 遮罩宽度百分比
+    * @default 80%
+    */
+    width?: string
+    /**
+    * 缩进宽度
+    * @default 20
+    */
+    indent?: number
+    /**
+    * 弹出位置
+    * @default left
+    */
+    position?: 'left' | 'right'
+    /**
+    * 关闭遮罩时触发
+    * @default -
+    */
+    onClose: () => void
+}
+export declare const SideNavBar: FunctionComponent<SideNavBarProps>;

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

@@ -0,0 +1,3 @@
+import { SideNavBarItem } from './sidenavbaritem.taro';
+export type { SideNavBarItemProps } from './sidenavbaritem.taro';
+export default SideNavBarItem;

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

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from 'react';
+export type SideNavBarItemProps = {
+    title: string;
+    value: string | number;
+    onClick?: ({ title, value, }: {
+        title: string;
+        value: string | number;
+    }) => void;
+    children?: React.ReactNode;
+};
+export declare const SideNavBarItem: FunctionComponent<SideNavBarItemProps>;

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

@@ -0,0 +1,3 @@
+import { Signature } from './signature.taro';
+export type { SignatureProps, FileType } from './signature.taro';
+export default Signature;

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface FileType {
+    jpg: string;
+    png: string;
+}
+export interface SignatureProps extends BasicComponent {
+    canvasId: string;
+    /**
+    * 图片格式
+    * @default png
+    */
+    type: keyof FileType
+    /**
+    * 线条的宽度
+    * @default 3
+    */
+    lineWidth: number
+    /**
+    * 绘图笔触颜色
+    * @default #000
+    */
+    strokeStyle: string
+    unSupportTpl: string;
+    /**
+    * 点击确认按钮触发事件回调函数
+    * @default -
+    */
+    onConfirm?: (dataurl: string) => void
+    /**
+    * 点击重签按钮触发事件回调函数
+    * @default -
+    */
+    onClear?: () => void
+}
+export declare const Signature: React.ForwardRefExoticComponent<Partial<SignatureProps> & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,3 @@
+import { Skeleton } from './skeleton.taro';
+export type { SkeletonProps } from './skeleton.taro';
+export default Skeleton;

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

@@ -0,0 +1,42 @@
+import { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+type avatarShape = 'round' | 'square';
+export interface SkeletonProps extends BasicComponent {
+    /**
+    * 是否开启骨架屏动画
+    * @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/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { Step } from './step.taro';
+export default Step;

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

@@ -0,0 +1,25 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface StepProps extends BasicComponent {
+    /**
+    * 流程步骤的标题
+    * @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/context.d.ts

@@ -0,0 +1 @@
+export declare const DataContext: import("react").Context<{}>;

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

@@ -0,0 +1,3 @@
+import { Steps } from './steps.taro';
+export type { StepsProps } from './steps.taro';
+export default Steps;

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

@@ -0,0 +1,21 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface StepsProps extends BasicComponent {
+    /**
+    * 当前所在的步骤
+    * @default 0
+    */
+    value: number
+    /**
+    * 显示方向
+    * @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/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { Sticky } from './sticky.taro';
+export type { StickyProps } from './sticky.taro';
+export default Sticky;

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

@@ -0,0 +1,30 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface StickyProps extends BasicComponent {
+    /**
+    * 容器的 ref
+    * @default -
+    */
+    container: React.RefObject<HTMLElement>
+    /**
+    * 吸附位置
+    * @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/subsidenavbar/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { SubSideNavBar } from './subsidenavbar.taro';
+export type { SubSideNavBarProps } from './subsidenavbar.taro';
+export default SubSideNavBar;

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

@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react';
+export type SubSideNavBarProps = {
+    title: string;
+    value: string | number;
+    open?: boolean;
+    children?: React.ReactNode;
+    onClick?: ({ title, value, isShow, }: {
+        title: string;
+        value: string | number;
+        isShow: boolean;
+    }) => void;
+};
+export declare const SubSideNavBar: FunctionComponent<SubSideNavBarProps>;

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

@@ -0,0 +1,3 @@
+import { Swipe } from './swipe.taro';
+export type { SwipeProps, SwipeInstance, SwipeSide } from './swipe.taro';
+export default Swipe;

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type SwipeSide = 'left' | 'right';
+export interface SwipeInstance {
+    open: (side: SwipeSide) => void;
+    close: () => void;
+}
+export interface SwipeProps extends BasicComponent {
+    /**
+    * 标识符，可以在事件参数中获取到
+    * @default -
+    */
+    name?: string | number;
+    /**
+    * 左侧滑动区域的内容
+    * @default -
+    */
+    leftAction?: React.ReactNode;
+    /**
+    * 右侧滑动区域的内容
+    * @default -
+    */
+    rightAction?: React.ReactNode;
+    /**
+    * 关闭前的回调函数，返回滑动区域所在方向 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
+    * @default -
+    */
+    onTouchStart?: (event: Event) => void
+    /**
+    * onTouchEnd
+    * @default -
+    */
+    onTouchEnd?: (event: Event) => void
+    /**
+    * onTouchMove
+    * @default -
+    */
+    onTouchMove?: (event: Event) => void
+}
+export declare const Swipe: React.ForwardRefExoticComponent<Partial<SwipeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onTouchStart" | "onTouchMove" | "onTouchEnd"> & React.RefAttributes<SwipeInstance>>;

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

@@ -0,0 +1,3 @@
+import { Swiper } from './swiper.taro';
+export type { SwiperProps } from './swiper.taro';
+export default Swiper;