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

package/dist/umd/semi-ui.js

@@ -49066,15 +49066,23 @@ 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", {
-      id: addonId,
-      className: "".concat(prefix, "-addon"),
-      "x-semi-prop": xSemiPropChildren
-    }, children) : null, extra ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      id: extraId,
-      className: extraCls,
-      "x-semi-prop": "extra"
-    }, extra) : null);
+    const renderContent = () => {
+      if (!children && !extra) {
+        return null;
+      }
+
+      return /*#__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
+      }, children) : null, extra ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        id: extraId,
+        className: extraCls,
+        "x-semi-prop": "extra"
+      }, extra) : null);
+    };
 
     return (
       /*#__PURE__*/
@@ -49100,7 +49108,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())
     );
   }
 
@@ -49331,8 +49339,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, {
@@ -49344,8 +49351,7 @@ 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);
         }
       });
@@ -82986,24 +82992,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);
 
-    this.handleVisibleChange(false);
+    if (isPromise(maybePromise)) {
+      this._adapter.updateCancelLoading(true);
+
+      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);
 
-    this.handleVisibleChange(false);
+      maybePromise.then(result => {
+        this._adapter.updateConfirmLoading(false);
+
+        this.handleVisibleChange(false);
+      }, errors => {
+        this._adapter.updateConfirmLoading(false);
+      });
+    } else {
+      this.handleVisibleChange(false);
+    }
   }
 
   handleClickOutSide(e) {
@@ -83069,6 +83109,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);
@@ -83092,6 +83134,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),
@@ -83108,15 +83156,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'))));
   }
 
@@ -83138,35 +83192,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() {
@@ -84336,8 +84394,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, {
@@ -84346,8 +84403,7 @@ 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);
         }
       });
@@ -91282,12 +91338,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"
     }));
   }
 
@@ -91313,9 +91371,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]
     });
@@ -91334,11 +91393,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
@@ -91346,7 +91407,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
-    })));
+    }))));
   }
 
 }
@@ -94877,15 +94938,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');
@@ -94906,9 +94975,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
         });
@@ -96662,7 +96729,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 {
@@ -104567,15 +104638,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");
@@ -107737,7 +107799,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;
 
@@ -107747,7 +107810,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:
@@ -110379,7 +110446,6 @@ class baseForm_Form extends baseComponent_BaseComponent {
 
   componentWillUnmount() {
     this.foundation.destroy();
-    this.formApi = null;
   }
 
   get adapter() {