@nutui/nutui-react 3.0.3-beta.0 → 3.0.3-beta.1

package/dist/es/types/spec/segmented/base.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { SimpleValue, SimpleValues } from '../../base/atoms';
+export interface SegmentedItem {
+    label: ReactNode;
+    value: string | number;
+    icon?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+export interface BaseSegmented extends BaseProps {
+    /**
+    * 选项内容
+    */
+    options: SimpleValues | SegmentedItem[]
+    /**
+    * 当前选中的值
+    */
+    value: SimpleValue
+    /**
+    * 默认值
+    */
+    defaultValue: SimpleValue
+    /**
+    * 选项变化时的回调函数
+    */
+    onChange: (value: SimpleValue) => void
+}

package/dist/es/types/spec/segmented/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/segmented/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseSegmented } from './base';
+export interface WebSegmentedProps extends BaseSegmented {
+}

package/dist/es/types/spec/segmented/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/segmented/taro.d.ts

@@ -0,0 +1,3 @@
+import { BaseSegmented } from './base';
+export interface TaroSegmentedProps extends BaseSegmented {
+}

package/dist/es/types/spec/segmented/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/shortpassword/base.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from 'react';
+export type ShortPasswordRef = {
+    open: () => void;
+    close: () => void;
+};
+export type BaseShortPassword<POPUP_PROPS = any> = POPUP_PROPS & {
+    /**
+    * 密码字符串
+    */
+    value: string
+    /**
+    * 是否展示短密码框
+    */
+    visible: boolean
+    /**
+    * 是否展示明文
+    */
+    plain: boolean
+    /**
+    * 标题
+    */
+    title: ReactNode
+    /**
+    * 密码框描述
+    */
+    description: ReactNode
+    /**
+    * 提示语
+    */
+    tips: ReactNode
+    /**
+    * 是否隐藏底部按钮
+    */
+    hideFooter: boolean
+    /**
+    * 密码长度，取值为4~6
+    */
+    length: number
+    /**
+    * 错误信息提示
+    */
+    error: ReactNode
+    /**
+    * 自动聚焦
+    */
+    autoFocus: boolean
+    /**
+    * 输入框聚焦
+    */
+    onFocus: () => void
+    /**
+    * 输入密码时触发事件
+    */
+    onChange: (value: string) => void
+    /**
+    * 点击确认时触发事件
+    */
+    onConfirm: (value: string) => void
+    /**
+    * 点击取消时触发事件
+    */
+    onCancel: () => void
+    /**
+    * 点击关闭图标和遮罩时触发事件
+    */
+    onClose: () => void
+    /**
+    * 点击忘记密码时触发事件
+    */
+    onTips: () => void
+    /**
+    * 输入完成的回调
+    */
+    onComplete: (value: string) => void
+};

package/dist/es/types/spec/shortpassword/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/shortpassword/h5.d.ts

@@ -0,0 +1,4 @@
+import { BaseShortPassword } from './base';
+import { WebPopupProps } from '../popup/h5';
+export interface WebShortPasswordProps extends BaseShortPassword<WebPopupProps> {
+}

package/dist/es/types/spec/shortpassword/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/shortpassword/taro.d.ts

@@ -0,0 +1,4 @@
+import { BaseShortPassword } from './base';
+import { TaroPopupProps } from '../popup/taro';
+export interface TaroShortPasswordProps extends BaseShortPassword<TaroPopupProps> {
+}

package/dist/es/types/spec/shortpassword/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/sidebar/base.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { SimpleValue } from '../../base/atoms';
+export interface BaseSideBarItem extends BaseProps {
+    title: string;
+    disabled: boolean;
+    active?: boolean;
+    value: SimpleValue;
+}
+export interface BaseSideBar extends BaseProps {
+    /**
+    * 当前激活的item的key
+    */
+    value: SimpleValue
+    /**
+    * 未设置value时，item的key的默认值
+    */
+    defaultValue: SimpleValue
+    /**
+    * 内容滚动动画时长
+    */
+    contentDuration: number
+    /**
+    * 侧栏滚动动画时长
+    */
+    sidebarDuration: number
+    /**
+    * 当前激活的标签改变时触发
+    */
+    onChange: (index: SimpleValue) => void
+    /**
+    * 点击标签时触发
+    */
+    onClick: (index: SimpleValue) => void
+    children?: ReactNode;
+}

