@douyinfe/semi-ui 2.19.0-alpha.0 → 2.19.0-alpha.1

package/lib/cjs/checkbox/checkboxGroup.js

@@ -118,7 +118,8 @@ class CheckboxGroup extends _baseComponent.default {
             key: index,
             disabled: this.props.disabled,
             value: option,
-            prefixCls: prefixCls
+            prefixCls: prefixCls,
+            type: type
           }, option);
         } else {
           return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
@@ -130,7 +131,8 @@ class CheckboxGroup extends _baseComponent.default {
             extra: option.extra,
             className: option.className,
             style: option.style,
-            onChange: option.onChange
+            onChange: option.onChange,
+            type: type
           }, option.label);
         }
       });

package/lib/cjs/form/baseForm.d.ts

@@ -126,7 +126,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
         preventScroll?: boolean;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/cjs/form/field.d.ts

@@ -74,7 +74,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
     children?: import("react").ReactNode;
     preventScroll?: boolean;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

package/lib/cjs/radio/radioGroup.js

@@ -124,7 +124,8 @@ class RadioGroup extends _baseComponent.default {
           return /*#__PURE__*/_react.default.createElement(_radio.default, {
             key: index,
             disabled: this.props.disabled,
-            value: option
+            value: option,
+            type: type
           }, option);
         } else {
           return /*#__PURE__*/_react.default.createElement(_radio.default, {
@@ -133,7 +134,8 @@ class RadioGroup extends _baseComponent.default {
             value: option.value,
             extra: option.extra,
             className: option.className,
-            style: option.style
+            style: option.style,
+            type: type
           }, option.label);
         }
       });

package/lib/cjs/table/ColumnFilter.js

@@ -179,14 +179,12 @@ function ColumnFilter() {
   } else {
     iconElem = /*#__PURE__*/_react.default.createElement("div", {
       className: finalCls
-    }, '\u200b'
-    /* ZWSP(zero-width space) */
-    , /*#__PURE__*/_react.default.createElement(_semiIcons.IconFilter, {
+    }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconFilter, {
       role: "button",
       "aria-label": "Filter data with this column",
       "aria-haspopup": "listbox",
       tabIndex: -1,
-      size: "default"
+      size: "small"
     }));
   }
 

package/lib/cjs/table/ColumnSorter.d.ts

@@ -7,7 +7,6 @@ export interface ColumnSorterProps {
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     prefixCls?: string;
     sortOrder?: SortOrder;
-    title?: React.ReactNode;
 }
 export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
     static propTypes: {

package/lib/cjs/table/ColumnSorter.js

@@ -40,10 +40,9 @@ class ColumnSorter extends _react.PureComponent {
       prefixCls,
       onClick,
       sortOrder,
-      style,
-      title
+      style
     } = this.props;
-    const iconBtnSize = 'default';
+    const iconBtnSize = 'small';
     const upCls = (0, _classnames.default)("".concat(prefixCls, "-column-sorter-up"), {
       on: sortOrder === _constants.strings.SORT_DIRECTIONS[0]
     });
@@ -62,13 +61,11 @@ class ColumnSorter extends _react.PureComponent {
       role: 'button'
     }, ariaProps, {
       tabIndex: -1,
-      className: "".concat(prefixCls, "-column-sorter-wrapper"),
+      style: style,
+      className: "".concat(prefixCls, "-column-sorter"),
       onClick: onClick,
       onKeyPress: e => (0, _isEnterPress.default)(e) && onClick(e)
-    }), title, /*#__PURE__*/_react.default.createElement("div", {
-      style: style,
-      className: "".concat(prefixCls, "-column-sorter")
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(upCls)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCaretup, {
       size: iconBtnSize
@@ -76,7 +73,7 @@ class ColumnSorter extends _react.PureComponent {
       className: "".concat(downCls)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCaretdown, {
       size: iconBtnSize
-    }))));
+    })));
   }
 
 }

package/lib/cjs/table/Table.js

