x-ui-design 0.6.34 → 0.6.42

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

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

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

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

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

@@ -1,8 +1,10 @@
 import React, { ReactElement } from 'react';
 import { SelectProps } from '../../types/select';
 import './style.css';
-declare const _default: React.MemoExoticComponent<{
+declare const Select: {
     ({ prefixCls, id, searchValue, autoClearSearchValue, filterOption, optionFilterProp, children, options, listHeight, menuItemSelectedIcon, mode, value, defaultValue, maxCount, disabled, loading, placeholder, allowClear, filterable, defaultOpen, size, error, dropdownClassName, className, suffixIcon, searchIcon, style, showSearch, open, closeFromParent, showArrow, notFoundContent, noStyle, feedbackIcons, placement, removeIcon, maxTagCount, onSearch, onSelect, onDeselect, onClear, onChange, onClose, tagRender, getPopupContainer, dropdownRender, onDropdownVisibleChange, ref }: SelectProps): ReactElement;
     displayName: string;
-}>;
-export default _default;
+} & {
+    Option: React.FC<import("../../types/select").OptionProps>;
+};
+export default Select;

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

@@ -1,6 +1,6 @@
 import { RuleTypes } from '../types';
 import type { FieldData, FieldError, FormInstance } from '../types/form';
-type TUseForm = {
+declare const useForm: ({ initialValues, onFieldsChange, onValuesChange, scrollToFirstError, onFinish, onFinishFailed }: {
     initialValues?: Record<string, RuleTypes>;
     onFieldsChange?: (changedFields: FieldData[]) => void;
     onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void;
@@ -8,8 +8,7 @@ type TUseForm = {
     onFinish?: ((values: Record<string, RuleTypes>) => void) | undefined;
     onFinishFailed?: (errorInfo: {
         values: Record<string, RuleTypes>;
-        errorFields: Pick<FieldError, 'errors' | 'name'>[];
+        errorFields: Pick<FieldError, "errors" | "name">[];
     }) => void;
-};
-declare const useForm: ({ initialValues, onFieldsChange, onValuesChange, scrollToFirstError, onFinish, onFinishFailed }: TUseForm) => FormInstance;
+}) => FormInstance;
 export { useForm };

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

@@ -8,83 +8,13 @@ declare const DatePicker: import("react").ComponentType<import("@/types/datepick
 declare const RangePicker: import("react").ComponentType<import("@/types/datepicker").TRangePickerProps>;
 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").DefaultProps & {
-    name: string;
-    label?: string | import("react").ReactNode;
-    rules?: import("@/types/form").RuleObject[];
-    initialValue?: import("@/types").RuleType;
-    children: (import("react").ReactElement & {
-        props: {
-            value: import("@/types").RuleTypes;
-        };
-    }) | (import("react").ReactElement & {
-        props: {
-            value: import("@/types").RuleTypes;
-        };
-    })[];
-    layout?: import("@/types/form").FormLayoutTypes;
-    dependencies?: string[];
-    normalize?: (value: import("@/types").RuleType, prevValue: import("@/types").RuleType, allValues: import("@/types").RuleType) => import("@/types").RuleType;
-    feedbackIcons?: boolean;
-    extra?: import("react").ReactNode;
-    hideLabel?: boolean;
-    removeErrorMessageHeight?: boolean;
-}>;
+declare const FormItem: import("react").ComponentType<import("@/types/form").FormItemProps>;
 declare const Input: import("react").ComponentType<import("@/types/input").InputProps>;
 declare const Textarea: import("react").ComponentType<import("@/types/input").TextareaProps>;
 declare const Radio: import("react").ComponentType<import("@/types/radio").RadioProps>;
 declare const RadioButton: import("react").ComponentType<import("@/types/radio").RadioButtonProps>;
 declare const RadioGroup: import("react").ComponentType<import("@/types/radio").RadioGroupProps>;
-declare const Select: import("react").ComponentType<import("@/types").DefaultProps & {
-    id?: string;
-    searchValue?: string;
-    onSearch?: (value: string) => void;
-    autoClearSearchValue?: boolean;
-    onSelect?: (value: import("@/types").RuleTypes, option?: import("@/types/select").OptionType) => void;
-    onDeselect?: (value: string, option?: import("@/types/select").OptionType) => void;
-    filterOption?: boolean | ((input: string, option: import("@/types/select").OptionType) => boolean);
-    optionFilterProp?: string;
-    options?: import("@/types/select").OptionType[];
-    children?: import("react").ReactNode;
-    defaultActiveFirstOption?: boolean;
-    listHeight?: number;
-    menuItemSelectedIcon?: import("react").ReactNode;
-    mode?: "default" | "multiple" | "tags";
-    value?: import("@/types").RuleTypes;
-    defaultValue?: import("@/types").RuleTypes;
-    maxCount?: number;
-    onChange?: (e: import("@/types").RuleTypes, option?: import("@/types/select").OptionType) => void;
-    onClose?: () => 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) => import("react").ReactElement) | undefined;
-    maxTagPlaceholder?: import("react").ReactNode | ((omittedValues: import("@/types/select").DisplayValueType[]) => import("react").ReactNode);
-    dropdownClassName?: string;
-    showArrow?: boolean;
-    onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
-    onDropdownVisibleChange?: ((open: boolean, selected: import("@/types").RuleType) => void) | undefined;
-    showAction?: ("click" | "focus")[] | undefined;
-    suffixIcon?: import("react").ReactNode;
-    searchIcon?: import("react").ReactNode;
-    open?: boolean;
-    notFoundContent?: import("react").ReactNode;
-    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    dropdownRender?: (menu: import("react").ReactNode) => import("react").ReactNode;
-    feedbackIcons?: boolean;
-    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
-    removeIcon?: import("react").ReactNode;
-    maxTagCount?: number | "responsive";
-    ref?: import("react").ForwardedRef<HTMLDivElement>;
-    closeFromParent?: boolean;
-}>;
+declare const Select: import("react").ComponentType<import("@/types/select").SelectProps>;
 declare const Option: import("react").ComponentType<import("@/types/select").OptionProps>;
 declare const Tag: import("react").ComponentType<import("@/types/select").CustomTagProps>;
 declare const Skeleton: import("react").ComponentType<import("./types/skeleton").SkeletonProps>;