package/dist/es/types/spec/sidebar/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/sidebar/h5.d.ts

@@ -0,0 +1,5 @@
+import { BaseSideBar, BaseSideBarItem } from './base';
+export interface WebSideBarProps extends BaseSideBar {
+}
+export interface WebSideBarItemProps extends BaseSideBarItem {
+}

package/dist/es/types/spec/sidebar/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/sidebar/taro.d.ts

@@ -0,0 +1,5 @@
+import { BaseSideBar, BaseSideBarItem } from './base';
+export interface TaroSideBarProps extends BaseSideBar {
+}
+export interface TaroSideBarItemProps extends BaseSideBarItem {
+}

package/dist/es/types/spec/sidebar/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/sidenavbar/base.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { SimpleValue } from '../../base/atoms';
+export type SideNavBarItemClick = ({ title, value, }: {
+    title: string;
+    value: SimpleValue;
+}) => void;
+export interface BaseSideNavBar extends BaseProps {
+    title: ReactNode;
+    visible: boolean;
+    width: string;
+    indent: number;
+    position: 'left' | 'right';
+    onClose: () => void;
+}
+export type BaseSideNavBarItem = {
+    title: string;
+    value: SimpleValue;
+    onClick: SideNavBarItemClick;
+};
+export type BaseSubSideNavBar = {
+    title: string;
+    value: SimpleValue;
+    open?: boolean;
+    children?: ReactNode;
+    onClick?: ({ title, value, isShow, }: {
+        title: string;
+        value: SimpleValue;
+        isShow: boolean;
+    }) => void;
+};

package/dist/es/types/spec/sidenavbar/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/sidenavbar/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseSideNavBar } from './base';
+export interface WebSideNavBarProps extends BaseSideNavBar {
+}

package/dist/es/types/spec/sidenavbar/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/sidenavbar/taro.d.ts

@@ -0,0 +1,3 @@
+import { BaseSideNavBar } from './base';
+export interface TaroSideNavBarProps extends BaseSideNavBar {
+}

package/dist/es/types/spec/sidenavbar/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/signature/base.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export type SignatureType = 'jpg' | 'png';
+export interface BaseSignature extends BaseProps {
+    /**
+    * 图片格式
+    */
+    type: SignatureType
+    /**
+    * 线条的宽度
+    */
+    lineWidth: number
+    /**
+    * 绘图笔触颜色
+    */
+    strokeStyle: string
+    /**
+    * 不支持 Canvas 情况下的展示文案
+    */
+    unsupported: ReactNode
+    /**
+    * 点击确认按钮触发事件回调函数
+    */
+    onConfirm: () => void
+    /**
+    * 点击重签按钮触发事件回调函数
+    */
+    onClear: () => void
+}

package/dist/es/types/spec/signature/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/signature/h5.d.ts

@@ -0,0 +1,4 @@
+import { BaseSignature } from './base';
+export interface WebSignatureProps extends Omit<BaseSignature, 'onConfirm'> {
+    onConfirm?: (canvas: HTMLCanvasElement, dataurl: string, isSigned?: boolean) => void;
+}

package/dist/es/types/spec/signature/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/signature/taro.d.ts

@@ -0,0 +1,11 @@
+import { SignatureType } from './base';
+import { BaseProps } from '../../base/props';
+export interface TaroSignatureProps extends BaseProps {
+    canvasId: string;
+    type: SignatureType;
+    lineWidth: number;
+    strokeStyle: string;
+    unSupportTpl?: string;
+    onConfirm?: (dataurl: string, isSigned?: boolean) => void;
+    onClear?: () => void;
+}

package/dist/es/types/spec/signature/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/skeleton/base.d.ts

