@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.
Files changed (114) hide show
  1. package/avatar/index.tsx +3 -1
  2. package/button/buttonGroup.tsx +38 -4
  3. package/button/index.tsx +2 -0
  4. package/checkbox/_story/checkbox.stories.js +2 -0
  5. package/checkbox/checkbox.tsx +25 -20
  6. package/checkbox/checkboxGroup.tsx +1 -0
  7. package/dist/css/semi.css +64 -55
  8. package/dist/css/semi.min.css +1 -1
  9. package/dist/umd/semi-ui.js +422 -311
  10. package/dist/umd/semi-ui.js.map +1 -1
  11. package/dist/umd/semi-ui.min.js +1 -1
  12. package/dist/umd/semi-ui.min.js.map +1 -1
  13. package/form/baseForm.tsx +0 -1
  14. package/lib/cjs/anchor/index.d.ts +1 -1
  15. package/lib/cjs/autoComplete/index.d.ts +1 -1
  16. package/lib/cjs/avatar/index.d.ts +1 -0
  17. package/lib/cjs/avatar/index.js +2 -1
  18. package/lib/cjs/button/Button.d.ts +2 -2
  19. package/lib/cjs/button/buttonGroup.d.ts +2 -1
  20. package/lib/cjs/button/buttonGroup.js +52 -3
  21. package/lib/cjs/button/index.d.ts +2 -1
  22. package/lib/cjs/button/index.js +1 -0
  23. package/lib/cjs/carousel/CarouselIndicator.d.ts +2 -2
  24. package/lib/cjs/carousel/index.d.ts +3 -3
  25. package/lib/cjs/cascader/index.d.ts +1 -1
  26. package/lib/cjs/cascader/item.d.ts +1 -1
  27. package/lib/cjs/checkbox/checkbox.d.ts +1 -0
  28. package/lib/cjs/checkbox/checkbox.js +19 -10
  29. package/lib/cjs/checkbox/checkboxGroup.js +10 -9
  30. package/lib/cjs/datePicker/dateInput.d.ts +1 -1
  31. package/lib/cjs/datePicker/datePicker.d.ts +3 -3
  32. package/lib/cjs/datePicker/monthsGrid.d.ts +3 -3
  33. package/lib/cjs/datePicker/quickControl.d.ts +1 -1
  34. package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
  35. package/lib/cjs/dropdown/index.d.ts +1 -1
  36. package/lib/cjs/form/baseForm.d.ts +1 -1
  37. package/lib/cjs/form/baseForm.js +0 -1
  38. package/lib/cjs/form/field.d.ts +1 -1
  39. package/lib/cjs/popconfirm/index.d.ts +4 -2
  40. package/lib/cjs/popconfirm/index.js +49 -31
  41. package/lib/cjs/popover/index.d.ts +2 -2
  42. package/lib/cjs/radio/radio.d.ts +2 -1
  43. package/lib/cjs/radio/radio.js +1 -0
  44. package/lib/cjs/radio/radioGroup.d.ts +1 -1
  45. package/lib/cjs/select/index.d.ts +1 -1
  46. package/lib/cjs/table/Table.d.ts +2 -2
  47. package/lib/cjs/tabs/TabBar.js +5 -1
  48. package/lib/cjs/tag/index.d.ts +1 -1
  49. package/lib/cjs/tag/index.js +1 -1
  50. package/lib/cjs/timePicker/TimePicker.d.ts +2 -2
  51. package/lib/cjs/timePicker/TimeShape.d.ts +1 -1
  52. package/lib/cjs/timePicker/index.d.ts +2 -2
  53. package/lib/cjs/tooltip/index.d.ts +2 -2
  54. package/lib/cjs/transfer/index.js +7 -2
  55. package/lib/cjs/typography/base.d.ts +1 -1
  56. package/lib/cjs/typography/paragraph.d.ts +1 -1
  57. package/lib/cjs/typography/text.d.ts +1 -1
  58. package/lib/cjs/typography/title.d.ts +1 -1
  59. package/lib/cjs/upload/index.d.ts +1 -1
  60. package/lib/es/anchor/index.d.ts +1 -1
  61. package/lib/es/autoComplete/index.d.ts +1 -1
  62. package/lib/es/avatar/index.d.ts +1 -0
  63. package/lib/es/avatar/index.js +2 -1
  64. package/lib/es/button/Button.d.ts +2 -2
  65. package/lib/es/button/buttonGroup.d.ts +2 -1
  66. package/lib/es/button/buttonGroup.js +50 -3
  67. package/lib/es/button/index.d.ts +2 -1
  68. package/lib/es/button/index.js +1 -0
  69. package/lib/es/carousel/CarouselIndicator.d.ts +2 -2
  70. package/lib/es/carousel/index.d.ts +3 -3
  71. package/lib/es/cascader/index.d.ts +1 -1
  72. package/lib/es/cascader/item.d.ts +1 -1
  73. package/lib/es/checkbox/checkbox.d.ts +1 -0
  74. package/lib/es/checkbox/checkbox.js +19 -10
  75. package/lib/es/checkbox/checkboxGroup.js +8 -7
  76. package/lib/es/datePicker/dateInput.d.ts +1 -1
  77. package/lib/es/datePicker/datePicker.d.ts +3 -3
  78. package/lib/es/datePicker/monthsGrid.d.ts +3 -3
  79. package/lib/es/datePicker/quickControl.d.ts +1 -1
  80. package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
  81. package/lib/es/dropdown/index.d.ts +1 -1
  82. package/lib/es/form/baseForm.d.ts +1 -1
  83. package/lib/es/form/baseForm.js +0 -1
  84. package/lib/es/form/field.d.ts +1 -1
  85. package/lib/es/popconfirm/index.d.ts +4 -2
  86. package/lib/es/popconfirm/index.js +49 -31
  87. package/lib/es/popover/index.d.ts +2 -2
  88. package/lib/es/radio/radio.d.ts +2 -1
  89. package/lib/es/radio/radio.js +1 -0
  90. package/lib/es/radio/radioGroup.d.ts +1 -1
  91. package/lib/es/select/index.d.ts +1 -1
  92. package/lib/es/table/Table.d.ts +2 -2
  93. package/lib/es/tabs/TabBar.js +5 -1
  94. package/lib/es/tag/index.d.ts +1 -1
  95. package/lib/es/tag/index.js +1 -1
  96. package/lib/es/timePicker/TimePicker.d.ts +2 -2
  97. package/lib/es/timePicker/TimeShape.d.ts +1 -1
  98. package/lib/es/timePicker/index.d.ts +2 -2
  99. package/lib/es/tooltip/index.d.ts +2 -2
  100. package/lib/es/transfer/index.js +7 -2
  101. package/lib/es/typography/base.d.ts +1 -1
  102. package/lib/es/typography/paragraph.d.ts +1 -1
  103. package/lib/es/typography/text.d.ts +1 -1
  104. package/lib/es/typography/title.d.ts +1 -1
  105. package/lib/es/upload/index.d.ts +1 -1
  106. package/package.json +7 -7
  107. package/popconfirm/_story/popconfirm.stories.js +37 -1
  108. package/popconfirm/index.tsx +14 -6
  109. package/radio/radio.tsx +2 -0
  110. package/tabs/TabBar.tsx +7 -1
  111. package/tag/index.tsx +1 -1
  112. package/transfer/_story/transfer.stories.js +2 -2
  113. package/transfer/index.tsx +7 -2
  114. package/treeSelect/_story/treeSelect.stories.js +3 -0
