@douyinfe/semi-ui 2.19.0-alpha.2 → 2.19.0-alpha.5

package/lib/cjs/button/buttonGroup.d.ts

@@ -25,5 +25,6 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
     static defaultProps: {
         size: string;
     };
+    getInnerWithLine(inner: any): any;
     render(): JSX.Element;
 }

package/lib/cjs/button/buttonGroup.js

@@ -18,12 +18,22 @@ var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-st
 
 var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
 
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
 var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
 
 var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
 
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
@@ -55,6 +65,47 @@ const prefixCls = _constants.cssClasses.PREFIX;
 const btnSizes = _constants.strings.sizes;
 
 class ButtonGroup extends _baseComponent.default {
+  getInnerWithLine(inner) {
+    const innerWithLine = [];
+    let lineCls = "".concat(prefixCls, "-group-line");
+
+    if (inner.length > 1) {
+      var _context;
+
+      (0, _forEach.default)(_context = (0, _slice.default)(inner).call(inner, 0, -1)).call(_context, item => {
+        var _context2;
+
+        const isButtonType = (0, _includes.default)(_context2 = [(0, _get2.default)(item, 'type.displayName'), (0, _get2.default)(item, 'type.name')]).call(_context2, 'Button');
+        const buttonProps = (0, _get2.default)(item, 'props');
+
+        if (buttonProps) {
+          var _context3, _context4;
+
+          const {
+            type,
+            theme,
+            disabled
+          } = buttonProps;
+          lineCls = (0, _classnames.default)("".concat(prefixCls, "-group-line"), (0, _concat.default)(_context3 = "".concat(prefixCls, "-group-line-")).call(_context3, theme !== null && theme !== void 0 ? theme : 'light'), (0, _concat.default)(_context4 = "".concat(prefixCls, "-group-line-")).call(_context4, type !== null && type !== void 0 ? type : 'primary'), {
+            ["".concat(prefixCls, "-group-line-disabled")]: disabled
+          });
+        }
+
+        if (isButtonType) {
+          innerWithLine.push(item, /*#__PURE__*/_react.default.createElement("span", {
+            className: lineCls
+          }));
+        } else {
+          innerWithLine.push(item);
+        }
+      });
+      innerWithLine.push((0, _slice.default)(inner).call(inner, -1));
+      return innerWithLine;
+    } else {
+      return inner;
+    }
+  }
+
   render() {
     const _a = this.props,
           {
@@ -68,25 +119,27 @@ class ButtonGroup extends _baseComponent.default {
           rest = __rest(_a, ["children", "disabled", "size", "type", "className", 'aria-label']);
 
     let inner;
+    let innerWithLine = [];
     const cls = (0, _classnames.default)("".concat(prefixCls, "-group"), className);
 
     if (children) {
-      var _context;
+      var _context5;
 
-      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)({
+      inner = (0, _map.default)(_context5 = (0, _isArray.default)(children) ? children : [children]).call(_context5, (itm, index) => /*#__PURE__*/(0, _react.isValidElement)(itm) ? /*#__PURE__*/(0, _react.cloneElement)(itm, (0, _assign.default)((0, _assign.default)((0, _assign.default)({
         disabled,
         size,
         type
       }, itm.props), rest), {
         key: index
       })) : itm);
+      innerWithLine = this.getInnerWithLine(inner);
     }
 
     return /*#__PURE__*/_react.default.createElement("div", {
       className: cls,
       role: "group",
       "aria-label": ariaLabel
-    }, inner);
+    }, innerWithLine);
   }
 
 }

package/lib/cjs/checkbox/checkboxGroup.js

@@ -20,14 +20,8 @@ var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stab
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
-var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 
-var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -40,7 +34,7 @@ var _checkboxGroupFoundation = _interopRequireDefault(require("@douyinfe/semi-fo
 
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 
-var _context9 = require("./context");
+var _context7 = require("./context");
 
 var _checkbox = _interopRequireDefault(require("./checkbox"));
 
@@ -124,8 +118,7 @@ class CheckboxGroup extends _baseComponent.default {
             key: index,
             disabled: this.props.disabled,
             value: option,
-            prefixCls: prefixCls,
-            type: type
+            prefixCls: prefixCls
           }, option);
         } else {
           return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
@@ -137,33 +130,17 @@ class CheckboxGroup extends _baseComponent.default {
             extra: option.extra,
             className: option.className,
             style: option.style,
-            onChange: option.onChange,
-            type: type
+            onChange: option.onChange
           }, option.label);
         }
       });
     } else if (children) {
       var _context6;
 
-      inner = (0, _map.default)(_context6 = _react.default.Children.toArray(children)).call(_context6, (itm, index) => {
-        var _context7;
-
-        const props = {
-          key: index,
-          role: 'listitem'
-        };
-        const isCheckboxComp = (0, _some.default)(_context7 = ['Checkbox', 'CheckboxWithGroup']).call(_context7, comp => {
-          var _context8;
-
-          return (0, _includes.default)(_context8 = [(0, _get2.default)(itm, 'type.displayName'), (0, _get2.default)(itm, 'type.name')]).call(_context8, comp);
-        });
-
-        if (isCheckboxComp) {
-          props.type = type;
-        }
-
-        return /*#__PURE__*/_react.default.cloneElement(itm, props);
-      });
+      inner = (0, _map.default)(_context6 = _react.default.Children.toArray(children)).call(_context6, (itm, index) => /*#__PURE__*/_react.default.cloneElement(itm, {
+        key: index,
+        role: 'listitem'
+      }));
     }
 
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -174,7 +151,7 @@ class CheckboxGroup extends _baseComponent.default {
       style: style,
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props['aria-describedby']
-    }, /*#__PURE__*/_react.default.createElement(_context9.Context.Provider, {
+    }, /*#__PURE__*/_react.default.createElement(_context7.Context.Provider, {
       value: {
         checkboxGroup: {
           onChange: this.onChange,

package/lib/cjs/radio/radioGroup.js

@@ -16,14 +16,8 @@ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
-var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
 
-var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -38,7 +32,7 @@ var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 
 var _radio = _interopRequireDefault(require("./radio"));
 
-var _context8 = _interopRequireDefault(require("./context"));
+var _context6 = _interopRequireDefault(require("./context"));
 
 class RadioGroup extends _baseComponent.default {
   constructor(props) {
@@ -130,8 +124,7 @@ class RadioGroup extends _baseComponent.default {
           return /*#__PURE__*/_react.default.createElement(_radio.default, {
             key: index,
             disabled: this.props.disabled,
-            value: option,
-            type: type
+            value: option
           }, option);
         } else {
           return /*#__PURE__*/_react.default.createElement(_radio.default, {
@@ -140,36 +133,16 @@ class RadioGroup extends _baseComponent.default {
             value: option.value,
             extra: option.extra,
             className: option.className,
-            style: option.style,
-            type: type
+            style: option.style
           }, option.label);
         }
       });
     } else if (children) {
       var _context5;
 
-      inner = (0, _map.default)(_context5 = _react.default.Children).call(_context5, children, (itm, index) => {
-        if ( /*#__PURE__*/_react.default.isValidElement(itm)) {
-          var _context6;
-
-          const props = {
-            key: index
-          };
-          const isRadioComp = (0, _some.default)(_context6 = ['Radio', 'RadioWithGroup']).call(_context6, comp => {
-            var _context7;
-
-            return (0, _includes.default)(_context7 = [(0, _get2.default)(itm, 'type.displayName'), (0, _get2.default)(itm, 'type.name')]).call(_context7, comp);
-          });
-
-          if (isRadioComp) {
-            props.type = type;
-          }
-
-          return /*#__PURE__*/_react.default.cloneElement(itm, props);
-        } else {
-          return null;
-        }
-      });
+      inner = (0, _map.default)(_context5 = _react.default.Children).call(_context5, children, (itm, index) => /*#__PURE__*/_react.default.isValidElement(itm) ? /*#__PURE__*/_react.default.cloneElement(itm, {
+        key: index
+      }) : null);
     }
 
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -182,7 +155,7 @@ class RadioGroup extends _baseComponent.default {
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props['aria-describedby'],
       "aria-required": this.props['aria-required']
-    }, /*#__PURE__*/_react.default.createElement(_context8.default.Provider, {
+    }, /*#__PURE__*/_react.default.createElement(_context6.default.Provider, {
       value: {
         radioGroup: {
           onChange: this.onChange,

package/lib/cjs/table/ColumnFilter.js

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

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

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

package/lib/cjs/table/Table.js

@@ -555,15 +555,24 @@ 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)
+            onClick: e => _this.foundation.handleSort(column, e),
+            title: TitleNode
           });
 
           useFullRender && (titleMap.sorter = sorter);
           titleArr.push(sorter);
+        } else {
+          titleArr.push(TitleNode);
         }
 
         const stateFilteredValue = (0, _get2.default)(curQuery, 'filteredValue');
@@ -583,9 +592,7 @@ class Table extends _baseComponent.default {
           titleArr.push(filter);
         }
 
-        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;
+        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr;
         column = (0, _assign.default)((0, _assign.default)({}, column), {
           title: newTitle
         });

package/lib/es/button/buttonGroup.d.ts

@@ -25,5 +25,6 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
     static defaultProps: {
         size: string;
     };
+    getInnerWithLine(inner: any): any;
     render(): JSX.Element;
 }

package/lib/es/button/buttonGroup.js

@@ -1,5 +1,10 @@
+import _get from "lodash/get";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -24,6 +29,49 @@ import '@douyinfe/semi-foundation/lib/es/button/button.css';
 const prefixCls = cssClasses.PREFIX;
 const btnSizes = strings.sizes;
 export default class ButtonGroup extends BaseComponent {
+  getInnerWithLine(inner) {
+    const innerWithLine = [];
+    let lineCls = "".concat(prefixCls, "-group-line");
+
+    if (inner.length > 1) {
+      var _context;
+
+      _forEachInstanceProperty(_context = _sliceInstanceProperty(inner).call(inner, 0, -1)).call(_context, item => {
+        var _context2;
+
+        const isButtonType = _includesInstanceProperty(_context2 = [_get(item, 'type.displayName'), _get(item, 'type.name')]).call(_context2, 'Button');
+
+        const buttonProps = _get(item, 'props');
+
+        if (buttonProps) {
+          var _context3, _context4;
+
+          const {
+            type,
+            theme,
+            disabled
+          } = buttonProps;
+          lineCls = classNames("".concat(prefixCls, "-group-line"), _concatInstanceProperty(_context3 = "".concat(prefixCls, "-group-line-")).call(_context3, theme !== null && theme !== void 0 ? theme : 'light'), _concatInstanceProperty(_context4 = "".concat(prefixCls, "-group-line-")).call(_context4, type !== null && type !== void 0 ? type : 'primary'), {
+            ["".concat(prefixCls, "-group-line-disabled")]: disabled
+          });
+        }
+
+        if (isButtonType) {
+          innerWithLine.push(item, /*#__PURE__*/React.createElement("span", {
+            className: lineCls
+          }));
+        } else {
+          innerWithLine.push(item);
+        }
+      });
+
+      innerWithLine.push(_sliceInstanceProperty(inner).call(inner, -1));
+      return innerWithLine;
+    } else {
+      return inner;
+    }
+  }
+
   render() {
     const _a = this.props,
           {
@@ -37,25 +85,27 @@ export default class ButtonGroup extends BaseComponent {
           rest = __rest(_a, ["children", "disabled", "size", "type", "className", 'aria-label']);
 
     let inner;
+    let innerWithLine = [];
     const cls = classNames("".concat(prefixCls, "-group"), className);
 
     if (children) {
-      var _context;
+      var _context5;
 
-      inner = _mapInstanceProperty(_context = _Array$isArray(children) ? children : [children]).call(_context, (itm, index) => /*#__PURE__*/isValidElement(itm) ? /*#__PURE__*/cloneElement(itm, _Object$assign(_Object$assign(_Object$assign({
+      inner = _mapInstanceProperty(_context5 = _Array$isArray(children) ? children : [children]).call(_context5, (itm, index) => /*#__PURE__*/isValidElement(itm) ? /*#__PURE__*/cloneElement(itm, _Object$assign(_Object$assign(_Object$assign({
         disabled,
         size,
         type
       }, itm.props), rest), {
         key: index
       })) : itm);
+      innerWithLine = this.getInnerWithLine(inner);
     }
 
     return /*#__PURE__*/React.createElement("div", {
       className: cls,
       role: "group",
       "aria-label": ariaLabel
-    }, inner);
+    }, innerWithLine);
   }
 
 }

package/lib/es/checkbox/checkboxGroup.js

@@ -1,12 +1,9 @@
 import _isEqual from "lodash/isEqual";
-import _get from "lodash/get";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 
 /* eslint-disable max-len */
 import React from 'react';
@@ -99,8 +96,7 @@ class CheckboxGroup extends BaseComponent {
             key: index,
             disabled: this.props.disabled,
             value: option,
-            prefixCls: prefixCls,
-            type: type
+            prefixCls: prefixCls
           }, option);
         } else {
           return /*#__PURE__*/React.createElement(Checkbox, {
@@ -112,34 +108,17 @@ class CheckboxGroup extends BaseComponent {
             extra: option.extra,
             className: option.className,
             style: option.style,
-            onChange: option.onChange,
-            type: type
+            onChange: option.onChange
           }, option.label);
         }
       });
     } else if (children) {
       var _context6;
 
-      inner = _mapInstanceProperty(_context6 = React.Children.toArray(children)).call(_context6, (itm, index) => {
-        var _context7;
-
-        const props = {
-          key: index,
-          role: 'listitem'
-        };
-
-        const isCheckboxComp = _someInstanceProperty(_context7 = ['Checkbox', 'CheckboxWithGroup']).call(_context7, comp => {
-          var _context8;
-
-          return _includesInstanceProperty(_context8 = [_get(itm, 'type.displayName'), _get(itm, 'type.name')]).call(_context8, comp);
-        });
-
-        if (isCheckboxComp) {
-          props.type = type;
-        }
-
-        return /*#__PURE__*/React.cloneElement(itm, props);
-      });
+      inner = _mapInstanceProperty(_context6 = React.Children.toArray(children)).call(_context6, (itm, index) => /*#__PURE__*/React.cloneElement(itm, {
+        key: index,
+        role: 'listitem'
+      }));
     }
 
     return /*#__PURE__*/React.createElement("div", {

package/lib/es/radio/radioGroup.js

@@ -1,10 +1,7 @@
 import _noop from "lodash/noop";
-import _get from "lodash/get";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -104,8 +101,7 @@ class RadioGroup extends BaseComponent {
           return /*#__PURE__*/React.createElement(Radio, {
             key: index,
             disabled: this.props.disabled,
-            value: option,
-            type: type
+            value: option
           }, option);
         } else {
           return /*#__PURE__*/React.createElement(Radio, {
@@ -114,37 +110,16 @@ class RadioGroup extends BaseComponent {
             value: option.value,
             extra: option.extra,
             className: option.className,
-            style: option.style,
-            type: type
+            style: option.style
           }, option.label);
         }
       });
     } else if (children) {
       var _context5;
 
-      inner = _mapInstanceProperty(_context5 = React.Children).call(_context5, children, (itm, index) => {
-        if ( /*#__PURE__*/React.isValidElement(itm)) {
-          var _context6;
-
-          const props = {
-            key: index
-          };
-
-          const isRadioComp = _someInstanceProperty(_context6 = ['Radio', 'RadioWithGroup']).call(_context6, comp => {
-            var _context7;
-
-            return _includesInstanceProperty(_context7 = [_get(itm, 'type.displayName'), _get(itm, 'type.name')]).call(_context7, comp);
-          });
-
-          if (isRadioComp) {
-            props.type = type;
-          }
-
-          return /*#__PURE__*/React.cloneElement(itm, props);
-        } else {
-          return null;
-        }
-      });
+      inner = _mapInstanceProperty(_context5 = React.Children).call(_context5, children, (itm, index) => /*#__PURE__*/React.isValidElement(itm) ? /*#__PURE__*/React.cloneElement(itm, {
+        key: index
+      }) : null);
     }
 
     return /*#__PURE__*/React.createElement("div", {

package/lib/es/table/ColumnFilter.js

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

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

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