@douyinfe/semi-ui 2.12.1-alpha.2 → 2.13.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.
Files changed (224) hide show
  1. package/autoComplete/_story/autoComplete.stories.js +0 -1
  2. package/autoComplete/index.tsx +1 -1
  3. package/avatar/index.tsx +2 -2
  4. package/backtop/index.tsx +7 -11
  5. package/badge/index.tsx +1 -1
  6. package/banner/index.tsx +5 -5
  7. package/breadcrumb/index.tsx +3 -5
  8. package/button/Button.tsx +8 -10
  9. package/card/index.tsx +41 -43
  10. package/carousel/CarouselArrow.tsx +0 -2
  11. package/carousel/index.tsx +0 -1
  12. package/cascader/index.tsx +123 -101
  13. package/cascader/item.tsx +1 -1
  14. package/checkbox/checkbox.tsx +28 -20
  15. package/checkbox/checkboxInner.tsx +11 -1
  16. package/collapsible/index.tsx +1 -8
  17. package/datePicker/dateInput.tsx +0 -1
  18. package/datePicker/datePicker.tsx +5 -13
  19. package/dist/css/semi.css +9 -1
  20. package/dist/css/semi.min.css +1 -1
  21. package/dist/umd/semi-ui.js +5372 -3695
  22. package/dist/umd/semi-ui.js.map +1 -1
  23. package/dist/umd/semi-ui.min.js +1 -1
  24. package/dist/umd/semi-ui.min.js.map +1 -1
  25. package/divider/index.tsx +4 -8
  26. package/dropdown/index.tsx +1 -1
  27. package/empty/index.tsx +5 -13
  28. package/form/hoc/withField.tsx +1 -1
  29. package/form/label.tsx +1 -1
  30. package/grid/col.tsx +1 -1
  31. package/grid/row.tsx +1 -1
  32. package/iconButton/index.tsx +1 -2
  33. package/input/index.tsx +11 -38
  34. package/inputNumber/__test__/inputNumber.test.js +2 -3
  35. package/inputNumber/_story/inputNumber.stories.js +53 -0
  36. package/inputNumber/index.tsx +0 -4
  37. package/lib/cjs/autoComplete/index.js +1 -1
  38. package/lib/cjs/avatar/index.js +2 -4
  39. package/lib/cjs/backtop/index.js +1 -2
  40. package/lib/cjs/badge/index.js +1 -2
  41. package/lib/cjs/banner/index.js +4 -9
  42. package/lib/cjs/breadcrumb/index.js +3 -4
  43. package/lib/cjs/button/Button.d.ts +1 -1
  44. package/lib/cjs/button/Button.js +3 -13
  45. package/lib/cjs/button/index.d.ts +1 -1
  46. package/lib/cjs/card/index.js +5 -10
  47. package/lib/cjs/carousel/CarouselArrow.js +2 -6
  48. package/lib/cjs/carousel/CarouselIndicator.d.ts +1 -1
  49. package/lib/cjs/carousel/index.d.ts +1 -1
  50. package/lib/cjs/carousel/index.js +1 -2
  51. package/lib/cjs/cascader/index.js +6 -9
  52. package/lib/cjs/cascader/item.js +1 -2
  53. package/lib/cjs/checkbox/checkbox.d.ts +3 -2
  54. package/lib/cjs/checkbox/checkbox.js +33 -15
  55. package/lib/cjs/checkbox/checkboxInner.d.ts +6 -0
  56. package/lib/cjs/checkbox/checkboxInner.js +14 -4
  57. package/lib/cjs/collapsible/index.js +1 -2
  58. package/lib/cjs/datePicker/dateInput.d.ts +1 -1
  59. package/lib/cjs/datePicker/dateInput.js +1 -2
  60. package/lib/cjs/datePicker/datePicker.d.ts +1 -1
  61. package/lib/cjs/datePicker/datePicker.js +2 -4
  62. package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
  63. package/lib/cjs/divider/index.js +1 -2
  64. package/lib/cjs/dropdown/index.js +1 -2
  65. package/lib/cjs/empty/index.js +4 -8
  66. package/lib/cjs/form/baseForm.d.ts +1 -1
  67. package/lib/cjs/form/field.d.ts +1 -1
  68. package/lib/cjs/form/hoc/withField.js +1 -2
  69. package/lib/cjs/form/label.js +1 -2
  70. package/lib/cjs/grid/col.js +1 -2
  71. package/lib/cjs/grid/row.js +1 -2
  72. package/lib/cjs/iconButton/index.js +1 -3
  73. package/lib/cjs/input/index.js +5 -9
  74. package/lib/cjs/inputNumber/index.js +0 -4
  75. package/lib/cjs/list/index.js +3 -6
  76. package/lib/cjs/modal/ConfirmModal.js +1 -2
  77. package/lib/cjs/modal/Modal.js +2 -6
  78. package/lib/cjs/modal/ModalContent.js +6 -13
  79. package/lib/cjs/notification/notice.js +3 -6
  80. package/lib/cjs/pagination/index.js +2 -4
  81. package/lib/cjs/popconfirm/index.js +3 -6
  82. package/lib/cjs/popover/index.d.ts +1 -0
  83. package/lib/cjs/radio/radio.d.ts +1 -1
  84. package/lib/cjs/radio/radio.js +2 -4
  85. package/lib/cjs/radio/radioGroup.d.ts +1 -1
  86. package/lib/cjs/rating/item.js +1 -2
  87. package/lib/cjs/scrollList/index.js +3 -6
  88. package/lib/cjs/select/index.js +4 -8
  89. package/lib/cjs/select/option.js +1 -2
  90. package/lib/cjs/sideSheet/SideSheetContent.js +3 -6
  91. package/lib/cjs/skeleton/index.js +1 -3
  92. package/lib/cjs/space/index.js +1 -2
  93. package/lib/cjs/spin/index.js +3 -7
  94. package/lib/cjs/switch/index.js +4 -6
  95. package/lib/cjs/table/Table.js +3 -6
  96. package/lib/cjs/tabs/TabBar.js +1 -2
  97. package/lib/cjs/tabs/TabPane.js +2 -5
  98. package/lib/cjs/tagInput/index.d.ts +6 -1
  99. package/lib/cjs/tagInput/index.js +42 -10
  100. package/lib/cjs/timePicker/Combobox.js +1 -3
  101. package/lib/cjs/timePicker/TimePicker.d.ts +2 -2
  102. package/lib/cjs/timePicker/TimeShape.d.ts +1 -1
  103. package/lib/cjs/timePicker/index.d.ts +2 -2
  104. package/lib/cjs/toast/toast.js +3 -6
  105. package/lib/cjs/transfer/index.js +1 -2
  106. package/lib/cjs/tree/treeNode.js +1 -2
  107. package/lib/cjs/treeSelect/index.js +3 -6
  108. package/lib/cjs/typography/base.d.ts +1 -1
  109. package/lib/cjs/typography/base.js +1 -2
  110. package/lib/cjs/typography/paragraph.d.ts +1 -1
  111. package/lib/cjs/typography/text.d.ts +1 -1
  112. package/lib/cjs/typography/title.d.ts +2 -2
  113. package/lib/cjs/upload/index.d.ts +2 -2
  114. package/lib/cjs/upload/index.js +6 -13
  115. package/lib/es/autoComplete/index.js +1 -1
  116. package/lib/es/avatar/index.js +2 -4
  117. package/lib/es/backtop/index.js +1 -2
  118. package/lib/es/badge/index.js +1 -2
  119. package/lib/es/banner/index.js +4 -9
  120. package/lib/es/breadcrumb/index.js +3 -4
  121. package/lib/es/button/Button.d.ts +1 -1
  122. package/lib/es/button/Button.js +3 -11
  123. package/lib/es/button/index.d.ts +1 -1
  124. package/lib/es/card/index.js +5 -10
  125. package/lib/es/carousel/CarouselArrow.js +2 -6
  126. package/lib/es/carousel/CarouselIndicator.d.ts +1 -1
  127. package/lib/es/carousel/index.d.ts +1 -1
  128. package/lib/es/carousel/index.js +1 -2
  129. package/lib/es/cascader/index.js +6 -9
  130. package/lib/es/cascader/item.js +1 -2
  131. package/lib/es/checkbox/checkbox.d.ts +3 -2
  132. package/lib/es/checkbox/checkbox.js +33 -15
  133. package/lib/es/checkbox/checkboxInner.d.ts +6 -0
  134. package/lib/es/checkbox/checkboxInner.js +14 -4
  135. package/lib/es/collapsible/index.js +1 -2
  136. package/lib/es/datePicker/dateInput.d.ts +1 -1
  137. package/lib/es/datePicker/dateInput.js +1 -2
  138. package/lib/es/datePicker/datePicker.d.ts +1 -1
  139. package/lib/es/datePicker/datePicker.js +2 -4
  140. package/lib/es/datePicker/monthsGrid.d.ts +1 -1
  141. package/lib/es/divider/index.js +1 -2
  142. package/lib/es/dropdown/index.js +1 -2
  143. package/lib/es/empty/index.js +4 -8
  144. package/lib/es/form/baseForm.d.ts +1 -1
  145. package/lib/es/form/field.d.ts +1 -1
  146. package/lib/es/form/hoc/withField.js +1 -2
  147. package/lib/es/form/label.js +1 -2
  148. package/lib/es/grid/col.js +1 -2
  149. package/lib/es/grid/row.js +1 -2
  150. package/lib/es/iconButton/index.js +1 -3
  151. package/lib/es/input/index.js +5 -9
  152. package/lib/es/inputNumber/index.js +0 -4
  153. package/lib/es/list/index.js +3 -6
  154. package/lib/es/modal/ConfirmModal.js +1 -2
  155. package/lib/es/modal/Modal.js +2 -6
  156. package/lib/es/modal/ModalContent.js +6 -13
  157. package/lib/es/notification/notice.js +3 -6
  158. package/lib/es/pagination/index.js +2 -4
  159. package/lib/es/popconfirm/index.js +3 -6
  160. package/lib/es/popover/index.d.ts +1 -0
  161. package/lib/es/radio/radio.d.ts +1 -1
  162. package/lib/es/radio/radio.js +2 -4
  163. package/lib/es/radio/radioGroup.d.ts +1 -1
  164. package/lib/es/rating/item.js +1 -2
  165. package/lib/es/scrollList/index.js +3 -6
  166. package/lib/es/select/index.js +4 -8
  167. package/lib/es/select/option.js +1 -2
  168. package/lib/es/sideSheet/SideSheetContent.js +3 -6
  169. package/lib/es/skeleton/index.js +1 -3
  170. package/lib/es/space/index.js +1 -2
  171. package/lib/es/spin/index.js +3 -7
  172. package/lib/es/switch/index.js +4 -6
  173. package/lib/es/table/Table.js +3 -6
  174. package/lib/es/tabs/TabBar.js +1 -2
  175. package/lib/es/tabs/TabPane.js +2 -5
  176. package/lib/es/tagInput/index.d.ts +6 -1
  177. package/lib/es/tagInput/index.js +41 -10
  178. package/lib/es/timePicker/Combobox.js +1 -3
  179. package/lib/es/timePicker/TimePicker.d.ts +2 -2
  180. package/lib/es/timePicker/TimeShape.d.ts +1 -1
  181. package/lib/es/timePicker/index.d.ts +2 -2
  182. package/lib/es/toast/toast.js +3 -6
  183. package/lib/es/transfer/index.js +1 -2
  184. package/lib/es/tree/treeNode.js +1 -2
  185. package/lib/es/treeSelect/index.js +3 -6
  186. package/lib/es/typography/base.d.ts +1 -1
  187. package/lib/es/typography/base.js +1 -2
  188. package/lib/es/typography/paragraph.d.ts +1 -1
  189. package/lib/es/typography/text.d.ts +1 -1
  190. package/lib/es/typography/title.d.ts +2 -2
  191. package/lib/es/upload/index.d.ts +2 -2
  192. package/lib/es/upload/index.js +6 -13
  193. package/list/index.tsx +4 -16
  194. package/modal/ConfirmModal.tsx +1 -1
  195. package/modal/Modal.tsx +0 -2
  196. package/modal/ModalContent.tsx +14 -27
  197. package/notification/notice.tsx +4 -16
  198. package/package.json +9 -9
  199. package/pagination/index.tsx +2 -16
  200. package/popconfirm/index.tsx +3 -11
  201. package/popover/index.tsx +1 -1
  202. package/radio/radio.tsx +2 -10
  203. package/rating/item.tsx +1 -1
  204. package/scrollList/index.tsx +3 -19
  205. package/select/_story/select.stories.js +11 -0
  206. package/select/index.tsx +4 -12
  207. package/select/option.tsx +1 -5
  208. package/sideSheet/SideSheetContent.tsx +3 -3
  209. package/skeleton/index.tsx +1 -1
  210. package/space/index.tsx +1 -1
  211. package/spin/index.tsx +9 -15
  212. package/switch/index.tsx +14 -9
  213. package/table/Table.tsx +3 -5
  214. package/tabs/TabBar.tsx +1 -1
  215. package/tabs/TabPane.tsx +4 -9
  216. package/tagInput/index.tsx +38 -11
  217. package/timePicker/Combobox.tsx +1 -6
  218. package/toast/toast.tsx +3 -3
  219. package/transfer/index.tsx +0 -1
  220. package/tree/treeNode.tsx +1 -1
  221. package/treeSelect/index.tsx +3 -15
  222. package/typography/base.tsx +1 -1
  223. package/upload/index.tsx +38 -107
  224. package/yarn-error.log +0 -26235
