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

package/dist/umd/semi-ui.js

@@ -49066,7 +49066,13 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
     const name = inGroup && this.context.checkboxGroup.name;
     const xSemiPropChildren = this.props['x-semi-children-alias'] || 'children';
 
-    const renderContent = () => /*#__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, null, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+    if (!children && !extra) {
+      return null;
+    }
+
+    const renderContent = () => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      className: "".concat(prefix, "-content")
+    }, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       id: addonId,
       className: "".concat(prefix, "-addon"),
       "x-semi-prop": xSemiPropChildren
@@ -49100,7 +49106,7 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
         focusInner: focusVisible && !focusOuter,
         onInputFocus: this.handleFocusVisible,
         onInputBlur: this.handleBlur
-      })), props.isCardType ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", null, renderContent()) : renderContent())
+      })), renderContent())
     );
   }
 
@@ -49240,9 +49246,6 @@ class checkboxGroupFoundation_CheckboxGroupFoundation extends foundation {
 
 
 
-
-
-
 /* eslint-disable max-len */
 
 
@@ -49334,8 +49337,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 +49349,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", {
@@ -83005,24 +82990,58 @@ const popconfirm_constants_numbers = {
   DEFAULT_Z_INDEX: 1030
 };
 
+// CONCATENATED MODULE: ../semi-foundation/utils/isObject.ts
+function isObject_isObject(obj) {
+  return obj !== null && typeof obj === 'object';
+}
+// CONCATENATED MODULE: ../semi-foundation/utils/isPromise.ts
+
+function isPromise(value) {
+  return isObject_isObject(value) && typeof value.then === 'function';
+}
 // CONCATENATED MODULE: ../semi-foundation/popconfirm/popconfirmFoundation.ts
 /* eslint-disable @typescript-eslint/no-empty-function */
 
+
 class popconfirmFoundation_PopConfirmFoundation extends foundation {
   init() {}
 
   destroy() {}
 
   handleCancel(e) {
-    this._adapter.notifyCancel(e);
+    const maybePromise = this._adapter.notifyCancel(e);
+
+    if (isPromise(maybePromise)) {
+      this._adapter.updateCancelLoading(true);
 
-    this.handleVisibleChange(false);
+      maybePromise.then(result => {
+        this.handleVisibleChange(false);
+
+        this._adapter.updateCancelLoading(false);
+      }, errors => {
+        this._adapter.updateCancelLoading(false);
+      });
+    } else {
+      this.handleVisibleChange(false);
+    }
   }
 
   handleConfirm(e) {
-    this._adapter.notifyConfirm(e);
+    const maybePromise = this._adapter.notifyConfirm(e);
+
+    if (isPromise(maybePromise)) {
+      this._adapter.updateConfirmLoading(true);
+
+      maybePromise.then(result => {
+        this._adapter.updateConfirmLoading(false);
 
-    this.handleVisibleChange(false);
+        this.handleVisibleChange(false);
+      }, errors => {
+        this._adapter.updateConfirmLoading(false);
+      });
+    } else {
+      this.handleVisibleChange(false);
+    }
   }
 
   handleClickOutSide(e) {
@@ -83088,6 +83107,8 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
     this.stopImmediatePropagation = e => e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
 
     this.state = {
+      cancelLoading: false,
+      confirmLoading: false,
       visible: props.defaultVisible || false
     };
     this.foundation = new popconfirmFoundation_PopConfirmFoundation(this.adapter);
@@ -83111,6 +83132,12 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
       setVisible: visible => this.setState({
         visible
       }),
+      updateConfirmLoading: loading => this.setState({
+        confirmLoading: loading
+      }),
+      updateCancelLoading: loading => this.setState({
+        cancelLoading: loading
+      }),
       notifyConfirm: e => this.props.onConfirm(e),
       notifyCancel: e => this.props.onCancel(e),
       notifyVisibleChange: visible => this.props.onVisibleChange(visible),
@@ -83127,15 +83154,21 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
       cancelButtonProps,
       okButtonProps
     } = this.props;
+    const {
+      cancelLoading,
+      confirmLoading
+    } = this.state;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
       componentName: "Popconfirm"
     }, (locale, localeCode) => /*#__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, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, assign_default()({
       type: cancelType,
-      onClick: this.handleCancel
+      onClick: this.handleCancel,
+      loading: cancelLoading
     }, cancelButtonProps), cancelText || get_default()(locale, 'cancel')), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, assign_default()({
       type: okType,
       theme: "solid",
-      onClick: this.handleConfirm
+      onClick: this.handleConfirm,
+      loading: confirmLoading
     }, okButtonProps), okText || get_default()(locale, 'confirm'))));
   }
 
@@ -83157,35 +83190,39 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
     });
     const showTitle = title !== null && typeof title !== 'undefined';
     const showContent = content !== null || typeof content !== 'undefined';
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: popCardCls,
-      onClick: this.stopImmediatePropagation,
-      style: style
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-inner")
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-header")
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("i", {
-      className: "".concat(prefixCls, "-header-icon"),
-      "x-semi-prop": "icon"
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(icon) ? icon : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-header-body")
-    }, showTitle ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-header-title"),
-      "x-semi-prop": "title"
-    }, title) : null, showContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-header-content"),
-      "x-semi-prop": "content"
-    }, content) : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, {
-      className: "".concat(prefixCls, "-btn-close"),
-      icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, null),
-      size: "small",
-      theme: 'borderless',
-      type: cancelType,
-      onClick: this.handleCancel
-    })), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-footer")
-    }, this.renderControls())));
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: popCardCls,
+        onClick: this.stopImmediatePropagation,
+        style: style
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-inner")
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-header")
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("i", {
+        className: "".concat(prefixCls, "-header-icon"),
+        "x-semi-prop": "icon"
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(icon) ? icon : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-header-body")
+      }, showTitle ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-header-title"),
+        "x-semi-prop": "title"
+      }, title) : null, showContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-header-content"),
+        "x-semi-prop": "content"
+      }, content) : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, {
+        className: "".concat(prefixCls, "-btn-close"),
+        icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, null),
+        size: "small",
+        theme: 'borderless',
+        type: cancelType,
+        onClick: this.handleCancel
+      })), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-footer")
+      }, this.renderControls())))
+    );
   }
 
   render() {
@@ -84265,9 +84302,6 @@ radio_Radio.defaultProps = {
 
 
 
-
-
-
 class radioGroup_RadioGroup extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -84358,8 +84392,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 +84401,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 +91336,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 +91369,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 +91391,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 +91405,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 +94936,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 +94973,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
         });
@@ -96704,7 +96727,11 @@ class TabBar_TabBar extends external_root_React_commonjs2_react_commonjs_react_a
       var _context5, _context6;
 
       if (isEmpty_default()(items)) {
-        return null;
+        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, {
+          disabled: true,
+          icon: icon,
+          theme: "borderless"
+        });
       }
 
       const {
@@ -104609,15 +104636,6 @@ treeSelect_TreeSelect.defaultProps = {
 var core_js_stable_url = __webpack_require__("QjT4");
 var url_default = /*#__PURE__*/__webpack_require__.n(core_js_stable_url);
 
