shineout 3.3.0-beta.9 → 3.3.0

package/dist/shineout.js

@@ -338,6 +338,13 @@ return /******/ (function() { // webpackBootstrap
 
 
 
+/***/ }),
+
+/***/ 514:
+/***/ (function() {
+
+
+
 /***/ }),
 
 /***/ 4689:
@@ -6568,6 +6575,7 @@ __webpack_require__.d(src_utils_namespaceObject, {
   shallowEqual: function() { return utils_shallowEqual; },
   string: function() { return strings_namespaceObject; },
   tree: function() { return src_utils_tree_namespaceObject; },
+  type: function() { return type; },
   validate: function() { return src_utils_validate; }
 });
 
@@ -6886,7 +6894,7 @@ var config = {
     ArrowLeft: icons.ArrowLeft,
     Hide: icons.Hide,
     Show: icons.Display,
-    Close: icons.CloseOpaqueMultic1
+    Close: icons.PcCloseCircleFill
   },
   menu: {
     CollapseArrow: icons.ArrowDown,
@@ -11960,7 +11968,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.3.0-beta.9');
+/* harmony default export */ var version = ('3.3.0');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13627,7 +13635,7 @@ var listTokens = {
 // This file was generated automatically by a script. Please do not modify it directly.
 
 var menuTokens = {
-  menuCollpaseWidth: 'Spacing-40',
+  menuCollapseWidth: 'Spacing-40',
   menuFontSize: 'Font-14',
   menuFontColor: 'Neutral-text-5',
   menuIconColor: 'Neutral-text-4',
@@ -13644,8 +13652,8 @@ var menuTokens = {
   menuItemActiveDisabledFontColor: 'Brand-3',
   menuItemDisabledBackgroundColor: 'Neutral-fill-1',
   menuItemDisabledFontColor: 'Neutral-text-2',
-  menuItemCollpaseActiveBackgroundColor: 'Brand-6',
-  menuItemCollpaseActiveFontColor: 'Neutral-text-1',
+  menuItemCollapseActiveBackgroundColor: 'Brand-6',
+  menuItemCollapseActiveFontColor: 'Neutral-text-1',
   menuTitlePaddingX: 'Spacing-16',
   menuTitlePaddingY: 'Spacing-9',
   menuExpandWidth: 'Spacing-46',
@@ -13666,12 +13674,12 @@ var menuTokens = {
   menuDarkItemOpenFontColor: 'Neutral-text-1',
   menuDarkItemDisabledBackgroundColor: 'Neutral-fill-10',
   menuDarkItemDisabledFontColor: 'Neutral-text-4',
-  menuDarkItemCollpaseActiveBackgroundColor: 'Brand-6',
-  menuDarkItemCollpaseActiveFontColor: 'Neutral-text-1',
+  menuDarkItemCollapseActiveBackgroundColor: 'Brand-6',
+  menuDarkItemCollapseActiveFontColor: 'Neutral-text-1',
   menuDarkHeaderBorderColor: 'Neutral-fill-8',
   menuSearchBorderRadius: 'Radius-full',
   menuSearchBorderColor: 'Neutral-border-2',
-  menuSearchCollpaseSize: 'Size-16',
+  menuSearchCollapseSize: 'Size-16',
   menuSearchIconSize: 'Size-7',
   menuSearchIconColor: 'Neutral-text-4',
   menuSearchIconMarginX: 'Spacing-8',
@@ -14107,10 +14115,12 @@ var stepsTokens = {
   stepsLargeDescriptionFontSize: 'Font-12',
   stepsWaitFontColor: 'Neutral-text-4',
   stepsWaitBackgroundColor: 'Neutral-fill-2',
+  stepsWaitHoverFontColor: 'Brand-6',
   stepsProcessFontColor: 'Neutral-text-1',
   stepsProcessBackgroundColor: 'Brand-6',
   stepsFinishFontColor: 'Brand-6',
   stepsFinishBackgroundColor: 'Brand-1',
+  stepsFinishHoverFontColor: 'Brand-6',
   stepsErrorFontColor: 'Neutral-text-1',
   stepsErrorBackgroundColor: 'Danger-6',
   stepsArrowPaddingX: 'Spacing-16',
@@ -19656,7 +19666,7 @@ var useListStyle = styled(list_list, 'list');
 ;// CONCATENATED MODULE: ../shineout-style/src/menu/menu.ts
 
 var animationDuration = '.25s';
-var collpaseWidth = src.menuCollpaseWidth;
+var collapseWidth = src.menuCollapseWidth;
 var transitionFunc = 'ease-out';
 var menuStyle = {
   wrapper: {
@@ -19672,8 +19682,8 @@ var menuStyle = {
   wrapperDark: {
     backgroundColor: src.menuDarkItemBackgroundColor
   },
-  wrapperCollpase: {
-    width: "".concat(collpaseWidth, "!important"),
+  wrapperCollapse: {
+    width: "".concat(collapseWidth, "!important"),
     '& $title': {
       paddingLeft: '0'
     },
@@ -19681,7 +19691,7 @@ var menuStyle = {
       opacity: 0
     },
     '& $titleIcon': {
-      width: "".concat(collpaseWidth, "!important"),
+      width: "".concat(collapseWidth, "!important"),
       flexShrink: 0,
       justifyContent: 'center'
     },
@@ -19868,7 +19878,7 @@ var menuStyle = {
           color: src.menuItemActiveDisabledFontColor
         }
       },
-      '[data-soui-theme=dark][data-soui-mode=inline] &::before, [data-soui-theme=dark][data-soui-mode=vertical] &::before': {
+      '[data-soui-theme=dark] &::before': {
         content: '""',
         position: 'absolute',
         left: 0,
@@ -19877,25 +19887,33 @@ var menuStyle = {
         width: '3px',
         backgroundColor: src.menuDarkItemActiveBackgroundColor
       },
-      '$wrapperCollpase[data-soui-theme=light] $root > &': {
-        color: src.menuItemCollpaseActiveFontColor,
-        backgroundColor: src.menuItemCollpaseActiveBackgroundColor,
+      '[data-soui-theme=dark][data-soui-mode=horizontal] $root &::before': {
+        left: 0,
+        right: 0,
+        bottom: 0,
+        top: 'auto',
+        width: 'auto',
+        height: '3px'
+      },
+      '$wrapperCollapse[data-soui-theme=light] $root > &': {
+        color: src.menuItemCollapseActiveFontColor,
+        backgroundColor: src.menuItemCollapseActiveBackgroundColor,
         '& $icon': {
-          color: src.menuItemCollpaseActiveFontColor
+          color: src.menuItemCollapseActiveFontColor
         }
       },
-      '$wrapperCollpase[data-soui-theme=dark] $root > &': {
-        color: src.menuDarkItemCollpaseActiveFontColor,
-        backgroundColor: src.menuDarkItemCollpaseActiveBackgroundColor,
+      '$wrapperCollapse[data-soui-theme=dark] $root > &': {
+        color: src.menuDarkItemCollapseActiveFontColor,
+        backgroundColor: src.menuDarkItemCollapseActiveBackgroundColor,
         '& $icon': {
-          color: src.menuDarkItemCollpaseActiveFontColor
+          color: src.menuDarkItemCollapseActiveFontColor
         }
       },
-      '$wrapperCollpase $root > &::before': {
+      '$wrapperCollapse $root > &::before': {
         display: 'none'
       }
 
-      // '[data-soui-theme=light][data-soui-mode=vertical]:not($wrapperCollpase) &': {
+      // '[data-soui-theme=light][data-soui-mode=vertical]:not($wrapperCollapse) &': {
       //   '&::before': {
       //     display: 'block',
       //     content: '""',
@@ -19924,31 +19942,31 @@ var menuStyle = {
           color: src.menuItemActiveDisabledFontColor
         }
       },
-      '$wrapperCollpase[data-soui-theme=light] $root > &': {
-        color: src.menuItemCollpaseActiveFontColor,
-        backgroundColor: src.menuItemCollpaseActiveBackgroundColor,
+      '$wrapperCollapse[data-soui-theme=light] $root > &': {
+        color: src.menuItemCollapseActiveFontColor,
+        backgroundColor: src.menuItemCollapseActiveBackgroundColor,
         '& $icon': {
-          color: src.menuItemCollpaseActiveFontColor
+          color: src.menuItemCollapseActiveFontColor
         }
       },
-      '$wrapperCollpase[data-soui-theme=dark] $root > &': {
-        color: src.menuDarkItemCollpaseActiveFontColor,
-        backgroundColor: src.menuDarkItemCollpaseActiveBackgroundColor,
+      '$wrapperCollapse[data-soui-theme=dark] $root > &': {
+        color: src.menuDarkItemCollapseActiveFontColor,
+        backgroundColor: src.menuDarkItemCollapseActiveBackgroundColor,
         '& $icon': {
-          color: src.menuDarkItemCollpaseActiveFontColor
+          color: src.menuDarkItemCollapseActiveFontColor
         }
       },
-      '$wrapperCollpase $root > &::before': {
+      '$wrapperCollapse $root > &::before': {
         display: 'none'
       },
-      '[data-soui-theme=dark]:not($wrapperCollpase) &': {
+      '[data-soui-theme=dark]:not($wrapperCollapse) &': {
         color: src.menuDarkItemActiveFontColor,
         backgroundColor: src.menuDarkItemActiveBackgroundColor,
         '& $icon': {
           color: src.menuDarkItemActiveFontColor
         }
       },
-      '[data-soui-theme=dark]$wrapperCollpase &': {
+      '[data-soui-theme=dark]$wrapperCollapse &': {
         '&::before': {
           content: '""',
           position: 'absolute',
@@ -20012,7 +20030,7 @@ var menuStyle = {
     '$wrapperDark &': {
       color: src.menuDarkFontColor
     },
-    '$wrapperCollpase &': {
+    '$wrapperCollapse &': {
       paddingLeft: '0',
       paddingRight: '0',
       display: 'flex',
@@ -20067,7 +20085,7 @@ var menuStyle = {
     minWidth: 0,
     alignItems: 'center',
     fontWeight: src.menuItemFontWeight
-    // '$wrapperCollpase &': {
+    // '$wrapperCollapse &': {
     //   transition: `opacity ${animationDuration} ${transitionFunc}`,
     // },
     // opacity: 1,
@@ -20178,8 +20196,8 @@ var menuSearchStyle = {
   wrapperLight: defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, getTokenName('inputBorderColor'), src.menuSearchBackgroundColor), getTokenName('inputBackgroundColor'), src.menuSearchBackgroundColor), getTokenName('inputHoverBorderColor'), src.menuSearchHoverBorderColor), getTokenName('inputHoverBackgroundColor'), src.menuSearchHoverBackgroundColor), getTokenName('inputDisabledBorderColor'), src.menuSearchDisabledBackgroundColor), getTokenName('inputDisabledBackgroundColor'), src.menuSearchDisabledBackgroundColor), getTokenName('inputClearColor'), src.menuSearchClearColor), getTokenName('inputHoverClearColor'), src.menuSearchHoverClearColor),
   wrapperCollapsed: {
     cursor: 'pointer',
-    width: src.menuSearchCollpaseSize,
-    height: src.menuSearchCollpaseSize,
+    width: src.menuSearchCollapseSize,
+    height: src.menuSearchCollapseSize,
     lineHeight: 1,
     '& input': {
       opacity: 0
@@ -20668,10 +20686,6 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({}, animationSt
     display: 'flex',
     marginBottom: src.modalPanelGap
   },
-  headerEmptyTitle: {
-    marginBottom: 0,
-    height: 0
-  },
   headerIcon: {
     '$wrapper &': {
       marginRight: src.modalHeaderIconMarginEnd,
@@ -20683,6 +20697,9 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({}, animationSt
       alignItems: 'center'
     }
   },
+  emptyIcon: {
+    position: 'absolute'
+  },
   headerTitle: {
     flex: '1',
     minWidth: 0,
@@ -20717,6 +20734,16 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({}, animationSt
       })
     }
   },
+  emptyClose: {
+    position: 'absolute',
+    top: 12,
+    right: 12,
+    marginTop: 0,
+    '$wrapperDrawer &': {
+      top: 4,
+      right: 4
+    }
+  },
   body: {
     flex: '1 1 auto',
     minHeight: '1px',
@@ -23216,13 +23243,31 @@ var stepsStyle = {
     }
   },
   click: {
-    '& $icon': {
+    '& $icon:not($process)': {
       cursor: 'pointer'
     },
+    '& $title': {
+      transition: 'color ease 0.3s'
+    },
     '&$arrow': {
       '& $step': {
         cursor: 'pointer'
       }
+    },
+    '&$default': {
+      '& $step:not($process)': {
+        cursor: 'pointer'
+      },
+      '& $step$wait:hover': {
+        '& $title,$description': {
+          color: src.stepsWaitHoverFontColor
+        }
+      },
+      '& $step$finish:hover': {
+        '& $title,$description': {
+          color: src.stepsFinishHoverFontColor
+        }
+      }
     }
   },
   small: {
@@ -23575,7 +23620,21 @@ var stepsStyle = {
   dot: {
     '&$vertical': {
       '& $step': {
-        overflow: 'visible'
+        overflow: 'visible',
+        '& $dot': {
+          display: 'flex',
+          '& $content': {
+            flex: 1,
+            lineHeight: 1,
+            overflow: 'hidden',
+            '& $title': {
+              width: '100%',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap'
+            }
+          }
+        }
       },
       '& $title': {
         marginTop: 0
@@ -24215,9 +24274,6 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
         background: src.tableTfootBackgroundColor,
         color: src.tableTfootFontColor,
         fontWeight: src.tableTfootFontWeight
-      },
-      '&bordered tr:last-child td': {
-        borderBottom: 'none'
       }
     }
   },
@@ -24268,6 +24324,17 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
   bordered: {
     border: "1px solid ".concat(src.tableCellBorderColor),
     borderBottom: 'none',
+    borderTop: 'none',
+    '&::before': {
+      position: 'absolute',
+      zIndex: 7,
+      content: '""',
+      display: 'block',
+      top: 0,
+      left: 0,
+      right: 0,
+      borderTop: "1px solid ".concat(src.tableCellBorderColor)
+    },
     '&::after': {
       position: 'absolute',
       content: '""',
@@ -28132,6 +28199,15 @@ var isFirefox = function isFirefox() {
   if (!is_isBrowser()) return false;
   return navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
 };
+var isChromeLowerThan = function isChromeLowerThan(version) {
+  // 服务器端渲染时，不执行版本检查
+  if (typeof window === 'undefined' || typeof navigator === 'undefined') {
+    return false;
+  }
+  var ua = navigator.userAgent;
+  var chrome = ua.match(/chrome\/(\d+)/i);
+  return Boolean(chrome && chrome[1] && parseInt(chrome[1], 10) < version);
+};
 function isDomElement(element) {
   return (typeof HTMLElement === "undefined" ? "undefined" : typeof_default()(HTMLElement)) === 'object' ? element instanceof HTMLElement // DOM2
   : element && typeof_default()(element) === 'object' && element !== null && element.nodeType === 1 && typeof element.nodeName === 'string';
@@ -28332,7 +28408,10 @@ var usePositionStyle = function usePositionStyle(config) {
       if (adjust) {
         // 调节左右溢出
         if (overRight > 0) {
+          var toRightDistance = bodyRect.right - rect.right;
           style.left -= overRight;
+          // 扣除触发器距离页面右侧的距离，以保证从右侧弹出的窗口最右边对齐触发器最右边
+          style.left -= toRightDistance;
         }
         if (overLeft > 0) {
           style.left += overLeft;
@@ -30101,15 +30180,14 @@ var spins_Default = function Default(props) {
   var _jssStyle$spin4;
   var jssStyle = props.jssStyle,
     _props$size = props.size,
-    size = _props$size === void 0 ? 'default' : _props$size,
-    className = props.className;
+    size = _props$size === void 0 ? 'default' : _props$size;
   var _formatSize = formatSize(size),
     value = _formatSize.value,
     unit = _formatSize.unit;
   var sizeSet = Math.ceil(value / 12.5) + unit;
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin4 = jssStyle.spin) === null || _jssStyle$spin4 === void 0 ? void 0 : _jssStyle$spin4.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
-    className: classnames_default()(className, spinStyles.default),
+    className: spinStyles.default,
     count: 12,
     itemStyle: {
       width: sizeSet,
@@ -30120,34 +30198,31 @@ var spins_Default = function Default(props) {
 };
 var ChasingDots = function ChasingDots(props) {
   var _jssStyle$spin5;
-  var jssStyle = props.jssStyle,
-    className = props.className;
+  var jssStyle = props.jssStyle;
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin5 = jssStyle.spin) === null || _jssStyle$spin5 === void 0 ? void 0 : _jssStyle$spin5.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 2,
-    className: classnames_default()(className, spinStyles.chasingDots),
+    className: spinStyles.chasingDots,
     render: renderSvgItem
   }));
 };
 var CubeGrid = function CubeGrid(props) {
   var _jssStyle$spin6;
-  var jssStyle = props.jssStyle,
-    className = props.className;
+  var jssStyle = props.jssStyle;
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin6 = jssStyle.spin) === null || _jssStyle$spin6 === void 0 ? void 0 : _jssStyle$spin6.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 9,
-    className: classnames_default()(className, spinStyles.cubeGrid),
+    className: spinStyles.cubeGrid,
     render: renderSimpleItem
   }));
 };
 var DoubleBounce = function DoubleBounce(props) {
   var _jssStyle$spin7;
-  var jssStyle = props.jssStyle,
-    className = props.className;
+  var jssStyle = props.jssStyle;
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin7 = jssStyle.spin) === null || _jssStyle$spin7 === void 0 ? void 0 : _jssStyle$spin7.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 2,
-    className: classnames_default()(className, spinStyles.doubleBounce),
+    className: spinStyles.doubleBounce,
     render: renderSimpleItem
   }));
 };
@@ -30155,8 +30230,7 @@ var FadingCircle = function FadingCircle(props) {
   var _jssStyle$spin8;
   var _props$size2 = props.size,
     size = _props$size2 === void 0 ? 40 : _props$size2,
-    jssStyle = props.jssStyle,
-    className = props.className;
+    jssStyle = props.jssStyle;
   var _formatSize2 = formatSize(size),
     value = _formatSize2.value,
     unit = _formatSize2.unit;
@@ -30164,7 +30238,7 @@ var FadingCircle = function FadingCircle(props) {
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin8 = jssStyle.spin) === null || _jssStyle$spin8 === void 0 ? void 0 : _jssStyle$spin8.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 12,
-    className: classnames_default()(className, spinStyles.fadingCircle),
+    className: spinStyles.fadingCircle,
     itemSize: itemSize,
     itemClass: classnames_default()(spinStyles.fade),
     render: renderSvgItem
@@ -30174,8 +30248,7 @@ var ScaleCircle = function ScaleCircle(props) {
   var _jssStyle$spin9;
   var _props$size3 = props.size,
     size = _props$size3 === void 0 ? 40 : _props$size3,
-    jssStyle = props.jssStyle,
-    className = props.className;
+    jssStyle = props.jssStyle;
   var _formatSize3 = formatSize(size),
     value = _formatSize3.value,
     unit = _formatSize3.unit;
@@ -30183,7 +30256,7 @@ var ScaleCircle = function ScaleCircle(props) {
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin9 = jssStyle.spin) === null || _jssStyle$spin9 === void 0 ? void 0 : _jssStyle$spin9.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 12,
-    className: classnames_default()(className, spinStyles.fadingCircle),
+    className: spinStyles.fadingCircle,
     itemSize: itemSize,
     itemClass: classnames_default()(spinStyles.scaleCircle),
     render: renderSvgItem
@@ -30191,20 +30264,18 @@ var ScaleCircle = function ScaleCircle(props) {
 };
 var FourDots = function FourDots(props) {
   var _jssStyle$spin10;
-  var jssStyle = props.jssStyle,
-    className = props.className;
+  var jssStyle = props.jssStyle;
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin10 = jssStyle.spin) === null || _jssStyle$spin10 === void 0 ? void 0 : _jssStyle$spin10.call(jssStyle)) || {};
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 4,
-    className: classnames_default()(className, spinStyles.fourDots),
+    className: spinStyles.fourDots,
     render: renderSvgItem
   }));
 };
 var Plane = function Plane(props) {
   var _jssStyle$spin11;
   var color = props.color,
-    jssStyle = props.jssStyle,
-    className = props.className;
+    jssStyle = props.jssStyle;
   var style = {
     backgroundColor: color
   };
@@ -30212,14 +30283,13 @@ var Plane = function Plane(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 0,
     style: style,
-    className: classnames_default()(className, spinStyles.plane)
+    className: spinStyles.plane
   }));
 };
 var Pulse = function Pulse(props) {
   var _jssStyle$spin12;
   var color = props.color,
-    jssStyle = props.jssStyle,
-    className = props.className;
+    jssStyle = props.jssStyle;
   var style = {
     backgroundColor: color
   };
@@ -30227,7 +30297,7 @@ var Pulse = function Pulse(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 0,
     style: style,
-    className: classnames_default()(className, spinStyles.pulse)
+    className: spinStyles.pulse
   }));
 };
 var Ring = function Ring(props) {
@@ -30236,7 +30306,6 @@ var Ring = function Ring(props) {
     size = _props$size4 === void 0 ? 40 : _props$size4,
     color = props.color,
     jssStyle = props.jssStyle,
-    className = props.className,
     _props$style = props.style,
     styleProp = _props$style === void 0 ? {} : _props$style;
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin13 = jssStyle.spin) === null || _jssStyle$spin13 === void 0 ? void 0 : _jssStyle$spin13.call(jssStyle)) || {};
@@ -30253,15 +30322,14 @@ var Ring = function Ring(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 0,
     style: style,
-    className: classnames_default()(className, spinStyles.ring)
+    className: spinStyles.ring
   }));
 };
 var ThreeBounce = function ThreeBounce(props) {
   var _jssStyle$spin14;
   var _props$size5 = props.size,
     size = _props$size5 === void 0 ? 40 : _props$size5,
-    jssStyle = props.jssStyle,
-    className = props.className;
+    jssStyle = props.jssStyle;
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin14 = jssStyle.spin) === null || _jssStyle$spin14 === void 0 ? void 0 : _jssStyle$spin14.call(jssStyle)) || {};
   var _formatSize5 = formatSize(size),
     value = _formatSize5.value,
@@ -30273,7 +30341,7 @@ var ThreeBounce = function ThreeBounce(props) {
       width: value * 2 + unit,
       height: 'auto'
     },
-    className: classnames_default()(className, spinStyles.threeBounce),
+    className: spinStyles.threeBounce,
     render: renderSvgItem
   }));
 };
@@ -30281,8 +30349,7 @@ var Wave = function Wave(props) {
   var _jssStyle$spin15;
   var _props$size6 = props.size,
     size = _props$size6 === void 0 ? 40 : _props$size6,
-    jssStyle = props.jssStyle,
-    className = props.className;
+    jssStyle = props.jssStyle;
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin15 = jssStyle.spin) === null || _jssStyle$spin15 === void 0 ? void 0 : _jssStyle$spin15.call(jssStyle)) || {};
   var _formatSize6 = formatSize(size),
     value = _formatSize6.value,
@@ -30301,7 +30368,7 @@ var Wave = function Wave(props) {
       marginRight: margin
     },
     count: 5,
-    className: classnames_default()(className, spinStyles.wave),
+    className: spinStyles.wave,
     render: renderSimpleItem
   }));
 };