@@ -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<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
29
+ type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
30
30
  showClear: PropTypes.Requireable<boolean>;
31
31
  format: PropTypes.Requireable<string>;
32
32
  inputStyle: PropTypes.Requireable<object>;
@@ -153,8 +153,7 @@ export default class DateInput extends BaseComponent {
153
153
  const labelNode = prefix || insetLabel;
154
154
  return labelNode ? /*#__PURE__*/React.createElement("div", {
155
155
  className: "".concat(prefixCls, "-range-input-prefix"),
156
- onClick: e => !disabled && !rangeInputFocus && this.handleRangeStartFocus(e),
157
- "x-semi-prop": "prefix,insetLabel"
156
+ onClick: e => !disabled && !rangeInputFocus && this.handleRangeStartFocus(e)
158
157
  }, labelNode) : null;
159
158
  }
160
159
 
@@ -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<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
44
+ type: PropTypes.Requireable<"dateTime" | "date" | "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>;
@@ -182,13 +182,11 @@ export default class DatePicker extends BaseComponent {
182
182
  className: wrapCls,
183
183
  style: dropdownStyle
184
184
  }, topSlot && /*#__PURE__*/React.createElement("div", {
185
- className: "".concat(cssClasses.PREFIX, "-topSlot"),
186
- "x-semi-prop": "topSlot"
185
+ className: "".concat(cssClasses.PREFIX, "-topSlot")
187
186
  }, topSlot), insetInput && /*#__PURE__*/React.createElement(DateInput, _Object$assign({}, insetInputProps, {
188
187
  insetInput: true
189
188
  })), this.adapter.typeIsYearOrMonth() ? this.renderYearMonthPanel(locale, localeCode) : this.renderMonthGrid(locale, localeCode, dateFnsLocale), this.renderQuickControls(), bottomSlot && /*#__PURE__*/React.createElement("div", {
190
- className: "".concat(cssClasses.PREFIX, "-bottomSlot"),
191
- "x-semi-prop": "bottomSlot"
189
+ className: "".concat(cssClasses.PREFIX, "-bottomSlot")
192
190
  }, bottomSlot), this.renderFooter(locale, localeCode));
