shineout 3.4.0-beta.9 → 3.4.1

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.9');
+/* harmony default export */ var version = ('3.4.1');
 ;// 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,
@@ -26812,7 +26847,9 @@ var treeStyle = {
   },
   noline: {
     '& $iconWrapper': {
-      // left: 12,
+      '& $icon': {
+        transition: 'transform .2s cubic-bezier(.34,.69,.1,1)'
+      }
     },
     '& $iconWrapper[data-expanded="false"][data-icon="false"]': {
       '& $icon': {
@@ -26834,16 +26871,38 @@ var treeStyle = {
       '&$leaf': {
         paddingLeft: 24
       }
+    },
+    '& > $root': {
+      '& > $node': {
+        paddingLeft: 24
+      }
     }
   },
   root: {
-    '& > :first-child$node': {
+    // '& > :first-child$node': {
+    //   '&::before': {
+    //     top: 18,
+    //   },
+    // },
+    // '& > :last-child$node': {
+    //   '&::before': {},
+    // },
+    '& > $node': {
+      paddingLeft: 12,
+      '& > $contentWrapper > $iconWrapper': {
+        '&[dir=ltr]': {
+          left: 0
+        },
+        '&[dir=rtl]': {
+          right: 0
+        }
+      },
       '&::before': {
-        top: 18
+        display: 'none'
+      },
+      '&::after': {
+        display: 'none'
       }
-    },
-    '& > :last-child$node': {
-      '&::before': {}
     }
   },
   small: {},
@@ -26951,6 +27010,7 @@ var treeStyle = {
     borderRadius: '50%',
     color: src.treeItemFontColor,
     cursor: 'pointer',
+    transition: 'background .2s ease',
     // transform: 'rotate(-90deg)',
     '&:hover': {
       background: src.treeItemHoverBackgroundColor
@@ -34166,15 +34226,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')]
     });
@@ -36592,6 +36668,7 @@ var result_Input = function Input(props) {
     placeholder: props.placeholder,
     autoComplete: 'off',
     value: value,
+    readOnly: props.readOnly,
     maxLength: props.maxLength,
     disabled: props.disabled,
     onBlur: props.onBlur,
@@ -36685,12 +36762,13 @@ var Result = function Result(props) {
       className: className,
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
         className: styles === null || styles === void 0 ? void 0 : styles.resultTextPadding,
-        children: info.inputable ? /*#__PURE__*/(0,jsx_runtime.jsx)(result_Input, {
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(result_Input, {
           onRef: function onRef(el) {
             _onRef.current.inputRef = el;
             context.inputRefs[info.index] = el;
           },
-          disabled: dis,
+          disabled: dis && info.inputable,
+          readOnly: !info.inputable,
           open: !!open,
           inputRef: inputRef,
           value: info.target || info.value || '',
@@ -36717,10 +36795,7 @@ var Result = function Result(props) {
             (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, e);
           },
           onClick: onClickProps
-        }, info.index) : info.target || info.value || /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-          className: styles === null || styles === void 0 ? void 0 : styles.placeholder,
-          children: info.place
-        })
+        }, info.index)
       }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: styles === null || styles === void 0 ? void 0 : styles.resultTextBg
       })]
@@ -40902,6 +40977,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 +41958,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 +44205,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 +44410,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 +44448,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);
@@ -45052,6 +45147,7 @@ var useAutoSize = function useAutoSize(props) {
 
 
 
+
 var textarea_excluded = ["info", "suffix", "renderFooter", "width", "style", "jssStyle", "onBlur", "status", "trim", "delay"];
 
 
@@ -45164,8 +45260,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;
@@ -45177,7 +45282,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');
   };
@@ -48740,8 +48845,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,
@@ -48770,13 +48874,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,
@@ -48909,7 +49011,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: [],
@@ -48988,7 +49090,7 @@ var VirtualList = function VirtualList(props) {
       }
     }
     if (nextCurrentIndex !== startIndex) {
-      setCurrentIndex(nextCurrentIndex);
+      setStartIndex(nextCurrentIndex);
     }
     setTop(top);
   };
@@ -49004,8 +49106,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;
@@ -49030,7 +49131,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);
@@ -49065,11 +49166,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) {
@@ -49080,11 +49189,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;
@@ -49092,10 +49198,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;
@@ -49430,7 +49532,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,
@@ -50352,7 +50453,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"];
 
 
 
@@ -50391,10 +50493,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,
@@ -50408,6 +50511,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
     }),
@@ -50446,14 +50560,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));
     }
@@ -56080,6 +56194,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
 
 
@@ -56240,6 +56397,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;
@@ -57014,6 +57172,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;
     };
@@ -58299,7 +58459,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
     }),
@@ -58454,6 +58616,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;
@@ -58465,6 +58630,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);
     }
@@ -58483,7 +58651,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,
@@ -58544,7 +58712,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
     };
@@ -58555,76 +58723,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() {
@@ -58957,13 +59166,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]);
@@ -59157,7 +59370,6 @@ var TabsHeader = function TabsHeader(props) {
     handleTransform = _useTransform.handleTransform,
     setTransform = _useTransform.setTransform;
   var headerStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$tabs = jssStyle.tabs) === null || _jssStyle$tabs === void 0 ? void 0 : _jssStyle$tabs.call(jssStyle)) || {};
-  var headerClass = classnames_default()(headerStyle.header, {});
   var headerWrapperClass = classnames_default()(headerStyle.headerWrapper, {});
   var buttonStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.button) || {};
   var calculateOffset = function calculateOffset(currentScrollOffsetStartValue, width, currentOffsetStartValue, currentOffsetEndOther, parentWidth) {
@@ -59230,12 +59442,13 @@ var TabsHeader = function TabsHeader(props) {
     });
   };
   var renderTab = function renderTab() {
+    var headerClass = classnames_default()(headerStyle.header, shape === 'card' ? headerStyle.cardHr : '');
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       ref: headerRef,
       className: headerClass,
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         ref: scrollRef,
-        className: classnames_default()(headerStyle.headerScroll, shape === 'card' ? headerStyle.cardHr : ''),
+        className: headerStyle.headerScroll,
         onWheel: handleTransform,
         style: transformStyle,
         children: [shape === 'button' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button.Group, {
@@ -60810,6 +61023,7 @@ var TreeSelect = function TreeSelect(props0) {
       childrenKey: childrenKey,
       expanded: expandedProp,
       showHitDescendants: showHitDescendants,
+      filterDelay: props.filterDelay,
       onAdvancedFilter: 'onAdvancedFilter' in props,
       onFilter: onAdvancedFilter || onFilterProp
     }),
@@ -64864,7 +65078,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.0-beta.9'
+  version: '3.4.1'
 });
 }();
 /******/ 	return __webpack_exports__;