-// CONCATENATED MODULE: ../semi-foundation/utils/isObject.ts
-function isObject_isObject(obj) {
-  return obj !== null && typeof obj === 'object';
-}
-// CONCATENATED MODULE: ../semi-foundation/utils/isPromise.ts
-
-function isPromise(value) {
-  return isObject_isObject(value) && typeof value.then === 'function';
-}
 // CONCATENATED MODULE: ../semi-foundation/upload/constants.ts
 
 const upload_constants_PREFIX = "".concat(BASE_CLASS_PREFIX, "-upload");
@@ -107779,7 +107797,8 @@ class transfer_Transfer extends baseComponent_BaseComponent {
     const noMatch = inSearchMode && searchResult.size === 0;
     const emptySearch = emptyContent.search ? emptyContent.search : locale.emptySearch;
     const emptyLeft = emptyContent.left ? emptyContent.left : locale.emptyLeft;
-    const emptyCom = this.renderEmpty('left', inputValue ? emptySearch : emptyLeft);
+    const emptyDataCom = this.renderEmpty('left', emptyLeft);
+    const emptySearchCom = this.renderEmpty('left', emptySearch);
     const loadingCom = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(spin_0, null);
     let content = null;
 
@@ -107789,7 +107808,11 @@ class transfer_Transfer extends baseComponent_BaseComponent {
         break;
 
       case noMatch:
-        content = emptyCom;
+        content = emptySearchCom;
+        break;
+
+      case data.length === 0:
+        content = emptyDataCom;
         break;
 
       case type === transfer_constants_strings.TYPE_TREE_TO_LIST:
@@ -110421,7 +110444,6 @@ class baseForm_Form extends baseComponent_BaseComponent {
 
   componentWillUnmount() {
     this.foundation.destroy();
-    this.formApi = null;
   }
 
   get adapter() {