193
191
  };
194
192
 
@@ -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<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
20
+ type: PropTypes.Requireable<"dateTime" | "date" | "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>;
@@ -61,8 +61,7 @@ const Divider = props => {
61
61
  className: dividerClassNames,
62
62
  style: _Object$assign(_Object$assign({}, overrideDefaultStyle), style)
63
63
  }), children && layout === 'horizontal' ? typeof children === 'string' ? /*#__PURE__*/React.createElement("span", {
64
- className: "".concat(prefixCls, "-divider_inner-text"),
65
- "x-semi-prop": "children"
64
+ className: "".concat(prefixCls, "-divider_inner-text")
66
65
  }, children) : children : null);
67
66
  };
68
67
 
@@ -86,8 +86,7 @@ class Dropdown extends BaseComponent {
86
86
  className: className,
87
87
  style: style
88
88
  }, /*#__PURE__*/React.createElement("div", {
89
- className: "".concat(prefixCls, "-content"),
90
- "x-semi-prop": "render"
89
+ className: "".concat(prefixCls, "-content")
91
90
  }, content)));
92
91
  }
93
92
 
@@ -101,19 +101,15 @@ export default class Empty extends BaseComponent {
101
101
  style: style
102
102
  }, /*#__PURE__*/React.createElement("div", {
103
103
  className: "".concat(prefixCls, "-image"),
104
- style: imageStyle,
105
- "x-semi-prop": "image,darkModeImage"
104
+ style: imageStyle
106
105
  }, imageNode), /*#__PURE__*/React.createElement("div", {
107
106
  className: "".concat(prefixCls, "-content")
108
107
  }, title ? /*#__PURE__*/React.createElement(Typography.Title, _Object$assign({}, titleProps, {
109
- className: "".concat(prefixCls, "-title"),
110
- "x-semi-prop": "title"
108
+ className: "".concat(prefixCls, "-title")
111
109
  }), title) : null, description ? /*#__PURE__*/React.createElement("div", {
112
- className: "".concat(prefixCls, "-description"),
113
- "x-semi-prop": "description"
110
+ className: "".concat(prefixCls, "-description")
114
111
  }, description) : null, children ? /*#__PURE__*/React.createElement("div", {
115
- className: "".concat(prefixCls, "-footer"),
116
- "x-semi-prop": "children"
112
+ className: "".concat(prefixCls, "-footer")
117
113
  }, children) : null));
