shineout 3.7.6-beta.2 → 3.7.6-beta.4

package/cjs/breadcrumb/breadcrumb.js

@@ -17,7 +17,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var jssStyle = {
   breadcrumb: _shineoutStyle.useBreadcrumbStyle,
-  popover: _shineoutStyle.usePopoverStyle
+  popover: _shineoutStyle.usePopoverStyle,
+  tooltip: _shineoutStyle.useTooltipStyle
 };
 var _default = exports.default = function _default(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Breadcrumb, _objectSpread({

package/cjs/index.js

@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.7.6-beta.2'
+  version: '3.7.6-beta.4'
 };

package/dist/shineout.js

@@ -12234,7 +12234,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.7.6-beta.2');
+/* harmony default export */ var version = ('3.7.6-beta.4');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -15910,6 +15910,9 @@ var breadcrumbStyle = {
       }
     }
   },
+  wrapperPopover: {
+    flexWrap: 'wrap'
+  },
   content: {
     '&&': {
       display: 'flex',
@@ -15919,10 +15922,23 @@ var breadcrumbStyle = {
       color: src.breadcrumbDefaultLinkActiveColor
     }
   },
+  contentMaxWidth: {
+    maxWidth: '150px',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    '&&': {
+      display: 'block'
+    }
+  },
   ellipsis: {
     color: src.breadcrumbLinkColor,
     position: 'relative',
-    top: '-3px'
+    top: '-0.25em',
+    cursor: 'pointer',
+    '&:hover': {
+      color: src.breadcrumbLinkHoverColor
+    }
   },
   itemWrapper: {
     // padding: `0 ${token.breadcrumbListItemWrapperPaddingX}`,
@@ -27812,6 +27828,16 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
       },
       '&[data-soui-position^="bottom"] $arrow': {
         transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
+      },
+      '& $arrow:before': {
+        clipPath: 'none',
+        borderTop: "1px solid ".concat(src.tooltipLightBorderColor),
+        borderLeft: "1px solid ".concat(src.tooltipLightBorderColor),
+        borderRight: 'transparent',
+        borderBottom: 'transparent',
+        width: 8.4,
+        height: 8.4,
+        transform: 'translate(50%, 27.5%) rotate(45deg)'
       }
     },
     '&[data-soui-type^="primary"]': {
@@ -32355,7 +32381,7 @@ var AvatarGroup = function AvatarGroup(props) {
             children: childrenHidden
           })
         }))]
-      }));
+      }, "more-avatar"));
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)(AvatarProvider, {
       shape: shape,
@@ -32954,6 +32980,223 @@ var List = function List(props) {
   }));
 };
 /* harmony default export */ var breadcrumb_list = (List);
