shineout 3.8.0-beta.11 → 3.8.0-beta.13

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.8.0-beta.11');
+/* harmony default export */ var version = ('3.8.0-beta.13');
 ;// 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}`,
@@ -22434,6 +22450,26 @@ var tooltipAnimation = {
       transform: "var(--soui-popup-transform) scale(1)"
     }
   },
+  '@keyframes moveRightTop': {
+    '0%': {
+      transformOrigin: 'left top',
+      transform: "var(--soui-popup-transform) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'left top',
+      transform: "var(--soui-popup-transform) scale(1)"
+    }
+  },
+  '@keyframes moveRightBottom': {
+    '0%': {
+      transformOrigin: 'left bottom',
+      transform: "var(--soui-popup-transform) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'left bottom',
+      transform: "var(--soui-popup-transform) scale(1)"
+    }
+  },
   '@keyframes moveLeft': {
     '0%': {
       transformOrigin: 'right center',
@@ -22444,6 +22480,26 @@ var tooltipAnimation = {
       transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   },
+  '@keyframes moveLeftTop': {
+    '0%': {
+      transformOrigin: 'right top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'right top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
+    }
+  },
+  '@keyframes moveLeftBottom': {
+    '0%': {
+      transformOrigin: 'right bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'right bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
+    }
+  },
   '@keyframes moveTop': {
     '0%': {
       transformOrigin: 'center bottom',
@@ -22454,6 +22510,26 @@ var tooltipAnimation = {
       transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   },
+  '@keyframes moveTopLeft': {
+    '0%': {
+      transformOrigin: 'left bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'left bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
+    }
+  },
+  '@keyframes moveTopRight': {
+    '0%': {
+      transformOrigin: 'right bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'right bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
+    }
+  },
   '@keyframes moveBottom': {
     '0%': {
       transformOrigin: 'center top',
@@ -22463,6 +22539,26 @@ var tooltipAnimation = {
       transformOrigin: 'center top',
       transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
+  },
+  '@keyframes moveBottomLeft': {
+    '0%': {
+      transformOrigin: 'left top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'left top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
+    }
+  },
+  '@keyframes moveBottomRight': {
+    '0%': {
+      transformOrigin: 'right top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
+    },
+    '100%': {
+      transformOrigin: 'right top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
+    }
   }
 };
 var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
@@ -22490,6 +22586,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"]': {
@@ -22869,14 +22975,38 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
     '&[data-soui-position^="bottom"]': {
       animation: '$fadeIn 200ms ease, $moveBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
     },
+    '&[data-soui-position^="bottom-left"]': {
+      animation: '$fadeIn 200ms ease, $moveBottomLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
+    },
+    '&[data-soui-position^="bottom-right"]': {
+      animation: '$fadeIn 200ms ease, $moveBottomRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
+    },
     '&[data-soui-position^="top"]': {
       animation: '$fadeIn 200ms ease, $moveTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
     },
+    '&[data-soui-position^="top-left"]': {
+      animation: '$fadeIn 200ms ease, $moveTopLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
+    },
+    '&[data-soui-position^="top-right"]': {
+      animation: '$fadeIn 200ms ease, $moveTopRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
+    },
     '&[data-soui-position^="left"]': {
       animation: '$fadeIn 200ms ease, $moveLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
     },
+    '&[data-soui-position^="left-top"]': {
+      animation: '$fadeIn 200ms ease, $moveLeftTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
+    '&[data-soui-position^="left-bottom"]': {
+      animation: '$fadeIn 200ms ease, $moveLeftBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
     '&[data-soui-position^="right"]': {
       animation: '$fadeIn 200ms ease, $moveRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
+    '&[data-soui-position^="right-top"]': {
+      animation: '$fadeIn 200ms ease, $moveRightTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
+    '&[data-soui-position^="right-bottom"]': {
+      animation: '$fadeIn 200ms ease, $moveRightBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
     }
   },
   arrow: {},
@@ -27940,6 +28070,7 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
       color: src.textareaPlaceholderColor
     },
     width: '100%',
+    height: '100%',
     background: 'transparent',
     border: '0',
     margin: '0',
@@ -32370,7 +32501,7 @@ var AvatarGroup = function AvatarGroup(props) {
             children: childrenHidden
           })
         }))]
-      }));
+      }, "more-avatar"));
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)(AvatarProvider, {
       shape: shape,
@@ -32969,6 +33100,225 @@ 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,
+    _props$popupGap = props.popupGap,
+    popupGap = _props$popupGap === void 0 ? 0 : _props$popupGap;
+  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: popupGap,
+      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
 
 
@@ -32979,6 +33329,7 @@ var List = function List(props) {
 
 
 
+
 var breadcrumb_getKey = getKey;
 var Breadcrumb = function Breadcrumb(props) {
   var _props$jssStyle, _props$jssStyle$bread;
@@ -32989,32 +33340,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, {
@@ -33026,14 +33359,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));
@@ -33043,10 +33389,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
         })]
