@douyinfe/semi-ui 2.27.0-beta.0 → 2.27.0

package/dist/umd/semi-ui.js

@@ -20369,7 +20369,7 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
           el = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.findDOMNode(el);
           popupEl = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.findDOMNode(popupEl);
 
-          if (el && !el.contains(e.target) && popupEl && !popupEl.contains(e.target) || this.props.clickTriggerToHide) {
+          if (el && !el.contains(e.target) && popupEl && !popupEl.contains(e.target) || this.props.clickTriggerToHide && el && el.contains(e.target)) {
             this.props.onClickOutSide(e);
             cb();
           }
@@ -71547,6 +71547,11 @@ class foundation_SelectFoundation extends foundation {
 
   handlePopoverClose() {
     this._adapter.emit('popoverClose');
+  } // need to remove focus style of option when user hover slot
+
+
+  handleSlotMouseEnter() {
+    this._adapter.updateFocusIndex(-1);
   }
 
 }
@@ -72765,7 +72770,10 @@ class select_Select extends baseComponent_BaseComponent {
         style: style,
         ref: this.setOptionContainerEl,
         onKeyDown: e => this.foundation.handleContainerKeyDown(e)
-      }, outerTopSlot, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      }, outerTopSlot ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(select_prefixcls, "-option-list-outer-top-slot"),
+        onMouseEnter: () => this.foundation.handleSlotMouseEnter()
+      }, outerTopSlot) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         style: {
           maxHeight: "".concat(maxHeight, "px")
         },
@@ -72773,7 +72781,16 @@ class select_Select extends baseComponent_BaseComponent {
         role: "listbox",
         "aria-multiselectable": multiple,
         onScroll: e => this.foundation.handleListScroll(e)
-      }, innerTopSlot, loading ? this.renderLoading() : isEmpty ? this.renderEmpty() : listContent, innerBottomSlot), outerBottomSlot)
+      }, innerTopSlot ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(select_prefixcls, "-option-list-inner-top-slot"),
+        onMouseEnter: () => this.foundation.handleSlotMouseEnter()
+      }, innerTopSlot) : null, loading ? this.renderLoading() : isEmpty ? this.renderEmpty() : listContent, innerBottomSlot ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(select_prefixcls, "-option-list-inner-bottom-slot"),
+        onMouseEnter: () => this.foundation.handleSlotMouseEnter()
+      }, innerBottomSlot) : null), outerBottomSlot ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(select_prefixcls, "-option-list-outer-bottom-slot"),
+        onMouseEnter: () => this.foundation.handleSlotMouseEnter()
+      }, outerBottomSlot) : null)
     );
   }
 
@@ -87336,7 +87353,9 @@ class TabBar_TabBar extends external_root_React_commonjs2_react_commonjs_react_a
         render: disabled ? null : menu,
         showTick: true,
         style: dropdownStyle,
-        trigger: 'hover'
+        trigger: 'hover',
+        disableFocusListener // prevent the panel from popping up again after clicking
+        : true
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         role: "presentation",
         className: arrowCls,
@@ -97688,7 +97707,7 @@ var transfer = __webpack_require__("mo0a");
 
 
 