+;// CONCATENATED MODULE: ../base/src/tooltip/tooltip.tsx
+
+
+
+
+
+
+
+
+
+
+var tooltip_devUseWarning = devUseWarning;
+var defaultDelay = 0;
+var Tooltip = function Tooltip(props) {
+  var _jssStyle$tooltip, _config$tooltip;
+  var _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'hover' : _props$trigger,
+    priorityDirection = props.priorityDirection,
+    children = props.children,
+    tip = props.tip,
+    disabledChild = props.disabledChild,
+    jssStyle = props.jssStyle,
+    className = props.className,
+    style = props.style,
+    zIndex = props.zIndex,
+    _props$showArrow = props.showArrow,
+    showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
+    persistentProp = props.persistent,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'default' : _props$type,
+    _props$position = props.position,
+    popsitionProps = _props$position === void 0 ? 'auto' : _props$position;
+  var tooltipClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$tooltip = jssStyle.tooltip) === null || _jssStyle$tooltip === void 0 ? void 0 : _jssStyle$tooltip.call(jssStyle);
+  var config = useConfig();
+  var persistent = persistentProp !== null && persistentProp !== void 0 ? persistentProp : (_config$tooltip = config.tooltip) === null || _config$tooltip === void 0 ? void 0 : _config$tooltip.persistent;
+  var childrenProps = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(children) ? children === null || children === void 0 ? void 0 : children.props : {};
+  var delay = props.delay || props.mouseEnterDelay || defaultDelay;
+  var _usePopup = use_popup({
+      position: popsitionProps,
+      trigger: trigger,
+      autoMode: 'popover',
+      priorityDirection: priorityDirection,
+      mouseEnterDelay: delay,
+      targetEvents: disabledChild ? {} : childrenProps
+    }),
+    open = _usePopup.open,
+    position = _usePopup.position,
+    getTargetProps = _usePopup.getTargetProps,
+    targetRef = _usePopup.targetRef,
+    popupRef = _usePopup.popupRef,
+    closePop = _usePopup.closePop;
+  var events = getTargetProps();
+  var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(0),
+    _React$useState2 = slicedToArray_default()(_React$useState, 2),
+    updateKey = _React$useState2[0],
+    setUpdateKey = _React$useState2[1];
+  var handleUpdateKey = usePersistFn(function () {
+    setUpdateKey(function (prev) {
+      return (prev + 1) % 2;
+    });
+  });
+  var bindEvents = function bindEvents() {
+    var _window;
+    var targetEl = targetRef.current;
+    if (!targetEl) return;
+    if (events.onMouseEnter) targetEl.addEventListener('mouseenter', events.onMouseEnter);
+    if (events.onMouseLeave) targetEl.addEventListener('mouseleave', events.onMouseLeave);
+    if (events.onClick) targetEl.addEventListener('click', events.onClick);
+    (_window = window) === null || _window === void 0 || _window.addEventListener('resize', handleUpdateKey);
+  };
+  var unbindEvents = function unbindEvents() {
+    var _window2;
+    var targetEl = targetRef.current;
+    if (!targetEl) return;
+    var events = getTargetProps();
+    if (events.onMouseEnter) targetEl.removeEventListener('mouseenter', events.onMouseEnter);
+    if (events.onMouseLeave) targetEl.removeEventListener('mouseleave', events.onMouseLeave);
+    if (events.onClick) targetEl.removeEventListener('click', events.onClick);
+    targetEl.removeEventListener('click', closePop);
+    (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener('resize', handleUpdateKey);
+  };
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!persistent) return;
+    bindEvents();
+    return function () {
+      unbindEvents();
+    };
+  }, [persistent]);
+  if (! /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(children)) {
+    tooltip_devUseWarning.error('Tooltip children expect a single ReactElement.');
+    return null;
+  }
+  if (!tip) return children;
+  var inner = disabledChild ? /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+    className: tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.target,
+    style: {
+      cursor: 'not-allowed'
+    },
+    children: /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(children, {
+      style: objectSpread2_default()(objectSpread2_default()({}, childrenProps.style), {}, {
+        pointerEvents: 'none'
+      })
+    })
+  }) : children;
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("noscript", {
+      ref: function ref(el) {
+        if (!el) return;
+        var targetEl = el.nextElementSibling;
+        if (!targetEl) return;
+        if (targetRef.current === targetEl) return;
+        targetRef.current = targetEl;
+      }
+    }, 'ns'), /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(inner, events), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
+      focus: open,
+      parentElRef: targetRef,
+      popupElRef: popupRef,
+      absolute: true,
+      position: position,
+      fixedWidth: false,
+      popupGap: 0,
+      zIndex: zIndex,
+      adjust: popsitionProps === 'auto',
+      updateKey: updateKey,
+      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+        className: classnames_default()(className, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.rootClass, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapper, open && (tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapperOpen)),
+        style: {
+          pointerEvents: persistent ? 'initial' : undefined
+        }
+      }, getDataAttribute({
+        type: type,
+        position: position
+      })), {}, {
+        ref: popupRef,
+        onMouseLeave: events.onMouseLeave,
+        dir: config.direction,
+        children: [showArrow && /*#__PURE__*/(0,jsx_runtime.jsx)("span", objectSpread2_default()({
+          className: tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.arrow
+        }, getDataAttribute({
+          role: 'arrow'
+        }))), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          style: style,
+          className: classnames_default()(tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.content),
+          children: tip
+        })]
+      }))
+    })]
+  });
+};
+/* harmony default export */ var src_tooltip_tooltip = (Tooltip);
+;// CONCATENATED MODULE: ../base/src/breadcrumb/breadcrumb-item.tsx
+
+
+
+
+
+
+
+
+var BreadcrumbItem = function BreadcrumbItem(_ref) {
+  var _jssStyle$breadcrumb;
+  var dataItem = _ref.dataItem,
+    renderItem = _ref.renderItem,
+    jssStyle = _ref.jssStyle,
+    max = _ref.max;
+  var contentRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    isOverflow = _useState2[0],
+    setIsOverflow = _useState2[1];
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+    if (contentRef.current && max !== undefined) {
+      setIsOverflow(contentRef.current.offsetWidth > 150);
+    }
+  }, [max, dataItem]);
+  var breadcrumbClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$breadcrumb = jssStyle.breadcrumb) === null || _jssStyle$breadcrumb === void 0 ? void 0 : _jssStyle$breadcrumb.call(jssStyle);
+  var contentClass = classnames_default()(breadcrumbClasses.content, isOverflow && (breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.contentMaxWidth));
+  var d = dataItem;
+  var item = d.title;
+  if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(item)) {
+    if (d.onClick || d.url) {
+      var props = {
+        onClick: d.onClick
+      };
+      if (d.url) props.href = d.url;
+      item = /*#__PURE__*/(0,jsx_runtime.jsxs)("a", objectSpread2_default()(objectSpread2_default()({}, props), {}, {
+        className: contentClass,
+        role: "button",
+        ref: contentRef,
+        children: [d.icon, d.icon && d.title && /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+          children: "\xA0"
+        }), d.title]
+      }));
+    } else {
+      item = /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
+        className: contentClass,
+        ref: contentRef,
+        children: [d.icon, d.icon && d.title && /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+          children: "\xA0"
+        }), d.title]
+      });
+    }
+  }
+  if (renderItem) {
+    return renderItem(dataItem);
+  }
+  if (isOverflow && d.title && max !== undefined) {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(src_tooltip_tooltip, {
+      jssStyle: jssStyle,
+      type: "light",
+      tip: d.title,
+      children: item
+    });
+  }
+  return item;
+};
+/* harmony default export */ var breadcrumb_item = (BreadcrumbItem);
 ;// CONCATENATED MODULE: ../base/src/breadcrumb/breadcrumb.tsx
 
 