@@ -555,24 +555,15 @@ class Table extends _baseComponent.default {
         const defaultSortOrder = (0, _get2.default)(curQuery, 'defaultSortOrder', false);
         const sortOrder = _this.foundation.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
 
-        const TitleNode = typeof rawTitle !== 'function' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: _constants.strings.DEFAULT_KEY_COLUMN_TITLE
-        }, rawTitle);
-
         if (typeof column.sorter === 'function' || column.sorter === true) {
-          // In order to increase the click hot area of ​​sorting, when sorting is required & useFullRender is false,
-          // both the title and sorting areas are used as the click hot area for sorting。
           const sorter = /*#__PURE__*/_react.default.createElement(_ColumnSorter.default, {
             key: _constants.strings.DEFAULT_KEY_COLUMN_SORTER,
             sortOrder: sortOrder,
-            onClick: e => _this.foundation.handleSort(column, e),
-            title: TitleNode
+            onClick: e => _this.foundation.handleSort(column, e)
           });
 
           useFullRender && (titleMap.sorter = sorter);
           titleArr.push(sorter);
-        } else {
-          titleArr.push(TitleNode);
         }
 
         const stateFilteredValue = (0, _get2.default)(curQuery, 'filteredValue');
@@ -592,7 +583,9 @@ class Table extends _baseComponent.default {
           titleArr.push(filter);
         }
 
-        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr;
+        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr.unshift( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+          key: _constants.strings.DEFAULT_KEY_COLUMN_TITLE
+        }, rawTitle)) && titleArr;
         column = (0, _assign.default)((0, _assign.default)({}, column), {
           title: newTitle
         });

package/lib/cjs/tree/treeNode.d.ts

@@ -55,10 +55,7 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
     isLeaf: () => boolean;
     isDisabled: () => boolean;
     renderArrow(): JSX.Element;
-    renderCheckbox(options: {
-        label: React.ReactNode;
-        icon: React.ReactNode;
-    }): JSX.Element;
+    renderCheckbox(): JSX.Element;
     renderIcon(): any;
     renderEmptyNode(): JSX.Element;
     renderRealLabel: () => any;

package/lib/cjs/tree/treeNode.js

@@ -339,11 +339,7 @@ class TreeNode extends _react.PureComponent {
     });
   }
 
-  renderCheckbox(options) {
-    const {
-      label,
-      icon
-    } = options;
+  renderCheckbox() {
     const {
       checked,
       halfChecked,
@@ -360,7 +356,7 @@ class TreeNode extends _react.PureComponent {
       indeterminate: halfChecked,
       checked: checked,
       disabled: Boolean(disabled)
-    }, icon, label));
+    }));
   }
 
   renderIcon() {
@@ -528,8 +524,6 @@ class TreeNode extends _react.PureComponent {
     });
     const setsize = (0, _get2.default)(rest, ['data', 'children', 'length']);
     const posinset = (0, _isString2.default)(rest.pos) ? Number(rest.pos.split('-')[level + 1]) + 1 : 1;
-    const label = this.renderRealLabel();
-    const icon = this.renderIcon();
     return /*#__PURE__*/_react.default.createElement("li", (0, _assign.default)({
       className: nodeCls,
       role: "treeitem",
@@ -549,12 +543,9 @@ class TreeNode extends _react.PureComponent {
       style: style
     }, dragProps), this.renderArrow(), /*#__PURE__*/_react.default.createElement("span", {
       className: labelCls
-    }, multiple ? this.renderCheckbox({
-      label,
-      icon
-    }) : null, !multiple && icon, !multiple && /*#__PURE__*/_react.default.createElement("span", {
+    }, multiple ? this.renderCheckbox() : null, this.renderIcon(), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(prefixcls, "-label-text")
-    }, label)));
+    }, this.renderRealLabel())));
   }
 
 }

package/lib/cjs/typography/title.d.ts

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
+        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/lib/es/checkbox/checkboxGroup.js

@@ -96,7 +96,8 @@ class CheckboxGroup extends BaseComponent {
             key: index,
             disabled: this.props.disabled,
             value: option,
-            prefixCls: prefixCls
+            prefixCls: prefixCls,
+            type: type
           }, option);
         } else {
           return /*#__PURE__*/React.createElement(Checkbox, {
@@ -108,7 +109,8 @@ class CheckboxGroup extends BaseComponent {
             extra: option.extra,
             className: option.className,
             style: option.style,
-            onChange: option.onChange
+            onChange: option.onChange,
+            type: type
           }, option.label);
         }
       });

package/lib/es/form/baseForm.d.ts

