@douyinfe/semi-ui 2.38.0-beta.0 → 2.38.1

package/dist/umd/semi-ui.js

@@ -20285,7 +20285,7 @@ class Tooltip extends BaseComponent {
       const icon = this.renderIcon();
       const portalInnerStyle = omit_default()(containerStyle, motion ? ['transformOrigin'] : undefined);
       const transformOrigin = get_default()(containerStyle, 'transformOrigin');
-      const userOpacity = get_default()(style, 'opacity');
+      const userOpacity = get_default()(style, 'opacity', null);
       const opacity = userOpacity ? userOpacity : 1;
       const inner = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(_cssAnimation, {
         fillMode: "forwards",
@@ -20311,9 +20311,9 @@ class Tooltip extends BaseComponent {
             display: "none"
           } : {}), {
             transformOrigin
-          }), style), {
+          }), style), userOpacity ? {
             opacity: isPositionUpdated ? opacity : "0"
-          })
+          } : {})
         }, portalEventSet, animationEventsNeedBind, {
           role: role,
           "x-placement": placement,
@@ -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();
@@ -26933,6 +26934,9 @@ class AutoCompleteFoundation extends foundation {
       case utils_keyCode.ESC:
         this.closeDropdown();
         break;
+      case utils_keyCode.TAB:
+        this.closeDropdown();
+        break;
       default:
         break;
     }
@@ -27025,7 +27029,7 @@ class AutoCompleteFoundation extends foundation {
     // internal-issues:1231
     setTimeout(() => {
       this._adapter.notifyBlur(e);
-      this.closeDropdown();
+      // this.closeDropdown();
     }, 100);
   }
 }
@@ -28303,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;
@@ -28427,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);
+        }
       }
     });
   }
@@ -67848,9 +67871,9 @@ class option_Option extends external_root_React_commonjs2_react_commonjs_react_a
         prefixCls,
         renderOptionItem,
         inputValue,
-        id
+        semiOptionId
       } = _a,
-      rest = select_option_rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue", "id"]);
+      rest = select_option_rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue", "semiOptionId"]);
     const optionClassName = classnames_default()(prefixCls, {
       [`${prefixCls}-disabled`]: disabled,
       [`${prefixCls}-selected`]: selected,
@@ -67909,7 +67932,7 @@ class option_Option extends external_root_React_commonjs2_react_commonjs_react_a
         },
         onMouseEnter: e => onMouseEnter && onMouseEnter(e),
         role: "option",
-        id: id,
+        id: semiOptionId,
         "aria-selected": selected ? "true" : "false",
         "aria-disabled": disabled ? "true" : "false",
         style: style
@@ -68518,7 +68541,7 @@ class Select extends BaseComponent {
         key: option.key || option.label + option.value + optionIndex,
         renderOptionItem: renderOptionItem,
         inputValue: inputValue,
-        id: `${this.selectID}-option-${optionIndex}`
+        semiOptionId: `${this.selectID}-option-${optionIndex}`
       }), option.label);
     }
     return optionContent;