@douyinfe/semi-ui 2.23.4 → 2.23.6

package/dist/umd/semi-ui.js

@@ -19304,23 +19304,26 @@ class foundation_Tooltip extends foundation {
 
 
       if (this.isTB(position)) {
-        isHeightOverFlow = isViewYOverFlow && isContainerYOverFlow;
+        isHeightOverFlow = isViewYOverFlow && isContainerYOverFlow; // Related PR: https://github.com/DouyinFE/semi-design/pull/1297
+        // If clientRight or restClientRight less than 0, means that the left and right parts of the trigger are blocked
+        // Then the display of the wrapper will also be affected, make width overflow to offset the wrapper
 
         if (position === 'top' || position === 'bottom') {
-          isWidthOverFlow = isViewXOverFlowSideHalf && isContainerXOverFlowSideHalf;
+          isWidthOverFlow = isViewXOverFlowSideHalf && isContainerXOverFlowSideHalf || clientRight < 0 || restClientRight < 0;
         } else {
-          isWidthOverFlow = isViewXOverFlowSide && isContainerXOverFlowSide;
+          isWidthOverFlow = isViewXOverFlowSide && isContainerXOverFlowSide || clientRight < 0 || restClientRight < 0;
         }
       } // 左右方向 left and right
 
 
       if (this.isLR(position)) {
-        isWidthOverFlow = isViewXOverFlow && isContainerXOverFlow;
+        isWidthOverFlow = isViewXOverFlow && isContainerXOverFlow; // If clientTop or restClientTop less than 0, means that the top and bottom parts of the trigger are blocked
+        // Then the display of the wrapper will also be affected, make height overflow to offset the wrapper
 
         if (position === 'left' || position === 'right') {
-          isHeightOverFlow = isViewYOverFlowSideHalf && isContainerYOverFlowSideHalf;
+          isHeightOverFlow = isViewYOverFlowSideHalf && isContainerYOverFlowSideHalf || clientTop < 0 || restClientTop < 0;
         } else {
-          isHeightOverFlow = isViewYOverFlowSide && isContainerYOverFlowSide;
+          isHeightOverFlow = isViewYOverFlowSide && isContainerYOverFlowSide || clientTop < 0 || restClientTop < 0;
         }
       }
     }
@@ -70215,16 +70218,8 @@ class foundation_SelectFoundation extends foundation {
     }
   }
 
-  close(e) {
+  close(e, closeCb) {
     // to support A11y, closing the panel trigger does not necessarily lose focus
-    const isFilterable = this._isFilterable();
-
-    if (isFilterable) {
-      // this.unBindKeyBoardEvent();
-      this.clearInput();
-      this.toggle2SearchInput(false);
-    }
-
     this._adapter.closeMenu();
 
     this._adapter.notifyDropdownVisibleChange(false);
@@ -70235,6 +70230,22 @@ class foundation_SelectFoundation extends foundation {
 
     this._adapter.unregisterClickOutsideHandler(); // this._adapter.updateFocusState(false);
 
+
+    const isFilterable = this._isFilterable();
+
+    if (isFilterable) {
+      this.toggle2SearchInput(false);
+    }
+
+    this._adapter.once('popoverClose', () => {
+      if (isFilterable) {
+        this.clearInput();
+      }
+
+      if (closeCb) {
+        closeCb();
+      }
+    });
   }
 
   onSelect(option, optionIndex, event) {
@@ -70278,21 +70289,24 @@ class foundation_SelectFoundation extends foundation {
       value,
       label
     }, rest)); // If it is a controlled component, directly notify
+    // Make sure that the operations of updating updateOptions are done after the animation ends
+    // otherwise the content will be updated when the popup layer is not collapsed, and it looks like it will flash once when it is closed
 
 
     if (this._isControlledComponent()) {
-      this._notifyChange(selections);
-
-      this.close(event);
+      this.close(event, () => {
+        this._notifyChange(selections);
+      });
     } else {
       this._adapter.updateSelection(selections); // notify user
 
 
-      this._notifyChange(selections); // Update the selected item in the drop-down box
-
+      this._notifyChange(selections);
 
-      this.close(event);
-      this.updateOptionsActiveStatus(selections);
+      this.close(event, () => {
+        // Update the selected item in the drop-down box
+        this.updateOptionsActiveStatus(selections);
+      });
     }
   }
 
@@ -71183,6 +71197,10 @@ class foundation_SelectFoundation extends foundation {
     }
   }
 
+  handlePopoverClose() {
+    this._adapter.emit('popoverClose');
+  }
+
 }
 // CONCATENATED MODULE: ../semi-foundation/select/constants.ts
 
@@ -71731,6 +71749,7 @@ var select_select = __webpack_require__("1d3+");
 
 
 
+
 
 
 const select_prefixcls = select_constants_cssClasses.PREFIX;
@@ -71828,6 +71847,7 @@ class select_Select extends baseComponent_BaseComponent {
     this.onMouseLeave = this.onMouseLeave.bind(this);
     this.renderOption = this.renderOption.bind(this);
     this.onKeyPress = this.onKeyPress.bind(this);
+    this.eventManager = new Event_Event();
     this.foundation = new foundation_SelectFoundation(this.adapter);
     Object(warning["a" /* default */])('optionLabelProp' in this.props, '[Semi Select] \'optionLabelProp\' has already been deprecated, please use \'renderSelectedItem\' instead.');
     Object(warning["a" /* default */])('labelInValue' in this.props, '[Semi Select] \'labelInValue\' has already been deprecated, please use \'onChangeWithObject\' instead.');
@@ -71923,6 +71943,10 @@ class select_Select extends baseComponent_BaseComponent {
       }
     };
     return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, super.adapter), keyboardAdapter), filterAdapter), multipleAdapter), {
+      on: (eventName, eventCallback) => this.eventManager.on(eventName, eventCallback),
+      off: eventName => this.eventManager.off(eventName),
+      once: (eventName, eventCallback) => this.eventManager.once(eventName, eventCallback),
+      emit: eventName => this.eventManager.emit(eventName),
       // Collect all subitems, each item is visible by default when collected, and is not selected
       getOptionsFromChildren: function () {
         let children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.children;
@@ -72775,7 +72799,8 @@ class select_Select extends baseComponent_BaseComponent {
       spacing: spacing,
       stopPropagation: stopPropagation,
       disableArrowKeyDown: true,
-      onVisibleChange: status => this.handlePopoverVisibleChange(status)
+      onVisibleChange: status => this.handlePopoverVisibleChange(status),
+      afterClose: () => this.foundation.handlePopoverClose()
     }, selection);
   }
 
@@ -89023,7 +89048,6 @@ class TimePicker_TimePicker extends baseComponent_BaseComponent {
       outerProps.onClick = this.openPanel;
     }
 
-    console.log("===>", disabled ? false : open, motion);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", Object.assign({
       ref: this.setTimePickerRef,
       className: classnames_default()({
@@ -96150,10 +96174,8 @@ var upload = __webpack_require__("/t7F");
 
 
 
-
 const upload_prefixCls = upload_constants_cssClasses.PREFIX;
 
-
 class upload_Upload extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
@@ -98067,8 +98089,6 @@ function bothEmptyArray(val, otherVal) {
 
 
 
-
-
 class foundation_FormFoundation extends foundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -102743,7 +102763,6 @@ image_Image.defaultProps = {
 
 /* harmony default export */ var image_0 = (image_Image);
 
-
 // CONCATENATED MODULE: ../semi-foundation/image/previewFoundation.ts
 
 class previewFoundation_PreviewFoundation extends foundation {