x-ui-design 0.3.47 → 0.3.48

package/lib/components/Form/Form.tsx

@@ -15,6 +15,7 @@ import { useForm } from '../../hooks/useForm';
 import { FormInstance, FormItemProps, FormProps } from '../../types/form';
 import { prefixClsForm } from '../../utils';
 import FormItem from './Item/Item';
+import { flattenChildren } from '@/helpers/flatten';
 
 export const FormContext = createContext<FormInstance | null>(null);
 
@@ -47,10 +48,7 @@ const Form: FC<FormProps> & { Item: FC<FormItemProps> } = ({
     }
   };
 
-  const childrenList = useMemo(
-    () => (Array.isArray(children) ? children : [children]).filter(Boolean),
-    [children]
-  );
+  const childrenList = useMemo(() => flattenChildren(children), [children]);
 
   useEffect(() => {
     if (onFieldsChange) {

package/lib/components/Form/Item/Item.tsx

@@ -12,6 +12,7 @@ import React, {
 } from 'react';
 import { clsx } from '../../../helpers';
 import { RuleType, SyntheticBaseEvent } from '../../../types';
+import { flattenChildren } from '../../../helpers/flatten';
 import {
   FormItemChildComponentProps,
   FormItemProps
@@ -57,10 +58,7 @@ const FormItem = ({
     validateFields
   } = formContext;
 
-  const childrenList = useMemo(
-    () => (Array.isArray(children) ? children : [children]).filter(Boolean),
-    [children]
-  );
+  const childrenList = useMemo(() => flattenChildren(children), [children]);
 
   useEffect(() => {
     if (name && !getFieldInstance(name)) {

package/lib/helpers/flatten.ts

@@ -0,0 +1,19 @@
+import { Children, Fragment, isValidElement, Suspense } from 'react';
+
+export function flattenChildren(children: React.ReactNode): React.ReactElement[] {
+    const result: React.ReactElement[] = [];
+
+    Children.forEach(children, child => {
+        if (!isValidElement(child)) return;
+
+        if (child.type === Fragment || child.type === Suspense) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-expect-error
+            result.push(...flattenChildren(child.props.children));
+        } else {
+            result.push(child);
+        }
+    });
+
+    return result;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-ui-design",
-  "version": "0.3.47",
+  "version": "0.3.48",
   "license": "ISC",
   "author": "Gabriel Boyajyan",
   "main": "dist/index.js",

package/src/app/page.tsx

@@ -6,6 +6,7 @@ import { Checkbox } from "../../lib/components/Checkbox";
 import { Item } from "../../lib/components/Form/Item";
 import { useForm } from "../../lib/hooks/useForm";
 import { Select } from "../../lib/components/Select";
+import { Suspense } from "react";
 // import Option from "../../lib/components/Select/Option/Option";
 
 // import { Form as AntForm, Radio } from 'antd'
@@ -1882,7 +1883,9 @@ export default function Home() {
                         </Item>
 
                         <Item rules={[{ required: true, validateBooleanFalse: true }]} name="dsfds" label="dzfdsfdsffdsf">
-                            <Checkbox>sdvcdsv</Checkbox>
+                            <Suspense fallback={null}>
+                                <Checkbox>sdvcdsv</Checkbox>
+                            </Suspense>
                         </Item>
                     </div>
                     {/* <Item label={'dsfdsf'} name="sdfdsf">

package/dist/esm/types/components/Button/Button.d.ts

@@ -1,5 +0,0 @@
-import { ReactElement } from 'react';
-import { ButtonProps } from '../../types/button';
-import './style.css';
-declare const ButtonComponent: ({ type, variant, color, shape, size, htmlType, className, rootClassName, classNames: customClassNames, styles, prefixCls, icon, iconPosition, loading, disabled, ghost, danger, block, children, href, ...restProps }: ButtonProps) => ReactElement;
-export default ButtonComponent;

package/dist/esm/types/components/Button/index.d.ts

@@ -1 +0,0 @@
-export { default as Button } from './Button';

package/dist/esm/types/components/Checkbox/Checkbox.d.ts

@@ -1,23 +0,0 @@
-import React, { MouseEvent } from 'react';
-import './style.css';
-declare const Checkbox: React.ForwardRefExoticComponent<import("../../types").DefaultProps & {
-    disabled?: boolean;
-    onChange?: (e: MouseEvent<HTMLInputElement> & import("../../types").TargetProps) => void;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
-    value?: boolean;
-    tabIndex?: number;
-    name?: string;
-    children?: React.ReactNode;
-    id?: string;
-    autoFocus?: boolean;
-    type?: string;
-    skipGroup?: boolean;
-    required?: boolean;
-    defaultChecked?: boolean;
-    checked?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-export default Checkbox;

package/dist/esm/types/components/Checkbox/index.d.ts

@@ -1 +0,0 @@
-export { default as Checkbox } from './Checkbox';

package/dist/esm/types/components/DatePicker/DatePicker.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { TDatePickerProps } from '../../types/datepicker';
-import './style.css';
-export declare const NUMBER_SIX = 6;
-export declare const MONTH_LENGTH = 11;
-export declare const NEXT_DAYS_COUNT_AS_CURRENT_MUNTH = 35;
-declare const DatePicker: (({ value, onChange, onCalendarChange, disabled, error, placeholder, prefixCls, noStyle, feedbackIcons, locale, placement, defaultValue, size, format, getPopupContainer, showToday, allowClear, disabledDate, suffixIcon, picker, prefix, defaultOpen, inputReadOnly, bordered }: TDatePickerProps) => React.JSX.Element) & {
-    RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: import("../../types/datepicker").TRangePickerProps) => React.JSX.Element;
-};
-export default DatePicker;

package/dist/esm/types/components/DatePicker/RangePicker/RangePicker.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { TRangePickerProps } from '../../../types/datepicker';
-import './style.css';
-declare const RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: TRangePickerProps) => React.JSX.Element;
-export default RangePicker;

package/dist/esm/types/components/DatePicker/RangePicker/index.d.ts

@@ -1 +0,0 @@
-export { default as RangePicker } from '../RangePicker/RangePicker';

package/dist/esm/types/components/DatePicker/TimePicker/TimePicker.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { TimePickerProps } from '../../../types/datepicker';
-import './style.css';
-declare const TimePicker: FC<TimePickerProps>;
-export default TimePicker;

package/dist/esm/types/components/DatePicker/TimePicker/index.d.ts

@@ -1 +0,0 @@
-export { default as TimePicker } from '../TimePicker/TimePicker';

package/dist/esm/types/components/DatePicker/index.d.ts

@@ -1 +0,0 @@
-export { default as DatePicker } from '../DatePicker/DatePicker';

package/dist/esm/types/components/Empty/Empty.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { EmptyContentProps } from '../../types/empty';
-import './style.css';
-declare const EmptyContent: ({ icon, style, className, title, description, prefixCls }: EmptyContentProps) => React.JSX.Element;
-export default EmptyContent;

package/dist/esm/types/components/Empty/index.d.ts

@@ -1 +0,0 @@
-export { default as Empty } from '../Empty/Empty';

package/dist/esm/types/components/Form/Form.d.ts

@@ -1,7 +0,0 @@
-import React, { FC } from 'react';
-import { FormInstance, FormItemProps, FormProps } from '../../types/form';
-export declare const FormContext: React.Context<FormInstance | null>;
-declare const Form: FC<FormProps> & {
-    Item: FC<FormItemProps>;
-};
-export default Form;

package/dist/esm/types/components/Form/Item/Item.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { FormItemProps } from '../../../types/form';
-import './style.css';
-declare const FormItem: {
-    ({ prefixCls, name, label, rules, children, className, layout, style, valuePropName, dependencies, initialValue, feedbackIcons, ...props }: FormItemProps): React.JSX.Element;
-    displayName: string;
-};
-export default FormItem;

package/dist/esm/types/components/Form/Item/index.d.ts

@@ -1 +0,0 @@
-export { default as Item } from './Item';

package/dist/esm/types/components/Form/index.d.ts

@@ -1 +0,0 @@
-export { default as Form } from './Form';

package/dist/esm/types/components/Icons/Icons.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-declare const ClearIcon: () => React.JSX.Element;
-declare const ArrowIcon: ({ isOpen }: {
-    isOpen: boolean;
-}) => React.JSX.Element;
-declare const LoadingIcon: () => React.JSX.Element;
-declare const CheckIcon: () => React.JSX.Element;
-declare const SearchIcon: () => React.JSX.Element;
-declare const CalendarIcon: () => React.JSX.Element;
-declare const SuccessIcon: () => React.JSX.Element;
-declare const ErrorIcon: () => React.JSX.Element;
-declare const DateDistanceIcon: () => React.JSX.Element;
-declare const TimeIcon: () => React.JSX.Element;
-declare const StampleIcon: () => React.JSX.Element;
-declare const TrashIcon: () => React.JSX.Element;
-declare const SpinerIcon: () => React.JSX.Element;
-export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon };

package/dist/esm/types/components/Icons/index.d.ts

@@ -1 +0,0 @@
-export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon } from './Icons';

package/dist/esm/types/components/Input/Input.d.ts

@@ -1,28 +0,0 @@
-import React, { KeyboardEvent } from 'react';
-import { SyntheticBaseEvent } from '../../types';
-import './style.css';
-import Textarea from './Textarea/Textarea';
-declare const InputComponent: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & import("../../types").DefaultProps & {
-    addonBefore?: React.ReactNode;
-    addonAfter?: React.ReactNode;
-    size?: import("../../types").SizeType;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    disabled?: boolean;
-    allowClear?: boolean;
-    error?: boolean;
-    bordered?: boolean;
-    iconRender?: (visible: boolean) => React.ReactElement;
-    onChange?: (event: SyntheticBaseEvent) => void;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
-    onPressEnter?: (event: KeyboardEvent<HTMLInputElement>) => void;
-    feedbackIcons?: boolean;
-} & React.RefAttributes<HTMLInputElement>>;
-declare const Input: typeof InputComponent & {
-    TextArea: typeof Textarea;
-};
-export default Input;

package/dist/esm/types/components/Input/Textarea/Textarea.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import './style.css';
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onResize"> & import("../../..").DefaultProps & {
-    value?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    autoSize?: boolean | {
-        minRows?: number;
-        maxRows?: number;
-    };
-    onPressEnter?: React.KeyboardEventHandler<HTMLTextAreaElement>;
-    onResize?: (size: {
-        width: number;
-        height: number;
-    }) => void;
-    styles?: {
-        textarea?: React.CSSProperties;
-        count?: React.CSSProperties;
-    };
-    bordered?: boolean;
-    size?: import("../../../types").SizeType;
-    status?: "success" | "error";
-    rootClassName?: string;
-    variant?: "outlined" | "borderless" | "filled" | "underlined";
-    error?: boolean;
-    allowClear?: boolean;
-} & React.RefAttributes<HTMLTextAreaElement>>;
-export default Textarea;

package/dist/esm/types/components/Input/Textarea/index.d.ts

@@ -1 +0,0 @@
-export { default as Textarea } from '../Textarea/Textarea';

package/dist/esm/types/components/Input/index.d.ts

@@ -1 +0,0 @@
-export { default as Input } from '../Input/Input';

package/dist/esm/types/components/Radio/Button/Button.d.ts

@@ -1,4 +0,0 @@
-import { RadioButtonProps } from '../../../types/radio';
-import './style.css';
-declare const RadioButton: ({ prefixCls, className, checked, disabled, children, size, ...props }: RadioButtonProps) => import("react").JSX.Element;
-export default RadioButton;

package/dist/esm/types/components/Radio/Button/index.d.ts

@@ -1 +0,0 @@
-export { default as RadioButton } from '../../Radio/Button/Button';

package/dist/esm/types/components/Radio/Group/Group.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { RadioGroupProps } from '../../../types/radio';
-import './style.css';
-declare const RadioGroup: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: RadioGroupProps) => React.JSX.Element;
-export default RadioGroup;

package/dist/esm/types/components/Radio/Group/index.d.ts

@@ -1 +0,0 @@
-export { default as RadioGroup } from '../../Radio/Group/Group';

package/dist/esm/types/components/Radio/Radio.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import './style.css';
-declare const Radio: React.ForwardRefExoticComponent<import("../..").DefaultProps & {
-    defaultChecked?: boolean;
-    checked?: boolean;
-    disabled?: boolean;
-    title?: string;
-    onChange?: (e: import("../..").SyntheticBaseEvent) => void;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    value?: import("../..").RuleType;
-    tabIndex?: number;
-    name?: string;
-    children?: React.ReactNode;
-    id?: string;
-    autoFocus?: boolean;
-    type?: string;
-    skipGroup?: boolean;
-    required?: boolean;
-    button?: boolean;
-    error?: boolean;
-} & React.RefAttributes<HTMLLabelElement>> & {
-    Group: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: import("../../types/radio").RadioGroupProps) => React.JSX.Element;
-    Button: ({ prefixCls, className, checked, disabled, children, size, ...props }: import("../../types/radio").RadioButtonProps) => React.JSX.Element;
-};
-export default Radio;

package/dist/esm/types/components/Radio/index.d.ts

@@ -1 +0,0 @@
-export { default as Radio } from '../Radio/Radio';

package/dist/esm/types/components/Select/Option/Option.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { OptionProps } from '../../../types/select';
-import './style.css';
-declare const Option: FC<OptionProps>;
-export default Option;

package/dist/esm/types/components/Select/Option/index.d.ts

@@ -1 +0,0 @@
-export { default as Option } from '../../Select/Option/Option';

package/dist/esm/types/components/Select/Select.d.ts

@@ -1,51 +0,0 @@
-import React, { ReactElement, ReactNode } from 'react';
-import { OptionType } from '../../types/select';
-import './style.css';
-declare const Select: React.ForwardRefExoticComponent<import("../../types").DefaultProps & {
-    id?: string;
-    searchValue?: string;
-    onSearch?: (value: string) => void;
-    autoClearSearchValue?: boolean;
-    onSelect?: (value: import("../../types").RuleTypes, option?: OptionType) => void;
-    onDeselect?: (value: string, option?: OptionType) => void;
-    filterOption?: boolean | ((input: string, option: OptionType) => boolean);
-    optionFilterProp?: string;
-    options?: OptionType[];
-    children?: ReactNode;
-    defaultActiveFirstOption?: boolean;
-    listHeight?: number;
-    menuItemSelectedIcon?: ReactNode;
-    mode?: "default" | "multiple" | "tags";
-    value?: import("../../types").RuleTypes;
-    defaultValue?: import("../../types").RuleTypes;
-    maxCount?: number;
-    onChange?: (e: import("../../types").RuleTypes, option?: OptionType) => void;
-    disabled?: boolean;
-    loading?: boolean;
-    placeholder?: string;
-    allowClear?: boolean;
-    filterable?: boolean;
-    defaultOpen?: boolean;
-    size?: "small" | "middle" | "large";
-    onClear?: () => void;
-    error?: boolean;
-    showSearch?: boolean;
-    tagRender?: ((props: import("../../types/select").CustomTagProps) => ReactElement) | undefined;
-    maxTagPlaceholder?: ReactNode | ((omittedValues: import("../../types/select").DisplayValueType[]) => ReactNode);
-    dropdownClassName?: string;
-    showArrow?: boolean;
-    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    onDropdownVisibleChange?: ((open: boolean) => void) | undefined;
-    showAction?: ("click" | "focus")[] | undefined;
-    suffixIcon?: ReactNode;
-    open?: boolean;
-    notFoundContent?: ReactNode;
-    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    dropdownRender?: (menu: ReactNode) => ReactNode;
-    feedbackIcons?: boolean;
-    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
-    removeIcon?: ReactNode;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Option: React.FC<import("../../types/select").OptionProps>;
-};
-export default Select;

package/dist/esm/types/components/Select/Tag/Tag.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { CustomTagProps } from '../../../types/select';
-import './style.css';
-declare const Tag: FC<CustomTagProps>;
-export default Tag;

package/dist/esm/types/components/Select/Tag/index.d.ts

@@ -1 +0,0 @@
-export { default as Tag } from '../../Select/Tag/Tag';

package/dist/esm/types/components/Select/index.d.ts

@@ -1 +0,0 @@
-export { default as Select } from '../Select/Select';

package/dist/esm/types/components/Skeleton/Avatar/Avatar.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { SkeletonAvatarProps } from '../../../types/skeleton';
-import './style.css';
-export declare const AVATAR_DEFAULT_SIZE = 32;
-export declare const AVATAR_GLOBAL_SIZE = 40;
-export declare const GET_AVATAR_SKELETON_PROPS: (avatar: SkeletonAvatarProps | boolean) => SkeletonAvatarProps;
-declare const SkeletonAvatar: FC<SkeletonAvatarProps>;
-export default SkeletonAvatar;

package/dist/esm/types/components/Skeleton/Avatar/index.d.ts

@@ -1 +0,0 @@
-export { default as SkeletonAvatar } from './Avatar';

package/dist/esm/types/components/Skeleton/Button/Button.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { SkeletonButtonProps } from '../../../types/skeleton';
-import './style.css';
-declare const SkeletonButton: FC<SkeletonButtonProps>;
-export default SkeletonButton;

package/dist/esm/types/components/Skeleton/Button/index.d.ts

@@ -1 +0,0 @@
-export { default as SkeletonButton } from './Button';

package/dist/esm/types/components/Skeleton/Image/Image.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { SkeletonImageProps } from '../../../types/skeleton';
-import './style.css';
-declare const SkeletonImage: FC<SkeletonImageProps>;
-export default SkeletonImage;

package/dist/esm/types/components/Skeleton/Image/index.d.ts

@@ -1 +0,0 @@
-export { default as SkeletonImage } from './Image';

package/dist/esm/types/components/Skeleton/Input/Input.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { SkeletonInputProps } from '../../../types/skeleton';
-import './style.css';
-declare const SkeletonInput: FC<SkeletonInputProps>;
-export default SkeletonInput;

package/dist/esm/types/components/Skeleton/Input/index.d.ts

@@ -1 +0,0 @@
-export { default as SkeletonInput } from './Input';

package/dist/esm/types/components/Skeleton/Skeleton.d.ts

@@ -1,10 +0,0 @@
-import React, { ReactElement } from 'react';
-import { SkeletonProps } from '../../types/skeleton';
-import './style.css';
-declare const Skeleton: (({ prefixCls, active, className, style, avatar, paragraph, round, title, teamLogo }: SkeletonProps) => ReactElement) & {
-    Image: React.FC<import("../../types/skeleton").SkeletonImageProps>;
-    Input: React.FC<import("../../types/skeleton").SkeletonInputProps>;
-    Avatar: React.FC<import("../../types/skeleton").SkeletonAvatarProps>;
-    Button: React.FC<import("../../types/skeleton").SkeletonButtonProps>;
-};
-export default Skeleton;

package/dist/esm/types/components/Skeleton/index.d.ts

@@ -1 +0,0 @@
-export { default as Skeleton } from './Skeleton';

package/dist/esm/types/components/Upload/Upload.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { UploadProps } from '../../types/upload';
-import './style.css';
-declare const Upload: ({ prefixCls, multiple, style, className, onChange, action, name, method, headers, directory, beforeUpload, rootClassName, onRemove, disabled, withCredentials, openFileDialogOnClick, maxCount, fileList: controlledFileList, customRequest, accept, listType, showUploadList, children, noStyle, defaultFileList }: UploadProps) => React.JSX.Element;
-export default Upload;

package/dist/esm/types/components/Upload/index.d.ts

@@ -1 +0,0 @@
-export { default as Upload } from '../Upload/Upload';

package/dist/esm/types/helpers/index.d.ts

@@ -1,4 +0,0 @@
-import { RuleType } from '../types';
-export declare const parseValue: (value: RuleType) => RuleType;
-export declare function createArray(length: number): number[];
-export declare function clsx(...args: RuleType[]): string;

package/dist/esm/types/hooks/useForm.d.ts

@@ -1,4 +0,0 @@
-import { RuleTypes } from '../types';
-import type { FieldData, FormInstance } from '../types/form';
-declare const useForm: (initialValues?: Record<string, RuleTypes>, onFieldsChange?: (changedFields: FieldData[]) => void, onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void) => FormInstance;
-export { useForm };

package/dist/esm/types/hooks/useWatch.d.ts

@@ -1,9 +0,0 @@
-import { RuleType } from '../types';
-import { FormInstance } from '../types/form';
-type UseWatchProps = {
-    name?: string;
-    defaultValue?: RuleType;
-    form?: FormInstance;
-};
-export declare const useWatch: ({ name, defaultValue, form }: UseWatchProps) => any;
-export {};