@@ -126,7 +126,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
         preventScroll?: boolean;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/es/form/field.d.ts

@@ -74,7 +74,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
     children?: import("react").ReactNode;
     preventScroll?: boolean;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

package/lib/es/radio/radioGroup.js

@@ -101,7 +101,8 @@ class RadioGroup extends BaseComponent {
           return /*#__PURE__*/React.createElement(Radio, {
             key: index,
             disabled: this.props.disabled,
-            value: option
+            value: option,
+            type: type
           }, option);
         } else {
           return /*#__PURE__*/React.createElement(Radio, {
@@ -110,7 +111,8 @@ class RadioGroup extends BaseComponent {
             value: option.value,
             extra: option.extra,
             className: option.className,
-            style: option.style
+            style: option.style,
+            type: type
           }, option.label);
         }
       });

package/lib/es/table/ColumnFilter.js

@@ -153,14 +153,12 @@ export default function ColumnFilter() {
   } else {
     iconElem = /*#__PURE__*/React.createElement("div", {
       className: finalCls
-    }, '\u200b'
-    /* ZWSP(zero-width space) */
-    , /*#__PURE__*/React.createElement(IconFilter, {
+    }, /*#__PURE__*/React.createElement(IconFilter, {
       role: "button",
       "aria-label": "Filter data with this column",
       "aria-haspopup": "listbox",
       tabIndex: -1,
-      size: "default"
+      size: "small"
     }));
   }
 

package/lib/es/table/ColumnSorter.d.ts

@@ -7,7 +7,6 @@ export interface ColumnSorterProps {
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     prefixCls?: string;
     sortOrder?: SortOrder;
-    title?: React.ReactNode;
 }
 export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
     static propTypes: {

package/lib/es/table/ColumnSorter.js

@@ -12,10 +12,9 @@ export default class ColumnSorter extends PureComponent {
       prefixCls,
       onClick,
       sortOrder,
-      style,
-      title
+      style
     } = this.props;
-    const iconBtnSize = 'default';
+    const iconBtnSize = 'small';
     const upCls = cls("".concat(prefixCls, "-column-sorter-up"), {
       on: sortOrder === strings.SORT_DIRECTIONS[0]
     });
@@ -34,13 +33,11 @@ export default class ColumnSorter extends PureComponent {
       role: 'button'
     }, ariaProps, {
       tabIndex: -1,
-      className: "".concat(prefixCls, "-column-sorter-wrapper"),
+      style: style,
+      className: "".concat(prefixCls, "-column-sorter"),
       onClick: onClick,
       onKeyPress: e => isEnterPress(e) && onClick(e)
-    }), title, /*#__PURE__*/React.createElement("div", {
-      style: style,
-      className: "".concat(prefixCls, "-column-sorter")
-    }, /*#__PURE__*/React.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "".concat(upCls)
     }, /*#__PURE__*/React.createElement(IconCaretup, {
       size: iconBtnSize
@@ -48,7 +45,7 @@ export default class ColumnSorter extends PureComponent {
       className: "".concat(downCls)
     }, /*#__PURE__*/React.createElement(IconCaretdown, {
       size: iconBtnSize
-    }))));
+    })));
   }
 
 }

package/lib/es/table/Table.js

