@douyinfe/semi-ui 2.38.3-alpha.2 → 2.38.3-alpha.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/umd/semi-ui.js +652 -206
- 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 +20 -20
- package/lib/cjs/overflowList/index.js +3 -3
- 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/typography/title.d.ts +2 -2
- 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 +20 -20
- package/lib/es/overflowList/index.js +3 -3
- 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/typography/title.d.ts +2 -2
- package/package.json +9 -8
|
@@ -140,23 +140,22 @@ export declare function withWarning(props: ModalReactProps): {
|
|
|
140
140
|
type: "warning";
|
|
141
141
|
};
|
|
142
142
|
export declare function withError(props: ModalReactProps): {
|
|
143
|
-
title?: React.ReactNode;
|
|
144
143
|
children?: React.ReactNode;
|
|
145
|
-
|
|
144
|
+
motion?: boolean;
|
|
146
145
|
style?: React.CSSProperties;
|
|
147
146
|
className?: string;
|
|
148
|
-
motion?: boolean;
|
|
149
147
|
getPopupContainer?: () => HTMLElement;
|
|
150
148
|
footer?: React.ReactNode;
|
|
151
149
|
header?: React.ReactNode;
|
|
150
|
+
title?: React.ReactNode;
|
|
152
151
|
direction?: any;
|
|
152
|
+
size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
|
|
153
153
|
width?: string | number;
|
|
154
154
|
height?: string | number;
|
|
155
155
|
mask?: boolean;
|
|
156
156
|
visible?: boolean;
|
|
157
157
|
content?: React.ReactNode;
|
|
158
158
|
icon: string | number | boolean | React.ReactFragment | JSX.Element;
|
|
159
|
-
onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
|
|
160
159
|
zIndex?: number;
|
|
161
160
|
closeOnEsc?: boolean;
|
|
162
161
|
preventScroll?: boolean;
|
|
@@ -164,6 +163,7 @@ export declare function withError(props: ModalReactProps): {
|
|
|
164
163
|
keepDOM?: boolean;
|
|
165
164
|
cancelText?: string;
|
|
166
165
|
okText?: string;
|
|
166
|
+
onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
|
|
167
167
|
closeIcon?: React.ReactNode;
|
|
168
168
|
bodyStyle?: React.CSSProperties;
|
|
169
169
|
closable?: boolean;
|
|
@@ -201,36 +201,26 @@ export declare function withError(props: ModalReactProps): {
|
|
|
201
201
|
onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
|
|
202
202
|
onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
|
|
203
203
|
'aria-label'?: string;
|
|
204
|
-
title?: string;
|
|
205
|
-
name?: string;
|
|
206
|
-
value?: string | number | readonly string[];
|
|
207
204
|
onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
208
205
|
onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
206
|
+
value?: string | number | readonly string[];
|
|
209
207
|
form?: string;
|
|
210
208
|
slot?: string;
|
|
209
|
+
title?: string;
|
|
210
|
+
name?: string;
|
|
211
211
|
hidden?: boolean;
|
|
212
212
|
color?: string;
|
|
213
213
|
content?: string;
|
|
214
|
-
onChange?: React.FormEventHandler<HTMLButtonElement>;
|
|
215
|
-
defaultChecked?: boolean;
|
|
216
214
|
defaultValue?: string | number | readonly string[];
|
|
217
|
-
suppressContentEditableWarning?: boolean;
|
|
218
|
-
suppressHydrationWarning?: boolean;
|
|
219
215
|
accessKey?: string;
|
|
220
|
-
autoFocus?: boolean;
|
|
221
|
-
formAction?: string;
|
|
222
|
-
formEncType?: string;
|
|
223
|
-
formMethod?: string;
|
|
224
|
-
formNoValidate?: boolean;
|
|
225
|
-
formTarget?: string;
|
|
226
216
|
dir?: string;
|
|
227
217
|
draggable?: boolean | "false" | "true";
|
|
228
218
|
lang?: string;
|
|
229
|
-
translate?: "
|
|
219
|
+
translate?: "yes" | "no";
|
|
230
220
|
prefix?: string;
|
|
231
221
|
role?: React.AriaRole;
|
|
232
222
|
contentEditable?: "inherit" | (boolean | "false" | "true");
|
|
233
|
-
inputMode?: "
|
|
223
|
+
inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
234
224
|
nonce?: string;
|
|
235
225
|
tabIndex?: number;
|
|
236
226
|
onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
|
|
@@ -242,6 +232,10 @@ export declare function withError(props: ModalReactProps): {
|
|
|
242
232
|
'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
|
|
243
233
|
'aria-controls'?: string;
|
|
244
234
|
'aria-describedby'?: string;
|
|
235
|
+
defaultChecked?: boolean;
|
|
236
|
+
suppressContentEditableWarning?: boolean;
|
|
237
|
+
suppressHydrationWarning?: boolean;
|
|
238
|
+
autoFocus?: boolean;
|
|
245
239
|
contextMenu?: string;
|
|
246
240
|
placeholder?: string;
|
|
247
241
|
spellCheck?: boolean | "false" | "true";
|
|
@@ -278,7 +272,7 @@ export declare function withError(props: ModalReactProps): {
|
|
|
278
272
|
'aria-current'?: boolean | "time" | "page" | "false" | "true" | "location" | "step" | "date";
|
|
279
273
|
'aria-details'?: string;
|
|
280
274
|
'aria-disabled'?: boolean | "false" | "true";
|
|
281
|
-
'aria-dropeffect'?: "
|
|
275
|
+
'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup";
|
|
282
276
|
'aria-errormessage'?: string;
|
|
283
277
|
'aria-flowto'?: string;
|
|
284
278
|
'aria-grabbed'?: boolean | "false" | "true";
|
|
@@ -327,6 +321,7 @@ export declare function withError(props: ModalReactProps): {
|
|
|
327
321
|
onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
|
|
328
322
|
onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
|
|
329
323
|
onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
|
|
324
|
+
onChange?: React.FormEventHandler<HTMLButtonElement>;
|
|
330
325
|
onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
|
|
331
326
|
onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
|
|
332
327
|
onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
|
|
@@ -463,6 +458,11 @@ export declare function withError(props: ModalReactProps): {
|
|
|
463
458
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
464
459
|
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
|
|
465
460
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
|
|
461
|
+
formAction?: string;
|
|
462
|
+
formEncType?: string;
|
|
463
|
+
formMethod?: string;
|
|
464
|
+
formNoValidate?: boolean;
|
|
465
|
+
formTarget?: string;
|
|
466
466
|
};
|
|
467
467
|
};
|
|
468
468
|
export declare function withConfirm(props: ModalReactProps): {
|
|
@@ -11,7 +11,7 @@ import ResizeObserver from '../resizeObserver';
|
|
|
11
11
|
import IntersectionObserver from './intersectionObserver';
|
|
12
12
|
import OverflowListFoundation from '@douyinfe/semi-foundation/lib/es/overflowList/foundation';
|
|
13
13
|
import '@douyinfe/semi-foundation/lib/es/overflowList/overflowList.css';
|
|
14
|
-
import
|
|
14
|
+
import copy from 'fast-copy';
|
|
15
15
|
const prefixCls = cssClasses.PREFIX;
|
|
16
16
|
const Boundary = strings.BOUNDARY_MAP;
|
|
17
17
|
const OverflowDirection = strings.OVERFLOW_DIR;
|
|
@@ -204,8 +204,8 @@ class OverflowList extends BaseComponent {
|
|
|
204
204
|
maxCount = Math.min(maxCount, Math.floor(prevState.containerWidth / numbers.MINIMUM_HTML_ELEMENT_WIDTH));
|
|
205
205
|
}
|
|
206
206
|
const isCollapseFromStart = props.collapseFrom === Boundary.START;
|
|
207
|
-
const visible = isCollapseFromStart ?
|
|
208
|
-
const overflow = isCollapseFromStart ?
|
|
207
|
+
const visible = isCollapseFromStart ? copy(props.items).reverse().slice(0, maxCount) : props.items.slice(0, maxCount);
|
|
208
|
+
const overflow = isCollapseFromStart ? copy(props.items).reverse().slice(maxCount) : props.items.slice(maxCount);
|
|
209
209
|
newState.visible = visible;
|
|
210
210
|
newState.overflow = overflow;
|
|
211
211
|
newState.maxCount = maxCount;
|
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 | "small" | "default">>;
|
|
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 | "small" | "default">>;
|
|
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<"small" | "default" | "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<"small" | "default" | "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?: "small" | "default";
|
|
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<"small" | "default" | "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<"small" | "default" | "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>>;
|
|
@@ -132,7 +132,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
|
|
|
132
132
|
secondStep: PropTypes.Requireable<number>;
|
|
133
133
|
focusOnOpen: PropTypes.Requireable<boolean>;
|
|
134
134
|
autoFocus: PropTypes.Requireable<boolean>;
|
|
135
|
-
size: PropTypes.Requireable<"
|
|
135
|
+
size: PropTypes.Requireable<"small" | "default" | "large">;
|
|
136
136
|
panels: PropTypes.Requireable<PropTypes.InferProps<{
|
|
137
137
|
panelHeader: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
138
138
|
panelFooter: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
@@ -49,7 +49,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
|
|
|
49
49
|
secondStep: import("prop-types").Requireable<number>;
|
|
50
50
|
focusOnOpen: import("prop-types").Requireable<boolean>;
|
|
51
51
|
autoFocus: import("prop-types").Requireable<boolean>;
|
|
52
|
-
size: import("prop-types").Requireable<"
|
|
52
|
+
size: import("prop-types").Requireable<"small" | "default" | "large">;
|
|
53
53
|
panels: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
54
54
|
panelHeader: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
|
|
55
55
|
panelFooter: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
|
|
@@ -39,11 +39,11 @@ export default class Title extends PureComponent<TitleProps> {
|
|
|
39
39
|
underline: PropTypes.Requireable<boolean>;
|
|
40
40
|
strong: PropTypes.Requireable<boolean>;
|
|
41
41
|
type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
|
|
42
|
-
heading: PropTypes.Requireable<
|
|
42
|
+
heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 5 | 6>;
|
|
43
43
|
style: PropTypes.Requireable<object>;
|
|
44
44
|
className: PropTypes.Requireable<string>;
|
|
45
45
|
component: PropTypes.Requireable<string>;
|
|
46
|
-
weight: PropTypes.Requireable<NonNullable<number | "
|
|
46
|
+
weight: PropTypes.Requireable<NonNullable<number | "bold" | "default" | "medium" | "light" | "regular" | "semibold">>;
|
|
47
47
|
};
|
|
48
48
|
static defaultProps: {
|
|
49
49
|
copyable: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-ui",
|
|
3
|
-
"version": "2.38.3-alpha.
|
|
3
|
+
"version": "2.38.3-alpha.3",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es/index.js",
|
|
@@ -17,17 +17,18 @@
|
|
|
17
17
|
"lib/*"
|
|
18
18
|
],
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@douyinfe/semi-animation": "2.38.3-alpha.
|
|
21
|
-
"@douyinfe/semi-animation-react": "2.38.3-alpha.
|
|
22
|
-
"@douyinfe/semi-foundation": "2.38.3-alpha.
|
|
23
|
-
"@douyinfe/semi-icons": "2.38.3-alpha.
|
|
24
|
-
"@douyinfe/semi-illustrations": "2.38.3-alpha.
|
|
25
|
-
"@douyinfe/semi-theme-default": "2.38.3-alpha.
|
|
20
|
+
"@douyinfe/semi-animation": "2.38.3-alpha.3",
|
|
21
|
+
"@douyinfe/semi-animation-react": "2.38.3-alpha.3",
|
|
22
|
+
"@douyinfe/semi-foundation": "2.38.3-alpha.3",
|
|
23
|
+
"@douyinfe/semi-icons": "2.38.3-alpha.3",
|
|
24
|
+
"@douyinfe/semi-illustrations": "2.38.3-alpha.3",
|
|
25
|
+
"@douyinfe/semi-theme-default": "2.38.3-alpha.3",
|
|
26
26
|
"async-validator": "^3.5.0",
|
|
27
27
|
"classnames": "^2.2.6",
|
|
28
28
|
"copy-text-to-clipboard": "^2.1.1",
|
|
29
29
|
"date-fns": "^2.29.3",
|
|
30
30
|
"date-fns-tz": "^1.3.8",
|
|
31
|
+
"fast-copy": "^3.0.1",
|
|
31
32
|
"lodash": "^4.17.21",
|
|
32
33
|
"prop-types": "^15.7.2",
|
|
33
34
|
"react-resizable": "^1.8.0",
|
|
@@ -69,7 +70,7 @@
|
|
|
69
70
|
],
|
|
70
71
|
"author": "",
|
|
71
72
|
"license": "MIT",
|
|
72
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "3e28ec946a631e2fb0d57928f5271b2353df39de",
|
|
73
74
|
"devDependencies": {
|
|
74
75
|
"@babel/plugin-proposal-decorators": "^7.15.8",
|
|
75
76
|
"@babel/plugin-transform-runtime": "^7.15.8",
|