x-ui-design 0.2.2 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/types/index.d.ts +0 -25
- package/dist/index.d.ts +2 -655
- package/dist/index.esm.js +9 -2962
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5 -2994
- package/dist/index.js.map +1 -1
- package/lib/index.ts +0 -52
- package/package.json +1 -1
- package/{lib → src}/components/Checkbox/Checkbox.tsx +2 -2
- package/{lib → src}/components/Form/Form.tsx +1 -1
- package/{lib → src}/components/Form/Item/Item.tsx +2 -2
- package/{lib → src}/components/Input/Input.tsx +2 -2
- package/{lib → src}/components/Input/Textarea/Textarea.tsx +2 -2
- package/{lib → src}/components/Select/Option/Option.tsx +2 -2
- package/{lib → src}/components/Select/Select.tsx +2 -2
- package/{lib → src}/components/Select/Tag/Tag.tsx +1 -1
- package/{lib → src}/components/Skeleton/Avatar/Avatar.tsx +2 -2
- package/{lib → src}/components/Skeleton/Button/Button.tsx +2 -2
- package/{lib → src}/components/Skeleton/Image/Image.tsx +1 -1
- package/{lib → src}/components/Skeleton/Input/Input.tsx +2 -2
- package/{lib → src}/components/Skeleton/Skeleton.tsx +2 -2
- package/{lib → src}/hooks/useForm.ts +2 -2
- package/{lib → src}/hooks/useWatch.ts +2 -2
- package/{lib → src}/types/checkbox.ts +1 -1
- package/src/types/index.ts +27 -0
- package/dist/esm/types/components/Checkbox/Checkbox.d.ts +0 -23
- package/dist/esm/types/components/Checkbox/index.d.ts +0 -1
- package/dist/esm/types/components/DatePicker/DatePicker.d.ts +0 -9
- package/dist/esm/types/components/DatePicker/RangePicker/RangePicker.d.ts +0 -4
- package/dist/esm/types/components/DatePicker/RangePicker/index.d.ts +0 -1
- package/dist/esm/types/components/DatePicker/TimePicker/TimePicker.d.ts +0 -5
- package/dist/esm/types/components/DatePicker/TimePicker/index.d.ts +0 -1
- package/dist/esm/types/components/DatePicker/index.d.ts +0 -1
- package/dist/esm/types/components/Empty/Empty.d.ts +0 -4
- package/dist/esm/types/components/Empty/index.d.ts +0 -1
- package/dist/esm/types/components/Form/Form.d.ts +0 -7
- package/dist/esm/types/components/Form/Item/Item.d.ts +0 -7
- package/dist/esm/types/components/Form/Item/index.d.ts +0 -1
- package/dist/esm/types/components/Form/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/Icons.d.ts +0 -16
- package/dist/esm/types/components/Icons/index.d.ts +0 -1
- package/dist/esm/types/components/Input/Input.d.ts +0 -28
- package/dist/esm/types/components/Input/Textarea/Textarea.d.ts +0 -27
- package/dist/esm/types/components/Input/Textarea/index.d.ts +0 -1
- package/dist/esm/types/components/Input/index.d.ts +0 -1
- package/dist/esm/types/components/Radio/Button/Button.d.ts +0 -4
- package/dist/esm/types/components/Radio/Button/index.d.ts +0 -1
- package/dist/esm/types/components/Radio/Group/Group.d.ts +0 -4
- package/dist/esm/types/components/Radio/Group/index.d.ts +0 -1
- package/dist/esm/types/components/Radio/Radio.d.ts +0 -30
- package/dist/esm/types/components/Radio/index.d.ts +0 -1
- package/dist/esm/types/components/Select/Option/Option.d.ts +0 -5
- package/dist/esm/types/components/Select/Option/index.d.ts +0 -1
- package/dist/esm/types/components/Select/Select.d.ts +0 -51
- package/dist/esm/types/components/Select/Tag/Tag.d.ts +0 -5
- package/dist/esm/types/components/Select/Tag/index.d.ts +0 -1
- package/dist/esm/types/components/Select/index.d.ts +0 -1
- package/dist/esm/types/components/Skeleton/Avatar/Avatar.d.ts +0 -8
- package/dist/esm/types/components/Skeleton/Avatar/index.d.ts +0 -1
- package/dist/esm/types/components/Skeleton/Button/Button.d.ts +0 -5
- package/dist/esm/types/components/Skeleton/Button/index.d.ts +0 -1
- package/dist/esm/types/components/Skeleton/Image/Image.d.ts +0 -5
- package/dist/esm/types/components/Skeleton/Image/index.d.ts +0 -1
- package/dist/esm/types/components/Skeleton/Input/Input.d.ts +0 -5
- package/dist/esm/types/components/Skeleton/Input/index.d.ts +0 -1
- package/dist/esm/types/components/Skeleton/Skeleton.d.ts +0 -11
- package/dist/esm/types/components/Skeleton/index.d.ts +0 -1
- package/dist/esm/types/components/Upload/Upload.d.ts +0 -4
- package/dist/esm/types/components/Upload/index.d.ts +0 -1
- package/dist/esm/types/hooks/useForm.d.ts +0 -4
- package/dist/esm/types/hooks/useWatch.d.ts +0 -9
- package/dist/esm/types/types/checkbox.d.ts +0 -22
- package/dist/esm/types/types/datepicker.d.ts +0 -119
- package/dist/esm/types/types/empty.d.ts +0 -7
- package/dist/esm/types/types/form.d.ts +0 -107
- package/dist/esm/types/types/input.d.ts +0 -47
- package/dist/esm/types/types/radio.d.ts +0 -57
- package/dist/esm/types/types/select.d.ts +0 -97
- package/dist/esm/types/types/skeleton.d.ts +0 -50
- package/dist/esm/types/types/upload.d.ts +0 -54
- /package/{lib → src}/components/Checkbox/index.ts +0 -0
- /package/{lib → src}/components/Checkbox/style.css +0 -0
- /package/{lib → src}/components/DatePicker/DatePicker.tsx +0 -0
- /package/{lib → src}/components/DatePicker/RangePicker/RangePicker.tsx +0 -0
- /package/{lib → src}/components/DatePicker/RangePicker/index.ts +0 -0
- /package/{lib → src}/components/DatePicker/RangePicker/style.css +0 -0
- /package/{lib → src}/components/DatePicker/TimePicker/TimePicker.tsx +0 -0
- /package/{lib → src}/components/DatePicker/TimePicker/index.ts +0 -0
- /package/{lib → src}/components/DatePicker/TimePicker/style.css +0 -0
- /package/{lib → src}/components/DatePicker/index.ts +0 -0
- /package/{lib → src}/components/DatePicker/style.css +0 -0
- /package/{lib → src}/components/Empty/Empty.tsx +0 -0
- /package/{lib → src}/components/Empty/index.ts +0 -0
- /package/{lib → src}/components/Empty/style.css +0 -0
- /package/{lib → src}/components/Form/Item/index.ts +0 -0
- /package/{lib → src}/components/Form/Item/style.css +0 -0
- /package/{lib → src}/components/Form/index.ts +0 -0
- /package/{lib → src}/components/Icons/Icons.tsx +0 -0
- /package/{lib → src}/components/Icons/index.ts +0 -0
- /package/{lib → src}/components/Input/Textarea/index.ts +0 -0
- /package/{lib → src}/components/Input/Textarea/style.css +0 -0
- /package/{lib → src}/components/Input/index.ts +0 -0
- /package/{lib → src}/components/Input/style.css +0 -0
- /package/{lib → src}/components/Radio/Button/Button.tsx +0 -0
- /package/{lib → src}/components/Radio/Button/index.ts +0 -0
- /package/{lib → src}/components/Radio/Button/style.css +0 -0
- /package/{lib → src}/components/Radio/Group/Group.tsx +0 -0
- /package/{lib → src}/components/Radio/Group/index.ts +0 -0
- /package/{lib → src}/components/Radio/Group/style.css +0 -0
- /package/{lib → src}/components/Radio/Radio.tsx +0 -0
- /package/{lib → src}/components/Radio/index.ts +0 -0
- /package/{lib → src}/components/Radio/style.css +0 -0
- /package/{lib → src}/components/Select/Option/index.ts +0 -0
- /package/{lib → src}/components/Select/Option/style.css +0 -0
- /package/{lib → src}/components/Select/Tag/index.ts +0 -0
- /package/{lib → src}/components/Select/Tag/style.css +0 -0
- /package/{lib → src}/components/Select/index.ts +0 -0
- /package/{lib → src}/components/Select/style.css +0 -0
- /package/{lib → src}/components/Skeleton/Avatar/index.ts +0 -0
- /package/{lib → src}/components/Skeleton/Avatar/style.css +0 -0
- /package/{lib → src}/components/Skeleton/Button/index.ts +0 -0
- /package/{lib → src}/components/Skeleton/Button/style.css +0 -0
- /package/{lib → src}/components/Skeleton/Image/index.ts +0 -0
- /package/{lib → src}/components/Skeleton/Image/style.css +0 -0
- /package/{lib → src}/components/Skeleton/Input/index.ts +0 -0
- /package/{lib → src}/components/Skeleton/Input/style.css +0 -0
- /package/{lib → src}/components/Skeleton/index.ts +0 -0
- /package/{lib → src}/components/Skeleton/style.css +0 -0
- /package/{lib → src}/components/Upload/Upload.tsx +0 -0
- /package/{lib → src}/components/Upload/index.ts +0 -0
- /package/{lib → src}/components/Upload/style.css +0 -0
- /package/{lib → src}/types/datepicker.ts +0 -0
- /package/{lib → src}/types/empty.ts +0 -0
- /package/{lib → src}/types/form.ts +0 -0
- /package/{lib → src}/types/input.ts +0 -0
- /package/{lib → src}/types/radio.ts +0 -0
- /package/{lib → src}/types/select.ts +0 -0
- /package/{lib → src}/types/skeleton.ts +0 -0
- /package/{lib → src}/types/upload.ts +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as SkeletonButton } from './Button';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as SkeletonImage } from './Image';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as SkeletonInput } from './Input';
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
import { SkeletonProps } from '../../types/skeleton';
|
|
3
|
-
import './style.css';
|
|
4
|
-
declare const Skeleton: {
|
|
5
|
-
({ prefixCls, active, className, style, avatar, paragraph, round, title, teamLogo }: SkeletonProps): ReactElement;
|
|
6
|
-
Image: import("react").FC<import("../../types/skeleton").SkeletonImageProps>;
|
|
7
|
-
Input: import("react").FC<import("../../types/skeleton").SkeletonInputProps>;
|
|
8
|
-
Avatar: import("react").FC<import("../../types/skeleton").SkeletonAvatarProps>;
|
|
9
|
-
Button: import("react").FC<import("../../types/skeleton").SkeletonButtonProps>;
|
|
10
|
-
};
|
|
11
|
-
export default Skeleton;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Skeleton } from './Skeleton';
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { UploadProps } from '../../types/upload';
|
|
2
|
-
import './style.css';
|
|
3
|
-
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-runtime").JSX.Element;
|
|
4
|
-
export default Upload;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Upload } from '@/components/Upload/Upload';
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { RuleTypes } from '../types';
|
|
2
|
-
import type { FieldData, FormInstance } from '../types/form';
|
|
3
|
-
declare const useForm: (initialValues?: Record<string, RuleTypes>, onFieldsChange?: (changedFields: FieldData[]) => void, onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void) => FormInstance;
|
|
4
|
-
export { useForm };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { RuleType } from '../types';
|
|
2
|
-
import { FormInstance } from '../types/form';
|
|
3
|
-
type UseWatchProps = {
|
|
4
|
-
name?: string;
|
|
5
|
-
defaultValue?: RuleType;
|
|
6
|
-
form?: FormInstance;
|
|
7
|
-
};
|
|
8
|
-
export declare const useWatch: ({ name, defaultValue, form }: UseWatchProps) => any;
|
|
9
|
-
export {};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { KeyboardEventHandler, MouseEvent, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
-
import { DefaultProps, TargetProps } from '.';
|
|
3
|
-
export type CheckboxProps = DefaultProps & {
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
onChange?: (e: MouseEvent<HTMLInputElement> & TargetProps) => void;
|
|
6
|
-
onClick?: MouseEventHandler<HTMLElement>;
|
|
7
|
-
onMouseEnter?: MouseEventHandler<HTMLElement>;
|
|
8
|
-
onMouseLeave?: MouseEventHandler<HTMLElement>;
|
|
9
|
-
onKeyPress?: KeyboardEventHandler<HTMLElement>;
|
|
10
|
-
onKeyDown?: KeyboardEventHandler<HTMLElement>;
|
|
11
|
-
value?: boolean;
|
|
12
|
-
tabIndex?: number;
|
|
13
|
-
name?: string;
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
id?: string;
|
|
16
|
-
autoFocus?: boolean;
|
|
17
|
-
type?: string;
|
|
18
|
-
skipGroup?: boolean;
|
|
19
|
-
required?: boolean;
|
|
20
|
-
defaultChecked?: boolean;
|
|
21
|
-
checked?: boolean;
|
|
22
|
-
};
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import { FocusEvent, ReactNode } from 'react';
|
|
2
|
-
import { DefaultProps, RuleType, SizeType } from '.';
|
|
3
|
-
export interface BaseInfo {
|
|
4
|
-
range?: 'start' | 'end';
|
|
5
|
-
source?: string;
|
|
6
|
-
}
|
|
7
|
-
export type CustomFormat<RuleType> = (value: RuleType) => string;
|
|
8
|
-
export type FormatType<DateType = RuleType> = string | CustomFormat<DateType>;
|
|
9
|
-
export type PanelMode = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year' | 'decade';
|
|
10
|
-
export type TDatePickerProps = DefaultProps & {
|
|
11
|
-
value?: Date;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
placeholder?: string;
|
|
14
|
-
error?: boolean;
|
|
15
|
-
feedbackIcons?: boolean;
|
|
16
|
-
locale?: Locale;
|
|
17
|
-
placement?: string;
|
|
18
|
-
defaultOpen?: boolean;
|
|
19
|
-
allowClear?: boolean | {
|
|
20
|
-
clearIcon?: ReactNode;
|
|
21
|
-
};
|
|
22
|
-
defaultValue?: Date;
|
|
23
|
-
disabledDate?: (date: RuleType, info: {
|
|
24
|
-
to: RuleType;
|
|
25
|
-
from?: RuleType;
|
|
26
|
-
}) => boolean;
|
|
27
|
-
suffixIcon?: ReactNode;
|
|
28
|
-
prefix?: ReactNode;
|
|
29
|
-
size?: SizeType;
|
|
30
|
-
format?: FormatType<RuleType> | FormatType<RuleType>[] | {
|
|
31
|
-
format: string;
|
|
32
|
-
type?: 'mask';
|
|
33
|
-
};
|
|
34
|
-
onChange?: (date: RuleType | RuleType[], dateString: string | string[]) => void;
|
|
35
|
-
onCalendarChange?: (date: RuleType | RuleType[], dateString: string | string[], info: BaseInfo) => void;
|
|
36
|
-
getPopupContainer?: (node: HTMLElement) => HTMLElement;
|
|
37
|
-
showToday?: boolean;
|
|
38
|
-
inputReadOnly?: boolean;
|
|
39
|
-
picker?: PanelMode;
|
|
40
|
-
bordered?: boolean;
|
|
41
|
-
};
|
|
42
|
-
export type TRangePickerProps = Omit<TDatePickerProps, 'placeholder' | 'value' | 'defaultValue'> & {
|
|
43
|
-
placeholder?: string[];
|
|
44
|
-
value?: Date[];
|
|
45
|
-
defaultValue?: Date[];
|
|
46
|
-
separator?: ReactNode;
|
|
47
|
-
};
|
|
48
|
-
export type Locale = {
|
|
49
|
-
locale: string;
|
|
50
|
-
dateFormat?: string;
|
|
51
|
-
dateTimeFormat?: string;
|
|
52
|
-
fieldDateTimeFormat?: string;
|
|
53
|
-
fieldDateFormat?: string;
|
|
54
|
-
fieldTimeFormat?: string;
|
|
55
|
-
fieldMonthFormat?: string;
|
|
56
|
-
fieldYearFormat?: string;
|
|
57
|
-
fieldWeekFormat?: string;
|
|
58
|
-
fieldQuarterFormat?: string;
|
|
59
|
-
monthBeforeYear?: boolean;
|
|
60
|
-
yearFormat?: string;
|
|
61
|
-
monthFormat?: string;
|
|
62
|
-
cellYearFormat?: string;
|
|
63
|
-
cellQuarterFormat?: string;
|
|
64
|
-
dayFormat?: string;
|
|
65
|
-
cellDateFormat?: string;
|
|
66
|
-
cellMeridiemFormat?: string;
|
|
67
|
-
today: string;
|
|
68
|
-
now: string;
|
|
69
|
-
backToToday: string;
|
|
70
|
-
ok: string;
|
|
71
|
-
timeSelect: string;
|
|
72
|
-
dateSelect: string;
|
|
73
|
-
weekSelect?: string;
|
|
74
|
-
clear: string;
|
|
75
|
-
week: string;
|
|
76
|
-
month: string;
|
|
77
|
-
year: string;
|
|
78
|
-
previousMonth: string;
|
|
79
|
-
nextMonth: string;
|
|
80
|
-
monthSelect: string;
|
|
81
|
-
yearSelect: string;
|
|
82
|
-
decadeSelect: string;
|
|
83
|
-
previousYear: string;
|
|
84
|
-
nextYear: string;
|
|
85
|
-
previousDecade: string;
|
|
86
|
-
nextDecade: string;
|
|
87
|
-
previousCentury: string;
|
|
88
|
-
nextCentury: string;
|
|
89
|
-
shortWeekDays?: string[];
|
|
90
|
-
shortMonths?: string[];
|
|
91
|
-
};
|
|
92
|
-
export interface DisabledTimes {
|
|
93
|
-
disabledHours?: () => number[];
|
|
94
|
-
disabledMinutes?: (hour: number) => number[];
|
|
95
|
-
disabledSeconds?: (hour: number, minute: number) => number[];
|
|
96
|
-
}
|
|
97
|
-
export type PickerFocusEventHandler = (e: FocusEvent<HTMLElement>, info: BaseInfo) => void;
|
|
98
|
-
export type DisabledDate<DateType = RuleType> = (date: DateType, info: {
|
|
99
|
-
type: PanelMode;
|
|
100
|
-
from?: DateType;
|
|
101
|
-
}) => boolean;
|
|
102
|
-
export type TimePickerProps = DefaultProps & {
|
|
103
|
-
disabledTime?: (date: RuleType) => DisabledTimes;
|
|
104
|
-
inputReadOnly?: boolean;
|
|
105
|
-
format?: FormatType<RuleType> | FormatType<RuleType>[] | {
|
|
106
|
-
format: string;
|
|
107
|
-
type?: 'mask';
|
|
108
|
-
};
|
|
109
|
-
defaultValue?: RuleType | null;
|
|
110
|
-
value?: RuleType | null;
|
|
111
|
-
onChange?: (date: RuleType, dateString: string | string[]) => void;
|
|
112
|
-
onBlur?: PickerFocusEventHandler;
|
|
113
|
-
onSelect?: ((value: Date | null) => void) | undefined;
|
|
114
|
-
showNow?: boolean;
|
|
115
|
-
clearIcon?: ReactNode;
|
|
116
|
-
getPopupContainer?: (node: HTMLElement) => HTMLElement;
|
|
117
|
-
suffixIcon?: ReactNode;
|
|
118
|
-
placeholder?: string;
|
|
119
|
-
};
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { ComponentClass, FC, FormEvent, ReactElement, ReactNode } from 'react';
|
|
2
|
-
import { DefaultProps, RuleType, RuleTypes, SizeType, SyntheticBaseEvent } from '.';
|
|
3
|
-
import { OptionProps } from './select';
|
|
4
|
-
export type RuleRender = (form: FormInstance) => RuleObject;
|
|
5
|
-
export type RuleObject = RuleRender | {
|
|
6
|
-
required?: boolean;
|
|
7
|
-
message?: string;
|
|
8
|
-
pattern?: RegExp;
|
|
9
|
-
min?: number;
|
|
10
|
-
max?: number;
|
|
11
|
-
warningPattern?: RegExp;
|
|
12
|
-
warningMessage?: string;
|
|
13
|
-
validator?: (rule: RuleObject, value: RuleTypes, callback: (error?: string) => void) => Promise<void> | void;
|
|
14
|
-
};
|
|
15
|
-
export interface FieldData {
|
|
16
|
-
name: string | string[];
|
|
17
|
-
value?: RuleTypes;
|
|
18
|
-
errors?: string[];
|
|
19
|
-
}
|
|
20
|
-
export type FieldInstancesInputRef = HTMLInputElement | null;
|
|
21
|
-
export type FieldInstancesRef = {
|
|
22
|
-
input?: FieldInstancesInputRef;
|
|
23
|
-
};
|
|
24
|
-
export interface FieldError {
|
|
25
|
-
name: string;
|
|
26
|
-
errors: string[];
|
|
27
|
-
}
|
|
28
|
-
type FormLayoutTypes = 'horizontal' | 'vertical' | 'inline';
|
|
29
|
-
export type FormProps = DefaultProps & {
|
|
30
|
-
colon?: boolean;
|
|
31
|
-
name?: string;
|
|
32
|
-
layout?: FormLayoutTypes;
|
|
33
|
-
form?: FormInstance;
|
|
34
|
-
size?: SizeType;
|
|
35
|
-
initialValues?: Record<string, RuleTypes>;
|
|
36
|
-
children?: ReactNode;
|
|
37
|
-
component?: false | string | FC<ReactNode> | ComponentClass<ReactNode>;
|
|
38
|
-
fields?: FieldData[];
|
|
39
|
-
onChange?: (e: FormEvent<HTMLFormElement>) => void;
|
|
40
|
-
onFieldsChange?: (changedFields: FieldData[]) => void;
|
|
41
|
-
onSubmitCapture?: (changedFields: FieldData[]) => void;
|
|
42
|
-
onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void;
|
|
43
|
-
onFinish?: (values: Record<string, RuleTypes>) => void;
|
|
44
|
-
onFinishFailed?: (errorInfo: {
|
|
45
|
-
values: Record<string, RuleTypes>;
|
|
46
|
-
errorFields: Pick<FieldError, 'errors' | 'name'>[];
|
|
47
|
-
}) => void;
|
|
48
|
-
};
|
|
49
|
-
export type FormItemProps = DefaultProps & {
|
|
50
|
-
name: string;
|
|
51
|
-
label?: string | ReactNode;
|
|
52
|
-
rules?: RuleObject[];
|
|
53
|
-
initialValue?: RuleType;
|
|
54
|
-
children: (ReactElement & {
|
|
55
|
-
props: {
|
|
56
|
-
value: RuleTypes;
|
|
57
|
-
};
|
|
58
|
-
}) | (ReactElement & {
|
|
59
|
-
props: {
|
|
60
|
-
value: RuleTypes;
|
|
61
|
-
};
|
|
62
|
-
})[];
|
|
63
|
-
layout?: FormLayoutTypes;
|
|
64
|
-
valuePropName?: string;
|
|
65
|
-
dependencies?: string[];
|
|
66
|
-
normalize?: (value: RuleType, prevValue: RuleType, allValues: RuleType) => RuleType;
|
|
67
|
-
feedbackIcons?: boolean;
|
|
68
|
-
};
|
|
69
|
-
export interface FormItemChildComponentProps {
|
|
70
|
-
child: React.ReactElement;
|
|
71
|
-
name: string;
|
|
72
|
-
error: boolean;
|
|
73
|
-
fieldValue: RuleTypes;
|
|
74
|
-
value: RuleType;
|
|
75
|
-
setFieldValue: (name: string, value: RuleType) => void;
|
|
76
|
-
onChange?: (e: SyntheticBaseEvent, option?: OptionProps) => void;
|
|
77
|
-
valuePropName?: string;
|
|
78
|
-
size?: SizeType;
|
|
79
|
-
normalize?: (value: RuleType, prevValue: RuleType, allValues: RuleType) => RuleType;
|
|
80
|
-
noStyle?: boolean;
|
|
81
|
-
feedbackIcons?: boolean;
|
|
82
|
-
}
|
|
83
|
-
export interface FormInstance {
|
|
84
|
-
submit: () => Promise<Record<string, RuleTypes> | undefined>;
|
|
85
|
-
setFields: (fields: FieldData[]) => void;
|
|
86
|
-
resetFields: (nameList?: string[]) => void;
|
|
87
|
-
getFieldError: (name: string) => string[];
|
|
88
|
-
registerField: (name: string, rules?: RuleObject[]) => void;
|
|
89
|
-
setFieldValue: (name: string, value: RuleTypes) => void;
|
|
90
|
-
getFieldValue: (name: string) => RuleTypes;
|
|
91
|
-
validateFields: (nameList?: string[]) => Promise<boolean>;
|
|
92
|
-
setFieldsValue: (values: Partial<Record<string, RuleTypes>>) => void;
|
|
93
|
-
getFieldsValue: (nameList?: string[]) => Record<string, RuleTypes>;
|
|
94
|
-
isFieldTouched: (name: string) => boolean;
|
|
95
|
-
getFieldsError: () => Pick<FieldError, 'errors' | 'name'>[];
|
|
96
|
-
isFieldsTouched: (nameList?: string[], allFieldsTouched?: boolean) => boolean;
|
|
97
|
-
getFieldWarning: (name: string) => string[];
|
|
98
|
-
subscribeToField: (name: string, callback: (value: RuleTypes) => void) => () => void;
|
|
99
|
-
subscribeToForm: (callback: (values: Record<string, RuleTypes>) => void) => () => void;
|
|
100
|
-
subscribeToFields: (names: string[], callback: (values: Record<string, RuleTypes>) => void) => () => void;
|
|
101
|
-
isFieldValidating: (name: string) => boolean;
|
|
102
|
-
onFieldsChange?: (changedFields: FieldData[]) => void;
|
|
103
|
-
onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void;
|
|
104
|
-
getFieldInstance: (fieldName: string) => FieldInstancesRef;
|
|
105
|
-
isReseting: boolean;
|
|
106
|
-
}
|
|
107
|
-
export {};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, InputHTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEventHandler, ReactElement, ReactNode, TextareaHTMLAttributes } from 'react';
|
|
2
|
-
import { DefaultProps, SizeType, SyntheticBaseEvent } from '.';
|
|
3
|
-
export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> & DefaultProps & {
|
|
4
|
-
addonBefore?: ReactNode;
|
|
5
|
-
addonAfter?: ReactNode;
|
|
6
|
-
size?: SizeType;
|
|
7
|
-
prefix?: ReactNode;
|
|
8
|
-
suffix?: ReactNode;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
allowClear?: boolean;
|
|
11
|
-
error?: boolean;
|
|
12
|
-
bordered?: boolean;
|
|
13
|
-
iconRender?: (visible: boolean) => ReactElement;
|
|
14
|
-
onChange?: (event: SyntheticBaseEvent) => void;
|
|
15
|
-
onClick?: MouseEventHandler<HTMLElement>;
|
|
16
|
-
onMouseEnter?: MouseEventHandler<HTMLElement>;
|
|
17
|
-
onMouseLeave?: MouseEventHandler<HTMLElement>;
|
|
18
|
-
onKeyPress?: KeyboardEventHandler<HTMLElement>;
|
|
19
|
-
onKeyDown?: KeyboardEventHandler<HTMLElement>;
|
|
20
|
-
onPressEnter?: (event: KeyboardEvent<HTMLInputElement>) => void;
|
|
21
|
-
feedbackIcons?: boolean;
|
|
22
|
-
};
|
|
23
|
-
export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onResize'> & DefaultProps & {
|
|
24
|
-
value?: string;
|
|
25
|
-
className?: string;
|
|
26
|
-
style?: CSSProperties;
|
|
27
|
-
autoSize?: boolean | {
|
|
28
|
-
minRows?: number;
|
|
29
|
-
maxRows?: number;
|
|
30
|
-
};
|
|
31
|
-
onPressEnter?: KeyboardEventHandler<HTMLTextAreaElement>;
|
|
32
|
-
onResize?: (size: {
|
|
33
|
-
width: number;
|
|
34
|
-
height: number;
|
|
35
|
-
}) => void;
|
|
36
|
-
styles?: {
|
|
37
|
-
textarea?: CSSProperties;
|
|
38
|
-
count?: CSSProperties;
|
|
39
|
-
};
|
|
40
|
-
bordered?: boolean;
|
|
41
|
-
size?: SizeType;
|
|
42
|
-
status?: 'success' | 'error';
|
|
43
|
-
rootClassName?: string;
|
|
44
|
-
variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
|
|
45
|
-
error?: boolean;
|
|
46
|
-
allowClear?: boolean;
|
|
47
|
-
};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
-
import { DefaultProps, RuleType, SizeType, SyntheticBaseEvent } from '.';
|
|
3
|
-
export type RadioValueType = string | number | readonly string[] | undefined;
|
|
4
|
-
export interface RadioGroupProps {
|
|
5
|
-
defaultValue?: RuleType;
|
|
6
|
-
value?: RuleType;
|
|
7
|
-
onChange?: (e: SyntheticBaseEvent) => void;
|
|
8
|
-
size?: SizeType;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
onMouseEnter?: MouseEventHandler<HTMLDivElement>;
|
|
11
|
-
onMouseLeave?: MouseEventHandler<HTMLDivElement>;
|
|
12
|
-
name?: string;
|
|
13
|
-
children?: ReactNode;
|
|
14
|
-
id?: string;
|
|
15
|
-
optionType?: 'default' | 'button';
|
|
16
|
-
buttonStyle?: 'outline' | 'solid';
|
|
17
|
-
onFocus?: FocusEventHandler<HTMLDivElement>;
|
|
18
|
-
onBlur?: FocusEventHandler<HTMLDivElement>;
|
|
19
|
-
block?: boolean;
|
|
20
|
-
prefixCls?: string;
|
|
21
|
-
className?: string;
|
|
22
|
-
options?: Array<{
|
|
23
|
-
label: ReactNode;
|
|
24
|
-
value: RuleType;
|
|
25
|
-
disabled?: boolean;
|
|
26
|
-
}> | string[] | number[];
|
|
27
|
-
style?: CSSProperties;
|
|
28
|
-
}
|
|
29
|
-
export type RadioProps = DefaultProps & {
|
|
30
|
-
defaultChecked?: boolean;
|
|
31
|
-
checked?: boolean;
|
|
32
|
-
disabled?: boolean;
|
|
33
|
-
title?: string;
|
|
34
|
-
onChange?: (e: SyntheticBaseEvent) => void;
|
|
35
|
-
onClick?: MouseEventHandler<HTMLElement>;
|
|
36
|
-
onMouseEnter?: MouseEventHandler<HTMLElement>;
|
|
37
|
-
onMouseLeave?: MouseEventHandler<HTMLElement>;
|
|
38
|
-
onKeyPress?: KeyboardEventHandler<HTMLElement>;
|
|
39
|
-
onKeyDown?: KeyboardEventHandler<HTMLElement>;
|
|
40
|
-
onFocus?: FocusEventHandler<HTMLInputElement>;
|
|
41
|
-
onBlur?: FocusEventHandler<HTMLInputElement>;
|
|
42
|
-
value?: RuleType;
|
|
43
|
-
tabIndex?: number;
|
|
44
|
-
name?: string;
|
|
45
|
-
children?: ReactNode;
|
|
46
|
-
id?: string;
|
|
47
|
-
autoFocus?: boolean;
|
|
48
|
-
type?: string;
|
|
49
|
-
skipGroup?: boolean;
|
|
50
|
-
required?: boolean;
|
|
51
|
-
button?: boolean;
|
|
52
|
-
error?: boolean;
|
|
53
|
-
};
|
|
54
|
-
export type RadioButtonProps = RadioProps & {
|
|
55
|
-
children?: ReactNode;
|
|
56
|
-
size?: SizeType;
|
|
57
|
-
};
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { ChangeEventHandler, CSSProperties, FocusEventHandler, Key, KeyboardEventHandler, MouseEvent, MouseEventHandler, ReactElement, ReactEventHandler, ReactNode } from 'react';
|
|
2
|
-
import { DefaultProps, RuleType, RuleTypes, TargetProps } from '.';
|
|
3
|
-
export type SelectProps = DefaultProps & {
|
|
4
|
-
id?: string;
|
|
5
|
-
searchValue?: string;
|
|
6
|
-
onSearch?: (value: string) => void;
|
|
7
|
-
autoClearSearchValue?: boolean;
|
|
8
|
-
onSelect?: (value: RuleTypes, option?: OptionType) => void;
|
|
9
|
-
onDeselect?: (value: string, option?: OptionType) => void;
|
|
10
|
-
filterOption?: boolean | ((input: string, option: OptionType) => boolean);
|
|
11
|
-
optionFilterProp?: string;
|
|
12
|
-
options?: OptionType[];
|
|
13
|
-
children?: ReactNode;
|
|
14
|
-
defaultActiveFirstOption?: boolean;
|
|
15
|
-
listHeight?: number;
|
|
16
|
-
menuItemSelectedIcon?: ReactNode;
|
|
17
|
-
mode?: 'default' | 'multiple' | 'tags';
|
|
18
|
-
value?: RuleTypes;
|
|
19
|
-
defaultValue?: RuleTypes;
|
|
20
|
-
maxCount?: number;
|
|
21
|
-
onChange?: (e: RuleTypes, option?: OptionType) => void;
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
loading?: boolean;
|
|
24
|
-
placeholder?: string;
|
|
25
|
-
allowClear?: boolean;
|
|
26
|
-
filterable?: boolean;
|
|
27
|
-
defaultOpen?: boolean;
|
|
28
|
-
size?: 'small' | 'middle' | 'large';
|
|
29
|
-
onClear?: () => void;
|
|
30
|
-
error?: boolean;
|
|
31
|
-
showSearch?: boolean;
|
|
32
|
-
tagRender?: ((props: CustomTagProps) => ReactElement) | undefined;
|
|
33
|
-
maxTagPlaceholder?: ReactNode | ((omittedValues: DisplayValueType[]) => ReactNode);
|
|
34
|
-
dropdownClassName?: string;
|
|
35
|
-
showArrow?: boolean;
|
|
36
|
-
onBlur?: FocusEventHandler<HTMLElement> | undefined;
|
|
37
|
-
onDropdownVisibleChange?: ((open: boolean) => void) | undefined;
|
|
38
|
-
showAction?: ('click' | 'focus')[] | undefined;
|
|
39
|
-
suffixIcon?: ReactNode;
|
|
40
|
-
open?: boolean;
|
|
41
|
-
notFoundContent?: ReactNode;
|
|
42
|
-
getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
|
|
43
|
-
dropdownRender?: (menu: ReactNode) => ReactNode;
|
|
44
|
-
feedbackIcons?: boolean;
|
|
45
|
-
placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
|
|
46
|
-
removeIcon?: ReactNode;
|
|
47
|
-
};
|
|
48
|
-
export interface OptionType {
|
|
49
|
-
value: RuleType;
|
|
50
|
-
disabled?: boolean;
|
|
51
|
-
children?: ReactNode;
|
|
52
|
-
className?: string;
|
|
53
|
-
style?: CSSProperties;
|
|
54
|
-
onClick?: MouseEventHandler<HTMLDivElement>;
|
|
55
|
-
render?: (label: string) => ReactNode;
|
|
56
|
-
prefixCls?: string;
|
|
57
|
-
label?: RuleType;
|
|
58
|
-
}
|
|
59
|
-
export type CustomTagProps = DefaultProps & {
|
|
60
|
-
label?: ReactNode;
|
|
61
|
-
value: string;
|
|
62
|
-
onClose: (e: MouseEvent<HTMLSpanElement> & TargetProps) => void;
|
|
63
|
-
onMouseDown?: MouseEventHandler | undefined;
|
|
64
|
-
onLoadCapture?: ReactEventHandler | undefined;
|
|
65
|
-
closable?: boolean;
|
|
66
|
-
isMaxTag?: boolean;
|
|
67
|
-
color?: string;
|
|
68
|
-
icon?: ReactNode;
|
|
69
|
-
};
|
|
70
|
-
export type TagProps = DefaultProps & {
|
|
71
|
-
values?: string[];
|
|
72
|
-
onClose: (e: MouseEvent<HTMLSpanElement> & TargetProps) => void;
|
|
73
|
-
icon?: ReactNode;
|
|
74
|
-
closable?: boolean;
|
|
75
|
-
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
76
|
-
onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
|
|
77
|
-
};
|
|
78
|
-
export interface DisplayValueType {
|
|
79
|
-
key?: Key;
|
|
80
|
-
value?: RuleType;
|
|
81
|
-
label?: ReactNode;
|
|
82
|
-
title?: string | number;
|
|
83
|
-
disabled?: boolean;
|
|
84
|
-
}
|
|
85
|
-
export interface OptionProps {
|
|
86
|
-
value: RuleType;
|
|
87
|
-
disabled?: boolean;
|
|
88
|
-
children?: ReactNode;
|
|
89
|
-
className?: string;
|
|
90
|
-
style?: CSSProperties;
|
|
91
|
-
onClick?: MouseEventHandler<HTMLDivElement>;
|
|
92
|
-
render?: (label: string) => ReactNode;
|
|
93
|
-
onMouseEnter?: MouseEventHandler<HTMLDivElement>;
|
|
94
|
-
prefixCls?: string;
|
|
95
|
-
selected?: boolean;
|
|
96
|
-
title?: string;
|
|
97
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import { DefaultProps } from '.';
|
|
3
|
-
declare type widthUnit = number | string;
|
|
4
|
-
export interface SkeletonElementProps {
|
|
5
|
-
className?: string;
|
|
6
|
-
style?: CSSProperties;
|
|
7
|
-
size?: 'large' | 'small' | 'default' | number;
|
|
8
|
-
shape?: 'circle' | 'square' | 'round';
|
|
9
|
-
active?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export type SkeletonProps = DefaultProps & {
|
|
12
|
-
active?: boolean;
|
|
13
|
-
loading?: boolean;
|
|
14
|
-
className?: string;
|
|
15
|
-
style?: CSSProperties;
|
|
16
|
-
children?: ReactNode;
|
|
17
|
-
avatar?: SkeletonAvatarProps | boolean;
|
|
18
|
-
title?: SkeletonTitleProps | boolean;
|
|
19
|
-
paragraph?: SkeletonParagraphProps | boolean;
|
|
20
|
-
round?: boolean;
|
|
21
|
-
teamLogo?: boolean;
|
|
22
|
-
};
|
|
23
|
-
interface SkeletonTitleProps {
|
|
24
|
-
className?: string;
|
|
25
|
-
style?: CSSProperties;
|
|
26
|
-
width?: number | string;
|
|
27
|
-
}
|
|
28
|
-
interface SkeletonParagraphProps {
|
|
29
|
-
className?: string;
|
|
30
|
-
style?: CSSProperties;
|
|
31
|
-
width?: widthUnit | Array<widthUnit>;
|
|
32
|
-
rows?: number;
|
|
33
|
-
}
|
|
34
|
-
export type SkeletonAvatarProps = Omit<SkeletonElementProps, 'shape'> & DefaultProps & {
|
|
35
|
-
shape?: 'circle' | 'square';
|
|
36
|
-
active?: boolean;
|
|
37
|
-
applyElementStyle?: boolean;
|
|
38
|
-
wrapperStyle?: CSSProperties;
|
|
39
|
-
};
|
|
40
|
-
export type SkeletonImageProps = DefaultProps & Omit<SkeletonElementProps, 'size' | 'shape' | 'active'>;
|
|
41
|
-
export type SkeletonInputProps = Omit<SkeletonElementProps, 'size' | 'shape'> & DefaultProps & {
|
|
42
|
-
size?: 'large' | 'small' | 'default';
|
|
43
|
-
block?: boolean;
|
|
44
|
-
};
|
|
45
|
-
export type SkeletonButtonProps = Omit<SkeletonElementProps, 'size'> & DefaultProps & {
|
|
46
|
-
size?: 'large' | 'small' | 'default';
|
|
47
|
-
block?: boolean;
|
|
48
|
-
applyElementStyle?: boolean;
|
|
49
|
-
};
|
|
50
|
-
export {};
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { DefaultProps, RuleType } from '.';
|
|
2
|
-
export interface RcFile extends File {
|
|
3
|
-
uid: string;
|
|
4
|
-
lastModifiedDate: Date;
|
|
5
|
-
webkitRelativePath: string;
|
|
6
|
-
}
|
|
7
|
-
export type UploadFile<RcFile> = {
|
|
8
|
-
originFileObj: RcFile;
|
|
9
|
-
uid: string;
|
|
10
|
-
name: string;
|
|
11
|
-
status?: 'uploading' | 'done' | 'error' | 'removed';
|
|
12
|
-
percent?: number;
|
|
13
|
-
url?: string;
|
|
14
|
-
file?: RcFile;
|
|
15
|
-
};
|
|
16
|
-
export type UploadChangeParam = {
|
|
17
|
-
file: UploadFile<RuleType>;
|
|
18
|
-
fileList: UploadFile<RuleType>[];
|
|
19
|
-
};
|
|
20
|
-
export type UploadProps = DefaultProps & {
|
|
21
|
-
type?: string;
|
|
22
|
-
name?: string;
|
|
23
|
-
defaultFileList?: UploadFile<RuleType>[];
|
|
24
|
-
fileList?: UploadFile<RuleType>[];
|
|
25
|
-
action?: string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);
|
|
26
|
-
directory?: boolean;
|
|
27
|
-
data?: Record<string, unknown> | ((file: UploadFile<RuleType>) => Record<string, unknown> | Promise<Record<string, unknown>>);
|
|
28
|
-
method?: 'POST' | 'PUT' | 'PATCH';
|
|
29
|
-
headers?: Record<string, string>;
|
|
30
|
-
showUploadList?: boolean;
|
|
31
|
-
multiple?: boolean;
|
|
32
|
-
accept?: string;
|
|
33
|
-
beforeUpload?: (file: RcFile, fileList: File[]) => boolean | Promise<boolean>;
|
|
34
|
-
onChange?: (info: UploadChangeParam) => void;
|
|
35
|
-
onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
|
|
36
|
-
listType?: string;
|
|
37
|
-
className?: string;
|
|
38
|
-
rootClassName?: string;
|
|
39
|
-
onPreview?: (file: UploadFile<RuleType>) => void;
|
|
40
|
-
onDownload?: (file: UploadFile<RuleType>) => void;
|
|
41
|
-
onRemove?: (file: UploadFile<RuleType>) => void | boolean | Promise<void | boolean>;
|
|
42
|
-
disabled?: boolean;
|
|
43
|
-
style?: React.CSSProperties;
|
|
44
|
-
customRequest?: (options: {
|
|
45
|
-
file: RcFile;
|
|
46
|
-
onSuccess: (response: RuleType) => void;
|
|
47
|
-
onError: (error: RuleType) => void;
|
|
48
|
-
onProgress: (event: ProgressEvent) => void;
|
|
49
|
-
}) => void;
|
|
50
|
-
withCredentials?: boolean;
|
|
51
|
-
openFileDialogOnClick?: boolean;
|
|
52
|
-
maxCount?: number;
|
|
53
|
-
children?: React.ReactNode;
|
|
54
|
-
};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|