x-ui-design 0.2.62 → 0.2.64

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

@@ -1,5 +1,5 @@
 import './styles/global.css';
-declare const Button: import("react").ComponentType<import("./types/button").ButtonProps>;
+declare const Button: import("react").ComponentType<import("@/types/button").ButtonProps>;
 declare const Checkbox: import("react").ComponentType<import("./types").DefaultProps & {
     disabled?: boolean;
     onChange?: (e: import("react").MouseEvent<HTMLInputElement> & import("./types").TargetProps) => void;
@@ -25,8 +25,8 @@ declare const Upload: import("react").ComponentType<import("./types/upload").Upl
 declare const DatePicker: import("react").ComponentType<import("./types/datepicker").TDatePickerProps>;
 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/form").FormItemProps>;
+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>, "size" | "prefix"> & import("./types").DefaultProps & {
     addonBefore?: import("react").ReactNode;
     addonAfter?: import("react").ReactNode;
@@ -155,3 +155,5 @@ export { Button, Checkbox, Empty, DatePicker, RangePicker, TimePicker, Form, For
 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';
+export type { FormInstance } from '@/types/form';
+export type { ButtonProps } from '@/types/button';

package/dist/index.d.ts

@@ -1,12 +1,16 @@
 import * as react from 'react';
-import { CSSProperties, ReactNode, MouseEventHandler, MouseEvent, ReactEventHandler, Key, FocusEventHandler, KeyboardEventHandler, FC, ComponentClass, FormEvent, ReactElement, FocusEvent, ButtonHTMLAttributes } from 'react';
+import { CSSProperties, ReactNode, MouseEventHandler, MouseEvent, ReactEventHandler, Key, FocusEventHandler, KeyboardEventHandler, FocusEvent } from 'react';
+import * as __types_form from '@/types/form';
+export { FormInstance } from '@/types/form';
+import * as __types_button from '@/types/button';
+export { ButtonProps } 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';
 
 type RuleType = any;
 type RuleTypes = RuleType | RuleType[];
-type SizeType$1 = 'small' | 'middle' | 'large';
+type SizeType = 'small' | 'middle' | 'large';
 interface DefaultProps {
     prefixCls?: string;
     className?: string;
@@ -123,7 +127,7 @@ interface RadioGroupProps {
     defaultValue?: RuleType;
     value?: RuleType;
     onChange?: (e: SyntheticBaseEvent) => void;
-    size?: SizeType$1;
+    size?: SizeType;
     disabled?: boolean;
     onMouseEnter?: MouseEventHandler<HTMLDivElement>;
     onMouseLeave?: MouseEventHandler<HTMLDivElement>;
@@ -171,98 +175,8 @@ type RadioProps = DefaultProps & {
 };
 type RadioButtonProps = RadioProps & {
     children?: ReactNode;
-    size?: SizeType$1;
-};
-
-type RuleRender = (form: FormInstance) => RuleObject;
-type RuleObject = RuleRender | {
-    required?: boolean;
-    message?: string;
-    pattern?: RegExp;
-    min?: number;
-    max?: number;
-    warningPattern?: RegExp;
-    warningMessage?: string;
-    validator?: (rule: RuleObject, value: RuleTypes, callback: (error?: string) => void) => Promise<void> | void;
-};
-interface FieldData {
-    name: string | string[];
-    value?: RuleTypes;
-    errors?: string[];
-}
-type FieldInstancesInputRef = HTMLInputElement | null;
-type FieldInstancesRef = {
-    input?: FieldInstancesInputRef;
-};
-interface FieldError {
-    name: string;
-    errors: string[];
-}
-type FormLayoutTypes = 'horizontal' | 'vertical' | 'inline';
-type FormProps = DefaultProps & {
-    colon?: boolean;
-    name?: string;
-    layout?: FormLayoutTypes;
-    form?: FormInstance;
-    size?: SizeType$1;
-    initialValues?: Record<string, RuleTypes>;
-    children?: ReactNode;
-    component?: false | string | FC<ReactNode> | ComponentClass<ReactNode>;
-    fields?: FieldData[];
-    onChange?: (e: FormEvent<HTMLFormElement>) => void;
-    onFieldsChange?: (changedFields: FieldData[]) => void;
-    onSubmitCapture?: (changedFields: FieldData[]) => void;
-    onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void;
-    onFinish?: (values: Record<string, RuleTypes>) => void;
-    onFinishFailed?: (errorInfo: {
-        values: Record<string, RuleTypes>;
-        errorFields: Pick<FieldError, 'errors' | 'name'>[];
-    }) => void;
-};
-type FormItemProps = DefaultProps & {
-    name: string;
-    label?: string | ReactNode;
-    rules?: RuleObject[];
-    initialValue?: RuleType;
-    children: (ReactElement & {
-        props: {
-            value: RuleTypes;
-        };
-    }) | (ReactElement & {
-        props: {
-            value: RuleTypes;
-        };
-    })[];
-    layout?: FormLayoutTypes;
-    valuePropName?: string;
-    dependencies?: string[];
-    normalize?: (value: RuleType, prevValue: RuleType, allValues: RuleType) => RuleType;
-    feedbackIcons?: boolean;
+    size?: SizeType;
 };
-interface FormInstance {
-    submit: () => Promise<Record<string, RuleTypes> | undefined>;
-    setFields: (fields: FieldData[]) => void;
-    resetFields: (nameList?: string[]) => void;
-    getFieldError: (name: string) => string[];
-    registerField: (name: string, rules?: RuleObject[]) => void;
-    setFieldValue: (name: string, value: RuleTypes) => void;
-    getFieldValue: (name: string) => RuleTypes;
-    validateFields: (nameList?: string[]) => Promise<boolean>;
-    setFieldsValue: (values: Partial<Record<string, RuleTypes>>) => void;
-    getFieldsValue: (nameList?: string[]) => Record<string, RuleTypes>;
-    isFieldTouched: (name: string) => boolean;
-    getFieldsError: () => Pick<FieldError, 'errors' | 'name'>[];
-    isFieldsTouched: (nameList?: string[], allFieldsTouched?: boolean) => boolean;
-    getFieldWarning: (name: string) => string[];
-    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;
-    isFieldValidating: (name: string) => boolean;
-    onFieldsChange?: (changedFields: FieldData[]) => void;
-    onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void;
-    getFieldInstance: (fieldName: string) => FieldInstancesRef;
-    isReseting: boolean;
-}
 
 interface BaseInfo {
     range?: 'start' | 'end';
@@ -290,7 +204,7 @@ type TDatePickerProps = DefaultProps & {
     }) => boolean;
     suffixIcon?: ReactNode;
     prefix?: ReactNode;
-    size?: SizeType$1;
+    size?: SizeType;
     format?: FormatType<RuleType> | FormatType<RuleType>[] | {
         format: string;
         type?: 'mask';
@@ -438,49 +352,7 @@ type EmptyContentProps = DefaultProps & {
     icon?: ReactNode;
 };
 
-declare const ButtonTypes: readonly ["default", "primary", "dashed", "link", "text", "ghost"];
-declare const ButtonShapes: readonly ["default", "circle", "round"];
-declare const ButtonVariantTypes: readonly ["outlined", "dashed", "solid", "filled", "text", "link"];
-declare const ButtonColorTypes: readonly ["default", "primary", "danger", "blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
-type ButtonType = (typeof ButtonTypes)[number];
-type ButtonShape = (typeof ButtonShapes)[number];
-type ButtonVariantType = (typeof ButtonVariantTypes)[number];
-type ButtonColorType = (typeof ButtonColorTypes)[number];
-type SizeType = 'small' | 'middle' | 'large' | undefined;
-type ButtonHTMLType = 'button' | 'submit' | 'reset';
-interface BaseButtonProps {
-    type?: ButtonType;
-    color?: ButtonColorType;
-    variant?: ButtonVariantType;
-    icon?: ReactNode;
-    iconPosition?: 'start' | 'end';
-    shape?: ButtonShape;
-    size?: SizeType;
-    disabled?: boolean;
-    loading?: boolean | {
-        delay?: number;
-        icon?: ReactNode;
-    };
-    prefixCls?: string;
-    className?: string;
-    rootClassName?: string;
-    ghost?: boolean;
-    danger?: boolean;
-    block?: boolean;
-    children?: ReactNode;
-    classNames?: {
-        icon?: string;
-    };
-    styles?: {
-        icon?: CSSProperties;
-    };
-}
-interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'type'> {
-    href?: string;
-    htmlType?: ButtonHTMLType;
-}
-
-declare const Button: react.ComponentType<ButtonProps>;
+declare const Button: react.ComponentType<__types_button.ButtonProps>;
 declare const Checkbox: react.ComponentType<DefaultProps & {
     disabled?: boolean;
     onChange?: (e: react.MouseEvent<HTMLInputElement> & TargetProps) => void;
@@ -506,12 +378,12 @@ declare const Upload: react.ComponentType<UploadProps>;
 declare const DatePicker: react.ComponentType<TDatePickerProps>;
 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 Form: react.ComponentType<__types_form.FormProps>;
+declare const FormItem: react.ComponentType<__types_form.FormItemProps>;
 declare const Input: react.ComponentType<Omit<react.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & DefaultProps & {
     addonBefore?: react.ReactNode;
     addonAfter?: react.ReactNode;
-    size?: SizeType$1;
+    size?: SizeType;
     prefix?: react.ReactNode;
     suffix?: react.ReactNode;
     disabled?: boolean;
@@ -546,7 +418,7 @@ declare const Textarea: react.ComponentType<Omit<react.TextareaHTMLAttributes<HT
         count?: react.CSSProperties;
     };
     bordered?: boolean;
-    size?: SizeType$1;
+    size?: SizeType;
     status?: "success" | "error";
     rootClassName?: string;
     variant?: "outlined" | "borderless" | "filled" | "underlined";