@@ -32964,6 +33207,7 @@ var List = function List(props) {
 
 
 
+
 var breadcrumb_getKey = getKey;
 var Breadcrumb = function Breadcrumb(props) {
   var _props$jssStyle, _props$jssStyle$bread;
@@ -32974,32 +33218,14 @@ var Breadcrumb = function Breadcrumb(props) {
     _props$maxHeight = props.maxHeight,
     maxHeight = _props$maxHeight === void 0 ? '50vh' : _props$maxHeight;
   var breadcrumbClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$bread = _props$jssStyle.breadcrumb) === null || _props$jssStyle$bread === void 0 ? void 0 : _props$jssStyle$bread.call(_props$jssStyle);
+  var maxCount = props.max ? Math.max(2, props.max) : undefined;
   var renderItem = function renderItem(dataItem) {
-    var d = dataItem;
-    var item = d.title;
-    if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(item)) {
-      if (d.onClick || d.url) {
-        var _props = {
-          onClick: d.onClick
-        };
-        if (d.url) _props.href = d.url;
-        item = /*#__PURE__*/(0,jsx_runtime.jsxs)("a", objectSpread2_default()(objectSpread2_default()({}, _props), {}, {
-          className: breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.content,
-          role: "button",
-          children: [d.icon, d.icon && d.title && /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
-            children: "\xA0"
-          }), d.title]
-        }));
-      } else {
-        item = /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
-          className: breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.content,
-          children: [d.icon, d.icon && d.title && /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
-            children: "\xA0"
-          }), d.title]
-        });
-      }
-    }
-    return props.renderItem ? props.renderItem(dataItem) : item;
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb_item, {
+      dataItem: dataItem,
+      renderItem: props.renderItem,
+      jssStyle: props.jssStyle,
+      max: maxCount
+    });
   };
   var renderArray = function renderArray(data) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb_list, {
@@ -33011,14 +33237,27 @@ var Breadcrumb = function Breadcrumb(props) {
   };
   var className = classnames_default()(breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.rootClass, breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.wrapper, props.className);
   var getRenderData = function getRenderData() {
-    if (!props.max) return data;
-    if (data.length <= props.max) return data;
+    if (!maxCount) return data;
+    if (data.length <= maxCount) return data;
     var first = data[0];
-    var reset = data.slice(data.length - props.max + 1);
+    var sliceIndex = data.length - maxCount + 1;
+    var reset = data.slice(sliceIndex);
+    var moreData = data.slice(1, sliceIndex);
+    var moreClassName = classnames_default()(props.className, breadcrumbClasses.wrapperPopover);
     var more = {
-      title: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      title: /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
         className: classnames_default()(breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.content, breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.ellipsis),
-        children: "..."
+        children: ["...", /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
+          jssStyle: props.jssStyle,
+          useTextStyle: true,
+          offset: [8, 0],
+          popupGap: -4,
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)(Breadcrumb, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
+            className: moreClassName,
+            data: moreData,
+            max: undefined
+          }))
+        })]
       })
     };
     return [first, more].concat(toConsumableArray_default()(reset));