-const transfer_prefixcls = transfer_constants_cssClasses.PREFIX; // SortableItem & SortableList should not be assigned inside of the render function
+const transfer_prefixCls = transfer_constants_cssClasses.PREFIX; // SortableItem & SortableList should not be assigned inside of the render function
 
 const transfer_SortableItem = sortableElement(props => props.item.node);
 const transfer_SortableList = sortableContainer(_ref => {
@@ -97696,7 +97715,7 @@ const transfer_SortableList = sortableContainer(_ref => {
     items
   } = _ref;
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-    className: "".concat(transfer_prefixcls, "-right-list"),
+    className: "".concat(transfer_prefixCls, "-right-list"),
     role: "list",
     "aria-label": "Selected list"
   }, items.map((item, index) =>
@@ -97848,7 +97867,7 @@ class transfer_Transfer extends baseComponent_BaseComponent {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       role: "search",
       "aria-label": "Transfer filter",
-      className: "".concat(transfer_prefixcls, "-filter")
+      className: "".concat(transfer_prefixCls, "-filter")
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(input_0, Object.assign({
       prefix: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconSearch, null),
       placeholder: locale.placeholder,
@@ -97871,20 +97890,20 @@ class transfer_Transfer extends baseComponent_BaseComponent {
       showButton
     } = headerConfig;
     const headerCls = classnames_default()({
-      ["".concat(transfer_prefixcls, "-header")]: true,
-      ["".concat(transfer_prefixcls, "-right-header")]: type === 'right',
-      ["".concat(transfer_prefixcls, "-left-header")]: type === 'left'
+      ["".concat(transfer_prefixCls, "-header")]: true,
+      ["".concat(transfer_prefixCls, "-right-header")]: type === 'right',
+      ["".concat(transfer_prefixCls, "-left-header")]: type === 'left'
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: headerCls
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-      className: "".concat(transfer_prefixcls, "-header-total")
+      className: "".concat(transfer_prefixCls, "-header-total")
     }, totalContent), showButton ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, {
       theme: "borderless",
       disabled: disabled,
       type: "tertiary",
       size: "small",
-      className: "".concat(transfer_prefixcls, "-header-all"),
+      className: "".concat(transfer_prefixCls, "-header-all"),
       onClick: onAllClick
     }, allContent) : null);
   }
@@ -97907,8 +97926,8 @@ class transfer_Transfer extends baseComponent_BaseComponent {
     }
 
     const leftItemCls = classnames_default()({
-      ["".concat(transfer_prefixcls, "-item")]: true,
-      ["".concat(transfer_prefixcls, "-item-disabled")]: item.disabled
+      ["".concat(transfer_prefixCls, "-item")]: true,
+      ["".concat(transfer_prefixCls, "-item-disabled")]: item.disabled
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(checkbox_checkbox_0, {
       key: index,
@@ -98013,12 +98032,12 @@ class transfer_Transfer extends baseComponent_BaseComponent {
     }
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("section", {
-      className: "".concat(transfer_prefixcls, "-left")
+      className: "".concat(transfer_prefixCls, "-left")
     }, inputCom, content);
   }
 
   renderGroupTitle(group, index) {
-    const groupCls = classnames_default()("".concat(transfer_prefixcls, "-group-title"));
+    const groupCls = classnames_default()("".concat(transfer_prefixCls, "-group-title"));
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: groupCls,
       key: "title-".concat(index)
@@ -98086,7 +98105,7 @@ class transfer_Transfer extends baseComponent_BaseComponent {
       }
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(transfer_prefixcls, "-left-list"),
+      className: "".concat(transfer_prefixCls, "-left-list"),
       role: "list",
       "aria-label": "Option list"
     }, content);
@@ -98103,9 +98122,9 @@ class transfer_Transfer extends baseComponent_BaseComponent {
     const onRemove = () => this.foundation.handleSelectOrRemove(item);
 
     const rightItemCls = classnames_default()({
-      ["".concat(transfer_prefixcls, "-item")]: true,
-      ["".concat(transfer_prefixcls, "-right-item")]: true,
-      ["".concat(transfer_prefixcls, "-right-item-draggable")]: draggable
+      ["".concat(transfer_prefixCls, "-item")]: true,
+      ["".concat(transfer_prefixCls, "-right-item")]: true,
+      ["".concat(transfer_prefixCls, "-right-item-draggable")]: draggable
     });
     const shouldShowPath = type === transfer_constants_strings.TYPE_TREE_TO_LIST && showPath === true;
     const label = shouldShowPath ? this.foundation._generatePath(item) : item.label;
@@ -98120,7 +98139,7 @@ class transfer_Transfer extends baseComponent_BaseComponent {
     const DragHandle = sortableHandle(() => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconHandle, {
       role: "button",
       "aria-label": "Drag and sort",
-      className: "".concat(transfer_prefixcls, "-right-item-drag-handler")
+      className: "".concat(transfer_prefixCls, "-right-item-drag-handler")
     }));
     return (
       /*#__PURE__*/
@@ -98130,12 +98149,12 @@ class transfer_Transfer extends baseComponent_BaseComponent {
         className: rightItemCls,
         key: item.key
       }, draggable ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(DragHandle, null) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(transfer_prefixcls, "-right-item-text")
+        className: "".concat(transfer_prefixCls, "-right-item-text")
       }, label), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, {
         onClick: onRemove,
         "aria-disabled": item.disabled,
-        className: classnames_default()("".concat(transfer_prefixcls, "-item-close-icon"), {
-          ["".concat(transfer_prefixcls, "-item-close-icon-disabled")]: item.disabled
+        className: classnames_default()("".concat(transfer_prefixCls, "-item-close-icon"), {
+          ["".concat(transfer_prefixCls, "-item-close-icon-disabled")]: item.disabled
         })
       }))
     );
@@ -98143,9 +98162,9 @@ class transfer_Transfer extends baseComponent_BaseComponent {
 
   renderEmpty(type, emptyText) {
     const emptyCls = classnames_default()({
-      ["".concat(transfer_prefixcls, "-empty")]: true,
-      ["".concat(transfer_prefixcls, "-right-empty")]: type === 'right',
-      ["".concat(transfer_prefixcls, "-left-empty")]: type === 'left'
+      ["".concat(transfer_prefixCls, "-empty")]: true,
+      ["".concat(transfer_prefixCls, "-right-empty")]: type === 'right',
+      ["".concat(transfer_prefixCls, "-left-empty")]: type === 'left'
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       "aria-label": "empty",
@@ -98161,7 +98180,7 @@ class transfer_Transfer extends baseComponent_BaseComponent {
 
     const sortList = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(transfer_SortableList, {
       useDragHandle: true,
-      helperClass: "".concat(transfer_prefixcls, "-right-item-drag-item-move"),
+      helperClass: "".concat(transfer_prefixCls, "-right-item-drag-item-move"),
       onSortEnd: this.onSortEnd,
       items: sortableListItems
     });
@@ -98202,7 +98221,7 @@ class transfer_Transfer extends baseComponent_BaseComponent {
     };
     const headerCom = this.renderHeader(headerConfig);
     const emptyCom = this.renderEmpty('right', emptyContent.right ? emptyContent.right : locale.emptyRight);
-    const panelCls = "".concat(transfer_prefixcls, "-right");
+    const panelCls = "".concat(transfer_prefixCls, "-right");
     let content = null;
 
     switch (true) {
@@ -98213,7 +98232,7 @@ class transfer_Transfer extends baseComponent_BaseComponent {
 
       case selectedData.length && !draggable:
         const list = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-          className: "".concat(transfer_prefixcls, "-right-list"),
+          className: "".concat(transfer_prefixCls, "-right-list"),
           role: "list",
           "aria-label": "Selected list"
         }, selectedData.map(item => this.renderRightItem(Object.assign({}, item))));
@@ -98241,9 +98260,9 @@ class transfer_Transfer extends baseComponent_BaseComponent {
       renderSelectedPanel,
       renderSourcePanel
     } = this.props;
-    const transferCls = classnames_default()(transfer_prefixcls, className, {
-      ["".concat(transfer_prefixcls, "-disabled")]: disabled,
-      ["".concat(transfer_prefixcls, "-custom-panel")]: renderSelectedPanel && renderSourcePanel
+    const transferCls = classnames_default()(transfer_prefixCls, className, {
+      ["".concat(transfer_prefixCls, "-disabled")]: disabled,
+      ["".concat(transfer_prefixCls, "-custom-panel")]: renderSelectedPanel && renderSourcePanel
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
       componentName: "Transfer"