@@ -30310,7 +30377,6 @@ var ChasingRing = function ChasingRing(props) {
   var _props$size7 = props.size,
     size = _props$size7 === void 0 ? 40 : _props$size7,
     color = props.color,
-    className = props.className,
     jssStyle = props.jssStyle;
   var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin16 = jssStyle.spin) === null || _jssStyle$spin16 === void 0 ? void 0 : _jssStyle$spin16.call(jssStyle)) || {};
   var _formatSize7 = formatSize(size),
@@ -30325,7 +30391,7 @@ var ChasingRing = function ChasingRing(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 4,
     itemStyle: style,
-    className: classnames_default()(className, spinStyles.chasingRing),
+    className: spinStyles.chasingRing,
     render: renderSimpleItem
   }));
 };
@@ -30362,6 +30428,7 @@ var spin_Spin = function Spin() {
     loading = props.loading,
     nameProps = props.name,
     tip = props.tip,
+    tipClassName = props.tipClassName,
     color = props.color,
     _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'vertical' : _props$mode;
@@ -30381,7 +30448,7 @@ var spin_Spin = function Spin() {
   };
   var renderTip = function renderTip() {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: classnames_default()(className, spinStyle.tip),
+      className: classnames_default()(tipClassName, spinStyle.tip),
       style: {
         color: color
       },
@@ -30911,8 +30978,8 @@ var Card = function Card(props) {
     context = _useRef.current;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.defaultCollapsed),
     _useState2 = slicedToArray_default()(_useState, 2),
-    collpased = _useState2[0],
-    setCollpased = _useState2[1];
+    collapsed = _useState2[0],
+    setCollapsed = _useState2[1];
   var moveInfo = use_drag_move();
   var resizeInfo = use_drag_resize({
     defaultWidth: style === null || style === void 0 ? void 0 : style.width,
@@ -30932,13 +30999,13 @@ var Card = function Card(props) {
   }, []);
   var id = (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : context.id;
   var collapsible = props.collapsible || inAccordion;
-  var getCollpased = function getCollpased() {
+  var getCollapsed = function getCollapsed() {
     if (inAccordion) return activeId !== id;
     if (!collapsible) return false;
     if (props.collapsed !== undefined) return !!props.collapsed;
-    return collpased;
+    return collapsed;
   };
-  var handleCollpased = usePersistFn(function () {
+  var handleCollapsed = usePersistFn(function () {
     var _props$onCollapse;
     if (inAccordion) {
       onActiveChange(id);
@@ -30946,17 +31013,17 @@ var Card = function Card(props) {
     }
     if (!collapsible) return;
     (_props$onCollapse = props.onCollapse) === null || _props$onCollapse === void 0 || _props$onCollapse.call(props, !props.collapsed);
-    setCollpased(!collpased);
+    setCollapsed(!collapsed);
   });
-  var realCollpased = getCollpased();
+  var realCollapsed = getCollapsed();
   var contextValue = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     return {
-      collapsed: realCollpased,
+      collapsed: realCollapsed,
       collapsible: collapsible,
-      onCollapse: handleCollpased,
+      onCollapse: handleCollapsed,
       handleDragMouseDown: moveInfo.handleMouseDown
     };
-  }, [realCollpased, collapsible]);
+  }, [realCollapsed, collapsible]);
   var alwaysShowShadow = props.shadow && props.shadow !== 'hover';
   var renderResize = function renderResize() {
     if (!props.resizable) return null;
@@ -30982,7 +31049,7 @@ var Card = function Card(props) {
     wrapStyle.transform = "translate(".concat(moveInfo.pos.x, "px, ").concat(moveInfo.pos.y, "px)");
   }
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    className: classnames_default()(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapper, props.shadow === 'hover' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperHover), alwaysShowShadow && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperShadow), collapsible && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsible), realCollpased && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsed), props.resizable && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperResizable), props.moveable && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperMoveable), props.split && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperSplit), inAccordion && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperInAccordion)),
+    className: classnames_default()(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapper, props.shadow === 'hover' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperHover), alwaysShowShadow && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperShadow), collapsible && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsible), realCollapsed && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsed), props.resizable && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperResizable), props.moveable && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperMoveable), props.split && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperSplit), inAccordion && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperInAccordion)),
     ref: panelRef,
     style: wrapStyle,
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)(CardContext.Provider, {
@@ -37059,6 +37126,9 @@ var Cascader = function Cascader(props0) {
     onFilter = _useFilter.onFilter;
   var isDataEmpty = !filterData || filterData.length === 0;
   var isMultiple = multiple === true || mode !== undefined;
+  var updateKey = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return path.join('-');
+  }, [path]);
   var _useCascader = use_cascader({
       data: data,
       control: 'value' in props,
@@ -37561,6 +37631,7 @@ var Cascader = function Cascader(props0) {
       absolute: absolute,
       zIndex: zIndex,
       position: position,
+      updateKey: updateKey,
       popupGap: 4,
       popupElRef: popupRef,
       parentElRef: targetRef,
@@ -38620,6 +38691,7 @@ var checkbox_group_Group = function Group(props0) {
     block = props.block,
     keygen = props.keygen,
     jssStyle = props.jssStyle,
+    size = props.size,
     style = props.style,
     disabled = props.disabled;
   var checkboxStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$checkbox = jssStyle.checkbox) === null || _jssStyle$checkbox === void 0 ? void 0 : _jssStyle$checkbox.call(jssStyle);
@@ -38664,7 +38736,8 @@ var checkbox_group_Group = function Group(props0) {
   var providerValue = {
     checked: isChecked,
     onChange: handleItemChange,
-    disabled: disabled
+    disabled: disabled,
+    size: size
   };
   var groupClass = classnames_default()(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.group, !!block && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.groupBlock));
   if (props.data === undefined) {
@@ -38683,6 +38756,7 @@ var checkbox_group_Group = function Group(props0) {
       children: [props.data.map(function (d, i) {
         return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_checkbox_checkbox, {
           jssStyle: jssStyle,
+          size: size,
           checked: datum.check(d),
           disabled: datum.disabledCheck(d),
           htmlValue: d,
@@ -41995,7 +42069,8 @@ var useRangePick = function useRangePick(props) {
           if (rangeMax.getTime() < newArr[1].getTime()) {
             newArr[1] = rangeMax;
           }
-        } else if (date.getTime() > newArr[1].getTime()) {
+        }
+        if (date.getTime() > newArr[1].getTime()) {
           var a = util.cloneTime(new Date(date), arr[1] || defaultTimeArr[1], 'HH:mm:ss', options);
           newArr[1] = a.getTime() > date.getTime() ? a : new Date(date);
         }
@@ -43255,24 +43330,34 @@ var Modal = function Modal(props) {
   }, []);
 
   // render
-
-  var renderIcon = function renderIcon() {
+  var renderIcon = function renderIcon(isEmptyTitle) {
+    var iconRoot = classnames_default()(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerIcon, isEmptyTitle && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.emptyIcon));
     return /*#__PURE__*/(0,jsx_runtime.jsx)(alert_icon, {
       jssStyle: props.jssStyle,
       type: props.type,
-      className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerIcon
+      className: iconRoot
     });
   };
   var renderHeader = function renderHeader() {
-    var showCloseIcon = maskCloseAble === null || !!maskCloseAble;
+    var showCloseIcon = (maskCloseAble === null || !!maskCloseAble) && !props.hideClose;
     var isEmptyTitle = !props.title && props.title !== 0;
+    if (isEmptyTitle) {
+      var closeRoot = classnames_default()(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerClose, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.emptyClose);
+      return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+        children: [renderIcon(isEmptyTitle), showCloseIcon && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          className: closeRoot,
+          onClick: handleClose,
+          children: icons_config.modal.Close
+        })]
+      });
+    }
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: classnames_default()(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.header, isEmptyTitle && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerEmptyTitle)),
+      className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.header,
       onMouseDown: props.moveable ? moveInfo.handleMouseDown : undefined,
       children: [renderIcon(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerTitle,
         children: props.title
-      }), showCloseIcon && !props.hideClose && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), showCloseIcon && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerClose,
         onClick: handleClose,
         children: icons_config.modal.Close
@@ -47778,7 +47863,8 @@ var Scroll = function Scroll(props) {
   var containerRef = (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)({
       timer: null,
-      isMouseDown: false
+      isMouseDown: false,
+      lastPaddingTop: 0
     }),
     context = _useRef.current;
   var _props$scrollHeight = props.scrollHeight,
@@ -47807,10 +47893,17 @@ 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 placeStyle = {
-    paddingTop: height > 0 && scrollHeight > 0 ? Math.max(0, Math.floor(scrollHeight - height)) : 0,
+    paddingTop: pd,
     width: scrollWidth,
-    overflow: 'hidden',
+    overflow: props.isScrollY ? 'hidden' : 'auto hidden',
+    height: props.isScrollY ? 0 : 1,
+    marginTop: props.isScrollY ? 0 : -1,
     lineHeight: 0
   };
   var handleScroll = usePersistFn(function (e) {
@@ -50989,6 +51082,9 @@ var usePagination = function usePagination(props) {
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (pageSizeProp !== pageSize) setPageSize(pageSizeProp);
   }, [pageSizeProp]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (currentProp !== undefined && currentProp !== current) setCurrent(currentProp);
+  }, [currentProp]);
   var handleChange = usePersistFn(function (c, size) {
     if (c === current && size === undefined) return;
     setCurrent(c);
@@ -51008,7 +51104,7 @@ var usePagination = function usePagination(props) {
     return objectSpread2_default()({}, mergedEventHandlers);
   };
   return {
-    current: currentProp !== undefined ? currentProp : current,
+    current: current,
     pageSize: pageSize,
     total: total,
     onChange: handleChange,
@@ -52050,7 +52146,7 @@ var Menu = function Menu(props) {
     }
   }, [data, openKeys]);
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
-    className: classnames_default()(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight, collapse && (classes === null || classes === void 0 ? void 0 : classes.wrapperCollpase), context.inTransition && (classes === null || classes === void 0 ? void 0 : classes.wrapperInTransition))
+    className: classnames_default()(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight, collapse && (classes === null || classes === void 0 ? void 0 : classes.wrapperCollapse), context.inTransition && (classes === null || classes === void 0 ? void 0 : classes.wrapperInTransition))
   }, getDataAttribute({
     theme: theme,
     mode: isVertical ? 'vertical' : mode
@@ -52125,7 +52221,7 @@ var menu_jssStyle = {
 ;// CONCATENATED MODULE: ../base/src/menu/search.tsx
 
 
-var search_excluded = ["tip", "status", "innerTitle", "placeTitle", "onSearchClick", "collpase", "theme", "jssStyle", "className", "style"];
+var search_excluded = ["tip", "status", "innerTitle", "placeTitle", "onSearchClick", "collapse", "theme", "jssStyle", "className", "style"];
 
 
 
@@ -52138,7 +52234,7 @@ var Search = function Search(props) {
     _innerTitle = props.innerTitle,
     _placeTitle = props.placeTitle,
     onSearchClick = props.onSearchClick,
-    collpase = props.collpase,
+    collapse = props.collapse,
     _props$theme = props.theme,
     theme = _props$theme === void 0 ? 'light' : _props$theme,
     jssStyle = props.jssStyle,
@@ -52151,7 +52247,7 @@ var Search = function Search(props) {
     children: icons_config.menu.Search
   });
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-    className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.wrapper, theme === 'light' && (classes === null || classes === void 0 ? void 0 : classes.wrapperLight), theme === 'dark' && (classes === null || classes === void 0 ? void 0 : classes.wrapperDark), !!rest.disabled && (classes === null || classes === void 0 ? void 0 : classes.wrapperDisabled), collpase && (classes === null || classes === void 0 ? void 0 : classes.wrapperCollapsed), className),
+    className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.wrapper, theme === 'light' && (classes === null || classes === void 0 ? void 0 : classes.wrapperLight), theme === 'dark' && (classes === null || classes === void 0 ? void 0 : classes.wrapperDark), !!rest.disabled && (classes === null || classes === void 0 ? void 0 : classes.wrapperDisabled), collapse && (classes === null || classes === void 0 ? void 0 : classes.wrapperCollapsed), className),
     style: style,
     onClick: !props.disabled ? onSearchClick : undefined,
     children: /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_input_input, objectSpread2_default()(objectSpread2_default()({
@@ -53996,7 +54092,6 @@ var DefaultStep = function DefaultStep(props) {
   var renderIcon = function renderIcon() {
     if (renderIconProp) return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: iconClass,
-      onClick: onChange,
       dir: config.direction,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
         className: styles.iconWrapper,
@@ -54013,7 +54108,6 @@ var DefaultStep = function DefaultStep(props) {
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: iconClass,
-      onClick: onChange,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
         className: styles.iconWrapper,
         children: iconComponent
@@ -54028,6 +54122,7 @@ var DefaultStep = function DefaultStep(props) {
   };
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: rootClass,
+    onClick: onChange,
     children: [showTail && renderTail(), renderIcon(), renderContent()]
   });
 };
@@ -55068,6 +55163,10 @@ var useTableLayout = function useTableLayout(props) {
     });
   };
   var changeColGroup = function changeColGroup(cols, adjust) {
+    // 修改`Table`被display:none时，表格头样式错乱的问题
+    if (cols && cols.every(function (v) {
+      return v === 0;
+    })) return;
     setColgroup(cols);
     setAdjust(adjust);
     if (!adjust) {
@@ -55257,10 +55356,11 @@ var useTableLayout = function useTableLayout(props) {
       setAdjust(false);
     } else {
       checkFloat();
-      checkScroll();
+      // checkScroll();
       // 拖拽列会导致 scrollWidth 变化
       syncScrollWidth();
     }
+    checkScroll();
   }, [colgroup]);
   return {
     isScrollX: !!isScrollX,
@@ -55527,7 +55627,6 @@ var useTableTree = function useTableTree(props) {
 
 
 
-
 var useTableVirtual = function useTableVirtual(props) {
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -55545,7 +55644,6 @@ var useTableVirtual = function useTableVirtual(props) {
     _useState8 = slicedToArray_default()(_useState7, 2),
     startIndex = _useState8[0],
     setStartIndex = _useState8[1];
-  var preIndex = usePrevious(startIndex);
   var _useState9 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState10 = slicedToArray_default()(_useState9, 2),
     offsetY = _useState10[0],
@@ -55558,7 +55656,8 @@ var useTableVirtual = function useTableVirtual(props) {
       rateTimer: null,
       topTimer: null,
       controlScrollRate: null,
-      heightCallback: null
+      heightCallback: null,
+      preIndex: null
     }),
     context = _useRef.current;
   var getTranslate = usePersistFn(function (left, top) {
@@ -55591,6 +55690,8 @@ var useTableVirtual = function useTableVirtual(props) {
     if (context.shouldUpdateHeight) {
       setHeight(getContentHeight(props.data.length - 1));
     }
+    var preIndex = context.preIndex;
+    // 解决: 从下往上滚 由于高度变化会导致滚动条跳动
     if (preIndex && preIndex > startIndex && startIndex === index) {
       // 发生在顶部
       if (context.heightCallback) return;
@@ -55695,6 +55796,16 @@ var useTableVirtual = function useTableVirtual(props) {
       props.scrollRef.current.scrollTop = beforeHeight;
     }
   });
+  (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 () {
+    // 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
+    return function () {
+      context.preIndex = null;
+    };
+  }, [props.data]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (props.disabled) return;
     if (offsetY) {
@@ -55982,9 +56093,10 @@ var Colgroup = function Colgroup(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("colgroup", {
       children: colgroup === null || colgroup === void 0 ? void 0 : colgroup.map(function (item, index) {
         var isLast = index === colgroup.length - 1;
+        var width = isLast && props.shouldLastColAuto ? undefined : item;
         return /*#__PURE__*/(0,jsx_runtime.jsx)("col", {
           style: {
-            width: isLast && props.shouldLastColAuto ? undefined : item
+            width: width
           }
         }, columns[index].key);
       })
@@ -57201,8 +57313,6 @@ var emptyRef = {
       jssStyle: props.jssStyle,
       colgroup: colgroup
     };
-    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));
     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 sticky = typeof_default()(props.sticky) === 'object' ? props.sticky : {
@@ -57215,7 +57325,10 @@ var emptyRef = {
       css: sticky === null || sticky === void 0 ? void 0 : sticky.css,
       parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
     };
-    if (!virtual && !isScrollY && !props.sticky && (_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length) {
+    var isRenderBaseTable = !virtual && !isScrollY && !props.sticky && ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.length);
+    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,
@@ -57253,6 +57366,7 @@ var emptyRef = {
         scrollHeight: virtual ? virtualInfo.scrollHeight : tbodyHeight,
         onScroll: handleVirtualScroll,
         defaultHeight: context.emptyHeight,
+        isScrollY: isScrollY,
         children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
           style: {
             width: width,
@@ -58287,6 +58401,7 @@ src_textarea_textarea_0.displayName = 'ShineoutTextarea';
 
 
 
+var defaultDelay = 0;
 var Tooltip = function Tooltip(props) {
   var _jssStyle$tooltip;
   var _props$trigger = props.trigger,
@@ -58306,11 +58421,13 @@ var Tooltip = function Tooltip(props) {
   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 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,
@@ -63119,6 +63236,8 @@ var popover_getPosition = function getPosition(position, el) {
     return false;
   }
 }
+// EXTERNAL MODULE: ./src/utils/type.ts
+var type = __webpack_require__(514);
 ;// CONCATENATED MODULE: ./src/utils/accept.ts
 function accept_attrAccept(file, acceptedFiles) {
   if (file && acceptedFiles) {
@@ -63160,6 +63279,7 @@ function accept_attrAccept(file, acceptedFiles) {
 
 
 
+
 // import validate from './validate';
 
 
@@ -63455,7 +63575,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.3.0-beta.9'
+  version: '3.3.0'
 });
 }();
 /******/ 	return __webpack_exports__;