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

package/dist/umd/semi-ui.js

@@ -39146,6 +39146,11 @@ button_Button.propTypes = assign_default()(assign_default()({}, Button_Button.pr
 
 
 
+
+
+
+
+
 var buttonGroup_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -39166,6 +39171,49 @@ var buttonGroup_rest = undefined && undefined.__rest || function (s, e) {
 const buttonGroup_prefixCls = button_constants_cssClasses.PREFIX;
 const buttonGroup_btnSizes = button_constants_strings.sizes;
 class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
+  getInnerWithLine(inner) {
+    const innerWithLine = [];
+    let lineCls = "".concat(buttonGroup_prefixCls, "-group-line");
+
+    if (inner.length > 1) {
+      var _context;
+
+      for_each_default()(_context = slice_default()(inner).call(inner, 0, -1)).call(_context, item => {
+        var _context2;
+
+        const isButtonType = includes_default()(_context2 = [get_default()(item, 'type.displayName'), get_default()(item, 'type.name')]).call(_context2, 'Button');
+
+        const buttonProps = get_default()(item, 'props');
+
+        if (buttonProps) {
+          var _context3, _context4;
+
+          const {
+            type,
+            theme,
+            disabled
+          } = buttonProps;
+          lineCls = classnames_default()("".concat(buttonGroup_prefixCls, "-group-line"), concat_default()(_context3 = "".concat(buttonGroup_prefixCls, "-group-line-")).call(_context3, theme !== null && theme !== void 0 ? theme : 'light'), concat_default()(_context4 = "".concat(buttonGroup_prefixCls, "-group-line-")).call(_context4, type !== null && type !== void 0 ? type : 'primary'), {
+            ["".concat(buttonGroup_prefixCls, "-group-line-disabled")]: disabled
+          });
+        }
+
+        if (isButtonType) {
+          innerWithLine.push(item, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+            className: lineCls
+          }));
+        } else {
+          innerWithLine.push(item);
+        }
+      });
+
+      innerWithLine.push(slice_default()(inner).call(inner, -1));
+      return innerWithLine;
+    } else {
+      return inner;
+    }
+  }
+
   render() {
     const _a = this.props,
           {
@@ -39179,25 +39227,27 @@ class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
           rest = buttonGroup_rest(_a, ["children", "disabled", "size", "type", "className", 'aria-label']);
 
     let inner;
+    let innerWithLine = [];
     const cls = classnames_default()("".concat(buttonGroup_prefixCls, "-group"), className);
 
     if (children) {
-      var _context;
+      var _context5;
 
-      inner = map_default()(_context = is_array_default()(children) ? children : [children]).call(_context, (itm, index) => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(itm) ? /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["cloneElement"])(itm, assign_default()(assign_default()(assign_default()({
+      inner = map_default()(_context5 = is_array_default()(children) ? children : [children]).call(_context5, (itm, index) => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(itm) ? /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["cloneElement"])(itm, assign_default()(assign_default()(assign_default()({
         disabled,
         size,
         type
       }, itm.props), rest), {
         key: index
       })) : itm);
+      innerWithLine = this.getInnerWithLine(inner);
     }
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: cls,
       role: "group",
       "aria-label": ariaLabel
-    }, inner);
+    }, innerWithLine);
   }
 
 }
@@ -49240,9 +49290,6 @@ class checkboxGroupFoundation_CheckboxGroupFoundation extends foundation {
 
 
 
-
-
-
 /* eslint-disable max-len */
 
 
@@ -49334,8 +49381,7 @@ class checkboxGroup_CheckboxGroup extends baseComponent_BaseComponent {
             key: index,
             disabled: this.props.disabled,
             value: option,
-            prefixCls: prefixCls,
-            type: type
+            prefixCls: prefixCls
           }, option);
         } else {
           return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(checkbox_checkbox_0, {
@@ -49347,34 +49393,17 @@ class checkboxGroup_CheckboxGroup extends baseComponent_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 = map_default()(_context6 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(children)).call(_context6, (itm, index) => {
-        var _context7;
-
-        const props = {
-          key: index,
-          role: 'listitem'
-        };
-
-        const isCheckboxComp = some_default()(_context7 = ['Checkbox', 'CheckboxWithGroup']).call(_context7, comp => {
-          var _context8;
-
-          return includes_default()(_context8 = [get_default()(itm, 'type.displayName'), get_default()(itm, 'type.name')]).call(_context8, comp);
-        });
-
-        if (isCheckboxComp) {
-          props.type = type;
-        }
-
-        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(itm, props);
-      });
+      inner = map_default()(_context6 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(children)).call(_context6, (itm, index) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(itm, {
+        key: index,
+        role: 'listitem'
+      }));
     }
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
@@ -84265,9 +84294,6 @@ radio_Radio.defaultProps = {
 
 
 
-
-
-
 class radioGroup_RadioGroup extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -84358,8 +84384,7 @@ class radioGroup_RadioGroup extends baseComponent_BaseComponent {
           return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(radio_radio_0, {
             key: index,
             disabled: this.props.disabled,
-            value: option,
-            type: type
+            value: option
           }, option);
         } else {
           return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(radio_radio_0, {
@@ -84368,37 +84393,16 @@ class radioGroup_RadioGroup extends baseComponent_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 = map_default()(_context5 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children).call(_context5, children, (itm, index) => {
-        if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(itm)) {
-          var _context6;
-
-          const props = {
-            key: index
-          };
-
-          const isRadioComp = some_default()(_context6 = ['Radio', 'RadioWithGroup']).call(_context6, comp => {
-            var _context7;
-
-            return includes_default()(_context7 = [get_default()(itm, 'type.displayName'), get_default()(itm, 'type.name')]).call(_context7, comp);
-          });
-
-          if (isRadioComp) {
-            props.type = type;
-          }
-
-          return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(itm, props);
-        } else {
-          return null;
-        }
-      });
+      inner = map_default()(_context5 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children).call(_context5, children, (itm, index) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(itm) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(itm, {
+        key: index
+      }) : null);
     }
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
@@ -91324,12 +91328,14 @@ function ColumnFilter() {
   } else {
     iconElem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: finalCls
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconFilter, {
+    }, '\u200b'
+    /* ZWSP(zero-width space) */
+    , /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconFilter, {
       role: "button",
       "aria-label": "Filter data with this column",
       "aria-haspopup": "listbox",
       tabIndex: -1,
-      size: "small"
+      size: "default"
     }));
   }
 
@@ -91355,9 +91361,10 @@ class ColumnSorter_ColumnSorter extends external_root_React_commonjs2_react_comm
       prefixCls,
       onClick,
       sortOrder,
-      style
+      style,
+      title
     } = this.props;
-    const iconBtnSize = 'small';
+    const iconBtnSize = 'default';
     const upCls = classnames_default()("".concat(prefixCls, "-column-sorter-up"), {
       on: sortOrder === table_constants_strings.SORT_DIRECTIONS[0]
     });
@@ -91376,11 +91383,13 @@ class ColumnSorter_ColumnSorter extends external_root_React_commonjs2_react_comm
       role: 'button'
     }, ariaProps, {
       tabIndex: -1,
-      style: style,
-      className: "".concat(prefixCls, "-column-sorter"),
+      className: "".concat(prefixCls, "-column-sorter-wrapper"),
       onClick: onClick,
       onKeyPress: e => utils_isEnterPress(e) && onClick(e)
-    }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+    }), title, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      style: style,
+      className: "".concat(prefixCls, "-column-sorter")
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: "".concat(upCls)
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCaretup, {
       size: iconBtnSize
@@ -91388,7 +91397,7 @@ class ColumnSorter_ColumnSorter extends external_root_React_commonjs2_react_comm
       className: "".concat(downCls)
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCaretdown, {
       size: iconBtnSize
-    })));
+    }))));
   }
 
 }
@@ -94919,15 +94928,23 @@ class Table_Table extends baseComponent_BaseComponent {
         const defaultSortOrder = get_default()(curQuery, 'defaultSortOrder', false);
 
         const sortOrder = _this.foundation.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
+        const TitleNode = typeof rawTitle !== 'function' && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, {
+          key: table_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__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(ColumnSorter_ColumnSorter, {
             key: table_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 = get_default()(curQuery, 'filteredValue');
@@ -94948,9 +94965,7 @@ class Table_Table extends baseComponent_BaseComponent {
           titleArr.push(filter);
         }
 
-        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr.unshift( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, {
-          key: table_constants_strings.DEFAULT_KEY_COLUMN_TITLE
-        }, rawTitle)) && titleArr;
+        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr;
         column = assign_default()(assign_default()({}, column), {
           title: newTitle
         });