118
114
  }
119
115
 
@@ -125,7 +125,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
125
125
  onBlur?: (e: React.FocusEvent<Element, Element>) => void;
126
126
  onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
127
127
  children?: React.ReactNode;
128
- } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
128
+ } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
129
129
  static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
130
130
  static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
131
131
  static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
@@ -73,7 +73,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
73
73
  onBlur?: (e: import("react").FocusEvent<Element, Element>) => void;
74
74
  onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
75
75
  children?: import("react").ReactNode;
76
- } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
76
+ } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
77
77
  declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
78
78
  declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
79
79
  declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
@@ -426,8 +426,7 @@ function withField(Component, opts) {
426
426
  });
427
427
  const extraContent = extraText ? /*#__PURE__*/React.createElement("div", {
428
428
  className: extraCls,
429
- id: extraTextId,
430
- "x-semi-prop": "extraText"
429
+ id: extraTextId
431
430
  }, extraText) : null;
432
431
 
433
432
  let newProps = _Object$assign(_Object$assign({
@@ -29,8 +29,7 @@ export default class Label extends PureComponent {
29
29
  const labelStyle = style ? style : {};
30
30
  width ? labelStyle.width = width : null;
31
31
  const textContent = /*#__PURE__*/React.createElement("div", {
32
- className: "".concat(prefixCls, "-field-label-text"),
33
- "x-semi-prop": "label"
32
+ className: "".concat(prefixCls, "-field-label-text")
34
33
  }, typeof text !== 'undefined' ? text : children);
35
34
  const contentWithExtra = /*#__PURE__*/React.createElement(React.Fragment, null, textContent, /*#__PURE__*/React.createElement("div", {
36
35
  className: "".concat(prefixCls, "-field-label-extra")
@@ -97,8 +97,7 @@ class Col extends React.Component {
97
97
  } : {}), style);
98
98
  return /*#__PURE__*/React.createElement("div", _Object$assign({}, others, {
99
99
  style: style,
100
- className: classes,
101
- "x-semi-prop": "children"
100
+ className: classes
102
101
  }), children);
103
102
  }
104
103
 
@@ -157,8 +157,7 @@ class Row extends React.Component {
157
157
  }
158
158
  }, /*#__PURE__*/React.createElement("div", _Object$assign({}, otherProps, {
159
159
  className: classes,
160
- style: rowStyle,
161
- "x-semi-prop": "children"
160
+ style: rowStyle
162
161
  }), children));
163
162
  }
164
163
 
@@ -71,10 +71,8 @@ class IconButton extends PureComponent {
71
71
  ["".concat(prefixCls, "-content-left")]: iconPosition === 'right',
72
72
  ["".concat(prefixCls, "-content-right")]: iconPosition === 'left'
73
73
  });