@@ -33028,10 +33267,15 @@ var Breadcrumb = function Breadcrumb(props) {
     style: props.style,
     children: data && getRenderData().map(function (d, index) {
       var itemFirst = Array.isArray(d) ? d[0] : d;
-      var isLastItem = index === (props.max !== undefined ? props.max : data.length - 1);
+      var isLastItem = index === (maxCount !== undefined ? maxCount : data.length - 1);
       return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.item,
-        children: [Array.isArray(d) ? renderArray(d) : renderItem(d), !isLastItem && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        children: [Array.isArray(d) ? renderArray(d) : /*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb_item, {
+          dataItem: d,
+          renderItem: renderItem,
+          jssStyle: props.jssStyle,
+          max: maxCount
+        }), !isLastItem && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           className: breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.separator,
           children: separator
         })]
@@ -33048,7 +33292,8 @@ var Breadcrumb = function Breadcrumb(props) {
 
 var breadcrumb_jssStyle = {
   breadcrumb: useBreadcrumbStyle,
-  popover: usePopoverStyle
+  popover: usePopoverStyle,
+  tooltip: useTooltipStyle
 };
 /* harmony default export */ var src_breadcrumb_breadcrumb_0 = (function (props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_breadcrumb_breadcrumb, objectSpread2_default()({
@@ -39752,6 +39997,7 @@ var VirtualList = function VirtualList(props) {
     className = props.className,
     lineHeight = props.lineHeight,
     height = props.height,
+    keepScrollTop = props.keepScrollTop,
     keepScrollHeight = props.keepScrollHeight,
     renderItem = props.renderItem,
     customRenderItem = props.customRenderItem,
@@ -39948,6 +40194,7 @@ var VirtualList = function VirtualList(props) {
   }, [startIndex]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     if (keepScrollHeight) return;
+    if (keepScrollTop) return;
     // 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
     setTop(0);
     setStartIndex(0);
@@ -51188,156 +51435,6 @@ var UseFormItem = function UseFormItem() {
   };
 };
 /* harmony default export */ var use_form_item = (UseFormItem);
-;// CONCATENATED MODULE: ../base/src/tooltip/tooltip.tsx
-
-
-
-
-
-
-
-
-
-
-var tooltip_devUseWarning = devUseWarning;
-var defaultDelay = 0;
-var Tooltip = function Tooltip(props) {
-  var _jssStyle$tooltip, _config$tooltip;
-  var _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'hover' : _props$trigger,
-    priorityDirection = props.priorityDirection,
-    children = props.children,
-    tip = props.tip,
-    disabledChild = props.disabledChild,
-    jssStyle = props.jssStyle,
-    className = props.className,
-    style = props.style,
-    zIndex = props.zIndex,
-    _props$showArrow = props.showArrow,
-    showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
-    persistentProp = props.persistent,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'default' : _props$type,
-    _props$position = props.position,
-    popsitionProps = _props$position === void 0 ? 'auto' : _props$position;
-  var tooltipClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$tooltip = jssStyle.tooltip) === null || _jssStyle$tooltip === void 0 ? void 0 : _jssStyle$tooltip.call(jssStyle);
-  var config = useConfig();
-  var persistent = persistentProp !== null && persistentProp !== void 0 ? persistentProp : (_config$tooltip = config.tooltip) === null || _config$tooltip === void 0 ? void 0 : _config$tooltip.persistent;
-  var childrenProps = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(children) ? children === null || children === void 0 ? void 0 : children.props : {};
-  var delay = props.delay || props.mouseEnterDelay || defaultDelay;
-  var _usePopup = use_popup({
-      position: popsitionProps,
-      trigger: trigger,
-      autoMode: 'popover',
-      priorityDirection: priorityDirection,
-      mouseEnterDelay: delay,
-      targetEvents: disabledChild ? {} : childrenProps
-    }),
-    open = _usePopup.open,
-    position = _usePopup.position,
-    getTargetProps = _usePopup.getTargetProps,
-    targetRef = _usePopup.targetRef,
-    popupRef = _usePopup.popupRef,
-    closePop = _usePopup.closePop;
-  var events = getTargetProps();
-  var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(0),
-    _React$useState2 = slicedToArray_default()(_React$useState, 2),
-    updateKey = _React$useState2[0],
-    setUpdateKey = _React$useState2[1];
-  var handleUpdateKey = usePersistFn(function () {
-    setUpdateKey(function (prev) {
-      return (prev + 1) % 2;
-    });
-  });
-  var bindEvents = function bindEvents() {
-    var _window;
-    var targetEl = targetRef.current;
-    if (!targetEl) return;
-    if (events.onMouseEnter) targetEl.addEventListener('mouseenter', events.onMouseEnter);
-    if (events.onMouseLeave) targetEl.addEventListener('mouseleave', events.onMouseLeave);
-    if (events.onClick) targetEl.addEventListener('click', events.onClick);
-    (_window = window) === null || _window === void 0 || _window.addEventListener('resize', handleUpdateKey);
-  };
-  var unbindEvents = function unbindEvents() {
-    var _window2;
-    var targetEl = targetRef.current;
-    if (!targetEl) return;
-    var events = getTargetProps();
-    if (events.onMouseEnter) targetEl.removeEventListener('mouseenter', events.onMouseEnter);
-    if (events.onMouseLeave) targetEl.removeEventListener('mouseleave', events.onMouseLeave);
-    if (events.onClick) targetEl.removeEventListener('click', events.onClick);
-    targetEl.removeEventListener('click', closePop);
-    (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener('resize', handleUpdateKey);
-  };
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (!persistent) return;
-    bindEvents();
-    return function () {
-      unbindEvents();
-    };
-  }, [persistent]);
-  if (! /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(children)) {
-    tooltip_devUseWarning.error('Tooltip children expect a single ReactElement.');
-    return null;
-  }
-  if (!tip) return children;
-  var inner = disabledChild ? /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-    className: tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.target,
-    style: {
-      cursor: 'not-allowed'
-    },
-    children: /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(children, {
-      style: objectSpread2_default()(objectSpread2_default()({}, childrenProps.style), {}, {
-        pointerEvents: 'none'
-      })
-    })
-  }) : children;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("noscript", {
-      ref: function ref(el) {
-        if (!el) return;
-        var targetEl = el.nextElementSibling;
-        if (!targetEl) return;
-        if (targetRef.current === targetEl) return;
-        targetRef.current = targetEl;
-      }
-    }, 'ns'), /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(inner, events), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
-      focus: open,
-      parentElRef: targetRef,
-      popupElRef: popupRef,
-      absolute: true,
-      position: position,
-      fixedWidth: false,
-      popupGap: 0,
-      zIndex: zIndex,
-      adjust: popsitionProps === 'auto',
-      updateKey: updateKey,
-      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
-        className: classnames_default()(className, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.rootClass, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapper, open && (tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapperOpen)),
-        style: {
-          pointerEvents: persistent ? 'initial' : undefined
-        }
-      }, getDataAttribute({
-        type: type,
-        position: position
-      })), {}, {
-        ref: popupRef,
-        onMouseLeave: events.onMouseLeave,
-        dir: config.direction,
-        children: [showArrow && /*#__PURE__*/(0,jsx_runtime.jsx)("span", objectSpread2_default()({
-          className: tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.arrow
-        }, getDataAttribute({
-          role: 'arrow'
-        }))), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-          style: style,
-          className: classnames_default()(tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.content),
-          children: tip
-        })]
-      }))
-    })]
-  });
-};
-/* harmony default export */ var src_tooltip_tooltip = (Tooltip);
 ;// CONCATENATED MODULE: ../base/src/form/form-item.tsx
 
 
@@ -54193,6 +54290,7 @@ var list_List = function List(props) {
     lineHeightProp = props.lineHeight,
     threshold = props.threshold,
     controlType = props.controlType,
+    keepScrollTop = props.keepScrollTop,
     hideCreateOption = props.hideCreateOption,
     optionListRef = props.optionListRef,
     isAnimationFinish = props.isAnimationFinish,
@@ -54368,6 +54466,7 @@ var list_List = function List(props) {
       dynamicVirtual: dynamicVirtual,
       tagClassName: styles.virtualList,
       height: height,
+      keepScrollTop: keepScrollTop,
       onScroll: handleVirtualScroll,
       lineHeight: lineHeight,
       rowsInView: itemsInView,
@@ -56812,6 +56911,7 @@ function Select(props0) {
       renderItem: renderItem,
       controlType: controlType,
       onLoadMore: onLoadMore,
+      keepScrollTop: !!filterText ? false : true,
       isAnimationFinish: isAnimationFinish,
       threshold: threshold,
       onControlTypeChange: setControlType,
@@ -71669,7 +71769,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.6-beta.2'
+  version: '3.7.6-beta.4'
 });
 }();
 /******/ 	return __webpack_exports__;