@douyinfe/semi-ui 2.8.2 → 2.9.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/anchor/__test__/anchor.test.js +1 -0
- package/anchor/_story/anchor.stories.js +23 -1
- package/badge/index.tsx +12 -3
- package/cascader/_story/cascader.stories.js +17 -2
- package/cascader/index.tsx +1 -1
- package/checkbox/_story/checkbox.stories.js +1 -1
- package/collapse/item.tsx +2 -0
- package/datePicker/_story/datePicker.stories.js +37 -0
- package/descriptions/index.tsx +3 -4
- package/descriptions/item.tsx +1 -1
- package/dist/css/semi.css +63 -17
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +7444 -3323
- 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/divider/__test__/divider.test.js +72 -0
- package/divider/_story/Demo.tsx +16 -0
- package/divider/_story/divider.stories.js +41 -0
- package/divider/_story/divider.stories.tsx +8 -0
- package/divider/index.tsx +72 -0
- package/form/_story/demo.jsx +9 -0
- package/index.ts +1 -0
- package/input/__test__/input.test.js +12 -3
- package/input/__test__/textArea.test.js +53 -0
- package/lib/cjs/badge/index.d.ts +9 -0
- package/lib/cjs/badge/index.js +34 -6
- package/lib/cjs/button/index.d.ts +1 -1
- package/lib/cjs/cascader/index.js +1 -1
- package/lib/cjs/collapse/item.js +4 -2
- package/lib/cjs/descriptions/index.d.ts +2 -3
- package/lib/cjs/descriptions/index.js +4 -3
- package/lib/cjs/descriptions/item.d.ts +1 -1
- package/lib/cjs/divider/index.d.ts +20 -0
- package/lib/cjs/divider/index.js +88 -0
- package/lib/cjs/form/baseForm.d.ts +1 -1
- package/lib/cjs/form/errorMessage.d.ts +1 -1
- package/lib/cjs/iconButton/index.d.ts +1 -1
- package/lib/cjs/index.d.ts +1 -0
- package/lib/cjs/index.js +9 -0
- package/lib/cjs/modal/Modal.js +3 -0
- package/lib/cjs/modal/confirm.d.ts +5 -5
- package/lib/cjs/navigation/Header.d.ts +1 -1
- package/lib/cjs/navigation/index.d.ts +2 -2
- package/lib/cjs/popover/index.d.ts +1 -1
- package/lib/cjs/progress/index.d.ts +1 -1
- package/lib/cjs/scrollList/scrollItem.js +4 -0
- package/lib/cjs/select/optionGroup.d.ts +1 -1
- package/lib/cjs/slider/index.js +16 -12
- package/lib/cjs/table/Body/BaseRow.d.ts +1 -1
- package/lib/cjs/table/Body/ExpandedRow.d.ts +1 -1
- package/lib/cjs/table/Column.d.ts +1 -1
- package/lib/cjs/table/ColumnShape.d.ts +1 -1
- package/lib/cjs/table/CustomExpandIcon.d.ts +1 -1
- package/lib/cjs/table/Table.d.ts +5 -5
- package/lib/cjs/table/index.d.ts +4 -4
- package/lib/cjs/tabs/TabPane.js +4 -0
- package/lib/cjs/tabs/index.js +2 -0
- package/lib/cjs/tagInput/index.d.ts +1 -1
- package/lib/cjs/tooltip/index.d.ts +1 -1
- package/lib/cjs/transfer/index.d.ts +1 -0
- package/lib/cjs/transfer/index.js +3 -1
- package/lib/es/badge/index.d.ts +9 -0
- package/lib/es/badge/index.js +31 -6
- package/lib/es/button/index.d.ts +1 -1
- package/lib/es/cascader/index.js +1 -1
- package/lib/es/collapse/item.js +4 -2
- package/lib/es/descriptions/index.d.ts +2 -3
- package/lib/es/descriptions/index.js +4 -3
- package/lib/es/descriptions/item.d.ts +1 -1
- package/lib/es/divider/index.d.ts +20 -0
- package/lib/es/divider/index.js +68 -0
- package/lib/es/form/baseForm.d.ts +1 -1
- package/lib/es/form/errorMessage.d.ts +1 -1
- package/lib/es/iconButton/index.d.ts +1 -1
- package/lib/es/index.d.ts +1 -0
- package/lib/es/index.js +1 -0
- package/lib/es/modal/Modal.js +3 -0
- package/lib/es/modal/confirm.d.ts +5 -5
- package/lib/es/navigation/Header.d.ts +1 -1
- package/lib/es/navigation/index.d.ts +2 -2
- package/lib/es/popover/index.d.ts +1 -1
- package/lib/es/progress/index.d.ts +1 -1
- package/lib/es/scrollList/scrollItem.js +4 -0
- package/lib/es/select/optionGroup.d.ts +1 -1
- package/lib/es/slider/index.js +16 -12
- package/lib/es/table/Body/BaseRow.d.ts +1 -1
- package/lib/es/table/Body/ExpandedRow.d.ts +1 -1
- package/lib/es/table/Column.d.ts +1 -1
- package/lib/es/table/ColumnShape.d.ts +1 -1
- package/lib/es/table/CustomExpandIcon.d.ts +1 -1
- package/lib/es/table/Table.d.ts +5 -5
- package/lib/es/table/index.d.ts +4 -4
- package/lib/es/tabs/TabPane.js +4 -0
- package/lib/es/tabs/index.js +2 -0
- package/lib/es/tagInput/index.d.ts +1 -1
- package/lib/es/tooltip/index.d.ts +1 -1
- package/lib/es/transfer/index.d.ts +1 -0
- package/lib/es/transfer/index.js +3 -1
- package/modal/Modal.tsx +2 -0
- package/modal/confirm.tsx +1 -1
- package/overflowList/_story/overflowList.stories.js +44 -0
- package/package.json +9 -9
- package/scrollList/_story/SingleWheelList/index.js +72 -0
- package/scrollList/_story/scrolllist.stories.js +7 -0
- package/scrollList/scrollItem.tsx +3 -0
- package/slider/_story/slider.stories.js +28 -6
- package/slider/index.tsx +15 -10
- package/table/__test__/table.test.js +1 -0
- package/tabs/TabPane.tsx +2 -0
- package/tabs/_story/tabs.stories.js +72 -0
- package/tabs/index.tsx +1 -0
- package/tagInput/_story/tagInput.stories.js +14 -1
- package/tooltip/_story/tooltip.stories.js +127 -15
- package/transfer/index.tsx +4 -1
- package/typography/__test__/typography.test.js +1 -0
- package/upload/__test__/upload.test.js +2 -0
- package/upload/_story/upload.stories.js +2 -2
package/lib/cjs/index.d.ts
CHANGED
|
@@ -20,6 +20,7 @@ export { default as Collapsible } from './collapsible';
|
|
|
20
20
|
export { default as ConfigProvider } from './configProvider';
|
|
21
21
|
export { default as DatePicker } from './datePicker';
|
|
22
22
|
export { default as Descriptions } from './descriptions';
|
|
23
|
+
export { default as Divider } from './divider';
|
|
23
24
|
export { default as Empty } from './empty';
|
|
24
25
|
export { default as Modal } from './modal';
|
|
25
26
|
export { default as Dropdown } from './dropdown';
|
package/lib/cjs/index.js
CHANGED
|
@@ -173,6 +173,13 @@ _Object$defineProperty(exports, "Descriptions", {
|
|
|
173
173
|
}
|
|
174
174
|
});
|
|
175
175
|
|
|
176
|
+
_Object$defineProperty(exports, "Divider", {
|
|
177
|
+
enumerable: true,
|
|
178
|
+
get: function () {
|
|
179
|
+
return _divider.default;
|
|
180
|
+
}
|
|
181
|
+
});
|
|
182
|
+
|
|
176
183
|
_Object$defineProperty(exports, "Dropdown", {
|
|
177
184
|
enumerable: true,
|
|
178
185
|
get: function () {
|
|
@@ -665,6 +672,8 @@ var _datePicker = _interopRequireDefault(require("./datePicker"));
|
|
|
665
672
|
|
|
666
673
|
var _descriptions = _interopRequireDefault(require("./descriptions"));
|
|
667
674
|
|
|
675
|
+
var _divider = _interopRequireDefault(require("./divider"));
|
|
676
|
+
|
|
668
677
|
var _empty = _interopRequireDefault(require("./empty"));
|
|
669
678
|
|
|
670
679
|
var _modal = _interopRequireDefault(require("./modal"));
|
package/lib/cjs/modal/Modal.js
CHANGED
|
@@ -253,6 +253,9 @@ class Modal extends _baseComponent.default {
|
|
|
253
253
|
this.props.onOk(e);
|
|
254
254
|
},
|
|
255
255
|
notifyClose: () => {
|
|
256
|
+
var _a, _b;
|
|
257
|
+
|
|
258
|
+
(_b = (_a = this.props.motion) === null || _a === void 0 ? void 0 : _a.didLeave) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
256
259
|
this.props.afterClose();
|
|
257
260
|
},
|
|
258
261
|
toggleHidden: (hidden, callback) => {
|
|
@@ -15,7 +15,7 @@ export declare function withInfo(props: ModalReactProps): {
|
|
|
15
15
|
bodyStyle?: React.CSSProperties;
|
|
16
16
|
maskStyle?: React.CSSProperties;
|
|
17
17
|
style?: React.CSSProperties;
|
|
18
|
-
icon: React.
|
|
18
|
+
icon: string | number | boolean | React.ReactFragment | JSX.Element;
|
|
19
19
|
closeIcon?: React.ReactNode;
|
|
20
20
|
title?: React.ReactNode;
|
|
21
21
|
content?: React.ReactNode;
|
|
@@ -57,7 +57,7 @@ export declare function withSuccess(props: ModalReactProps): {
|
|
|
57
57
|
bodyStyle?: React.CSSProperties;
|
|
58
58
|
maskStyle?: React.CSSProperties;
|
|
59
59
|
style?: React.CSSProperties;
|
|
60
|
-
icon: React.
|
|
60
|
+
icon: string | number | boolean | React.ReactFragment | JSX.Element;
|
|
61
61
|
closeIcon?: React.ReactNode;
|
|
62
62
|
title?: React.ReactNode;
|
|
63
63
|
content?: React.ReactNode;
|
|
@@ -99,7 +99,7 @@ export declare function withWarning(props: ModalReactProps): {
|
|
|
99
99
|
bodyStyle?: React.CSSProperties;
|
|
100
100
|
maskStyle?: React.CSSProperties;
|
|
101
101
|
style?: React.CSSProperties;
|
|
102
|
-
icon: React.
|
|
102
|
+
icon: string | number | boolean | React.ReactFragment | JSX.Element;
|
|
103
103
|
closeIcon?: React.ReactNode;
|
|
104
104
|
title?: React.ReactNode;
|
|
105
105
|
content?: React.ReactNode;
|
|
@@ -141,7 +141,7 @@ export declare function withError(props: ModalReactProps): {
|
|
|
141
141
|
bodyStyle?: React.CSSProperties;
|
|
142
142
|
maskStyle?: React.CSSProperties;
|
|
143
143
|
style?: React.CSSProperties;
|
|
144
|
-
icon: React.
|
|
144
|
+
icon: string | number | boolean | React.ReactFragment | JSX.Element;
|
|
145
145
|
closeIcon?: React.ReactNode;
|
|
146
146
|
title?: React.ReactNode;
|
|
147
147
|
content?: React.ReactNode;
|
|
@@ -183,7 +183,7 @@ export declare function withConfirm(props: ModalReactProps): {
|
|
|
183
183
|
bodyStyle?: React.CSSProperties;
|
|
184
184
|
maskStyle?: React.CSSProperties;
|
|
185
185
|
style?: React.CSSProperties;
|
|
186
|
-
icon: React.
|
|
186
|
+
icon: string | number | boolean | React.ReactFragment | JSX.Element;
|
|
187
187
|
closeIcon?: React.ReactNode;
|
|
188
188
|
title?: React.ReactNode;
|
|
189
189
|
content?: React.ReactNode;
|
|
@@ -15,7 +15,7 @@ export default class NavHeader extends PureComponent<NavHeaderProps> {
|
|
|
15
15
|
static contextType: React.Context<NavContextType>;
|
|
16
16
|
static propTypes: {
|
|
17
17
|
prefixCls: PropTypes.Requireable<string>;
|
|
18
|
-
logo: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
18
|
+
logo: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
|
|
19
19
|
text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
20
20
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
21
21
|
style: PropTypes.Requireable<object>;
|
|
@@ -107,8 +107,8 @@ declare class Nav extends BaseComponent<NavProps, NavState> {
|
|
|
107
107
|
className: PropTypes.Requireable<string>;
|
|
108
108
|
toggleIconPosition: PropTypes.Requireable<string>;
|
|
109
109
|
prefixCls: PropTypes.Requireable<string>;
|
|
110
|
-
header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
111
|
-
footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
110
|
+
header: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
|
|
111
|
+
footer: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
|
|
112
112
|
limitIndent: PropTypes.Requireable<boolean>;
|
|
113
113
|
};
|
|
114
114
|
static defaultProps: {
|
|
@@ -46,7 +46,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
|
|
|
46
46
|
static contextType: React.Context<ContextValue>;
|
|
47
47
|
static propTypes: {
|
|
48
48
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
49
|
-
content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
49
|
+
content: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
50
50
|
visible: PropTypes.Requireable<boolean>;
|
|
51
51
|
autoAdjustOverflow: PropTypes.Requireable<boolean>;
|
|
52
52
|
motion: PropTypes.Requireable<boolean | object>;
|
|
@@ -33,7 +33,7 @@ declare class Progress extends Component<ProgressProps, ProgressState> {
|
|
|
33
33
|
'aria-valuetext': PropTypes.Requireable<string>;
|
|
34
34
|
className: PropTypes.Requireable<string>;
|
|
35
35
|
direction: PropTypes.Requireable<string>;
|
|
36
|
-
format: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
36
|
+
format: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
37
37
|
id: PropTypes.Requireable<string>;
|
|
38
38
|
motion: PropTypes.Requireable<boolean | object>;
|
|
39
39
|
orbitStroke: PropTypes.Requireable<string>;
|
|
@@ -71,6 +71,8 @@ class ScrollItem extends _baseComponent.default {
|
|
|
71
71
|
this._cacheSelectorNode = selector => this._cacheNode('selector', selector);
|
|
72
72
|
|
|
73
73
|
this._cacheWrapperNode = wrapper => this._cacheNode('wrapper', wrapper);
|
|
74
|
+
/* istanbul ignore next */
|
|
75
|
+
|
|
74
76
|
|
|
75
77
|
this._isFirst = node => {
|
|
76
78
|
const {
|
|
@@ -85,6 +87,8 @@ class ScrollItem extends _baseComponent.default {
|
|
|
85
87
|
|
|
86
88
|
return false;
|
|
87
89
|
};
|
|
90
|
+
/* istanbul ignore next */
|
|
91
|
+
|
|
88
92
|
|
|
89
93
|
this._isLast = node => {
|
|
90
94
|
const {
|
|
@@ -10,7 +10,7 @@ export interface OptionGroupProps {
|
|
|
10
10
|
declare class OptionGroup extends BaseComponent<OptionGroupProps> {
|
|
11
11
|
static isSelectOptionGroup: boolean;
|
|
12
12
|
static propTypes: {
|
|
13
|
-
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
13
|
+
children: PropTypes.Requireable<any[] | PropTypes.ReactNodeLike>;
|
|
14
14
|
label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
15
15
|
className: PropTypes.Requireable<string>;
|
|
16
16
|
style: PropTypes.Requireable<object>;
|
package/lib/cjs/slider/index.js
CHANGED
|
@@ -296,7 +296,10 @@ class Slider extends _baseComponent.default {
|
|
|
296
296
|
["".concat(prefixCls, "-dot-active")]: this.foundation.isMarkActive(Number(mark)) === 'active'
|
|
297
297
|
});
|
|
298
298
|
const markPercent = (Number(mark) - min) / (max - min);
|
|
299
|
-
return activeResult ?
|
|
299
|
+
return activeResult ?
|
|
300
|
+
/*#__PURE__*/
|
|
301
|
+
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
302
|
+
_react.default.createElement("span", {
|
|
300
303
|
key: mark,
|
|
301
304
|
onClick: e => this.foundation.handleWrapClick(e),
|
|
302
305
|
className: markClass,
|
|
@@ -477,6 +480,7 @@ class Slider extends _baseComponent.default {
|
|
|
477
480
|
onHandleMove: function (mousePos, isMin) {
|
|
478
481
|
let stateChangeCallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _noop2.default;
|
|
479
482
|
let clickTrack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
483
|
+
let outPutValue = arguments.length > 4 ? arguments[4] : undefined;
|
|
480
484
|
|
|
481
485
|
const sliderDOMIsInRenderTree = _this.foundation.checkAndUpdateIsInRenderTreeState();
|
|
482
486
|
|
|
@@ -485,32 +489,32 @@ class Slider extends _baseComponent.default {
|
|
|
485
489
|
}
|
|
486
490
|
|
|
487
491
|
const {
|
|
488
|
-
value
|
|
489
|
-
onChange
|
|
492
|
+
value
|
|
490
493
|
} = _this.props;
|
|
494
|
+
let finalOutPutValue = outPutValue;
|
|
491
495
|
|
|
492
|
-
|
|
496
|
+
if (finalOutPutValue === undefined) {
|
|
497
|
+
const moveValue = _this.foundation.transPosToValue(mousePos, isMin);
|
|
493
498
|
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
499
|
+
if (moveValue === false) {
|
|
500
|
+
return;
|
|
501
|
+
}
|
|
497
502
|
|
|
498
|
-
|
|
503
|
+
finalOutPutValue = _this.foundation.outPutValue(moveValue);
|
|
504
|
+
}
|
|
499
505
|
|
|
500
506
|
const {
|
|
501
507
|
currentValue
|
|
502
508
|
} = _this.state;
|
|
503
509
|
|
|
504
|
-
if (!(0, _isEqual2.default)(_this.foundation.outPutValue(currentValue),
|
|
505
|
-
onChange(outPutValue);
|
|
506
|
-
|
|
510
|
+
if (!(0, _isEqual2.default)(_this.foundation.outPutValue(currentValue), finalOutPutValue)) {
|
|
507
511
|
if (!clickTrack && _this.foundation.valueFormatIsCorrect(value)) {
|
|
508
512
|
// still require afterChangeCallback when click on the track directly, need skip here
|
|
509
513
|
return false;
|
|
510
514
|
}
|
|
511
515
|
|
|
512
516
|
_this.setState({
|
|
513
|
-
currentValue:
|
|
517
|
+
currentValue: finalOutPutValue
|
|
514
518
|
}, stateChangeCallback);
|
|
515
519
|
}
|
|
516
520
|
},
|
|
@@ -52,7 +52,7 @@ export default class TableRow extends BaseComponent<BaseRowProps, Record<string,
|
|
|
52
52
|
columns: PropTypes.Validator<any[]>;
|
|
53
53
|
components: PropTypes.Validator<object>;
|
|
54
54
|
disabled: PropTypes.Requireable<boolean>;
|
|
55
|
-
expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
55
|
+
expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
56
56
|
expandableRow: PropTypes.Requireable<boolean>;
|
|
57
57
|
expanded: PropTypes.Requireable<boolean>;
|
|
58
58
|
expandedRow: PropTypes.Requireable<boolean>;
|
|
@@ -36,7 +36,7 @@ export default class TableExpandedRow extends PureComponent<TableExpandedRowProp
|
|
|
36
36
|
components: PropTypes.Requireable<object>;
|
|
37
37
|
defaultExpandAllRows: PropTypes.Requireable<boolean>;
|
|
38
38
|
defaultExpandedRowKeys: PropTypes.Requireable<any[]>;
|
|
39
|
-
expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
39
|
+
expandIcon: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
|
|
40
40
|
expandRowByClick: PropTypes.Requireable<boolean>;
|
|
41
41
|
expanded: PropTypes.Requireable<boolean>;
|
|
42
42
|
expandedRowKeys: PropTypes.Requireable<any[]>;
|
|
@@ -27,7 +27,7 @@ export default class Column extends React.PureComponent<ColumnProps> {
|
|
|
27
27
|
sortDirections: import("prop-types").Requireable<string[]>;
|
|
28
28
|
sortOrder: import("prop-types").Requireable<string | boolean>;
|
|
29
29
|
sorter: import("prop-types").Requireable<boolean | ((...args: any[]) => any)>;
|
|
30
|
-
title: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
|
|
30
|
+
title: import("prop-types").Requireable<import("prop-types").ReactNodeLike | ((...args: any[]) => any)>;
|
|
31
31
|
useFullRender: import("prop-types").Requireable<boolean>;
|
|
32
32
|
width: import("prop-types").Requireable<string | number>;
|
|
33
33
|
};
|
|
@@ -25,7 +25,7 @@ declare const _default: {
|
|
|
25
25
|
sortDirections: PropTypes.Requireable<string[]>;
|
|
26
26
|
sortOrder: PropTypes.Requireable<string | boolean>;
|
|
27
27
|
sorter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
|
|
28
|
-
title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
28
|
+
title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
29
29
|
useFullRender: PropTypes.Requireable<boolean>;
|
|
30
30
|
width: PropTypes.Requireable<string | number>;
|
|
31
31
|
};
|
|
@@ -21,7 +21,7 @@ declare namespace CustomExpandIcon {
|
|
|
21
21
|
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
22
|
onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
|
|
23
23
|
onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
|
|
24
|
-
expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
24
|
+
expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
25
25
|
prefixCls: PropTypes.Requireable<string>;
|
|
26
26
|
motion: PropTypes.Requireable<boolean>;
|
|
27
27
|
};
|
package/lib/cjs/table/Table.d.ts
CHANGED
|
@@ -80,15 +80,15 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
|
|
|
80
80
|
sortDirections: PropTypes.Requireable<string[]>;
|
|
81
81
|
sortOrder: PropTypes.Requireable<string | boolean>;
|
|
82
82
|
sorter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
|
|
83
|
-
title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
83
|
+
title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
84
84
|
useFullRender: PropTypes.Requireable<boolean>;
|
|
85
85
|
width: PropTypes.Requireable<string | number>;
|
|
86
86
|
}>[]>;
|
|
87
87
|
hideExpandedColumn: PropTypes.Requireable<boolean>;
|
|
88
88
|
id: PropTypes.Requireable<string>;
|
|
89
|
-
expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
89
|
+
expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
90
90
|
expandCellFixed: PropTypes.Requireable<boolean | "left" | "right">;
|
|
91
|
-
title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
91
|
+
title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
92
92
|
onHeaderRow: PropTypes.Requireable<(...args: any[]) => any>;
|
|
93
93
|
showHeader: PropTypes.Requireable<boolean>;
|
|
94
94
|
indentSize: PropTypes.Requireable<number>;
|
|
@@ -106,7 +106,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
|
|
|
106
106
|
defaultExpandedRowKeys: PropTypes.Requireable<any[]>;
|
|
107
107
|
pagination: PropTypes.Requireable<boolean | object>;
|
|
108
108
|
renderPagination: PropTypes.Requireable<(...args: any[]) => any>;
|
|
109
|
-
footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
109
|
+
footer: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
110
110
|
empty: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
111
111
|
dataSource: PropTypes.Requireable<any[]>;
|
|
112
112
|
childrenRecordName: PropTypes.Requireable<string>;
|
|
@@ -294,7 +294,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
|
|
|
294
294
|
defaultCurrentPage?: number;
|
|
295
295
|
onPageChange?: (currentPage: number) => void;
|
|
296
296
|
onPageSizeChange?: (newPageSize: number) => void;
|
|
297
|
-
onChange: (
|
|
297
|
+
onChange: (currentPage: number, pageSize: number) => void;
|
|
298
298
|
prevText?: React.ReactNode;
|
|
299
299
|
nextText?: React.ReactNode;
|
|
300
300
|
showSizeChanger?: boolean;
|
package/lib/cjs/table/index.d.ts
CHANGED
|
@@ -43,15 +43,15 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
|
|
|
43
43
|
sortDirections: PropTypes.Requireable<string[]>;
|
|
44
44
|
sortOrder: PropTypes.Requireable<string | boolean>;
|
|
45
45
|
sorter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
|
|
46
|
-
title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
46
|
+
title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
47
47
|
useFullRender: PropTypes.Requireable<boolean>;
|
|
48
48
|
width: PropTypes.Requireable<string | number>;
|
|
49
49
|
}>[]>;
|
|
50
50
|
hideExpandedColumn: PropTypes.Requireable<boolean>;
|
|
51
51
|
id: PropTypes.Requireable<string>;
|
|
52
|
-
expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
52
|
+
expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
53
53
|
expandCellFixed: PropTypes.Requireable<boolean | "left" | "right">;
|
|
54
|
-
title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
54
|
+
title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
55
55
|
onHeaderRow: PropTypes.Requireable<(...args: any[]) => any>;
|
|
56
56
|
showHeader: PropTypes.Requireable<boolean>;
|
|
57
57
|
indentSize: PropTypes.Requireable<number>;
|
|
@@ -69,7 +69,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
|
|
|
69
69
|
defaultExpandedRowKeys: PropTypes.Requireable<any[]>;
|
|
70
70
|
pagination: PropTypes.Requireable<boolean | object>;
|
|
71
71
|
renderPagination: PropTypes.Requireable<(...args: any[]) => any>;
|
|
72
|
-
footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
72
|
+
footer: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
73
73
|
empty: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
74
74
|
dataSource: PropTypes.Requireable<any[]>;
|
|
75
75
|
childrenRecordName: PropTypes.Requireable<string>;
|
package/lib/cjs/tabs/TabPane.js
CHANGED
|
@@ -75,6 +75,8 @@ class TabPane extends _react.PureComponent {
|
|
|
75
75
|
|
|
76
76
|
return false;
|
|
77
77
|
};
|
|
78
|
+
/* istanbul ignore next */
|
|
79
|
+
|
|
78
80
|
|
|
79
81
|
this.hideScroll = () => {
|
|
80
82
|
if (this.ref && this.ref.current) {
|
|
@@ -82,6 +84,8 @@ class TabPane extends _react.PureComponent {
|
|
|
82
84
|
this.isAnimating = true;
|
|
83
85
|
}
|
|
84
86
|
};
|
|
87
|
+
/* istanbul ignore next */
|
|
88
|
+
|
|
85
89
|
|
|
86
90
|
this.autoScroll = () => {
|
|
87
91
|
if (this.ref && this.ref.current) {
|
package/lib/cjs/tabs/index.js
CHANGED
|
@@ -112,6 +112,8 @@ class Tabs extends _baseComponent.default {
|
|
|
112
112
|
this.onTabClick = (activeKey, event) => {
|
|
113
113
|
this.foundation.handleTabClick(activeKey, event);
|
|
114
114
|
};
|
|
115
|
+
/* istanbul ignore next */
|
|
116
|
+
|
|
115
117
|
|
|
116
118
|
this.rePosChildren = (children, activeKey) => {
|
|
117
119
|
const newChildren = [];
|
|
@@ -82,7 +82,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
|
|
|
82
82
|
onRemove: PropTypes.Requireable<(...args: any[]) => any>;
|
|
83
83
|
onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
|
|
84
84
|
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
85
|
-
validateStatus: PropTypes.Requireable<"default" | "error" | "warning">;
|
|
85
|
+
validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
|
|
86
86
|
prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
87
87
|
suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
88
88
|
'aria-label': PropTypes.Requireable<string>;
|
|
@@ -87,7 +87,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
|
|
|
87
87
|
clickTriggerToHide: PropTypes.Requireable<boolean>;
|
|
88
88
|
visible: PropTypes.Requireable<boolean>;
|
|
89
89
|
style: PropTypes.Requireable<object>;
|
|
90
|
-
content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
90
|
+
content: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
91
91
|
prefixCls: PropTypes.Requireable<string>;
|
|
92
92
|
onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
93
93
|
onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -296,7 +296,8 @@ class Transfer extends _baseComponent.default {
|
|
|
296
296
|
loading,
|
|
297
297
|
type,
|
|
298
298
|
emptyContent,
|
|
299
|
-
renderSourcePanel
|
|
299
|
+
renderSourcePanel,
|
|
300
|
+
dataSource
|
|
300
301
|
} = this.props;
|
|
301
302
|
const totalToken = locale.total;
|
|
302
303
|
const inSearchMode = inputValue !== '';
|
|
@@ -356,6 +357,7 @@ class Transfer extends _baseComponent.default {
|
|
|
356
357
|
noMatch,
|
|
357
358
|
filterData,
|
|
358
359
|
sourceData: data,
|
|
360
|
+
propsDataSource: dataSource,
|
|
359
361
|
allChecked: !leftContainesNotInSelected,
|
|
360
362
|
showNumber,
|
|
361
363
|
inputValue,
|
package/lib/es/badge/index.d.ts
CHANGED
|
@@ -14,6 +14,9 @@ export interface BadgeProps {
|
|
|
14
14
|
overflowCount?: number;
|
|
15
15
|
style?: React.CSSProperties;
|
|
16
16
|
className?: string;
|
|
17
|
+
onMouseEnter?: (e: React.MouseEvent) => any;
|
|
18
|
+
onMouseLeave?: (e: React.MouseEvent) => any;
|
|
19
|
+
onClick?: (e: React.MouseEvent) => any;
|
|
17
20
|
children?: React.ReactNode | undefined;
|
|
18
21
|
}
|
|
19
22
|
export default class Badge extends PureComponent<BadgeProps> {
|
|
@@ -28,12 +31,18 @@ export default class Badge extends PureComponent<BadgeProps> {
|
|
|
28
31
|
style: PropTypes.Requireable<object>;
|
|
29
32
|
className: PropTypes.Requireable<string>;
|
|
30
33
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
34
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
35
|
+
onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
|
|
36
|
+
onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
|
|
31
37
|
};
|
|
32
38
|
static defaultProps: {
|
|
33
39
|
dot: boolean;
|
|
34
40
|
type: string;
|
|
35
41
|
theme: string;
|
|
36
42
|
className: string;
|
|
43
|
+
onClick: () => (...args: any[]) => void;
|
|
44
|
+
onMouseEnter: () => (...args: any[]) => void;
|
|
45
|
+
onMouseLeave: () => (...args: any[]) => void;
|
|
37
46
|
};
|
|
38
47
|
context: ContextValue;
|
|
39
48
|
render(): JSX.Element;
|
package/lib/es/badge/index.js
CHANGED
|
@@ -1,6 +1,22 @@
|
|
|
1
|
+
import _noop from "lodash/noop";
|
|
1
2
|
import _isString from "lodash/isString";
|
|
2
3
|
import _isNumber from "lodash/isNumber";
|
|
4
|
+
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
5
|
+
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
3
6
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
7
|
+
import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
|
|
8
|
+
|
|
9
|
+
var __rest = this && this.__rest || function (s, e) {
|
|
10
|
+
var t = {};
|
|
11
|
+
|
|
12
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
|
|
13
|
+
|
|
14
|
+
if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
|
|
15
|
+
if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
16
|
+
}
|
|
17
|
+
return t;
|
|
18
|
+
};
|
|
19
|
+
|
|
4
20
|
import React, { PureComponent } from 'react';
|
|
5
21
|
import cls from 'classnames';
|
|
6
22
|
import PropTypes from 'prop-types';
|
|
@@ -18,7 +34,8 @@ export default class Badge extends PureComponent {
|
|
|
18
34
|
|
|
19
35
|
const defaultPosition = direction === 'rtl' ? 'leftTop' : 'rightTop'; // eslint-disable-next-line max-len
|
|
20
36
|
|
|
21
|
-
const
|
|
37
|
+
const _a = this.props,
|
|
38
|
+
{
|
|
22
39
|
count,
|
|
23
40
|
dot,
|
|
24
41
|
type,
|
|
@@ -28,7 +45,9 @@ export default class Badge extends PureComponent {
|
|
|
28
45
|
style,
|
|
29
46
|
children,
|
|
30
47
|
className
|
|
31
|
-
} =
|
|
48
|
+
} = _a,
|
|
49
|
+
rest = __rest(_a, ["count", "dot", "type", "theme", "position", "overflowCount", "style", "children", "className"]);
|
|
50
|
+
|
|
32
51
|
const custom = count && !(_isNumber(count) || _isString(count));
|
|
33
52
|
const showBadge = count !== null && typeof count !== 'undefined';
|
|
34
53
|
const wrapper = cls(className, {
|
|
@@ -48,9 +67,9 @@ export default class Badge extends PureComponent {
|
|
|
48
67
|
content = count;
|
|
49
68
|
}
|
|
50
69
|
|
|
51
|
-
return /*#__PURE__*/React.createElement("span", {
|
|
70
|
+
return /*#__PURE__*/React.createElement("span", _Object$assign({
|
|
52
71
|
className: prefixCls
|
|
53
|
-
}, children, /*#__PURE__*/React.createElement("span", {
|
|
72
|
+
}, rest), children, /*#__PURE__*/React.createElement("span", {
|
|
54
73
|
className: wrapper,
|
|
55
74
|
style: style
|
|
56
75
|
}, dot ? null : content));
|
|
@@ -67,11 +86,17 @@ Badge.propTypes = {
|
|
|
67
86
|
overflowCount: PropTypes.number,
|
|
68
87
|
style: PropTypes.object,
|
|
69
88
|
className: PropTypes.string,
|
|
70
|
-
children: PropTypes.node
|
|
89
|
+
children: PropTypes.node,
|
|
90
|
+
onClick: PropTypes.func,
|
|
91
|
+
onMouseEnter: PropTypes.func,
|
|
92
|
+
onMouseLeave: PropTypes.func
|
|
71
93
|
};
|
|
72
94
|
Badge.defaultProps = {
|
|
73
95
|
dot: false,
|
|
74
96
|
type: 'primary',
|
|
75
97
|
theme: 'solid',
|
|
76
|
-
className: ''
|
|
98
|
+
className: '',
|
|
99
|
+
onClick: () => _noop,
|
|
100
|
+
onMouseEnter: () => _noop,
|
|
101
|
+
onMouseLeave: () => _noop
|
|
77
102
|
};
|
package/lib/es/button/index.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
|
|
|
12
12
|
style: import("prop-types").Requireable<object>;
|
|
13
13
|
loading: import("prop-types").Requireable<boolean>;
|
|
14
14
|
prefixCls: import("prop-types").Requireable<string>;
|
|
15
|
-
icon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
|
|
15
|
+
icon: import("prop-types").Requireable<object | import("prop-types").ReactNodeLike>;
|
|
16
16
|
iconSize: import("prop-types").Requireable<string>;
|
|
17
17
|
noHorizontalPadding: import("prop-types").Requireable<string | boolean | any[]>;
|
|
18
18
|
children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
|
package/lib/es/cascader/index.js
CHANGED
package/lib/es/collapse/item.js
CHANGED
|
@@ -72,9 +72,11 @@ export default class CollapsePanel extends PureComponent {
|
|
|
72
72
|
className,
|
|
73
73
|
children,
|
|
74
74
|
itemKey,
|
|
75
|
-
reCalcKey
|
|
75
|
+
reCalcKey,
|
|
76
|
+
header,
|
|
77
|
+
extra
|
|
76
78
|
} = _a,
|
|
77
|
-
restProps = __rest(_a, ["className", "children", "itemKey", "reCalcKey"]);
|
|
79
|
+
restProps = __rest(_a, ["className", "children", "itemKey", "reCalcKey", "header", "extra"]);
|
|
78
80
|
|
|
79
81
|
const {
|
|
80
82
|
keepDOM,
|
|
@@ -6,8 +6,7 @@ import Item from './item';
|
|
|
6
6
|
export { DescriptionsItemProps } from './item';
|
|
7
7
|
export declare type DescriptionsSize = 'small' | 'medium' | 'large';
|
|
8
8
|
export interface Data {
|
|
9
|
-
|
|
10
|
-
key?: string | number;
|
|
9
|
+
key?: React.ReactNode;
|
|
11
10
|
value?: (() => React.ReactNode) | React.ReactNode;
|
|
12
11
|
hidden?: boolean;
|
|
13
12
|
}
|
|
@@ -31,7 +30,7 @@ declare class Descriptions extends PureComponent<DescriptionsProps> {
|
|
|
31
30
|
className: PropTypes.Requireable<string>;
|
|
32
31
|
data: PropTypes.Requireable<PropTypes.InferProps<{
|
|
33
32
|
key: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
34
|
-
value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
33
|
+
value: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
|
|
35
34
|
hidden: PropTypes.Requireable<boolean>;
|
|
36
35
|
className: PropTypes.Requireable<string>;
|
|
37
36
|
style: PropTypes.Requireable<object>;
|
|
@@ -29,10 +29,11 @@ class Descriptions extends PureComponent {
|
|
|
29
29
|
["".concat(prefixCls, "-double")]: row,
|
|
30
30
|
[_concatInstanceProperty(_context2 = "".concat(prefixCls, "-double-")).call(_context2, size)]: row
|
|
31
31
|
});
|
|
32
|
-
const childrenList = data && data.length ? _mapInstanceProperty(data).call(data, item => _isPlainObject(item) ? /*#__PURE__*/React.createElement(Item, _Object$assign({
|
|
33
|
-
key: item.key,
|
|
32
|
+
const childrenList = data && data.length ? _mapInstanceProperty(data).call(data, (item, index) => _isPlainObject(item) ? /*#__PURE__*/React.createElement(Item, _Object$assign({
|
|
34
33
|
itemKey: item.key
|
|
35
|
-
}, item
|
|
34
|
+
}, item, {
|
|
35
|
+
key: index
|
|
36
|
+
}), item.value) : null) : children;
|
|
36
37
|
return /*#__PURE__*/React.createElement("div", {
|
|
37
38
|
className: classNames,
|
|
38
39
|
style: style
|
|
@@ -7,7 +7,7 @@ export interface DescriptionsItemProps {
|
|
|
7
7
|
className?: string;
|
|
8
8
|
children?: React.ReactNode | undefined | (() => React.ReactNode);
|
|
9
9
|
style?: React.CSSProperties;
|
|
10
|
-
itemKey
|
|
10
|
+
itemKey?: React.ReactNode;
|
|
11
11
|
}
|
|
12
12
|
export default class Item extends PureComponent<DescriptionsItemProps> {
|
|
13
13
|
static propTypes: {
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React, { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import '@douyinfe/semi-foundation/lib/es/divider/divider.css';
|
|
3
|
+
export interface DividerProps {
|
|
4
|
+
/** The position of title inside divider */
|
|
5
|
+
align?: 'left' | 'right' | 'center';
|
|
6
|
+
/** space between divider and surroundings **/
|
|
7
|
+
margin?: number | string;
|
|
8
|
+
/** The wrapped title */
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
/** Style class name */
|
|
11
|
+
className?: string;
|
|
12
|
+
/** Whether line is dashed */
|
|
13
|
+
dashed?: boolean;
|
|
14
|
+
/** The direction type of divider */
|
|
15
|
+
layout?: 'horizontal' | 'vertical';
|
|
16
|
+
/** Divider inline style */
|
|
17
|
+
style?: CSSProperties;
|
|
18
|
+
}
|
|
19
|
+
declare const Divider: React.FC<DividerProps>;
|
|
20
|
+
export default Divider;
|