shineout 3.4.0-beta.8 → 3.4.0

package/dist/shineout.js

@@ -11991,7 +11991,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.4.0-beta.8');
+/* harmony default export */ var version = ('3.4.0');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -18129,7 +18129,10 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
   },
   datetimeHide: {
     opacity: '0',
-    pointerEvents: 'none'
+    pointerEvents: 'none',
+    '& > span': {
+      display: 'none'
+    }
   },
   quickPicker: {
     padding: "".concat(src.datePickerQuickPanelPaddingY, " ").concat(src.datePickerQuickPanelPaddingX),
@@ -22044,7 +22047,11 @@ var rateStyle = {
     width: '100%',
     height: '100%',
     transition: 'none',
-    color: src.rateBackgroundColor
+    color: src.rateBackgroundColor,
+    '& > svg': {
+      width: '1em',
+      height: '1em'
+    }
   },
   itemFront: {
     position: 'absolute',
@@ -22053,7 +22060,11 @@ var rateStyle = {
     right: 0,
     bottom: 0,
     opacity: 0,
-    color: src.rateFrontBackgroundColor
+    color: src.rateFrontBackgroundColor,
+    '& > svg': {
+      width: '1em',
+      height: '1em'
+    }
   },
   itemHalf: {
     position: 'absolute',
@@ -24714,7 +24725,8 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
     }
   },
   bordered: {
-    border: "1px solid ".concat(src.tableCellBorderColor),
+    borderLeft: "1px solid ".concat(src.tableCellBorderColor),
+    borderRight: "1px solid ".concat(src.tableCellBorderColor),
     borderBottom: 'none',
     borderTop: 'none',
     '&::before': {
@@ -24737,6 +24749,9 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
       borderTop: "1px solid ".concat(src.tableCellBorderColor)
     }
   },
+  headMirrorScroller: {
+    overflow: 'scroll hidden'
+  },
   headWrapper: {
     flex: '0 0 auto',
     overflow: 'hidden',
@@ -26210,6 +26225,12 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
     '&[dir=rtl]': {
       left: '0'
     },
+    '&$bottomLeft': {
+      right: 'auto'
+    },
+    '&$bottomRight': {
+      left: 'auto'
+    },
     top: '100%',
     transformOrigin: '100% 0',
     marginTop: '10px',
@@ -26238,8 +26259,22 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
     },
     '&[dir=rtl]::before': {
       left: '8px'
+    },
+    '&$bottomLeft::before': {
+      left: '8px',
+      right: 'auto'
+    },
+    '&$bottomRight::before': {
+      right: '4px',
+      left: 'auto'
     }
   },
+  bottomLeft: {
+    left: 0
+  },
+  bottomRight: {
+    right: 0
+  },
   infoError: {
     boxShadow: "0 0 0 1px ".concat(src.textareaInfoErrorBorderColor),
     color: src.textareaInfoErrorFontColor,
@@ -34166,15 +34201,31 @@ var Carousel = function Carousel(props) {
   };
   var renderArrow = function renderArrow() {
     if (!props.showArrow) return null;
+    var handlePrev = function handlePrev() {
+      if (config.direction === 'ltr') {
+        func.backward();
+      } else {
+        func.forward();
+      }
+      func.stop();
+    };
+    var handleNext = function handleNext() {
+      if (config.direction === 'ltr') {
+        func.forward();
+      } else {
+        func.backward();
+      }
+      func.stop();
+    };
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: classnames_default()(props.showArrow === 'hover' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.arrowHover), carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.arrowWrapper, props.arrowClassName),
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: classnames_default()(carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.arrowLeft, carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.arrowItem),
-        onClick: config.direction === 'ltr' ? func.backward : func.forward,
+        onClick: handlePrev,
         children: icons_config.carousel.Backward
       }, 'left'), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: classnames_default()(carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.arrowRight, carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.arrowItem),
-        onClick: config.direction === 'ltr' ? func.forward : func.backward,
+        onClick: handleNext,
         children: icons_config.carousel.Forward
       }, 'right')]
     });
