@douyinfe/semi-ui 2.38.0 → 2.38.2-alpha.1

package/dist/umd/semi-ui.js

@@ -17854,9 +17854,14 @@ class AnchorFoundation extends foundation {
            */
           behavior: actions => {
             // We just need to scroll the innermost target container
-            const innermostAction = get_default()(actions, '0');
-            const el = get_default()(innermostAction, 'el');
-            const top = get_default()(innermostAction, 'top');
+            const verticalScrollAction = actions.find(action => {
+              const {
+                el
+              } = action;
+              return el.scrollHeight > el.clientHeight;
+            });
+            const el = get_default()(verticalScrollAction, 'el');
+            const top = get_default()(verticalScrollAction, 'top');
             if (el) {
               const offsetTop = top - targetOffset;
               if (el.scroll && canSmoothScroll) {
@@ -26676,9 +26681,10 @@ class AutoCompleteFoundation extends foundation {
     }
   }
   destroy() {
-    // this._adapter.unregisterClickOutsideHandler();
+    this._adapter.unregisterClickOutsideHandler();
     // this.unBindKeyBoardEvent();
   }
+
   _setDropdownWidth() {
     const {
       style,
@@ -26715,14 +26721,14 @@ class AutoCompleteFoundation extends foundation {
     this.isPanelOpen = true;
     this._adapter.toggleListVisible(true);
     this._setDropdownWidth();
-    // this._adapter.registerClickOutsideHandler(e => this.closeDropdown(e));
+    this._adapter.registerClickOutsideHandler(e => this.closeDropdown(e));
     this._adapter.notifyDropdownVisibleChange(true);
     this._modifyFocusIndexOnPanelOpen();
   }
   closeDropdown(e) {
     this.isPanelOpen = false;
     this._adapter.toggleListVisible(false);
-    // this._adapter.unregisterClickOutsideHandler();
+    this._adapter.unregisterClickOutsideHandler();
     this._adapter.notifyDropdownVisibleChange(false);
     // After closing the panel, you can still open the panel by pressing the enter key
     // this.unBindKeyBoardEvent();
@@ -28306,6 +28312,7 @@ var autoComplete = __webpack_require__("PyaV");
 
 
 
+
 const autoComplete_prefixCls = autoComplete_constants_cssClasses.PREFIX;
 const autoComplete_sizeSet = autoComplete_constants_strings.SIZE;
 const autoComplete_positionSet = autoComplete_constants_strings.POSITION;
@@ -28430,6 +28437,24 @@ class AutoComplete extends BaseComponent {
         this.setState({
           rePosKey
         });
+      },
+      registerClickOutsideHandler: cb => {
+        const clickOutsideHandler = e => {
+          const optionInstance = this.optionsRef && this.optionsRef.current;
+          const triggerDom = this.triggerRef && this.triggerRef.current;
+          const optionsDom = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().findDOMNode(optionInstance);
+          const target = e.target;
+          if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target)) {
+            cb(e);
+          }
+        };
+        this.clickOutsideHandler = clickOutsideHandler;
+        document.addEventListener('mousedown', clickOutsideHandler, false);
+      },
+      unregisterClickOutsideHandler: () => {
+        if (this.clickOutsideHandler) {
+          document.removeEventListener('mousedown', this.clickOutsideHandler, false);
+        }
       }
     });
   }