@douyinfe/semi-ui 2.38.0 → 2.38.1

package/dist/umd/semi-ui.js

@@ -26676,9 +26676,10 @@ class AutoCompleteFoundation extends foundation {
     }
   }
   destroy() {
-    // this._adapter.unregisterClickOutsideHandler();
+    this._adapter.unregisterClickOutsideHandler();
     // this.unBindKeyBoardEvent();
   }
+
   _setDropdownWidth() {
     const {
       style,
@@ -26715,14 +26716,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 +28307,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 +28432,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);
+        }
       }
     });
   }