@@ -40902,6 +40953,13 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
   var getCurrentArr = function getCurrentArr() {
     var arr = convertValueToDateArr(value, format, options);
     var currentArr = convertValueToDateArr(props.defaultCurrent, 'YYYY-MM-DD', options);
+    var validArr = arr.filter(function (item) {
+      return item;
+    });
+    var validCurrentArr = currentArr.filter(function (item) {
+      return item;
+    });
+    if (!validArr.length && currentArr.length) return validCurrentArr;
     if (!arr[0]) arr[0] = arr[1] || currentArr[0] || new Date();
     if (range && !arr[1]) arr[1] = arr[0] || currentArr[1] || new Date();
     return arr;
@@ -41876,7 +41934,8 @@ var Day = function Day(props) {
       className: styles === null || styles === void 0 ? void 0 : styles.pickerFooter,
       dir: direction,
       style: {
-        borderTop: props.needConfirm && props.range ? 'none' : ''
+        borderTop: props.needConfirm && props.range ? 'none' : undefined,
+        marginTop: props.needConfirm && props.range ? -16 : undefined
       },
       children: [props.type === 'datetime' && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerFooterTime, styles === null || styles === void 0 ? void 0 : styles.datetime, !timeStr && (styles === null || styles === void 0 ? void 0 : styles.datetimeHide)),
@@ -44122,6 +44181,11 @@ var Modal = function Modal(props) {
       }
     };
   }, []);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (props.setInnerClose) {
+      props.setInnerClose(handleClose);
+    }
+  }, [props.setInnerClose]);
 
   // render
   var renderIcon = function renderIcon(isEmptyTitle) {
@@ -44322,12 +44386,16 @@ var BtnCancel = function BtnCancel(option) {
 var method = function method(type, jssStyle) {
   return function (options) {
     var id = getUidStr();
+    var innerClose;
     var root = getRoot({
       container: options.container
     });
     if (!root) return;
     var destroyModal = function destroyModal() {
-      destroy(root);
+      innerClose();
+      setTimeout(function () {
+        destroy(root);
+      }, 300);
     };
     modals.add(root);
     var btnOptions = {
@@ -44356,6 +44424,9 @@ var method = function method(type, jssStyle) {
       shouldDestroy: function shouldDestroy(can) {
         if (can) destroyModal();
       },
+      setInnerClose: function setInnerClose(close) {
+        innerClose = close;
+      },
       children: options.content || options.children
     }));
     ReactRender(Content, root);
@@ -44591,7 +44662,8 @@ var Dropdown = function Dropdown(props) {
     className = props.className,
     size = props.size,
     animation = props.animation,
-    hideArrow = props.hideArrow;
+    hideArrow = props.hideArrow,
+    zIndex = props.zIndex;
   var dropdownClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$dropdown = jssStyle.dropdown) === null || _jssStyle$dropdown === void 0 ? void 0 : _jssStyle$dropdown.call(jssStyle);
   var config = useConfig();
   var isRtl = config.direction === 'rtl';
@@ -44740,6 +44812,7 @@ var Dropdown = function Dropdown(props) {
       focus: open,
       parentElRef: targetRef,
       absolute: absolute,
+      zIndex: zIndex,
       fixedWidth: 'min',
       popupGap: 4,
       popupElRef: popupRef,
@@ -45050,6 +45123,7 @@ var useAutoSize = function useAutoSize(props) {
 
 
 
+
 var textarea_excluded = ["info", "suffix", "renderFooter", "width", "style", "jssStyle", "onBlur", "status", "trim", "delay"];
 
 
@@ -45162,8 +45236,17 @@ var textarea_Textarea = function Textarea(props0) {
   var forwardProps = removeProps(resetProps, objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, inputAbleParams), autosizeParams), tipProps), formatParams), innerTitleProps));
   var getInfo = function getInfo() {
     var notNumber = typeof info !== 'number';
-    if (typeof info !== 'function' && notNumber) return null;
-    var textInfo = notNumber ? info : textarea_defaultInfo.bind(null, info);
+    if (typeof info !== 'function' && typeof_default()(info) !== 'object' && notNumber) return null;
+    var infoContent;
+    var infoPosition;
+    if (typeof_default()(info) === 'object') {
+      infoContent = info.content;
+      infoPosition = info.position;
+    } else {
+      infoContent = info;
+    }
+    var notContentNumber = typeof infoContent !== 'number';
+    var textInfo = notContentNumber ? infoContent : textarea_defaultInfo.bind(null, infoContent);
     var res = textInfo(inputAbleProps.value);
     // empty
     if (!res) return null;
@@ -45175,7 +45258,7 @@ var textarea_Textarea = function Textarea(props0) {
         minWidth: 'auto'
       },
       dir: config.direction,
-      className: classnames_default()(textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.info, !!isError && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.infoError)),
+      className: classnames_default()(textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.info, !!isError && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.infoError), infoPosition === 'bottom-left' && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.bottomLeft), infoPosition === 'bottom-right' && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.bottomRight)),
       children: text
     }, 'info');
   };
