@douyinfe/semi-ui 2.32.4 → 2.32.5-alpha.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/dist/umd/semi-ui.js +3444 -3419
- package/dist/umd/semi-ui.js.map +1 -1
- package/dist/umd/semi-ui.min.js +1 -1
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/lib/cjs/anchor/index.d.ts +1 -1
- package/lib/cjs/autoComplete/index.d.ts +1 -1
- package/lib/cjs/button/Button.d.ts +1 -1
- package/lib/cjs/button/buttonGroup.d.ts +1 -1
- package/lib/cjs/button/index.d.ts +1 -1
- package/lib/cjs/datePicker/dateInput.d.ts +1 -1
- package/lib/cjs/datePicker/datePicker.d.ts +2 -2
- package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
- package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
- package/lib/cjs/form/baseForm.d.ts +1 -1
- package/lib/cjs/form/field.d.ts +1 -1
- package/lib/cjs/input/index.d.ts +1 -1
- package/lib/cjs/input/inputGroup.d.ts +1 -1
- package/lib/cjs/modal/confirm.d.ts +21 -21
- package/lib/cjs/overflowList/index.js +4 -1
- package/lib/cjs/rating/index.d.ts +1 -1
- package/lib/cjs/rating/item.d.ts +1 -1
- package/lib/cjs/switch/index.d.ts +1 -1
- package/lib/cjs/table/Table.d.ts +2 -2
- package/lib/cjs/table/index.d.ts +1 -1
- package/lib/cjs/tagInput/index.d.ts +1 -1
- package/lib/cjs/timePicker/TimePicker.d.ts +1 -1
- package/lib/cjs/timePicker/index.d.ts +1 -1
- package/lib/cjs/tooltip/index.js +7 -0
- package/lib/es/anchor/index.d.ts +1 -1
- package/lib/es/autoComplete/index.d.ts +1 -1
- package/lib/es/button/Button.d.ts +1 -1
- package/lib/es/button/buttonGroup.d.ts +1 -1
- package/lib/es/button/index.d.ts +1 -1
- package/lib/es/datePicker/dateInput.d.ts +1 -1
- package/lib/es/datePicker/datePicker.d.ts +2 -2
- package/lib/es/datePicker/monthsGrid.d.ts +1 -1
- package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
- package/lib/es/form/baseForm.d.ts +1 -1
- package/lib/es/form/field.d.ts +1 -1
- package/lib/es/input/index.d.ts +1 -1
- package/lib/es/input/inputGroup.d.ts +1 -1
- package/lib/es/modal/confirm.d.ts +21 -21
- package/lib/es/overflowList/index.js +4 -1
- package/lib/es/rating/index.d.ts +1 -1
- package/lib/es/rating/item.d.ts +1 -1
- package/lib/es/switch/index.d.ts +1 -1
- package/lib/es/table/Table.d.ts +2 -2
- package/lib/es/table/index.d.ts +1 -1
- package/lib/es/tagInput/index.d.ts +1 -1
- package/lib/es/timePicker/TimePicker.d.ts +1 -1
- package/lib/es/timePicker/index.d.ts +1 -1
- package/lib/es/tooltip/index.js +7 -0
- package/package.json +8 -8
|
@@ -140,22 +140,22 @@ export declare function withWarning(props: ModalReactProps): {
|
|
|
140
140
|
type: "warning";
|
|
141
141
|
};
|
|
142
142
|
export declare function withError(props: ModalReactProps): {
|
|
143
|
-
children?: React.ReactNode;
|
|
144
|
-
motion?: boolean;
|
|
145
143
|
title?: React.ReactNode;
|
|
144
|
+
children?: React.ReactNode;
|
|
146
145
|
size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
|
|
147
146
|
style?: React.CSSProperties;
|
|
148
147
|
className?: string;
|
|
149
|
-
|
|
150
|
-
|
|
148
|
+
motion?: boolean;
|
|
149
|
+
getPopupContainer?: () => HTMLElement;
|
|
151
150
|
footer?: React.ReactNode;
|
|
152
151
|
header?: React.ReactNode;
|
|
152
|
+
direction?: any;
|
|
153
|
+
width?: string | number;
|
|
154
|
+
height?: string | number;
|
|
153
155
|
mask?: boolean;
|
|
154
156
|
visible?: boolean;
|
|
155
157
|
content?: React.ReactNode;
|
|
156
158
|
icon: string | number | boolean | React.ReactFragment | JSX.Element;
|
|
157
|
-
getPopupContainer?: () => HTMLElement;
|
|
158
|
-
direction?: any;
|
|
159
159
|
zIndex?: number;
|
|
160
160
|
closeOnEsc?: boolean;
|
|
161
161
|
preventScroll?: boolean;
|
|
@@ -201,24 +201,34 @@ export declare function withError(props: ModalReactProps): {
|
|
|
201
201
|
onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
|
|
202
202
|
onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
|
|
203
203
|
'aria-label'?: string;
|
|
204
|
-
onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
205
|
-
onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
206
204
|
title?: string;
|
|
207
205
|
name?: string;
|
|
208
206
|
value?: string | number | readonly string[];
|
|
207
|
+
onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
208
|
+
onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
209
209
|
form?: string;
|
|
210
210
|
slot?: string;
|
|
211
211
|
hidden?: boolean;
|
|
212
212
|
color?: string;
|
|
213
|
+
onChange?: React.FormEventHandler<HTMLButtonElement>;
|
|
214
|
+
defaultChecked?: boolean;
|
|
213
215
|
defaultValue?: string | number | readonly string[];
|
|
216
|
+
suppressContentEditableWarning?: boolean;
|
|
217
|
+
suppressHydrationWarning?: boolean;
|
|
214
218
|
accessKey?: string;
|
|
219
|
+
autoFocus?: boolean;
|
|
220
|
+
formAction?: string;
|
|
221
|
+
formEncType?: string;
|
|
222
|
+
formMethod?: string;
|
|
223
|
+
formNoValidate?: boolean;
|
|
224
|
+
formTarget?: string;
|
|
215
225
|
dir?: string;
|
|
216
226
|
draggable?: boolean | "false" | "true";
|
|
217
227
|
lang?: string;
|
|
218
|
-
translate?: "
|
|
228
|
+
translate?: "no" | "yes";
|
|
219
229
|
prefix?: string;
|
|
220
230
|
contentEditable?: "inherit" | (boolean | "false" | "true");
|
|
221
|
-
inputMode?: "
|
|
231
|
+
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
222
232
|
tabIndex?: number;
|
|
223
233
|
role?: React.AriaRole;
|
|
224
234
|
onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
|
|
@@ -230,9 +240,6 @@ export declare function withError(props: ModalReactProps): {
|
|
|
230
240
|
'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
|
|
231
241
|
'aria-controls'?: string;
|
|
232
242
|
'aria-describedby'?: string;
|
|
233
|
-
defaultChecked?: boolean;
|
|
234
|
-
suppressContentEditableWarning?: boolean;
|
|
235
|
-
suppressHydrationWarning?: boolean;
|
|
236
243
|
contextMenu?: string;
|
|
237
244
|
placeholder?: string;
|
|
238
245
|
spellCheck?: boolean | "false" | "true";
|
|
@@ -267,7 +274,7 @@ export declare function withError(props: ModalReactProps): {
|
|
|
267
274
|
'aria-current'?: boolean | "time" | "page" | "false" | "true" | "location" | "step" | "date";
|
|
268
275
|
'aria-details'?: string;
|
|
269
276
|
'aria-disabled'?: boolean | "false" | "true";
|
|
270
|
-
'aria-dropeffect'?: "
|
|
277
|
+
'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
|
|
271
278
|
'aria-errormessage'?: string;
|
|
272
279
|
'aria-flowto'?: string;
|
|
273
280
|
'aria-grabbed'?: boolean | "false" | "true";
|
|
@@ -316,7 +323,6 @@ export declare function withError(props: ModalReactProps): {
|
|
|
316
323
|
onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
|
|
317
324
|
onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
|
|
318
325
|
onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
|
|
319
|
-
onChange?: React.FormEventHandler<HTMLButtonElement>;
|
|
320
326
|
onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
|
|
321
327
|
onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
|
|
322
328
|
onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
|
|
@@ -451,12 +457,6 @@ export declare function withError(props: ModalReactProps): {
|
|
|
451
457
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
452
458
|
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
|
|
453
459
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
|
|
454
|
-
autoFocus?: boolean;
|
|
455
|
-
formAction?: string;
|
|
456
|
-
formEncType?: string;
|
|
457
|
-
formMethod?: string;
|
|
458
|
-
formNoValidate?: boolean;
|
|
459
|
-
formTarget?: string;
|
|
460
460
|
};
|
|
461
461
|
};
|
|
462
462
|
export declare function withConfirm(props: ModalReactProps): {
|
|
@@ -264,7 +264,10 @@ class OverflowList extends BaseComponent {
|
|
|
264
264
|
}
|
|
265
265
|
|
|
266
266
|
componentDidUpdate(prevProps, prevState) {
|
|
267
|
-
|
|
267
|
+
const prevItemsKeys = prevProps.items.map(item => item.key);
|
|
268
|
+
const nowItemsKeys = this.props.items.map(item => item.key); // Determine whether to update by comparing key values
|
|
269
|
+
|
|
270
|
+
if (!_isEqual(prevItemsKeys, nowItemsKeys)) {
|
|
268
271
|
this.itemRefs = {};
|
|
269
272
|
this.setState({
|
|
270
273
|
visibleState: new Map()
|
package/lib/es/rating/index.d.ts
CHANGED
|
@@ -69,7 +69,7 @@ export default class Rating extends BaseComponent<RatingProps, RatingState> {
|
|
|
69
69
|
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
70
70
|
onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
|
|
71
71
|
autoFocus: PropTypes.Requireable<boolean>;
|
|
72
|
-
size: PropTypes.Requireable<NonNullable<number | "
|
|
72
|
+
size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
|
|
73
73
|
tooltips: PropTypes.Requireable<string[]>;
|
|
74
74
|
id: PropTypes.Requireable<string>;
|
|
75
75
|
preventScroll: PropTypes.Requireable<boolean>;
|
package/lib/es/rating/item.d.ts
CHANGED
|
@@ -40,7 +40,7 @@ export default class Item extends BaseComponent<RatingItemProps, RatingItemState
|
|
|
40
40
|
disabled: PropTypes.Requireable<boolean>;
|
|
41
41
|
count: PropTypes.Requireable<number>;
|
|
42
42
|
ariaLabelPrefix: PropTypes.Requireable<string>;
|
|
43
|
-
size: PropTypes.Requireable<NonNullable<number | "
|
|
43
|
+
size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
|
|
44
44
|
'aria-describedby': PropTypes.Requireable<string>;
|
|
45
45
|
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
46
46
|
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
package/lib/es/switch/index.d.ts
CHANGED
|
@@ -45,7 +45,7 @@ declare class Switch extends BaseComponent<SwitchProps, SwitchState> {
|
|
|
45
45
|
onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
|
|
46
46
|
onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
|
|
47
47
|
style: PropTypes.Requireable<object>;
|
|
48
|
-
size: PropTypes.Requireable<"
|
|
48
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
49
49
|
uncheckedText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
50
50
|
id: PropTypes.Requireable<string>;
|
|
51
51
|
};
|
package/lib/es/table/Table.d.ts
CHANGED
|
@@ -60,7 +60,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
|
|
|
60
60
|
components: PropTypes.Requireable<any>;
|
|
61
61
|
bordered: PropTypes.Requireable<boolean>;
|
|
62
62
|
loading: PropTypes.Requireable<boolean>;
|
|
63
|
-
size: PropTypes.Requireable<"
|
|
63
|
+
size: PropTypes.Requireable<"default" | "small" | "middle">;
|
|
64
64
|
tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
|
|
65
65
|
columns: PropTypes.Requireable<PropTypes.InferProps<{
|
|
66
66
|
align: PropTypes.Requireable<"left" | "right" | "center">;
|
|
@@ -297,7 +297,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
|
|
|
297
297
|
showTotal?: boolean;
|
|
298
298
|
pageSize?: number;
|
|
299
299
|
pageSizeOpts?: number[];
|
|
300
|
-
size?: "
|
|
300
|
+
size?: "default" | "small";
|
|
301
301
|
currentPage?: number;
|
|
302
302
|
defaultCurrentPage?: number;
|
|
303
303
|
onPageChange?: (currentPage: number) => void;
|
package/lib/es/table/index.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
|
|
|
16
16
|
components: PropTypes.Requireable<any>;
|
|
17
17
|
bordered: PropTypes.Requireable<boolean>;
|
|
18
18
|
loading: PropTypes.Requireable<boolean>;
|
|
19
|
-
size: PropTypes.Requireable<"
|
|
19
|
+
size: PropTypes.Requireable<"default" | "small" | "middle">;
|
|
20
20
|
tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
|
|
21
21
|
columns: PropTypes.Requireable<PropTypes.InferProps<{
|
|
22
22
|
align: PropTypes.Requireable<"left" | "right" | "center">;
|
|
@@ -96,7 +96,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
|
|
|
96
96
|
onAdd: PropTypes.Requireable<(...args: any[]) => any>;
|
|
97
97
|
onRemove: PropTypes.Requireable<(...args: any[]) => any>;
|
|
98
98
|
onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
|
|
99
|
-
size: PropTypes.Requireable<"
|
|
99
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
100
100
|
validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
|
|
101
101
|
prefix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
102
102
|
suffix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
@@ -130,7 +130,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
|
|
|
130
130
|
secondStep: PropTypes.Requireable<number>;
|
|
131
131
|
focusOnOpen: PropTypes.Requireable<boolean>;
|
|
132
132
|
autoFocus: PropTypes.Requireable<boolean>;
|
|
133
|
-
size: PropTypes.Requireable<"
|
|
133
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
134
134
|
panels: PropTypes.Requireable<PropTypes.InferProps<{
|
|
135
135
|
panelHeader: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
136
136
|
panelFooter: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
@@ -48,7 +48,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
|
|
|
48
48
|
secondStep: import("prop-types").Requireable<number>;
|
|
49
49
|
focusOnOpen: import("prop-types").Requireable<boolean>;
|
|
50
50
|
autoFocus: import("prop-types").Requireable<boolean>;
|
|
51
|
-
size: import("prop-types").Requireable<"
|
|
51
|
+
size: import("prop-types").Requireable<"default" | "small" | "large">;
|
|
52
52
|
panels: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
53
53
|
panelHeader: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
|
|
54
54
|
panelFooter: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
|
package/lib/es/tooltip/index.js
CHANGED
|
@@ -580,6 +580,13 @@ export default class Tooltip extends BaseComponent {
|
|
|
580
580
|
this.setState({
|
|
581
581
|
id: getUuidShort()
|
|
582
582
|
});
|
|
583
|
+
},
|
|
584
|
+
getTriggerDOM: () => {
|
|
585
|
+
if (this.triggerEl.current) {
|
|
586
|
+
return ReactDOM.findDOMNode(this.triggerEl.current);
|
|
587
|
+
} else {
|
|
588
|
+
return null;
|
|
589
|
+
}
|
|
583
590
|
}
|
|
584
591
|
});
|
|
585
592
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-ui",
|
|
3
|
-
"version": "2.32.
|
|
3
|
+
"version": "2.32.5-alpha.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es/index.js",
|
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
"lib/*"
|
|
18
18
|
],
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@douyinfe/semi-animation": "2.32.
|
|
21
|
-
"@douyinfe/semi-animation-react": "2.32.
|
|
22
|
-
"@douyinfe/semi-foundation": "2.32.
|
|
23
|
-
"@douyinfe/semi-icons": "2.32.
|
|
24
|
-
"@douyinfe/semi-illustrations": "2.32.
|
|
25
|
-
"@douyinfe/semi-theme-default": "2.32.
|
|
20
|
+
"@douyinfe/semi-animation": "2.32.5-alpha.0",
|
|
21
|
+
"@douyinfe/semi-animation-react": "2.32.5-alpha.0",
|
|
22
|
+
"@douyinfe/semi-foundation": "2.32.5-alpha.0",
|
|
23
|
+
"@douyinfe/semi-icons": "2.32.5-alpha.0",
|
|
24
|
+
"@douyinfe/semi-illustrations": "2.32.5-alpha.0",
|
|
25
|
+
"@douyinfe/semi-theme-default": "2.32.5-alpha.0",
|
|
26
26
|
"async-validator": "^3.5.0",
|
|
27
27
|
"classnames": "^2.2.6",
|
|
28
28
|
"copy-text-to-clipboard": "^2.1.1",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
],
|
|
70
70
|
"author": "",
|
|
71
71
|
"license": "MIT",
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "6af4807f2242164d654659116f21e692d811ed08",
|
|
73
73
|
"devDependencies": {
|
|
74
74
|
"@babel/plugin-proposal-decorators": "^7.15.8",
|
|
75
75
|
"@babel/plugin-transform-runtime": "^7.15.8",
|