@@ -494,23 +494,15 @@ class Table extends BaseComponent {
         const defaultSortOrder = _get(curQuery, 'defaultSortOrder', false);
 
         const sortOrder = _this.foundation.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
-        const TitleNode = typeof rawTitle !== 'function' && /*#__PURE__*/React.createElement(React.Fragment, {
-          key: strings.DEFAULT_KEY_COLUMN_TITLE
-        }, rawTitle);
 
         if (typeof column.sorter === 'function' || column.sorter === true) {
-          // In order to increase the click hot area of ​​sorting, when sorting is required & useFullRender is false,
-          // both the title and sorting areas are used as the click hot area for sorting。
           const sorter = /*#__PURE__*/React.createElement(ColumnSorter, {
             key: strings.DEFAULT_KEY_COLUMN_SORTER,
             sortOrder: sortOrder,
-            onClick: e => _this.foundation.handleSort(column, e),
-            title: TitleNode
+            onClick: e => _this.foundation.handleSort(column, e)
           });
           useFullRender && (titleMap.sorter = sorter);
           titleArr.push(sorter);
-        } else {
-          titleArr.push(TitleNode);
         }
 
         const stateFilteredValue = _get(curQuery, 'filteredValue');
@@ -531,7 +523,9 @@ class Table extends BaseComponent {
           titleArr.push(filter);
         }
 
-        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr;
+        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr.unshift( /*#__PURE__*/React.createElement(React.Fragment, {
+          key: strings.DEFAULT_KEY_COLUMN_TITLE
+        }, rawTitle)) && titleArr;
         column = _Object$assign(_Object$assign({}, column), {
           title: newTitle
         });

package/lib/es/tree/treeNode.d.ts

@@ -55,10 +55,7 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
     isLeaf: () => boolean;
     isDisabled: () => boolean;
     renderArrow(): JSX.Element;
-    renderCheckbox(options: {
-        label: React.ReactNode;
-        icon: React.ReactNode;
-    }): JSX.Element;
+    renderCheckbox(): JSX.Element;
     renderIcon(): any;
     renderEmptyNode(): JSX.Element;
     renderRealLabel: () => any;

package/lib/es/tree/treeNode.js

@@ -300,11 +300,7 @@ export default class TreeNode extends PureComponent {
     });
   }
 
-  renderCheckbox(options) {
-    const {
-      label,
-      icon
-    } = options;
+  renderCheckbox() {
     const {
       checked,
       halfChecked,
@@ -321,7 +317,7 @@ export default class TreeNode extends PureComponent {
       indeterminate: halfChecked,
       checked: checked,
       disabled: Boolean(disabled)
-    }, icon, label));
+    }));
   }
 
   renderIcon() {
@@ -491,8 +487,6 @@ export default class TreeNode extends PureComponent {
     const setsize = _get(rest, ['data', 'children', 'length']);
 
     const posinset = _isString(rest.pos) ? Number(rest.pos.split('-')[level + 1]) + 1 : 1;
-    const label = this.renderRealLabel();
-    const icon = this.renderIcon();
     return /*#__PURE__*/React.createElement("li", _Object$assign({
       className: nodeCls,
       role: "treeitem",
@@ -512,12 +506,9 @@ export default class TreeNode extends PureComponent {
       style: style
     }, dragProps), this.renderArrow(), /*#__PURE__*/React.createElement("span", {
       className: labelCls
-    }, multiple ? this.renderCheckbox({
-      label,
-      icon
-    }) : null, !multiple && icon, !multiple && /*#__PURE__*/React.createElement("span", {
+    }, multiple ? this.renderCheckbox() : null, this.renderIcon(), /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixcls, "-label-text")
-    }, label)));
+    }, this.renderRealLabel())));
   }
 
 }