@@ -48738,8 +48821,7 @@ var Scroll = function Scroll(props) {
   var wrapperRef = useForkRef(scrollRef, props.wrapperRef);
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       timer: null,
-      isMouseDown: false,
-      lastPaddingTop: 0
+      isMouseDown: false
     }),
     context = _useRef.current;
   var _props$scrollHeight = props.scrollHeight,
@@ -48768,13 +48850,11 @@ var Scroll = function Scroll(props) {
     overflow: 'hidden',
     position: 'sticky'
   }, isRtl ? 'right' : 'left', 0), "top", 0);
-  var pd = context.lastPaddingTop;
-  if (height > 0 && scrollHeight > 0) {
-    pd = Math.max(0, Math.floor(scrollHeight - height));
-    context.lastPaddingTop = pd;
-  }
+  var paddingTop = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return Math.max(0, Math.floor(scrollHeight - height));
+  }, [scrollHeight, height]);
   var placeStyle = {
-    paddingTop: pd,
+    paddingTop: paddingTop,
     width: scrollWidth,
     overflow: props.isScrollY ? 'hidden' : 'auto hidden',
     height: props.isScrollY ? 0 : 1,
@@ -48907,7 +48987,7 @@ var VirtualList = function VirtualList(props) {
   var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState8 = slicedToArray_default()(_useState7, 2),
     startIndex = _useState8[0],
-    setCurrentIndex = _useState8[1];
+    setStartIndex = _useState8[1];
   var wrapperRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       cachedHeight: [],
@@ -48986,7 +49066,7 @@ var VirtualList = function VirtualList(props) {
       }
     }
     if (nextCurrentIndex !== startIndex) {
-      setCurrentIndex(nextCurrentIndex);
+      setStartIndex(nextCurrentIndex);
     }
     setTop(top);
   };
@@ -49002,8 +49082,7 @@ var VirtualList = function VirtualList(props) {
   };
   var handleScroll = function handleScroll(info) {
     var _props$onScroll;
-    var scrollLeft = info.scrollLeft,
-      height = info.height,
+    var height = info.height,
       y = info.y,
       fromDrag = info.fromDrag;
     var scrollTop = info.scrollTop;
@@ -49028,7 +49107,7 @@ var VirtualList = function VirtualList(props) {
   var renderList = function renderList() {
     var items = data.slice(startIndex, startIndex + rowsInView);
     var Tag = tag;
-    var shouldScroll = data.length * lineHeight > height;
+    var shouldScroll = getContentHeight(data.length - 1) > height;
     var nextStyle = objectSpread2_default()({}, style);
     if (shouldScroll) nextStyle.height = height;
     var scrollHeight = getContentHeight(data.length - 1);
@@ -49063,11 +49142,19 @@ var VirtualList = function VirtualList(props) {
     });
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    setHeight(getContentHeight(props.data.length - 1));
+    // 记录preIndex
+    context.preIndex = startIndex;
+  }, [startIndex]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+    // 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
+    setTop(0);
+    setStartIndex(0);
+    return function () {
+      context.preIndex = null;
+    };
   }, [data.length]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (offsetY) {
-      // if (wrapperRef.current && props.innerRef.current) {
       if (wrapperRef.current) {
         setOffsetY(0);
         setTop(function (s) {
@@ -49078,11 +49165,8 @@ var VirtualList = function VirtualList(props) {
     }
   }, [offsetY, startIndex]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    // 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
-    return function () {
-      context.preIndex = null;
-    };
-  }, [props.data]);
+    setHeight(getContentHeight(props.data.length - 1));
+  }, [data.length]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (context.heightCallback) {
       var cb = context.heightCallback;
@@ -49090,10 +49174,6 @@ var VirtualList = function VirtualList(props) {
       cb();
     }
   }, [scrollHeight]);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    // 记录preIndex
