@douyinfe/semi-ui 2.19.0-alpha.6 → 2.19.0-alpha.9
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/avatar/index.tsx +3 -1
- package/button/buttonGroup.tsx +38 -4
- package/button/index.tsx +2 -0
- package/checkbox/_story/checkbox.stories.js +2 -0
- package/checkbox/checkbox.tsx +25 -20
- package/checkbox/checkboxGroup.tsx +1 -0
- package/dist/css/semi.css +64 -55
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +422 -311
- 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/form/baseForm.tsx +0 -1
- package/lib/cjs/anchor/index.d.ts +1 -1
- package/lib/cjs/autoComplete/index.d.ts +1 -1
- package/lib/cjs/avatar/index.d.ts +1 -0
- package/lib/cjs/avatar/index.js +2 -1
- package/lib/cjs/button/Button.d.ts +2 -2
- package/lib/cjs/button/buttonGroup.d.ts +2 -1
- package/lib/cjs/button/buttonGroup.js +52 -3
- package/lib/cjs/button/index.d.ts +2 -1
- package/lib/cjs/button/index.js +1 -0
- package/lib/cjs/carousel/CarouselIndicator.d.ts +2 -2
- package/lib/cjs/carousel/index.d.ts +3 -3
- package/lib/cjs/cascader/index.d.ts +1 -1
- package/lib/cjs/cascader/item.d.ts +1 -1
- package/lib/cjs/checkbox/checkbox.d.ts +1 -0
- package/lib/cjs/checkbox/checkbox.js +19 -10
- package/lib/cjs/checkbox/checkboxGroup.js +10 -9
- package/lib/cjs/datePicker/dateInput.d.ts +1 -1
- package/lib/cjs/datePicker/datePicker.d.ts +3 -3
- package/lib/cjs/datePicker/monthsGrid.d.ts +3 -3
- package/lib/cjs/datePicker/quickControl.d.ts +1 -1
- package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
- package/lib/cjs/dropdown/index.d.ts +1 -1
- package/lib/cjs/form/baseForm.d.ts +1 -1
- package/lib/cjs/form/baseForm.js +0 -1
- package/lib/cjs/form/field.d.ts +1 -1
- package/lib/cjs/popconfirm/index.d.ts +4 -2
- package/lib/cjs/popconfirm/index.js +49 -31
- package/lib/cjs/popover/index.d.ts +2 -2
- package/lib/cjs/radio/radio.d.ts +2 -1
- package/lib/cjs/radio/radio.js +1 -0
- package/lib/cjs/radio/radioGroup.d.ts +1 -1
- package/lib/cjs/select/index.d.ts +1 -1
- package/lib/cjs/table/Table.d.ts +2 -2
- package/lib/cjs/tabs/TabBar.js +5 -1
- package/lib/cjs/tag/index.d.ts +1 -1
- package/lib/cjs/tag/index.js +1 -1
- package/lib/cjs/timePicker/TimePicker.d.ts +2 -2
- package/lib/cjs/timePicker/TimeShape.d.ts +1 -1
- package/lib/cjs/timePicker/index.d.ts +2 -2
- package/lib/cjs/tooltip/index.d.ts +2 -2
- package/lib/cjs/transfer/index.js +7 -2
- package/lib/cjs/typography/base.d.ts +1 -1
- package/lib/cjs/typography/paragraph.d.ts +1 -1
- package/lib/cjs/typography/text.d.ts +1 -1
- package/lib/cjs/typography/title.d.ts +1 -1
- package/lib/cjs/upload/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/avatar/index.d.ts +1 -0
- package/lib/es/avatar/index.js +2 -1
- package/lib/es/button/Button.d.ts +2 -2
- package/lib/es/button/buttonGroup.d.ts +2 -1
- package/lib/es/button/buttonGroup.js +50 -3
- package/lib/es/button/index.d.ts +2 -1
- package/lib/es/button/index.js +1 -0
- package/lib/es/carousel/CarouselIndicator.d.ts +2 -2
- package/lib/es/carousel/index.d.ts +3 -3
- package/lib/es/cascader/index.d.ts +1 -1
- package/lib/es/cascader/item.d.ts +1 -1
- package/lib/es/checkbox/checkbox.d.ts +1 -0
- package/lib/es/checkbox/checkbox.js +19 -10
- package/lib/es/checkbox/checkboxGroup.js +8 -7
- package/lib/es/datePicker/dateInput.d.ts +1 -1
- package/lib/es/datePicker/datePicker.d.ts +3 -3
- package/lib/es/datePicker/monthsGrid.d.ts +3 -3
- package/lib/es/datePicker/quickControl.d.ts +1 -1
- package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
- package/lib/es/dropdown/index.d.ts +1 -1
- package/lib/es/form/baseForm.d.ts +1 -1
- package/lib/es/form/baseForm.js +0 -1
- package/lib/es/form/field.d.ts +1 -1
- package/lib/es/popconfirm/index.d.ts +4 -2
- package/lib/es/popconfirm/index.js +49 -31
- package/lib/es/popover/index.d.ts +2 -2
- package/lib/es/radio/radio.d.ts +2 -1
- package/lib/es/radio/radio.js +1 -0
- package/lib/es/radio/radioGroup.d.ts +1 -1
- package/lib/es/select/index.d.ts +1 -1
- package/lib/es/table/Table.d.ts +2 -2
- package/lib/es/tabs/TabBar.js +5 -1
- package/lib/es/tag/index.d.ts +1 -1
- package/lib/es/tag/index.js +1 -1
- package/lib/es/timePicker/TimePicker.d.ts +2 -2
- package/lib/es/timePicker/TimeShape.d.ts +1 -1
- package/lib/es/timePicker/index.d.ts +2 -2
- package/lib/es/tooltip/index.d.ts +2 -2
- package/lib/es/transfer/index.js +7 -2
- package/lib/es/typography/base.d.ts +1 -1
- package/lib/es/typography/paragraph.d.ts +1 -1
- package/lib/es/typography/text.d.ts +1 -1
- package/lib/es/typography/title.d.ts +1 -1
- package/lib/es/upload/index.d.ts +1 -1
- package/package.json +7 -7
- package/popconfirm/_story/popconfirm.stories.js +37 -1
- package/popconfirm/index.tsx +14 -6
- package/radio/radio.tsx +2 -0
- package/tabs/TabBar.tsx +7 -1
- package/tag/index.tsx +1 -1
- package/transfer/_story/transfer.stories.js +2 -2
- package/transfer/index.tsx +7 -2
- package/treeSelect/_story/treeSelect.stories.js +3 -0
package/form/baseForm.tsx
CHANGED
|
@@ -46,7 +46,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
|
|
|
46
46
|
offsetTop: PropTypes.Requireable<number>;
|
|
47
47
|
targetOffset: PropTypes.Requireable<number>;
|
|
48
48
|
showTooltip: PropTypes.Requireable<boolean>;
|
|
49
|
-
position: PropTypes.Requireable<"
|
|
49
|
+
position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
|
|
50
50
|
maxWidth: PropTypes.Requireable<string | number>;
|
|
51
51
|
maxHeight: PropTypes.Requireable<string | number>;
|
|
52
52
|
getContainer: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -113,7 +113,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
|
|
|
113
113
|
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
114
114
|
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
115
115
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
116
|
-
position: PropTypes.Requireable<"
|
|
116
|
+
position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
|
|
117
117
|
placeholder: PropTypes.Requireable<string>;
|
|
118
118
|
prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
119
119
|
onChangeWithObject: PropTypes.Requireable<boolean>;
|
|
@@ -20,6 +20,7 @@ export default class Avatar extends BaseComponent<AvatarProps, AvatarState> {
|
|
|
20
20
|
onMouseEnter: typeof noop;
|
|
21
21
|
onMouseLeave: typeof noop;
|
|
22
22
|
};
|
|
23
|
+
static elementType: string;
|
|
23
24
|
static propTypes: {
|
|
24
25
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
25
26
|
color: PropTypes.Requireable<string>;
|
package/lib/cjs/avatar/index.js
CHANGED
|
@@ -48,14 +48,14 @@ export default class Button extends PureComponent<ButtonProps> {
|
|
|
48
48
|
prefixCls: PropTypes.Requireable<string>;
|
|
49
49
|
style: PropTypes.Requireable<object>;
|
|
50
50
|
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
51
|
-
type: PropTypes.Requireable<"warning" | "primary" | "
|
|
51
|
+
type: PropTypes.Requireable<"warning" | "primary" | "secondary" | "tertiary" | "danger">;
|
|
52
52
|
block: PropTypes.Requireable<boolean>;
|
|
53
53
|
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
54
54
|
onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;
|
|
55
55
|
circle: PropTypes.Requireable<boolean>;
|
|
56
56
|
loading: PropTypes.Requireable<boolean>;
|
|
57
57
|
htmlType: PropTypes.Requireable<"button" | "reset" | "submit">;
|
|
58
|
-
theme: PropTypes.Requireable<"solid" | "
|
|
58
|
+
theme: PropTypes.Requireable<"solid" | "borderless" | "light">;
|
|
59
59
|
className: PropTypes.Requireable<string>;
|
|
60
60
|
onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
|
|
61
61
|
onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -19,11 +19,12 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
|
|
|
19
19
|
disabled: PropTypes.Requireable<boolean>;
|
|
20
20
|
type: PropTypes.Requireable<string>;
|
|
21
21
|
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
22
|
-
theme: PropTypes.Requireable<"solid" | "
|
|
22
|
+
theme: PropTypes.Requireable<"solid" | "borderless" | "light">;
|
|
23
23
|
'aria-label': PropTypes.Requireable<string>;
|
|
24
24
|
};
|
|
25
25
|
static defaultProps: {
|
|
26
26
|
size: string;
|
|
27
27
|
};
|
|
28
|
+
getInnerWithLine(inner: any): any;
|
|
28
29
|
render(): JSX.Element;
|
|
29
30
|
}
|
|
@@ -18,12 +18,20 @@ var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-st
|
|
|
18
18
|
|
|
19
19
|
var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
20
20
|
|
|
21
|
+
var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
|
|
22
|
+
|
|
23
|
+
var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
|
|
24
|
+
|
|
25
|
+
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
26
|
+
|
|
21
27
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
22
28
|
|
|
23
29
|
var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
|
|
24
30
|
|
|
25
31
|
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
26
32
|
|
|
33
|
+
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
34
|
+
|
|
27
35
|
var _react = _interopRequireWildcard(require("react"));
|
|
28
36
|
|
|
29
37
|
var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
|
|
@@ -55,6 +63,45 @@ const prefixCls = _constants.cssClasses.PREFIX;
|
|
|
55
63
|
const btnSizes = _constants.strings.sizes;
|
|
56
64
|
|
|
57
65
|
class ButtonGroup extends _baseComponent.default {
|
|
66
|
+
getInnerWithLine(inner) {
|
|
67
|
+
const innerWithLine = [];
|
|
68
|
+
let lineCls = "".concat(prefixCls, "-group-line");
|
|
69
|
+
|
|
70
|
+
if (inner.length > 1) {
|
|
71
|
+
var _context;
|
|
72
|
+
|
|
73
|
+
(0, _forEach.default)(_context = (0, _slice.default)(inner).call(inner, 0, -1)).call(_context, item => {
|
|
74
|
+
const isButtonType = (0, _get2.default)(item, 'type.elementType') === 'Button';
|
|
75
|
+
const buttonProps = (0, _get2.default)(item, 'props');
|
|
76
|
+
|
|
77
|
+
if (buttonProps) {
|
|
78
|
+
var _context2, _context3;
|
|
79
|
+
|
|
80
|
+
const {
|
|
81
|
+
type,
|
|
82
|
+
theme,
|
|
83
|
+
disabled
|
|
84
|
+
} = buttonProps;
|
|
85
|
+
lineCls = (0, _classnames.default)("".concat(prefixCls, "-group-line"), (0, _concat.default)(_context2 = "".concat(prefixCls, "-group-line-")).call(_context2, theme !== null && theme !== void 0 ? theme : 'light'), (0, _concat.default)(_context3 = "".concat(prefixCls, "-group-line-")).call(_context3, type !== null && type !== void 0 ? type : 'primary'), {
|
|
86
|
+
["".concat(prefixCls, "-group-line-disabled")]: disabled
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
if (isButtonType) {
|
|
91
|
+
innerWithLine.push(item, /*#__PURE__*/_react.default.createElement("span", {
|
|
92
|
+
className: lineCls
|
|
93
|
+
}));
|
|
94
|
+
} else {
|
|
95
|
+
innerWithLine.push(item);
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
innerWithLine.push((0, _slice.default)(inner).call(inner, -1));
|
|
99
|
+
return innerWithLine;
|
|
100
|
+
} else {
|
|
101
|
+
return inner;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
|
|
58
105
|
render() {
|
|
59
106
|
const _a = this.props,
|
|
60
107
|
{
|
|
@@ -68,25 +115,27 @@ class ButtonGroup extends _baseComponent.default {
|
|
|
68
115
|
rest = __rest(_a, ["children", "disabled", "size", "type", "className", 'aria-label']);
|
|
69
116
|
|
|
70
117
|
let inner;
|
|
118
|
+
let innerWithLine = [];
|
|
71
119
|
const cls = (0, _classnames.default)("".concat(prefixCls, "-group"), className);
|
|
72
120
|
|
|
73
121
|
if (children) {
|
|
74
|
-
var
|
|
122
|
+
var _context4;
|
|
75
123
|
|
|
76
|
-
inner = (0, _map.default)(
|
|
124
|
+
inner = (0, _map.default)(_context4 = (0, _isArray.default)(children) ? children : [children]).call(_context4, (itm, index) => /*#__PURE__*/(0, _react.isValidElement)(itm) ? /*#__PURE__*/(0, _react.cloneElement)(itm, (0, _assign.default)((0, _assign.default)((0, _assign.default)({
|
|
77
125
|
disabled,
|
|
78
126
|
size,
|
|
79
127
|
type
|
|
80
128
|
}, itm.props), rest), {
|
|
81
129
|
key: index
|
|
82
130
|
})) : itm);
|
|
131
|
+
innerWithLine = this.getInnerWithLine(inner);
|
|
83
132
|
}
|
|
84
133
|
|
|
85
134
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
86
135
|
className: cls,
|
|
87
136
|
role: "group",
|
|
88
137
|
"aria-label": ariaLabel
|
|
89
|
-
},
|
|
138
|
+
}, innerWithLine);
|
|
90
139
|
}
|
|
91
140
|
|
|
92
141
|
}
|
|
@@ -23,7 +23,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
|
|
|
23
23
|
onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
24
24
|
disabled: import("prop-types").Requireable<boolean>;
|
|
25
25
|
size: import("prop-types").Requireable<"default" | "small" | "large">;
|
|
26
|
-
type: import("prop-types").Requireable<"warning" | "primary" | "
|
|
26
|
+
type: import("prop-types").Requireable<"warning" | "primary" | "secondary" | "tertiary" | "danger">;
|
|
27
27
|
block: import("prop-types").Requireable<boolean>;
|
|
28
28
|
onClick: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
29
29
|
onMouseDown: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
@@ -31,6 +31,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
|
|
|
31
31
|
htmlType: import("prop-types").Requireable<"button" | "reset" | "submit">;
|
|
32
32
|
'aria-label': import("prop-types").Requireable<string>;
|
|
33
33
|
};
|
|
34
|
+
static elementType: string;
|
|
34
35
|
constructor(props?: {});
|
|
35
36
|
render(): JSX.Element;
|
|
36
37
|
}
|
package/lib/cjs/button/index.js
CHANGED
|
@@ -40,5 +40,6 @@ class Button extends _react.default.PureComponent {
|
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
Button.propTypes = (0, _assign.default)((0, _assign.default)({}, _Button.default.propTypes), _iconButton.default.propTypes);
|
|
43
|
+
Button.elementType = 'Button';
|
|
43
44
|
var _default = Button;
|
|
44
45
|
exports.default = _default;
|
|
@@ -8,11 +8,11 @@ declare class CarouselIndicator extends React.PureComponent<CarouselIndicatorPro
|
|
|
8
8
|
position: PropTypes.Requireable<"left" | "right" | "center">;
|
|
9
9
|
size: PropTypes.Requireable<"small" | "medium">;
|
|
10
10
|
style: PropTypes.Requireable<object>;
|
|
11
|
-
theme: PropTypes.Requireable<"primary" | "
|
|
11
|
+
theme: PropTypes.Requireable<"primary" | "light" | "dark">;
|
|
12
12
|
total: PropTypes.Requireable<number>;
|
|
13
13
|
onIndicatorChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
14
14
|
type: PropTypes.Requireable<"line" | "dot" | "columnar">;
|
|
15
|
-
trigger: PropTypes.Requireable<"
|
|
15
|
+
trigger: PropTypes.Requireable<"click" | "hover">;
|
|
16
16
|
};
|
|
17
17
|
onIndicatorChange: (activeIndex: number) => void;
|
|
18
18
|
handleIndicatorClick: (activeIndex: number) => void;
|
|
@@ -22,15 +22,15 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
|
|
|
22
22
|
indicatorPosition: PropTypes.Requireable<"left" | "right" | "center">;
|
|
23
23
|
indicatorSize: PropTypes.Requireable<"small" | "medium">;
|
|
24
24
|
indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
|
|
25
|
-
theme: PropTypes.Requireable<"primary" | "
|
|
25
|
+
theme: PropTypes.Requireable<"primary" | "light" | "dark">;
|
|
26
26
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
|
-
arrowType: PropTypes.Requireable<"
|
|
27
|
+
arrowType: PropTypes.Requireable<"always" | "hover">;
|
|
28
28
|
showArrow: PropTypes.Requireable<boolean>;
|
|
29
29
|
showIndicator: PropTypes.Requireable<boolean>;
|
|
30
30
|
slideDirection: PropTypes.Requireable<"left" | "right">;
|
|
31
31
|
speed: PropTypes.Requireable<number>;
|
|
32
32
|
style: PropTypes.Requireable<object>;
|
|
33
|
-
trigger: PropTypes.Requireable<"
|
|
33
|
+
trigger: PropTypes.Requireable<"click" | "hover">;
|
|
34
34
|
};
|
|
35
35
|
static defaultProps: CarouselProps;
|
|
36
36
|
foundation: CarouselFoundation;
|
|
@@ -107,7 +107,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
|
|
|
107
107
|
zIndex: PropTypes.Requireable<number>;
|
|
108
108
|
value: PropTypes.Requireable<string | number | any[]>;
|
|
109
109
|
validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
|
|
110
|
-
showNext: PropTypes.Requireable<"
|
|
110
|
+
showNext: PropTypes.Requireable<"click" | "hover">;
|
|
111
111
|
stopPropagation: PropTypes.Requireable<string | boolean>;
|
|
112
112
|
showClear: PropTypes.Requireable<boolean>;
|
|
113
113
|
defaultOpen: PropTypes.Requireable<boolean>;
|
|
@@ -48,7 +48,7 @@ export default class Item extends PureComponent<CascaderItemProps> {
|
|
|
48
48
|
onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
49
49
|
onItemHover: PropTypes.Requireable<(...args: any[]) => any>;
|
|
50
50
|
multiple: PropTypes.Requireable<boolean>;
|
|
51
|
-
showNext: PropTypes.Requireable<"
|
|
51
|
+
showNext: PropTypes.Requireable<"click" | "hover">;
|
|
52
52
|
checkedKeys: PropTypes.Requireable<object>;
|
|
53
53
|
halfCheckedKeys: PropTypes.Requireable<object>;
|
|
54
54
|
onItemCheckboxClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -67,6 +67,7 @@ declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
|
|
|
67
67
|
onMouseLeave: (...args: any[]) => void;
|
|
68
68
|
type: string;
|
|
69
69
|
};
|
|
70
|
+
static elementType: string;
|
|
70
71
|
checkboxEntity: CheckboxInner;
|
|
71
72
|
context: CheckboxContextType;
|
|
72
73
|
get adapter(): CheckboxAdapter<CheckboxProps, CheckboxState>;
|
|
@@ -211,15 +211,23 @@ class Checkbox extends _baseComponent.default {
|
|
|
211
211
|
const name = inGroup && this.context.checkboxGroup.name;
|
|
212
212
|
const xSemiPropChildren = this.props['x-semi-children-alias'] || 'children';
|
|
213
213
|
|
|
214
|
-
const renderContent = () =>
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
"
|
|
222
|
-
|
|
214
|
+
const renderContent = () => {
|
|
215
|
+
if (!children && !extra) {
|
|
216
|
+
return null;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
220
|
+
className: "".concat(prefix, "-content")
|
|
221
|
+
}, children ? /*#__PURE__*/_react.default.createElement("span", {
|
|
222
|
+
id: addonId,
|
|
223
|
+
className: "".concat(prefix, "-addon"),
|
|
224
|
+
"x-semi-prop": xSemiPropChildren
|
|
225
|
+
}, children) : null, extra ? /*#__PURE__*/_react.default.createElement("div", {
|
|
226
|
+
id: extraId,
|
|
227
|
+
className: extraCls,
|
|
228
|
+
"x-semi-prop": "extra"
|
|
229
|
+
}, extra) : null);
|
|
230
|
+
};
|
|
223
231
|
|
|
224
232
|
return (
|
|
225
233
|
/*#__PURE__*/
|
|
@@ -245,7 +253,7 @@ class Checkbox extends _baseComponent.default {
|
|
|
245
253
|
focusInner: focusVisible && !focusOuter,
|
|
246
254
|
onInputFocus: this.handleFocusVisible,
|
|
247
255
|
onInputBlur: this.handleBlur
|
|
248
|
-
})),
|
|
256
|
+
})), renderContent())
|
|
249
257
|
);
|
|
250
258
|
}
|
|
251
259
|
|
|
@@ -289,5 +297,6 @@ Checkbox.defaultProps = {
|
|
|
289
297
|
onMouseLeave: _noop2.default,
|
|
290
298
|
type: 'default'
|
|
291
299
|
};
|
|
300
|
+
Checkbox.elementType = 'Checkbox';
|
|
292
301
|
var _default = Checkbox;
|
|
293
302
|
exports.default = _default;
|
|
@@ -34,7 +34,7 @@ var _checkboxGroupFoundation = _interopRequireDefault(require("@douyinfe/semi-fo
|
|
|
34
34
|
|
|
35
35
|
var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
|
|
36
36
|
|
|
37
|
-
var
|
|
37
|
+
var _context8 = require("./context");
|
|
38
38
|
|
|
39
39
|
var _checkbox = _interopRequireDefault(require("./checkbox"));
|
|
40
40
|
|
|
@@ -83,7 +83,7 @@ class CheckboxGroup extends _baseComponent.default {
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
render() {
|
|
86
|
-
var _context2, _context3, _context4;
|
|
86
|
+
var _context2, _context3, _context4, _context5;
|
|
87
87
|
|
|
88
88
|
const {
|
|
89
89
|
children,
|
|
@@ -103,15 +103,16 @@ class CheckboxGroup extends _baseComponent.default {
|
|
|
103
103
|
[prefix]: true,
|
|
104
104
|
["".concat(prefix, "-wrapper")]: true,
|
|
105
105
|
[(0, _concat.default)(_context2 = "".concat(prefix, "-")).call(_context2, direction)]: direction,
|
|
106
|
-
[(0, _concat.default)(_context3 = "".concat(prefix, "-")).call(_context3, direction, "-cardType")]: direction && isCardType
|
|
106
|
+
[(0, _concat.default)(_context3 = "".concat(prefix, "-")).call(_context3, direction, "-cardType")]: direction && isCardType,
|
|
107
|
+
[(0, _concat.default)(_context4 = "".concat(prefix, "-")).call(_context4, direction, "-pureCardType")]: direction && isPureCardType
|
|
107
108
|
}, className);
|
|
108
|
-
const realValue = (0, _slice.default)(
|
|
109
|
+
const realValue = (0, _slice.default)(_context5 = this.state.value).call(_context5);
|
|
109
110
|
let inner;
|
|
110
111
|
|
|
111
112
|
if (options) {
|
|
112
|
-
var
|
|
113
|
+
var _context6;
|
|
113
114
|
|
|
114
|
-
inner = (0, _map.default)(
|
|
115
|
+
inner = (0, _map.default)(_context6 = options || []).call(_context6, (option, index) => {
|
|
115
116
|
if (typeof option === 'string') {
|
|
116
117
|
return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
117
118
|
role: "listitem",
|
|
@@ -135,9 +136,9 @@ class CheckboxGroup extends _baseComponent.default {
|
|
|
135
136
|
}
|
|
136
137
|
});
|
|
137
138
|
} else if (children) {
|
|
138
|
-
var
|
|
139
|
+
var _context7;
|
|
139
140
|
|
|
140
|
-
inner = (0, _map.default)(
|
|
141
|
+
inner = (0, _map.default)(_context7 = _react.default.Children.toArray(children)).call(_context7, (itm, index) => /*#__PURE__*/_react.default.cloneElement(itm, {
|
|
141
142
|
key: index,
|
|
142
143
|
role: 'listitem'
|
|
143
144
|
}));
|
|
@@ -151,7 +152,7 @@ class CheckboxGroup extends _baseComponent.default {
|
|
|
151
152
|
style: style,
|
|
152
153
|
"aria-labelledby": this.props['aria-labelledby'],
|
|
153
154
|
"aria-describedby": this.props['aria-describedby']
|
|
154
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
155
|
+
}, /*#__PURE__*/_react.default.createElement(_context8.Context.Provider, {
|
|
155
156
|
value: {
|
|
156
157
|
checkboxGroup: {
|
|
157
158
|
onChange: this.onChange,
|
|
@@ -26,7 +26,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
|
|
|
26
26
|
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
27
|
value: PropTypes.Requireable<any[]>;
|
|
28
28
|
disabled: PropTypes.Requireable<boolean>;
|
|
29
|
-
type: PropTypes.Requireable<"
|
|
29
|
+
type: PropTypes.Requireable<"date" | "dateTime" | "month" | "dateRange" | "year" | "dateTimeRange">;
|
|
30
30
|
showClear: PropTypes.Requireable<boolean>;
|
|
31
31
|
format: PropTypes.Requireable<string>;
|
|
32
32
|
inputStyle: PropTypes.Requireable<object>;
|
|
@@ -41,7 +41,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
|
|
|
41
41
|
'aria-invalid': PropTypes.Requireable<boolean>;
|
|
42
42
|
'aria-labelledby': PropTypes.Requireable<string>;
|
|
43
43
|
'aria-required': PropTypes.Requireable<boolean>;
|
|
44
|
-
type: PropTypes.Requireable<"
|
|
44
|
+
type: PropTypes.Requireable<"date" | "dateTime" | "month" | "dateRange" | "year" | "dateTimeRange">;
|
|
45
45
|
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
46
46
|
density: PropTypes.Requireable<"default" | "compact">;
|
|
47
47
|
defaultValue: PropTypes.Requireable<string | number | object>;
|
|
@@ -56,7 +56,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
|
|
|
56
56
|
max: PropTypes.Requireable<number>;
|
|
57
57
|
placeholder: PropTypes.Requireable<string | any[]>;
|
|
58
58
|
presets: PropTypes.Requireable<any[]>;
|
|
59
|
-
presetPosition: PropTypes.Requireable<"
|
|
59
|
+
presetPosition: PropTypes.Requireable<"bottom" | "left" | "right" | "top">;
|
|
60
60
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
61
61
|
onChangeWithDateFirst: PropTypes.Requireable<boolean>;
|
|
62
62
|
weekStartsOn: PropTypes.Requireable<number>;
|
|
@@ -73,7 +73,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
|
|
|
73
73
|
insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
74
74
|
insetLabelId: PropTypes.Requireable<string>;
|
|
75
75
|
zIndex: PropTypes.Requireable<number>;
|
|
76
|
-
position: PropTypes.Requireable<"
|
|
76
|
+
position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
|
|
77
77
|
getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
|
|
78
78
|
onCancel: PropTypes.Requireable<(...args: any[]) => any>;
|
|
79
79
|
onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -17,7 +17,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
|
|
|
17
17
|
export declare type MonthsGridState = MonthsGridFoundationState;
|
|
18
18
|
export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
|
|
19
19
|
static propTypes: {
|
|
20
|
-
type: PropTypes.Requireable<"
|
|
20
|
+
type: PropTypes.Requireable<"date" | "dateTime" | "month" | "dateRange" | "year" | "dateTimeRange">;
|
|
21
21
|
defaultValue: PropTypes.Requireable<string | number | object>;
|
|
22
22
|
defaultPickerValue: PropTypes.Requireable<string | number | object>;
|
|
23
23
|
multiple: PropTypes.Requireable<boolean>;
|
|
@@ -50,7 +50,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
|
|
|
50
50
|
onPanelChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
51
51
|
focusRecordsRef: PropTypes.Requireable<object>;
|
|
52
52
|
triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
|
|
53
|
-
presetPosition: PropTypes.Requireable<"
|
|
53
|
+
presetPosition: PropTypes.Requireable<"bottom" | "left" | "right" | "top">;
|
|
54
54
|
renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
55
55
|
renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
56
56
|
};
|
|
@@ -85,7 +85,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
|
|
|
85
85
|
renderMonth(month: Date, panelType: PanelType): JSX.Element;
|
|
86
86
|
handleWeeksRowNumChange: (weeksRowNum: number, panelType: PanelType) => void;
|
|
87
87
|
reselect: () => void;
|
|
88
|
-
getYAMOpenType: () => "
|
|
88
|
+
getYAMOpenType: () => "none" | "both" | "left" | "right";
|
|
89
89
|
renderTimePicker(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
|
|
90
90
|
renderYearAndMonth(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
|
|
91
91
|
renderSwitch(panelType: PanelType): JSX.Element;
|
|
@@ -13,7 +13,7 @@ export interface QuickControlProps {
|
|
|
13
13
|
declare class QuickControl extends PureComponent<QuickControlProps> {
|
|
14
14
|
static propTypes: {
|
|
15
15
|
presets: PropTypes.Requireable<any[]>;
|
|
16
|
-
presetPosition: PropTypes.Requireable<"
|
|
16
|
+
presetPosition: PropTypes.Requireable<"bottom" | "left" | "right" | "top">;
|
|
17
17
|
onPresetClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
18
18
|
type: PropTypes.Requireable<string>;
|
|
19
19
|
insetInput: PropTypes.Requireable<boolean>;
|
|
@@ -20,7 +20,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
|
|
|
20
20
|
noBackBtn: PropTypes.Requireable<boolean>;
|
|
21
21
|
disabledDate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
22
|
density: PropTypes.Requireable<string>;
|
|
23
|
-
presetPosition: PropTypes.Requireable<"
|
|
23
|
+
presetPosition: PropTypes.Requireable<"bottom" | "left" | "right" | "top">;
|
|
24
24
|
renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
25
25
|
renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
26
26
|
};
|
|
@@ -59,7 +59,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
|
|
|
59
59
|
render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
60
60
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
61
61
|
visible: PropTypes.Requireable<boolean>;
|
|
62
|
-
position: PropTypes.Requireable<"
|
|
62
|
+
position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
|
|
63
63
|
getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
|
|
64
64
|
mouseEnterDelay: PropTypes.Requireable<number>;
|
|
65
65
|
mouseLeaveDelay: PropTypes.Requireable<number>;
|
|
@@ -80,7 +80,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
|
|
|
80
80
|
emptyContent?: React.ReactNode;
|
|
81
81
|
onDropdownVisibleChange?: (visible: boolean) => void;
|
|
82
82
|
zIndex?: number;
|
|
83
|
-
position?: "
|
|
83
|
+
position?: "bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
|
|
84
84
|
onSearch?: (value: string) => void;
|
|
85
85
|
dropdownClassName?: string;
|
|
86
86
|
dropdownStyle?: React.CSSProperties;
|
package/lib/cjs/form/baseForm.js
CHANGED
package/lib/cjs/form/field.d.ts
CHANGED
|
@@ -28,7 +28,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
|
|
|
28
28
|
emptyContent?: import("react").ReactNode;
|
|
29
29
|
onDropdownVisibleChange?: (visible: boolean) => void;
|
|
30
30
|
zIndex?: number;
|
|
31
|
-
position?: "
|
|
31
|
+
position?: "bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
|
|
32
32
|
onSearch?: (value: string) => void;
|
|
33
33
|
dropdownClassName?: string;
|
|
34
34
|
dropdownStyle?: import("react").CSSProperties;
|
|
@@ -27,13 +27,15 @@ export interface PopconfirmProps extends PopoverProps {
|
|
|
27
27
|
zIndex?: number;
|
|
28
28
|
trigger?: Trigger;
|
|
29
29
|
position?: Position;
|
|
30
|
-
onCancel?: (e: React.MouseEvent) => void;
|
|
31
|
-
onConfirm?: (e: React.MouseEvent) => void;
|
|
30
|
+
onCancel?: (e: React.MouseEvent) => Promise<any> | void;
|
|
31
|
+
onConfirm?: (e: React.MouseEvent) => Promise<any> | void;
|
|
32
32
|
onVisibleChange?: (visible: boolean) => void;
|
|
33
33
|
onClickOutSide?: (e: React.MouseEvent) => void;
|
|
34
34
|
}
|
|
35
35
|
export interface PopconfirmState {
|
|
36
36
|
visible: boolean;
|
|
37
|
+
cancelLoading: boolean;
|
|
38
|
+
confirmLoading: boolean;
|
|
37
39
|
}
|
|
38
40
|
export default class Popconfirm extends BaseComponent<PopconfirmProps, PopconfirmState> {
|
|
39
41
|
static contextType: React.Context<ContextValue>;
|