@douyinfe/semi-ui 2.19.0-alpha.0 → 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())
     );
   }
 
@@ -82984,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);
 
-    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);
+
+      maybePromise.then(result => {
+        this._adapter.updateConfirmLoading(false);
 
-    this.handleVisibleChange(false);
+        this.handleVisibleChange(false);
+      }, errors => {
+        this._adapter.updateConfirmLoading(false);
+      });
+    } else {
+      this.handleVisibleChange(false);
+    }
   }
 
   handleClickOutSide(e) {
@@ -83067,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);
@@ -83090,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),
@@ -83106,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'))));
   }
 
@@ -83136,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() {
@@ -96669,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 {
@@ -101021,11 +101083,7 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
     });
   }
 
-  renderCheckbox(options) {
-    const {
-      label,
-      icon
-    } = options;
+  renderCheckbox() {
     const {
       checked,
       halfChecked,
@@ -101042,7 +101100,7 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
       indeterminate: halfChecked,
       checked: checked,
       disabled: Boolean(disabled)
-    }, icon, label));
+    }));
   }
 
   renderIcon() {
@@ -101212,8 +101270,6 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
     const setsize = get_default()(rest, ['data', 'children', 'length']);
 
     const posinset = isString_default()(rest.pos) ? Number(rest.pos.split('-')[level + 1]) + 1 : 1;
-    const label = this.renderRealLabel();
-    const icon = this.renderIcon();
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", assign_default()({
       className: nodeCls,
       role: "treeitem",
@@ -101233,12 +101289,9 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
       style: style
     }, dragProps), this.renderArrow(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: labelCls
-    }, multiple ? this.renderCheckbox({
-      label,
-      icon
-    }) : null, !multiple && icon, !multiple && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+    }, multiple ? this.renderCheckbox() : null, this.renderIcon(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: "".concat(treeNode_prefixcls, "-label-text")
-    }, label)));
+    }, this.renderRealLabel())));
   }
 
 }
@@ -104583,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");
@@ -107753,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;
 
@@ -107763,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:
@@ -110395,7 +110444,6 @@ class baseForm_Form extends baseComponent_BaseComponent {
 
   componentWillUnmount() {
     this.foundation.destroy();
-    this.formApi = null;
   }
 
   get adapter() {