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

package/dist/es/packages/form/form.d.ts

@@ -2,56 +2,16 @@ import React, { ReactNode } from 'react';
 import { BasicComponent } from "../../utils/typings";
 import { FormInstance } from "./types";
 export interface FormProps extends BasicComponent {
-    /**
-    * 表单底部区域，一般放置确认和重置按钮
-    * @default null
-    */
-    footer: ReactNode
-    /**
-    * 表单初始值
-    * @default -
-    */
-    initialValues: any
-    /**
-    * 表单名称
-    * @default -
-    */
-    name: string
-    /**
-    * 经 Form.useForm() 创建的 form 控制实例，不提供时会自动创建
-    * @default -
-    */
-    form: any
-    /**
-    * 是否禁用
-    * @default false
-    */
-    disabled: boolean
+    footer: ReactNode;
+    initialValues: any;
+    name: string;
+    form: any;
+    disabled: boolean;
     divider: boolean;
-    /**
-    * 统一设置字段触发验证的时机
-    * @default onChange
-    */
-    validateTrigger: string | string[] | false
-    /**
-    * 表单项 label 的位置
-    * @default right
-    */
-    labelPosition: 'top' | 'left' | 'right'
-    /**
-    * 必填表单项 label 的红色星标位置
-    * @default left
-    */
-    starPosition: 'left' | 'right'
-    /**
-    * 校验成功后触发
-    * @default -
-    */
-    onFinish: (values: any) => void
-    /**
-    * 任一表单项被校验失败后触发
-    * @default -
-    */
-    onFinishFailed: (values: any, errorFields: any) => void
+    validateTrigger: string | string[] | false;
+    labelPosition: 'top' | 'left' | 'right';
+    starPosition: 'left' | 'right';
+    onFinish: (values: any) => void;
+    onFinishFailed: (values: any, errorFields: any) => void;
 }
 export declare const Form: React.ForwardRefExoticComponent<Partial<FormProps> & React.RefAttributes<FormInstance<any>>>;

package/dist/es/packages/form/index.d.ts

@@ -3,7 +3,8 @@ import { FormProps } from './form';
 import { FormItem } from '../formitem/formitem';
 import { FormInstance } from './types';
 import { useForm, useWatch } from "./useform";