@@ -33063,7 +33414,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()({
@@ -39793,6 +40145,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,
@@ -39989,6 +40342,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);
@@ -40033,6 +40387,7 @@ var VirtualList = function VirtualList(props) {
 
 
 
+
 function getHighlightText(_ref) {
   var nodeList = _ref.nodeList,
     searchWords = _ref.searchWords,
@@ -40041,22 +40396,31 @@ function getHighlightText(_ref) {
   if (!enable || !searchWords) {
     return nodeList;
   }
-  var transformNode = function transformNode(node) {
-    var _node$props;
-    if (node && typeof ((_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.children) === 'string') {
-      return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(node, undefined, /*#__PURE__*/(0,jsx_runtime.jsx)(HighlightText, {
-        textToHighlight: node.props.children,
+
+  // 递归转换节点
+  var transformNode = function transformNode(node, index) {
+    // 如果是合法的 React 元素
+    if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(node) && node.props && node.props.children) {
+      // 对 children 递归调用 getHighlightText 进行转换
+      var transformedChildren = getHighlightText({
+        nodeList: node.props.children,
         searchWords: searchWords,
-        highlightClassName: highlightClassName
-      }));
+        highlightClassName: highlightClassName,
+        enable: enable
+      });
+      return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(node, objectSpread2_default()(objectSpread2_default()({}, node.props), {}, {
+        key: index
+      }), transformedChildren);
     }
-    if (node && typeof node === 'string') {
+    // 如果节点为字符串，则直接高亮替换
+    if (typeof node === 'string') {
       return /*#__PURE__*/(0,jsx_runtime.jsx)(HighlightText, {
         textToHighlight: node,
         searchWords: searchWords,
         highlightClassName: highlightClassName
       });
     }
+    // 其他情况直接返回原节点
     return node;
   };
   return isArray(nodeList) ? nodeList.map(transformNode) : transformNode(nodeList);
@@ -40072,8 +40436,7 @@ function HighlightText(_ref2) {
     searchWords = searchWords.slice(0, 500);
   }
 
-  // 注意这里的括号，这里使用了带capture group功能的正则，来split字符串
-  // 从而在strArr中可以保留匹配文本
+  // 带 capture group 的正则用于 split 保留匹配文本
   var re = new RegExp("(".concat(escapeRegExp(searchWords), ")"), 'i');
   var strArr = textToHighlight.split(re);
   return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
@@ -42882,7 +43245,8 @@ function useFormControl(props) {
     defaultValue = props.defaultValue,
     rules = props.rules,
     onError = props.onError,
-    getValidateProps = props.getValidateProps;
+    getValidateProps = props.getValidateProps,
+    clearToUndefined = props.clearToUndefined;
   var _useFieldSetConsumer = useFieldSetConsumer({
       name: props.name,
       bind: props.bind
@@ -42940,7 +43304,11 @@ function useFormControl(props) {
       var nextValue = [];
       name.forEach(function (n, index) {
         if (_value[index] === undefined && dv[index] !== undefined) {
-          nextValue[index] = dv[index];
+          if (clearToUndefined) {
+            nextValue[index] = undefined;
+          } else {
+            nextValue[index] = dv[index];
+          }
         } else {
           nextValue[index] = _value[index];
         }
@@ -42954,7 +43322,11 @@ function useFormControl(props) {
       }
       if (!shallowEqual(_value2, latestInfo.valueState)) {
         if (_value2 === undefined && defaultValue !== undefined) {
-          setValueState(defaultValue);
+          if (clearToUndefined) {
+            setValueState(undefined);
+          } else {
+            setValueState(defaultValue);
+          }
         } else {
           setValueState(_value2);
         }
@@ -43113,7 +43485,8 @@ var FormField = function FormField(props) {
     rules: props.rules,
     onError: props.onError,
     bind: props.bind,
-    getValidateProps: getValidateProps
+    getValidateProps: getValidateProps,
+    clearToUndefined: props.clearToUndefined
   });
   var handleChange = usePersistFn(function (value) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -50719,6 +51092,10 @@ var useForm = function useForm(props) {
     Object.keys(context.defaultValues).forEach(function (df) {
       var latestDefaultValue = getValue(df);
       if (latestDefaultValue === undefined) {
+        // todo: Form组件传了clearToUndefined时，加入这部分判断？
+        // if(context.value.hasOwnProperty(df) && clearToUndefined){
+        //   return;
+        // }
         setValue(defineProperty_default()({}, df, context.defaultValues[df]), {
           validate: false
         });
@@ -51246,158 +51623,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,
-    _props$popupGap = props.popupGap,
-    popupGap = _props$popupGap === void 0 ? 0 : _props$popupGap;
-  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: popupGap,
-      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
 
 
@@ -54254,6 +54479,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,
@@ -54429,6 +54655,7 @@ var list_List = function List(props) {
       dynamicVirtual: dynamicVirtual,
       tagClassName: styles.virtualList,
       height: height,
+      keepScrollTop: keepScrollTop,
       onScroll: handleVirtualScroll,
       lineHeight: lineHeight,
       rowsInView: itemsInView,
@@ -56880,6 +57107,7 @@ function Select(props0) {
       renderItem: renderItem,
       controlType: controlType,
       onLoadMore: onLoadMore,
+      keepScrollTop: !!filterText ? false : true,
       isAnimationFinish: isAnimationFinish,
       threshold: threshold,
       onControlTypeChange: setControlType,
@@ -71780,7 +72008,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.8.0-beta.11'
+  version: '3.8.0-beta.13'
 });
 }();
 /******/ 	return __webpack_exports__;