@douyinfe/semi-ui 2.32.1-alpha.2 → 2.33.0-beta.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/css/semi.css +187 -26
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +10874 -5562
- 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/cascader/index.d.ts +2 -0
- package/lib/cjs/cascader/index.js +5 -1
- package/lib/cjs/collapse/collapse-context.d.ts +1 -0
- package/lib/cjs/collapse/index.d.ts +2 -0
- package/lib/cjs/collapse/index.js +6 -2
- package/lib/cjs/collapse/item.d.ts +2 -0
- package/lib/cjs/collapse/item.js +13 -2
- package/lib/cjs/datePicker/dateInput.d.ts +3 -1
- package/lib/cjs/datePicker/dateInput.js +10 -3
- package/lib/cjs/datePicker/datePicker.d.ts +5 -3
- package/lib/cjs/datePicker/datePicker.js +20 -7
- 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 +2 -1
- package/lib/cjs/form/field.d.ts +2 -1
- package/lib/cjs/iconButton/index.d.ts +1 -0
- package/lib/cjs/iconButton/index.js +1 -0
- package/lib/cjs/input/index.d.ts +4 -1
- package/lib/cjs/input/index.js +9 -5
- package/lib/cjs/input/inputGroup.d.ts +1 -1
- package/lib/cjs/input/textarea.d.ts +1 -0
- package/lib/cjs/input/textarea.js +6 -2
- package/lib/cjs/modal/confirm.d.ts +17 -17
- package/lib/cjs/navigation/Footer.d.ts +1 -0
- package/lib/cjs/navigation/Footer.js +2 -1
- package/lib/cjs/navigation/Header.d.ts +1 -0
- package/lib/cjs/navigation/Header.js +2 -1
- package/lib/cjs/navigation/index.js +2 -2
- package/lib/cjs/rating/index.d.ts +1 -1
- package/lib/cjs/rating/item.d.ts +1 -1
- package/lib/cjs/select/index.d.ts +2 -0
- package/lib/cjs/select/index.js +5 -1
- package/lib/cjs/switch/index.d.ts +1 -1
- package/lib/cjs/table/Column.d.ts +1 -0
- package/lib/cjs/table/Column.js +2 -1
- package/lib/cjs/table/Table.d.ts +2 -2
- package/lib/cjs/table/getColumns.js +1 -1
- package/lib/cjs/table/index.d.ts +1 -1
- package/lib/cjs/tagInput/index.d.ts +1 -1
- package/lib/cjs/timePicker/TimeInput.d.ts +3 -1
- package/lib/cjs/timePicker/TimeInput.js +2 -0
- package/lib/cjs/timePicker/TimePicker.d.ts +4 -1
- package/lib/cjs/timePicker/TimePicker.js +2 -0
- package/lib/cjs/timePicker/index.d.ts +3 -1
- package/lib/cjs/tooltip/index.js +1 -1
- package/lib/cjs/treeSelect/index.d.ts +1 -0
- package/lib/cjs/treeSelect/index.js +5 -1
- package/lib/cjs/typography/title.d.ts +1 -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/cascader/index.d.ts +2 -0
- package/lib/es/cascader/index.js +5 -1
- package/lib/es/collapse/collapse-context.d.ts +1 -0
- package/lib/es/collapse/index.d.ts +2 -0
- package/lib/es/collapse/index.js +6 -2
- package/lib/es/collapse/item.d.ts +2 -0
- package/lib/es/collapse/item.js +13 -2
- package/lib/es/datePicker/dateInput.d.ts +3 -1
- package/lib/es/datePicker/dateInput.js +10 -3
- package/lib/es/datePicker/datePicker.d.ts +5 -3
- package/lib/es/datePicker/datePicker.js +19 -7
- 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 +2 -1
- package/lib/es/form/field.d.ts +2 -1
- package/lib/es/iconButton/index.d.ts +1 -0
- package/lib/es/iconButton/index.js +1 -0
- package/lib/es/input/index.d.ts +4 -1
- package/lib/es/input/index.js +9 -5
- package/lib/es/input/inputGroup.d.ts +1 -1
- package/lib/es/input/textarea.d.ts +1 -0
- package/lib/es/input/textarea.js +6 -2
- package/lib/es/modal/confirm.d.ts +17 -17
- package/lib/es/navigation/Footer.d.ts +1 -0
- package/lib/es/navigation/Footer.js +2 -1
- package/lib/es/navigation/Header.d.ts +1 -0
- package/lib/es/navigation/Header.js +2 -1
- package/lib/es/navigation/index.js +2 -2
- package/lib/es/rating/index.d.ts +1 -1
- package/lib/es/rating/item.d.ts +1 -1
- package/lib/es/select/index.d.ts +2 -0
- package/lib/es/select/index.js +5 -1
- package/lib/es/switch/index.d.ts +1 -1
- package/lib/es/table/Column.d.ts +1 -0
- package/lib/es/table/Column.js +2 -1
- package/lib/es/table/Table.d.ts +2 -2
- package/lib/es/table/getColumns.js +1 -1
- package/lib/es/table/index.d.ts +1 -1
- package/lib/es/tagInput/index.d.ts +1 -1
- package/lib/es/timePicker/TimeInput.d.ts +3 -1
- package/lib/es/timePicker/TimeInput.js +2 -0
- package/lib/es/timePicker/TimePicker.d.ts +4 -1
- package/lib/es/timePicker/TimePicker.js +2 -0
- package/lib/es/timePicker/index.d.ts +3 -1
- package/lib/es/tooltip/index.js +1 -1
- package/lib/es/treeSelect/index.d.ts +1 -0
- package/lib/es/treeSelect/index.js +5 -1
- package/lib/es/typography/title.d.ts +1 -0
- package/package.json +8 -8
|
@@ -140,12 +140,12 @@ 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/cjs/modal/modalFoundation").Size;
|
|
147
146
|
style?: React.CSSProperties;
|
|
148
147
|
className?: string;
|
|
148
|
+
motion?: boolean;
|
|
149
149
|
getPopupContainer?: () => HTMLElement;
|
|
150
150
|
footer?: React.ReactNode;
|
|
151
151
|
header?: React.ReactNode;
|
|
@@ -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): {
|
|
@@ -26,6 +26,7 @@ export default class NavHeader extends PureComponent<NavHeaderProps> {
|
|
|
26
26
|
static defaultProps: {
|
|
27
27
|
prefixCls: string;
|
|
28
28
|
};
|
|
29
|
+
static elementType: string;
|
|
29
30
|
context: NavContextType;
|
|
30
31
|
renderLogo(logo: React.ReactNode): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
31
32
|
render(): JSX.Element;
|
|
@@ -286,12 +286,12 @@ class Nav extends _baseComponent.default {
|
|
|
286
286
|
for (let i = 0; i < childrenLength; i++) {
|
|
287
287
|
const child = children[i];
|
|
288
288
|
|
|
289
|
-
if (child.type === _Footer.default || (0, _get2.default)(child, 'type.
|
|
289
|
+
if (child.type === _Footer.default || (0, _get2.default)(child, 'type.elementType') === 'NavFooter') {
|
|
290
290
|
footers.push(child);
|
|
291
291
|
children.splice(i, 1);
|
|
292
292
|
i--;
|
|
293
293
|
childrenLength--;
|
|
294
|
-
} else if (child.type === _Header.default || (0, _get2.default)(child, 'type.
|
|
294
|
+
} else if (child.type === _Header.default || (0, _get2.default)(child, 'type.elementType') === 'NavHeader') {
|
|
295
295
|
headers.push(child);
|
|
296
296
|
children.splice(i, 1);
|
|
297
297
|
i--;
|
|
@@ -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/cjs/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>;
|
|
@@ -84,6 +84,7 @@ export declare type SelectProps = {
|
|
|
84
84
|
autoFocus?: boolean;
|
|
85
85
|
autoClearSearchValue?: boolean;
|
|
86
86
|
arrowIcon?: React.ReactNode;
|
|
87
|
+
borderless?: boolean;
|
|
87
88
|
clearIcon?: React.ReactNode;
|
|
88
89
|
defaultValue?: string | number | any[] | Record<string, any>;
|
|
89
90
|
value?: string | number | any[] | Record<string, any>;
|
|
@@ -178,6 +179,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
|
|
|
178
179
|
'aria-required': PropTypes.Requireable<boolean>;
|
|
179
180
|
autoFocus: PropTypes.Requireable<boolean>;
|
|
180
181
|
autoClearSearchValue: PropTypes.Requireable<boolean>;
|
|
182
|
+
borderless: PropTypes.Requireable<boolean>;
|
|
181
183
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
182
184
|
clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
183
185
|
defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
|
package/lib/cjs/select/index.js
CHANGED
|
@@ -1175,7 +1175,8 @@ class Select extends _baseComponent.default {
|
|
|
1175
1175
|
placeholder,
|
|
1176
1176
|
triggerRender,
|
|
1177
1177
|
arrowIcon,
|
|
1178
|
-
clearIcon
|
|
1178
|
+
clearIcon,
|
|
1179
|
+
borderless
|
|
1179
1180
|
} = this.props;
|
|
1180
1181
|
const {
|
|
1181
1182
|
selections,
|
|
@@ -1191,6 +1192,7 @@ class Select extends _baseComponent.default {
|
|
|
1191
1192
|
const filterable = Boolean(filter); // filter(boolean || function)
|
|
1192
1193
|
|
|
1193
1194
|
const selectionCls = useCustomTrigger ? (0, _classnames.default)(className) : (0, _classnames.default)(prefixcls, className, {
|
|
1195
|
+
[`${prefixcls}-borderless`]: borderless,
|
|
1194
1196
|
[`${prefixcls}-open`]: isOpen,
|
|
1195
1197
|
[`${prefixcls}-focus`]: isFocus,
|
|
1196
1198
|
[`${prefixcls}-disabled`]: disabled,
|
|
@@ -1342,6 +1344,7 @@ Select.propTypes = {
|
|
|
1342
1344
|
'aria-required': _propTypes.default.bool,
|
|
1343
1345
|
autoFocus: _propTypes.default.bool,
|
|
1344
1346
|
autoClearSearchValue: _propTypes.default.bool,
|
|
1347
|
+
borderless: _propTypes.default.bool,
|
|
1345
1348
|
children: _propTypes.default.node,
|
|
1346
1349
|
clearIcon: _propTypes.default.node,
|
|
1347
1350
|
defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.array, _propTypes.default.object]),
|
|
@@ -1423,6 +1426,7 @@ Select.propTypes = {
|
|
|
1423
1426
|
Select.defaultProps = {
|
|
1424
1427
|
stopPropagation: true,
|
|
1425
1428
|
motion: true,
|
|
1429
|
+
borderless: false,
|
|
1426
1430
|
zIndex: _constants2.numbers.DEFAULT_Z_INDEX,
|
|
1427
1431
|
// position: 'bottomLeft',
|
|
1428
1432
|
filter: false,
|
|
@@ -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
|
};
|
|
@@ -31,6 +31,7 @@ export default class Column extends React.PureComponent<ColumnProps> {
|
|
|
31
31
|
useFullRender: import("prop-types").Requireable<boolean>;
|
|
32
32
|
width: import("prop-types").Requireable<NonNullable<string | number>>;
|
|
33
33
|
};
|
|
34
|
+
static elementType: string;
|
|
34
35
|
constructor(props?: ColumnProps);
|
|
35
36
|
render(): null;
|
|
36
37
|
}
|
package/lib/cjs/table/Column.js
CHANGED
package/lib/cjs/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;
|
|
@@ -25,7 +25,7 @@ function getColumns(children) {
|
|
|
25
25
|
const columns = [];
|
|
26
26
|
|
|
27
27
|
_react.default.Children.forEach(children, child => {
|
|
28
|
-
if ( /*#__PURE__*/_react.default.isValidElement(child) && (child.type === _Column.default || (0, _get2.default)(child, 'type.
|
|
28
|
+
if ( /*#__PURE__*/_react.default.isValidElement(child) && (child.type === _Column.default || (0, _get2.default)(child, 'type.elementType') === 'Column')) {
|
|
29
29
|
const col = (0, _omit2.default)(child.props, ['children']);
|
|
30
30
|
|
|
31
31
|
if (Array.isArray(child.props.children) && child.props.children.length) {
|
package/lib/cjs/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>>;
|
|
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import BaseComponent, { BaseProps } from '../_base/baseComponent';
|
|
4
4
|
import InputFoundation, { TimeInputAdapter } from '@douyinfe/semi-foundation/lib/cjs/timePicker/inputFoundation';
|
|
5
5
|
import { TimePickerProps } from './TimePicker';
|
|
6
|
-
export declare type TimeInputProps = Pick<TimePickerProps, 'value' | 'format' | 'prefixCls' | 'placeholder' | 'clearText' | 'inputReadOnly' | 'disabled' | 'type' | 'timeZone' | 'defaultOpen' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'dateFnsLocale' | 'onFocus' | 'onBlur' | 'focusOnOpen' | 'locale' | 'localeCode' | 'insetLabel' | 'validateStatus' | 'preventScroll'> & BaseProps & {
|
|
6
|
+
export declare type TimeInputProps = Pick<TimePickerProps, 'value' | 'format' | 'prefixCls' | 'placeholder' | 'clearText' | 'inputReadOnly' | 'disabled' | 'type' | 'timeZone' | 'defaultOpen' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'dateFnsLocale' | 'onFocus' | 'onBlur' | 'focusOnOpen' | 'locale' | 'localeCode' | 'insetLabel' | 'validateStatus' | 'borderless' | 'preventScroll'> & BaseProps & {
|
|
7
7
|
onChange?: (value: string) => void;
|
|
8
8
|
onEsc?: () => void;
|
|
9
9
|
onClick?: React.MouseEventHandler;
|
|
@@ -14,6 +14,7 @@ export declare type TimeInputProps = Pick<TimePickerProps, 'value' | 'format' |
|
|
|
14
14
|
};
|
|
15
15
|
declare class TimeInput extends BaseComponent<TimeInputProps, any> {
|
|
16
16
|
static propTypes: {
|
|
17
|
+
borderless: PropTypes.Requireable<boolean>;
|
|
17
18
|
format: PropTypes.Requireable<string>;
|
|
18
19
|
prefixCls: PropTypes.Requireable<string>;
|
|
19
20
|
placeholder: PropTypes.Requireable<string>;
|
|
@@ -41,6 +42,7 @@ declare class TimeInput extends BaseComponent<TimeInputProps, any> {
|
|
|
41
42
|
preventScroll: PropTypes.Requireable<boolean>;
|
|
42
43
|
};
|
|
43
44
|
static defaultProps: {
|
|
45
|
+
borderless: boolean;
|
|
44
46
|
inputReadOnly: boolean;
|
|
45
47
|
onChange: (...args: any[]) => void;
|
|
46
48
|
onBlur: (...args: any[]) => void;
|
|
@@ -178,6 +178,7 @@ class TimeInput extends _baseComponent.default {
|
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
TimeInput.propTypes = {
|
|
181
|
+
borderless: _propTypes.default.bool,
|
|
181
182
|
format: _propTypes.default.string,
|
|
182
183
|
prefixCls: _propTypes.default.string,
|
|
183
184
|
placeholder: _propTypes.default.string,
|
|
@@ -205,6 +206,7 @@ TimeInput.propTypes = {
|
|
|
205
206
|
preventScroll: _propTypes.default.bool
|
|
206
207
|
};
|
|
207
208
|
TimeInput.defaultProps = {
|
|
209
|
+
borderless: false,
|
|
208
210
|
inputReadOnly: false,
|
|
209
211
|
onChange: _noop2.default,
|
|
210
212
|
onBlur: _noop2.default,
|
|
@@ -22,6 +22,7 @@ export declare type TimePickerProps = {
|
|
|
22
22
|
'aria-required'?: React.AriaAttributes['aria-required'];
|
|
23
23
|
autoAdjustOverflow?: boolean;
|
|
24
24
|
autoFocus?: boolean;
|
|
25
|
+
borderless?: boolean;
|
|
25
26
|
className?: string;
|
|
26
27
|
clearText?: string;
|
|
27
28
|
clearIcon?: React.ReactNode;
|
|
@@ -100,6 +101,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
|
|
|
100
101
|
'aria-describedby': PropTypes.Requireable<string>;
|
|
101
102
|
'aria-required': PropTypes.Requireable<boolean>;
|
|
102
103
|
prefixCls: PropTypes.Requireable<string>;
|
|
104
|
+
borderless: PropTypes.Requireable<boolean>;
|
|
103
105
|
clearText: PropTypes.Requireable<string>;
|
|
104
106
|
clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
105
107
|
value: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
|
|
@@ -130,7 +132,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
|
|
|
130
132
|
secondStep: PropTypes.Requireable<number>;
|
|
131
133
|
focusOnOpen: PropTypes.Requireable<boolean>;
|
|
132
134
|
autoFocus: PropTypes.Requireable<boolean>;
|
|
133
|
-
size: PropTypes.Requireable<"
|
|
135
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
134
136
|
panels: PropTypes.Requireable<PropTypes.InferProps<{
|
|
135
137
|
panelHeader: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
136
138
|
panelFooter: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
@@ -154,6 +156,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
|
|
|
154
156
|
};
|
|
155
157
|
static defaultProps: {
|
|
156
158
|
autoAdjustOverflow: boolean;
|
|
159
|
+
borderless: boolean;
|
|
157
160
|
getPopupContainer: () => HTMLElement;
|
|
158
161
|
showClear: boolean;
|
|
159
162
|
zIndex: number;
|
|
@@ -415,6 +415,7 @@ TimePicker.propTypes = Object.assign(Object.assign({
|
|
|
415
415
|
'aria-describedby': _propTypes.default.string,
|
|
416
416
|
'aria-required': _propTypes.default.bool,
|
|
417
417
|
prefixCls: _propTypes.default.string,
|
|
418
|
+
borderless: _propTypes.default.bool,
|
|
418
419
|
clearText: _propTypes.default.string,
|
|
419
420
|
clearIcon: _propTypes.default.node,
|
|
420
421
|
value: _TimeShape.TimeShape,
|
|
@@ -469,6 +470,7 @@ TimePicker.propTypes = Object.assign(Object.assign({
|
|
|
469
470
|
});
|
|
470
471
|
TimePicker.defaultProps = Object.assign({
|
|
471
472
|
autoAdjustOverflow: true,
|
|
473
|
+
borderless: false,
|
|
472
474
|
getPopupContainer: () => document.body,
|
|
473
475
|
showClear: true,
|
|
474
476
|
zIndex: _constants2.numbers.DEFAULT_Z_INDEX,
|
|
@@ -18,6 +18,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
|
|
|
18
18
|
'aria-describedby': import("prop-types").Requireable<string>;
|
|
19
19
|
'aria-required': import("prop-types").Requireable<boolean>;
|
|
20
20
|
prefixCls: import("prop-types").Requireable<string>;
|
|
21
|
+
borderless: import("prop-types").Requireable<boolean>;
|
|
21
22
|
clearText: import("prop-types").Requireable<string>;
|
|
22
23
|
clearIcon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
|
|
23
24
|
value: import("prop-types").Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
|
|
@@ -48,7 +49,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
|
|
|
48
49
|
secondStep: import("prop-types").Requireable<number>;
|
|
49
50
|
focusOnOpen: import("prop-types").Requireable<boolean>;
|
|
50
51
|
autoFocus: import("prop-types").Requireable<boolean>;
|
|
51
|
-
size: import("prop-types").Requireable<"
|
|
52
|
+
size: import("prop-types").Requireable<"default" | "small" | "large">;
|
|
52
53
|
panels: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
53
54
|
panelHeader: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
|
|
54
55
|
panelFooter: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
|
|
@@ -72,6 +73,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
|
|
|
72
73
|
};
|
|
73
74
|
static defaultProps: {
|
|
74
75
|
autoAdjustOverflow: boolean;
|
|
76
|
+
borderless: boolean;
|
|
75
77
|
getPopupContainer: () => HTMLElement;
|
|
76
78
|
showClear: boolean;
|
|
77
79
|
zIndex: number;
|
package/lib/cjs/tooltip/index.js
CHANGED
|
@@ -110,7 +110,7 @@ class Tooltip extends _baseComponent.default {
|
|
|
110
110
|
const loading = (0, _get2.default)(elem, 'props.loading');
|
|
111
111
|
/* Only judge the loading state of the Button, and no longer judge other components */
|
|
112
112
|
|
|
113
|
-
const isButton = !(0, _isEmpty2.default)(elem) && !(0, _isEmpty2.default)(elem.type) && elem
|
|
113
|
+
const isButton = !(0, _isEmpty2.default)(elem) && !(0, _isEmpty2.default)(elem.type) && ((0, _get2.default)(elem, 'type.elementType') === 'Button' || (0, _get2.default)(elem, 'type.elementType') === 'IconButton');
|
|
114
114
|
|
|
115
115
|
if (loading && isButton) {
|
|
116
116
|
return _constants2.strings.STATUS_LOADING;
|
|
@@ -101,6 +101,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
|
|
|
101
101
|
'aria-invalid': PropTypes.Requireable<boolean>;
|
|
102
102
|
'aria-labelledby': PropTypes.Requireable<string>;
|
|
103
103
|
'aria-required': PropTypes.Requireable<boolean>;
|
|
104
|
+
borderless: PropTypes.Requireable<boolean>;
|
|
104
105
|
loadedKeys: PropTypes.Requireable<string[]>;
|
|
105
106
|
loadData: PropTypes.Requireable<(...args: any[]) => any>;
|
|
106
107
|
onLoad: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -441,7 +441,8 @@ class TreeSelect extends _baseComponent.default {
|
|
|
441
441
|
showClear,
|
|
442
442
|
leafOnly,
|
|
443
443
|
searchPosition,
|
|
444
|
-
triggerRender
|
|
444
|
+
triggerRender,
|
|
445
|
+
borderless
|
|
445
446
|
} = this.props;
|
|
446
447
|
const {
|
|
447
448
|
inputValue,
|
|
@@ -460,6 +461,7 @@ class TreeSelect extends _baseComponent.default {
|
|
|
460
461
|
const isEmptyTriggerSearch = isTriggerPositionSearch && (0, _isEmpty2.default)(checkedKeys);
|
|
461
462
|
const isValueTriggerSearch = isTriggerPositionSearch && !(0, _isEmpty2.default)(checkedKeys);
|
|
462
463
|
const classNames = useCustomTrigger ? (0, _classnames.default)(className) : (0, _classnames.default)(prefixcls, {
|
|
464
|
+
[`${prefixcls}-borderless`]: borderless,
|
|
463
465
|
[`${prefixcls}-focus`]: isFocus,
|
|
464
466
|
[`${prefixcls}-disabled`]: disabled,
|
|
465
467
|
[`${prefixcls}-single`]: !multiple,
|
|
@@ -1343,6 +1345,7 @@ TreeSelect.propTypes = {
|
|
|
1343
1345
|
'aria-invalid': _propTypes.default.bool,
|
|
1344
1346
|
'aria-labelledby': _propTypes.default.string,
|
|
1345
1347
|
'aria-required': _propTypes.default.bool,
|
|
1348
|
+
borderless: _propTypes.default.bool,
|
|
1346
1349
|
loadedKeys: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
1347
1350
|
loadData: _propTypes.default.func,
|
|
1348
1351
|
onLoad: _propTypes.default.func,
|
|
@@ -1426,6 +1429,7 @@ TreeSelect.propTypes = {
|
|
|
1426
1429
|
clickTriggerToHide: _propTypes.default.bool
|
|
1427
1430
|
};
|
|
1428
1431
|
TreeSelect.defaultProps = {
|
|
1432
|
+
borderless: false,
|
|
1429
1433
|
searchPosition: _constants.strings.SEARCH_POSITION_DROPDOWN,
|
|
1430
1434
|
arrowIcon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, null),
|
|
1431
1435
|
autoExpandParent: false,
|
|
@@ -8,6 +8,7 @@ export interface CopyableConfig {
|
|
|
8
8
|
content?: string;
|
|
9
9
|
copyTip?: React.ReactNode;
|
|
10
10
|
successTip?: React.ReactNode;
|
|
11
|
+
icon?: React.ReactNode;
|
|
11
12
|
onCopy?(e: React.MouseEvent, content: string, res: boolean): void;
|
|
12
13
|
}
|
|
13
14
|
export declare type LinkType = React.AnchorHTMLAttributes<HTMLAnchorElement> | boolean;
|
package/lib/es/anchor/index.d.ts
CHANGED
|
@@ -39,7 +39,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
|
|
|
39
39
|
static contextType: React.Context<ContextValue>;
|
|
40
40
|
static Link: typeof Link;
|
|
41
41
|
static PropTypes: {
|
|
42
|
-
size: PropTypes.Requireable<"
|
|
42
|
+
size: PropTypes.Requireable<"default" | "small">;
|
|
43
43
|
railTheme: PropTypes.Requireable<"primary" | "tertiary" | "muted">;
|
|
44
44
|
className: PropTypes.Requireable<string>;
|
|
45
45
|
style: PropTypes.Requireable<object>;
|
|
@@ -125,7 +125,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
|
|
|
125
125
|
renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
|
|
126
126
|
suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
127
127
|
showClear: PropTypes.Requireable<boolean>;
|
|
128
|
-
size: PropTypes.Requireable<"
|
|
128
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
129
129
|
style: PropTypes.Requireable<object>;
|
|
130
130
|
stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
|
|
131
131
|
maxHeight: PropTypes.Requireable<NonNullable<string | number>>;
|
|
@@ -47,7 +47,7 @@ export default class Button extends PureComponent<ButtonProps> {
|
|
|
47
47
|
disabled: PropTypes.Requireable<boolean>;
|
|
48
48
|
prefixCls: PropTypes.Requireable<string>;
|
|
49
49
|
style: PropTypes.Requireable<object>;
|
|
50
|
-
size: PropTypes.Requireable<"
|
|
50
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
51
51
|
type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
|
|
52
52
|
block: PropTypes.Requireable<boolean>;
|
|
53
53
|
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -18,7 +18,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
|
|
|
18
18
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
19
19
|
disabled: PropTypes.Requireable<boolean>;
|
|
20
20
|
type: PropTypes.Requireable<string>;
|
|
21
|
-
size: PropTypes.Requireable<"
|
|
21
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
22
22
|
theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
|
|
23
23
|
'aria-label': PropTypes.Requireable<string>;
|
|
24
24
|
};
|
package/lib/es/button/index.d.ts
CHANGED
|
@@ -22,7 +22,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
|
|
|
22
22
|
onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
23
23
|
onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
24
24
|
disabled: import("prop-types").Requireable<boolean>;
|
|
25
|
-
size: import("prop-types").Requireable<"
|
|
25
|
+
size: import("prop-types").Requireable<"default" | "small" | "large">;
|
|
26
26
|
type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
|
|
27
27
|
block: import("prop-types").Requireable<boolean>;
|
|
28
28
|
onClick: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
@@ -75,6 +75,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
|
|
|
75
75
|
'aria-required': PropTypes.Requireable<boolean>;
|
|
76
76
|
'aria-label': PropTypes.Requireable<string>;
|
|
77
77
|
arrowIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
78
|
+
borderless: PropTypes.Requireable<boolean>;
|
|
78
79
|
clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
79
80
|
changeOnSelect: PropTypes.Requireable<boolean>;
|
|
80
81
|
defaultValue: PropTypes.Requireable<NonNullable<string | any[]>>;
|
|
@@ -143,6 +144,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
|
|
|
143
144
|
position: PropTypes.Requireable<string>;
|
|
144
145
|
};
|
|
145
146
|
static defaultProps: {
|
|
147
|
+
borderless: boolean;
|
|
146
148
|
leafOnly: boolean;
|
|
147
149
|
arrowIcon: JSX.Element;
|
|
148
150
|
stopPropagation: boolean;
|
package/lib/es/cascader/index.js
CHANGED
|
@@ -434,7 +434,8 @@ class Cascader extends BaseComponent {
|
|
|
434
434
|
insetLabel,
|
|
435
435
|
triggerRender,
|
|
436
436
|
showClear,
|
|
437
|
-
id
|
|
437
|
+
id,
|
|
438
|
+
borderless
|
|
438
439
|
} = this.props;
|
|
439
440
|
const {
|
|
440
441
|
isOpen,
|
|
@@ -445,6 +446,7 @@ class Cascader extends BaseComponent {
|
|
|
445
446
|
const filterable = Boolean(filterTreeNode);
|
|
446
447
|
const useCustomTrigger = typeof triggerRender === 'function';
|
|
447
448
|
const classNames = useCustomTrigger ? cls(className) : cls(prefixcls, className, {
|
|
449
|
+
[`${prefixcls}-borderless`]: borderless,
|
|
448
450
|
[`${prefixcls}-focus`]: isFocus || isOpen && !isInput,
|
|
449
451
|
[`${prefixcls}-disabled`]: disabled,
|
|
450
452
|
[`${prefixcls}-single`]: true,
|
|
@@ -977,6 +979,7 @@ Cascader.propTypes = {
|
|
|
977
979
|
'aria-required': PropTypes.bool,
|
|
978
980
|
'aria-label': PropTypes.string,
|
|
979
981
|
arrowIcon: PropTypes.node,
|
|
982
|
+
borderless: PropTypes.bool,
|
|
980
983
|
clearIcon: PropTypes.node,
|
|
981
984
|
changeOnSelect: PropTypes.bool,
|
|
982
985
|
defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
|
|
@@ -1047,6 +1050,7 @@ Cascader.propTypes = {
|
|
|
1047
1050
|
position: PropTypes.string
|
|
1048
1051
|
};
|
|
1049
1052
|
Cascader.defaultProps = {
|
|
1053
|
+
borderless: false,
|
|
1050
1054
|
leafOnly: false,
|
|
1051
1055
|
arrowIcon: /*#__PURE__*/React.createElement(IconChevronDown, null),
|
|
1052
1056
|
stopPropagation: true,
|
|
@@ -3,6 +3,7 @@ export interface CollapseContextType {
|
|
|
3
3
|
activeSet: Set<string>;
|
|
4
4
|
expandIcon: React.ReactNode;
|
|
5
5
|
collapseIcon: React.ReactNode;
|
|
6
|
+
clickHeaderToExpand: boolean;
|
|
6
7
|
keepDOM: boolean;
|
|
7
8
|
expandIconPosition: 'left' | 'right';
|
|
8
9
|
onClick: (activeKey: string, e: React.MouseEvent) => void;
|
|
@@ -20,6 +20,7 @@ declare class Collapse extends BaseComponent<CollapseReactProps, CollapseState>
|
|
|
20
20
|
activeKey: PropTypes.Requireable<NonNullable<string | any[]>>;
|
|
21
21
|
defaultActiveKey: PropTypes.Requireable<NonNullable<string | any[]>>;
|
|
22
22
|
accordion: PropTypes.Requireable<boolean>;
|
|
23
|
+
clickHeaderToExpand: PropTypes.Requireable<boolean>;
|
|
23
24
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
24
25
|
expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
25
26
|
collapseIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
@@ -31,6 +32,7 @@ declare class Collapse extends BaseComponent<CollapseReactProps, CollapseState>
|
|
|
31
32
|
};
|
|
32
33
|
static defaultProps: {
|
|
33
34
|
defaultActiveKey: string;
|
|
35
|
+
clickHeaderToExpand: boolean;
|
|
34
36
|
onChange: typeof noop;
|
|
35
37
|
expandIconPosition: string;
|
|
36
38
|
};
|