@@ -0,0 +1,32 @@
+import { BaseProps } from '../../base/props';
+export type avatarShape = 'round' | 'square';
+export interface BaseSkeleton extends BaseProps {
+    /**
+    * 是否开启骨架屏动画
+    */
+    animated: boolean
+    /**
+    * 设置段落行数
+    */
+    rows: number
+    /**
+    * 是否显示段落标题
+    */
+    title: boolean
+    /**
+    * 是否显示头像
+    */
+    avatar: boolean
+    /**
+    * 头像大小
+    */
+    avatarSize: string
+    /**
+    * 是否显示骨架屏(true不显示骨架屏，false显示骨架屏)
+    */
+    visible: boolean
+    /**
+    * 头像形状：正方形/圆形
+    */
+    avatarShape: avatarShape
+}

package/dist/es/types/spec/skeleton/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/skeleton/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseSkeleton } from './base';
+export interface WebSkeletonProps extends BaseSkeleton {
+}

package/dist/es/types/spec/skeleton/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/skeleton/taro.d.ts

@@ -0,0 +1,3 @@
+import { BaseSkeleton } from './base';
+export interface TaroSkeletonProps extends BaseSkeleton {
+}

package/dist/es/types/spec/skeleton/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/space/base.d.ts

@@ -0,0 +1,21 @@
+import { BaseProps } from '../../base/props';
+import { Direction, FlexJustify } from '../../base/atoms';
+export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
+export interface BaseSpace extends BaseProps {
+    /**
+    * 间距方向
+    */
+    direction: Direction
+    /**
+    * 交叉轴对齐方式
+    */
+    align: SpaceAlign
+    /**
+    * 主轴对齐方式
+    */
+    justify: FlexJustify
+    /**
+    * 是否自动换行，仅在 horizontal 时有效
+    */
+    wrap: boolean
+}

package/dist/es/types/spec/space/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/space/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseSpace } from './base';
+export interface WebSpaceProps extends BaseSpace {
+}

package/dist/es/types/spec/space/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/space/taro.d.ts

@@ -0,0 +1,3 @@
+import { BaseSpace } from './base';
+export interface TaroSpaceProps extends BaseSpace {
+}

package/dist/es/types/spec/space/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/steps/base.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export interface BaseStep extends BaseProps {
+    title: ReactNode;
+    description: ReactNode;
+    value: number;
+    icon: ReactNode;
+}
+export interface BaseSteps extends BaseProps {
+    /**
+    * 当前所在的步骤
+    */
+    value: number
+    /**
+    * 显示方向
+    */
+    direction: string
+    /**
+    * 点状步骤条
+    */
+    dot: boolean
+    onStepClick: (index: number) => void;
+}

package/dist/es/types/spec/steps/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/steps/h5.d.ts

@@ -0,0 +1,5 @@
+import { BaseStep, BaseSteps } from './base';
+export interface WebStepProps extends BaseStep {
+}
+export interface WebStepsProps extends BaseSteps {
+}

package/dist/es/types/spec/steps/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/steps/taro.d.ts

@@ -0,0 +1,5 @@
+import { BaseStep, BaseSteps } from './base';
+export interface TaroStepProps extends BaseStep {
+}
+export interface TaroStepsProps extends BaseSteps {
+}

package/dist/es/types/spec/steps/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/sticky/base.d.ts

@@ -0,0 +1,24 @@
+import { BaseProps } from '../../base/props';
+import { PositionY } from '../../base/atoms';
+export interface BaseSticky<CONTAINER = any> extends BaseProps {
+    /**
+    * 容器的 ref
+    */
+    container: CONTAINER
+    /**
+    * 吸附位置
+    */
+    position: PositionY
+    /**
+    * 距离，当 position 为 top 时，设置的是 top
+    */
+    threshold: number
+    /**
+    * 吸附时的层级
+    */
+    zIndex: number
+    /**
+    * 吸附状态改变时触发
+    */
+    onChange: (val: boolean) => void
+}

package/dist/es/types/spec/sticky/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/sticky/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseSticky } from './base';
+export interface WebStickyProps extends BaseSticky<React.RefObject<HTMLElement>> {
+}

