x-ui-design 0.2.59 → 0.2.61

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

@@ -1,9 +1,10 @@
+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) => import("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) => import("react").JSX.Element;
+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,4 +1,5 @@
+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) => import("react").JSX.Element;
+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/Form/Form.d.ts

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

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

@@ -1,7 +1,8 @@
+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): import("react").JSX.Element;
+    ({ 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/Input/Input.d.ts

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

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

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

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

@@ -1,4 +1,5 @@
+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) => import("react").JSX.Element;
+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/Radio.d.ts

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

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

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

@@ -1,11 +1,11 @@
-import { ReactElement } from 'react';
+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: import("react").FC<import("../../types/skeleton").SkeletonImageProps>;
-    Input: import("react").FC<import("../../types/skeleton").SkeletonInputProps>;
-    Avatar: import("react").FC<import("../../types/skeleton").SkeletonAvatarProps>;
-    Button: import("react").FC<import("../../types/skeleton").SkeletonButtonProps>;
+    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/Upload/Upload.d.ts

@@ -1,4 +1,5 @@
+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) => import("react").JSX.Element;
+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/index.d.ts

@@ -27,7 +27,7 @@ declare const RangePicker: import("react").ComponentType<import("./types/datepic
 declare const TimePicker: import("react").ComponentType<import("./types/datepicker").TimePickerProps>;
 declare const Form: import("react").ComponentType<import("./types/form").FormProps>;
 declare const FormItem: import("react").ComponentType<import("./types/form").FormItemProps>;
-declare const Input: import("react").ComponentType<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & import("./types").DefaultProps & {
+declare const Input: import("react").ComponentType<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & import("./types").DefaultProps & {
     addonBefore?: import("react").ReactNode;
     addonAfter?: import("react").ReactNode;
     size?: import("./types").SizeType;
@@ -151,5 +151,7 @@ declare const SkeletonAvatar: import("react").ComponentType<import("./types/skel
 declare const SkeletonButton: import("react").ComponentType<import("./types/skeleton").SkeletonButtonProps>;
 declare const SkeletonImage: import("react").ComponentType<import("./types/skeleton").SkeletonImageProps>;
 declare const SkeletonInput: import("react").ComponentType<import("./types/skeleton").SkeletonInputProps>;
-export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon } from '@/components/Icons';
 export { Button, Checkbox, Empty, DatePicker, RangePicker, TimePicker, Form, FormItem, Input, Textarea, Radio, RadioButton, RadioGroup, Select, Option, Tag, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, Upload };
+export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon } from '@/components/Icons';
+export { useForm } from '@/hooks/useForm';
+export { useWatch } from '@/hooks/useWatch';

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import * as react from 'react';
 import { CSSProperties, ReactNode, MouseEventHandler, MouseEvent, ReactEventHandler, Key, FocusEventHandler, KeyboardEventHandler, FC, ComponentClass, FormEvent, ReactElement, FocusEvent, ButtonHTMLAttributes } from 'react';
 export { ArrowIcon, CalendarIcon, CheckIcon, ClearIcon, DateDistanceIcon, ErrorIcon, LoadingIcon, SearchIcon, SpinerIcon, StampleIcon, SuccessIcon, TimeIcon, TrashIcon } from '@/components/Icons';
+export { useForm } from '@/hooks/useForm';
+export { useWatch } from '@/hooks/useWatch';
 
 type RuleType = any;
 type RuleTypes = RuleType | RuleType[];
@@ -506,7 +508,7 @@ declare const RangePicker: react.ComponentType<TRangePickerProps>;
 declare const TimePicker: react.ComponentType<TimePickerProps>;
 declare const Form: react.ComponentType<FormProps>;
 declare const FormItem: react.ComponentType<FormItemProps>;
-declare const Input: react.ComponentType<Omit<react.InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & DefaultProps & {
+declare const Input: react.ComponentType<Omit<react.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & DefaultProps & {
     addonBefore?: react.ReactNode;
     addonAfter?: react.ReactNode;
     size?: SizeType$1;