package/dist/esm/types/types/form.d.ts

@@ -74,16 +74,17 @@ export interface FormItemChildComponentProps {
     child: ReactElement;
     name: string;
     error: boolean;
-    initialValue: RuleTypes;
+    fieldValue: RuleTypes;
+    value: RuleType;
+    setFieldValue: (name: string, value: RuleType, errors?: string[], reset?: boolean | null | undefined, touch?: boolean) => void;
     onChange?: (e: SyntheticBaseEvent, option?: OptionProps) => void;
     size?: SizeType;
     normalize?: (value: RuleType, prevValue: RuleType, allValues: RuleType) => RuleType;
     noStyle?: boolean;
     feedbackIcons?: boolean;
     ref?: FieldInstancesRef | null;
-    dependencies?: string[];
 }
-export type FormInstance = {
+export interface FormInstance {
     submit: () => Promise<Record<string, RuleTypes> | undefined>;
     setFields: (fields: FieldData[]) => void;
     resetFields: (nameList?: string[], showError?: boolean | null) => void;
@@ -101,7 +102,6 @@ export type FormInstance = {
     subscribeToField: (name: string, callback: (value: RuleTypes) => void) => () => void;
     subscribeToForm: (callback: (values: Record<string, RuleTypes>) => void) => () => void;
     subscribeToFields: (names: string[], callback: (values: Record<string, RuleTypes>) => void) => () => void;
-    subscribeToFieldError: (name: string, callback: (errors: string[]) => void) => () => void;
     isFieldValidating: (name: string) => boolean;
     onFieldsChange?: (changedFields: FieldData[]) => void;
     onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void;
@@ -118,4 +118,4 @@ export type FormInstance = {
         errorFields: Pick<FieldError, 'errors' | 'name'>[];
     }) => void) => void;
     changeStep: (step: number) => void;
-};
+}

package/dist/index.d.ts

@@ -6,8 +6,6 @@ import * as __types_radio from '@/types/radio';
 export { RadioButtonProps, RadioGroupProps, RadioProps } from '@/types/radio';
 import * as __types_input from '@/types/input';
 export { InputProps, TextareaProps } from '@/types/input';
-import * as __types from '@/types';
-export { DefaultProps, MouseEventHandlerSelect, RuleType, RuleTypes, SyntheticBaseEvent, TargetProps } from '@/types';
 import * as __types_form from '@/types/form';
 export { FieldData, FieldError, FieldInstancesInputRef, FormInstance, FormItemChildComponentProps, FormProps, RuleObject, RuleRender } from '@/types/form';
 import * as __types_datepicker from '@/types/datepicker';
