@douyinfe/semi-ui 2.36.0-alpha.0 → 2.36.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 +166 -510
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +247 -277
- 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 +3 -2
- package/lib/cjs/anchor/link.js +13 -6
- 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/calendar/dayCalendar.d.ts +2 -1
- package/lib/cjs/calendar/dayCalendar.js +7 -2
- package/lib/cjs/calendar/index.d.ts +1 -0
- package/lib/cjs/calendar/index.js +1 -0
- package/lib/cjs/calendar/interface.d.ts +2 -0
- package/lib/cjs/calendar/monthCalendar.d.ts +1 -1
- package/lib/cjs/calendar/monthCalendar.js +12 -4
- package/lib/cjs/calendar/rangeCalendar.d.ts +3 -1
- package/lib/cjs/calendar/rangeCalendar.js +23 -9
- package/lib/cjs/calendar/weekCalendar.d.ts +3 -1
- package/lib/cjs/calendar/weekCalendar.js +23 -9
- package/lib/cjs/collapse/item.d.ts +0 -2
- package/lib/cjs/collapse/item.js +2 -3
- package/lib/cjs/datePicker/dateInput.d.ts +1 -1
- package/lib/cjs/datePicker/datePicker.d.ts +2 -2
- package/lib/cjs/datePicker/datePicker.js +12 -4
- package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
- package/lib/cjs/datePicker/monthsGrid.js +6 -2
- package/lib/cjs/datePicker/yearAndMonth.d.ts +3 -1
- package/lib/cjs/datePicker/yearAndMonth.js +4 -2
- 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/input/textarea.d.ts +1 -1
- package/lib/cjs/modal/confirm.d.ts +17 -17
- package/lib/cjs/navigation/Footer.d.ts +3 -0
- package/lib/cjs/navigation/Footer.js +19 -9
- package/lib/cjs/navigation/Item.d.ts +0 -4
- package/lib/cjs/navigation/Item.js +10 -29
- package/lib/cjs/navigation/SubNav.d.ts +1 -18
- package/lib/cjs/navigation/SubNav.js +30 -70
- package/lib/cjs/navigation/index.d.ts +4 -1
- package/lib/cjs/navigation/index.js +7 -1
- 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 -1
- package/lib/cjs/select/index.js +4 -0
- package/lib/cjs/skeleton/index.d.ts +0 -1
- package/lib/cjs/skeleton/index.js +0 -1
- package/lib/cjs/skeleton/item.d.ts +0 -1
- package/lib/cjs/skeleton/item.js +1 -6
- package/lib/cjs/steps/basicStep.d.ts +0 -3
- package/lib/cjs/steps/basicStep.js +2 -8
- package/lib/cjs/steps/basicSteps.js +1 -2
- package/lib/cjs/steps/fillStep.d.ts +0 -2
- package/lib/cjs/steps/fillStep.js +1 -3
- package/lib/cjs/steps/fillSteps.js +8 -5
- package/lib/cjs/steps/index.d.ts +1 -63
- package/lib/cjs/steps/index.js +0 -9
- package/lib/cjs/steps/navStep.d.ts +0 -3
- package/lib/cjs/steps/navStep.js +2 -6
- package/lib/cjs/steps/navSteps.js +1 -2
- package/lib/cjs/steps/step.d.ts +1 -4
- package/lib/cjs/steps/step.js +0 -1
- package/lib/cjs/switch/index.d.ts +1 -1
- package/lib/cjs/table/Body/index.d.ts +1 -1
- package/lib/cjs/table/ResizableTable.d.ts +1 -1
- package/lib/cjs/table/Table.d.ts +2 -2
- package/lib/cjs/table/TableHeaderRow.js +22 -14
- package/lib/cjs/table/index.d.ts +1 -1
- package/lib/cjs/table/interface.d.ts +5 -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/timeline/index.d.ts +1 -2
- package/lib/cjs/timeline/index.js +2 -8
- package/lib/cjs/timeline/item.d.ts +0 -10
- package/lib/cjs/timeline/item.js +3 -42
- package/lib/cjs/typography/base.d.ts +1 -0
- package/lib/cjs/typography/base.js +28 -14
- package/lib/cjs/typography/title.d.ts +2 -0
- package/lib/cjs/typography/title.js +2 -1
- package/lib/es/anchor/index.d.ts +3 -2
- package/lib/es/anchor/link.js +12 -6
- 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/calendar/dayCalendar.d.ts +2 -1
- package/lib/es/calendar/dayCalendar.js +7 -2
- package/lib/es/calendar/index.d.ts +1 -0
- package/lib/es/calendar/index.js +1 -0
- package/lib/es/calendar/interface.d.ts +2 -0
- package/lib/es/calendar/monthCalendar.d.ts +1 -1
- package/lib/es/calendar/monthCalendar.js +12 -4
- package/lib/es/calendar/rangeCalendar.d.ts +3 -1
- package/lib/es/calendar/rangeCalendar.js +19 -9
- package/lib/es/calendar/weekCalendar.d.ts +3 -1
- package/lib/es/calendar/weekCalendar.js +19 -9
- package/lib/es/collapse/item.d.ts +0 -2
- package/lib/es/collapse/item.js +2 -3
- package/lib/es/datePicker/dateInput.d.ts +1 -1
- package/lib/es/datePicker/datePicker.d.ts +2 -2
- package/lib/es/datePicker/datePicker.js +12 -4
- package/lib/es/datePicker/monthsGrid.d.ts +1 -1
- package/lib/es/datePicker/monthsGrid.js +6 -2
- package/lib/es/datePicker/yearAndMonth.d.ts +3 -1
- package/lib/es/datePicker/yearAndMonth.js +4 -2
- 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/input/textarea.d.ts +1 -1
- package/lib/es/modal/confirm.d.ts +17 -17
- package/lib/es/navigation/Footer.d.ts +3 -0
- package/lib/es/navigation/Footer.js +16 -7
- package/lib/es/navigation/Item.d.ts +0 -4
- package/lib/es/navigation/Item.js +10 -28
- package/lib/es/navigation/SubNav.d.ts +1 -18
- package/lib/es/navigation/SubNav.js +31 -72
- package/lib/es/navigation/index.d.ts +4 -1
- package/lib/es/navigation/index.js +7 -1
- 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 -1
- package/lib/es/select/index.js +4 -0
- package/lib/es/skeleton/index.d.ts +0 -1
- package/lib/es/skeleton/index.js +0 -1
- package/lib/es/skeleton/item.d.ts +0 -1
- package/lib/es/skeleton/item.js +1 -6
- package/lib/es/steps/basicStep.d.ts +0 -3
- package/lib/es/steps/basicStep.js +2 -8
- package/lib/es/steps/basicSteps.js +1 -2
- package/lib/es/steps/fillStep.d.ts +0 -2
- package/lib/es/steps/fillStep.js +1 -3
- package/lib/es/steps/fillSteps.js +8 -6
- package/lib/es/steps/index.d.ts +1 -63
- package/lib/es/steps/index.js +0 -6
- package/lib/es/steps/navStep.d.ts +0 -3
- package/lib/es/steps/navStep.js +2 -6
- package/lib/es/steps/navSteps.js +1 -2
- package/lib/es/steps/step.d.ts +1 -4
- package/lib/es/steps/step.js +0 -1
- package/lib/es/switch/index.d.ts +1 -1
- package/lib/es/table/Body/index.d.ts +1 -1
- package/lib/es/table/ResizableTable.d.ts +1 -1
- package/lib/es/table/Table.d.ts +2 -2
- package/lib/es/table/TableHeaderRow.js +22 -14
- package/lib/es/table/index.d.ts +1 -1
- package/lib/es/table/interface.d.ts +5 -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/timeline/index.d.ts +1 -2
- package/lib/es/timeline/index.js +2 -7
- package/lib/es/timeline/item.d.ts +0 -10
- package/lib/es/timeline/item.js +3 -41
- package/lib/es/typography/base.d.ts +1 -0
- package/lib/es/typography/base.js +28 -14
- package/lib/es/typography/title.d.ts +2 -0
- package/lib/es/typography/title.js +2 -1
- package/package.json +8 -9
- package/lib/cjs/timeline/context.d.ts +0 -8
- package/lib/cjs/timeline/context.js +0 -15
- package/lib/es/timeline/context.d.ts +0 -8
- package/lib/es/timeline/context.js +0 -3
|
@@ -195,13 +195,17 @@ class Nav extends _baseComponent.default {
|
|
|
195
195
|
renderItems() {
|
|
196
196
|
let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
197
197
|
let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
198
|
+
const {
|
|
199
|
+
expandIcon
|
|
200
|
+
} = this.props;
|
|
198
201
|
|
|
199
202
|
const finalDom = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, items.map((item, idx) => {
|
|
200
203
|
if (Array.isArray(item.items) && item.items.length) {
|
|
201
204
|
return /*#__PURE__*/_react.default.createElement(_SubNav.default, Object.assign({
|
|
202
205
|
key: item.itemKey || String(level) + idx
|
|
203
206
|
}, item, {
|
|
204
|
-
level: level
|
|
207
|
+
level: level,
|
|
208
|
+
expandIcon: expandIcon
|
|
205
209
|
}), this.renderItems(item.items, level + 1));
|
|
206
210
|
} else {
|
|
207
211
|
return /*#__PURE__*/_react.default.createElement(_Item.default, Object.assign({
|
|
@@ -371,11 +375,13 @@ Nav.Item = _Item.default;
|
|
|
371
375
|
Nav.Header = _Header.default;
|
|
372
376
|
Nav.Footer = _Footer.default;
|
|
373
377
|
Nav.propTypes = {
|
|
378
|
+
collapseIcon: _propTypes.default.node,
|
|
374
379
|
// Initial expanded SubNav navigation key array
|
|
375
380
|
defaultOpenKeys: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
|
|
376
381
|
openKeys: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
|
|
377
382
|
// Initial selected navigation key array
|
|
378
383
|
defaultSelectedKeys: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
|
|
384
|
+
expandIcon: _propTypes.default.node,
|
|
379
385
|
selectedKeys: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
|
|
380
386
|
// Navigation type, now supports vertical, horizontal
|
|
381
387
|
mode: _propTypes.default.oneOf([..._constants.strings.MODE]),
|
|
@@ -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>;
|
|
@@ -271,7 +271,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
|
|
|
271
271
|
componentDidMount(): void;
|
|
272
272
|
componentWillUnmount(): void;
|
|
273
273
|
componentDidUpdate(prevProps: SelectProps, prevState: SelectState): void;
|
|
274
|
-
handleInputChange: (value: string, event: React.
|
|
274
|
+
handleInputChange: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
275
275
|
renderInput(): JSX.Element;
|
|
276
276
|
close(): void;
|
|
277
277
|
open(): void;
|
|
@@ -281,6 +281,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
|
|
|
281
281
|
focus(): void;
|
|
282
282
|
onSelect(option: OptionProps, optionIndex: number, e: any): void;
|
|
283
283
|
onClear(e: React.MouseEvent): void;
|
|
284
|
+
search(value: string, event: React.ChangeEvent<HTMLInputElement>): void;
|
|
284
285
|
renderEmpty(): JSX.Element;
|
|
285
286
|
renderLoading(): JSX.Element;
|
|
286
287
|
renderOption(option: OptionProps, optionIndex: number, style?: React.CSSProperties): any;
|
package/lib/cjs/select/index.js
CHANGED
|
@@ -562,6 +562,10 @@ class Select extends _baseComponent.default {
|
|
|
562
562
|
this.foundation.handleClearClick(e);
|
|
563
563
|
}
|
|
564
564
|
|
|
565
|
+
search(value, event) {
|
|
566
|
+
this.handleInputChange(value, event);
|
|
567
|
+
}
|
|
568
|
+
|
|
565
569
|
renderEmpty() {
|
|
566
570
|
return /*#__PURE__*/_react.default.createElement(_option.default, {
|
|
567
571
|
empty: true,
|
|
@@ -12,7 +12,6 @@ export interface SkeletonProps {
|
|
|
12
12
|
style?: CSSProperties;
|
|
13
13
|
}
|
|
14
14
|
declare class Skeleton extends PureComponent<SkeletonProps> {
|
|
15
|
-
static elementType: string;
|
|
16
15
|
static Avatar: React.FC<import("./item").AvatarProps>;
|
|
17
16
|
static Title: React.FC<import("./item").BasicProps>;
|
|
18
17
|
static Button: React.FC<import("./item").BasicProps>;
|
|
@@ -21,7 +21,6 @@ export declare const Image: React.FC<BasicProps>;
|
|
|
21
21
|
export declare const Title: React.FC<BasicProps>;
|
|
22
22
|
export declare const Button: React.FC<BasicProps>;
|
|
23
23
|
export declare class Paragraph extends PureComponent<ParagraphProps> {
|
|
24
|
-
static elementType: string;
|
|
25
24
|
static propTypes: {
|
|
26
25
|
rows: PropTypes.Requireable<number>;
|
|
27
26
|
prefixCls: PropTypes.Requireable<string>;
|
package/lib/cjs/skeleton/item.js
CHANGED
|
@@ -86,10 +86,6 @@ const Title = generator('title')(Generic);
|
|
|
86
86
|
exports.Title = Title;
|
|
87
87
|
const Button = generator('button')(Generic);
|
|
88
88
|
exports.Button = Button;
|
|
89
|
-
Avatar.elementType = 'Skeleton.Avatar';
|
|
90
|
-
Image.elementType = 'Skeleton.Image';
|
|
91
|
-
Title.elementType = 'Skeleton.Title';
|
|
92
|
-
Button.elementType = 'Skeleton.Button';
|
|
93
89
|
|
|
94
90
|
class Paragraph extends _react.PureComponent {
|
|
95
91
|
render() {
|
|
@@ -120,5 +116,4 @@ Paragraph.propTypes = {
|
|
|
120
116
|
Paragraph.defaultProps = {
|
|
121
117
|
prefixCls: _constants.cssClasses.PREFIX,
|
|
122
118
|
rows: 4
|
|
123
|
-
};
|
|
124
|
-
Paragraph.elementType = 'Skeleton.Paragraph';
|
|
119
|
+
};
|
|
@@ -19,8 +19,6 @@ export interface BasicStepProps {
|
|
|
19
19
|
onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
|
|
20
20
|
"role"?: React.AriaRole;
|
|
21
21
|
"aria-label"?: React.AriaAttributes["aria-label"];
|
|
22
|
-
usedInC2D?: string;
|
|
23
|
-
direction?: string;
|
|
24
22
|
}
|
|
25
23
|
export declare enum stepSizeMapIconSize {
|
|
26
24
|
small = "large",
|
|
@@ -47,6 +45,5 @@ declare const BasicStep: {
|
|
|
47
45
|
status: string;
|
|
48
46
|
className: string;
|
|
49
47
|
};
|
|
50
|
-
elementType: string;
|
|
51
48
|
};
|
|
52
49
|
export default BasicStep;
|
|
@@ -40,9 +40,7 @@ const BasicStep = props => {
|
|
|
40
40
|
stepNumber,
|
|
41
41
|
onClick,
|
|
42
42
|
onChange,
|
|
43
|
-
onKeyDown
|
|
44
|
-
usedInC2D,
|
|
45
|
-
direction: direction
|
|
43
|
+
onKeyDown
|
|
46
44
|
} = props;
|
|
47
45
|
|
|
48
46
|
const renderIcon = () => {
|
|
@@ -105,10 +103,7 @@ const BasicStep = props => {
|
|
|
105
103
|
[`${prefixCls}-active`]: active,
|
|
106
104
|
[`${prefixCls}-done`]: done,
|
|
107
105
|
[`${prefixCls}-hover`]: onChange || props.onClick,
|
|
108
|
-
[`${prefixCls}-${status}-hover`]: onChange || props.onClick
|
|
109
|
-
[`${prefixCls}-basic`]: usedInC2D,
|
|
110
|
-
[`${prefixCls}-${direction}`]: direction,
|
|
111
|
-
[`${prefixCls}-small`]: size === 'small'
|
|
106
|
+
[`${prefixCls}-${status}-hover`]: onChange || props.onClick
|
|
112
107
|
}, className);
|
|
113
108
|
|
|
114
109
|
const handleClick = e => {
|
|
@@ -166,6 +161,5 @@ BasicStep.defaultProps = {
|
|
|
166
161
|
status: 'wait',
|
|
167
162
|
className: ''
|
|
168
163
|
};
|
|
169
|
-
BasicStep.elementType = 'Steps.BasicStep';
|
|
170
164
|
var _default = BasicStep;
|
|
171
165
|
exports.default = _default;
|
|
@@ -15,7 +15,6 @@ export interface FillStepProps {
|
|
|
15
15
|
onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
|
|
16
16
|
"role"?: React.AriaRole;
|
|
17
17
|
"aria-label"?: React.AriaAttributes["aria-label"];
|
|
18
|
-
usedInC2D?: boolean;
|
|
19
18
|
}
|
|
20
19
|
declare const FillStep: {
|
|
21
20
|
(props: FillStepProps): JSX.Element;
|
|
@@ -34,6 +33,5 @@ declare const FillStep: {
|
|
|
34
33
|
status: string;
|
|
35
34
|
className: string;
|
|
36
35
|
};
|
|
37
|
-
elementType: string;
|
|
38
36
|
};
|
|
39
37
|
export default FillStep;
|
|
@@ -105,8 +105,7 @@ const FillStep = props => {
|
|
|
105
105
|
[prefixCls]: true,
|
|
106
106
|
[`${prefixCls}-${status}`]: Boolean(status),
|
|
107
107
|
[`${prefixCls}-${status}-hover`]: Boolean(status) && (onChange || onClick),
|
|
108
|
-
[`${prefixCls}-clickable`]: onClick
|
|
109
|
-
[`${prefixCls}-fill`]: props.usedInC2D
|
|
108
|
+
[`${prefixCls}-clickable`]: onClick
|
|
110
109
|
}, className),
|
|
111
110
|
style: style,
|
|
112
111
|
onClick: e => {
|
|
@@ -141,6 +140,5 @@ FillStep.defaultProps = {
|
|
|
141
140
|
status: 'wait',
|
|
142
141
|
className: ''
|
|
143
142
|
};
|
|
144
|
-
FillStep.elementType = 'Steps.FillStep';
|
|
145
143
|
var _default = FillStep;
|
|
146
144
|
exports.default = _default;
|
|
@@ -34,8 +34,11 @@ const Steps = props => {
|
|
|
34
34
|
onChange
|
|
35
35
|
} = props;
|
|
36
36
|
const inner = (0, _react.useMemo)(() => {
|
|
37
|
-
const filteredChildren = _react.Children.toArray(children).filter(c => /*#__PURE__*/(0, _react.isValidElement)(c));
|
|
37
|
+
const filteredChildren = _react.Children.toArray(children).filter(c => /*#__PURE__*/(0, _react.isValidElement)(c));
|
|
38
38
|
|
|
39
|
+
const colStyle = direction === 'vertical' ? null : {
|
|
40
|
+
width: `${100 / filteredChildren.length}%`
|
|
41
|
+
};
|
|
39
42
|
|
|
40
43
|
const content = _react.Children.map(filteredChildren, (child, index) => {
|
|
41
44
|
if (!child) {
|
|
@@ -66,10 +69,10 @@ const Steps = props => {
|
|
|
66
69
|
if (index !== current) {
|
|
67
70
|
onChange(index + initial);
|
|
68
71
|
}
|
|
69
|
-
} : undefined;
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
72
|
+
} : undefined;
|
|
73
|
+
return /*#__PURE__*/_react.default.createElement(_grid.Col, {
|
|
74
|
+
style: colStyle
|
|
75
|
+
}, /*#__PURE__*/(0, _react.cloneElement)(child, Object.assign({}, childProps)));
|
|
73
76
|
});
|
|
74
77
|
|
|
75
78
|
return content;
|
package/lib/cjs/steps/index.d.ts
CHANGED
|
@@ -22,69 +22,7 @@ export interface NavStepsAllProps extends NavStepsProps {
|
|
|
22
22
|
}
|
|
23
23
|
export declare type StepsProps = FillStepsAllProps | BasicStepsAllProps | NavStepsAllProps;
|
|
24
24
|
declare class Steps extends Component<StepsProps> {
|
|
25
|
-
static Step:
|
|
26
|
-
(props: import("./step").StepProps): JSX.Element;
|
|
27
|
-
elementType: string;
|
|
28
|
-
};
|
|
29
|
-
static FillStep: {
|
|
30
|
-
(props: import("./fillStep").FillStepProps): JSX.Element;
|
|
31
|
-
propTypes: {
|
|
32
|
-
prefixCls: PropTypes.Requireable<string>;
|
|
33
|
-
description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
34
|
-
icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
35
|
-
status: PropTypes.Requireable<string>;
|
|
36
|
-
title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
37
|
-
className: PropTypes.Requireable<string>;
|
|
38
|
-
style: PropTypes.Requireable<object>;
|
|
39
|
-
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
40
|
-
};
|
|
41
|
-
defaultProps: {
|
|
42
|
-
prefixCls: string;
|
|
43
|
-
status: string;
|
|
44
|
-
className: string;
|
|
45
|
-
};
|
|
46
|
-
elementType: string;
|
|
47
|
-
};
|
|
48
|
-
static BasicStep: {
|
|
49
|
-
(props: import("./basicStep").BasicStepProps): JSX.Element;
|
|
50
|
-
propTypes: {
|
|
51
|
-
prefixCls: PropTypes.Requireable<string>;
|
|
52
|
-
description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
53
|
-
icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
54
|
-
status: PropTypes.Requireable<string>;
|
|
55
|
-
title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
56
|
-
className: PropTypes.Requireable<string>;
|
|
57
|
-
style: PropTypes.Requireable<object>;
|
|
58
|
-
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
59
|
-
active: PropTypes.Requireable<boolean>;
|
|
60
|
-
done: PropTypes.Requireable<boolean>;
|
|
61
|
-
};
|
|
62
|
-
defaultProps: {
|
|
63
|
-
prefixCls: string;
|
|
64
|
-
active: boolean;
|
|
65
|
-
done: boolean;
|
|
66
|
-
status: string;
|
|
67
|
-
className: string;
|
|
68
|
-
};
|
|
69
|
-
elementType: string;
|
|
70
|
-
};
|
|
71
|
-
static NavStep: {
|
|
72
|
-
(props: import("./navStep").NavStepProps): JSX.Element;
|
|
73
|
-
propTypes: {
|
|
74
|
-
prefixCls: PropTypes.Requireable<string>;
|
|
75
|
-
title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
76
|
-
className: PropTypes.Requireable<string>;
|
|
77
|
-
style: PropTypes.Requireable<object>;
|
|
78
|
-
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
79
|
-
active: PropTypes.Requireable<boolean>;
|
|
80
|
-
};
|
|
81
|
-
defaultProps: {
|
|
82
|
-
prefixCls: string;
|
|
83
|
-
active: boolean;
|
|
84
|
-
className: string;
|
|
85
|
-
};
|
|
86
|
-
elementType: string;
|
|
87
|
-
};
|
|
25
|
+
static Step: (props: import("./step").StepProps) => JSX.Element;
|
|
88
26
|
static propTypes: {
|
|
89
27
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
90
28
|
type: PropTypes.Requireable<string>;
|
package/lib/cjs/steps/index.js
CHANGED
|
@@ -19,12 +19,6 @@ var _basicSteps = _interopRequireDefault(require("./basicSteps"));
|
|
|
19
19
|
|
|
20
20
|
var _navSteps = _interopRequireDefault(require("./navSteps"));
|
|
21
21
|
|
|
22
|
-
var _fillStep = _interopRequireDefault(require("./fillStep"));
|
|
23
|
-
|
|
24
|
-
var _basicStep = _interopRequireDefault(require("./basicStep"));
|
|
25
|
-
|
|
26
|
-
var _navStep = _interopRequireDefault(require("./navStep"));
|
|
27
|
-
|
|
28
22
|
var _context = _interopRequireDefault(require("./context"));
|
|
29
23
|
|
|
30
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -81,9 +75,6 @@ class Steps extends _react.Component {
|
|
|
81
75
|
}
|
|
82
76
|
|
|
83
77
|
Steps.Step = _step.default;
|
|
84
|
-
Steps.FillStep = _fillStep.default;
|
|
85
|
-
Steps.BasicStep = _basicStep.default;
|
|
86
|
-
Steps.NavStep = _navStep.default;
|
|
87
78
|
Steps.propTypes = {
|
|
88
79
|
onChange: _propTypes.default.func,
|
|
89
80
|
type: _propTypes.default.oneOf(['fill', 'basic', 'nav']),
|
|
@@ -13,8 +13,6 @@ export interface NavStepProps {
|
|
|
13
13
|
onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
|
|
14
14
|
"role"?: React.AriaRole;
|
|
15
15
|
"aria-label"?: React.AriaAttributes["aria-label"];
|
|
16
|
-
usedInC2D?: boolean;
|
|
17
|
-
size?: string;
|
|
18
16
|
}
|
|
19
17
|
declare const NavStep: {
|
|
20
18
|
(props: NavStepProps): JSX.Element;
|
|
@@ -31,6 +29,5 @@ declare const NavStep: {
|
|
|
31
29
|
active: boolean;
|
|
32
30
|
className: string;
|
|
33
31
|
};
|
|
34
|
-
elementType: string;
|
|
35
32
|
};
|
|
36
33
|
export default NavStep;
|
package/lib/cjs/steps/navStep.js
CHANGED
|
@@ -28,13 +28,10 @@ const NavStep = props => {
|
|
|
28
28
|
total,
|
|
29
29
|
onClick,
|
|
30
30
|
onKeyDown,
|
|
31
|
-
onChange
|
|
32
|
-
size
|
|
31
|
+
onChange
|
|
33
32
|
} = props;
|
|
34
33
|
const classString = (0, _classnames.default)(prefixCls, {
|
|
35
|
-
[`${prefixCls}-active`]: active
|
|
36
|
-
[`${prefixCls}-nav`]: props.usedInC2D,
|
|
37
|
-
[`${prefixCls}-small`]: size === 'small'
|
|
34
|
+
[`${prefixCls}-active`]: active
|
|
38
35
|
}, className);
|
|
39
36
|
|
|
40
37
|
const handleClick = e => {
|
|
@@ -84,6 +81,5 @@ NavStep.defaultProps = {
|
|
|
84
81
|
active: false,
|
|
85
82
|
className: ''
|
|
86
83
|
};
|
|
87
|
-
NavStep.elementType = 'Steps.NavStep';
|
|
88
84
|
var _default = NavStep;
|
|
89
85
|
exports.default = _default;
|
package/lib/cjs/steps/step.d.ts
CHANGED
|
@@ -9,8 +9,5 @@ export interface StepProps {
|
|
|
9
9
|
style?: React.CSSProperties;
|
|
10
10
|
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
11
11
|
}
|
|
12
|
-
declare const Step:
|
|
13
|
-
(props: StepProps): JSX.Element;
|
|
14
|
-
elementType: string;
|
|
15
|
-
};
|
|
12
|
+
declare const Step: (props: StepProps) => JSX.Element;
|
|
16
13
|
export default Step;
|
package/lib/cjs/steps/step.js
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
|
};
|
|
@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
|
|
|
2
2
|
import { FlattenData, GroupFlattenData } from '@douyinfe/semi-foundation/lib/cjs/table/bodyFoundation';
|
|
3
3
|
import Store from '@douyinfe/semi-foundation/lib/cjs/utils/Store';
|
|
4
4
|
import { BaseProps } from '../../_base/baseComponent';
|
|
5
|
-
import { ExpandedRowRender, Virtualized, GetVirtualizedListRef, ColumnProps, Size, BodyScrollEvent, Scroll, Fixed, TableComponents, RowExpandable, VirtualizedOnScroll, RowKey } from '../interface';
|
|
5
|
+
import type { ExpandedRowRender, Virtualized, GetVirtualizedListRef, ColumnProps, Size, BodyScrollEvent, Scroll, Fixed, TableComponents, RowExpandable, VirtualizedOnScroll, RowKey } from '../interface';
|
|
6
6
|
export interface BodyProps extends BaseProps {
|
|
7
7
|
tableLayout?: 'fixed' | 'auto';
|
|
8
8
|
anyColumnFixed?: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Table from './Table';
|
|
3
|
-
import { TableProps } from './interface';
|
|
3
|
+
import type { TableProps } from './interface';
|
|
4
4
|
declare const _default: React.ForwardRefExoticComponent<TableProps<any> & React.RefAttributes<Table<any>>>;
|
|
5
5
|
export default _default;
|
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;
|
|
@@ -183,21 +183,29 @@ class TableHeaderRow extends _baseComponent.default {
|
|
|
183
183
|
return null;
|
|
184
184
|
}
|
|
185
185
|
|
|
186
|
-
return
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
186
|
+
return (
|
|
187
|
+
/*#__PURE__*/
|
|
188
|
+
// @ts-ignore no need to do complex ts type checking and qualification
|
|
189
|
+
_react.default.createElement(HeaderCell, Object.assign({
|
|
190
|
+
role: "columnheader",
|
|
191
|
+
"aria-colindex": cellIndex + 1
|
|
192
|
+
}, props, {
|
|
193
|
+
style: cellStyle,
|
|
194
|
+
key: column.key || column.dataIndex || cellIndex
|
|
195
|
+
}))
|
|
196
|
+
);
|
|
193
197
|
});
|
|
194
|
-
return
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
198
|
+
return (
|
|
199
|
+
/*#__PURE__*/
|
|
200
|
+
// @ts-ignore no need to do complex ts type checking and qualification
|
|
201
|
+
_react.default.createElement(HeaderRow, Object.assign({
|
|
202
|
+
role: "row",
|
|
203
|
+
"aria-rowindex": index + 1
|
|
204
|
+
}, rowProps, {
|
|
205
|
+
style: style,
|
|
206
|
+
ref: this.cacheRef
|
|
207
|
+
}), cells)
|
|
208
|
+
);
|
|
201
209
|
}
|
|
202
210
|
|
|
203
211
|
}
|
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">;
|
|
@@ -262,8 +262,12 @@ export declare type VirtualizedOnScrollArgs = {
|
|
|
262
262
|
scrollOffset?: number;
|
|
263
263
|
scrollUpdateWasRequested?: boolean;
|
|
264
264
|
};
|
|
265
|
+
export declare type VirtualizeItemSizeRow = {
|
|
266
|
+
sectionRow?: boolean;
|
|
267
|
+
expandedRow?: boolean;
|
|
268
|
+
};
|
|
265
269
|
export declare type VirtualizedMode = 'list' | 'grid';
|
|
266
|
-
export declare type VirtualizedItemSizeFn = (index?: number) => number;
|
|
270
|
+
export declare type VirtualizedItemSizeFn = (index?: number, row?: VirtualizeItemSizeRow) => number;
|
|
267
271
|
export declare type VirtualizedItemSize = number | VirtualizedItemSizeFn;
|
|
268
272
|
export declare type VirtualizedOnScroll = (object: VirtualizedOnScrollArgs) => void;
|
|
269
273
|
export interface VirtualizedProps {
|
|
@@ -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>>;
|
|
@@ -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<"default" | "small" | "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<"default" | "small" | "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>>;
|
|
@@ -2,13 +2,12 @@ import React, { PureComponent } from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import '@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css';
|
|
4
4
|
import Item, { TimelineItemProps } from './item';
|
|
5
|
-
import { ModeType } from './context';
|
|
6
5
|
export type { TimelineItemProps } from './item';
|
|
7
6
|
export interface Data extends TimelineItemProps {
|
|
8
7
|
content: React.ReactNode;
|
|
9
8
|
}
|
|
10
9
|
export interface TimelineProps extends Pick<React.AriaAttributes, 'aria-label'> {
|
|
11
|
-
mode?:
|
|
10
|
+
mode?: 'left' | 'right' | 'center' | 'alternate';
|
|
12
11
|
className?: string;
|
|
13
12
|
style?: React.CSSProperties;
|
|
14
13
|
dataSource?: Data[];
|
|
@@ -19,8 +19,6 @@ var _context = _interopRequireDefault(require("../configProvider/context"));
|
|
|
19
19
|
|
|
20
20
|
var _item = _interopRequireDefault(require("./item"));
|
|
21
21
|
|
|
22
|
-
var _context2 = _interopRequireDefault(require("./context"));
|
|
23
|
-
|
|
24
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
23
|
|
|
26
24
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -98,15 +96,11 @@ class Timeline extends _react.PureComponent {
|
|
|
98
96
|
}
|
|
99
97
|
|
|
100
98
|
const items = childrenList || this.addClassName(children);
|
|
101
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
102
|
-
value: {
|
|
103
|
-
mode
|
|
104
|
-
}
|
|
105
|
-
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
99
|
+
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
106
100
|
"aria-label": this.props['aria-label'],
|
|
107
101
|
style: style,
|
|
108
102
|
className: classString
|
|
109
|
-
}, items)
|
|
103
|
+
}, items);
|
|
110
104
|
}
|
|
111
105
|
|
|
112
106
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React, { PureComponent } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import '@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css';
|
|
4
|
-
import { ModeType, TimelineContextValue } from './context';
|
|
5
4
|
export interface TimelineItemProps {
|
|
6
5
|
color?: string;
|
|
7
6
|
children?: React.ReactNode;
|
|
@@ -13,13 +12,8 @@ export interface TimelineItemProps {
|
|
|
13
12
|
className?: string;
|
|
14
13
|
style?: React.CSSProperties;
|
|
15
14
|
onClick?: React.MouseEventHandler<HTMLLIElement>;
|
|
16
|
-
mode?: ModeType;
|
|
17
|
-
odd?: boolean;
|
|
18
|
-
usedInC2D?: boolean;
|
|
19
15
|
}
|
|
20
16
|
export default class Item extends PureComponent<TimelineItemProps> {
|
|
21
|
-
static contextType: React.Context<TimelineContextValue>;
|
|
22
|
-
static elementType: string;
|
|
23
17
|
static propTypes: {
|
|
24
18
|
color: PropTypes.Requireable<string>;
|
|
25
19
|
time: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
@@ -30,15 +24,11 @@ export default class Item extends PureComponent<TimelineItemProps> {
|
|
|
30
24
|
className: PropTypes.Requireable<string>;
|
|
31
25
|
style: PropTypes.Requireable<object>;
|
|
32
26
|
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
33
|
-
mode: PropTypes.Requireable<string>;
|
|
34
|
-
lastChild: PropTypes.Requireable<boolean>;
|
|
35
27
|
};
|
|
36
|
-
context: TimelineContextValue;
|
|
37
28
|
static defaultProps: {
|
|
38
29
|
type: string;
|
|
39
30
|
time: string;
|
|
40
31
|
onClick: (...args: any[]) => void;
|
|
41
32
|
};
|
|
42
|
-
getC2DCls: () => string;
|
|
43
33
|
render(): JSX.Element;
|
|
44
34
|
}
|