@ucloud-fe/react-components 1.13.0 → 1.15.0
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/CHANGELOG.md +19 -0
- package/dist/icon.min.js +1 -1
- package/dist/main.min.js +8 -8
- package/index.d.ts +11 -0
- package/lib/components/Switch/style/index.js +7 -5
- package/lib/components/Table/Table.js +521 -123
- package/lib/components/Tag/Group.d.ts +21 -15
- package/lib/components/Tag/Group.js +175 -31
- package/lib/components/Tag/Icon.d.ts +17 -0
- package/lib/components/Tag/Icon.js +31 -2
- package/lib/components/Tag/Tag.d.ts +19 -0
- package/lib/components/Tag/Tag.js +44 -6
- package/lib/components/Tag/index.d.ts +2 -2
- package/lib/components/Tag/style/index.d.ts +46 -1
- package/lib/components/Tag/style/index.js +259 -85
- package/lib/components/ThemeProvider/designTokens.d.ts +216 -0
- package/lib/components/ThemeProvider/designTokens.js +436 -4
- package/lib/components/ThemeProvider/designTokensDark.d.ts +216 -0
- package/lib/components/ThemeProvider/designTokensDark.js +435 -3
- package/lib/components/ThemeProvider/designTokensPrivate.d.ts +492 -0
- package/lib/components/ThemeProvider/designTokensPrivate.js +989 -0
- package/lib/components/ThemeProvider/private.js +17 -0
- package/package.json +1 -1
|
@@ -1,17 +1,24 @@
|
|
|
1
1
|
export const prefixCls: string;
|
|
2
|
+
export const menuCls: string;
|
|
2
3
|
export const iconCls: string;
|
|
3
4
|
export namespace styleMap {
|
|
4
5
|
namespace gray {
|
|
5
6
|
const color: string;
|
|
7
|
+
const icon: string;
|
|
6
8
|
const border: string;
|
|
9
|
+
const divider: string;
|
|
7
10
|
const bg: string;
|
|
8
11
|
const iconHoverBG: string;
|
|
9
12
|
}
|
|
10
13
|
namespace green {
|
|
11
14
|
const color_1: string;
|
|
12
15
|
export { color_1 as color };
|
|
16
|
+
const icon_1: string;
|
|
17
|
+
export { icon_1 as icon };
|
|
13
18
|
const border_1: string;
|
|
14
19
|
export { border_1 as border };
|
|
20
|
+
const divider_1: string;
|
|
21
|
+
export { divider_1 as divider };
|
|
15
22
|
const bg_1: string;
|
|
16
23
|
export { bg_1 as bg };
|
|
17
24
|
const iconHoverBG_1: string;
|
|
@@ -20,8 +27,12 @@ export namespace styleMap {
|
|
|
20
27
|
namespace yellow {
|
|
21
28
|
const color_2: string;
|
|
22
29
|
export { color_2 as color };
|
|
30
|
+
const icon_2: string;
|
|
31
|
+
export { icon_2 as icon };
|
|
23
32
|
const border_2: string;
|
|
24
33
|
export { border_2 as border };
|
|
34
|
+
const divider_2: string;
|
|
35
|
+
export { divider_2 as divider };
|
|
25
36
|
const bg_2: string;
|
|
26
37
|
export { bg_2 as bg };
|
|
27
38
|
const iconHoverBG_2: string;
|
|
@@ -30,8 +41,12 @@ export namespace styleMap {
|
|
|
30
41
|
namespace red {
|
|
31
42
|
const color_3: string;
|
|
32
43
|
export { color_3 as color };
|
|
44
|
+
const icon_3: string;
|
|
45
|
+
export { icon_3 as icon };
|
|
33
46
|
const border_3: string;
|
|
34
47
|
export { border_3 as border };
|
|
48
|
+
const divider_3: string;
|
|
49
|
+
export { divider_3 as divider };
|
|
35
50
|
const bg_3: string;
|
|
36
51
|
export { bg_3 as bg };
|
|
37
52
|
const iconHoverBG_3: string;
|
|
@@ -40,8 +55,12 @@ export namespace styleMap {
|
|
|
40
55
|
namespace primary {
|
|
41
56
|
const color_4: string;
|
|
42
57
|
export { color_4 as color };
|
|
58
|
+
const icon_4: string;
|
|
59
|
+
export { icon_4 as icon };
|
|
43
60
|
const border_4: string;
|
|
44
61
|
export { border_4 as border };
|
|
62
|
+
const divider_4: string;
|
|
63
|
+
export { divider_4 as divider };
|
|
45
64
|
const bg_4: string;
|
|
46
65
|
export { bg_4 as bg };
|
|
47
66
|
const iconHoverBG_4: string;
|
|
@@ -50,8 +69,12 @@ export namespace styleMap {
|
|
|
50
69
|
namespace purple {
|
|
51
70
|
const color_5: string;
|
|
52
71
|
export { color_5 as color };
|
|
72
|
+
const icon_5: string;
|
|
73
|
+
export { icon_5 as icon };
|
|
53
74
|
const border_5: string;
|
|
54
75
|
export { border_5 as border };
|
|
76
|
+
const divider_5: string;
|
|
77
|
+
export { divider_5 as divider };
|
|
55
78
|
const bg_5: string;
|
|
56
79
|
export { bg_5 as bg };
|
|
57
80
|
const iconHoverBG_5: string;
|
|
@@ -60,8 +83,12 @@ export namespace styleMap {
|
|
|
60
83
|
namespace lightblue {
|
|
61
84
|
const color_6: string;
|
|
62
85
|
export { color_6 as color };
|
|
86
|
+
const icon_6: string;
|
|
87
|
+
export { icon_6 as icon };
|
|
63
88
|
const border_6: string;
|
|
64
89
|
export { border_6 as border };
|
|
90
|
+
const divider_6: string;
|
|
91
|
+
export { divider_6 as divider };
|
|
65
92
|
const bg_6: string;
|
|
66
93
|
export { bg_6 as bg };
|
|
67
94
|
const iconHoverBG_6: string;
|
|
@@ -70,8 +97,12 @@ export namespace styleMap {
|
|
|
70
97
|
namespace blue {
|
|
71
98
|
const color_7: string;
|
|
72
99
|
export { color_7 as color };
|
|
100
|
+
const icon_7: string;
|
|
101
|
+
export { icon_7 as icon };
|
|
73
102
|
const border_7: string;
|
|
74
103
|
export { border_7 as border };
|
|
104
|
+
const divider_7: string;
|
|
105
|
+
export { divider_7 as divider };
|
|
75
106
|
const bg_7: string;
|
|
76
107
|
export { bg_7 as bg };
|
|
77
108
|
const iconHoverBG_7: string;
|
|
@@ -80,8 +111,12 @@ export namespace styleMap {
|
|
|
80
111
|
namespace orange {
|
|
81
112
|
const color_8: string;
|
|
82
113
|
export { color_8 as color };
|
|
114
|
+
const icon_8: string;
|
|
115
|
+
export { icon_8 as icon };
|
|
83
116
|
const border_8: string;
|
|
84
117
|
export { border_8 as border };
|
|
118
|
+
const divider_8: string;
|
|
119
|
+
export { divider_8 as divider };
|
|
85
120
|
const bg_8: string;
|
|
86
121
|
export { bg_8 as bg };
|
|
87
122
|
const iconHoverBG_8: string;
|
|
@@ -90,8 +125,12 @@ export namespace styleMap {
|
|
|
90
125
|
namespace cyan {
|
|
91
126
|
const color_9: string;
|
|
92
127
|
export { color_9 as color };
|
|
128
|
+
const icon_9: string;
|
|
129
|
+
export { icon_9 as icon };
|
|
93
130
|
const border_9: string;
|
|
94
131
|
export { border_9 as border };
|
|
132
|
+
const divider_9: string;
|
|
133
|
+
export { divider_9 as divider };
|
|
95
134
|
const bg_9: string;
|
|
96
135
|
export { bg_9 as bg };
|
|
97
136
|
const iconHoverBG_9: string;
|
|
@@ -100,11 +139,17 @@ export namespace styleMap {
|
|
|
100
139
|
}
|
|
101
140
|
export const CloseIcon: import("@emotion/styled-base").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<SvgIcon>, Pick<Pick<any, string | number | symbol> & import("react").RefAttributes<SvgIcon>, string | number | symbol>, object>;
|
|
102
141
|
export const CloseIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
103
|
-
export const PrefixIcon: import("
|
|
142
|
+
export const PrefixIcon: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
|
|
143
|
+
export const SvgIconWrapper: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
|
|
104
144
|
export const PrefixIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
145
|
+
export const SuffixIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
105
146
|
export const TagWrapper: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
|
|
106
147
|
export const ContentWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
107
148
|
export const IconTag: import("@emotion/styled-base").StyledComponent<import("../../Icon/Icon").IconProps & Omit<import("react").HTMLAttributes<HTMLElement>, keyof import("../../Icon/Icon").IconProps>, Pick<import("../../Icon/Icon").IconProps & Omit<import("react").HTMLAttributes<HTMLElement>, keyof import("../../Icon/Icon").IconProps>, "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | keyof import("../../Icon/Icon").IconProps>, object>;
|
|
108
149
|
export const IconTagWrapper: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
|
|
109
150
|
export const TagGroupWrapper: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
|
|
151
|
+
export const SWrap: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
|
|
152
|
+
export const TagMenuWapper: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
|
|
153
|
+
export const TagPopoverWrap: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
|
|
154
|
+
export const TagMoreWapper: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;
|
|
110
155
|
import SvgIcon from "../../../components/SvgIcon";
|