@nutui/nutui-react 2.0.0-alpha.16 → 2.0.0-alpha.18

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

@@ -1,12 +1,16 @@
 import React, { RefObject } from 'react';
 import { PickerOption } from './types';
 import { BasicComponent } from '../../utils/typings';
-export interface PickerProps extends BasicComponent {
+export type PickerActions = {
+    open: () => void;
+    close: () => void;
+};
+export interface PickerProps extends Omit<BasicComponent, 'children'> {
     /**
     * 是否可见
     * @default false
     */
-    visible: boolean
+    visible?: boolean | undefined
     /**
     * 设置标题
     * @default -
@@ -57,6 +61,7 @@ export interface PickerProps extends BasicComponent {
     * @default -
     */
     onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void
+    children?: any;
 }
 declare const Picker: React.ForwardRefExoticComponent<Partial<PickerProps> & React.RefAttributes<unknown>>;
 export default Picker;

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

@@ -61,7 +61,7 @@ export interface PopoverProps extends BasicComponent {
     overlay: boolean
     /**
     * 自定义遮罩层类名
-    * @default ''
+    * @default -
     */
     overlayClassName: string
     /**
@@ -87,22 +87,22 @@ export interface PopoverProps extends BasicComponent {
     children?: React.ReactNode;
     /**
     * 点击切换 popover 展示状态
-    * @default () => {}
+    * @default () => {}
     */
     onClick: () => void
     /**
     * 点击菜单时触发
-    * @default () => {}
+    * @default () => {}
     */
     onOpen: () => void
     /**
     * 关闭菜单时触发
-    * @default () => {}
+    * @default () => {}
     */
     onClose: () => void
     /**
     * 点击选项时触发
-    * @default (item, index) => {}
+    * @default (item, index) => {}
     */
     onSelect: (item: List, index: number) => void
 }

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

@@ -3,7 +3,7 @@ import { OverlayProps } from '../../packages/overlay/overlay';
 type Teleport = HTMLElement | (() => HTMLElement) | null;
 export interface PopupProps extends OverlayProps {
     /**
-    * 弹出位置（top,bottom,left,right,center）
+    * 弹出位置
     * @default center
     */
     position: string
@@ -28,7 +28,7 @@ export interface PopupProps extends OverlayProps {
     */
     closeable: boolean
     /**
-    * 关闭按钮位置（top-left,top-right,bottom-left,bottom-right）
+    * 关闭按钮位置
     * @default top-right
     */
     closeIconPosition: string

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

@@ -30,12 +30,12 @@ export interface RadioProps extends BasicComponent {
     */
     labelPosition: RadioPosition
     /**
-    * [图标名称](#/icon)，选中前(建议和activeIcon一起修改)
+    * <a href="#/icon">图标名称</a>，选中前(建议和activeIcon一起修改)
     * @default 'CheckNormal'
     */
     icon: React.ReactNode
     /**
-    * [图标名称](#/icon)，选中后(建议和icon一起修改)
+    * <a href="#/icon">图标名称</a>，选中后(建议和icon一起修改)
     * @default 'CheckChecked'
     */
     activeIcon: React.ReactNode

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

@@ -53,7 +53,7 @@ export interface SearchBarProps extends BasicComponent {
     right: React.ReactNode
     /**
     * 输入框内左侧区域
-    * @default <Search size="12" />
+    * @default <Search width="12" height="12" />
     */
     leftIn: React.ReactNode
     /**
@@ -63,32 +63,32 @@ export interface SearchBarProps extends BasicComponent {
     rightIn: React.ReactNode
     /**
     * 确定搜索时触发
-    * @default 
+    * @default -
     */
     onSearch?: (val: string) => void;
     /**
     * 输入内容时触发
-    * @default 
+    * @default -
     */
     onChange?: (value: string, event: Event) => void;
     /**
     * 聚焦时触发
-    * @default 
+    * @default -
     */
     onFocus?: (value: string, event: Event) => void;
     /**
     * 失焦时触发
-    * @default 
+    * @default -
     */
     onBlur?: (value: string, event: Event) => void;
     /**
     * 点击清空时触发
-    * @default 
+    * @default -
     */
     onClear?: (event: Event) => void;
     /**
     * 点击输入区域时触发
-    * @default 
+    * @default -
     */
     onClickInput?: (event: Event) => void;
 }

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

@@ -3,12 +3,12 @@ import { BasicComponent } from '../../utils/typings';
 export interface StepProps extends BasicComponent {
     /**
     * 流程步骤的标题
-    * @default ''
+    * @default -
     */
     title: ReactNode
     /**
     * 流程步骤的描述性文字
-    * @default ''
+    * @default -
     */
     description: ReactNode
     /**
@@ -18,7 +18,7 @@ export interface StepProps extends BasicComponent {
     value: number
     /**
     * 图标(来自Icon组件的name属性)
-    * @default ''
+    * @default -
     */
     icon: ReactNode
 }

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

@@ -7,7 +7,7 @@ export interface StepsProps extends BasicComponent {
     */
     value: number
     /**
-    * 显示方向，horizontal,vertical
+    * 显示方向
     * @default horizontal
     */
     direction: string

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

@@ -7,7 +7,7 @@ export interface StickyProps extends BasicComponent {
     */
     container: React.RefObject<HTMLElement>
     /**
-    * 吸附位置（top、bottom）
+    * 吸附位置
     * @default top
     */
     position: 'top' | 'bottom'
@@ -21,7 +21,6 @@ export interface StickyProps extends BasicComponent {
     * @default 2000
     */
     zIndex: number
-    children: React.ReactNode;
     /**
     * 吸附状态改变时触发
     * @default -

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

@@ -1,14 +1,11 @@
 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 {
-    /** 自定义类名 */
-    className: string;
-    /** 自定义样式 */
-    style: React.CSSProperties;
+export interface SwipeProps extends BasicComponent {
     /**
     * 标识符，可以在事件参数中获取到
     * @default -
@@ -70,6 +67,5 @@ export interface SwipeProps {
     * @default -
     */
     onTouchMove?: (event: Event) => void
-    children?: React.ReactNode;
 }
 export declare const Swipe: React.ForwardRefExoticComponent<Partial<SwipeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onTouchEnd" | "onTouchMove" | "onTouchStart"> & React.RefAttributes<SwipeInstance>>;

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

@@ -32,7 +32,7 @@ export interface SwiperProps extends BasicComponent {
     */
     autoPlay: number | string
     /**
-    * 轮播方向,可选值horizontal,vertical
+    * 轮播方向
     * @default horizontal
     */
     direction: 'horizontal' | 'vertical'

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

@@ -1,6 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
-import { BadgeProps } from '../badge/badge';
-export interface TabbarItemProps extends BadgeProps {
+import { BasicComponent } from '../../utils/typings';
+export interface TabbarItemProps extends BasicComponent {
     /**
     * 标签页的标题
     * @default -
@@ -15,6 +15,31 @@ export interface TabbarItemProps extends BadgeProps {
     activeColor: string;
     inactiveColor: string;
     index: number;
+    /**
+    * 徽标中显示的内容，支持数字、字符和自定义内容
+    * @default -
+    */
+    value: ReactNode
+    /**
+    * 徽标是否为小点
+    * @default false
+    */
+    dot: boolean
+    /**
+    * value 为数值时，最大值
+    * @default 99
+    */
+    max: number
+    /**
+    * 徽标的上下偏移量，支持单位设置，可设置为：5 等
+    * @default 0
+    */
+    top: string
+    /**
+    * 徽标的左右偏移量，支持单位设置，可设置为：5 等
+    * @default 0
+    */
+    right: string
     handleClick: (idx: number) => void;
 }
 export declare const TabbarItem: FunctionComponent<Partial<TabbarItemProps>>;

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

@@ -29,7 +29,7 @@ export interface TabsProps extends BasicComponent {
     */
     activeColor: string
     /**
-    * 使用横纵方向 可选值 horizontal、vertical
+    * 使用横纵方向
     * @default horizontal
     */
     direction: 'horizontal' | 'vertical'

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

@@ -3,7 +3,7 @@ import { BasicComponent } from '../../utils/typings';
 export type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 export interface TagProps extends BasicComponent {
     /**
-    * 标签类型，可选值为primary success danger warning
+    * 标签类型
     * @default default
     */
     type: TagType

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

@@ -44,12 +44,12 @@ export interface TimeSelectProps extends BasicComponent {
     options: DateType[]
     /**
     * 配置数据中的关键字, valueKey, textKey, childrenKey
-    * @default 
+    * @default -
     */
     optionKey: OptionKeyType
     /**
     * 关闭遮罩之后的回调
-    * @default 
+    * @default -
     */
     onSelect?: (value: DateType[]) => void
     /**

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

@@ -4,16 +4,56 @@ export type ToastPositionType = 'top' | 'bottom' | 'center';
 export type ToastIconType = 'success' | 'fail' | 'loading' | 'warn' | React.ReactNode;
 export interface ToastProps extends BasicComponent {
     id?: string;
-    duration?: number;
-    position?: ToastPositionType;
-    title?: string;
-    closeOnOverlayClick?: boolean;
-    size?: string | number;
-    icon?: ToastIconType;
-    content?: React.ReactNode;
-    onClose?: () => void;
-    contentClassName?: string;
-    contentStyle?: React.CSSProperties;
+    /**
+    * 展示时长（秒）<br>值为 0 时，toast 不会自动消失
+    * @default 2
+    */
+    duration?: number
+    /**
+    * toast展示位置
+    * @default center
+    */
+    position?: ToastPositionType
+    /**
+    * 标题
+    * @default -
+    */
+    title?: string
+    /**
+    * 是否在点击遮罩层后关闭提示
+    * @default false
+    */
+    closeOnOverlayClick?: boolean
+    /**
+    * 文案尺寸，三选一
+    * @default base
+    */
+    size?: string | number
+    /**
+    * 自定义图标
+    * @default -
+    */
+    icon?: ToastIconType
+    /**
+    * Toast文本内容
+    * @default -
+    */
+    content?: React.ReactNode
+    /**
+    * 关闭时触发的事件
+    * @default () => void
+    */
+    onClose?: () => void
+    /**
+    * 自定义内容区类名
+    * @default -
+    */
+    contentClassName?: string
+    /**
+    * 自定义内容区样式
+    * @default -
+    */
+    contentStyle?: React.CSSProperties
 }
 declare function show(option: ToastProps | string): void;
 declare function config(config: Pick<ToastProps, 'duration' | 'position' | 'closeOnOverlayClick'>): void;

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

@@ -33,16 +33,16 @@ export interface UploaderProps extends BasicComponent {
     value?: FileType<string>[]
     /**
     * 上传列表的内建样式，支持两种基本样式 picture、list
-    * @default 'picture'
+    * @default picture
     */
     previewType: 'picture' | 'list'
     /**
     * 图片填充模式
-    * @default 'cover'
+    * @default cover
     */
     imageFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'
     /**
-    * 上传区域[图标名称](#/zh-CN/icon)
+    * 上传区域<a href="#/zh-CN/icon">图标名称</a>
     * @default -
     */
     uploadIcon?: React.ReactNode
@@ -53,11 +53,11 @@ export interface UploaderProps extends BasicComponent {
     uploadLabel?: React.ReactNode
     /**
     * input 标签 name 的名称，发到后台的文件参数名
-    * @default 'file'
+    * @default file
     */
     name: string
     /**
-    * 允许上传的文件类型，[详细说明](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file#%E9%99%90%E5%88%B6%E5%85%81%E8%AE%B8%E7%9A%84%E6%96%87%E4%BB%B6%E7%B1%BB%E5%9E%8B)
+    * 允许上传的文件类型，[详细说明]("https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file#%E9%99%90%E5%88%B6%E5%85%81%E8%AE%B8%E7%9A%84%E6%96%87%E4%BB%B6%E7%B1%BB%E5%9E%8B")
     * @default *
     */
     accept: string
@@ -88,7 +88,7 @@ export interface UploaderProps extends BasicComponent {
     data: any
     /**
     * 上传请求的 http method
-    * @default 'post'
+    * @default post
     */
     method: string
     /**
@@ -122,30 +122,30 @@ export interface UploaderProps extends BasicComponent {
     */
     deletable: boolean
     /**
-    * 图片[选取模式](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#htmlattrdefcapture)，直接调起摄像头
+    * 图片[选取模式](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#htmlattrdefcapture")，直接调起摄像头
     * @default false
     */
     capture: boolean
     className: string;
     /**
     * 当上传非图片('image')格式的默认图片地址
-    * @default ''
+    * @default -
     */
     previewUrl?: string
     style: React.CSSProperties;
     /**
     * 文件上传开始
-    * @default 
+    * @default -
     */
     onStart?: (option: UploadOptions) => void
     /**
     * 文件删除之前的状态
-    * @default 
+    * @default -
     */
     onDelete?: (file: FileItem, fileList: FileItem[]) => void
     /**
     * 上传成功
-    * @default 
+    * @default -
     */
     onSuccess?: (param: {
         responseText: XMLHttpRequest['responseText'];
@@ -154,7 +154,7 @@ export interface UploaderProps extends BasicComponent {
     }) => void
     /**
     * 文件上传的进度
-    * @default 
+    * @default -
     */
     onProgress?: (param: {
         e: ProgressEvent<XMLHttpRequestEventTarget>;
@@ -163,7 +163,7 @@ export interface UploaderProps extends BasicComponent {
     }) => void
     /**
     * 上传失败
-    * @default 
+    * @default -
     */
     onFailure?: (param: {
         responseText: XMLHttpRequest['responseText'];
@@ -173,12 +173,12 @@ export interface UploaderProps extends BasicComponent {
     onUpdate?: (fileList: FileItem[]) => void;
     /**
     * 文件大小超过限制时触发
-    * @default 
+    * @default -
     */
     onOversize?: (file: File[]) => void
     /**
     * 上传文件改变时的状态
-    * @default 
+    * @default -
     */
     onChange?: (param: {
         fileList: FileItem[];
@@ -186,7 +186,7 @@ export interface UploaderProps extends BasicComponent {
     }) => void
     /**
     * 上传前的函数需要返回一个Promise对象
-    * @default - 
+    * @default -
     */
     beforeUpload?: (file: File[]) => Promise<File[] | boolean>
     /**
@@ -201,7 +201,7 @@ export interface UploaderProps extends BasicComponent {
     beforeDelete?: (file: FileItem, files: FileItem[]) => boolean
     /**
     * 文件上传成功后点击触发
-    * @default 
+    * @default -
     */
     onFileItemClick?: (file: FileItem) => void
 }

package/dist/types/utils/is-forward-ref-component.d.ts

@@ -0,0 +1 @@
+export declare function isForwardRefComponent(component: any): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "2.0.0-alpha.16",
+  "version": "2.0.0-alpha.18",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/types/src/packages/formitem/formitemcontext.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface ConfigConsumerProps {
-    [propName: string]: any;
-}
-export declare const FormItemContext: import("react").Context<ConfigConsumerProps>;
-export {};

package/dist/types/packages/formitem/formitemcontext.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface ConfigConsumerProps {
-    [propName: string]: any;
-}
-export declare const FormItemContext: import("react").Context<ConfigConsumerProps>;
-export {};