package/lib/es/typography/title.d.ts

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
+        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.19.0-alpha.0",
+    "version": "2.19.0-alpha.1",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -15,11 +15,11 @@
     "dependencies": {
         "@babel/runtime-corejs3": "^7.15.4",
         "@douyinfe/semi-animation": "2.12.0",
-        "@douyinfe/semi-animation-react": "2.19.0-alpha.0",
-        "@douyinfe/semi-foundation": "2.19.0-alpha.0",
-        "@douyinfe/semi-icons": "2.19.0-alpha.0",
+        "@douyinfe/semi-animation-react": "2.19.0-alpha.1",
+        "@douyinfe/semi-foundation": "2.19.0-alpha.1",
+        "@douyinfe/semi-icons": "2.19.0-alpha.1",
         "@douyinfe/semi-illustrations": "2.15.0",
-        "@douyinfe/semi-theme-default": "2.19.0-alpha.0",
+        "@douyinfe/semi-theme-default": "2.19.0-alpha.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -66,13 +66,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "58f801d44b0fb3079606c9e7b060f5c782d37e0a",
+    "gitHead": "d1dbf82734b2187cc74c4bd674ba2c22c199d823",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",
         "@babel/preset-react": "^7.14.5",
-        "@douyinfe/semi-scss-compile": "2.19.0-alpha.0",
+        "@douyinfe/semi-scss-compile": "2.19.0-alpha.1",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "@types/react": ">=16.0.0",

package/radio/radioGroup.tsx

@@ -177,6 +177,7 @@ class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState> {
                             key={index}
                             disabled={this.props.disabled}
                             value={option}
+                            type={type}
                         >
                             {option}
                         </Radio>
@@ -190,6 +191,7 @@ class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState> {
                             extra={option.extra}
                             className={option.className}
                             style={option.style}
+                            type={type}
                         >
                             {option.label}
                         </Radio>

package/table/ColumnFilter.tsx

@@ -164,13 +164,12 @@ export default function ColumnFilter(props: ColumnFilterProps = {}): React.React
     } else {
         iconElem = (
             <div className={finalCls}>
-                {'\u200b'/* ZWSP(zero-width space) */}
                 <IconFilter
                     role="button"
                     aria-label="Filter data with this column"
                     aria-haspopup="listbox"
                     tabIndex={-1}
-                    size="default"
+                    size="small"
                 />
             </div>
         );

package/table/ColumnSorter.tsx

@@ -15,7 +15,6 @@ export interface ColumnSorterProps {
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     prefixCls?: string;
     sortOrder?: SortOrder;
-    title?: React.ReactNode;
 }
 
 export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
@@ -34,9 +33,9 @@ export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
     };
 
     render() {
-        const { prefixCls, onClick, sortOrder, style, title } = this.props;
+        const { prefixCls, onClick, sortOrder, style } = this.props;
 
-        const iconBtnSize = 'default';
+        const iconBtnSize = 'small';
 
         const upCls = cls(`${prefixCls}-column-sorter-up`, {
             on: sortOrder === strings.SORT_DIRECTIONS[0],
@@ -59,22 +58,17 @@ export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
                 role='button'
                 {...ariaProps}
                 tabIndex={-1}
-                className={`${prefixCls}-column-sorter-wrapper`}
+                style={style}
+                className={`${prefixCls}-column-sorter`}
                 onClick={onClick}
                 onKeyPress={e => isEnterPress(e) && onClick(e as any)}
             >
-                {title}
-                <div
-                    style={style}
-                    className={`${prefixCls}-column-sorter`}
-                >
-                    <span className={`${upCls}`}>
-                        <IconCaretup size={iconBtnSize} />
-                    </span>
-                    <span className={`${downCls}`}>
-                        <IconCaretdown size={iconBtnSize} />
-                    </span>
-                </div>
+                <span className={`${upCls}`}>
+                    <IconCaretup size={iconBtnSize} />
+                </span>
+                <span className={`${downCls}`}>
+                    <IconCaretdown size={iconBtnSize} />
+                </span>
             </div>
         );
     }

package/table/Table.tsx

@@ -933,22 +933,16 @@ class Table<RecordType extends Record<string, any>> extends BaseComponent<Normal
             const stateSortOrder = get(curQuery, 'sortOrder');
             const defaultSortOrder = get(curQuery, 'defaultSortOrder', false);
             const sortOrder = this.foundation.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
-            const TitleNode = typeof rawTitle !== 'function' && <React.Fragment key={strings.DEFAULT_KEY_COLUMN_TITLE}>{rawTitle as React.ReactNode}</React.Fragment>;
             if (typeof column.sorter === 'function' || column.sorter === true) {
-                // In order to increase the click hot area of ​​sorting, when sorting is required & useFullRender is false,
-                // both the title and sorting areas are used as the click hot area for sorting。
                 const sorter = (
                     <ColumnSorter
                         key={strings.DEFAULT_KEY_COLUMN_SORTER}
                         sortOrder={sortOrder}
                         onClick={e => this.foundation.handleSort(column, e)}
-                        title={TitleNode}
                     />
                 );
                 useFullRender && (titleMap.sorter = sorter);
                 titleArr.push(sorter);
-            } else {
-                titleArr.push(TitleNode);
             }
 
             const stateFilteredValue = get(curQuery, 'filteredValue');
@@ -970,7 +964,10 @@ class Table<RecordType extends Record<string, any>> extends BaseComponent<Normal
 
             const newTitle =
                 typeof rawTitle === 'function' ?
-                    () => rawTitle(titleMap) : titleArr;
+                    () => rawTitle(titleMap) :
+                    titleArr.unshift(
+                        <React.Fragment key={strings.DEFAULT_KEY_COLUMN_TITLE}>{rawTitle}</React.Fragment>
+                    ) && titleArr;
 
             column = { ...column, title: newTitle };
         }