74
- const xSemiProp = this.props['x-semi-children-alias'] || 'children';
75
74
  const children = originChildren != null ? /*#__PURE__*/React.createElement("span", {
76
- className: btnTextCls,
77
- "x-semi-prop": xSemiProp
75
+ className: btnTextCls
78
76
  }, originChildren) : null;
79
77
 
80
78
  if (iconPosition === 'left') {
@@ -183,8 +183,7 @@ class Input extends BaseComponent {
183
183
  ["".concat(prefixCls, "-prepend-icon")]: isSemiIcon(addonBefore)
184
184
  });
185
185
  return /*#__PURE__*/React.createElement("div", {
186
- className: prefixWrapperCls,
187
- "x-semi-prop": "addonBefore"
186
+ className: prefixWrapperCls
188
187
  }, addonBefore);
189
188
  }
190
189
 
@@ -203,8 +202,7 @@ class Input extends BaseComponent {
203
202
  ["".concat(prefixCls, "-append-icon")]: isSemiIcon(addonAfter)
204
203
  });
205
204
  return /*#__PURE__*/React.createElement("div", {
206
- className: prefixWrapperCls,
207
- "x-semi-prop": "addonAfter"
205
+ className: prefixWrapperCls
208
206
  }, addonAfter);
209
207
  }
210
208
 
@@ -284,8 +282,7 @@ class Input extends BaseComponent {
284
282
  className: prefixWrapperCls,
285
283
  onMouseDown: this.handlePreventMouseDown,
286
284
  onClick: this.handleClickPrefixOrSuffix,
287
- id: insetLabelId,
288
- "x-semi-prop": "prefix,insetLabel"
285
+ id: insetLabelId
289
286
  }, labelNode);
290
287
  }
291
288
 
@@ -322,8 +319,7 @@ class Input extends BaseComponent {
322
319
  return /*#__PURE__*/React.createElement("div", {
323
320
  className: suffixWrapperCls,
324
321
  onMouseDown: this.handlePreventMouseDown,
325
- onClick: this.handleClickPrefixOrSuffix,
326
- "x-semi-prop": "suffix"
322
+ onClick: this.handleClickPrefixOrSuffix
327
323
  }, suffix);
328
324
  }
329
325
 
@@ -425,7 +421,7 @@ class Input extends BaseComponent {
425
421
  }
426
422
 
427
423
  if (validateStatus === 'error') {
428
- inputProps['aria-invalid'] = 'true';
424
+ inputProps['aria-invalid'] = "true";
429
425
  }
430
426
 
431
427
  return (
@@ -111,8 +111,6 @@ class InputNumber extends BaseComponent {
111
111
  return /*#__PURE__*/React.createElement("div", {
112
112
  className: suffixChildrenCls
113
113
  }, /*#__PURE__*/React.createElement("span", {
114
- role: "button",
115
- tabIndex: -1,
116
114
  className: upClassName,
117
115
  onMouseDown: notAllowedUp ? _noop : this.handleUpClick,
118
116
  onMouseUp: this.handleMouseUp,
@@ -120,8 +118,6 @@ class InputNumber extends BaseComponent {
120
118
  }, /*#__PURE__*/React.createElement(IconChevronUp, {
121
119
  size: "extra-small"
122
120
  })), /*#__PURE__*/React.createElement("span", {
123
- role: "button",
124
- tabIndex: -1,
125
121
  className: downClassName,
126
122
  onMouseDown: notAllowedDown ? _noop : this.handleDownClick,
127
123
  onMouseUp: this.handleMouseUp,
@@ -27,8 +27,7 @@ class List extends BaseComponent {
27
27
 
28
28
  if (emptyContent) {
29
29
  return /*#__PURE__*/React.createElement("div", {
30
- className: "".concat(cssClasses.PREFIX, "-empty"),
31
- "x-semi-prop": "emptyContent"
30
+ className: "".concat(cssClasses.PREFIX, "-empty")
32
31
  }, emptyContent);
33
32
  } else {
34
33
  return /*#__PURE__*/React.createElement(LocaleConsumer, {
@@ -116,8 +115,7 @@ class List extends BaseComponent {
116
115
  className: wrapperCls,
117
116
  style: style
118
117
  }, header ? /*#__PURE__*/React.createElement("div", {
119
- className: "".concat(cssClasses.PREFIX, "-header"),
120
- "x-semi-prop": "header"
118
+ className: "".concat(cssClasses.PREFIX, "-header")
121
119
  }, header) : null, /*#__PURE__*/React.createElement(ListContext.Provider, {
122
120
  value: {
123
121
  grid,
@@ -128,8 +126,7 @@ class List extends BaseComponent {
128
126
  spinning: loading,
129
127
  size: "large"
130
128
  }, this.wrapChildren(childrenList, children))), footer ? /*#__PURE__*/React.createElement("div", {
131
- className: "".concat(cssClasses.PREFIX, "-footer"),
132
- "x-semi-prop": "footer"
129
+ className: "".concat(cssClasses.PREFIX, "-footer")
133
130
  }, footer) : null, loadMore ? loadMore : null);
134
131
  }
135
132
 
@@ -101,8 +101,7 @@ const ConfirmModal = props => {
101
101
  icon: iconNode,
102
102
  visible: visible
103
103
  }, rest), /*#__PURE__*/React.createElement("div", {
104
- className: contentCls,
105
- "x-semi-prop": "content"
104
+ className: contentCls
106
105
  }, content));
107
106
  };
108
107
 
@@ -80,9 +80,7 @@ class Modal extends BaseComponent {
80
80
  loading: cancelLoading,
81
81
  type: "tertiary",
82
82
  autoFocus: true
83
- }, this.props.cancelButtonProps, {
84
- "x-semi-children-alias": "cancelText"
85
- }), cancelText || locale.cancel);
83
+ }, this.props.cancelButtonProps), cancelText || locale.cancel);
86
84
  }
