@douyinfe/semi-ui 2.27.0-alpha.1 → 2.27.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 +19 -207
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +243 -297
- package/dist/umd/semi-ui.js.map +1 -1
- package/dist/umd/semi-ui.min.js +1 -1
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/lib/cjs/anchor/index.d.ts +1 -1
- package/lib/cjs/autoComplete/index.d.ts +1 -1
- package/lib/cjs/button/Button.d.ts +1 -1
- package/lib/cjs/button/buttonGroup.d.ts +1 -1
- package/lib/cjs/button/index.d.ts +1 -1
- package/lib/cjs/datePicker/datePicker.d.ts +1 -1
- package/lib/cjs/form/baseForm.d.ts +1 -1
- package/lib/cjs/form/field.d.ts +1 -1
- package/lib/cjs/input/index.d.ts +1 -1
- package/lib/cjs/input/inputGroup.d.ts +1 -1
- package/lib/cjs/rating/index.d.ts +1 -1
- package/lib/cjs/rating/item.d.ts +1 -1
- package/lib/cjs/switch/index.d.ts +1 -1
- package/lib/cjs/table/Table.d.ts +2 -2
- package/lib/cjs/table/index.d.ts +1 -1
- package/lib/cjs/tabs/TabBar.d.ts +2 -1
- package/lib/cjs/tabs/TabBar.js +48 -22
- package/lib/cjs/tabs/index.d.ts +1 -2
- package/lib/cjs/tabs/index.js +0 -3
- 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/es/anchor/index.d.ts +1 -1
- package/lib/es/autoComplete/index.d.ts +1 -1
- package/lib/es/button/Button.d.ts +1 -1
- package/lib/es/button/buttonGroup.d.ts +1 -1
- package/lib/es/button/index.d.ts +1 -1
- package/lib/es/datePicker/datePicker.d.ts +1 -1
- package/lib/es/form/baseForm.d.ts +1 -1
- package/lib/es/form/field.d.ts +1 -1
- package/lib/es/input/index.d.ts +1 -1
- package/lib/es/input/inputGroup.d.ts +1 -1
- package/lib/es/rating/index.d.ts +1 -1
- package/lib/es/rating/item.d.ts +1 -1
- package/lib/es/switch/index.d.ts +1 -1
- package/lib/es/table/Table.d.ts +2 -2
- package/lib/es/table/index.d.ts +1 -1
- package/lib/es/tabs/TabBar.d.ts +2 -1
- package/lib/es/tabs/TabBar.js +49 -22
- package/lib/es/tabs/index.d.ts +1 -2
- package/lib/es/tabs/index.js +0 -2
- 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/package.json +8 -8
- package/lib/cjs/tabs/TabItem.d.ts +0 -18
- package/lib/cjs/tabs/TabItem.js +0 -95
- package/lib/es/tabs/TabItem.d.ts +0 -18
- package/lib/es/tabs/TabItem.js +0 -78
|
@@ -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
|
};
|
|
@@ -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>;
|
|
@@ -47,7 +47,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
|
|
|
47
47
|
'aria-labelledby': PropTypes.Requireable<string>;
|
|
48
48
|
'aria-required': PropTypes.Requireable<boolean>;
|
|
49
49
|
type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
|
|
50
|
-
size: PropTypes.Requireable<"
|
|
50
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
51
51
|
clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
52
52
|
density: PropTypes.Requireable<"default" | "compact">;
|
|
53
53
|
defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
|
|
@@ -135,7 +135,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
|
|
|
135
135
|
preventScroll?: boolean;
|
|
136
136
|
showRestTagsPopover?: boolean;
|
|
137
137
|
restTagsPopoverProps?: import("../popover").PopoverProps;
|
|
138
|
-
} & Pick<import("../tooltip").TooltipProps, "
|
|
138
|
+
} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
|
|
139
139
|
static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
|
|
140
140
|
static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
|
|
141
141
|
static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
|
package/lib/cjs/form/field.d.ts
CHANGED
|
@@ -83,7 +83,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
|
|
|
83
83
|
preventScroll?: boolean;
|
|
84
84
|
showRestTagsPopover?: boolean;
|
|
85
85
|
restTagsPopoverProps?: import("../popover").PopoverProps;
|
|
86
|
-
} & Pick<import("../tooltip").TooltipProps, "
|
|
86
|
+
} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
|
|
87
87
|
declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
|
|
88
88
|
declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
|
|
89
89
|
declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
|
package/lib/cjs/input/index.d.ts
CHANGED
|
@@ -83,7 +83,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
|
|
|
83
83
|
showClear: PropTypes.Requireable<boolean>;
|
|
84
84
|
hideSuffix: PropTypes.Requireable<boolean>;
|
|
85
85
|
placeholder: PropTypes.Requireable<any>;
|
|
86
|
-
size: PropTypes.Requireable<"
|
|
86
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
87
87
|
className: PropTypes.Requireable<string>;
|
|
88
88
|
style: PropTypes.Requireable<object>;
|
|
89
89
|
validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
|
|
@@ -21,7 +21,7 @@ export default class inputGroup extends BaseComponent<InputGroupProps, InputGrou
|
|
|
21
21
|
static propTypes: {
|
|
22
22
|
className: PropTypes.Requireable<string>;
|
|
23
23
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
24
|
-
size: PropTypes.Requireable<"
|
|
24
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
25
25
|
style: PropTypes.Requireable<object>;
|
|
26
26
|
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
27
|
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -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>;
|
|
@@ -45,7 +45,7 @@ declare class Switch extends BaseComponent<SwitchProps, SwitchState> {
|
|
|
45
45
|
onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
|
|
46
46
|
onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
|
|
47
47
|
style: PropTypes.Requireable<object>;
|
|
48
|
-
size: PropTypes.Requireable<"
|
|
48
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
49
49
|
uncheckedText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
50
50
|
id: PropTypes.Requireable<string>;
|
|
51
51
|
};
|
package/lib/cjs/table/Table.d.ts
CHANGED
|
@@ -52,7 +52,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
|
|
|
52
52
|
components: PropTypes.Requireable<any>;
|
|
53
53
|
bordered: PropTypes.Requireable<boolean>;
|
|
54
54
|
loading: PropTypes.Requireable<boolean>;
|
|
55
|
-
size: PropTypes.Requireable<"
|
|
55
|
+
size: PropTypes.Requireable<"default" | "small" | "middle">;
|
|
56
56
|
tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
|
|
57
57
|
columns: PropTypes.Requireable<PropTypes.InferProps<{
|
|
58
58
|
align: PropTypes.Requireable<"left" | "right" | "center">;
|
|
@@ -289,7 +289,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
|
|
|
289
289
|
showTotal?: boolean;
|
|
290
290
|
pageSize?: number;
|
|
291
291
|
pageSizeOpts?: number[];
|
|
292
|
-
size?: "
|
|
292
|
+
size?: "default" | "small";
|
|
293
293
|
currentPage?: number;
|
|
294
294
|
defaultCurrentPage?: number;
|
|
295
295
|
onPageChange?: (currentPage: number) => void;
|
package/lib/cjs/table/index.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
|
|
|
15
15
|
components: PropTypes.Requireable<any>;
|
|
16
16
|
bordered: PropTypes.Requireable<boolean>;
|
|
17
17
|
loading: PropTypes.Requireable<boolean>;
|
|
18
|
-
size: PropTypes.Requireable<"
|
|
18
|
+
size: PropTypes.Requireable<"default" | "small" | "middle">;
|
|
19
19
|
tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
|
|
20
20
|
columns: PropTypes.Requireable<PropTypes.InferProps<{
|
|
21
21
|
align: PropTypes.Requireable<"left" | "right" | "center">;
|
package/lib/cjs/tabs/TabBar.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export interface TabBarState {
|
|
|
5
5
|
endInd: number;
|
|
6
6
|
rePosKey: number;
|
|
7
7
|
startInd: number;
|
|
8
|
+
uuid: string;
|
|
8
9
|
}
|
|
9
10
|
export interface OverflowItem extends PlainTab {
|
|
10
11
|
key: string;
|
|
@@ -25,8 +26,8 @@ declare class TabBar extends React.Component<TabBarProps, TabBarState> {
|
|
|
25
26
|
closable: PropTypes.Requireable<boolean>;
|
|
26
27
|
deleteTabItem: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
28
|
};
|
|
28
|
-
uuid: string;
|
|
29
29
|
constructor(props: TabBarProps);
|
|
30
|
+
componentDidMount(): void;
|
|
30
31
|
renderIcon(icon: ReactNode): ReactNode;
|
|
31
32
|
renderExtra(): ReactNode;
|
|
32
33
|
handleItemClick: (itemKey: string, e: MouseEvent<Element>) => void;
|
package/lib/cjs/tabs/TabBar.js
CHANGED
|
@@ -27,8 +27,6 @@ var _semiIcons = require("@douyinfe/semi-icons");
|
|
|
27
27
|
|
|
28
28
|
var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
|
|
29
29
|
|
|
30
|
-
var _TabItem = _interopRequireDefault(require("./TabItem"));
|
|
31
|
-
|
|
32
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
33
31
|
|
|
34
32
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
@@ -53,7 +51,7 @@ class TabBar extends _react.default.Component {
|
|
|
53
51
|
const key = this._getItemKey(itemKey); // eslint-disable-next-line max-len
|
|
54
52
|
|
|
55
53
|
|
|
56
|
-
const tabItem = document.querySelector("[data-uuid=\"".concat(this.uuid, "\"] .").concat(_constants.cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
|
|
54
|
+
const tabItem = document.querySelector("[data-uuid=\"".concat(this.state.uuid, "\"] .").concat(_constants.cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
|
|
57
55
|
tabItem.scrollIntoView({
|
|
58
56
|
behavior: 'smooth',
|
|
59
57
|
block: 'nearest',
|
|
@@ -70,23 +68,45 @@ class TabBar extends _react.default.Component {
|
|
|
70
68
|
const {
|
|
71
69
|
size,
|
|
72
70
|
type,
|
|
73
|
-
deleteTabItem
|
|
74
|
-
handleKeyDown,
|
|
75
|
-
tabPosition
|
|
71
|
+
deleteTabItem
|
|
76
72
|
} = this.props;
|
|
73
|
+
const panelIcon = panel.icon ? this.renderIcon(panel.icon) : null;
|
|
74
|
+
const closableIcon = type === 'card' && panel.closable ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
|
|
75
|
+
"aria-label": "Close",
|
|
76
|
+
role: "button",
|
|
77
|
+
className: "".concat(_constants.cssClasses.TABS_TAB, "-icon-close"),
|
|
78
|
+
onClick: e => deleteTabItem(panel.itemKey, e)
|
|
79
|
+
}) : null;
|
|
80
|
+
let events = {};
|
|
81
|
+
const key = panel.itemKey;
|
|
82
|
+
|
|
83
|
+
if (!panel.disabled) {
|
|
84
|
+
events = {
|
|
85
|
+
onClick: e => this.handleItemClick(key, e)
|
|
86
|
+
};
|
|
87
|
+
}
|
|
77
88
|
|
|
78
|
-
const isSelected = this._isActive(
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
89
|
+
const isSelected = this._isActive(key);
|
|
90
|
+
|
|
91
|
+
const className = (0, _classnames.default)(_constants.cssClasses.TABS_TAB, {
|
|
92
|
+
[_constants.cssClasses.TABS_TAB_ACTIVE]: isSelected,
|
|
93
|
+
[_constants.cssClasses.TABS_TAB_DISABLED]: panel.disabled,
|
|
94
|
+
["".concat(_constants.cssClasses.TABS_TAB, "-small")]: size === 'small',
|
|
95
|
+
["".concat(_constants.cssClasses.TABS_TAB, "-medium")]: size === 'medium'
|
|
96
|
+
});
|
|
97
|
+
return /*#__PURE__*/_react.default.createElement("div", Object.assign({
|
|
98
|
+
role: "tab",
|
|
99
|
+
id: "semiTab".concat(key),
|
|
100
|
+
"data-tabkey": "semiTab".concat(key),
|
|
101
|
+
"aria-controls": "semiTabPanel".concat(key),
|
|
102
|
+
"aria-disabled": panel.disabled ? 'true' : 'false',
|
|
103
|
+
"aria-selected": isSelected ? 'true' : 'false',
|
|
104
|
+
tabIndex: isSelected ? 0 : -1,
|
|
105
|
+
onKeyDown: e => this.handleKeyDown(e, key, panel.closable)
|
|
106
|
+
}, events, {
|
|
107
|
+
className: className,
|
|
108
|
+
key: this._getItemKey(key)
|
|
109
|
+
}), panelIcon, panel.tab, closableIcon);
|
|
90
110
|
};
|
|
91
111
|
|
|
92
112
|
this.renderTabComponents = list => list.map(panel => this.renderTabItem(panel));
|
|
@@ -101,7 +121,7 @@ class TabBar extends _react.default.Component {
|
|
|
101
121
|
const key = this._getItemKey(lastItem.itemKey); // eslint-disable-next-line max-len
|
|
102
122
|
|
|
103
123
|
|
|
104
|
-
const tabItem = document.querySelector("[data-uuid=\"".concat(this.uuid, "\"] .").concat(_constants.cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
|
|
124
|
+
const tabItem = document.querySelector("[data-uuid=\"".concat(this.state.uuid, "\"] .").concat(_constants.cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
|
|
105
125
|
tabItem.scrollIntoView({
|
|
106
126
|
behavior: 'smooth',
|
|
107
127
|
block: 'nearest',
|
|
@@ -205,9 +225,15 @@ class TabBar extends _react.default.Component {
|
|
|
205
225
|
this.state = {
|
|
206
226
|
endInd: props.list.length,
|
|
207
227
|
rePosKey: 0,
|
|
208
|
-
startInd: 0
|
|
228
|
+
startInd: 0,
|
|
229
|
+
uuid: ''
|
|
209
230
|
};
|
|
210
|
-
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
componentDidMount() {
|
|
234
|
+
this.setState({
|
|
235
|
+
uuid: (0, _uuid.getUuidv4)()
|
|
236
|
+
});
|
|
211
237
|
}
|
|
212
238
|
|
|
213
239
|
renderIcon(icon) {
|
|
@@ -269,7 +295,7 @@ class TabBar extends _react.default.Component {
|
|
|
269
295
|
className: classNames,
|
|
270
296
|
style: style
|
|
271
297
|
}, (0, _getDataAttr.default)(restProps), {
|
|
272
|
-
"data-uuid": this.uuid
|
|
298
|
+
"data-uuid": this.state.uuid
|
|
273
299
|
}), contents, extra);
|
|
274
300
|
}
|
|
275
301
|
|
package/lib/cjs/tabs/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { MouseEvent, ReactElement, ReactNode, RefCallback, RefObject } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import TabsFoundation, { TabsAdapter } from '@douyinfe/semi-foundation/lib/cjs/tabs/foundation';
|
|
4
4
|
import BaseComponent from '../_base/baseComponent';
|
|
@@ -14,7 +14,6 @@ export interface TabsState {
|
|
|
14
14
|
}
|
|
15
15
|
declare class Tabs extends BaseComponent<TabsProps, TabsState> {
|
|
16
16
|
static TabPane: typeof TabPane;
|
|
17
|
-
static TabItem: React.ForwardRefExoticComponent<import("./TabItem").TabItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
17
|
static propTypes: {
|
|
19
18
|
activeKey: PropTypes.Requireable<string>;
|
|
20
19
|
className: PropTypes.Requireable<string>;
|
package/lib/cjs/tabs/index.js
CHANGED
|
@@ -32,8 +32,6 @@ var _TabBar = _interopRequireDefault(require("./TabBar"));
|
|
|
32
32
|
|
|
33
33
|
var _TabPane = _interopRequireDefault(require("./TabPane"));
|
|
34
34
|
|
|
35
|
-
var _TabItem = _interopRequireDefault(require("./TabItem"));
|
|
36
|
-
|
|
37
35
|
var _tabsContext = _interopRequireDefault(require("./tabs-context"));
|
|
38
36
|
|
|
39
37
|
var _interface = require("./interface");
|
|
@@ -381,7 +379,6 @@ class Tabs extends _baseComponent.default {
|
|
|
381
379
|
}
|
|
382
380
|
|
|
383
381
|
Tabs.TabPane = _TabPane.default;
|
|
384
|
-
Tabs.TabItem = _TabItem.default;
|
|
385
382
|
Tabs.propTypes = {
|
|
386
383
|
activeKey: _propTypes.default.string,
|
|
387
384
|
className: _propTypes.default.string,
|
|
@@ -92,7 +92,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
|
|
|
92
92
|
onAdd: PropTypes.Requireable<(...args: any[]) => any>;
|
|
93
93
|
onRemove: PropTypes.Requireable<(...args: any[]) => any>;
|
|
94
94
|
onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
|
|
95
|
-
size: PropTypes.Requireable<"
|
|
95
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
96
96
|
validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
|
|
97
97
|
prefix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
98
98
|
suffix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
@@ -130,7 +130,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
|
|
|
130
130
|
secondStep: PropTypes.Requireable<number>;
|
|
131
131
|
focusOnOpen: PropTypes.Requireable<boolean>;
|
|
132
132
|
autoFocus: PropTypes.Requireable<boolean>;
|
|
133
|
-
size: PropTypes.Requireable<"
|
|
133
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
134
134
|
panels: PropTypes.Requireable<PropTypes.InferProps<{
|
|
135
135
|
panelHeader: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
136
136
|
panelFooter: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
@@ -48,7 +48,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
|
|
|
48
48
|
secondStep: import("prop-types").Requireable<number>;
|
|
49
49
|
focusOnOpen: import("prop-types").Requireable<boolean>;
|
|
50
50
|
autoFocus: import("prop-types").Requireable<boolean>;
|
|
51
|
-
size: import("prop-types").Requireable<"
|
|
51
|
+
size: import("prop-types").Requireable<"default" | "small" | "large">;
|
|
52
52
|
panels: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
53
53
|
panelHeader: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
|
|
54
54
|
panelFooter: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
|
package/lib/es/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>;
|
|
@@ -47,7 +47,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
|
|
|
47
47
|
'aria-labelledby': PropTypes.Requireable<string>;
|
|
48
48
|
'aria-required': PropTypes.Requireable<boolean>;
|
|
49
49
|
type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
|
|
50
|
-
size: PropTypes.Requireable<"
|
|
50
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
51
51
|
clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
52
52
|
density: PropTypes.Requireable<"default" | "compact">;
|
|
53
53
|
defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
|
|
@@ -135,7 +135,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
|
|
|
135
135
|
preventScroll?: boolean;
|
|
136
136
|
showRestTagsPopover?: boolean;
|
|
137
137
|
restTagsPopoverProps?: import("../popover").PopoverProps;
|
|
138
|
-
} & Pick<import("../tooltip").TooltipProps, "
|
|
138
|
+
} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
|
|
139
139
|
static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
|
|
140
140
|
static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
|
|
141
141
|
static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
|
package/lib/es/form/field.d.ts
CHANGED
|
@@ -83,7 +83,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
|
|
|
83
83
|
preventScroll?: boolean;
|
|
84
84
|
showRestTagsPopover?: boolean;
|
|
85
85
|
restTagsPopoverProps?: import("../popover").PopoverProps;
|
|
86
|
-
} & Pick<import("../tooltip").TooltipProps, "
|
|
86
|
+
} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
|
|
87
87
|
declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
|
|
88
88
|
declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
|
|
89
89
|
declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
|
package/lib/es/input/index.d.ts
CHANGED
|
@@ -83,7 +83,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
|
|
|
83
83
|
showClear: PropTypes.Requireable<boolean>;
|
|
84
84
|
hideSuffix: PropTypes.Requireable<boolean>;
|
|
85
85
|
placeholder: PropTypes.Requireable<any>;
|
|
86
|
-
size: PropTypes.Requireable<"
|
|
86
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
87
87
|
className: PropTypes.Requireable<string>;
|
|
88
88
|
style: PropTypes.Requireable<object>;
|
|
89
89
|
validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
|
|
@@ -21,7 +21,7 @@ export default class inputGroup extends BaseComponent<InputGroupProps, InputGrou
|
|
|
21
21
|
static propTypes: {
|
|
22
22
|
className: PropTypes.Requireable<string>;
|
|
23
23
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
24
|
-
size: PropTypes.Requireable<"
|
|
24
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
25
25
|
style: PropTypes.Requireable<object>;
|
|
26
26
|
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
27
|
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
package/lib/es/rating/index.d.ts
CHANGED
|
@@ -69,7 +69,7 @@ export default class Rating extends BaseComponent<RatingProps, RatingState> {
|
|
|
69
69
|
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
70
70
|
onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
|
|
71
71
|
autoFocus: PropTypes.Requireable<boolean>;
|
|
72
|
-
size: PropTypes.Requireable<NonNullable<number | "
|
|
72
|
+
size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
|
|
73
73
|
tooltips: PropTypes.Requireable<string[]>;
|
|
74
74
|
id: PropTypes.Requireable<string>;
|
|
75
75
|
preventScroll: PropTypes.Requireable<boolean>;
|
package/lib/es/rating/item.d.ts
CHANGED
|
@@ -40,7 +40,7 @@ export default class Item extends BaseComponent<RatingItemProps, RatingItemState
|
|
|
40
40
|
disabled: PropTypes.Requireable<boolean>;
|
|
41
41
|
count: PropTypes.Requireable<number>;
|
|
42
42
|
ariaLabelPrefix: PropTypes.Requireable<string>;
|
|
43
|
-
size: PropTypes.Requireable<NonNullable<number | "
|
|
43
|
+
size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
|
|
44
44
|
'aria-describedby': PropTypes.Requireable<string>;
|
|
45
45
|
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
46
46
|
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
package/lib/es/switch/index.d.ts
CHANGED
|
@@ -45,7 +45,7 @@ declare class Switch extends BaseComponent<SwitchProps, SwitchState> {
|
|
|
45
45
|
onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
|
|
46
46
|
onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
|
|
47
47
|
style: PropTypes.Requireable<object>;
|
|
48
|
-
size: PropTypes.Requireable<"
|
|
48
|
+
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
49
49
|
uncheckedText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
50
50
|
id: PropTypes.Requireable<string>;
|
|
51
51
|
};
|
package/lib/es/table/Table.d.ts
CHANGED
|
@@ -52,7 +52,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
|
|
|
52
52
|
components: PropTypes.Requireable<any>;
|
|
53
53
|
bordered: PropTypes.Requireable<boolean>;
|
|
54
54
|
loading: PropTypes.Requireable<boolean>;
|
|
55
|
-
size: PropTypes.Requireable<"
|
|
55
|
+
size: PropTypes.Requireable<"default" | "small" | "middle">;
|
|
56
56
|
tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
|
|
57
57
|
columns: PropTypes.Requireable<PropTypes.InferProps<{
|
|
58
58
|
align: PropTypes.Requireable<"left" | "right" | "center">;
|
|
@@ -289,7 +289,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
|
|
|
289
289
|
showTotal?: boolean;
|
|
290
290
|
pageSize?: number;
|
|
291
291
|
pageSizeOpts?: number[];
|
|
292
|
-
size?: "
|
|
292
|
+
size?: "default" | "small";
|
|
293
293
|
currentPage?: number;
|
|
294
294
|
defaultCurrentPage?: number;
|
|
295
295
|
onPageChange?: (currentPage: number) => void;
|
package/lib/es/table/index.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
|
|
|
15
15
|
components: PropTypes.Requireable<any>;
|
|
16
16
|
bordered: PropTypes.Requireable<boolean>;
|
|
17
17
|
loading: PropTypes.Requireable<boolean>;
|
|
18
|
-
size: PropTypes.Requireable<"
|
|
18
|
+
size: PropTypes.Requireable<"default" | "small" | "middle">;
|
|
19
19
|
tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
|
|
20
20
|
columns: PropTypes.Requireable<PropTypes.InferProps<{
|
|
21
21
|
align: PropTypes.Requireable<"left" | "right" | "center">;
|
package/lib/es/tabs/TabBar.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export interface TabBarState {
|
|
|
5
5
|
endInd: number;
|
|
6
6
|
rePosKey: number;
|
|
7
7
|
startInd: number;
|
|
8
|
+
uuid: string;
|
|
8
9
|
}
|
|
9
10
|
export interface OverflowItem extends PlainTab {
|
|
10
11
|
key: string;
|
|
@@ -25,8 +26,8 @@ declare class TabBar extends React.Component<TabBarProps, TabBarState> {
|
|
|
25
26
|
closable: PropTypes.Requireable<boolean>;
|
|
26
27
|
deleteTabItem: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
28
|
};
|
|
28
|
-
uuid: string;
|
|
29
29
|
constructor(props: TabBarProps);
|
|
30
|
+
componentDidMount(): void;
|
|
30
31
|
renderIcon(icon: ReactNode): ReactNode;
|
|
31
32
|
renderExtra(): ReactNode;
|
|
32
33
|
handleItemClick: (itemKey: string, e: MouseEvent<Element>) => void;
|