x-ui-design 0.2.60 → 0.2.62
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/components/DatePicker/DatePicker.d.ts +3 -2
- package/dist/esm/types/components/DatePicker/RangePicker/RangePicker.d.ts +2 -1
- package/dist/esm/types/components/Form/Form.d.ts +2 -2
- package/dist/esm/types/components/Form/Item/Item.d.ts +2 -1
- package/dist/esm/types/components/Input/Input.d.ts +13 -13
- package/dist/esm/types/components/Input/Textarea/Textarea.d.ts +7 -6
- package/dist/esm/types/components/Radio/Group/Group.d.ts +2 -1
- package/dist/esm/types/components/Radio/Radio.d.ts +13 -12
- package/dist/esm/types/components/Select/Select.d.ts +12 -12
- package/dist/esm/types/components/Skeleton/Skeleton.d.ts +5 -5
- package/dist/esm/types/components/Upload/Upload.d.ts +2 -1
- package/dist/index.esm.js +166 -166
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +166 -166
- package/dist/index.js.map +1 -1
- package/lib/components/Button/Button.tsx +1 -1
- package/lib/components/DatePicker/DatePicker.tsx +1 -1
- package/lib/components/DatePicker/RangePicker/RangePicker.tsx +1 -1
- package/lib/components/DatePicker/TimePicker/TimePicker.tsx +1 -1
- package/lib/components/Form/Form.tsx +1 -1
- package/lib/components/Form/Item/Item.tsx +1 -1
- package/lib/components/Input/Input.tsx +1 -1
- package/lib/components/Input/Textarea/Textarea.tsx +1 -1
- package/lib/components/Radio/Group/Group.tsx +1 -1
- package/lib/components/Radio/Radio.tsx +1 -1
- package/lib/components/Select/Option/Option.tsx +1 -1
- package/lib/components/Select/Select.tsx +1 -1
- package/lib/components/Select/Tag/Tag.tsx +1 -1
- package/lib/components/Skeleton/Avatar/Avatar.tsx +1 -1
- package/lib/components/Skeleton/Button/Button.tsx +1 -1
- package/lib/components/Skeleton/Image/Image.tsx +1 -1
- package/lib/components/Skeleton/Input/Input.tsx +1 -1
- package/lib/components/Skeleton/Skeleton.tsx +1 -1
- package/lib/components/Upload/Upload.tsx +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { TDatePickerProps } from '../../types/datepicker';
|
|
2
3
|
import './style.css';
|
|
3
4
|
export declare const NUMBER_SIX = 6;
|
|
4
5
|
export declare const MONTH_LENGTH = 11;
|
|
5
6
|
export declare const NEXT_DAYS_COUNT_AS_CURRENT_MUNTH = 35;
|
|
6
|
-
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) =>
|
|
7
|
-
RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: import("../../types/datepicker").TRangePickerProps) =>
|
|
7
|
+
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) & {
|
|
8
|
+
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;
|
|
8
9
|
};
|
|
9
10
|
export default DatePicker;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { TRangePickerProps } from '../../../types/datepicker';
|
|
2
3
|
import './style.css';
|
|
3
|
-
declare const RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: TRangePickerProps) =>
|
|
4
|
+
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;
|
|
4
5
|
export default RangePicker;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
2
|
import { FormInstance, FormItemProps, FormProps } from '../../types/form';
|
|
3
|
-
export declare const FormContext:
|
|
3
|
+
export declare const FormContext: React.Context<FormInstance | null>;
|
|
4
4
|
declare const Form: FC<FormProps> & {
|
|
5
5
|
Item: FC<FormItemProps>;
|
|
6
6
|
};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { FormItemProps } from '../../../types/form';
|
|
2
3
|
import './style.css';
|
|
3
4
|
declare const FormItem: {
|
|
4
|
-
({ prefixCls, name, label, rules, children, className, layout, style, valuePropName, dependencies, initialValue, feedbackIcons, ...props }: FormItemProps):
|
|
5
|
+
({ prefixCls, name, label, rules, children, className, layout, style, valuePropName, dependencies, initialValue, feedbackIcons, ...props }: FormItemProps): React.JSX.Element;
|
|
5
6
|
displayName: string;
|
|
6
7
|
};
|
|
7
8
|
export default FormItem;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { KeyboardEvent } from 'react';
|
|
1
|
+
import React, { KeyboardEvent } from 'react';
|
|
2
2
|
import { SyntheticBaseEvent } from '../../types';
|
|
3
3
|
import './style.css';
|
|
4
4
|
import Textarea from './Textarea/Textarea';
|
|
5
|
-
declare const InputComponent:
|
|
6
|
-
addonBefore?:
|
|
7
|
-
addonAfter?:
|
|
5
|
+
declare const InputComponent: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & import("../../types").DefaultProps & {
|
|
6
|
+
addonBefore?: React.ReactNode;
|
|
7
|
+
addonAfter?: React.ReactNode;
|
|
8
8
|
size?: import("../../types").SizeType;
|
|
9
|
-
prefix?:
|
|
10
|
-
suffix?:
|
|
9
|
+
prefix?: React.ReactNode;
|
|
10
|
+
suffix?: React.ReactNode;
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
allowClear?: boolean;
|
|
13
13
|
error?: boolean;
|
|
14
14
|
bordered?: boolean;
|
|
15
|
-
iconRender?: (visible: boolean) =>
|
|
15
|
+
iconRender?: (visible: boolean) => React.ReactElement;
|
|
16
16
|
onChange?: (event: SyntheticBaseEvent) => void;
|
|
17
|
-
onClick?:
|
|
18
|
-
onMouseEnter?:
|
|
19
|
-
onMouseLeave?:
|
|
20
|
-
onKeyPress?:
|
|
21
|
-
onKeyDown?:
|
|
17
|
+
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
18
|
+
onMouseEnter?: React.MouseEventHandler<HTMLElement>;
|
|
19
|
+
onMouseLeave?: React.MouseEventHandler<HTMLElement>;
|
|
20
|
+
onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
|
|
21
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
|
|
22
22
|
onPressEnter?: (event: KeyboardEvent<HTMLInputElement>) => void;
|
|
23
23
|
feedbackIcons?: boolean;
|
|
24
|
-
} &
|
|
24
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
25
25
|
declare const Input: typeof InputComponent & {
|
|
26
26
|
TextArea: typeof Textarea;
|
|
27
27
|
};
|
|
@@ -1,20 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import './style.css';
|
|
2
|
-
declare const Textarea:
|
|
3
|
+
declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onResize"> & import("../../../types").DefaultProps & {
|
|
3
4
|
value?: string;
|
|
4
5
|
className?: string;
|
|
5
|
-
style?:
|
|
6
|
+
style?: React.CSSProperties;
|
|
6
7
|
autoSize?: boolean | {
|
|
7
8
|
minRows?: number;
|
|
8
9
|
maxRows?: number;
|
|
9
10
|
};
|
|
10
|
-
onPressEnter?:
|
|
11
|
+
onPressEnter?: React.KeyboardEventHandler<HTMLTextAreaElement>;
|
|
11
12
|
onResize?: (size: {
|
|
12
13
|
width: number;
|
|
13
14
|
height: number;
|
|
14
15
|
}) => void;
|
|
15
16
|
styles?: {
|
|
16
|
-
textarea?:
|
|
17
|
-
count?:
|
|
17
|
+
textarea?: React.CSSProperties;
|
|
18
|
+
count?: React.CSSProperties;
|
|
18
19
|
};
|
|
19
20
|
bordered?: boolean;
|
|
20
21
|
size?: import("../../../types").SizeType;
|
|
@@ -23,5 +24,5 @@ declare const Textarea: import("react").ForwardRefExoticComponent<Omit<import("r
|
|
|
23
24
|
variant?: "outlined" | "borderless" | "filled" | "underlined";
|
|
24
25
|
error?: boolean;
|
|
25
26
|
allowClear?: boolean;
|
|
26
|
-
} &
|
|
27
|
+
} & React.RefAttributes<HTMLTextAreaElement>>;
|
|
27
28
|
export default Textarea;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { RadioGroupProps } from '../../../types/radio';
|
|
2
3
|
import './style.css';
|
|
3
|
-
declare const RadioGroup: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: RadioGroupProps) =>
|
|
4
|
+
declare const RadioGroup: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: RadioGroupProps) => React.JSX.Element;
|
|
4
5
|
export default RadioGroup;
|
|
@@ -1,21 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import './style.css';
|
|
2
|
-
declare const Radio:
|
|
3
|
+
declare const Radio: React.ForwardRefExoticComponent<import("../../types").DefaultProps & {
|
|
3
4
|
defaultChecked?: boolean;
|
|
4
5
|
checked?: boolean;
|
|
5
6
|
disabled?: boolean;
|
|
6
7
|
title?: string;
|
|
7
8
|
onChange?: (e: import("../../types").SyntheticBaseEvent) => void;
|
|
8
|
-
onClick?:
|
|
9
|
-
onMouseEnter?:
|
|
10
|
-
onMouseLeave?:
|
|
11
|
-
onKeyPress?:
|
|
12
|
-
onKeyDown?:
|
|
13
|
-
onFocus?:
|
|
14
|
-
onBlur?:
|
|
9
|
+
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
10
|
+
onMouseEnter?: React.MouseEventHandler<HTMLElement>;
|
|
11
|
+
onMouseLeave?: React.MouseEventHandler<HTMLElement>;
|
|
12
|
+
onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
|
|
13
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
|
|
14
|
+
onFocus?: React.FocusEventHandler<HTMLInputElement>;
|
|
15
|
+
onBlur?: React.FocusEventHandler<HTMLInputElement>;
|
|
15
16
|
value?: import("../../types").RuleType;
|
|
16
17
|
tabIndex?: number;
|
|
17
18
|
name?: string;
|
|
18
|
-
children?:
|
|
19
|
+
children?: React.ReactNode;
|
|
19
20
|
id?: string;
|
|
20
21
|
autoFocus?: boolean;
|
|
21
22
|
type?: string;
|
|
@@ -23,8 +24,8 @@ declare const Radio: import("react").ForwardRefExoticComponent<import("../../typ
|
|
|
23
24
|
required?: boolean;
|
|
24
25
|
button?: boolean;
|
|
25
26
|
error?: boolean;
|
|
26
|
-
} &
|
|
27
|
-
Group: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: import("../../types/radio").RadioGroupProps) =>
|
|
28
|
-
Button: ({ prefixCls, className, checked, disabled, children, size, ...props }: import("../../types/radio").RadioButtonProps) =>
|
|
27
|
+
} & React.RefAttributes<HTMLLabelElement>> & {
|
|
28
|
+
Group: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: import("../../types/radio").RadioGroupProps) => React.JSX.Element;
|
|
29
|
+
Button: ({ prefixCls, className, checked, disabled, children, size, ...props }: import("../../types/radio").RadioButtonProps) => React.JSX.Element;
|
|
29
30
|
};
|
|
30
31
|
export default Radio;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
2
|
import { OptionType } from '../../types/select';
|
|
3
3
|
import './style.css';
|
|
4
|
-
declare const Select:
|
|
4
|
+
declare const Select: React.ForwardRefExoticComponent<import("../../types").DefaultProps & {
|
|
5
5
|
id?: string;
|
|
6
6
|
searchValue?: string;
|
|
7
7
|
onSearch?: (value: string) => void;
|
|
@@ -11,10 +11,10 @@ declare const Select: import("react").ForwardRefExoticComponent<import("../../ty
|
|
|
11
11
|
filterOption?: boolean | ((input: string, option: OptionType) => boolean);
|
|
12
12
|
optionFilterProp?: string;
|
|
13
13
|
options?: OptionType[];
|
|
14
|
-
children?:
|
|
14
|
+
children?: React.ReactNode;
|
|
15
15
|
defaultActiveFirstOption?: boolean;
|
|
16
16
|
listHeight?: number;
|
|
17
|
-
menuItemSelectedIcon?:
|
|
17
|
+
menuItemSelectedIcon?: React.ReactNode;
|
|
18
18
|
mode?: "default" | "multiple" | "tags";
|
|
19
19
|
value?: import("../../types").RuleTypes;
|
|
20
20
|
defaultValue?: import("../../types").RuleTypes;
|
|
@@ -31,21 +31,21 @@ declare const Select: import("react").ForwardRefExoticComponent<import("../../ty
|
|
|
31
31
|
error?: boolean;
|
|
32
32
|
showSearch?: boolean;
|
|
33
33
|
tagRender?: ((props: import("../../types/select").CustomTagProps) => ReactElement) | undefined;
|
|
34
|
-
maxTagPlaceholder?:
|
|
34
|
+
maxTagPlaceholder?: React.ReactNode | ((omittedValues: import("../../types/select").DisplayValueType[]) => React.ReactNode);
|
|
35
35
|
dropdownClassName?: string;
|
|
36
36
|
showArrow?: boolean;
|
|
37
|
-
onBlur?:
|
|
37
|
+
onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
|
|
38
38
|
onDropdownVisibleChange?: ((open: boolean) => void) | undefined;
|
|
39
39
|
showAction?: ("click" | "focus")[] | undefined;
|
|
40
|
-
suffixIcon?:
|
|
40
|
+
suffixIcon?: React.ReactNode;
|
|
41
41
|
open?: boolean;
|
|
42
|
-
notFoundContent?:
|
|
42
|
+
notFoundContent?: React.ReactNode;
|
|
43
43
|
getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
|
|
44
|
-
dropdownRender?: (menu:
|
|
44
|
+
dropdownRender?: (menu: React.ReactNode) => React.ReactNode;
|
|
45
45
|
feedbackIcons?: boolean;
|
|
46
46
|
placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
|
|
47
|
-
removeIcon?:
|
|
48
|
-
} &
|
|
49
|
-
Option:
|
|
47
|
+
removeIcon?: React.ReactNode;
|
|
48
|
+
} & React.RefAttributes<HTMLDivElement>> & {
|
|
49
|
+
Option: React.FC<import("../../types/select").OptionProps>;
|
|
50
50
|
};
|
|
51
51
|
export default Select;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
2
|
import { SkeletonProps } from '../../types/skeleton';
|
|
3
3
|
import './style.css';
|
|
4
4
|
declare const Skeleton: {
|
|
5
5
|
({ prefixCls, active, className, style, avatar, paragraph, round, title, teamLogo }: SkeletonProps): ReactElement;
|
|
6
|
-
Image:
|
|
7
|
-
Input:
|
|
8
|
-
Avatar:
|
|
9
|
-
Button:
|
|
6
|
+
Image: React.FC<import("../../types/skeleton").SkeletonImageProps>;
|
|
7
|
+
Input: React.FC<import("../../types/skeleton").SkeletonInputProps>;
|
|
8
|
+
Avatar: React.FC<import("../../types/skeleton").SkeletonAvatarProps>;
|
|
9
|
+
Button: React.FC<import("../../types/skeleton").SkeletonButtonProps>;
|
|
10
10
|
};
|
|
11
11
|
export default Skeleton;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { UploadProps } from '../../types/upload';
|
|
2
3
|
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) =>
|
|
4
|
+
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;
|
|
4
5
|
export default Upload;
|