87
85
  };
88
86
 
@@ -94,9 +92,7 @@ class Modal extends BaseComponent {
94
92
  theme: "solid",
95
93
  loading: confirmLoading,
96
94
  onClick: this.handleOk
97
- }, this.props.okButtonProps, {
98
- "x-semi-children-alias": "okText"
99
- }), okText || locale.confirm)));
95
+ }, this.props.okButtonProps), okText || locale.confirm)));
100
96
  }; // getDialog = () => {
101
97
  // const {
102
98
  // footer,
@@ -90,9 +90,7 @@ export default class ModalContent extends BaseComponent {
90
90
  let closer;
91
91
 
92
92
  if (closable) {
93
- const iconType = closeIcon || /*#__PURE__*/React.createElement(IconClose, {
94
- "x-semi-prop": "closeIcon"
95
- });
93
+ const iconType = closeIcon || /*#__PURE__*/React.createElement(IconClose, null);
96
94
  closer = /*#__PURE__*/React.createElement(Button, {
97
95
  "aria-label": "close",
98
96
  className: "".concat(cssClasses.DIALOG, "-close"),
@@ -113,8 +111,7 @@ export default class ModalContent extends BaseComponent {
113
111
  icon
114
112
  } = this.props;
115
113
  return icon ? /*#__PURE__*/React.createElement("span", {
116
- className: "".concat(cssClasses.DIALOG, "-icon-wrapper"),
117
- "x-semi-prop": "icon"
114
+ className: "".concat(cssClasses.DIALOG, "-icon-wrapper")
118
115
  }, icon) : null;
119
116
  };
120
117
 
@@ -133,8 +130,7 @@ export default class ModalContent extends BaseComponent {
133
130
  }, icon, /*#__PURE__*/React.createElement(Typography.Title, {
134
131
  heading: 5,
135
132
  className: "".concat(cssClasses.DIALOG, "-title"),
136
- id: "".concat(cssClasses.DIALOG, "-title"),
137
- "x-semi-prop": "title"
133
+ id: "".concat(cssClasses.DIALOG, "-title")
138
134
  }, title), closer);
139
135
  };
140
136
 
@@ -153,14 +149,12 @@ export default class ModalContent extends BaseComponent {
153
149
  return hasHeader ? /*#__PURE__*/React.createElement("div", {
154
150
  className: bodyCls,
155
151
  id: "".concat(cssClasses.DIALOG, "-body"),
156
- style: bodyStyle,
157
- "x-semi-prop": "children"
152
+ style: bodyStyle
158
153
  }, children) : /*#__PURE__*/React.createElement("div", {
159
154
  className: "".concat(cssClasses.DIALOG, "-body-wrapper")
160
155
  }, icon, /*#__PURE__*/React.createElement("div", {
161
156
  className: bodyCls,
162
- style: bodyStyle,
163
- "x-semi-prop": "children"
157
+ style: bodyStyle
164
158
  }, children), closer);
165
159
  };
166
160
 
@@ -192,8 +186,7 @@ export default class ModalContent extends BaseComponent {
192
186
  const body = this.renderBody();
193
187
  const header = this.renderHeader();
194
188
  const footer = props.footer ? /*#__PURE__*/React.createElement("div", {
195
- className: "".concat(cssClasses.DIALOG, "-footer"),
196
- "x-semi-prop": "footer"
189
+ className: "".concat(cssClasses.DIALOG, "-footer")
197
190
  }, props.footer) : null;
198
191
  const dialogElement =
199
192
  /*#__PURE__*/
@@ -115,8 +115,7 @@ class Notice extends BaseComponent {
115
115
 
116
116
  if (iconType) {
117
117
  return /*#__PURE__*/React.createElement("div", {
118
- className: iconCls,
119
- "x-semi-prop": "icon"
118
+ className: iconCls
120
119
  }, isSemiIcon(iconType) ? /*#__PURE__*/React.cloneElement(iconType, {
121
120
  size: iconType.props.size || 'large'
122
121
  }) : iconType);
@@ -174,11 +173,9 @@ class Notice extends BaseComponent {
174
173
  className: "".concat(prefixCls, "-content-wrapper")
175
174
  }, title ? /*#__PURE__*/React.createElement("div", {
176
175
  id: titleID,
177
- className: "".concat(prefixCls, "-title"),
178
- "x-semi-prop": "title"
176
+ className: "".concat(prefixCls, "-title")
179
177
  }, title) : '', content ? /*#__PURE__*/React.createElement("div", {
180
- className: "".concat(prefixCls, "-content"),
181
- "x-semi-prop": "content"
178
+ className: "".concat(prefixCls, "-content")
182
179
  }, content) : ''), showClose && /*#__PURE__*/React.createElement(Button, {
183
180
  className: "".concat(prefixCls, "-icon-close"),
184
181
  type: "tertiary",
@@ -154,8 +154,7 @@ export default class Pagination extends BaseComponent {
154
154
  "aria-disabled": prevDisabled ? true : false,
155
155
  "aria-label": "Previous",
156
156
  onClick: e => !prevDisabled && this.foundation.goPrev(e),
157
- className: preClassName,
158
- "x-semi-prop": "prevText"
157
+ className: preClassName
159
158
  }, prevText || /*#__PURE__*/React.createElement(IconChevronLeft, {
160
159
  size: "large"
161
160
  }));
@@ -178,8 +177,7 @@ export default class Pagination extends BaseComponent {
178
177
  "aria-disabled": nextDisabled ? true : false,
179
178
  "aria-label": "Next",
180
179
  onClick: e => !nextDisabled && this.foundation.goNext(e),
181
- className: nextClassName,
182
- "x-semi-prop": "prevText"
180
+ className: nextClassName
183
181
  }, nextText || /*#__PURE__*/React.createElement(IconChevronRight, {
184
182
  size: "large"
185
183
  }));
@@ -122,16 +122,13 @@ export default class Popconfirm extends BaseComponent {
122
122
  }, /*#__PURE__*/React.createElement("div", {
123
123
  className: "".concat(prefixCls, "-header")
124
124
  }, /*#__PURE__*/React.createElement("i", {
125
- className: "".concat(prefixCls, "-header-icon"),
126
- "x-semi-prop": "icon"
125
+ className: "".concat(prefixCls, "-header-icon")
127
126
  }, /*#__PURE__*/React.isValidElement(icon) ? icon : null), /*#__PURE__*/React.createElement("div", {
128
127
  className: "".concat(prefixCls, "-header-body")
129
128
  }, showTitle ? /*#__PURE__*/React.createElement("div", {
130
- className: "".concat(prefixCls, "-header-title"),
131
- "x-semi-prop": "title"
129
+ className: "".concat(prefixCls, "-header-title")
132
130
  }, title) : null, showContent ? /*#__PURE__*/React.createElement("div", {
133
- className: "".concat(prefixCls, "-header-content"),
134
- "x-semi-prop": "content"
131
+ className: "".concat(prefixCls, "-header-content")
135
132
  }, content) : null), /*#__PURE__*/React.createElement(Button, {
136
133
  className: "".concat(prefixCls, "-btn-close"),
137
134
  icon: /*#__PURE__*/React.createElement(IconClose, null),
@@ -38,6 +38,7 @@ export interface PopoverProps extends BaseProps {
38
38
  guardFocus?: TooltipProps['guardFocus'];
39
39
  returnFocusOnClose?: TooltipProps['returnFocusOnClose'];
40
40
  onEscKeyDown?: TooltipProps['onEscKeyDown'];
41
+ clickToHide?: TooltipProps['clickToHide'];
41
42
  }
42
43
  export interface PopoverState {
43
44
  popConfirmVisible: boolean;
@@ -75,7 +75,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
75
75
  prefixCls?: string;
76
76
  name?: string;
77
77
  onChange?: (e: RadioChangeEvent) => void;
78
- buttonSize?: "small" | "large" | "middle";
78
+ buttonSize?: "small" | "middle" | "large";
79
79
  isCardRadio?: boolean;
80
80
  isPureCardRadio?: boolean;
81
81
  };
@@ -165,12 +165,10 @@ class Radio extends BaseComponent {
165
165
  const renderContent = () => /*#__PURE__*/React.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement("span", {
166
166
  className: addonCls,
167
167
  style: addonStyle,
168
- id: this.addonId,
169
- "x-semi-prop": "children"
168
+ id: addonId
170
169
  }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/React.createElement("div", {
171
170
  className: "".concat(prefix, "-extra"),
172
- id: this.extraId,
173
- "x-semi-prop": "extra"
171
+ id: extraId
174
172
  }, extra) : null);
175
173
 
176
174
  return /*#__PURE__*/React.createElement("label", {
@@ -48,7 +48,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
48
48
  disabled: PropTypes.Requireable<boolean>;
49
49
  name: PropTypes.Requireable<string>;
50
50
  options: PropTypes.Requireable<any[]>;
51
- buttonSize: PropTypes.Requireable<"small" | "large" | "middle">;
51
+ buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
52
52
  type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
53
53
  value: PropTypes.Requireable<any>;
54
54
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -98,8 +98,7 @@ export default class Item extends PureComponent {
98
98
  width: "".concat(firstWidth * 100, "%")
99
99
  }
100
100
  }, content), /*#__PURE__*/React.createElement("div", {
101
- className: "".concat(prefixCls, "-second"),
102
- "x-semi-prop": "character"
101
+ className: "".concat(prefixCls, "-second")
103
102
  }, content)));
104
103
  }
105
104
 
@@ -35,19 +35,16 @@ class ScrollList extends BaseComponent {
35
35
  }, header ? /*#__PURE__*/React.createElement("div", {
36
36
  className: clsHeader
37
37
  }, /*#__PURE__*/React.createElement("div", {
38
- className: "".concat(clsHeader, "-title"),
39
- "x-semi-prop": this.props['x-semi-header-alias'] || "header"
38
+ className: "".concat(clsHeader, "-title")
40
39
  }, header), /*#__PURE__*/React.createElement("div", {
41
40
  className: "".concat(clsWrapper, "-line")
42
41
  })) : null, /*#__PURE__*/React.createElement("div", {
43
42
  className: "".concat(clsWrapper, "-body"),
44
43
  style: {
45
44
  height: bodyHeight ? bodyHeight : ''
46
- },
47
- "x-semi-prop": "children"
45
+ }
48
46
  }, children), footer ? /*#__PURE__*/React.createElement("div", {
49
- className: "".concat(clsWrapper, "-footer"),
50
- "x-semi-prop": this.props['x-semi-footer-alias'] || "footer"
47
+ className: "".concat(clsWrapper, "-footer")
51
48
  }, footer) : null);
52
49
  }
53
50
 
@@ -663,8 +663,7 @@ class Select extends BaseComponent {
663
663
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
664
664
  className: contentWrapperCls
665
665
  }, /*#__PURE__*/React.createElement("span", {
666
- className: spanCls,
667
- "x-semi-prop": "placeholder"
666
+ className: spanCls
668
667
  }, renderText || renderText === 0 ? renderText : placeholder), filterable && showInput ? this.renderInput() : null));
