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

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

@@ -0,0 +1,67 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { Align } from '../../base/atoms';
+export type NoticeBarAlign = Extract<Align, 'left' | 'center'>;
+export interface BaseNoticeBar extends BaseProps {
+    /**
+    * 布局方式, 值为center时，不支持滚动
+    */
+    align: Extract<Align, 'left' | 'center'>
+    /**
+    * 滚动的方向，可选 horizontal、vertical
+    */
+    direction: string
+    list: any;
+    duration: number;
+    height: number;
+    /**
+    * 提示的信息
+    */
+    content: string
+    /**
+    * 是否启用关闭模式
+    */
+    closeable: boolean
+    /**
+    * 是否开启文本换行
+    */
+    wrap: boolean
+    /**
+    * 左边的 icon，closeable 模式下默认为空
+    */
+    leftIcon: ReactNode
+    /**
+    * 右边的 icon，在 closeable 模式下默认为 <Close />
+    */
+    rightIcon: ReactNode
+    /**
+    * 区别于rightIcon，为右边自定义区域，仅用于 direction='horizontal' 模式
+    */
+    right: ReactNode
+    /**
+    * 延时多少秒
+    */
+    delay: string | number
+    /**
+    * 是否可以滚动
+    */
+    scrollable: boolean | null
+    /**
+    * 滚动速率 (px/s)
+    */
+    speed: number
+    close?: (event: any) => void;
+    click?: (event: any) => void;
+    /**
+    * 关闭通知栏时触发
+    */
+    onClose?: (event: any) => void
+    /**
+    * 外层点击事件回调
+    */
+    onClick?: (event: any) => void
+    /**
+    * 垂直滚动多条数据时，点击当前展示的信息时触发
+    */
+    onItemClick?: (event: any, value: any) => void
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { BaseProps } from '../../base/props';
+export interface BaseNotify extends BaseProps {
+    id: string;
+    /**
+    * 展示时长(ms)，值为 0 时，notify 不会消失
+    */
+    duration: number
+    /**
+    * 提示的信息类型（primary，success ，danger，warning）
+    */
+    type: string
+    /**
+    * 自定义位置 (top, bottom)
+    */
+    position: string
+    /**
+    * 点击事件回调
+    */
+    onClick: () => void
+    /**
+    * 关闭事件回调
+    */
+    onClose: () => void
+}

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { BaseNotify } from './base';
+export interface TaroNotifyProps extends BaseNotify {
+    visible: boolean;
+}

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

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

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

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export type BaseNumberKeyboard<POPUP_PROPS = any> = POPUP_PROPS & BaseProps & {
+    /**
+    * 是否显示键盘
+    */
+    visible: boolean
+    /**
+    * 标题右侧内容
+    */
+    rightActions: ReactNode
+    /**
+    * 自定义完成按钮文字，如"支付"，"下一步"，"提交"等，搭配 rightColumn 使用
+    */
+    confirmText: string
+    /**
+    * 键盘模式, default：默认样式 rightColumn：带右侧栏
+    */
+    type: 'default' | 'rightColumn'
+    /**
+    * 自定义键盘额外的键, 数组形式最多支持添加 2 个, 超出默认取前 2 项
+    */
+    custom: Array<string>
+    /**
+    * 随机数
+    */
+    random: boolean
+    /**
+    * 点击按键时触发
+    */
+    onChange: (value: string) => void
+    /**
+    * 点击删除键时触发
+    */
+    onDelete: () => void
+    /**
+    * 点击关闭按钮或非键盘区域时触发
+    */
+    onClose: () => void
+    /**
+    * 点击确定按钮时触发
+    */
+    onConfirm: () => void
+};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,35 @@
+import { BaseProps } from '../../base/props';
+export interface BaseOverlay extends BaseProps {
+    /**
+    * 设置组件页面层级
+    */
+    zIndex: number
+    /**
+    * 动画时长，单位毫秒
+    */
+    duration: number
+    /**
+    * 当前组件是否显示
+    */
+    visible: boolean
+    /**
+    * 背景是否锁定，strict 用于支持 iOS12
+    */
+    lockScroll: boolean
+    /**
+    * 是否点击遮罩关闭
+    */
+    closeOnOverlayClick: boolean
+    /**
+    * 完全展示后触发
+    */
+    afterShow: () => void
+    /**
+    * 完全关闭后触发
+    */
+    afterClose: () => void
+    /**
+    * 点击时触发
+    */
+    onClick: (event: any) => void
+}

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

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

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

@@ -0,0 +1,4 @@
+import { BaseOverlay } from './base';
+export interface WebOverlayProps extends Omit<BaseOverlay, 'onClick'> {
+    onClick: (event: React.MouseEvent) => void;
+}

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

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

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

@@ -0,0 +1,5 @@
+import { ITouchEvent } from '@tarojs/components';
+import { BaseOverlay } from './base';
+export interface TaroOverlayProps extends Omit<BaseOverlay, 'onClick'> {
+    onClick: (event: ITouchEvent) => void;
+}

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

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

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

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export interface BasePagination extends BaseProps {
+    /**
+    * 默认页码，非受控
+    */
+    defaultValue: number
+    /**
+    * 当前页码，受控值，与 onChange 搭配使用
+    */
+    value: number
+    /**
+    * 显示模式
+    */
+    mode: 'multi' | 'simple' | 'lite'
+    /**
+    * 自定义上一页按钮内容
+    */
+    prev: ReactNode
+    /**
+    * 自定义下一页按钮内容
+    */
+    next: ReactNode
+    /**
+    * 总记录数
+    */
+    total: number
+    /**
+    * 每页记录数
+    */
+    pageSize: number
+    /**
+    * 显示的页码个数
+    */
+    itemSize: number
+    /**
+    * 是否显示省略号
+    */
+    ellipse: boolean
+    /**
+    * 用于自定义页码的结构
+    */
+    itemRender: (page: any, index: number) => ReactNode
+    /**
+    * 页码改变时触发
+    */
+    onChange: (currPage: number) => void
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,85 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export type PickerRef = PickerActions;
+export type PickerActions = {
+    open: () => void;
+    close: () => void;
+};
+export type PickerValue = string | number | null;
+export interface PickerOption {
+    label: string | number;
+    value: string | number;
+    children?: PickerOptions;
+}
+export type PickerOptions = PickerOption[];
+export interface BasePickerRoller {
+    options: PickerOptions;
+    keyIndex: number;
+    value: PickerValue;
+    threeDimensional: boolean;
+    duration: number | string;
+    onSelect: (option: PickerOption, index: number) => void;
+    renderLabel: (item: PickerOption) => ReactNode;
+}
+export interface PickerOnChangeCallbackParameter {
+    value: PickerValue[];
+    index: number;
+    selectedOptions: PickerOptions;
+}
+export type PickerColumnsType = 'single' | 'multiple' | 'cascade';
+export interface BasePicker<POPUP_PROPS = any> extends BaseProps {
+    /**
+    * 是否可见
+    */
+    visible?: boolean | undefined
+    /**
+    * 设置标题
+    */
+    title?: string
+    /**
+    * 列表数据
+    */
+    options: PickerOptions[]
+    /**
+    * 选中值，受控
+    */
+    value?: PickerValue[]
+    /**
+    * 默认选中
+    */
+    defaultValue?: PickerValue[]
+    /**
+    * 是否开启3D效果
+    */
+    threeDimensional?: boolean
+    /**
+    * 快速滑动时惯性滚动的时长，单位 ms
+    */
+    duration: number | string
+    /**
+    * 是否点击遮罩关闭
+    */
+    closeOnOverlayClick: boolean
+    renderLabel?: (item: PickerOption) => React.ReactNode;
+    /**
+    * 透传popup属性
+    */
+    popupProps: POPUP_PROPS
+    /**
+    * 点击确认按钮时候回调
+    */
+    onConfirm?: (selectedOptions: PickerOptions, selectedValue: PickerValue[]) => void
+    /**
+    * 点击取消按钮时触发
+    */
+    onCancel?: () => void
+    /**
+    * 确定和取消时，都触发
+    */
+    onClose?: (selectedOptions: PickerOptions, selectedValue: PickerValue[]) => void
+    /**
+    * 每一列值变更时调用
+    */
+    onChange?: (args0: PickerOnChangeCallbackParameter) => void
+    children?: any;
+}

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

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

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

@@ -0,0 +1,6 @@
+import { BasePicker, BasePickerRoller } from './base';
+import { WebPopupProps } from '../popup/h5';
+export interface WebPickerProps extends BasePicker<WebPopupProps> {
+}
+export interface WebPickerRollerProps extends BasePickerRoller {
+}

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

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

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

@@ -0,0 +1,6 @@
+import { BasePicker, BasePickerRoller } from './base';
+import { TaroPopupProps } from '../popup/taro';
+export interface TaroPickerProps extends BasePicker<TaroPopupProps> {
+}
+export interface TaroPickerRollerProps extends BasePickerRoller {
+}

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

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

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

@@ -0,0 +1,30 @@
+import { BaseProps } from '../../base/props';
+import { PickerOnChangeCallbackParameter, PickerOption, PickerOptions, PickerValue } from '../picker/base';
+export interface BasePickerView extends BaseProps {
+    setRefs?: (ref: any) => any;
+    /**
+    * 列表数据
+    */
+    options: PickerOptions[]
+    /**
+    * 选中值，受控
+    */
+    value?: PickerValue[]
+    /**
+    * 默认选中
+    */
+    defaultValue?: PickerValue[]
+    /**
+    * 是否开启3D效果
+    */
+    threeDimensional?: boolean
+    /**
+    * 快速滑动时惯性滚动的时长，单位 ms
+    */
+    duration?: number | string
+    renderLabel: (item: PickerOption) => React.ReactNode;
+    /**
+    * 每一列值变更时调用
+    */
+    onChange?: (arg0: PickerOnChangeCallbackParameter) => void
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,70 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { FullPosition, SimpleValues, UITheme } from '../../base/atoms';
+export interface PopoverList {
+    key?: string;
+    name: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    action?: {
+        icon?: ReactNode;
+        onClick?: (e: any) => void;
+    };
+}
+export type BasePopover<POPUP_PROPS> = POPUP_PROPS & BaseProps & {
+    theme: UITheme;
+    /**
+    * 弹出位置，里面具体的参数值可以参考上面的位置自定义例子
+    */
+    location: FullPosition
+    /**
+    * 选项列表
+    */
+    list: PopoverList[]
+    /**
+    * 是否展示气泡弹出层
+    */
+    visible: boolean
+    /**
+    * 出现位置的偏移量
+    */
+    offset: SimpleValues
+    /**
+    * 小箭头的偏移量
+    */
+    arrowOffset: number
+    /**
+    * 自定义目标元素 id
+    */
+    targetId: string
+    /**
+    * 是否显示小箭头
+    */
+    showArrow: boolean
+    /**
+    * 是否在点击外部元素后关闭菜单
+    */
+    closeOnOutsideClick: boolean
+    /**
+    * 是否在点击选项后关闭
+    */
+    closeOnActionClick: boolean
+    children?: ReactNode;
+    /**
+    * 点击切换 popover 展示状态
+    */
+    onClick: () => void
+    /**
+    * 点击菜单时触发
+    */
+    onOpen: () => void
+    /**
+    * 关闭菜单时触发
+    */
+    onClose: () => void
+    /**
+    * 点击选项时触发
+    */
+    onSelect: (item: PopoverList, index: number) => void
+};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,68 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { Align, EdgePosition, VAlign } from '../../base/atoms';
+import { BaseOverlay } from "../../../types";
+export type PopupCloseIconPosition = Extract<EdgePosition, 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'>;
+export type PopupPosition = Exclude<Align | VAlign, 'middle'> | 'none';
+export interface BasePopup extends BaseProps, BaseOverlay {
+    /**
+    * 弹出位置
+    */
+    position: PopupPosition
+    /**
+    * 动画名
+    */
+    transition: string
+    /**
+    * 是否显示关闭按钮
+    */
+    closeable: boolean
+    /**
+    * 关闭按钮位置
+    */
+    closeIconPosition: PopupCloseIconPosition
+    /**
+    * 自定义 Icon
+    */
+    closeIcon: ReactNode
+    /**
+    * 标题左侧部分
+    */
+    left?: ReactNode
+    /**
+    * 标题中间部分
+    */
+    title?: ReactNode
+    /**
+    * 子标题/描述部分
+    */
+    description?: ReactNode
+    /**
+    * 组件不可见时，卸载内容
+    */
+    destroyOnClose: boolean
+    /**
+    * 是否显示遮罩
+    */
+    overlay: boolean
+    /**
+    * 是否显示圆角
+    */
+    round: boolean
+    /**
+    * 打开弹框时触发
+    */
+    onOpen: () => void
+    /**
+    * 关闭弹框时触发
+    */
+    onClose: () => void
+    /**
+    * 点击遮罩触发
+    */
+    onOverlayClick: (e: any) => boolean | void
+    /**
+    * 点击关闭图标时触发
+    */
+    onCloseIconClick: (e: any) => boolean | void
+}

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

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

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

@@ -0,0 +1,6 @@
+import { BasePopup } from './base';
+export interface WebPopupProps extends BasePopup {
+    overlayStyle: React.CSSProperties;
+    overlayClassName: string;
+    portal: any;
+}

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

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