@@ -21,6 +19,7 @@ export { BaseButtonProps, ButtonProps, ButtonType } from '@/types/button';
 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';
+export { DefaultProps, MouseEventHandlerSelect, RuleType, RuleTypes, SyntheticBaseEvent, TargetProps } from '@/types';
 export { FormContext } from '@/components/Form/Form';
 export { clsx, createArray, parseValue } from '@/helpers';
 export { flattenChildren } from '@/helpers/flatten';
@@ -112,83 +111,13 @@ declare const DatePicker: react.ComponentType<__types_datepicker.TDatePickerProp
 declare const RangePicker: react.ComponentType<__types_datepicker.TRangePickerProps>;
 declare const TimePicker: react.ComponentType<__types_datepicker.TimePickerProps>;
 declare const Form: react.ComponentType<__types_form.FormProps>;
-declare const FormItem: react.ComponentType<__types.DefaultProps & {
-    name: string;
-    label?: string | react.ReactNode;
-    rules?: __types_form.RuleObject[];
-    initialValue?: __types.RuleType;
-    children: (react.ReactElement & {
-        props: {
-            value: __types.RuleTypes;
-        };
-    }) | (react.ReactElement & {
-        props: {
-            value: __types.RuleTypes;
-        };
-    })[];
-    layout?: __types_form.FormLayoutTypes;
-    dependencies?: string[];
-    normalize?: (value: __types.RuleType, prevValue: __types.RuleType, allValues: __types.RuleType) => __types.RuleType;
-    feedbackIcons?: boolean;
-    extra?: react.ReactNode;
-    hideLabel?: boolean;
-    removeErrorMessageHeight?: boolean;
-}>;
+declare const FormItem: react.ComponentType<__types_form.FormItemProps>;
 declare const Input: react.ComponentType<__types_input.InputProps>;
 declare const Textarea: react.ComponentType<__types_input.TextareaProps>;
 declare const Radio: react.ComponentType<__types_radio.RadioProps>;
 declare const RadioButton: react.ComponentType<__types_radio.RadioButtonProps>;
 declare const RadioGroup: react.ComponentType<__types_radio.RadioGroupProps>;
-declare const Select: react.ComponentType<__types.DefaultProps & {
-    id?: string;
-    searchValue?: string;
-    onSearch?: (value: string) => void;
-    autoClearSearchValue?: boolean;
-    onSelect?: (value: __types.RuleTypes, option?: __types_select.OptionType) => void;
-    onDeselect?: (value: string, option?: __types_select.OptionType) => void;
-    filterOption?: boolean | ((input: string, option: __types_select.OptionType) => boolean);
-    optionFilterProp?: string;
-    options?: __types_select.OptionType[];
-    children?: react.ReactNode;
-    defaultActiveFirstOption?: boolean;
-    listHeight?: number;
-    menuItemSelectedIcon?: react.ReactNode;
-    mode?: "default" | "multiple" | "tags";
-    value?: __types.RuleTypes;
-    defaultValue?: __types.RuleTypes;
-    maxCount?: number;
-    onChange?: (e: __types.RuleTypes, option?: __types_select.OptionType) => void;
-    onClose?: () => 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: __types_select.CustomTagProps) => react.ReactElement) | undefined;
-    maxTagPlaceholder?: react.ReactNode | ((omittedValues: __types_select.DisplayValueType[]) => react.ReactNode);
-    dropdownClassName?: string;
-    showArrow?: boolean;
-    onBlur?: react.FocusEventHandler<HTMLElement> | undefined;
-    onDropdownVisibleChange?: ((open: boolean, selected: __types.RuleType) => void) | undefined;
-    showAction?: ("click" | "focus")[] | undefined;
-    suffixIcon?: react.ReactNode;
-    searchIcon?: react.ReactNode;
-    open?: boolean;
-    notFoundContent?: react.ReactNode;
-    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    dropdownRender?: (menu: react.ReactNode) => react.ReactNode;
-    feedbackIcons?: boolean;
-    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
-    removeIcon?: react.ReactNode;
-    maxTagCount?: number | "responsive";
-    ref?: react.ForwardedRef<HTMLDivElement>;
-    closeFromParent?: boolean;
-}>;
+declare const Select: react.ComponentType<__types_select.SelectProps>;
 declare const Option: react.ComponentType<__types_select.OptionProps>;
 declare const Tag: react.ComponentType<__types_select.CustomTagProps>;
 declare const Skeleton: react.ComponentType<SkeletonProps>;