@douyinfe/semi-ui 2.19.0-alpha.6 → 2.19.0-alpha.7

package/dist/umd/semi-ui.js

@@ -39138,6 +39138,7 @@ class button_Button extends external_root_React_commonjs2_react_commonjs_react_a
 }
 
 button_Button.propTypes = assign_default()(assign_default()({}, Button_Button.propTypes), iconButton_0.propTypes);
+button_Button.elementType = 'Button';
 /* harmony default export */ var button_0 = (button_Button);
 // CONCATENATED MODULE: ./button/buttonGroup.tsx
 
@@ -39146,6 +39147,10 @@ button_Button.propTypes = assign_default()(assign_default()({}, Button_Button.pr
 
 
 
+
+
+
+
 var buttonGroup_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -39166,6 +39171,47 @@ 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 => {
+        const isButtonType = get_default()(item, 'type.elementType') === 'Button';
+
+        const buttonProps = get_default()(item, 'props');
+
+        if (buttonProps) {
+          var _context2, _context3;
+
+          const {
+            type,
+            theme,
+            disabled
+          } = buttonProps;
+          lineCls = classnames_default()("".concat(buttonGroup_prefixCls, "-group-line"), concat_default()(_context2 = "".concat(buttonGroup_prefixCls, "-group-line-")).call(_context2, theme !== null && theme !== void 0 ? theme : 'light'), concat_default()(_context3 = "".concat(buttonGroup_prefixCls, "-group-line-")).call(_context3, 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 +39225,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 _context4;
 
-      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()(_context4 = is_array_default()(children) ? children : [children]).call(_context4, (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);
   }
 
 }
@@ -82984,24 +83032,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);
+
+      maybePromise.then(result => {
+        this.handleVisibleChange(false);
 
-    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 +83149,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 +83174,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 +83196,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 +83232,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() {
@@ -96677,7 +96777,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 {
@@ -104582,15 +104686,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");
@@ -107752,7 +107847,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;
 
@@ -107762,7 +107858,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:
@@ -110394,7 +110494,6 @@ class baseForm_Form extends baseComponent_BaseComponent {
 
   componentWillUnmount() {
     this.foundation.destroy();
-    this.formApi = null;
   }
 
   get adapter() {