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

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

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

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

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

package/dist/types/packages/row/row.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.d.ts

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

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

@@ -0,0 +1,95 @@
+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 width="12" height="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;
+    /**
+    * 点击清空时触发
+    * @default -
+    */
+    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.d.ts

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

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

@@ -0,0 +1,90 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { PopupProps } from '../popup/popup';
+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,2 @@
+/// <reference types="react" />
+export declare const OffsetContext: import("react").Context<number>;

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

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

package/dist/types/packages/sidenavbar/sidenavbar.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/sidenavbar/utils.d.ts

@@ -0,0 +1,3 @@
+import { MouseEventHandler } from 'react';
+declare const handleClick: MouseEventHandler<HTMLDivElement>;
+export { handleClick };

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

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

package/dist/types/packages/sidenavbaritem/sidenavbaritem.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.d.ts

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

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

@@ -0,0 +1,39 @@
+import React, { ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface FileType {
+    jpg: string;
+    png: string;
+}
+export interface SignatureProps extends BasicComponent {
+    /**
+    * 图片格式
+    * @default png
+    */
+    type: keyof FileType
+    /**
+    * 线条的宽度
+    * @default 3
+    */
+    lineWidth: number
+    /**
+    * 绘图笔触颜色
+    * @default #000
+    */
+    strokeStyle: string
+    /**
+    * 不支持 Canvas 情况下的展示文案
+    * @default 对不起，当前浏览器不支持 Canvas，无法使用本控件！
+    */
+    unsupported: ReactNode
+    /**
+    * 点击确认按钮触发事件回调函数
+    * @default -
+    */
+    onConfirm?: (canvas: HTMLCanvasElement, dataurl: string) => void
+    /**
+    * 点击重签按钮触发事件回调函数
+    * @default -
+    */
+    onClear?: () => void
+}
+export declare const Signature: React.ForwardRefExoticComponent<Partial<SignatureProps> & React.RefAttributes<unknown>>;

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

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

package/dist/types/packages/skeleton/skeleton.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.d.ts

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

package/dist/types/packages/step/step.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,2 @@
+/// <reference types="react" />
+export declare const DataContext: import("react").Context<{}>;

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

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

package/dist/types/packages/steps/steps.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.d.ts

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

package/dist/types/packages/sticky/sticky.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.d.ts

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

package/dist/types/packages/subsidenavbar/subsidenavbar.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.d.ts

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

package/dist/types/packages/swipe/swipe.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>, "onTouchEnd" | "onTouchMove" | "onTouchStart"> & React.RefAttributes<SwipeInstance>>;

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

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

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

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

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

@@ -0,0 +1,75 @@
+import React, { ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type SwiperRef = {
+    to: (index: number) => void;
+    next: () => void;
+    prev: () => void;
+};
+export interface SwiperProps extends BasicComponent {
+    /**
+    * 轮播卡片的宽度
+    * @default window.innerWidth
+    */
+    width: number | string
+    /**
+    * 轮播卡片的高度
+    * @default 0
+    */
+    height: number | string
+    /**
+    * 动画时长（单位是ms）
+    * @default 500
+    */
+    duration: number | string
+    /**
+    * 初始化索引值
+    * @default 0
+    */
+    defaultValue: number | string
+    /**
+    * 自动轮播时长，0表示不会自动轮播
+    * @default 0
+    */
+    autoPlay: number | string
+    /**
+    * 轮播方向
+    * @default horizontal
+    */
+    direction: 'horizontal' | 'vertical'
+    /**
+    * 分页指示器是否展示，可传入自定义的 HTML 结构
+    * @default false
+    */
+    indicator: ReactNode
+    /**
+    * 是否循环轮播
+    * @default true
+    */
+    loop: boolean
+    /**
+    * 是否可触摸滑动
+    * @default true
+    */
+    touchable: boolean
+    /**
+    * 滑动过程中是否禁用默认事件
+    * @default true
+    */
+    preventDefault: boolean
+    /**
+    * 滑动过程中是否禁止冒泡
+    * @default true
+    */
+    stopPropagation: boolean
+    /**
+    * 是否居中展示，必须传对应的width 和 height
+    * @default false
+    */
+    center: boolean
+    /**
+    * 卡片切换后的回调
+    * @default -
+    */
+    onChange?: (current: number) => void
+}
+export declare const Swiper: React.ForwardRefExoticComponent<Partial<SwiperProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<SwiperRef>>;

package/dist/types/packages/swiperitem/index.d.ts

@@ -0,0 +1,2 @@
+import { SwiperItem } from './swiperitem';
+export default SwiperItem;

package/dist/types/packages/swiperitem/swiperitem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface SwiperItemProps {
+    direction?: string;
+    size?: 0;
+}
+export declare const SwiperItem: React.ForwardRefExoticComponent<Partial<SwiperItemProps> & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+import { Switch } from './switch';
+export type { SwitchProps } from './switch';
+export default Switch;