@douyinfe/semi-ui 2.38.0 → 2.38.1

package/lib/cjs/autoComplete/index.js

@@ -20,6 +20,7 @@ var _trigger = _interopRequireDefault(require("../trigger"));
 var _option = _interopRequireDefault(require("./option"));
 var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
 require("@douyinfe/semi-foundation/lib/cjs/autoComplete/autoComplete.css");
+var _reactDom = _interopRequireDefault(require("react-dom"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable @typescript-eslint/ban-types, max-len */
 
@@ -147,6 +148,24 @@ class AutoComplete extends _baseComponent.default {
         this.setState({
           rePosKey
         });
+      },
+      registerClickOutsideHandler: cb => {
+        const clickOutsideHandler = e => {
+          const optionInstance = this.optionsRef && this.optionsRef.current;
+          const triggerDom = this.triggerRef && this.triggerRef.current;
+          const optionsDom = _reactDom.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);
+        }
       }
     });
   }

package/lib/es/autoComplete/index.js

@@ -15,6 +15,7 @@ import Trigger from '../trigger';
 import Option from './option';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
 import '@douyinfe/semi-foundation/lib/es/autoComplete/autoComplete.css';
+import ReactDOM from 'react-dom';
 const prefixCls = cssClasses.PREFIX;
 const sizeSet = strings.SIZE;
 const positionSet = strings.POSITION;
@@ -139,6 +140,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 = ReactDOM.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);
+        }
       }
     });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.38.0",
+    "version": "2.38.1",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.38.0",
-        "@douyinfe/semi-animation-react": "2.38.0",
-        "@douyinfe/semi-foundation": "2.38.0",
-        "@douyinfe/semi-icons": "2.38.0",
-        "@douyinfe/semi-illustrations": "2.38.0",
-        "@douyinfe/semi-theme-default": "2.38.0",
+        "@douyinfe/semi-animation": "2.38.1",
+        "@douyinfe/semi-animation-react": "2.38.1",
+        "@douyinfe/semi-foundation": "2.38.1",
+        "@douyinfe/semi-icons": "2.38.1",
+        "@douyinfe/semi-illustrations": "2.38.1",
+        "@douyinfe/semi-theme-default": "2.38.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "5071ee1b4e93db7ce101dec8ef20ed32031bd297",
+    "gitHead": "aaad3c86114e9bd2d9a61c8b78260e18ffc0eec6",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",