669
668
  }
670
669
 
@@ -826,8 +825,7 @@ class Select extends BaseComponent {
826
825
  ["".concat(prefixcls, "-suffix-icon")]: isSemiIcon(suffix)
827
826
  });
828
827
  return /*#__PURE__*/React.createElement("div", {
829
- className: suffixWrapperCls,
830
- "x-semi-prop": "suffix"
828
+ className: suffixWrapperCls
831
829
  }, suffix);
832
830
  }
833
831
 
@@ -846,8 +844,7 @@ class Select extends BaseComponent {
846
844
  });
847
845
  return /*#__PURE__*/React.createElement("div", {
848
846
  className: prefixWrapperCls,
849
- id: insetLabelId,
850
- "x-semi-prop": "prefix,insetLabel"
847
+ id: insetLabelId
851
848
  }, labelNode);
852
849
  }
853
850
 
@@ -899,8 +896,7 @@ class Select extends BaseComponent {
899
896
  });
900
897
  const showClear = this.props.showClear && (selections.size || inputValue) && !disabled && (isHovering || isOpen);
901
898
  const arrowContent = showArrow ? /*#__PURE__*/React.createElement("div", {
902
- className: "".concat(prefixcls, "-arrow"),
903
- "x-semi-prop": "arrowIcon"
899
+ className: "".concat(prefixcls, "-arrow")
904
900
  }, arrowIcon) : /*#__PURE__*/React.createElement("div", {
905
901
  className: "".concat(prefixcls, "-arrow-empty")
906
902
  });
