sud-ui 1.5.3 → 1.5.4
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/components/commonType.d.ts +74 -74
- package/dist/components/dataDisplay/Calendar.d.ts +6 -6
- package/dist/components/dataEntry/Select.d.ts +5 -5
- package/dist/components/navigation/Dropdown.d.ts +11 -11
- package/dist/components/navigation/base/PopupBase.d.ts +20 -20
- package/dist/index.js +4008 -4005
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,74 +1,74 @@
|
|
|
1
|
-
export type defaultColorType = badgeColorType | tagColorType | "ghost" | "text";
|
|
2
|
-
|
|
3
|
-
export type badgeColorType =
|
|
4
|
-
| "default"
|
|
5
|
-
| "primary"
|
|
6
|
-
| "success"
|
|
7
|
-
| "warning"
|
|
8
|
-
| "danger"
|
|
9
|
-
| "info";
|
|
10
|
-
|
|
11
|
-
export type tagColorType =
|
|
12
|
-
| "default"
|
|
13
|
-
| "red"
|
|
14
|
-
| "rose"
|
|
15
|
-
| "coral"
|
|
16
|
-
| "orange"
|
|
17
|
-
| "volcano"
|
|
18
|
-
| "apricot"
|
|
19
|
-
| "yellow"
|
|
20
|
-
| "gold"
|
|
21
|
-
| "amber"
|
|
22
|
-
| "green"
|
|
23
|
-
| "lime"
|
|
24
|
-
| "mint"
|
|
25
|
-
| "blue"
|
|
26
|
-
| "sky"
|
|
27
|
-
| "cerulean"
|
|
28
|
-
| "indigo"
|
|
29
|
-
| "cobalt"
|
|
30
|
-
| "navy"
|
|
31
|
-
| "purple"
|
|
32
|
-
| "plum"
|
|
33
|
-
| "orchid"
|
|
34
|
-
| "forest"
|
|
35
|
-
| "sage"
|
|
36
|
-
| "warm-gray"
|
|
37
|
-
| "cool-gray"
|
|
38
|
-
| "neutral";
|
|
39
|
-
|
|
40
|
-
export type shapeType = "square" | "circle" | "rounded" | "capsule";
|
|
41
|
-
|
|
42
|
-
export type defaultSizeType = "xs" | "sm" | "md" | "lg" | "xl";
|
|
43
|
-
|
|
44
|
-
export type borderType =
|
|
45
|
-
| "solid"
|
|
46
|
-
| "dashed"
|
|
47
|
-
| "dotted"
|
|
48
|
-
| "double"
|
|
49
|
-
| "groove"
|
|
50
|
-
| "ridge"
|
|
51
|
-
| "inset"
|
|
52
|
-
| "outset"
|
|
53
|
-
| "none";
|
|
54
|
-
|
|
55
|
-
export type shadowType = "none" | "sm" | "md" | "lg" | "xl";
|
|
56
|
-
|
|
57
|
-
export type fontSizeType =
|
|
58
|
-
| "xs"
|
|
59
|
-
| "sm"
|
|
60
|
-
| "base"
|
|
61
|
-
| "lg"
|
|
62
|
-
| "xl"
|
|
63
|
-
| "2xl"
|
|
64
|
-
| "3xl"
|
|
65
|
-
| "4xl";
|
|
66
|
-
|
|
67
|
-
export type fontWeightType =
|
|
68
|
-
| "light"
|
|
69
|
-
| "normal"
|
|
70
|
-
| "medium"
|
|
71
|
-
| "semibold"
|
|
72
|
-
| "bold";
|
|
73
|
-
|
|
74
|
-
export type spacingType = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
1
|
+
export type defaultColorType = badgeColorType | tagColorType | "ghost" | "text";
|
|
2
|
+
|
|
3
|
+
export type badgeColorType =
|
|
4
|
+
| "default"
|
|
5
|
+
| "primary"
|
|
6
|
+
| "success"
|
|
7
|
+
| "warning"
|
|
8
|
+
| "danger"
|
|
9
|
+
| "info";
|
|
10
|
+
|
|
11
|
+
export type tagColorType =
|
|
12
|
+
| "default"
|
|
13
|
+
| "red"
|
|
14
|
+
| "rose"
|
|
15
|
+
| "coral"
|
|
16
|
+
| "orange"
|
|
17
|
+
| "volcano"
|
|
18
|
+
| "apricot"
|
|
19
|
+
| "yellow"
|
|
20
|
+
| "gold"
|
|
21
|
+
| "amber"
|
|
22
|
+
| "green"
|
|
23
|
+
| "lime"
|
|
24
|
+
| "mint"
|
|
25
|
+
| "blue"
|
|
26
|
+
| "sky"
|
|
27
|
+
| "cerulean"
|
|
28
|
+
| "indigo"
|
|
29
|
+
| "cobalt"
|
|
30
|
+
| "navy"
|
|
31
|
+
| "purple"
|
|
32
|
+
| "plum"
|
|
33
|
+
| "orchid"
|
|
34
|
+
| "forest"
|
|
35
|
+
| "sage"
|
|
36
|
+
| "warm-gray"
|
|
37
|
+
| "cool-gray"
|
|
38
|
+
| "neutral";
|
|
39
|
+
|
|
40
|
+
export type shapeType = "square" | "circle" | "rounded" | "capsule";
|
|
41
|
+
|
|
42
|
+
export type defaultSizeType = "xs" | "sm" | "md" | "lg" | "xl";
|
|
43
|
+
|
|
44
|
+
export type borderType =
|
|
45
|
+
| "solid"
|
|
46
|
+
| "dashed"
|
|
47
|
+
| "dotted"
|
|
48
|
+
| "double"
|
|
49
|
+
| "groove"
|
|
50
|
+
| "ridge"
|
|
51
|
+
| "inset"
|
|
52
|
+
| "outset"
|
|
53
|
+
| "none";
|
|
54
|
+
|
|
55
|
+
export type shadowType = "none" | "sm" | "md" | "lg" | "xl";
|
|
56
|
+
|
|
57
|
+
export type fontSizeType =
|
|
58
|
+
| "xs"
|
|
59
|
+
| "sm"
|
|
60
|
+
| "base"
|
|
61
|
+
| "lg"
|
|
62
|
+
| "xl"
|
|
63
|
+
| "2xl"
|
|
64
|
+
| "3xl"
|
|
65
|
+
| "4xl";
|
|
66
|
+
|
|
67
|
+
export type fontWeightType =
|
|
68
|
+
| "light"
|
|
69
|
+
| "normal"
|
|
70
|
+
| "medium"
|
|
71
|
+
| "semibold"
|
|
72
|
+
| "bold";
|
|
73
|
+
|
|
74
|
+
export type spacingType = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
@@ -34,11 +34,11 @@ export interface CalendarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
34
34
|
width?: number | string;
|
|
35
35
|
height?: number | string;
|
|
36
36
|
range?: boolean;
|
|
37
|
-
startDate?: Date;
|
|
38
|
-
endDate?: Date;
|
|
39
|
-
size?: CalendarSize;
|
|
40
|
-
holidays?: string[];
|
|
41
|
-
holidaysStyle?: CSSProperties;
|
|
42
|
-
}
|
|
37
|
+
startDate?: Date;
|
|
38
|
+
endDate?: Date;
|
|
39
|
+
size?: CalendarSize;
|
|
40
|
+
holidays?: string[];
|
|
41
|
+
holidaysStyle?: CSSProperties;
|
|
42
|
+
}
|
|
43
43
|
|
|
44
44
|
export declare const Calendar: FC<CalendarProps>;
|
|
@@ -9,11 +9,11 @@ import type {
|
|
|
9
9
|
|
|
10
10
|
export type SelectSize = "sm" | "md" | "lg";
|
|
11
11
|
|
|
12
|
-
export interface SelectOption {
|
|
13
|
-
value: string | number;
|
|
14
|
-
label: ReactNode;
|
|
15
|
-
content?: ReactNode;
|
|
16
|
-
}
|
|
12
|
+
export interface SelectOption {
|
|
13
|
+
value: string | number;
|
|
14
|
+
label: ReactNode;
|
|
15
|
+
content?: ReactNode;
|
|
16
|
+
}
|
|
17
17
|
|
|
18
18
|
export interface SelectProps extends HTMLAttributes<HTMLDivElement> {
|
|
19
19
|
background?: string;
|
|
@@ -8,11 +8,11 @@ import type {
|
|
|
8
8
|
shadowType
|
|
9
9
|
} from "../commonType";
|
|
10
10
|
|
|
11
|
-
export interface DropdownProps
|
|
12
|
-
extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
|
|
13
|
-
children: ReactNode;
|
|
14
|
-
title?: ReactNode;
|
|
15
|
-
trigger?: PopupTrigger;
|
|
11
|
+
export interface DropdownProps
|
|
12
|
+
extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
|
|
13
|
+
children: ReactNode;
|
|
14
|
+
title?: ReactNode;
|
|
15
|
+
trigger?: PopupTrigger;
|
|
16
16
|
open?: boolean;
|
|
17
17
|
defaultOpen?: boolean;
|
|
18
18
|
onOpenChange?: (open: boolean) => void;
|
|
@@ -29,12 +29,12 @@ export interface DropdownProps
|
|
|
29
29
|
shape?: shapeType;
|
|
30
30
|
shadow?: shadowType;
|
|
31
31
|
expandType?: "accordion" | "popover";
|
|
32
|
-
popupPlacement?: PopupPlacement;
|
|
33
|
-
placement?: [PopupPlacement, PopupPlacement];
|
|
34
|
-
colorType?: defaultColorType;
|
|
35
|
-
style?: CSSProperties;
|
|
36
|
-
wrapperStyle?: CSSProperties;
|
|
37
|
-
}
|
|
32
|
+
popupPlacement?: PopupPlacement;
|
|
33
|
+
placement?: [PopupPlacement, PopupPlacement];
|
|
34
|
+
colorType?: defaultColorType;
|
|
35
|
+
style?: CSSProperties;
|
|
36
|
+
wrapperStyle?: CSSProperties;
|
|
37
|
+
}
|
|
38
38
|
|
|
39
39
|
declare const Dropdown: FC<DropdownProps>;
|
|
40
40
|
export default Dropdown;
|
|
@@ -28,19 +28,19 @@ export type PopupPlacement =
|
|
|
28
28
|
| "right-top"
|
|
29
29
|
| "right-bottom";
|
|
30
30
|
|
|
31
|
-
export type PopupVariant =
|
|
32
|
-
| "popup"
|
|
33
|
-
| "popover"
|
|
34
|
-
| "tooltip"
|
|
35
|
-
| "dropdown"
|
|
36
|
-
| "Menu"
|
|
37
|
-
| "popconfirm";
|
|
38
|
-
|
|
39
|
-
export interface PopupBaseProps
|
|
40
|
-
extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
|
|
41
|
-
children: ReactNode;
|
|
42
|
-
content: ReactNode | (() => ReactNode);
|
|
43
|
-
title?: ReactNode;
|
|
31
|
+
export type PopupVariant =
|
|
32
|
+
| "popup"
|
|
33
|
+
| "popover"
|
|
34
|
+
| "tooltip"
|
|
35
|
+
| "dropdown"
|
|
36
|
+
| "Menu"
|
|
37
|
+
| "popconfirm";
|
|
38
|
+
|
|
39
|
+
export interface PopupBaseProps
|
|
40
|
+
extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
|
|
41
|
+
children: ReactNode;
|
|
42
|
+
content: ReactNode | (() => ReactNode);
|
|
43
|
+
title?: ReactNode;
|
|
44
44
|
arrow?: boolean;
|
|
45
45
|
trigger?: PopupTrigger;
|
|
46
46
|
placement?: PopupPlacement;
|
|
@@ -57,13 +57,13 @@ export interface PopupBaseProps
|
|
|
57
57
|
borderType?: borderType;
|
|
58
58
|
borderWeight?: number;
|
|
59
59
|
shape?: shapeType;
|
|
60
|
-
shadow?: shadowType;
|
|
61
|
-
colorType?: defaultColorType;
|
|
62
|
-
style?: CSSProperties;
|
|
63
|
-
wrapperStyle?: CSSProperties;
|
|
64
|
-
followTrigger?: boolean;
|
|
65
|
-
contentRef?: RefObject<HTMLElement>;
|
|
66
|
-
parentRef?: RefObject<HTMLElement>;
|
|
60
|
+
shadow?: shadowType;
|
|
61
|
+
colorType?: defaultColorType;
|
|
62
|
+
style?: CSSProperties;
|
|
63
|
+
wrapperStyle?: CSSProperties;
|
|
64
|
+
followTrigger?: boolean;
|
|
65
|
+
contentRef?: RefObject<HTMLElement>;
|
|
66
|
+
parentRef?: RefObject<HTMLElement>;
|
|
67
67
|
variant?: PopupVariant;
|
|
68
68
|
footer?: boolean | ReactNode;
|
|
69
69
|
onCancel?: () => void;
|