package/dist/es/types/spec/sticky/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/sticky/taro.d.ts

@@ -0,0 +1,3 @@
+import { BaseSticky } from './base';
+export interface TaroStickyProps extends BaseSticky {
+}

package/dist/es/types/spec/sticky/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/swipe/base.d.ts

@@ -0,0 +1,59 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { PositionX, SimpleValue } from '../../base/atoms';
+export interface SwipeRef {
+    open: (side: PositionX) => void;
+    close: () => void;
+}
+export interface BaseSwipe extends BaseProps {
+    /**
+    * 标识符，可以在事件参数中获取到
+    */
+    name?: SimpleValue
+    /**
+    * 左侧滑动区域的内容
+    */
+    leftAction?: ReactNode
+    /**
+    * 右侧滑动区域的内容
+    */
+    rightAction?: ReactNode
+    /**
+    * 关闭前的回调函数，返回滑动区域所在方向 position
+    */
+    beforeClose?: (position: string) => void;
+    /**
+    * 是否禁用滑动
+    */
+    disabled?: boolean
+    /**
+    * 打开单元格侧边栏
+    */
+    onOpen?: ({ name, position, }: {
+        name: string | number;
+        position: PositionX;
+    }) => void
+    /**
+    * 收起单元格侧边栏
+    */
+    onClose?: ({ name, position, }: {
+        name: string | number;
+        position: PositionX;
+    }) => void
+    /**
+    * 点击左侧或者右侧时触发
+    */
+    onActionClick?: (event: any, position: PositionX) => void
+    /**
+    * 开始触碰时触发
+    */
+    onTouchStart?: (event: any) => void
+    /**
+    * 结束触碰时触发
+    */
+    onTouchEnd?: (event: any) => void
+    /**
+    * 滑动时触发
+    */
+    onTouchMove?: (event: any) => void
+}

package/dist/es/types/spec/swipe/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/swipe/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseSwipe } from './base';
+export interface WebSwipeProps extends BaseSwipe {
+}

package/dist/es/types/spec/swipe/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/swipe/taro.d.ts

@@ -0,0 +1,3 @@
+import { BaseSwipe } from './base';
+export interface TaroSwipeProps extends BaseSwipe {
+}

package/dist/es/types/spec/swipe/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/swiper/base.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { Direction, SimpleValue } from '../../base/atoms';
+export type SwiperRef = {
+    to: (index: number) => void;
+    next: () => void;
+    prev: () => void;
+};
+export interface FocusEffect {
+    name: 'focus';
+    scale: number;
+}
+export interface BaseSwiper extends BaseProps {
+    /**
+    * 轮播方向
+    */
+    direction: Direction
+    /**
+    * 分页指示器是否展示，可传入自定义的 HTML 结构
+    */
+    indicator: ReactNode
+    /**
+    * 是否循环轮播
+    */
+    loop: boolean
+    /**
+    * 动画时长（单位是ms）
+    */
+    duration: SimpleValue
+    /**
+    * 自动轮播时长，0表示不会自动轮播
+    */
+    autoPlay: boolean | number
+    /**
+    * 初始化索引值
+    */
+    defaultValue: number
+    /**
+    * 是否可触摸滑动
+    */
+    touchable: boolean
+    effect: FocusEffect | undefined;
+    /**
+    * 轮播卡片的尺寸
+    */
+    slideSize?: number
+    /**
+    * 卡片切换后的回调
+    */
+    onChange?: (index: number) => void
+}
+export interface BaseSwiperItem<Event = any> extends BaseProps {
+    onClick?: (e: Event) => void;
+}

package/dist/es/types/spec/swiper/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/swiper/h5.d.ts

@@ -0,0 +1,5 @@
+import { BaseSwiper, BaseSwiperItem } from './base';
+export interface WebSwiperProps extends BaseSwiper {
+}
+export interface WebSwiperItemProps extends BaseSwiperItem<React.MouseEvent<HTMLDivElement, MouseEvent>> {
+}

package/dist/es/types/spec/swiper/h5.js

@@ -0,0 +1 @@
+export { };