@@ -100,8 +100,7 @@ class Option extends PureComponent {
100
100
  return /*#__PURE__*/React.createElement(LocaleConsumer, {
101
101
  componentName: "Select"
102
102
  }, locale => /*#__PURE__*/React.createElement("div", {
103
- className: optionClassName,
104
- "x-semi-prop": "emptyContent"
103
+ className: optionClassName
105
104
  }, emptyContent || locale.emptyText));
106
105
  } // Since there are empty, locale and other logic, the custom renderOptionItem is directly converged to the internal option instead of being placed in Select/index
107
106
 
@@ -79,8 +79,7 @@ export default class SideSheetContent extends React.PureComponent {
79
79
 
80
80
  if (title) {
81
81
  header = /*#__PURE__*/React.createElement("div", {
82
- className: "".concat(prefixCls, "-title"),
83
- "x-semi-prop": "title"
82
+ className: "".concat(prefixCls, "-title")
84
83
  }, this.props.title);
85
84
  }
86
85
 
@@ -135,11 +134,9 @@ export default class SideSheetContent extends React.PureComponent {
135
134
  className: "".concat(prefixCls, "-content")
136
135
  }, header, /*#__PURE__*/React.createElement("div", {
137
136
  className: "".concat(prefixCls, "-body"),
138
- style: props.bodyStyle,
139
- "x-semi-prop": "children"
137
+ style: props.bodyStyle
140
138
  }, props.children), props.footer ? /*#__PURE__*/React.createElement("div", {
141
- className: "".concat(prefixCls, "-footer"),
142
- "x-semi-prop": "footer"
139
+ className: "".concat(prefixCls, "-footer")
143
140
  }, props.footer) : null));
144
141
  return dialogElement;
145
142
  }
@@ -43,9 +43,7 @@ class Skeleton extends PureComponent {
43
43
  content = /*#__PURE__*/React.createElement("div", _Object$assign({
44
44
  className: skCls,
45
45
  style: style
46
- }, others, {
47
- "x-semi-prop": "placeholder"
48
- }), placeholder);
46
+ }, others), placeholder);
49
47
  } else {
50
48
  content = children;
51
49
  }
@@ -66,8 +66,7 @@ class Space extends PureComponent {
66
66
  const childrenNodes = flatten(children);
67
67
  return /*#__PURE__*/React.createElement("div", {
68
68
  className: classNames,
69
- style: realStyle,
70
- "x-semi-prop": "children"
69
+ style: realStyle
71
70
  }, childrenNodes);
72
71
  }
73
72