-    context.preIndex = startIndex;
-  }, [startIndex]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (virtualRef !== null && virtualRef !== void 0 && virtualRef.current) {
       virtualRef.current.scrollByStep = handleScrollByStep;
@@ -49428,7 +49508,6 @@ var list_List = function List(props) {
     _props$itemsInView = props.itemsInView,
     itemsInView = _props$itemsInView === void 0 ? 10 : _props$itemsInView,
     lineHeightProp = props.lineHeight,
-    loading = props.loading,
     threshold = props.threshold,
     controlType = props.controlType,
     hideCreateOption = props.hideCreateOption,
@@ -50350,7 +50429,8 @@ var Root = function Root(props) {
 
 
 
-var tree_excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "dragHoverExpand", "active", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum"];
+
+var tree_excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "dragHoverExpand", "active", "setActive", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum"];
 
 
 
@@ -50389,10 +50469,11 @@ var Tree = function Tree(props) {
     dragSibling = props.dragSibling,
     unmatch = props.unmatch,
     dragHoverExpand = props.dragHoverExpand,
-    active = props.active,
+    propActive = props.active,
+    propSetActive = props.setActive,
     disabled = props.disabled,
     inlineNode = props.inlineNode,
-    highlight = props.highlight,
+    propHighlight = props.highlight,
     className = props.className,
     onClick = props.onClick,
     loader = props.loader,
@@ -50406,6 +50487,17 @@ var Tree = function Tree(props) {
     onDragStart = props.onDragStart,
     propsDatum = props.datum,
     rest = objectWithoutProperties_default()(props, tree_excluded);
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(propActive),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  var isActiveControlled = ('active' in props);
+  var highlight = propHighlight !== null && propHighlight !== void 0 ? propHighlight : isActiveControlled;
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (isActiveControlled && propActive !== active) {
+      setActive(propActive);
+    }
+  }, [active, propActive]);
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       mounted: false
     }),
@@ -50444,14 +50536,14 @@ var Tree = function Tree(props) {
     });
   };
   var handleUpdateActive = function handleUpdateActive(active) {
+    setActive(active);
+    propSetActive === null || propSetActive === void 0 || propSetActive(active);
     datum.updateMap.forEach(function (update, id) {
       update('active', id === active);
     });
   };
   var handleNodeClick = function handleNodeClick(node, id) {
-    if (active === undefined) {
-      handleUpdateActive(id);
-    }
+    handleUpdateActive(id);
     if (onClick) {
       onClick(node, id, datum.getPath(id));
     }
@@ -56078,6 +56170,49 @@ var BaseSwitch = function BaseSwitch(props) {
 var SwitchComp = src_switch_switch_0;
 SwitchComp.displayName = 'ShineoutSwitch';
 /* harmony default export */ var src_switch_0 = (SwitchComp);
+;// CONCATENATED MODULE: ../hooks/src/common/use-scrollbar-width/index.ts
+
+
+var scrollbarWidthCache;
+function getScrollbarWidth() {
+  // 检查是否在服务器端运行
+  if (typeof window === 'undefined' || typeof document === 'undefined') {
+    return 0;
+  }
+
+  // 如果我们的缓存变量已经存在，则直接返回该值
+  if (scrollbarWidthCache !== undefined) {
+    return scrollbarWidthCache;
+  }
+
+  // 客户端环境，计算滚动条宽度
+  var outer = document.createElement("div");
+  outer.style.visibility = "hidden";
+  outer.style.overflow = "scroll";
+  document.body.appendChild(outer);
+  var inner = document.createElement("div");
+  outer.appendChild(inner);
+  var scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
+  if (outer.parentNode) outer.parentNode.removeChild(outer);
+
+  // 缓存并返回计算结果
+  scrollbarWidthCache = scrollbarWidth;
+  return scrollbarWidth;
+}
+function useScrollbarWidth() {
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    scrollbarWidth = _useState2[0],
+    setScrollbarWidth = _useState2[1];
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    // 只有在客户端时才计算滚动条宽度
+    if (typeof window !== 'undefined') {
+      setScrollbarWidth(getScrollbarWidth());
+    }
+  }, []);
+  return scrollbarWidth;
+}
+/* harmony default export */ var use_scrollbar_width = ((/* unused pure expression or super */ null && (useScrollbarWidth)));
 ;// CONCATENATED MODULE: ../hooks/src/components/use-table/use-table-columns.tsx
 
 