-export type { FormItemRuleWithoutValidator, FormInstance, FormFieldEntity, } from './types';
+export type { FormProps } from './form';
+export type { FormItemRuleWithoutValidator, FormInstance, FormFieldEntity, NamePath, Store, } from './types';
 type CompoundedComponent = React.ForwardRefExoticComponent<Partial<FormProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & React.RefAttributes<FormInstance>> & {
     Item: typeof FormItem;
     useForm: typeof useForm;

package/dist/es/packages/formitem/formitem.d.ts

@@ -4,62 +4,18 @@ import { Context } from '../form/context';
 import { BasicComponent } from "../../utils/typings";
 type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
 export interface FormItemProps extends Omit<BasicComponent, 'children'>, BaseFormField {
-    /**
-    * 必填表单项 label 的红色星标,仅用于控制样式
-    * @default false
-    */
-    required: boolean
-    /**
-    * 设置子元素默认值
-    * @default -
-    */
-    initialValue: any
-    /**
-    * 设置收集字段值变更的时机
-    * @default -
-    */
-    trigger: string
-    /**
-    * 子节点的值的属性，如 Checkbox 的是 'checked'
-    * @default -
-    */
-    valuePropName: string
-    /**
-    * 设置如何将 event 的值转换成字段值
-    * @default -
-    */
-    getValueFromEvent: (...args: any) => any
-    /**
-    * 点击事件并收集子组件 Ref
-    * @default -
-    */
-    onClick: (event: React.MouseEvent, componentRef: React.MutableRefObject<any>) => void
-    /**
-    * 错误提示文案对齐方式
-    * @default left
-    */
-    errorMessageAlign: TextAlign
-    /**
-    * 统一设置字段触发验证的时机
-    * @default onChange
-    */
-    validateTrigger: string | string[]
-    /**
-    * 更新逻辑
-    * @default false
-    */
-    shouldUpdate: boolean
-    /**
-    * 不使用样式，只使用字段管理
-    * @default false
-    */
-    noStyle: boolean
+    required: boolean;
+    initialValue: any;
+    trigger: string;
+    valuePropName: string;
+    getValueFromEvent: (...args: any) => any;
+    onClick: (event: React.MouseEvent, componentRef: React.MutableRefObject<any>) => void;
+    errorMessageAlign: TextAlign;
+    validateTrigger: string | string[];
+    shouldUpdate: boolean;
+    noStyle: boolean;
     children: ReactNode | ((obj: any) => React.ReactNode);
-    /**
-    * 对齐方式
-    * @default flex-start
-    */
-    align?: 'flex-start' | 'center' | 'flex-end'
+    align?: 'flex-start' | 'center' | 'flex-end';
 }
 export declare class FormItem extends React.Component<Partial<FormItemProps>, {
     resetCount: number;

package/dist/es/packages/formitem/index.d.ts

@@ -1,3 +1,4 @@
 import { FormItem } from './formitem';
+export type { FormItemProps } from './formitem';
 export type { FormItemRule } from './types';
 export default FormItem;

package/dist/es/packages/hoverbutton/hoverbutton.d.ts

@@ -1,10 +1,6 @@
-import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-import HoverButtonItem, { HoverButtonItemProps } from "../hoverbuttonitem/index";
-export interface HoverButtonProps extends BasicComponent, HoverButtonItemProps {
-    zIndex: number;
-    tabbarHeight?: number;
-}
-export declare const HoverButton: FunctionComponent<Partial<HoverButtonProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>> & {
+import { FunctionComponent } from 'react';
+import HoverButtonItem from "../hoverbuttonitem/index";
+import { WebHoverButtonProps } from "../../types";
+export declare const HoverButton: FunctionComponent<Partial<WebHoverButtonProps>> & {
     Item: typeof HoverButtonItem;
 };

package/dist/es/packages/hoverbutton/index.d.ts

@@ -1,3 +1,3 @@
 import { HoverButton } from './hoverbutton';
-export type { HoverButtonProps } from './hoverbutton';
+export type { WebHoverButtonProps as HoverButtonProps } from "../../types";
 export default HoverButton;

package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.d.ts

@@ -1,12 +1,6 @@
 import React from 'react';
-import { BasicComponent } from "../../utils/typings";
-export interface HoverButtonItemProps extends BasicComponent {
-    className?: string;
-    style?: React.CSSProperties;
-    icon?: React.ReactNode;
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-}
+import { WebHoverButtonItemProps } from "../../types";
 export declare const HoverButtonItem: {
-    (props: Partial<HoverButtonItemProps>): React.JSX.Element;
+    (props: Partial<WebHoverButtonItemProps>): React.JSX.Element;
     displayName: string;
 };

package/dist/es/packages/hoverbuttonitem/index.d.ts

@@ -1,3 +1,3 @@
 import { HoverButtonItem } from './hoverbuttonitem';
-export type { HoverButtonItemProps } from './hoverbuttonitem';
+export type { WebHoverButtonItemProps as HoverButtonItemProps } from "../../types";
 export default HoverButtonItem;

package/dist/es/packages/image/image.d.ts

@@ -1,21 +1,3 @@
-import React, { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
-import { FixAutoComplete } from "../../types/fix-string-literal-union";
-export interface ImageProps extends BasicComponent {
-    src: string;
-    fit: ImageFit;
-    position: ImagePosition;
-    alt: string;
-    width: string;
-    height: string;
-    radius: string | number;
-    error: boolean | ReactNode;
-    loading: boolean | ReactNode;
-    lazy: boolean;
-    onClick: (e: MouseEvent) => void;
-    onLoad: () => void;
-    onError: () => void;
-}
-export type ImageFit = FixAutoComplete<'contain' | 'cover' | 'fill' | 'none' | 'scale-down'>;
-export type ImagePosition = FixAutoComplete<'center' | 'top' | 'right' | 'bottom' | 'left'>;
-export declare const Image: FunctionComponent<Partial<ImageProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onLoad' | 'onError'>>;
+import { FunctionComponent } from 'react';
+import { WebImageProps } from "../../types";
+export declare const Image: FunctionComponent<Partial<WebImageProps>>;

package/dist/es/packages/image/image.js

@@ -1,7 +1,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import React, { useState, useEffect, useRef, useCallback } from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import { Image as ImageIcon, ImageError } from "@nutui/icons-react";
 import classNames from "classnames";
 import { ComponentDefaults } from "../../utils/typings";

package/dist/es/packages/image/index.d.ts

@@ -1,3 +1,3 @@
 import { Image } from './image';
-export type { ImageFit, ImagePosition, ImageProps } from './image';
+export type { WebImageProps as ImageProps } from "../../types";
 export default Image;

package/dist/es/packages/imagepreview/imagepreview.d.ts

@@ -1,46 +1,3 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export type ImagePreviewCloseIconPosition = 'top-right' | 'top-left' | 'bottom';
-export interface ImageOption {
-    src: string;
-    index?: number;
-}
-export interface VideoOption {
-    source: {
-        src: string;
-        type: string;
-    };
-    options: {
-        muted: boolean;
-        controls: boolean;
-    };
-    index?: number;
-}
-export interface ImagePreviewProps extends BasicComponent {
-    images: Array<{
-        src: string;
-    }>;
-    videos: Array<{
-        source: {
-            src: string;
-            type: string;
-        };
-        options: {
-            muted: boolean;
-            controls: boolean;
-        };
-    }>;
-    visible: boolean;
-    autoPlay: number | string;
-    value?: number;
-    defaultValue: number;
-    closeOnContentClick: boolean;
-    pagination: boolean;
-    indicator: boolean;
-    indicatorColor: string;
-    closeIcon: boolean | ReactNode;
-    closeIconPosition: ImagePreviewCloseIconPosition;
-    onChange: (value: number) => void;
-    onClose: () => void;
-}
-export declare const ImagePreview: FunctionComponent<Partial<ImagePreviewProps>>;
+import { FunctionComponent } from 'react';
+import { WebImagePreviewProps } from "../../types";
+export declare const ImagePreview: FunctionComponent<Partial<WebImagePreviewProps>>;

package/dist/es/packages/imagepreview/imagepreview.js

@@ -1,7 +1,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import React, { useEffect, useState, useRef } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react";
 import Popup from "../popup";

package/dist/es/packages/imagepreview/index.d.ts

@@ -1,3 +1,3 @@
 import { ImagePreview } from './imagepreview';
-export type { ImagePreviewProps, ImagePreviewCloseIconPosition, } from './imagepreview';
+export type { WebImagePreviewProps as ImagePreviewProps, ImagePreviewCloseIconPosition, } from "../../types";
 export default ImagePreview;

package/dist/es/packages/indicator/index.d.ts

@@ -1,3 +1,3 @@
 import { Indicator } from './indicator';
-export type { IndicatorProps } from './indicator';
+export type { WebIndicatorProps as IndicatorProps, IndicatorColor, IndicatorType, } from "../../types";
 export default Indicator;

package/dist/es/packages/indicator/indicator.d.ts

@@ -1,11 +1,3 @@
-import React, { FunctionComponent } from 'react';
-export type IndicatorType = 'anchor' | 'slide';
-export type IndicatorColor = 'primary' | 'white';
-export interface IndicatorProps {
-    total: number;
-    current: number;
-    direction: string;
-    color: IndicatorColor;
-    type: IndicatorType;
-}
-export declare const Indicator: FunctionComponent<Partial<IndicatorProps> & React.HTMLAttributes<HTMLDivElement>>;
+import { FunctionComponent } from 'react';
+import { WebIndicatorProps } from "../../types";
+export declare const Indicator: FunctionComponent<Partial<WebIndicatorProps>>;

package/dist/es/packages/indicator/indicator.js

@@ -28,7 +28,7 @@ export var Indicator = function(props) {
         "direction"
     ]);
     var _obj;
-    var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-vertical"), direction === 'vertical'), _define_property(_obj, "".concat(classPrefix, "-white"), color === 'white'), _define_property(_obj, "".concat(classPrefix, "-track"), type === 'slide'), _obj));
+    var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-vertical"), direction === 'vertical'), _define_property(_obj, "".concat(classPrefix, "-white"), color === 'default'), _define_property(_obj, "".concat(classPrefix, "-track"), type === 'slide'), _obj));
     var renderDotElement = function() {
         var childs = [];
         for(var item = 0; item < total; item++){

package/dist/es/packages/infiniteloading/index.d.ts

@@ -1,4 +1,3 @@
 import { InfiniteLoading } from './infiniteloading';
-export type { InfiniteLoadingType } from './types';
-export type { InfiniteLoadingProps } from './infiniteloading';
+export type { InfiniteLoadingType, WebInfiniteLoadingProps as InfiniteLoadingProps, } from "../../types";
 export default InfiniteLoading;

package/dist/es/packages/infiniteloading/infiniteloading.d.ts

@@ -1,18 +1,3 @@
-import React, { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
-import { InfiniteLoadingType } from './types';
-export interface InfiniteLoadingProps extends BasicComponent {
-    type: InfiniteLoadingType;
-    hasMore: boolean;
-    threshold: number;
-    target: string;
-    capture: boolean;
-    pullRefresh: boolean;
-    pullingText: ReactNode;
-    loadingText: ReactNode;
-    loadMoreText: ReactNode;
-    onRefresh: () => Promise<void>;
-    onLoadMore: () => Promise<void>;
-    onScroll: (param: number) => void;
-}
-export declare const InfiniteLoading: FunctionComponent<Partial<InfiniteLoadingProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onScroll'>>;
+import React, { FunctionComponent } from 'react';
+import { WebInfiniteLoadingProps } from "../../types";
+export declare const InfiniteLoading: FunctionComponent<Partial<WebInfiniteLoadingProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onScroll'>>;

package/dist/es/packages/infiniteloading/infiniteloading.js

@@ -4,7 +4,7 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import React, { useState, useEffect, useRef } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import classNames from "classnames";
 import { useConfig } from "../configprovider";
 import { ComponentDefaults } from "../../utils/typings";

package/dist/es/packages/input/index.d.ts

@@ -1,3 +1,3 @@
 import { Input } from './input';
-export type { InputType, InputAlign, InputProps, InputConfirmType, } from './input';
+export type { WebInputType as InputType, WebInputProps as InputProps, InputConfirmType, InputFormatTrigger, } from "../../types";
 export default Input;

package/dist/es/packages/input/input.d.ts

@@ -1,30 +1,3 @@
-import React, { HTMLInputTypeAttribute, MouseEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export type InputAlign = 'left' | 'center' | 'right';
-export type InputFormatTrigger = 'onChange' | 'onBlur';
-export type InputType = HTMLInputTypeAttribute;
-export type InputConfirmType = 'send' | 'search' | 'next' | 'go' | 'done';
-export interface InputProps extends BasicComponent {
-    type: InputType;
-    name: string;
-    defaultValue?: string;
-    value?: string;
-    placeholder?: string;
-    align: InputAlign;
-    disabled: boolean;
-    readOnly: boolean;
-    maxLength: number;
-    clearable: boolean;
-    clearIcon: React.ReactNode;
-    formatTrigger: InputFormatTrigger;
-    autoFocus: boolean;
-    confirmType: InputConfirmType;
-    plain: boolean;
-    formatter?: (value: string) => string;
-    onChange?: (value: string) => void;
-    onBlur?: (value: string) => void;
-    onFocus?: (value: string) => void;
-    onClear?: (value: string) => void;
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-}
-export declare const Input: React.ForwardRefExoticComponent<Partial<InputProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onClick" | "onFocus" | "onBlur" | "onChange"> & React.RefAttributes<unknown>>;
+import React from 'react';
+import { WebInputProps } from "../../types";
+export declare const Input: React.ForwardRefExoticComponent<Partial<WebInputProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onClick" | "onFocus" | "onBlur" | "onChange"> & React.RefAttributes<unknown>>;

package/dist/es/packages/inputnumber/index.d.ts

@@ -1,3 +1,3 @@
 import { InputNumber } from './inputnumber';
-export type { InputNumberProps } from './inputnumber';
+export type { WebInputNumberProps as InputNumberProps } from "../../types";
 export default InputNumber;

package/dist/es/packages/inputnumber/inputnumber.d.ts

@@ -1,23 +1,3 @@
-import React, { FunctionComponent, ChangeEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export interface InputNumberProps extends BasicComponent {
-    value: number | string;
-    defaultValue: number | string;
-    allowEmpty: boolean;
-    min: number | string;
-    max: number | string;
-    disabled: boolean;
-    readOnly: boolean;
-    step: number;
-    digits: number;
-    async: boolean;
-    select: boolean;
-    formatter?: (value?: string | number) => string;
-    onPlus: (e: React.MouseEvent) => void;
-    onMinus: (e: React.MouseEvent) => void;
-    onOverlimit: (e: React.MouseEvent | ChangeEvent<HTMLInputElement>) => void;
-    onBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
-    onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (param: string | number, e: React.MouseEvent | ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'>>;
+import React, { FunctionComponent } from 'react';
+import { WebInputNumberProps } from "../../types";
+export declare const InputNumber: FunctionComponent<Partial<WebInputNumberProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'>>;