@douyinfe/semi-ui 2.30.0-beta.0 → 2.30.1

package/dist/umd/semi-ui.js

@@ -18689,6 +18689,9 @@ class foundation_Tooltip extends foundation {
       spacing,
       isOverFlow
     } = props;
+    const {
+      innerWidth
+    } = window;
     const triggerRect = (isEmpty_default()(props.triggerRect) ? props.triggerRect : this._adapter.getTriggerBounding()) || Object.assign({}, defaultRect);
     const containerRect = (isEmpty_default()(props.containerRect) ? props.containerRect : this._adapter.getPopupContainerRect()) || Object.assign({}, defaultRect);
     const wrapperRect = (isEmpty_default()(props.wrapperRect) ? props.wrapperRect : this._adapter.getWrapperBounding()) || Object.assign({}, defaultRect); // eslint-disable-next-line
@@ -18731,6 +18734,7 @@ class foundation_Tooltip extends foundation {
     const isWidthOverFlow = isOverFlow && isOverFlow[1];
     const isTriggerNearLeft = middleX - containerRect.left < containerRect.right - middleX;
     const isTriggerNearTop = middleY - containerRect.top < containerRect.bottom - middleY;
+    const isWrapperWidthOverflow = wrapperRect.width > innerWidth;
 
     switch (position) {
       case 'top':
@@ -18745,7 +18749,7 @@ class foundation_Tooltip extends foundation {
       case 'topLeft':
         // left = pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         // top = triggerRect.top - SPACING;
-        left = isWidthOverFlow ? containerRect.left : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
+        left = isWidthOverFlow ? isWrapperWidthOverflow ? containerRect.left : containerRect.right - wrapperRect.width : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         top = isHeightOverFlow ? containerRect.bottom + offsetHeight : triggerRect.top - SPACING;
         translateY = -1;
         break;
@@ -18797,7 +18801,7 @@ class foundation_Tooltip extends foundation {
       case 'bottomLeft':
         // left = pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         // top = triggerRect.bottom + SPACING;
-        left = isWidthOverFlow ? containerRect.left : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
+        left = isWidthOverFlow ? isWrapperWidthOverflow ? containerRect.left : containerRect.right - wrapperRect.width : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         top = isHeightOverFlow ? containerRect.top + offsetYWithArrow - SPACING : triggerRect.top + triggerRect.height + SPACING;
         break;
 
@@ -60178,7 +60182,16 @@ function confirm_confirm(props) {
   };
 
   function render(renderProps) {
+    const {
+      afterClose
+    } = renderProps; //@ts-ignore
+
     external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.render( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(modal_ConfirmModal, Object.assign({}, renderProps, {
+      afterClose: function () {
+        //@ts-ignore
+        afterClose === null || afterClose === void 0 ? void 0 : afterClose(...arguments);
+        destroy();
+      },
       motion: props.motion
     })), div);
   }
@@ -61001,11 +61014,12 @@ class dropdownItem_DropdownItem extends baseComponent_BaseComponent {
     const {
       showTick: contextShowTick
     } = this.context;
+    const realShowTick = contextShowTick !== null && contextShowTick !== void 0 ? contextShowTick : showTick;
     const itemclass = classnames_default()(className, {
       [`${dropdownItem_prefixCls}-item`]: true,
       [`${dropdownItem_prefixCls}-item-disabled`]: disabled,
       [`${dropdownItem_prefixCls}-item-hover`]: hover,
-      [`${dropdownItem_prefixCls}-item-withTick`]: contextShowTick !== null && contextShowTick !== void 0 ? contextShowTick : showTick,
+      [`${dropdownItem_prefixCls}-item-withTick`]: realShowTick,
       [`${dropdownItem_prefixCls}-item-${type}`]: type,
       [`${dropdownItem_prefixCls}-item-active`]: active
     });
@@ -61020,11 +61034,11 @@ class dropdownItem_DropdownItem extends baseComponent_BaseComponent {
     let tick = null;
 
     switch (true) {
-      case showTick && active:
+      case realShowTick && active:
         tick = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconTick, null);
         break;
 
-      case showTick && !active:
+      case realShowTick && !active:
         tick = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconTick, {
           style: {
             color: 'transparent'
@@ -93117,6 +93131,13 @@ const treeSelect_constants_numbers = {};
 class foundation_TreeSelectFoundation extends foundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
+
+    this._registerClickOutsideHandler = e => {
+      this._adapter.registerClickOutsideHandler(e => {
+        this.handlerTriggerBlur(e);
+        this.close(e);
+      });
+    };
   }
 
   init() {
@@ -93135,6 +93156,10 @@ class foundation_TreeSelectFoundation extends foundation {
     if (isOpen) {
       this.open();
     }
+
+    if (triggerSearchAutoFocus) {
+      this.handleTriggerFocus(null);
+    }
   }
 
   destroy() {
@@ -93402,6 +93427,14 @@ class foundation_TreeSelectFoundation extends foundation {
 
   _notifyFocus(e) {
     this._adapter.notifyFocus(e);
+  }
+
+  handleTriggerFocus(e) {
+    this._adapter.updateIsFocus(true);
+
+    this._notifyFocus(e);
+
+    this._registerClickOutsideHandler(e);
   } // Scenes that may trigger blur
   //  1、clickOutSide
   //  2、click option / press enter, and then select complete（when multiple is false
@@ -93412,6 +93445,14 @@ class foundation_TreeSelectFoundation extends foundation {
     this._adapter.notifyBlur(e);
   }
 
+  handlerTriggerBlur(e) {
+    this._adapter.updateIsFocus(false);
+
+    this._notifyBlur(e);
+
+    this._adapter.unregisterClickOutsideHandler();
+  }
+
   toggleHoverState(bool) {
     this._adapter.toggleHovering(bool);
   }
@@ -93420,19 +93461,11 @@ class foundation_TreeSelectFoundation extends foundation {
     this._adapter.openMenu();
 
     this._setDropdownWidth();
-
-    this._adapter.registerClickOutsideHandler(e => {
-      this.close(e);
-    });
   }
 
   close(e) {
     this._adapter.closeMenu();
 
-    this._adapter.unregisterClickOutsideHandler();
-
-    this._notifyBlur(e);
-
     if (this.getProp('motionExpand')) {
       this._adapter.updateState({
         motionKeys: new Set([])
@@ -93445,7 +93478,8 @@ class foundation_TreeSelectFoundation extends foundation {
 
     const {
       isOpen,
-      inputValue
+      inputValue,
+      isFocus
     } = this.getStates();
     const {
       searchPosition
@@ -93453,16 +93487,20 @@ class foundation_TreeSelectFoundation extends foundation {
 
     if (isDisabled) {
       return;
-    } else if (!isOpen) {
-      this.open();
-
-      this._notifyFocus(e);
-    } else if (isOpen) {
-      if (searchPosition === 'trigger' && inputValue) {
-        return;
+    } else {
+      if (!isFocus) {
+        this.handleTriggerFocus(e);
       }
 
-      this.close(e);
+      if (isOpen) {
+        if (searchPosition === 'trigger' && inputValue) {
+          return;
+        }
+
+        this.close(e);
+      } else {
+        this.open();
+      }
     }
   }
   /**
@@ -93708,6 +93746,7 @@ class foundation_TreeSelectFoundation extends foundation {
 
     if (clickToHide && (this._isSelectToClose() || !data.children)) {
       this.close(e);
+      this.handlerTriggerBlur(e);
     }
   }
 
@@ -94402,12 +94441,11 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         triggerRender
       } = this.props;
       const {
-        isOpen,
-        isInput,
         inputValue,
         selectedKeys,
         checkedKeys,
-        keyEntities
+        keyEntities,
+        isFocus
       } = this.state;
       const filterable = Boolean(filterTreeNode);
       const useCustomTrigger = typeof triggerRender === 'function';
@@ -94421,7 +94459,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
 
       const isValueTriggerSearch = isTriggerPositionSearch && !isEmpty_default()(checkedKeys);
       const classNames = useCustomTrigger ? classnames_default()(className) : classnames_default()(treeSelect_prefixcls, {
-        [`${treeSelect_prefixcls}-focus`]: isOpen && !isInput,
+        [`${treeSelect_prefixcls}-focus`]: isFocus,
         [`${treeSelect_prefixcls}-disabled`]: disabled,
         [`${treeSelect_prefixcls}-single`]: !multiple,
         [`${treeSelect_prefixcls}-multiple`]: multiple,
@@ -94561,7 +94599,8 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         showRestTagsPopover,
         restTagsPopoverProps,
         searchPosition,
-        filterTreeNode
+        filterTreeNode,
+        preventScroll
       } = this.props;
       const {
         keyEntities,
@@ -94600,7 +94639,8 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         autoFocus: autoFocus,
         renderTagItem: (itemKey, index) => this.renderTagItem(itemKey, index),
         onRemove: itemKey => this.removeTag(itemKey),
-        expandRestTagsOnClick: false
+        expandRestTagsOnClick: false,
+        preventScroll: preventScroll
       });
     }; // render Tree
 
@@ -94918,7 +94958,8 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
     this.state = {
       inputTriggerFocus: false,
       isOpen: false,
-      isInput: false,
+      isFocus: false,
+      // isInput: false,
       rePosKey: treeSelect_key,
       dropdownMinWidth: null,
       inputValue: '',
@@ -95216,7 +95257,12 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       updateInputFocus: bool => {
         if (bool) {
           if (this.inputRef && this.inputRef.current) {
-            this.inputRef.current.focus();
+            const {
+              preventScroll
+            } = this.props;
+            this.inputRef.current.focus({
+              preventScroll
+            });
           }
 
           if (this.tagInputRef && this.tagInputRef.current) {
@@ -95231,8 +95277,12 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
             this.tagInputRef.current.blur();
           }
         }
-      } // eslint-disable-line
-
+      },
+      updateIsFocus: bool => {
+        this.setState({
+          isFocus: bool
+        });
+      }
     });
   }
 
@@ -95369,7 +95419,8 @@ treeSelect_TreeSelect.propTypes = {
   checkRelation: prop_types_default.a.string,
   'aria-label': prop_types_default.a.string,
   showRestTagsPopover: prop_types_default.a.bool,
-  restTagsPopoverProps: prop_types_default.a.object
+  restTagsPopoverProps: prop_types_default.a.object,
+  preventScroll: prop_types_default.a.bool
 };
 treeSelect_TreeSelect.defaultProps = {
   searchPosition: treeSelect_constants_strings.SEARCH_POSITION_DROPDOWN,