@@ -56238,6 +56373,7 @@ var useTableLayout = function useTableLayout(props) {
       return;
     }
     context.clientWidth = scrollEl.clientWidth;
+    if (scrollEl.clientHeight === 0) return;
     var overHeight = scrollEl.scrollHeight > scrollEl.clientHeight;
     var overWidth = scrollEl.scrollWidth > context.clientWidth;
     var newScrollBarWidth = overHeight ? scrollEl.offsetWidth - scrollEl.clientWidth : 0;
@@ -57012,6 +57148,8 @@ var useTableVirtual = function useTableVirtual(props) {
   }, [startIndex]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
+    setTop(0);
+    setStartIndex(0);
     return function () {
       context.preIndex = null;
     };
@@ -58297,7 +58435,9 @@ var emptyRef = {
   var theadRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var tfootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var mirrorScrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var tableRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var browserScrollbarWidth = useScrollbarWidth();
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       emptyHeight: 0
     }),
@@ -58452,6 +58592,9 @@ var emptyRef = {
     var target = e.currentTarget;
     if (!target) return;
     layoutFunc.checkFloat();
+    if (mirrorScrollRef.current) {
+      mirrorScrollRef.current.scrollLeft = target.scrollLeft;
+    }
     if (props.onScroll && typeof props.onScroll === 'function') {
       var maxWidth = target.scrollWidth - target.clientWidth;
       var maxHeight = target.scrollHeight - target.clientHeight;
@@ -58463,6 +58606,9 @@ var emptyRef = {
   var handleVirtualScroll = usePersistFn(function (info) {
     virtualInfo.handleScroll(info);
     layoutFunc.checkFloat();
+    if (mirrorScrollRef.current) {
+      mirrorScrollRef.current.scrollLeft = info.scrollLeft;
+    }
     if (props.onScroll && typeof props.onScroll === 'function') {
       props.onScroll(info.x, info.y, info.scrollLeft, info.scrollTop);
     }
@@ -58481,7 +58627,7 @@ var emptyRef = {
     });
   };
   var renderTable = function renderTable() {
-    var _props$summary, _sticky$top, _props$data3, _props$style, _props$data4;
+    var _props$summary, _sticky$top, _props$style;
     var Group = /*#__PURE__*/(0,jsx_runtime.jsx)(table_colgroup, {
       colgroup: colgroup,
       columns: columns,
@@ -58542,7 +58688,7 @@ var emptyRef = {
       colgroup: colgroup
     };
     var fixRightNum = (isRtl ? -1 * maxScrollLeft : maxScrollLeft) - virtualInfo.innerLeft;
-    var Wrapper = props.sticky ? src_sticky_sticky : (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment;
+    var StickyWrapper = props.sticky ? src_sticky_sticky : (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment;
     var sticky = typeof_default()(props.sticky) === 'object' ? props.sticky : {
       top: 0
     };
@@ -58553,76 +58699,117 @@ var emptyRef = {
       css: sticky === null || sticky === void 0 ? void 0 : sticky.css,
       parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
     };
-    var isRenderBaseTable = !virtual && !isScrollY && !props.sticky && ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.length) && !((_props$style = props.style) !== null && _props$style !== void 0 && _props$style.height) && !props.height;
+    var isRenderVirtualTable = virtual || props.sticky || ((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.height) || props.height;
     var headWrapperClass = classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
     var footWrapperClass = classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
-    if (isRenderBaseTable) {
-      return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        ref: scrollRef,
-        className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.bodyWrapper,
-        onScroll: handleBodyScroll,
-        children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+    var renderHeadMirrorScroller = function renderHeadMirrorScroller() {
+      var _scrollRef$current, _scrollRef$current2, _scrollRef$current3;
+      if (!props.showTopScrollbar) return null;
+      var scrollRefWidth = (scrollRef === null || scrollRef === void 0 || (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.clientWidth) || 0;
+      var scrollRefScrollWidth = (scrollRef === null || scrollRef === void 0 || (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollWidth) || 0;
+      var mirrorScrollRefWidth = scrollRefWidth + scrollBarWidth;
+      var showScroll = scrollRefScrollWidth > scrollRefWidth;
+      // 开启了双滚，但是没有滚动条，不显示
+      if (!scrollRefWidth || !mirrorScrollRefWidth || !showScroll) return null;
+      var scrollerStickyProps = objectSpread2_default()(objectSpread2_default()({}, stickyProps), {}, {
+        top: ((sticky === null || sticky === void 0 ? void 0 : sticky.top) || browserScrollbarWidth) - browserScrollbarWidth
+      });
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(StickyWrapper, objectSpread2_default()(objectSpread2_default()({}, props.sticky ? scrollerStickyProps : {}), {}, {
+        style: {
+          zIndex: defaultZIndex + 1
+        },
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headMirrorScroller,
           style: {
-            width: width
+            height: browserScrollbarWidth,
+            width: mirrorScrollRefWidth
           },
-          ref: tbodyRef,
-          children: [Group, !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
+          onScroll: function onScroll(e) {
+            var target = e.currentTarget;
+            if (scrollRef !== null && scrollRef !== void 0 && scrollRef.current && scrollRef.current.scrollLeft !== target.scrollLeft) {
+              scrollRef.current.scrollLeft = target.scrollLeft;
+            }
+          },
+          ref: mirrorScrollRef,
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            style: {
+              width: scrollRef === null || scrollRef === void 0 || (_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 ? void 0 : _scrollRef$current3.scrollWidth,
+              height: 1
+            }
+          })
         })
-      });
-    }
-    return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-      children: [!props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(Wrapper, objectSpread2_default()(objectSpread2_default()({}, props.sticky ? stickyProps : {}), {}, {
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-          className: headWrapperClass,
+      }));
+    };
+    if (isRenderVirtualTable) {
+      var _props$data3;
+      return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+        children: [renderHeadMirrorScroller(), !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(StickyWrapper, objectSpread2_default()(objectSpread2_default()({}, props.sticky ? stickyProps : {}), {}, {
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            className: headWrapperClass,
+            children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+              style: {
+                width: width,
+                transform: "translate3d(".concat(0 - virtualInfo.innerLeft, "px, 0, 0)")
+              },
+              ref: theadRef,
+              children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()(objectSpread2_default()({}, headCommonProps), {}, {
+                fixLeftNum: virtualInfo.innerLeft,
+                fixRightNum: fixRightNum
+              }))]
+            })
+          })
+        })), /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_scroll, {
+          style: scrollWrapperStyle,
+          scrollerStyle: (_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length ? virtualScrollerStyle : table_emptyStyle,
+          wrapperRef: scrollRef,
+          scrollWidth: width || 1,
+          scrollHeight: virtual ? virtualInfo.scrollHeight : tbodyHeight,
+          onScroll: handleVirtualScroll,
+          defaultHeight: context.emptyHeight,
+          isScrollY: isScrollY,
           children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
             style: {
               width: width,
-              transform: "translate3d(".concat(0 - virtualInfo.innerLeft, "px, 0, 0)")
+              transform: virtualInfo.getTranslate()
             },
-            ref: theadRef,
-            children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()(objectSpread2_default()({}, headCommonProps), {}, {
+            ref: tbodyRef,
+            children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()(objectSpread2_default()({}, bodyCommonProps), {}, {
+              currentIndex: virtualInfo.startIndex,
+              data: virtualInfo.data,
+              setRowHeight: virtualInfo.setRowHeight,
               fixLeftNum: virtualInfo.innerLeft,
               fixRightNum: fixRightNum
             }))]
           })
-        })
-      })), /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_scroll, {
-        style: scrollWrapperStyle,
-        scrollerStyle: (_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length ? virtualScrollerStyle : table_emptyStyle,
-        wrapperRef: scrollRef,
-        scrollWidth: width || 1,
-        scrollHeight: virtual ? virtualInfo.scrollHeight : tbodyHeight,
-        onScroll: handleVirtualScroll,
-        defaultHeight: context.emptyHeight,
-        isScrollY: isScrollY,
-        children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+        }), renderEmpty(), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          className: footWrapperClass,
+          children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+            style: {
+              width: width,
+              transform: "translate3d(-".concat(virtualInfo.innerLeft, "px, 0, 0)")
+            },
+            ref: tfootRef,
+            children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()(objectSpread2_default()({}, footCommonProps), {}, {
+              fixLeftNum: virtualInfo.innerLeft,
+              fixRightNum: fixRightNum
+            }))]
+          })
+        }) : null]
+      });
+    }
+    return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+      children: [renderHeadMirrorScroller(), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        ref: scrollRef,
+        className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.bodyWrapper,
+        onScroll: handleBodyScroll,
+        children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
           style: {
-            width: width,
-            transform: virtualInfo.getTranslate()
+            width: width
           },
           ref: tbodyRef,
-          children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()(objectSpread2_default()({}, bodyCommonProps), {}, {
-            currentIndex: virtualInfo.startIndex,
-            data: virtualInfo.data,
-            setRowHeight: virtualInfo.setRowHeight,
-            fixLeftNum: virtualInfo.innerLeft,
-            fixRightNum: fixRightNum
-          }))]
-        })
-      }), renderEmpty(), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: footWrapperClass,
-        children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-          style: {
-            width: width,
-            transform: "translate3d(-".concat(virtualInfo.innerLeft, "px, 0, 0)")
-          },
-          ref: tfootRef,
-          children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()(objectSpread2_default()({}, footCommonProps), {}, {
-            fixLeftNum: virtualInfo.innerLeft,
-            fixRightNum: fixRightNum
-          }))]
-        })
-      }) : null]
+          children: [Group, !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
+        }), renderEmpty()]
+      })]
     });
   };
   var renderLoading = function renderLoading() {
@@ -58955,13 +59142,17 @@ var useTransform = function useTransform(props) {
       setAtStart(true);
     }
     var removeWheelListener;
+    var removeScrollerListener;
     if (autoScroll) {
       var removeMouse = shouldScroll ? banOverScrollx(container) : null;
       removeWheelListener = addResizeObserver(container, handleResize);
+      // 同时需要监听tabs-header-scroll的resize事件，防止tabs-header-scroll的宽度变化后不出现左右箭头的问题
+      removeScrollerListener = addResizeObserver(target, handleResize);
       return function () {
-        var _removeWheelListener;
+        var _removeWheelListener, _removeScrollerListen;
         removeMouse === null || removeMouse === void 0 || removeMouse();
         (_removeWheelListener = removeWheelListener) === null || _removeWheelListener === void 0 || _removeWheelListener();
+        (_removeScrollerListen = removeScrollerListener) === null || _removeScrollerListen === void 0 || _removeScrollerListen();
       };
     }
   }, [containerRef.current, targetRef.current, shouldScroll]);
@@ -60808,6 +60999,7 @@ var TreeSelect = function TreeSelect(props0) {
       childrenKey: childrenKey,
       expanded: expandedProp,
       showHitDescendants: showHitDescendants,
+      filterDelay: props.filterDelay,
       onAdvancedFilter: 'onAdvancedFilter' in props,
       onFilter: onAdvancedFilter || onFilterProp
     }),
@@ -64862,7 +65054,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.0-beta.8'
+  version: '3.4.0'
 });
 }();
 /******/ 	return __webpack_exports__;