package/form/baseForm.tsx CHANGED
@@ -151,7 +151,6 @@ class Form extends BaseComponent<BaseFormProps, BaseFormState> {
151
151
 
152
152
  componentWillUnmount() {
153
153
  this.foundation.destroy();
154
- this.formApi = null;
155
154
  }
156
155
 
157
156
  get adapter(): BaseFormAdapter<BaseFormProps, BaseFormState> {
@@ -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<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
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<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
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>;
@@ -340,4 +340,5 @@ Avatar.propTypes = {
340
340
  onClick: _propTypes.default.func,
341
341
  onMouseEnter: _propTypes.default.func,
342
342
  onMouseLeave: _propTypes.default.func
343
- };
343
+ };
344
+ Avatar.elementType = 'Avatar';
@@ -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" | "tertiary" | "secondary" | "danger">;
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" | "light" | "borderless">;
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" | "light" | "borderless">;
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 _context;
122
+ var _context4;
75
123
 
76
- inner = (0, _map.default)(_context = (0, _isArray.default)(children) ? children : [children]).call(_context, (itm, index) => /*#__PURE__*/(0, _react.isValidElement)(itm) ? /*#__PURE__*/(0, _react.cloneElement)(itm, (0, _assign.default)((0, _assign.default)((0, _assign.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
- }, inner);
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" | "tertiary" | "secondary" | "danger">;
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
  }
@@ -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" | "dark" | "light">;
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<"hover" | "click">;
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" | "dark" | "light">;
25
+ theme: PropTypes.Requireable<"primary" | "light" | "dark">;
26
26
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
27
- arrowType: PropTypes.Requireable<"hover" | "always">;
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<"hover" | "click">;
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<"hover" | "click">;
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<"hover" | "click">;
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 = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children ? /*#__PURE__*/_react.default.createElement("span", {
215
- id: addonId,
216
- className: "".concat(prefix, "-addon"),
217
- "x-semi-prop": xSemiPropChildren
218
- }, children) : null, extra ? /*#__PURE__*/_react.default.createElement("div", {
219
- id: extraId,
220
- className: extraCls,
221
- "x-semi-prop": "extra"
222
- }, extra) : null);
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
- })), props.isCardType ? /*#__PURE__*/_react.default.createElement("div", null, renderContent()) : renderContent())
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 _context7 = require("./context");
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)(_context4 = this.state.value).call(_context4);
109
+ const realValue = (0, _slice.default)(_context5 = this.state.value).call(_context5);
109
110
  let inner;
110
111
 
111
112
  if (options) {
112
- var _context5;
113
+ var _context6;
113
114
 
114
- inner = (0, _map.default)(_context5 = options || []).call(_context5, (option, index) => {
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 _context6;
139
+ var _context7;
139
140
 
140
- inner = (0, _map.default)(_context6 = _react.default.Children.toArray(children)).call(_context6, (itm, index) => /*#__PURE__*/_react.default.cloneElement(itm, {
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(_context7.Context.Provider, {
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<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
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<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
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<"top" | "left" | "right" | "bottom">;
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<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
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<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
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<"top" | "left" | "right" | "bottom">;
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: () => "left" | "right" | "none" | "both";
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<"top" | "left" | "right" | "bottom">;
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<"top" | "left" | "right" | "bottom">;
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<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
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?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
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;
@@ -106,7 +106,6 @@ class Form extends _baseComponent.default {
106
106
 
107
107
  componentWillUnmount() {
108
108
  this.foundation.destroy();
109
- this.formApi = null;
110
109
  }
111
110
 
112
111
  get adapter() {
@@ -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?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
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>;