@ant-design/pro-components 2.3.51 → 2.3.52

package/dist/components.js

@@ -42806,8 +42806,7 @@ var renderValueType = function renderValueType(item, helpers) {
 
 
 
-var SchemaForm_excluded = ["columns", "layoutType", "type", "action", "shouldUpdate"];
-
+var SchemaForm_excluded = ["columns", "layoutType", "type", "action", "shouldUpdate", "formRef"];
 
 
 
@@ -42844,6 +42843,7 @@ function BetaSchemaForm(props) {
     action = props.action,
     _props$shouldUpdate = props.shouldUpdate,
     shouldUpdate = _props$shouldUpdate === void 0 ? true : _props$shouldUpdate,
+    propsFormRef = props.formRef,
     restProps = objectWithoutProperties_objectWithoutProperties(props, SchemaForm_excluded);
   var FormRenderComponents = FormLayoutType[layoutType] || ProForm;
   var _Form$useForm = external_antd_.Form.useForm(),
@@ -42857,15 +42857,12 @@ function BetaSchemaForm(props) {
     _useState4 = slicedToArray_slicedToArray(_useState3, 2),
     formDomsDeps = _useState4[0],
     updatedFormDoms = _useState4[1];
-  var rest = (0,external_React_.useMemo)(function () {
-    return es(restProps, ['formRef']);
-  }, [restProps]);
   var formRef = (0,external_React_.useRef)(props.form || formInstance || form);
   var oldValuesRef = (0,external_React_.useRef)();
   var propsRef = useLatest(props);
-  (0,external_React_.useImperativeHandle)(restProps.formRef, function () {
-    return formRef.current;
-  });
+  if (propsFormRef) {
+    propsFormRef.current = formRef.current;
+  }
   /**
    * 生成子项，方便被 table 接入
    *
@@ -42959,7 +42956,7 @@ function BetaSchemaForm(props) {
     }
     return {};
   }, [columns, layoutType]);
-  return (0,jsx_runtime.jsx)(FormRenderComponents, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, specificProps), rest), {}, {
+  return (0,jsx_runtime.jsx)(FormRenderComponents, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, specificProps), restProps), {}, {
     form: props.form || form,
     formRef: formRef,
     onValuesChange: onValuesChange,
@@ -45447,18 +45444,18 @@ function useEditableArray(props) {
   var actionSaveRef = useRefFunction( /*#__PURE__*/function () {
     var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(recordKey, editRow, originRow, newLine) {
       var _props$onSave, _recordKeyToString4, _options$parentKey;
-      var _ref9, options, res, actionProps;
+      var res, _ref9, options, actionProps;
       return _regeneratorRuntime().wrap(function _callee8$(_context8) {
         while (1) {
           switch (_context8.prev = _context8.next) {
             case 0:
-              _ref9 = newLine || newLineRecordRef.current || {}, options = _ref9.options;
+              // 保存时解除编辑模式,这个要提前一下不然数据会被清空
+              cancelEditable(recordKey);
               _context8.next = 3;
               return props === null || props === void 0 ? void 0 : (_props$onSave = props.onSave) === null || _props$onSave === void 0 ? void 0 : _props$onSave.call(props, recordKey, editRow, originRow, newLine);
             case 3:
               res = _context8.sent;
-              // 保存时解除编辑模式
-              cancelEditable(recordKey);
+              _ref9 = newLine || newLineRecordRef.current || {}, options = _ref9.options;
               if (!(!(options === null || options === void 0 ? void 0 : options.parentKey) && (options === null || options === void 0 ? void 0 : options.recordKey) === recordKey)) {
                 _context8.next = 8;
                 break;
@@ -46692,6 +46689,7 @@ function PageHeader_style_useStyle(prefixCls) {
 
 
 
+
 var renderBack = function renderBack(prefixCls, hashId, backIcon, onBack) {
   if (!backIcon || !onBack) {
     return null;
@@ -47094,6 +47092,7 @@ var PageContainer_excluded = ["title", "content", "pageHeaderRender", "header",
 
 
 
+
 function genLoading(spinProps) {
   if (typeof_typeof(spinProps) === 'object') {
     return spinProps;
@@ -47690,7 +47689,8 @@ var AppsLogo = function AppsLogo() {
 var DefaultContent = function DefaultContent(props) {
   var appList = props.appList,
     baseClassName = props.baseClassName,
-    hashId = props.hashId;
+    hashId = props.hashId,
+    itemClick = props.itemClick;
   return (0,jsx_runtime.jsx)("div", {
     className: "".concat(baseClassName, "-content ").concat(hashId),
     children: (0,jsx_runtime.jsx)("ul", {
@@ -47705,6 +47705,7 @@ var DefaultContent = function DefaultContent(props) {
               children: app.title
             }), (0,jsx_runtime.jsx)(DefaultContent, {
               hashId: hashId,
+              itemClick: itemClick,
               appList: app === null || app === void 0 ? void 0 : app.children,
               baseClassName: baseClassName
             })]
@@ -47713,7 +47714,10 @@ var DefaultContent = function DefaultContent(props) {
         return (0,jsx_runtime.jsx)("li", {
           className: "".concat(baseClassName, "-content-list-item ").concat(hashId),
           children: (0,jsx_runtime.jsxs)("a", {
-            href: app.url,
+            href: itemClick ? 'javascript:;' : app.url,
+            onClick: function onClick() {
+              return itemClick === null || itemClick === void 0 ? void 0 : itemClick(app);
+            },
             target: app.target,
             rel: "noreferrer",
             children: [defaultRenderLogo(app.icon), (0,jsx_runtime.jsxs)("div", {
@@ -47785,7 +47789,8 @@ var renderLogo = function renderLogo(logo, title) {
 var SimpleContent = function SimpleContent(props) {
   var appList = props.appList,
     baseClassName = props.baseClassName,
-    hashId = props.hashId;
+    hashId = props.hashId,
+    itemClick = props.itemClick;
   return (0,jsx_runtime.jsx)("div", {
     className: "".concat(baseClassName, "-content ").concat(hashId),
     children: (0,jsx_runtime.jsx)("ul", {
@@ -47800,6 +47805,7 @@ var SimpleContent = function SimpleContent(props) {
               children: app.title
             }), (0,jsx_runtime.jsx)(SimpleContent, {
               hashId: hashId,
+              itemClick: itemClick,
               appList: app === null || app === void 0 ? void 0 : app.children,
               baseClassName: baseClassName
             })]
@@ -47808,7 +47814,10 @@ var SimpleContent = function SimpleContent(props) {
         return (0,jsx_runtime.jsx)("li", {
           className: "".concat(baseClassName, "-content-list-item ").concat(hashId),
           children: (0,jsx_runtime.jsxs)("a", {
-            href: app.url,
+            href: itemClick ? 'javascript:;' : app.url,
+            onClick: function onClick() {
+              return itemClick === null || itemClick === void 0 ? void 0 : itemClick(app);
+            },
             target: app.target,
             rel: "noreferrer",
             children: [renderLogo(app.icon, app.title), (0,jsx_runtime.jsx)("div", {
@@ -48032,7 +48041,7 @@ var genAppsLogoComponentsStyle = function genAppsLogoComponentsStyle(token) {
       opacity: 0.85,
       lineHeight: 1.5,
       '&:first-child': {
-        marginTop: 12
+        marginBlockStart: 12
       }
     },
     '&-popover': (_popover = {}, defineProperty_defineProperty(_popover, "".concat(token.antCls, "-popover-arrow"), {
@@ -48096,7 +48105,8 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
   var _props$appList;
   var appList = props.appList,
     _props$prefixCls = props.prefixCls,
-    prefixCls = _props$prefixCls === void 0 ? 'ant-pro' : _props$prefixCls;
+    prefixCls = _props$prefixCls === void 0 ? 'ant-pro' : _props$prefixCls,
+    itemClick = props.itemClick;
   var ref = external_React_default().useRef(null);
   var baseClassName = "".concat(prefixCls, "-layout-apps");
   var _useStyle = AppsLogoComponents_style_useStyle(baseClassName),
@@ -48106,36 +48116,24 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
     _useState2 = slicedToArray_slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var itemRender = (0,external_React_.useCallback)(function (list) {
-    var isSimple = list === null || list === void 0 ? void 0 : list.some(function (app) {
+  var popoverContent = (0,external_React_.useMemo)(function () {
+    var isSimple = appList === null || appList === void 0 ? void 0 : appList.some(function (app) {
       return !(app === null || app === void 0 ? void 0 : app.desc);
     });
     if (isSimple) {
       return (0,jsx_runtime.jsx)(SimpleContent, {
         hashId: hashId,
-        appList: list,
+        appList: appList,
+        itemClick: itemClick,
         baseClassName: "".concat(baseClassName, "-simple")
       });
     }
     return (0,jsx_runtime.jsx)(DefaultContent, {
       hashId: hashId,
-      appList: list,
+      appList: appList,
+      itemClick: itemClick,
       baseClassName: "".concat(baseClassName, "-default")
     });
-  }, [hashId, baseClassName]);
-  var popoverContent = (0,external_React_.useMemo)(function () {
-    return appList === null || appList === void 0 ? void 0 : appList.map(function (app) {
-      var _app$children;
-      if (app === null || app === void 0 ? void 0 : (_app$children = app.children) === null || _app$children === void 0 ? void 0 : _app$children.length) {
-        return (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-          children: [(0,jsx_runtime.jsx)("div", {
-            className: "".concat(baseClassName, "-item-title ").concat(hashId),
-            children: app.title
-          }), itemRender(app === null || app === void 0 ? void 0 : app.children)]
-        });
-      }
-      return itemRender([app]);
-    });
   }, [appList, baseClassName, hashId]);
   if (!(props === null || props === void 0 ? void 0 : (_props$appList = props.appList) === null || _props$appList === void 0 ? void 0 : _props$appList.length)) return null;
   var popoverOpenProps = openVisibleCompatible(undefined, function (openChange) {
@@ -48425,7 +48423,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
     paddingInlineStart: 10
   })), defineProperty_defineProperty(_$concat5, "&&-collapsed", (_collapsed = {}, defineProperty_defineProperty(_collapsed, "".concat(token.antCls, "-menu-item, \n        ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-item, \n        ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title, \n        ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title"), {
     paddingInline: '0 !important',
-    marginBlock: '8px !important'
+    marginBlock: '4px !important'
   }), defineProperty_defineProperty(_collapsed, "".concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-submenu-selected > ").concat(token.antCls, "-menu-submenu-title, \n        ").concat(token.antCls, "-menu-submenu-selected > ").concat(token.antCls, "-menu-submenu-title"), {
     backgroundColor: (_token$layout = token.layout) === null || _token$layout === void 0 ? void 0 : (_token$layout$sider = _token$layout.sider) === null || _token$layout$sider === void 0 ? void 0 : _token$layout$sider.colorBgMenuItemSelected,
     borderRadius: token.borderRadius
@@ -49060,6 +49058,7 @@ var SiderMenu = function SiderMenu(props) {
   [actionsRender, baseClassName, collapsed]);
   var appsDom = (0,external_React_.useMemo)(function () {
     return (0,jsx_runtime.jsx)(AppsLogoComponents, {
+      itemClick: props.itemClick,
       appList: props.appList,
       prefixCls: props.prefixCls
     });
@@ -52914,6 +52913,8 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isMobile]);
   var omitProps = es(props, ['className', 'style']);
+  var _React$useContext = external_React_default().useContext(external_antd_.ConfigProvider.ConfigContext),
+    direction = _React$useContext.direction;
   var _useStyle = SiderMenu_style_useStyle("".concat(prefixCls, "-sider"), {
       proLayoutCollapsedWidth: 64
     }),
@@ -52927,13 +52928,14 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
     return onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(true);
   });
   return wrapSSR(isMobile ? (0,jsx_runtime.jsx)(external_antd_.Drawer, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-    placement: "left",
+    placement: direction === 'rtl' ? 'right' : 'left',
     className: classnames_default()("".concat(prefixCls, "-drawer-sider"), className)
   }, drawerOpenProps), {}, {
     style: objectSpread2_objectSpread2({
       padding: 0,
       height: '100vh'
     }, style),
+    maskClosable: true,
     closable: false,
     getContainer: getContainer,
     width: siderWidth,
@@ -53483,9 +53485,9 @@ var defaultPageTitleRender = function defaultPageTitleRender(pageProps, props) {
   if (pageTitleRender) {
     var title = pageTitleRender(pageProps, pageTitleInfo.title, pageTitleInfo);
     if (typeof title === 'string') {
-      return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, pageTitleInfo), {}, {
+      return getPageTitleInfo(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, pageTitleInfo), {}, {
         title: title
-      });
+      }));
     }
     (0,lib_warning["default"])(typeof title === 'string', 'pro-layout: renderPageTitle return value should be a string');
   }
@@ -53855,7 +53857,6 @@ var ProLayout_ProLayout = function ProLayout(props) {
 
 
 
-
 //----------------------
 
 
@@ -56492,7 +56493,8 @@ function ColumnSetting_style_useStyle(prefixCls) {
 
 
 
-var ColumnSetting_excluded = ["key", "dataIndex", "children"];
+var ColumnSetting_excluded = ["key", "dataIndex", "children"],
+  ColumnSetting_excluded2 = ["disabled"];
 
 
 
@@ -56523,8 +56525,6 @@ var ToolTipIcon = function ToolTipIcon(_ref) {
         e.stopPropagation();
         e.preventDefault();
         var config = columnsMap[columnKey] || {};
-        var disableIcon = typeof config.disable === 'boolean' && config.disable;
-        if (disableIcon) return;
         var columnKeyMap = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, columnsMap), {}, defineProperty_defineProperty({}, columnKey, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, config), {}, {
           fixed: fixed
         })));
@@ -56574,7 +56574,7 @@ var CheckboxListItem = function CheckboxListItem(_ref2) {
   }, columnKey);
 };
 var CheckboxList = function CheckboxList(_ref3) {
-  var _treeDataConfig$list, _treeDataConfig$list2;
+  var _treeDataConfig$list, _treeDataConfig$list2, _treeDataConfig$list3;
   var list = _ref3.list,
     draggable = _ref3.draggable,
     checkable = _ref3.checkable,
@@ -56722,7 +56722,11 @@ var CheckboxList = function CheckboxList(_ref3) {
       }));
     },
     height: listHeight,
-    treeData: treeDataConfig.list
+    treeData: (_treeDataConfig$list3 = treeDataConfig.list) === null || _treeDataConfig$list3 === void 0 ? void 0 : _treeDataConfig$list3.map(function (_ref5) {
+      var disabled = _ref5.disabled,
+        config = objectWithoutProperties_objectWithoutProperties(_ref5, ColumnSetting_excluded2);
+      return config;
+    })
   });
   return (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [showTitle && (0,jsx_runtime.jsx)("span", {
@@ -56731,12 +56735,12 @@ var CheckboxList = function CheckboxList(_ref3) {
     }), listDom]
   });
 };
-var GroupCheckboxList = function GroupCheckboxList(_ref5) {
-  var localColumns = _ref5.localColumns,
-    className = _ref5.className,
-    draggable = _ref5.draggable,
-    checkable = _ref5.checkable,
-    listsHeight = _ref5.listsHeight;
+var GroupCheckboxList = function GroupCheckboxList(_ref6) {
+  var localColumns = _ref6.localColumns,
+    className = _ref6.className,
+    draggable = _ref6.draggable,
+    checkable = _ref6.checkable,
+    listsHeight = _ref6.listsHeight;
   var _useContext3 = (0,external_React_.useContext)(ProProvider),
     hashId = _useContext3.hashId;
   var rightList = [];
@@ -56816,16 +56820,21 @@ function ColumnSetting(props) {
     var show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     var columnKeyMap = {};
     var loopColumns = function loopColumns(columns) {
-      columns.forEach(function (_ref6) {
-        var key = _ref6.key,
-          fixed = _ref6.fixed,
-          index = _ref6.index,
-          children = _ref6.children;
+      columns.forEach(function (_ref7) {
+        var key = _ref7.key,
+          fixed = _ref7.fixed,
+          index = _ref7.index,
+          children = _ref7.children,
+          disable = _ref7.disable;
         var columnKey = genColumnKey(key, index);
         if (columnKey) {
+          var _columnsMap$columnKey, _columnsMap$columnKey2;
           columnKeyMap[columnKey] = {
-            show: show,
-            fixed: fixed
+            // 子节点 disable 时，不修改节点显示状态
+            show: disable ? (_columnsMap$columnKey = columnsMap[columnKey]) === null || _columnsMap$columnKey === void 0 ? void 0 : _columnsMap$columnKey.show : show,
+            fixed: fixed,
+            disable: disable,
+            order: (_columnsMap$columnKey2 = columnsMap[columnKey]) === null || _columnsMap$columnKey2 === void 0 ? void 0 : _columnsMap$columnKey2.order
           };
         }
         if (children) {
@@ -58783,7 +58792,7 @@ function columnRender(_ref) {
       style: {
         display: 'flex',
         alignItems: 'center',
-        justifyContent: 'center',
+        justifyContent: 'flex-start',
         gap: 8
       },
       children: renderDom
@@ -58929,6 +58938,7 @@ var Table_excluded = ["rowKey", "tableClassName", "defaultClassName", "action",
 
 // 兼容代码-----------
 
+
 //----------------------
 
 
@@ -60084,6 +60094,7 @@ function EditableTable(props) {
     _useMergedState2 = slicedToArray_slicedToArray(_useMergedState, 2),
     value = _useMergedState2[0],
     setValue = _useMergedState2[1];
+  console.log(value);
   var getRowKey = external_React_default().useMemo(function () {
     if (typeof rowKey === 'function') {
       return rowKey;
@@ -60551,162 +60562,8 @@ function iterableToArray_iterableToArray(iter) {
 function esm_toArray_toArray(arr) {
   return arrayWithHoles_arrayWithHoles(arr) || iterableToArray_iterableToArray(arr) || unsupportedIterableToArray_unsupportedIterableToArray(arr) || nonIterableRest_nonIterableRest();
 }
-;// CONCATENATED MODULE: ./node_modules/rc-util/es/Dom/isVisible.js
-/* harmony default export */ var Dom_isVisible = (function (element) {
-  if (!element) {
-    return false;
-  }
-  if (element instanceof HTMLElement && element.offsetParent) {
-    return true;
-  }
-  if (element instanceof SVGGraphicsElement && element.getBBox) {
-    var _element$getBBox = element.getBBox(),
-      width = _element$getBBox.width,
-      height = _element$getBBox.height;
-    if (width || height) {
-      return true;
-    }
-  }
-  if (element instanceof HTMLElement && element.getBoundingClientRect) {
-    var _element$getBoundingC = element.getBoundingClientRect(),
-      _width = _element$getBoundingC.width,
-      _height = _element$getBoundingC.height;
-    if (_width || _height) {
-      return true;
-    }
-  }
-  return false;
-});
-;// CONCATENATED MODULE: ./node_modules/rc-util/es/Dom/styleChecker.js
-
-var isStyleNameSupport = function isStyleNameSupport(styleName) {
-  if (canUseDom() && window.document.documentElement) {
-    var styleNameList = Array.isArray(styleName) ? styleName : [styleName];
-    var documentElement = window.document.documentElement;
-    return styleNameList.some(function (name) {
-      return name in documentElement.style;
-    });
-  }
-  return false;
-};
-var isStyleValueSupport = function isStyleValueSupport(styleName, value) {
-  if (!isStyleNameSupport(styleName)) {
-    return false;
-  }
-  var ele = document.createElement('div');
-  var origin = ele.style[styleName];
-  ele.style[styleName] = value;
-  return ele.style[styleName] !== origin;
-};
-function isStyleSupport(styleName, styleValue) {
-  if (!Array.isArray(styleName) && styleValue !== undefined) {
-    return isStyleValueSupport(styleName, styleValue);
-  }
-  return isStyleNameSupport(styleName);
-}
-;// CONCATENATED MODULE: ./node_modules/rc-util/es/getScrollBarSize.js
-/* eslint-disable no-param-reassign */
-var cached;
-function getScrollBarSize(fresh) {
-  if (typeof document === 'undefined') {
-    return 0;
-  }
-  if (fresh || cached === undefined) {
-    var inner = document.createElement('div');
-    inner.style.width = '100%';
-    inner.style.height = '200px';
-    var outer = document.createElement('div');
-    var outerStyle = outer.style;
-    outerStyle.position = 'absolute';
-    outerStyle.top = '0';
-    outerStyle.left = '0';
-    outerStyle.pointerEvents = 'none';
-    outerStyle.visibility = 'hidden';
-    outerStyle.width = '200px';
-    outerStyle.height = '150px';
-    outerStyle.overflow = 'hidden';
-    outer.appendChild(inner);
-    document.body.appendChild(outer);
-    var widthContained = inner.offsetWidth;
-    outer.style.overflow = 'scroll';
-    var widthScroll = inner.offsetWidth;
-    if (widthContained === widthScroll) {
-      widthScroll = outer.clientWidth;
-    }
-    document.body.removeChild(outer);
-    cached = widthContained - widthScroll;
-  }
-  return cached;
-}
-function ensureSize(str) {
-  var match = str.match(/^(.*)px$/);
-  var value = Number(match === null || match === void 0 ? void 0 : match[1]);
-  return Number.isNaN(value) ? getScrollBarSize() : value;
-}
-function getTargetScrollBarSize(target) {
-  if (typeof document === 'undefined' || !target || !(target instanceof Element)) {
-    return {
-      width: 0,
-      height: 0
-    };
-  }
-  var _getComputedStyle = getComputedStyle(target, '::-webkit-scrollbar'),
-    width = _getComputedStyle.width,
-    height = _getComputedStyle.height;
-  return {
-    width: ensureSize(width),
-    height: ensureSize(height)
-  };
-}
-;// CONCATENATED MODULE: ./node_modules/rc-util/es/pickAttrs.js
-
-var attributes = "accept acceptCharset accessKey action allowFullScreen allowTransparency\n    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge\n    charSet checked classID className colSpan cols content contentEditable contextMenu\n    controls coords crossOrigin data dateTime default defer dir disabled download draggable\n    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder\n    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity\n    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media\n    mediaGroup method min minLength multiple muted name noValidate nonce open\n    optimum pattern placeholder poster preload radioGroup readOnly rel required\n    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected\n    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style\n    summary tabIndex target title type useMap value width wmode wrap";
-var eventsName = "onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown\n    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick\n    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown\n    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel\n    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough\n    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata\n    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError";
-var propList = "".concat(attributes, " ").concat(eventsName).split(/[\s\n]+/);
-/* eslint-enable max-len */
-var ariaPrefix = 'aria-';
-var dataPrefix = 'data-';
-function pickAttrs_match(key, prefix) {
-  return key.indexOf(prefix) === 0;
-}
-/**
- * Picker props from exist props with filter
- * @param props Passed props
- * @param ariaOnly boolean | { aria?: boolean; data?: boolean; attr?: boolean; } filter config
- */
-function pickAttrs(props) {
-  var ariaOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var mergedConfig;
-  if (ariaOnly === false) {
-    mergedConfig = {
-      aria: true,
-      data: true,
-      attr: true
-    };
-  } else if (ariaOnly === true) {
-    mergedConfig = {
-      aria: true
-    };
-  } else {
-    mergedConfig = objectSpread2_objectSpread2({}, ariaOnly);
-  }
-  var attrs = {};
-  Object.keys(props).forEach(function (key) {
-    if (
-    // Aria
-    mergedConfig.aria && (key === 'role' || pickAttrs_match(key, ariaPrefix)) ||
-    // Data
-    mergedConfig.data && pickAttrs_match(key, dataPrefix) ||
-    // Attr
-    mergedConfig.attr && propList.includes(key)) {
-      attrs[key] = props[key];
-    }
-  });
-  return attrs;
-}
-// EXTERNAL MODULE: ./node_modules/shallowequal/index.js
-var shallowequal = __webpack_require__(2460);
-var shallowequal_default = /*#__PURE__*/__webpack_require__.n(shallowequal);
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/constant.js
+var EXPAND_COLUMN = {};
 ;// CONCATENATED MODULE: ./node_modules/rc-util/es/hooks/useEvent.js
 
 function useEvent(callback) {
@@ -60744,15 +60601,15 @@ var useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
     };
   }, []);
 };
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/ContextSelector/index.js
+;// CONCATENATED MODULE: ./node_modules/@rc-component/context/es/context.js
 
 
 
 
 
 
-function createContext(defaultContext) {
-  var Context = /*#__PURE__*/external_React_.createContext(defaultContext);
+function createContext(defaultValue) {
+  var Context = /*#__PURE__*/external_React_.createContext(undefined);
   var Provider = function Provider(_ref) {
     var value = _ref.value,
       children = _ref.children;
@@ -60781,11 +60638,17 @@ function createContext(defaultContext) {
   };
   return {
     Context: Context,
-    Provider: Provider
+    Provider: Provider,
+    defaultValue: defaultValue
   };
 }
-function useContextSelector(holder, selector) {
+/** e.g. useSelect(userContext) => user */
+
+function context_useContext(holder, selector) {
   var eventSelector = useEvent(typeof selector === 'function' ? selector : function (ctx) {
+    if (selector === undefined) {
+      return ctx;
+    }
     if (!Array.isArray(selector)) {
       return ctx[selector];
     }
@@ -60800,7 +60663,7 @@ function useContextSelector(holder, selector) {
     listeners = _ref2.listeners,
     getValue = _ref2.getValue;
   var valueRef = external_React_.useRef();
-  valueRef.current = eventSelector(context ? getValue() : null);
+  valueRef.current = eventSelector(context ? getValue() : holder === null || holder === void 0 ? void 0 : holder.defaultValue);
   var _React$useState3 = external_React_.useState({}),
     _React$useState4 = slicedToArray_slicedToArray(_React$useState3, 2),
     forceUpdate = _React$useState4[1];
@@ -60810,7 +60673,7 @@ function useContextSelector(holder, selector) {
     }
     function trigger(nextValue) {
       var nextSelectorValue = eventSelector(nextValue);
-      if (!shallowequal_default()(valueRef.current, nextSelectorValue)) {
+      if (!es_isEqual(valueRef.current, nextSelectorValue, true)) {
         forceUpdate({});
       }
     }
@@ -60821,85 +60684,117 @@ function useContextSelector(holder, selector) {
   }, [context]);
   return valueRef.current;
 }
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/context/BodyContext.js
+;// CONCATENATED MODULE: ./node_modules/@rc-component/context/es/Immutable.js
 
-// const BodyContext = React.createContext<BodyContextProps>(null);
-var BodyContext = createContext();
-/* harmony default export */ var context_BodyContext = (BodyContext);
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/context/HoverContext.js
 
-var HoverContext = createContext();
-/* harmony default export */ var context_HoverContext = (HoverContext);
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/context/PerfContext.js
 
-var PerfContext = /*#__PURE__*/external_React_.createContext({
-  renderWithProps: false
-});
-/* harmony default export */ var context_PerfContext = (PerfContext);
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/context/ResizeContext.js
+var ImmutableContext = /*#__PURE__*/external_React_.createContext(0);
+
+/**
+ * Get render update mark by `makeImmutable` root.
+ * Do not deps on the return value as render times
+ * but only use for `useMemo` or `useCallback` deps.
+ */
+function useImmutableMark() {
+  return external_React_.useContext(ImmutableContext);
+}
+/**
+ * Wrapped Component will be marked as Immutable.
+ * When Component parent trigger render,
+ * it will notice children component (use with `responseImmutable`) node that parent has updated.
+
+ * @param Component Passed Component
+ * @param triggerRender Customize trigger `responseImmutable` children re-render logic. Default will always trigger re-render when this component re-render.
+ */
+
+function makeImmutable(Component, shouldTriggerRender) {
+  var refAble = supportRef(Component);
+  var ImmutableComponent = function ImmutableComponent(props, ref) {
+    var refProps = refAble ? {
+      ref: ref
+    } : {};
+    var renderTimesRef = external_React_.useRef(0);
+    var prevProps = external_React_.useRef(props);
+    if (
+    // Always trigger re-render if not provide `notTriggerRender`
+    !shouldTriggerRender || shouldTriggerRender(prevProps.current, props)) {
+      renderTimesRef.current += 1;
+    }
+    prevProps.current = props;
+    return /*#__PURE__*/external_React_.createElement(ImmutableContext.Provider, {
+      value: renderTimesRef.current
+    }, /*#__PURE__*/external_React_.createElement(Component, extends_extends({}, props, refProps)));
+  };
+  if (false) {}
+  return refAble ? /*#__PURE__*/external_React_.forwardRef(ImmutableComponent) : ImmutableComponent;
+}
+/**
+ * Wrapped Component with `React.memo`.
+ * But will rerender when parent with `makeImmutable` rerender.
+ */
+
+function responseImmutable(Component, propsAreEqual) {
+  var refAble = supportRef(Component);
+  var ImmutableComponent = function ImmutableComponent(props, ref) {
+    var refProps = refAble ? {
+      ref: ref
+    } : {};
+    useImmutableMark();
+    return /*#__PURE__*/external_React_.createElement(Component, extends_extends({}, props, refProps));
+  };
+  if (false) {}
+  return refAble ? /*#__PURE__*/external_React_.memo( /*#__PURE__*/external_React_.forwardRef(ImmutableComponent), propsAreEqual) : /*#__PURE__*/external_React_.memo(ImmutableComponent, propsAreEqual);
+}
+;// CONCATENATED MODULE: ./node_modules/@rc-component/context/es/index.js
+
+
 
-var ResizeContext = createContext();
-/* harmony default export */ var context_ResizeContext = (ResizeContext);
 ;// CONCATENATED MODULE: ./node_modules/rc-table/es/context/TableContext.js
 
 var TableContext = createContext();
 /* harmony default export */ var context_TableContext = (TableContext);
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/hooks/useFlattenRecords.js
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/hooks/useRenderTimes.js
+/* istanbul ignore file */
 
+function useRenderTimes(props, debug) {
+  // Render times
+  var timesRef = external_React_.useRef(0);
+  timesRef.current += 1; // Props changed
 
-
-// recursion (flat tree structure)
-function flatRecord(record, indent, childrenColumnName, expandedKeys, getRowKey, index) {
-  var arr = [];
-  arr.push({
-    record: record,
-    indent: indent,
-    index: index
-  });
-  var key = getRowKey(record);
-  var expanded = expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.has(key);
-  if (record && Array.isArray(record[childrenColumnName]) && expanded) {
-    // expanded state, flat record
-    for (var i = 0; i < record[childrenColumnName].length; i += 1) {
-      var tempArr = flatRecord(record[childrenColumnName][i], indent + 1, childrenColumnName, expandedKeys, getRowKey, i);
-      arr.push.apply(arr, toConsumableArray_toConsumableArray(tempArr));
+  var propsRef = external_React_.useRef(props);
+  var keys = [];
+  Object.keys(props || {}).map(function (key) {
+    var _propsRef$current;
+    if ((props === null || props === void 0 ? void 0 : props[key]) !== ((_propsRef$current = propsRef.current) === null || _propsRef$current === void 0 ? void 0 : _propsRef$current[key])) {
+      keys.push(key);
     }
+  });
+  propsRef.current = props; // Cache keys since React rerender may cause it lost
+
+  var keysRef = external_React_.useRef([]);
+  if (keys.length) {
+    keysRef.current = keys;
   }
-  return arr;
+  external_React_.useDebugValue(timesRef.current);
+  external_React_.useDebugValue(keysRef.current.join(', '));
+  if (debug) {
+    console.log("".concat(debug, ":"), timesRef.current, keysRef.current);
+  }
+  return timesRef.current;
 }
-/**
- * flat tree data on expanded state
- *
- * @export
- * @template T
- * @param {*} data : table data
- * @param {string} childrenColumnName : 指定树形结构的列名
- * @param {Set<Key>} expandedKeys : 展开的行对应的keys
- * @param {GetRowKey<T>} getRowKey  : 获取当前rowKey的方法
- * @returns flattened data
- */
-
-function useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey) {
-  var arr = external_React_.useMemo(function () {
-    if (expandedKeys !== null && expandedKeys !== void 0 && expandedKeys.size) {
-      var temp = []; // collect flattened record
+/* harmony default export */ var hooks_useRenderTimes = ((/* unused pure expression or super */ null && ( false ? 0 : function () {})));
+var RenderBlock = /*#__PURE__*/external_React_.memo(function () {
+  var times = useRenderTimes();
+  return /*#__PURE__*/external_React_.createElement("h1", null, "Render Times: ", times);
+});
+RenderBlock.displayName = 'RenderBlock';
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/context/PerfContext.js
 
-      for (var i = 0; i < (data === null || data === void 0 ? void 0 : data.length); i += 1) {
-        var record = data[i];
-        temp.push.apply(temp, toConsumableArray_toConsumableArray(flatRecord(record, 0, childrenColumnName, expandedKeys, getRowKey, i)));
-      }
-      return temp;
-    }
-    return data === null || data === void 0 ? void 0 : data.map(function (item, index) {
-      return {
-        record: item,
-        indent: 0,
-        index: index
-      };
-    });
-  }, [data, childrenColumnName, expandedKeys, getRowKey]);
-  return arr;
-}
+// TODO: Remove when use `responsiveImmutable`
+var PerfContext = /*#__PURE__*/external_React_.createContext({
+  renderWithProps: false
+});
+/* harmony default export */ var context_PerfContext = (PerfContext);
 ;// CONCATENATED MODULE: ./node_modules/rc-table/es/utils/valueUtil.js
 var INTERNAL_KEY_PREFIX = 'RC_TABLE_KEY';
 function valueUtil_toArray(arr) {
@@ -60908,22 +60803,6 @@ function valueUtil_toArray(arr) {
   }
   return Array.isArray(arr) ? arr : [arr];
 }
-function getPathValue(record, path) {
-  // Skip if path is empty
-  if (!path && typeof path !== 'number') {
-    return record;
-  }
-  var pathList = valueUtil_toArray(path);
-  var current = record;
-  for (var i = 0; i < pathList.length; i += 1) {
-    if (!current) {
-      return null;
-    }
-    var prop = pathList[i];
-    current = current[prop];
-  }
-  return current;
-}
 function getColumnsKey(columns) {
   var columnKeys = [];
   var keys = {};
@@ -60943,46 +60822,94 @@ function getColumnsKey(columns) {
 function validateValue(val) {
   return val !== null && val !== undefined;
 }
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/context/StickyContext.js
- // Tell cell that browser support sticky
-
-var StickyContext = /*#__PURE__*/external_React_.createContext(false);
-/* harmony default export */ var context_StickyContext = (StickyContext);
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/Cell/index.js
-
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/Cell/useCellRender.js
 
 
 
 
 
-var Cell_excluded = ["colSpan", "rowSpan", "style", "className"];
-
 
 
 
 
 
+function isRenderCell(data) {
+  return data && typeof_typeof(data) === 'object' && !Array.isArray(data) && ! /*#__PURE__*/external_React_.isValidElement(data);
+}
+function useCellRender(record, dataIndex, renderIndex, children, render, shouldCellUpdate) {
+  // TODO: Remove this after next major version
+  var perfRecord = external_React_.useContext(context_PerfContext);
+  var mark = useImmutableMark(); // ======================== Render ========================
 
+  var retData = useMemo_useMemo(function () {
+    if (validateValue(children)) {
+      return [children];
+    }
+    var path = dataIndex === null || dataIndex === undefined || dataIndex === '' ? [] : Array.isArray(dataIndex) ? dataIndex : [dataIndex];
+    var value = get_get(record, path); // Customize render node
 
+    var returnChildNode = value;
+    var returnCellProps = undefined;
+    if (render) {
+      var renderData = render(value, record, renderIndex);
+      if (isRenderCell(renderData)) {
+        if (false) {}
+        returnChildNode = renderData.children;
+        returnCellProps = renderData.props;
+        perfRecord.renderWithProps = true;
+      } else {
+        returnChildNode = renderData;
+      }
+    }
+    return [returnChildNode, returnCellProps];
+  }, [
+  // Force update deps
+  mark,
+  // Normal deps
+  record, children, dataIndex, render, renderIndex], function (prev, next) {
+    if (shouldCellUpdate) {
+      var _prev = slicedToArray_slicedToArray(prev, 2),
+        prevRecord = _prev[1];
+      var _next = slicedToArray_slicedToArray(next, 2),
+        nextRecord = _next[1];
+      return shouldCellUpdate(nextRecord, prevRecord);
+    } // Legacy mode should always update
+
+    if (perfRecord.renderWithProps) {
+      return true;
+    }
+    return !es_isEqual(prev, next, true);
+  });
+  return retData;
+}
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/Cell/useHoverState.js
 
 
 
 /** Check if cell is in hover range */
-
 function inHoverRange(cellStartRow, cellRowSpan, startRow, endRow) {
   var cellEndRow = cellStartRow + cellRowSpan - 1;
   return cellStartRow <= endRow && cellEndRow >= startRow;
 }
-function isRenderCell(data) {
-  return data && typeof_typeof(data) === 'object' && !Array.isArray(data) && ! /*#__PURE__*/external_React_.isValidElement(data);
-}
-function isRefComponent(component) {
-  // String tag component also support ref
-  if (typeof component === 'string') {
-    return true;
-  }
-  return supportRef(component);
+function useHoverState(rowIndex, rowSpan) {
+  return context_useContext(context_TableContext, function (ctx) {
+    var hovering = inHoverRange(rowIndex, rowSpan || 1, ctx.hoverStartRow, ctx.hoverEndRow);
+    return [hovering, ctx.onHover];
+  });
 }
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/Cell/index.js
+
+
+
+
+
+
+
+
+
+
+
+
 var getTitleFromCellRenderChildren = function getTitleFromCellRenderChildren(_ref) {
   var ellipsis = _ref.ellipsis,
     rowType = _ref.rowType,
@@ -61000,89 +60927,44 @@ var getTitleFromCellRenderChildren = function getTitleFromCellRenderChildren(_re
   }
   return title;
 };
-function Cell(_ref2, ref) {
-  var _ref4, _ref5, _classNames;
-  var prefixCls = _ref2.prefixCls,
-    className = _ref2.className,
-    record = _ref2.record,
-    index = _ref2.index,
-    renderIndex = _ref2.renderIndex,
-    dataIndex = _ref2.dataIndex,
-    render = _ref2.render,
-    children = _ref2.children,
-    _ref2$component = _ref2.component,
-    Component = _ref2$component === void 0 ? 'td' : _ref2$component,
-    colSpan = _ref2.colSpan,
-    rowSpan = _ref2.rowSpan,
-    scope = _ref2.scope,
-    fixLeft = _ref2.fixLeft,
-    fixRight = _ref2.fixRight,
-    firstFixLeft = _ref2.firstFixLeft,
-    lastFixLeft = _ref2.lastFixLeft,
-    firstFixRight = _ref2.firstFixRight,
-    lastFixRight = _ref2.lastFixRight,
-    appendNode = _ref2.appendNode,
-    _ref2$additionalProps = _ref2.additionalProps,
-    additionalProps = _ref2$additionalProps === void 0 ? {} : _ref2$additionalProps,
-    ellipsis = _ref2.ellipsis,
-    align = _ref2.align,
-    rowType = _ref2.rowType,
-    isSticky = _ref2.isSticky,
-    hovering = _ref2.hovering,
-    onHover = _ref2.onHover;
+function Cell(props) {
+  var _ref2, _ref3, _legacyCellProps$colS, _ref4, _ref5, _legacyCellProps$rowS, _additionalProps$titl, _classNames;
+  if (false) {}
+  var Component = props.component,
+    children = props.children,
+    ellipsis = props.ellipsis,
+    scope = props.scope,
+    prefixCls = props.prefixCls,
+    className = props.className,
+    align = props.align,
+    record = props.record,
+    render = props.render,
+    dataIndex = props.dataIndex,
+    renderIndex = props.renderIndex,
+    shouldCellUpdate = props.shouldCellUpdate,
+    index = props.index,
+    rowType = props.rowType,
+    colSpan = props.colSpan,
+    rowSpan = props.rowSpan,
+    fixLeft = props.fixLeft,
+    fixRight = props.fixRight,
+    firstFixLeft = props.firstFixLeft,
+    lastFixLeft = props.lastFixLeft,
+    firstFixRight = props.firstFixRight,
+    lastFixRight = props.lastFixRight,
+    appendNode = props.appendNode,
+    _props$additionalProp = props.additionalProps,
+    additionalProps = _props$additionalProp === void 0 ? {} : _props$additionalProp,
+    isSticky = props.isSticky;
   var cellPrefixCls = "".concat(prefixCls, "-cell");
-  var perfRecord = external_React_.useContext(context_PerfContext);
-  var supportSticky = external_React_.useContext(context_StickyContext);
-  var allColumnsFixedLeft = useContextSelector(context_BodyContext, 'allColumnsFixedLeft'); // ==================== Child Node ====================
+  var _useContext = context_useContext(context_TableContext, ['supportSticky', 'allColumnsFixedLeft']),
+    supportSticky = _useContext.supportSticky,
+    allColumnsFixedLeft = _useContext.allColumnsFixedLeft; // ====================== Value =======================
 
-  var _React$useMemo = external_React_.useMemo(function () {
-      if (validateValue(children)) {
-        return [children];
-      }
-      var value = getPathValue(record, dataIndex); // Customize render node
-
-      var returnChildNode = value;
-      var returnCellProps = undefined;
-      if (render) {
-        var renderData = render(value, record, renderIndex);
-        if (isRenderCell(renderData)) {
-          if (false) {}
-          returnChildNode = renderData.children;
-          returnCellProps = renderData.props;
-          perfRecord.renderWithProps = true;
-        } else {
-          returnChildNode = renderData;
-        }
-      }
-      return [returnChildNode, returnCellProps];
-    }, [/* eslint-disable react-hooks/exhaustive-deps */
-    // Always re-render if `renderWithProps`
-    perfRecord.renderWithProps ? Math.random() : 0, /* eslint-enable */
-    children, dataIndex, perfRecord, record, render, renderIndex]),
-    _React$useMemo2 = slicedToArray_slicedToArray(_React$useMemo, 2),
-    childNode = _React$useMemo2[0],
-    legacyCellProps = _React$useMemo2[1];
-  var mergedChildNode = childNode; // Not crash if final `childNode` is not validate ReactNode
-
-  if (typeof_typeof(mergedChildNode) === 'object' && !Array.isArray(mergedChildNode) && ! /*#__PURE__*/external_React_.isValidElement(mergedChildNode)) {
-    mergedChildNode = null;
-  }
-  if (ellipsis && (lastFixLeft || firstFixRight)) {
-    mergedChildNode = /*#__PURE__*/external_React_.createElement("span", {
-      className: "".concat(cellPrefixCls, "-content")
-    }, mergedChildNode);
-  }
-  var _ref3 = legacyCellProps || {},
-    cellColSpan = _ref3.colSpan,
-    cellRowSpan = _ref3.rowSpan,
-    cellStyle = _ref3.style,
-    cellClassName = _ref3.className,
-    restCellProps = objectWithoutProperties_objectWithoutProperties(_ref3, Cell_excluded);
-  var mergedColSpan = (_ref4 = cellColSpan !== undefined ? cellColSpan : colSpan) !== null && _ref4 !== void 0 ? _ref4 : 1;
-  var mergedRowSpan = (_ref5 = cellRowSpan !== undefined ? cellRowSpan : rowSpan) !== null && _ref5 !== void 0 ? _ref5 : 1;
-  if (mergedColSpan === 0 || mergedRowSpan === 0) {
-    return null;
-  } // ====================== Fixed =======================
+  var _useCellRender = useCellRender(record, dataIndex, renderIndex, children, render, shouldCellUpdate),
+    _useCellRender2 = slicedToArray_slicedToArray(_useCellRender, 2),
+    childNode = _useCellRender2[0],
+    legacyCellProps = _useCellRender2[1]; // ====================== Fixed =======================
 
   var fixedStyle = {};
   var isFixLeft = typeof fixLeft === 'number' && supportSticky;
@@ -61094,13 +60976,15 @@ function Cell(_ref2, ref) {
   if (isFixRight) {
     fixedStyle.position = 'sticky';
     fixedStyle.right = fixRight;
-  } // ====================== Align =======================
+  } // ================ RowSpan & ColSpan =================
 
-  var alignStyle = {};
-  if (align) {
-    alignStyle.textAlign = align;
-  } // ====================== Hover =======================
+  var mergedColSpan = (_ref2 = (_ref3 = (_legacyCellProps$colS = legacyCellProps === null || legacyCellProps === void 0 ? void 0 : legacyCellProps.colSpan) !== null && _legacyCellProps$colS !== void 0 ? _legacyCellProps$colS : colSpan) !== null && _ref3 !== void 0 ? _ref3 : additionalProps.colSpan) !== null && _ref2 !== void 0 ? _ref2 : 1;
+  var mergedRowSpan = (_ref4 = (_ref5 = (_legacyCellProps$rowS = legacyCellProps === null || legacyCellProps === void 0 ? void 0 : legacyCellProps.rowSpan) !== null && _legacyCellProps$rowS !== void 0 ? _legacyCellProps$rowS : rowSpan) !== null && _ref5 !== void 0 ? _ref5 : additionalProps.rowSpan) !== null && _ref4 !== void 0 ? _ref4 : 1; // ====================== Hover =======================
 
+  var _useHoverState = useHoverState(index, mergedRowSpan),
+    _useHoverState2 = slicedToArray_slicedToArray(_useHoverState, 2),
+    hovering = _useHoverState2[0],
+    onHover = _useHoverState2[1];
   var onMouseEnter = function onMouseEnter(event) {
     var _additionalProps$onMo;
     if (record) {
@@ -61116,122 +61000,451 @@ function Cell(_ref2, ref) {
     additionalProps === null || additionalProps === void 0 ? void 0 : (_additionalProps$onMo2 = additionalProps.onMouseLeave) === null || _additionalProps$onMo2 === void 0 ? void 0 : _additionalProps$onMo2.call(additionalProps, event);
   }; // ====================== Render ======================
 
-  var title = getTitleFromCellRenderChildren({
+  if (mergedColSpan === 0 || mergedRowSpan === 0) {
+    return null;
+  } // >>>>> Title
+
+  var title = (_additionalProps$titl = additionalProps.title) !== null && _additionalProps$titl !== void 0 ? _additionalProps$titl : getTitleFromCellRenderChildren({
     rowType: rowType,
     ellipsis: ellipsis,
     children: childNode
-  });
-  var componentProps = objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-    title: title
-  }, restCellProps), additionalProps), {}, {
-    colSpan: mergedColSpan !== 1 ? mergedColSpan : null,
-    rowSpan: mergedRowSpan !== 1 ? mergedRowSpan : null,
-    scope: scope,
-    className: classnames_default()(cellPrefixCls, className, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-left"), isFixLeft && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-left-first"), firstFixLeft && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-left-last"), lastFixLeft && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-left-all"), lastFixLeft && allColumnsFixedLeft && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-right"), isFixRight && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-right-first"), firstFixRight && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-right-last"), lastFixRight && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-ellipsis"), ellipsis), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-with-append"), appendNode), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-sticky"), (isFixLeft || isFixRight) && isSticky && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-row-hover"), !legacyCellProps && hovering), _classNames), additionalProps.className, cellClassName),
-    style: objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, additionalProps.style), alignStyle), fixedStyle), cellStyle),
+  }); // >>>>> ClassName
+
+  var mergedClassName = classnames_default()(cellPrefixCls, className, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-left"), isFixLeft && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-left-first"), firstFixLeft && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-left-last"), lastFixLeft && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-left-all"), lastFixLeft && allColumnsFixedLeft && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-right"), isFixRight && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-right-first"), firstFixRight && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-right-last"), lastFixRight && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-ellipsis"), ellipsis), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-with-append"), appendNode), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-fix-sticky"), (isFixLeft || isFixRight) && isSticky && supportSticky), defineProperty_defineProperty(_classNames, "".concat(cellPrefixCls, "-row-hover"), !legacyCellProps && hovering), _classNames), additionalProps.className, legacyCellProps === null || legacyCellProps === void 0 ? void 0 : legacyCellProps.className); // >>>>> Style
+
+  var alignStyle = {};
+  if (align) {
+    alignStyle.textAlign = align;
+  }
+  var mergedStyle = objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, additionalProps.style), alignStyle), fixedStyle), legacyCellProps === null || legacyCellProps === void 0 ? void 0 : legacyCellProps.style); // >>>>> Children Node
+
+  var mergedChildNode = childNode; // Not crash if final `childNode` is not validate ReactNode
+
+  if (typeof_typeof(mergedChildNode) === 'object' && !Array.isArray(mergedChildNode) && ! /*#__PURE__*/external_React_.isValidElement(mergedChildNode)) {
+    mergedChildNode = null;
+  }
+  if (ellipsis && (lastFixLeft || firstFixRight)) {
+    mergedChildNode = /*#__PURE__*/external_React_.createElement("span", {
+      className: "".concat(cellPrefixCls, "-content")
+    }, mergedChildNode);
+  }
+  return /*#__PURE__*/external_React_.createElement(Component, extends_extends({}, legacyCellProps, additionalProps, {
+    className: mergedClassName,
+    style: mergedStyle // A11y
+    ,
+
+    title: title,
+    scope: scope // Hover
+    ,
+
     onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    ref: isRefComponent(Component) ? ref : null
-  });
-  return /*#__PURE__*/external_React_.createElement(Component, componentProps, appendNode, mergedChildNode);
-}
-var RefCell = /*#__PURE__*/external_React_.forwardRef(Cell);
-RefCell.displayName = 'Cell';
-var comparePropList = ['expanded', 'className', 'hovering'];
-var MemoCell = /*#__PURE__*/external_React_.memo(RefCell, function (prev, next) {
-  if (next.shouldCellUpdate) {
-    return (
-      // Additional handle of expanded logic
-      comparePropList.every(function (propName) {
-        return prev[propName] === next[propName];
-      }) &&
-      // User control update logic
-      !next.shouldCellUpdate(next.record, prev.record)
-    );
+    onMouseLeave: onMouseLeave //Span
+    ,
+
+    colSpan: mergedColSpan !== 1 ? mergedColSpan : null,
+    rowSpan: mergedRowSpan !== 1 ? mergedRowSpan : null
+  }), appendNode, mergedChildNode);
+}
+/* harmony default export */ var es_Cell = (/*#__PURE__*/external_React_.memo(Cell));
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/utils/fixUtil.js
+function getCellFixedInfo(colStart, colEnd, columns, stickyOffsets, direction, curColumns) {
+  var startColumn = columns[colStart] || {};
+  var endColumn = columns[colEnd] || {};
+  var fixLeft;
+  var fixRight;
+  if (startColumn.fixed === 'left') {
+    fixLeft = stickyOffsets.left[colStart];
+  } else if (endColumn.fixed === 'right') {
+    fixRight = stickyOffsets.right[colEnd];
   }
-  return shallowequal_default()(prev, next);
-});
-/** Inject hover data here, we still wish MemoCell keep simple `shouldCellUpdate` logic */
+  var lastFixLeft = false;
+  var firstFixRight = false;
+  var lastFixRight = false;
+  var firstFixLeft = false;
+  var nextColumn = columns[colEnd + 1];
+  var prevColumn = columns[colStart - 1]; // no children only
 
-var WrappedCell = /*#__PURE__*/external_React_.forwardRef(function (props, ref) {
-  var index = props.index,
-    _props$additionalProp = props.additionalProps,
-    additionalProps = _props$additionalProp === void 0 ? {} : _props$additionalProp,
-    colSpan = props.colSpan,
-    rowSpan = props.rowSpan;
-  var cellColSpan = additionalProps.colSpan,
-    cellRowSpan = additionalProps.rowSpan;
-  var mergedColSpan = colSpan !== null && colSpan !== void 0 ? colSpan : cellColSpan;
-  var mergedRowSpan = rowSpan !== null && rowSpan !== void 0 ? rowSpan : cellRowSpan;
-  var _useContextSelector = useContextSelector(context_HoverContext, function (cxt) {
-      var isHovering = inHoverRange(index, mergedRowSpan || 1, cxt === null || cxt === void 0 ? void 0 : cxt.startRow, cxt === null || cxt === void 0 ? void 0 : cxt.endRow);
-      return {
-        onHover: cxt === null || cxt === void 0 ? void 0 : cxt.onHover,
-        hovering: isHovering
-      };
-    }),
-    onHover = _useContextSelector.onHover,
-    hovering = _useContextSelector.hovering;
-  return /*#__PURE__*/external_React_.createElement(MemoCell, extends_extends({}, props, {
+  var canLastFix = !(curColumns !== null && curColumns !== void 0 && curColumns.children);
+  if (direction === 'rtl') {
+    if (fixLeft !== undefined) {
+      var prevFixLeft = prevColumn && prevColumn.fixed === 'left';
+      firstFixLeft = !prevFixLeft && canLastFix;
+    } else if (fixRight !== undefined) {
+      var nextFixRight = nextColumn && nextColumn.fixed === 'right';
+      lastFixRight = !nextFixRight && canLastFix;
+    }
+  } else if (fixLeft !== undefined) {
+    var nextFixLeft = nextColumn && nextColumn.fixed === 'left';
+    lastFixLeft = !nextFixLeft && canLastFix;
+  } else if (fixRight !== undefined) {
+    var prevFixRight = prevColumn && prevColumn.fixed === 'right';
+    firstFixRight = !prevFixRight && canLastFix;
+  }
+  return {
+    fixLeft: fixLeft,
+    fixRight: fixRight,
+    lastFixLeft: lastFixLeft,
+    firstFixRight: firstFixRight,
+    lastFixRight: lastFixRight,
+    firstFixLeft: firstFixLeft,
+    isSticky: stickyOffsets.isSticky
+  };
+}
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/Footer/SummaryContext.js
+
+var SummaryContext = /*#__PURE__*/external_React_.createContext({});
+/* harmony default export */ var Footer_SummaryContext = (SummaryContext);
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/Footer/Cell.js
+
+
+
+
+
+
+
+function SummaryCell(_ref) {
+  var className = _ref.className,
+    index = _ref.index,
+    children = _ref.children,
+    _ref$colSpan = _ref.colSpan,
+    colSpan = _ref$colSpan === void 0 ? 1 : _ref$colSpan,
+    rowSpan = _ref.rowSpan,
+    align = _ref.align;
+  var _useContext = context_useContext(context_TableContext, ['prefixCls', 'direction']),
+    prefixCls = _useContext.prefixCls,
+    direction = _useContext.direction;
+  var _React$useContext = external_React_.useContext(Footer_SummaryContext),
+    scrollColumnIndex = _React$useContext.scrollColumnIndex,
+    stickyOffsets = _React$useContext.stickyOffsets,
+    flattenColumns = _React$useContext.flattenColumns,
+    columns = _React$useContext.columns;
+  var lastIndex = index + colSpan - 1;
+  var mergedColSpan = lastIndex + 1 === scrollColumnIndex ? colSpan + 1 : colSpan;
+  var fixedInfo = getCellFixedInfo(index, index + mergedColSpan - 1, flattenColumns, stickyOffsets, direction, columns === null || columns === void 0 ? void 0 : columns[index]);
+  return /*#__PURE__*/external_React_.createElement(es_Cell, extends_extends({
+    className: className,
+    index: index,
+    component: "td",
+    prefixCls: prefixCls,
+    record: null,
+    dataIndex: null,
+    align: align,
     colSpan: mergedColSpan,
-    rowSpan: mergedRowSpan,
-    hovering: hovering,
-    ref: ref,
-    onHover: onHover
-  }));
+    rowSpan: rowSpan,
+    render: function render() {
+      return children;
+    }
+  }, fixedInfo));
+}
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/Footer/Row.js
+
+var Row_excluded = ["children"];
+
+function FooterRow(_ref) {
+  var children = _ref.children,
+    props = objectWithoutProperties_objectWithoutProperties(_ref, Row_excluded);
+  return /*#__PURE__*/external_React_.createElement("tr", props, children);
+}
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/Footer/Summary.js
+
+
+
+/**
+ * Syntactic sugar. Do not support HOC.
+ */
+function Summary(_ref) {
+  var children = _ref.children;
+  return children;
+}
+Summary.Row = FooterRow;
+Summary.Cell = SummaryCell;
+/* harmony default export */ var Footer_Summary = (Summary);
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/Footer/index.js
+
+
+
+
+
+
+function Footer_Footer(props) {
+  if (false) {}
+  var children = props.children,
+    stickyOffsets = props.stickyOffsets,
+    flattenColumns = props.flattenColumns,
+    columns = props.columns;
+  var prefixCls = context_useContext(context_TableContext, 'prefixCls');
+  var lastColumnIndex = flattenColumns.length - 1;
+  var scrollColumn = flattenColumns[lastColumnIndex];
+  var summaryContext = external_React_.useMemo(function () {
+    return {
+      stickyOffsets: stickyOffsets,
+      flattenColumns: flattenColumns,
+      scrollColumnIndex: scrollColumn !== null && scrollColumn !== void 0 && scrollColumn.scrollbar ? lastColumnIndex : null,
+      columns: columns
+    };
+  }, [scrollColumn, flattenColumns, lastColumnIndex, stickyOffsets, columns]);
+  return /*#__PURE__*/external_React_.createElement(Footer_SummaryContext.Provider, {
+    value: summaryContext
+  }, /*#__PURE__*/external_React_.createElement("tfoot", {
+    className: "".concat(prefixCls, "-summary")
+  }, children));
+}
+/* harmony default export */ var es_Footer = (responseImmutable(Footer_Footer));
+var FooterComponents = Footer_Summary;
+;// CONCATENATED MODULE: ./node_modules/rc-util/es/Dom/isVisible.js
+/* harmony default export */ var Dom_isVisible = (function (element) {
+  if (!element) {
+    return false;
+  }
+  if (element instanceof HTMLElement && element.offsetParent) {
+    return true;
+  }
+  if (element instanceof SVGGraphicsElement && element.getBBox) {
+    var _element$getBBox = element.getBBox(),
+      width = _element$getBBox.width,
+      height = _element$getBBox.height;
+    if (width || height) {
+      return true;
+    }
+  }
+  if (element instanceof HTMLElement && element.getBoundingClientRect) {
+    var _element$getBoundingC = element.getBoundingClientRect(),
+      _width = _element$getBoundingC.width,
+      _height = _element$getBoundingC.height;
+    if (_width || _height) {
+      return true;
+    }
+  }
+  return false;
 });
-WrappedCell.displayName = 'WrappedCell';
-/* harmony default export */ var es_Cell = (WrappedCell);
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/context/ExpandedRowContext.js
+;// CONCATENATED MODULE: ./node_modules/rc-util/es/Dom/styleChecker.js
 
-var ExpandedRowContext = createContext(null);
-/* harmony default export */ var context_ExpandedRowContext = (ExpandedRowContext);
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/Body/ExpandedRow.js
+var isStyleNameSupport = function isStyleNameSupport(styleName) {
+  if (canUseDom() && window.document.documentElement) {
+    var styleNameList = Array.isArray(styleName) ? styleName : [styleName];
+    var documentElement = window.document.documentElement;
+    return styleNameList.some(function (name) {
+      return name in documentElement.style;
+    });
+  }
+  return false;
+};
+var isStyleValueSupport = function isStyleValueSupport(styleName, value) {
+  if (!isStyleNameSupport(styleName)) {
+    return false;
+  }
+  var ele = document.createElement('div');
+  var origin = ele.style[styleName];
+  ele.style[styleName] = value;
+  return ele.style[styleName] !== origin;
+};
+function isStyleSupport(styleName, styleValue) {
+  if (!Array.isArray(styleName) && styleValue !== undefined) {
+    return isStyleValueSupport(styleName, styleValue);
+  }
+  return isStyleNameSupport(styleName);
+}
+;// CONCATENATED MODULE: ./node_modules/rc-util/es/getScrollBarSize.js
+/* eslint-disable no-param-reassign */
+var cached;
+function getScrollBarSize(fresh) {
+  if (typeof document === 'undefined') {
+    return 0;
+  }
+  if (fresh || cached === undefined) {
+    var inner = document.createElement('div');
+    inner.style.width = '100%';
+    inner.style.height = '200px';
+    var outer = document.createElement('div');
+    var outerStyle = outer.style;
+    outerStyle.position = 'absolute';
+    outerStyle.top = '0';
+    outerStyle.left = '0';
+    outerStyle.pointerEvents = 'none';
+    outerStyle.visibility = 'hidden';
+    outerStyle.width = '200px';
+    outerStyle.height = '150px';
+    outerStyle.overflow = 'hidden';
+    outer.appendChild(inner);
+    document.body.appendChild(outer);
+    var widthContained = inner.offsetWidth;
+    outer.style.overflow = 'scroll';
+    var widthScroll = inner.offsetWidth;
+    if (widthContained === widthScroll) {
+      widthScroll = outer.clientWidth;
+    }
+    document.body.removeChild(outer);
+    cached = widthContained - widthScroll;
+  }
+  return cached;
+}
+function ensureSize(str) {
+  var match = str.match(/^(.*)px$/);
+  var value = Number(match === null || match === void 0 ? void 0 : match[1]);
+  return Number.isNaN(value) ? getScrollBarSize() : value;
+}
+function getTargetScrollBarSize(target) {
+  if (typeof document === 'undefined' || !target || !(target instanceof Element)) {
+    return {
+      width: 0,
+      height: 0
+    };
+  }
+  var _getComputedStyle = getComputedStyle(target, '::-webkit-scrollbar'),
+    width = _getComputedStyle.width,
+    height = _getComputedStyle.height;
+  return {
+    width: ensureSize(width),
+    height: ensureSize(height)
+  };
+}
+;// CONCATENATED MODULE: ./node_modules/rc-util/es/pickAttrs.js
 
+var attributes = "accept acceptCharset accessKey action allowFullScreen allowTransparency\n    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge\n    charSet checked classID className colSpan cols content contentEditable contextMenu\n    controls coords crossOrigin data dateTime default defer dir disabled download draggable\n    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder\n    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity\n    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media\n    mediaGroup method min minLength multiple muted name noValidate nonce open\n    optimum pattern placeholder poster preload radioGroup readOnly rel required\n    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected\n    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style\n    summary tabIndex target title type useMap value width wmode wrap";
+var eventsName = "onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown\n    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick\n    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown\n    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel\n    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough\n    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata\n    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError";
+var propList = "".concat(attributes, " ").concat(eventsName).split(/[\s\n]+/);
+/* eslint-enable max-len */
+var ariaPrefix = 'aria-';
+var dataPrefix = 'data-';
+function pickAttrs_match(key, prefix) {
+  return key.indexOf(prefix) === 0;
+}
+/**
+ * Picker props from exist props with filter
+ * @param props Passed props
+ * @param ariaOnly boolean | { aria?: boolean; data?: boolean; attr?: boolean; } filter config
+ */
+function pickAttrs(props) {
+  var ariaOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var mergedConfig;
+  if (ariaOnly === false) {
+    mergedConfig = {
+      aria: true,
+      data: true,
+      attr: true
+    };
+  } else if (ariaOnly === true) {
+    mergedConfig = {
+      aria: true
+    };
+  } else {
+    mergedConfig = objectSpread2_objectSpread2({}, ariaOnly);
+  }
+  var attrs = {};
+  Object.keys(props).forEach(function (key) {
+    if (
+    // Aria
+    mergedConfig.aria && (key === 'role' || pickAttrs_match(key, ariaPrefix)) ||
+    // Data
+    mergedConfig.data && pickAttrs_match(key, dataPrefix) ||
+    // Attr
+    mergedConfig.attr && propList.includes(key)) {
+      attrs[key] = props[key];
+    }
+  });
+  return attrs;
+}
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/hooks/useFlattenRecords.js
 
 
 
+// recursion (flat tree structure)
+function flatRecord(record, indent, childrenColumnName, expandedKeys, getRowKey, index) {
+  var arr = [];
+  arr.push({
+    record: record,
+    indent: indent,
+    index: index
+  });
+  var key = getRowKey(record);
+  var expanded = expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.has(key);
+  if (record && Array.isArray(record[childrenColumnName]) && expanded) {
+    // expanded state, flat record
+    for (var i = 0; i < record[childrenColumnName].length; i += 1) {
+      var tempArr = flatRecord(record[childrenColumnName][i], indent + 1, childrenColumnName, expandedKeys, getRowKey, i);
+      arr.push.apply(arr, toConsumableArray_toConsumableArray(tempArr));
+    }
+  }
+  return arr;
+}
+/**
+ * flat tree data on expanded state
+ *
+ * @export
+ * @template T
+ * @param {*} data : table data
+ * @param {string} childrenColumnName : 指定树形结构的列名
+ * @param {Set<Key>} expandedKeys : 展开的行对应的keys
+ * @param {GetRowKey<T>} getRowKey  : 获取当前rowKey的方法
+ * @returns flattened data
+ */
 
-function ExpandedRow(_ref) {
-  var prefixCls = _ref.prefixCls,
-    children = _ref.children,
-    Component = _ref.component,
-    cellComponent = _ref.cellComponent,
-    className = _ref.className,
-    expanded = _ref.expanded,
-    colSpan = _ref.colSpan,
-    isEmpty = _ref.isEmpty;
-  var scrollbarSize = useContextSelector(context_TableContext, 'scrollbarSize');
-  var _useContextSelector = useContextSelector(context_ExpandedRowContext, ['fixHeader', 'fixColumn', 'componentWidth', 'horizonScroll']),
-    fixHeader = _useContextSelector.fixHeader,
-    fixColumn = _useContextSelector.fixColumn,
-    componentWidth = _useContextSelector.componentWidth,
-    horizonScroll = _useContextSelector.horizonScroll; // Cache render node
+function useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey) {
+  var arr = external_React_.useMemo(function () {
+    if (expandedKeys !== null && expandedKeys !== void 0 && expandedKeys.size) {
+      var temp = []; // collect flattened record
 
-  return external_React_.useMemo(function () {
-    var contentNode = children;
-    if (isEmpty ? horizonScroll : fixColumn) {
-      contentNode = /*#__PURE__*/external_React_.createElement("div", {
-        style: {
-          width: componentWidth - (fixHeader ? scrollbarSize : 0),
-          position: 'sticky',
-          left: 0,
-          overflow: 'hidden'
-        },
-        className: "".concat(prefixCls, "-expanded-row-fixed")
-      }, componentWidth !== 0 && contentNode);
+      for (var i = 0; i < (data === null || data === void 0 ? void 0 : data.length); i += 1) {
+        var record = data[i];
+        temp.push.apply(temp, toConsumableArray_toConsumableArray(flatRecord(record, 0, childrenColumnName, expandedKeys, getRowKey, i)));
+      }
+      return temp;
     }
-    return /*#__PURE__*/external_React_.createElement(Component, {
-      className: className,
+    return data === null || data === void 0 ? void 0 : data.map(function (item, index) {
+      return {
+        record: item,
+        indent: 0,
+        index: index
+      };
+    });
+  }, [data, childrenColumnName, expandedKeys, getRowKey]);
+  return arr;
+}
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/Body/ExpandedRow.js
+
+
+
+
+
+function ExpandedRow(props) {
+  if (false) {}
+  var prefixCls = props.prefixCls,
+    children = props.children,
+    Component = props.component,
+    cellComponent = props.cellComponent,
+    className = props.className,
+    expanded = props.expanded,
+    colSpan = props.colSpan,
+    isEmpty = props.isEmpty;
+  var _useContext = context_useContext(context_TableContext, ['scrollbarSize', 'fixHeader', 'fixColumn', 'componentWidth', 'horizonScroll']),
+    scrollbarSize = _useContext.scrollbarSize,
+    fixHeader = _useContext.fixHeader,
+    fixColumn = _useContext.fixColumn,
+    componentWidth = _useContext.componentWidth,
+    horizonScroll = _useContext.horizonScroll; // Cache render node
+
+  var contentNode = children;
+  if (isEmpty ? horizonScroll : fixColumn) {
+    contentNode = /*#__PURE__*/external_React_.createElement("div", {
       style: {
-        display: expanded ? null : 'none'
-      }
-    }, /*#__PURE__*/external_React_.createElement(es_Cell, {
-      component: cellComponent,
-      prefixCls: prefixCls,
-      colSpan: colSpan
-    }, contentNode));
-  }, [children, Component, className, expanded, colSpan, isEmpty, scrollbarSize, componentWidth, fixColumn, fixHeader, horizonScroll]);
+        width: componentWidth - (fixHeader ? scrollbarSize : 0),
+        position: 'sticky',
+        left: 0,
+        overflow: 'hidden'
+      },
+      className: "".concat(prefixCls, "-expanded-row-fixed")
+    }, componentWidth !== 0 && contentNode);
+  }
+  return /*#__PURE__*/external_React_.createElement(Component, {
+    className: className,
+    style: {
+      display: expanded ? null : 'none'
+    }
+  }, /*#__PURE__*/external_React_.createElement(es_Cell, {
+    component: cellComponent,
+    prefixCls: prefixCls,
+    colSpan: colSpan
+  }, contentNode));
 }
 /* harmony default export */ var Body_ExpandedRow = (ExpandedRow);
 ;// CONCATENATED MODULE: ./node_modules/rc-table/es/Body/BodyRow.js
@@ -61247,6 +61460,7 @@ function ExpandedRow(_ref) {
 
 
 function BodyRow(props) {
+  if (false) {}
   var className = props.className,
     style = props.style,
     record = props.record,
@@ -61262,25 +61476,25 @@ function BodyRow(props) {
     cellComponent = props.cellComponent,
     scopeCellComponent = props.scopeCellComponent,
     childrenColumnName = props.childrenColumnName;
-  var _useContextSelector = useContextSelector(context_TableContext, ['prefixCls', 'fixedInfoList']),
-    prefixCls = _useContextSelector.prefixCls,
-    fixedInfoList = _useContextSelector.fixedInfoList;
-  var _useContextSelector2 = useContextSelector(context_BodyContext, ['flattenColumns', 'expandableType', 'expandRowByClick', 'onTriggerExpand', 'rowClassName', 'expandedRowClassName', 'indentSize', 'expandIcon', 'expandedRowRender', 'expandIconColumnIndex']),
-    flattenColumns = _useContextSelector2.flattenColumns,
-    expandableType = _useContextSelector2.expandableType,
-    expandRowByClick = _useContextSelector2.expandRowByClick,
-    onTriggerExpand = _useContextSelector2.onTriggerExpand,
-    rowClassName = _useContextSelector2.rowClassName,
-    expandedRowClassName = _useContextSelector2.expandedRowClassName,
-    indentSize = _useContextSelector2.indentSize,
-    expandIcon = _useContextSelector2.expandIcon,
-    expandedRowRender = _useContextSelector2.expandedRowRender,
-    expandIconColumnIndex = _useContextSelector2.expandIconColumnIndex;
+  var _useContext = context_useContext(context_TableContext, ['prefixCls', 'fixedInfoList', 'flattenColumns', 'expandableType', 'expandRowByClick', 'onTriggerExpand', 'rowClassName', 'expandedRowClassName', 'indentSize', 'expandIcon', 'expandedRowRender', 'expandIconColumnIndex']),
+    prefixCls = _useContext.prefixCls,
+    fixedInfoList = _useContext.fixedInfoList,
+    flattenColumns = _useContext.flattenColumns,
+    expandableType = _useContext.expandableType,
+    expandRowByClick = _useContext.expandRowByClick,
+    onTriggerExpand = _useContext.onTriggerExpand,
+    rowClassName = _useContext.rowClassName,
+    expandedRowClassName = _useContext.expandedRowClassName,
+    indentSize = _useContext.indentSize,
+    expandIcon = _useContext.expandIcon,
+    expandedRowRender = _useContext.expandedRowRender,
+    expandIconColumnIndex = _useContext.expandIconColumnIndex;
   var _React$useState = external_React_.useState(false),
     _React$useState2 = slicedToArray_slicedToArray(_React$useState, 2),
     expandRended = _React$useState2[0],
     setExpandRended = _React$useState2[1];
-  var expanded = expandedKeys && expandedKeys.has(props.recordKey);
+  if (false) {}
+  var expanded = expandedKeys && expandedKeys.has(rowKey);
   external_React_.useEffect(function () {
     if (expanded) {
       setExpandRended(true);
@@ -61386,7 +61600,7 @@ function BodyRow(props) {
   return /*#__PURE__*/external_React_.createElement(external_React_.Fragment, null, baseRowNode, expandRowNode);
 }
 BodyRow.displayName = 'BodyRow';
-/* harmony default export */ var Body_BodyRow = (BodyRow);
+/* harmony default export */ var Body_BodyRow = (responseImmutable(BodyRow));
 ;// CONCATENATED MODULE: ./node_modules/rc-table/es/Body/MeasureCell.js
 
 
@@ -61457,105 +61671,79 @@ function MeasureRow(_ref) {
 
 
 
-
-
-
-function Body_Body(_ref) {
-  var data = _ref.data,
-    getRowKey = _ref.getRowKey,
-    measureColumnWidth = _ref.measureColumnWidth,
-    expandedKeys = _ref.expandedKeys,
-    onRow = _ref.onRow,
-    rowExpandable = _ref.rowExpandable,
-    emptyNode = _ref.emptyNode,
-    childrenColumnName = _ref.childrenColumnName;
-  var onColumnResize = useContextSelector(context_ResizeContext, 'onColumnResize');
-  var _useContextSelector = useContextSelector(context_TableContext, ['prefixCls', 'getComponent']),
-    prefixCls = _useContextSelector.prefixCls,
-    getComponent = _useContextSelector.getComponent;
-  var flattenColumns = useContextSelector(context_BodyContext, 'flattenColumns');
+function Body_Body(props) {
+  if (false) {}
+  var data = props.data,
+    getRowKey = props.getRowKey,
+    measureColumnWidth = props.measureColumnWidth,
+    expandedKeys = props.expandedKeys,
+    onRow = props.onRow,
+    rowExpandable = props.rowExpandable,
+    emptyNode = props.emptyNode,
+    childrenColumnName = props.childrenColumnName;
+  var _useContext = context_useContext(context_TableContext, ['prefixCls', 'getComponent', 'onColumnResize', 'flattenColumns']),
+    prefixCls = _useContext.prefixCls,
+    getComponent = _useContext.getComponent,
+    onColumnResize = _useContext.onColumnResize,
+    flattenColumns = _useContext.flattenColumns;
   var flattenData = useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey); // =================== Performance ====================
 
   var perfRef = external_React_.useRef({
     renderWithProps: false
-  }); // ====================== Hover =======================
+  }); // ====================== Render ======================
 
-  var _React$useState = external_React_.useState(-1),
-    _React$useState2 = slicedToArray_slicedToArray(_React$useState, 2),
-    startRow = _React$useState2[0],
-    setStartRow = _React$useState2[1];
-  var _React$useState3 = external_React_.useState(-1),
-    _React$useState4 = slicedToArray_slicedToArray(_React$useState3, 2),
-    endRow = _React$useState4[0],
-    setEndRow = _React$useState4[1];
-  var onHover = external_React_.useCallback(function (start, end) {
-    setStartRow(start);
-    setEndRow(end);
-  }, []); // ====================== Render ======================
-
-  var bodyNode = external_React_.useMemo(function () {
-    var WrapperComponent = getComponent(['body', 'wrapper'], 'tbody');
-    var trComponent = getComponent(['body', 'row'], 'tr');
-    var tdComponent = getComponent(['body', 'cell'], 'td');
-    var thComponent = getComponent(['body', 'cell'], 'th');
-    var rows;
-    if (data.length) {
-      rows = flattenData.map(function (item, idx) {
-        var record = item.record,
-          indent = item.indent,
-          renderIndex = item.index;
-        var key = getRowKey(record, idx);
-        return /*#__PURE__*/external_React_.createElement(Body_BodyRow, {
-          key: key,
-          rowKey: key,
-          record: record,
-          recordKey: key,
-          index: idx,
-          renderIndex: renderIndex,
-          rowComponent: trComponent,
-          cellComponent: tdComponent,
-          scopeCellComponent: thComponent,
-          expandedKeys: expandedKeys,
-          onRow: onRow,
-          getRowKey: getRowKey,
-          rowExpandable: rowExpandable,
-          childrenColumnName: childrenColumnName,
-          indent: indent
-        });
-      });
-    } else {
-      rows = /*#__PURE__*/external_React_.createElement(Body_ExpandedRow, {
-        expanded: true,
-        className: "".concat(prefixCls, "-placeholder"),
-        prefixCls: prefixCls,
-        component: trComponent,
+  var WrapperComponent = getComponent(['body', 'wrapper'], 'tbody');
+  var trComponent = getComponent(['body', 'row'], 'tr');
+  var tdComponent = getComponent(['body', 'cell'], 'td');
+  var thComponent = getComponent(['body', 'cell'], 'th');
+  var rows;
+  if (data.length) {
+    rows = flattenData.map(function (item, idx) {
+      var record = item.record,
+        indent = item.indent,
+        renderIndex = item.index;
+      var key = getRowKey(record, idx);
+      return /*#__PURE__*/external_React_.createElement(Body_BodyRow, {
+        key: key,
+        rowKey: key,
+        record: record,
+        index: idx,
+        renderIndex: renderIndex,
+        rowComponent: trComponent,
         cellComponent: tdComponent,
-        colSpan: flattenColumns.length,
-        isEmpty: true
-      }, emptyNode);
-    }
-    var columnsKey = getColumnsKey(flattenColumns);
-    return /*#__PURE__*/external_React_.createElement(WrapperComponent, {
-      className: "".concat(prefixCls, "-tbody")
-    }, measureColumnWidth && /*#__PURE__*/external_React_.createElement(MeasureRow, {
+        scopeCellComponent: thComponent,
+        expandedKeys: expandedKeys,
+        onRow: onRow,
+        getRowKey: getRowKey,
+        rowExpandable: rowExpandable,
+        childrenColumnName: childrenColumnName,
+        indent: indent
+      });
+    });
+  } else {
+    rows = /*#__PURE__*/external_React_.createElement(Body_ExpandedRow, {
+      expanded: true,
+      className: "".concat(prefixCls, "-placeholder"),
       prefixCls: prefixCls,
-      columnsKey: columnsKey,
-      onColumnResize: onColumnResize
-    }), rows);
-  }, [data, prefixCls, onRow, measureColumnWidth, expandedKeys, getRowKey, getComponent, emptyNode, flattenColumns, childrenColumnName, onColumnResize, rowExpandable, flattenData]);
+      component: trComponent,
+      cellComponent: tdComponent,
+      colSpan: flattenColumns.length,
+      isEmpty: true
+    }, emptyNode);
+  }
+  var columnsKey = getColumnsKey(flattenColumns);
   return /*#__PURE__*/external_React_.createElement(context_PerfContext.Provider, {
     value: perfRef.current
-  }, /*#__PURE__*/external_React_.createElement(context_HoverContext.Provider, {
-    value: {
-      startRow: startRow,
-      endRow: endRow,
-      onHover: onHover
-    }
-  }, bodyNode));
+  }, /*#__PURE__*/external_React_.createElement(WrapperComponent, {
+    className: "".concat(prefixCls, "-tbody")
+  }, measureColumnWidth && /*#__PURE__*/external_React_.createElement(MeasureRow, {
+    prefixCls: prefixCls,
+    columnsKey: columnsKey,
+    onColumnResize: onColumnResize
+  }), rows));
 }
-var MemoBody = /*#__PURE__*/external_React_.memo(Body_Body);
-MemoBody.displayName = 'Body';
-/* harmony default export */ var es_Body = (MemoBody);
+Body_Body.displayName = 'Body';
+/* harmony default export */ var es_Body = (responseImmutable(Body_Body));
 ;// CONCATENATED MODULE: ./node_modules/rc-table/es/utils/legacyUtil.js
 
 
@@ -61612,8 +61800,6 @@ function ColGroup(_ref) {
   return /*#__PURE__*/external_React_.createElement("colgroup", null, cols);
 }
 /* harmony default export */ var es_ColGroup = (ColGroup);
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/constant.js
-var EXPAND_COLUMN = {};
 ;// CONCATENATED MODULE: ./node_modules/rc-table/es/FixedHolder/index.js
 
 
@@ -61627,6 +61813,7 @@ var FixedHolder_excluded = ["className", "noData", "columns", "flattenColumns",
 
 
 
+
 function useColumnWidth(colWidths, columCount) {
   return (0,external_React_.useMemo)(function () {
     var cloneColumns = [];
@@ -61641,27 +61828,28 @@ function useColumnWidth(colWidths, columCount) {
     return cloneColumns;
   }, [colWidths.join('_'), columCount]);
 }
-var FixedHolder = /*#__PURE__*/external_React_.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    noData = _ref.noData,
-    columns = _ref.columns,
-    flattenColumns = _ref.flattenColumns,
-    colWidths = _ref.colWidths,
-    columCount = _ref.columCount,
-    stickyOffsets = _ref.stickyOffsets,
-    direction = _ref.direction,
-    fixHeader = _ref.fixHeader,
-    stickyTopOffset = _ref.stickyTopOffset,
-    stickyBottomOffset = _ref.stickyBottomOffset,
-    stickyClassName = _ref.stickyClassName,
-    onScroll = _ref.onScroll,
-    maxContentScroll = _ref.maxContentScroll,
-    children = _ref.children,
-    props = objectWithoutProperties_objectWithoutProperties(_ref, FixedHolder_excluded);
-  var _useContextSelector = useContextSelector(context_TableContext, ['prefixCls', 'scrollbarSize', 'isSticky']),
-    prefixCls = _useContextSelector.prefixCls,
-    scrollbarSize = _useContextSelector.scrollbarSize,
-    isSticky = _useContextSelector.isSticky;
+var FixedHolder = /*#__PURE__*/external_React_.forwardRef(function (props, ref) {
+  if (false) {}
+  var className = props.className,
+    noData = props.noData,
+    columns = props.columns,
+    flattenColumns = props.flattenColumns,
+    colWidths = props.colWidths,
+    columCount = props.columCount,
+    stickyOffsets = props.stickyOffsets,
+    direction = props.direction,
+    fixHeader = props.fixHeader,
+    stickyTopOffset = props.stickyTopOffset,
+    stickyBottomOffset = props.stickyBottomOffset,
+    stickyClassName = props.stickyClassName,
+    onScroll = props.onScroll,
+    maxContentScroll = props.maxContentScroll,
+    children = props.children,
+    restProps = objectWithoutProperties_objectWithoutProperties(props, FixedHolder_excluded);
+  var _useContext = context_useContext(context_TableContext, ['prefixCls', 'scrollbarSize', 'isSticky']),
+    prefixCls = _useContext.prefixCls,
+    scrollbarSize = _useContext.scrollbarSize,
+    isSticky = _useContext.isSticky;
   var combinationScrollBarSize = isSticky && !fixHeader ? 0 : scrollbarSize; // Pass wheel to scroll event
 
   var scrollRef = external_React_.useRef(null);
@@ -61672,9 +61860,9 @@ var FixedHolder = /*#__PURE__*/external_React_.forwardRef(function (_ref, ref) {
   external_React_.useEffect(function () {
     var _scrollRef$current;
     function onWheel(e) {
-      var _ref2 = e,
-        currentTarget = _ref2.currentTarget,
-        deltaX = _ref2.deltaX;
+      var _ref = e,
+        currentTarget = _ref.currentTarget,
+        deltaX = _ref.deltaX;
       if (deltaX) {
         onScroll({
           currentTarget: currentTarget,
@@ -61745,152 +61933,17 @@ var FixedHolder = /*#__PURE__*/external_React_.forwardRef(function (_ref, ref) {
     colWidths: mergedColumnWidth ? [].concat(toConsumableArray_toConsumableArray(mergedColumnWidth), [combinationScrollBarSize]) : [],
     columCount: columCount + 1,
     columns: flattenColumnsWithScrollbar
-  }), children(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), {}, {
+  }), children(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restProps), {}, {
     stickyOffsets: headerStickyOffsets,
     columns: columnsWithScrollbar,
     flattenColumns: flattenColumnsWithScrollbar
   }))));
 });
 FixedHolder.displayName = 'FixedHolder';
-/* harmony default export */ var es_FixedHolder = (FixedHolder);
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/utils/fixUtil.js
-function getCellFixedInfo(colStart, colEnd, columns, stickyOffsets, direction) {
-  var startColumn = columns[colStart] || {};
-  var endColumn = columns[colEnd] || {};
-  var fixLeft;
-  var fixRight;
-  if (startColumn.fixed === 'left') {
-    fixLeft = stickyOffsets.left[colStart];
-  } else if (endColumn.fixed === 'right') {
-    fixRight = stickyOffsets.right[colEnd];
-  }
-  var lastFixLeft = false;
-  var firstFixRight = false;
-  var lastFixRight = false;
-  var firstFixLeft = false;
-  var nextColumn = columns[colEnd + 1];
-  var prevColumn = columns[colStart - 1];
-  if (direction === 'rtl') {
-    if (fixLeft !== undefined) {
-      var prevFixLeft = prevColumn && prevColumn.fixed === 'left';
-      firstFixLeft = !prevFixLeft;
-    } else if (fixRight !== undefined) {
-      var nextFixRight = nextColumn && nextColumn.fixed === 'right';
-      lastFixRight = !nextFixRight;
-    }
-  } else if (fixLeft !== undefined) {
-    var nextFixLeft = nextColumn && nextColumn.fixed === 'left';
-    lastFixLeft = !nextFixLeft;
-  } else if (fixRight !== undefined) {
-    var prevFixRight = prevColumn && prevColumn.fixed === 'right';
-    firstFixRight = !prevFixRight;
-  }
-  return {
-    fixLeft: fixLeft,
-    fixRight: fixRight,
-    lastFixLeft: lastFixLeft,
-    firstFixRight: firstFixRight,
-    lastFixRight: lastFixRight,
-    firstFixLeft: firstFixLeft,
-    isSticky: stickyOffsets.isSticky
-  };
-}
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/Footer/SummaryContext.js
-
-var SummaryContext = /*#__PURE__*/external_React_.createContext({});
-/* harmony default export */ var Footer_SummaryContext = (SummaryContext);
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/Footer/Cell.js
-
+/** Return a table in div as fixed element which contains sticky info */
+// export default responseImmutable(FixedHolder);
 
-
-
-
-
-
-function SummaryCell(_ref) {
-  var className = _ref.className,
-    index = _ref.index,
-    children = _ref.children,
-    _ref$colSpan = _ref.colSpan,
-    colSpan = _ref$colSpan === void 0 ? 1 : _ref$colSpan,
-    rowSpan = _ref.rowSpan,
-    align = _ref.align;
-  var _useContextSelector = useContextSelector(context_TableContext, ['prefixCls', 'direction']),
-    prefixCls = _useContextSelector.prefixCls,
-    direction = _useContextSelector.direction;
-  var _React$useContext = external_React_.useContext(Footer_SummaryContext),
-    scrollColumnIndex = _React$useContext.scrollColumnIndex,
-    stickyOffsets = _React$useContext.stickyOffsets,
-    flattenColumns = _React$useContext.flattenColumns;
-  var lastIndex = index + colSpan - 1;
-  var mergedColSpan = lastIndex + 1 === scrollColumnIndex ? colSpan + 1 : colSpan;
-  var fixedInfo = getCellFixedInfo(index, index + mergedColSpan - 1, flattenColumns, stickyOffsets, direction);
-  return /*#__PURE__*/external_React_.createElement(es_Cell, extends_extends({
-    className: className,
-    index: index,
-    component: "td",
-    prefixCls: prefixCls,
-    record: null,
-    dataIndex: null,
-    align: align,
-    colSpan: mergedColSpan,
-    rowSpan: rowSpan,
-    render: function render() {
-      return children;
-    }
-  }, fixedInfo));
-}
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/Footer/Row.js
-
-var Row_excluded = ["children"];
-
-function FooterRow(_ref) {
-  var children = _ref.children,
-    props = objectWithoutProperties_objectWithoutProperties(_ref, Row_excluded);
-  return /*#__PURE__*/external_React_.createElement("tr", props, children);
-}
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/Footer/Summary.js
-
-
-
-/**
- * Syntactic sugar. Do not support HOC.
- */
-function Summary(_ref) {
-  var children = _ref.children;
-  return children;
-}
-Summary.Row = FooterRow;
-Summary.Cell = SummaryCell;
-/* harmony default export */ var Footer_Summary = (Summary);
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/Footer/index.js
-
-
-
-
-
-function Footer_Footer(_ref) {
-  var children = _ref.children,
-    stickyOffsets = _ref.stickyOffsets,
-    flattenColumns = _ref.flattenColumns;
-  var prefixCls = useContextSelector(context_TableContext, 'prefixCls');
-  var lastColumnIndex = flattenColumns.length - 1;
-  var scrollColumn = flattenColumns[lastColumnIndex];
-  var summaryContext = external_React_.useMemo(function () {
-    return {
-      stickyOffsets: stickyOffsets,
-      flattenColumns: flattenColumns,
-      scrollColumnIndex: scrollColumn !== null && scrollColumn !== void 0 && scrollColumn.scrollbar ? lastColumnIndex : null
-    };
-  }, [scrollColumn, flattenColumns, lastColumnIndex, stickyOffsets]);
-  return /*#__PURE__*/external_React_.createElement(Footer_SummaryContext.Provider, {
-    value: summaryContext
-  }, /*#__PURE__*/external_React_.createElement("tfoot", {
-    className: "".concat(prefixCls, "-summary")
-  }, children));
-}
-/* harmony default export */ var es_Footer = (Footer_Footer);
-var FooterComponents = Footer_Summary;
+/* harmony default export */ var es_FixedHolder = (/*#__PURE__*/external_React_.memo(FixedHolder));
 ;// CONCATENATED MODULE: ./node_modules/rc-table/es/Header/HeaderRow.js
 
 
@@ -61908,9 +61961,9 @@ function HeaderRow(_ref) {
     tdCellComponent = _ref.tdCellComponent,
     onHeaderRow = _ref.onHeaderRow,
     index = _ref.index;
-  var _useContextSelector = useContextSelector(context_TableContext, ['prefixCls', 'direction']),
-    prefixCls = _useContextSelector.prefixCls,
-    direction = _useContextSelector.direction;
+  var _useContext = context_useContext(context_TableContext, ['prefixCls', 'direction']),
+    prefixCls = _useContext.prefixCls,
+    direction = _useContext.direction;
   var rowProps;
   if (onHeaderRow) {
     rowProps = onHeaderRow(cells.map(function (cell) {
@@ -61922,7 +61975,7 @@ function HeaderRow(_ref) {
   }));
   return /*#__PURE__*/external_React_.createElement(RowComponent, rowProps, cells.map(function (cell, cellIndex) {
     var column = cell.column;
-    var fixedInfo = getCellFixedInfo(cell.colStart, cell.colEnd, flattenColumns, stickyOffsets, direction);
+    var fixedInfo = getCellFixedInfo(cell.colStart, cell.colEnd, flattenColumns, stickyOffsets, direction, column);
     var additionalProps;
     if (column && column.onHeaderCell) {
       additionalProps = cell.column.onHeaderCell(column);
@@ -61947,6 +62000,7 @@ HeaderRow.displayName = 'HeaderRow';
 
 
 
+
 function parseHeaderRows(rootColumns) {
   var rows = [];
   function fillRowCells(columns, colIndex) {
@@ -62001,14 +62055,15 @@ function parseHeaderRows(rootColumns) {
   }
   return rows;
 }
-function Header_Header(_ref) {
-  var stickyOffsets = _ref.stickyOffsets,
-    columns = _ref.columns,
-    flattenColumns = _ref.flattenColumns,
-    onHeaderRow = _ref.onHeaderRow;
-  var _useContextSelector = useContextSelector(context_TableContext, ['prefixCls', 'getComponent']),
-    prefixCls = _useContextSelector.prefixCls,
-    getComponent = _useContextSelector.getComponent;
+function Header_Header(props) {
+  if (false) {}
+  var stickyOffsets = props.stickyOffsets,
+    columns = props.columns,
+    flattenColumns = props.flattenColumns,
+    onHeaderRow = props.onHeaderRow;
+  var _useContext = context_useContext(context_TableContext, ['prefixCls', 'getComponent']),
+    prefixCls = _useContext.prefixCls,
+    getComponent = _useContext.getComponent;
   var rows = external_React_.useMemo(function () {
     return parseHeaderRows(columns);
   }, [columns]);
@@ -62033,7 +62088,7 @@ function Header_Header(_ref) {
     return rowNode;
   }));
 }
-/* harmony default export */ var es_Header_Header = (Header_Header);
+/* harmony default export */ var es_Header_Header = (responseImmutable(Header_Header));
 ;// CONCATENATED MODULE: ./node_modules/rc-table/es/hooks/useColumns.js
 
 
@@ -62233,6 +62288,139 @@ function useColumns(_ref2, transformColumns) {
   return [mergedColumns, flattenColumns];
 }
 /* harmony default export */ var hooks_useColumns = (useColumns);
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/utils/expandUtil.js
+
+
+
+function renderExpandIcon(_ref) {
+  var _classNames;
+  var prefixCls = _ref.prefixCls,
+    record = _ref.record,
+    onExpand = _ref.onExpand,
+    expanded = _ref.expanded,
+    expandable = _ref.expandable;
+  var expandClassName = "".concat(prefixCls, "-row-expand-icon");
+  if (!expandable) {
+    return /*#__PURE__*/external_React_.createElement("span", {
+      className: classnames_default()(expandClassName, "".concat(prefixCls, "-row-spaced"))
+    });
+  }
+  var onClick = function onClick(event) {
+    onExpand(record, event);
+    event.stopPropagation();
+  };
+  return /*#__PURE__*/external_React_.createElement("span", {
+    className: classnames_default()(expandClassName, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-row-expanded"), expanded), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-row-collapsed"), !expanded), _classNames)),
+    onClick: onClick
+  });
+}
+function findAllChildrenKeys(data, getRowKey, childrenColumnName) {
+  var keys = [];
+  function dig(list) {
+    (list || []).forEach(function (item, index) {
+      keys.push(getRowKey(item, index));
+      dig(item[childrenColumnName]);
+    });
+  }
+  dig(data);
+  return keys;
+}
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/hooks/useExpand.js
+
+
+
+
+
+
+
+
+function useExpand(props, mergedData, getRowKey) {
+  var expandableConfig = getExpandableProps(props);
+  var expandIcon = expandableConfig.expandIcon,
+    expandedRowKeys = expandableConfig.expandedRowKeys,
+    defaultExpandedRowKeys = expandableConfig.defaultExpandedRowKeys,
+    defaultExpandAllRows = expandableConfig.defaultExpandAllRows,
+    expandedRowRender = expandableConfig.expandedRowRender,
+    onExpand = expandableConfig.onExpand,
+    onExpandedRowsChange = expandableConfig.onExpandedRowsChange,
+    childrenColumnName = expandableConfig.childrenColumnName;
+  var mergedExpandIcon = expandIcon || renderExpandIcon;
+  var mergedChildrenColumnName = childrenColumnName || 'children';
+  var expandableType = external_React_.useMemo(function () {
+    if (expandedRowRender) {
+      return 'row';
+    }
+    /* eslint-disable no-underscore-dangle */
+
+    /**
+     * Fix https://github.com/ant-design/ant-design/issues/21154
+     * This is a workaround to not to break current behavior.
+     * We can remove follow code after final release.
+     *
+     * To other developer:
+     *  Do not use `__PARENT_RENDER_ICON__` in prod since we will remove this when refactor
+     */
+
+    if (props.expandable && props.internalHooks === INTERNAL_HOOKS && props.expandable.__PARENT_RENDER_ICON__ || mergedData.some(function (record) {
+      return record && typeof_typeof(record) === 'object' && record[mergedChildrenColumnName];
+    })) {
+      return 'nest';
+    }
+    /* eslint-enable */
+
+    return false;
+  }, [!!expandedRowRender, mergedData]);
+  var _React$useState = external_React_.useState(function () {
+      if (defaultExpandedRowKeys) {
+        return defaultExpandedRowKeys;
+      }
+      if (defaultExpandAllRows) {
+        return findAllChildrenKeys(mergedData, getRowKey, mergedChildrenColumnName);
+      }
+      return [];
+    }),
+    _React$useState2 = slicedToArray_slicedToArray(_React$useState, 2),
+    innerExpandedKeys = _React$useState2[0],
+    setInnerExpandedKeys = _React$useState2[1];
+  var mergedExpandedKeys = external_React_.useMemo(function () {
+    return new Set(expandedRowKeys || innerExpandedKeys || []);
+  }, [expandedRowKeys, innerExpandedKeys]);
+  var onTriggerExpand = external_React_.useCallback(function (record) {
+    var key = getRowKey(record, mergedData.indexOf(record));
+    var newExpandedKeys;
+    var hasKey = mergedExpandedKeys.has(key);
+    if (hasKey) {
+      mergedExpandedKeys.delete(key);
+      newExpandedKeys = toConsumableArray_toConsumableArray(mergedExpandedKeys);
+    } else {
+      newExpandedKeys = [].concat(toConsumableArray_toConsumableArray(mergedExpandedKeys), [key]);
+    }
+    setInnerExpandedKeys(newExpandedKeys);
+    if (onExpand) {
+      onExpand(!hasKey, record);
+    }
+    if (onExpandedRowsChange) {
+      onExpandedRowsChange(newExpandedKeys);
+    }
+  }, [getRowKey, mergedExpandedKeys, mergedData, onExpand, onExpandedRowsChange]); // Warning if use `expandedRowRender` and nest children in the same time
+
+  if (false) {}
+  return [expandableConfig, expandableType, mergedExpandedKeys, mergedExpandIcon, mergedChildrenColumnName, onTriggerExpand];
+}
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/hooks/useFixedInfo.js
+
+
+
+function useFixedInfo(flattenColumns, stickyOffsets, direction, columns) {
+  var fixedInfoList = flattenColumns.map(function (_, colIndex) {
+    return getCellFixedInfo(colIndex, colIndex, flattenColumns, stickyOffsets, direction, columns === null || columns === void 0 ? void 0 : columns[colIndex]);
+  });
+  return useMemo_useMemo(function () {
+    return fixedInfoList;
+  }, [fixedInfoList], function (prev, next) {
+    return !es_isEqual(prev, next);
+  });
+}
 ;// CONCATENATED MODULE: ./node_modules/rc-table/es/hooks/useFrame.js
 
 
@@ -62297,6 +62485,24 @@ function useTimeoutLock(defaultState) {
   }, []);
   return [setState, getState];
 }
+;// CONCATENATED MODULE: ./node_modules/rc-table/es/hooks/useHover.js
+
+
+function useHover() {
+  var _React$useState = external_React_.useState(-1),
+    _React$useState2 = slicedToArray_slicedToArray(_React$useState, 2),
+    startRow = _React$useState2[0],
+    setStartRow = _React$useState2[1];
+  var _React$useState3 = external_React_.useState(-1),
+    _React$useState4 = slicedToArray_slicedToArray(_React$useState3, 2),
+    endRow = _React$useState4[0],
+    setEndRow = _React$useState4[1];
+  var onHover = external_React_.useCallback(function (start, end) {
+    setStartRow(start);
+    setEndRow(end);
+  }, []);
+  return [startRow, endRow, onHover];
+}
 ;// CONCATENATED MODULE: ./node_modules/rc-table/es/hooks/useSticky.js
 
 
@@ -62512,7 +62718,7 @@ var StickyScrollBar = function StickyScrollBar(_ref, ref) {
     onScroll = _ref.onScroll,
     offsetScroll = _ref.offsetScroll,
     container = _ref.container;
-  var prefixCls = useContextSelector(context_TableContext, 'prefixCls');
+  var prefixCls = context_useContext(context_TableContext, 'prefixCls');
   var bodyScrollWidth = ((_scrollBodyRef$curren = scrollBodyRef.current) === null || _scrollBodyRef$curren === void 0 ? void 0 : _scrollBodyRef$curren.scrollWidth) || 0;
   var bodyWidth = ((_scrollBodyRef$curren2 = scrollBodyRef.current) === null || _scrollBodyRef$curren2 === void 0 ? void 0 : _scrollBodyRef$curren2.clientWidth) || 0;
   var scrollBarWidth = bodyScrollWidth && bodyWidth * (bodyWidth / bodyScrollWidth);
@@ -62675,51 +62881,12 @@ function ColumnGroup(_) {
   return null;
 }
 /* harmony default export */ var sugar_ColumnGroup = (ColumnGroup);
-;// CONCATENATED MODULE: ./node_modules/rc-table/es/utils/expandUtil.js
-
-
-
-function renderExpandIcon(_ref) {
-  var _classNames;
-  var prefixCls = _ref.prefixCls,
-    record = _ref.record,
-    onExpand = _ref.onExpand,
-    expanded = _ref.expanded,
-    expandable = _ref.expandable;
-  var expandClassName = "".concat(prefixCls, "-row-expand-icon");
-  if (!expandable) {
-    return /*#__PURE__*/external_React_.createElement("span", {
-      className: classnames_default()(expandClassName, "".concat(prefixCls, "-row-spaced"))
-    });
-  }
-  var onClick = function onClick(event) {
-    onExpand(record, event);
-    event.stopPropagation();
-  };
-  return /*#__PURE__*/external_React_.createElement("span", {
-    className: classnames_default()(expandClassName, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-row-expanded"), expanded), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-row-collapsed"), !expanded), _classNames)),
-    onClick: onClick
-  });
-}
-function findAllChildrenKeys(data, getRowKey, childrenColumnName) {
-  var keys = [];
-  function dig(list) {
-    (list || []).forEach(function (item, index) {
-      keys.push(getRowKey(item, index));
-      dig(item[childrenColumnName]);
-    });
-  }
-  dig(data);
-  return keys;
-}
 ;// CONCATENATED MODULE: ./node_modules/rc-table/es/Table.js
 
 
 
 
 
-
-
 /**
  * Feature:
  *  - fixed not need to set width
@@ -62772,8 +62939,6 @@ function findAllChildrenKeys(data, getRowKey, childrenColumnName) {
 
 
 
-
-
 
 
 
@@ -62783,25 +62948,15 @@ var EMPTY_DATA = []; // Used for customize scroll
 
 var EMPTY_SCROLL_TARGET = {};
 var INTERNAL_HOOKS = 'rc-table-internal-hook';
-var MemoTableContent = /*#__PURE__*/external_React_.memo(function (_ref) {
-  var children = _ref.children;
-  return children;
-}, function (prev, next) {
-  if (!shallowequal_default()(prev.props, next.props)) {
-    return false;
-  } // No additional render when pinged status change.
-  // This is not a bug.
-
-  return prev.pingLeft !== next.pingLeft || prev.pingRight !== next.pingRight;
-});
+function defaultEmpty() {
+  return 'No Data';
+}
 function Table_Table(tableProps) {
   var _classNames;
   var props = objectSpread2_objectSpread2({
     rowKey: 'key',
     prefixCls: 'rc-table',
-    emptyText: function emptyText() {
-      return 'No Data';
-    }
+    emptyText: defaultEmpty
   }, tableProps);
   var prefixCls = props.prefixCls,
     className = props.className,
@@ -62832,7 +62987,7 @@ function Table_Table(tableProps) {
   if (false) {} // ==================== Customize =====================
 
   var getComponent = external_React_.useCallback(function (path, defaultComponent) {
-    return getPathValue(components || {}, path) || defaultComponent;
+    return get_get(components, path) || defaultComponent;
   }, [components]);
   var getRowKey = external_React_.useMemo(function () {
     if (typeof rowKey === 'function') {
@@ -62843,98 +62998,36 @@ function Table_Table(tableProps) {
       if (false) {}
       return key;
     };
-  }, [rowKey]); // ====================== Expand ======================
-
-  var expandableConfig = getExpandableProps(props);
-  var expandIcon = expandableConfig.expandIcon,
-    expandedRowKeys = expandableConfig.expandedRowKeys,
-    defaultExpandedRowKeys = expandableConfig.defaultExpandedRowKeys,
-    defaultExpandAllRows = expandableConfig.defaultExpandAllRows,
-    expandedRowRender = expandableConfig.expandedRowRender,
-    columnTitle = expandableConfig.columnTitle,
-    onExpand = expandableConfig.onExpand,
-    onExpandedRowsChange = expandableConfig.onExpandedRowsChange,
-    expandRowByClick = expandableConfig.expandRowByClick,
-    rowExpandable = expandableConfig.rowExpandable,
-    expandIconColumnIndex = expandableConfig.expandIconColumnIndex,
-    expandedRowClassName = expandableConfig.expandedRowClassName,
-    childrenColumnName = expandableConfig.childrenColumnName,
-    indentSize = expandableConfig.indentSize;
-  var mergedExpandIcon = expandIcon || renderExpandIcon;
-  var mergedChildrenColumnName = childrenColumnName || 'children';
-  var expandableType = external_React_.useMemo(function () {
-    if (expandedRowRender) {
-      return 'row';
-    }
-    /* eslint-disable no-underscore-dangle */
-
-    /**
-     * Fix https://github.com/ant-design/ant-design/issues/21154
-     * This is a workaround to not to break current behavior.
-     * We can remove follow code after final release.
-     *
-     * To other developer:
-     *  Do not use `__PARENT_RENDER_ICON__` in prod since we will remove this when refactor
-     */
-
-    if (props.expandable && internalHooks === INTERNAL_HOOKS && props.expandable.__PARENT_RENDER_ICON__ || mergedData.some(function (record) {
-      return record && typeof_typeof(record) === 'object' && record[mergedChildrenColumnName];
-    })) {
-      return 'nest';
-    }
-    /* eslint-enable */
-
-    return false;
-  }, [!!expandedRowRender, mergedData]);
-  var _React$useState = external_React_.useState(function () {
-      if (defaultExpandedRowKeys) {
-        return defaultExpandedRowKeys;
-      }
-      if (defaultExpandAllRows) {
-        return findAllChildrenKeys(mergedData, getRowKey, mergedChildrenColumnName);
-      }
-      return [];
-    }),
+  }, [rowKey]); // ====================== Hover =======================
+
+  var _useHover = useHover(),
+    _useHover2 = slicedToArray_slicedToArray(_useHover, 3),
+    startRow = _useHover2[0],
+    endRow = _useHover2[1],
+    onHover = _useHover2[2]; // ====================== Expand ======================
+
+  var _useExpand = useExpand(props, mergedData, getRowKey),
+    _useExpand2 = slicedToArray_slicedToArray(_useExpand, 6),
+    expandableConfig = _useExpand2[0],
+    expandableType = _useExpand2[1],
+    mergedExpandedKeys = _useExpand2[2],
+    mergedExpandIcon = _useExpand2[3],
+    mergedChildrenColumnName = _useExpand2[4],
+    onTriggerExpand = _useExpand2[5]; // ====================== Column ======================
+
+  var _React$useState = external_React_.useState(0),
     _React$useState2 = slicedToArray_slicedToArray(_React$useState, 2),
-    innerExpandedKeys = _React$useState2[0],
-    setInnerExpandedKeys = _React$useState2[1];
-  var mergedExpandedKeys = external_React_.useMemo(function () {
-    return new Set(expandedRowKeys || innerExpandedKeys || []);
-  }, [expandedRowKeys, innerExpandedKeys]);
-  var onTriggerExpand = external_React_.useCallback(function (record) {
-    var key = getRowKey(record, mergedData.indexOf(record));
-    var newExpandedKeys;
-    var hasKey = mergedExpandedKeys.has(key);
-    if (hasKey) {
-      mergedExpandedKeys.delete(key);
-      newExpandedKeys = toConsumableArray_toConsumableArray(mergedExpandedKeys);
-    } else {
-      newExpandedKeys = [].concat(toConsumableArray_toConsumableArray(mergedExpandedKeys), [key]);
-    }
-    setInnerExpandedKeys(newExpandedKeys);
-    if (onExpand) {
-      onExpand(!hasKey, record);
-    }
-    if (onExpandedRowsChange) {
-      onExpandedRowsChange(newExpandedKeys);
-    }
-  }, [getRowKey, mergedExpandedKeys, mergedData, onExpand, onExpandedRowsChange]); // Warning if use `expandedRowRender` and nest children in the same time
-
-  if (false) {} // ====================== Column ======================
-
-  var _React$useState3 = external_React_.useState(0),
-    _React$useState4 = slicedToArray_slicedToArray(_React$useState3, 2),
-    componentWidth = _React$useState4[0],
-    setComponentWidth = _React$useState4[1];
+    componentWidth = _React$useState2[0],
+    setComponentWidth = _React$useState2[1];
   var _useColumns = hooks_useColumns(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), expandableConfig), {}, {
-      expandable: !!expandedRowRender,
-      columnTitle: columnTitle,
+      expandable: !!expandableConfig.expandedRowRender,
+      columnTitle: expandableConfig.columnTitle,
       expandedKeys: mergedExpandedKeys,
       getRowKey: getRowKey,
       // https://github.com/ant-design/ant-design/issues/23894
       onTriggerExpand: onTriggerExpand,
       expandIcon: mergedExpandIcon,
-      expandIconColumnIndex: expandIconColumnIndex,
+      expandIconColumnIndex: expandableConfig.expandIconColumnIndex,
       direction: direction
     }), internalHooks === INTERNAL_HOOKS ? transformColumns : null),
     _useColumns2 = slicedToArray_slicedToArray(_useColumns, 2),
@@ -62952,14 +63045,14 @@ function Table_Table(tableProps) {
   var scrollBodyRef = external_React_.useRef();
   var scrollBodyContainerRef = external_React_.useRef();
   var scrollSummaryRef = external_React_.useRef();
+  var _React$useState3 = external_React_.useState(false),
+    _React$useState4 = slicedToArray_slicedToArray(_React$useState3, 2),
+    pingedLeft = _React$useState4[0],
+    setPingedLeft = _React$useState4[1];
   var _React$useState5 = external_React_.useState(false),
     _React$useState6 = slicedToArray_slicedToArray(_React$useState5, 2),
-    pingedLeft = _React$useState6[0],
-    setPingedLeft = _React$useState6[1];
-  var _React$useState7 = external_React_.useState(false),
-    _React$useState8 = slicedToArray_slicedToArray(_React$useState7, 2),
-    pingedRight = _React$useState8[0],
-    setPingedRight = _React$useState8[1];
+    pingedRight = _React$useState6[0],
+    setPingedRight = _React$useState6[1];
   var _useLayoutState = useLayoutState(new Map()),
     _useLayoutState2 = slicedToArray_slicedToArray(_useLayoutState, 2),
     colsWidths = _useLayoutState2[0],
@@ -62975,8 +63068,8 @@ function Table_Table(tableProps) {
   var stickyOffsets = hooks_useStickyOffsets(colWidths, flattenColumns.length, direction);
   var fixHeader = scroll && validateValue(scroll.y);
   var horizonScroll = scroll && validateValue(scroll.x) || Boolean(expandableConfig.fixed);
-  var fixColumn = horizonScroll && flattenColumns.some(function (_ref2) {
-    var fixed = _ref2.fixed;
+  var fixColumn = horizonScroll && flattenColumns.some(function (_ref) {
+    var fixed = _ref.fixed;
     return fixed;
   }); // Sticky
 
@@ -62989,7 +63082,9 @@ function Table_Table(tableProps) {
     stickyClassName = _useSticky.stickyClassName,
     container = _useSticky.container; // Footer (Fix footer must fixed header)
 
-  var summaryNode = summary === null || summary === void 0 ? void 0 : summary(mergedData);
+  var summaryNode = external_React_.useMemo(function () {
+    return summary === null || summary === void 0 ? void 0 : summary(mergedData);
+  }, [summary, mergedData]);
   var fixFooter = (fixHeader || isSticky) && /*#__PURE__*/external_React_.isValidElement(summaryNode) && summaryNode.type === Footer_Summary && summaryNode.props.fixed; // Scroll
 
   var scrollXStyle;
@@ -63051,9 +63146,9 @@ function Table_Table(tableProps) {
       }
     }
   }
-  var onScroll = function onScroll(_ref3) {
-    var currentTarget = _ref3.currentTarget,
-      scrollLeft = _ref3.scrollLeft;
+  var onScroll = useEvent(function (_ref2) {
+    var currentTarget = _ref2.currentTarget,
+      scrollLeft = _ref2.scrollLeft;
     var isRTL = direction === 'rtl';
     var mergedScrollLeft = typeof scrollLeft === 'number' ? scrollLeft : currentTarget.scrollLeft;
     var compareTarget = currentTarget || EMPTY_SCROLL_TARGET;
@@ -63082,7 +63177,7 @@ function Table_Table(tableProps) {
         setPingedRight(mergedScrollLeft < scrollWidth - clientWidth);
       }
     }
-  };
+  });
   var triggerOnScroll = function triggerOnScroll() {
     if (horizonScroll && scrollBodyRef.current) {
       onScroll({
@@ -63093,8 +63188,8 @@ function Table_Table(tableProps) {
       setPingedRight(false);
     }
   };
-  var onFullTableResize = function onFullTableResize(_ref4) {
-    var width = _ref4.width;
+  var onFullTableResize = function onFullTableResize(_ref3) {
+    var width = _ref3.width;
     if (width !== componentWidth) {
       triggerOnScroll();
       setComponentWidth(fullTableRef.current ? fullTableRef.current.offsetWidth : width);
@@ -63113,14 +63208,14 @@ function Table_Table(tableProps) {
     mounted.current = true;
   }, []); // ===================== Effects ======================
 
-  var _React$useState9 = external_React_.useState(0),
+  var _React$useState7 = external_React_.useState(0),
+    _React$useState8 = slicedToArray_slicedToArray(_React$useState7, 2),
+    scrollbarSize = _React$useState8[0],
+    setScrollbarSize = _React$useState8[1];
+  var _React$useState9 = external_React_.useState(true),
     _React$useState10 = slicedToArray_slicedToArray(_React$useState9, 2),
-    scrollbarSize = _React$useState10[0],
-    setScrollbarSize = _React$useState10[1];
-  var _React$useState11 = external_React_.useState(true),
-    _React$useState12 = slicedToArray_slicedToArray(_React$useState11, 2),
-    supportSticky = _React$useState12[0],
-    setSupportSticky = _React$useState12[1]; // Only IE not support, we mark as support first
+    supportSticky = _React$useState10[0],
+    setSupportSticky = _React$useState10[1]; // Only IE not support, we mark as support first
 
   external_React_.useEffect(function () {
     if (scrollBodyRef.current instanceof Element) {
@@ -63135,7 +63230,17 @@ function Table_Table(tableProps) {
     if (internalHooks === INTERNAL_HOOKS && internalRefs) {
       internalRefs.body.current = scrollBodyRef.current;
     }
-  }); // ====================== Render ======================
+  }); // ========================================================================
+  // ==                               Render                               ==
+  // ========================================================================
+  // =================== Render: Func ===================
+
+  var renderFixedHeaderTable = external_React_.useCallback(function (fixedHolderPassProps) {
+    return /*#__PURE__*/external_React_.createElement(external_React_.Fragment, null, /*#__PURE__*/external_React_.createElement(es_Header_Header, fixedHolderPassProps), fixFooter === 'top' && /*#__PURE__*/external_React_.createElement(es_Footer, fixedHolderPassProps, summaryNode));
+  }, [fixFooter, summaryNode]);
+  var renderFixedFooterTable = external_React_.useCallback(function (fixedHolderPassProps) {
+    return /*#__PURE__*/external_React_.createElement(es_Footer, fixedHolderPassProps, summaryNode);
+  }, [summaryNode]); // =================== Render: Node ===================
 
   var TableComponent = getComponent(['table'], 'table'); // Table layout
 
@@ -63149,8 +63254,8 @@ function Table_Table(tableProps) {
     if (fixColumn) {
       return (scroll === null || scroll === void 0 ? void 0 : scroll.x) === 'max-content' ? 'auto' : 'fixed';
     }
-    if (fixHeader || isSticky || flattenColumns.some(function (_ref5) {
-      var ellipsis = _ref5.ellipsis;
+    if (fixHeader || isSticky || flattenColumns.some(function (_ref4) {
+      var ellipsis = _ref4.ellipsis;
       return ellipsis;
     })) {
       return 'fixed';
@@ -63182,15 +63287,15 @@ function Table_Table(tableProps) {
     data: mergedData,
     measureColumnWidth: fixHeader || horizonScroll || isSticky,
     expandedKeys: mergedExpandedKeys,
-    rowExpandable: rowExpandable,
+    rowExpandable: expandableConfig.rowExpandable,
     getRowKey: getRowKey,
     onRow: onRow,
     emptyNode: emptyNode,
     childrenColumnName: mergedChildrenColumnName
   });
   var bodyColGroup = /*#__PURE__*/external_React_.createElement(es_ColGroup, {
-    colWidths: flattenColumns.map(function (_ref6) {
-      var width = _ref6.width;
+    colWidths: flattenColumns.map(function (_ref5) {
+      var width = _ref5.width;
       return width;
     }),
     columns: flattenColumns
@@ -63215,8 +63320,8 @@ function Table_Table(tableProps) {
         ref: scrollBodyRef,
         onScroll: onScroll
       });
-      headerProps.colWidths = flattenColumns.map(function (_ref7, index) {
-        var width = _ref7.width;
+      headerProps.colWidths = flattenColumns.map(function (_ref6, index) {
+        var width = _ref6.width;
         var colWidth = index === columns.length - 1 ? width - scrollbarSize : width;
         if (typeof colWidth === 'number' && !Number.isNaN(colWidth)) {
           return colWidth;
@@ -63236,7 +63341,8 @@ function Table_Table(tableProps) {
         })
       }, ariaProps), captionElement, bodyColGroup, bodyTable, !fixFooter && summaryNode && /*#__PURE__*/external_React_.createElement(es_Footer, {
         stickyOffsets: stickyOffsets,
-        flattenColumns: flattenColumns
+        flattenColumns: flattenColumns,
+        columns: columns
       }, summaryNode)));
     } // Fixed holder share the props
 
@@ -63252,15 +63358,11 @@ function Table_Table(tableProps) {
       stickyTopOffset: offsetHeader,
       className: "".concat(prefixCls, "-header"),
       ref: scrollHeaderRef
-    }), function (fixedHolderPassProps) {
-      return /*#__PURE__*/external_React_.createElement(external_React_.Fragment, null, /*#__PURE__*/external_React_.createElement(es_Header_Header, fixedHolderPassProps), fixFooter === 'top' && /*#__PURE__*/external_React_.createElement(es_Footer, fixedHolderPassProps, summaryNode));
-    }), bodyContent, fixFooter && fixFooter !== 'top' && /*#__PURE__*/external_React_.createElement(es_FixedHolder, extends_extends({}, fixedHolderProps, {
+    }), renderFixedHeaderTable), bodyContent, fixFooter && fixFooter !== 'top' && /*#__PURE__*/external_React_.createElement(es_FixedHolder, extends_extends({}, fixedHolderProps, {
       stickyBottomOffset: offsetSummary,
       className: "".concat(prefixCls, "-summary"),
       ref: scrollSummaryRef
-    }), function (fixedHolderPassProps) {
-      return /*#__PURE__*/external_React_.createElement(es_Footer, fixedHolderPassProps, summaryNode);
-    }), isSticky && /*#__PURE__*/external_React_.createElement(stickyScrollBar, {
+    }), renderFixedFooterTable), isSticky && /*#__PURE__*/external_React_.createElement(stickyScrollBar, {
       ref: stickyRef,
       offsetScroll: offsetScroll,
       scrollBodyRef: scrollBodyRef,
@@ -63280,7 +63382,8 @@ function Table_Table(tableProps) {
       })
     }, ariaProps), captionElement, bodyColGroup, showHeader !== false && /*#__PURE__*/external_React_.createElement(es_Header_Header, extends_extends({}, headerProps, columnContext)), bodyTable, summaryNode && /*#__PURE__*/external_React_.createElement(es_Footer, {
       stickyOffsets: stickyOffsets,
-      flattenColumns: flattenColumns
+      flattenColumns: flattenColumns,
+      columns: columns
     }, summaryNode)));
   }
   var fullTable = /*#__PURE__*/external_React_.createElement("div", extends_extends({
@@ -63288,85 +63391,79 @@ function Table_Table(tableProps) {
     style: style,
     id: id,
     ref: fullTableRef
-  }, dataProps), /*#__PURE__*/external_React_.createElement(MemoTableContent, {
-    pingLeft: pingedLeft,
-    pingRight: pingedRight,
-    props: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), {}, {
-      stickyOffsets: stickyOffsets,
-      mergedExpandedKeys: mergedExpandedKeys
-    })
-  }, title && /*#__PURE__*/external_React_.createElement(es_Panel, {
+  }, dataProps), title && /*#__PURE__*/external_React_.createElement(es_Panel, {
     className: "".concat(prefixCls, "-title")
   }, title(mergedData)), /*#__PURE__*/external_React_.createElement("div", {
     ref: scrollBodyContainerRef,
     className: "".concat(prefixCls, "-container")
   }, groupTableNode), footer && /*#__PURE__*/external_React_.createElement(es_Panel, {
     className: "".concat(prefixCls, "-footer")
-  }, footer(mergedData))));
+  }, footer(mergedData)));
   if (horizonScroll) {
     fullTable = /*#__PURE__*/external_React_.createElement(rc_resize_observer_es, {
       onResize: onFullTableResize
     }, fullTable);
   }
+  var fixedInfoList = useFixedInfo(flattenColumns, stickyOffsets, direction, columns);
   var TableContextValue = external_React_.useMemo(function () {
     return {
+      // Table
       prefixCls: prefixCls,
       getComponent: getComponent,
       scrollbarSize: scrollbarSize,
       direction: direction,
-      fixedInfoList: flattenColumns.map(function (_, colIndex) {
-        return getCellFixedInfo(colIndex, colIndex, flattenColumns, stickyOffsets, direction);
-      }),
-      isSticky: isSticky
-    };
-  }, [prefixCls, getComponent, scrollbarSize, direction, flattenColumns, stickyOffsets, isSticky]);
-  var BodyContextValue = external_React_.useMemo(function () {
-    return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, columnContext), {}, {
+      fixedInfoList: fixedInfoList,
+      isSticky: isSticky,
+      supportSticky: supportSticky,
+      componentWidth: componentWidth,
+      fixHeader: fixHeader,
+      fixColumn: fixColumn,
+      horizonScroll: horizonScroll,
+      // Body
       tableLayout: mergedTableLayout,
       rowClassName: rowClassName,
-      expandedRowClassName: expandedRowClassName,
+      expandedRowClassName: expandableConfig.expandedRowClassName,
       expandIcon: mergedExpandIcon,
       expandableType: expandableType,
-      expandRowByClick: expandRowByClick,
-      expandedRowRender: expandedRowRender,
+      expandRowByClick: expandableConfig.expandRowByClick,
+      expandedRowRender: expandableConfig.expandedRowRender,
       onTriggerExpand: onTriggerExpand,
-      expandIconColumnIndex: expandIconColumnIndex,
-      indentSize: indentSize,
-      allColumnsFixedLeft: columnContext.flattenColumns.every(function (col) {
+      expandIconColumnIndex: expandableConfig.expandIconColumnIndex,
+      indentSize: expandableConfig.indentSize,
+      allColumnsFixedLeft: flattenColumns.every(function (col) {
         return col.fixed === 'left';
-      })
-    });
-  }, [columnContext, mergedTableLayout, rowClassName, expandedRowClassName, mergedExpandIcon, expandableType, expandRowByClick, expandedRowRender, onTriggerExpand, expandIconColumnIndex, indentSize]);
-  var ExpandedRowContextValue = external_React_.useMemo(function () {
-    return {
-      componentWidth: componentWidth,
-      fixHeader: fixHeader,
-      fixColumn: fixColumn,
-      horizonScroll: horizonScroll
-    };
-  }, [componentWidth, fixHeader, fixColumn, horizonScroll]);
-  var ResizeContextValue = external_React_.useMemo(function () {
-    return {
-      onColumnResize: onColumnResize
+      }),
+      // Column
+      columns: columns,
+      flattenColumns: flattenColumns,
+      onColumnResize: onColumnResize,
+      // Row
+      hoverStartRow: startRow,
+      hoverEndRow: endRow,
+      onHover: onHover
     };
-  }, [onColumnResize]);
-  return /*#__PURE__*/external_React_.createElement(context_StickyContext.Provider, {
-    value: supportSticky
-  }, /*#__PURE__*/external_React_.createElement(context_TableContext.Provider, {
+  }, [
+  // Table
+  prefixCls, getComponent, scrollbarSize, direction, fixedInfoList, isSticky, supportSticky, componentWidth, fixHeader, fixColumn, horizonScroll,
+  // Body
+  mergedTableLayout, rowClassName, expandableConfig.expandedRowClassName, mergedExpandIcon, expandableType, expandableConfig.expandRowByClick, expandableConfig.expandedRowRender, onTriggerExpand, expandableConfig.expandIconColumnIndex, expandableConfig.indentSize,
+  // Column
+  columns, flattenColumns, onColumnResize,
+  // Row
+  startRow, endRow, onHover]);
+  return /*#__PURE__*/external_React_.createElement(context_TableContext.Provider, {
     value: TableContextValue
-  }, /*#__PURE__*/external_React_.createElement(context_BodyContext.Provider, {
-    value: BodyContextValue
-  }, /*#__PURE__*/external_React_.createElement(context_ExpandedRowContext.Provider, {
-    value: ExpandedRowContextValue
-  }, /*#__PURE__*/external_React_.createElement(context_ResizeContext.Provider, {
-    value: ResizeContextValue
-  }, fullTable)))));
-}
-Table_Table.EXPAND_COLUMN = EXPAND_COLUMN;
-Table_Table.Column = sugar_Column;
-Table_Table.ColumnGroup = sugar_ColumnGroup;
-Table_Table.Summary = FooterComponents;
-/* harmony default export */ var rc_table_es_Table = ((/* unused pure expression or super */ null && (Table_Table)));
+  }, fullTable);
+}
+function genTable(shouldTriggerRender) {
+  return makeImmutable(Table_Table, shouldTriggerRender);
+}
+var ImmutableTable = genTable();
+ImmutableTable.EXPAND_COLUMN = EXPAND_COLUMN;
+ImmutableTable.Column = sugar_Column;
+ImmutableTable.ColumnGroup = sugar_ColumnGroup;
+ImmutableTable.Summary = FooterComponents;
+/* harmony default export */ var rc_table_es_Table = ((/* unused pure expression or super */ null && (ImmutableTable)));
 ;// CONCATENATED MODULE: ./node_modules/rc-table/es/index.js
 
 
@@ -63374,6 +63471,7 @@ Table_Table.Summary = FooterComponents;
 
 
 
+
 /* harmony default export */ var rc_table_es = ((/* unused pure expression or super */ null && (Table)));
 ;// CONCATENATED MODULE: ./node_modules/rc-tree/es/contextTypes.js
 /**
@@ -65038,6 +65136,7 @@ function statisticToken(token) {
 
 
 
+
 var textEllipsis = {
   overflow: 'hidden',
   whiteSpace: 'nowrap',
@@ -65157,7 +65256,7 @@ var genFocusStyle = function genFocusStyle(token) {
   };
 };
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/version.js
-/* harmony default export */ var version = ('5.1.2');
+/* harmony default export */ var version = ('5.1.4');
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/index.js
 /* eslint import/no-unresolved: 0 */
 // @ts-ignore
@@ -65954,6 +66053,8 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
     display: 'none'
   }), esm_defineProperty_defineProperty(_$concat3, '& + span', {
     color: token.colorTextDisabled
+  }), esm_defineProperty_defineProperty(_$concat3, "&".concat(checkboxCls, "-indeterminate ").concat(checkboxCls, "-inner::after"), {
+    background: token.colorTextDisabled
   }), _$concat3)), _ref6)];
 };
 // ============================== Export ==============================
@@ -66229,6 +66330,7 @@ if (false) {}
 var es_checkbox_Checkbox = checkbox_Checkbox;
 es_checkbox_Checkbox.Group = checkbox_Group;
 es_checkbox_Checkbox.__ANT_CHECKBOX = true;
+if (false) {}
 /* harmony default export */ var es_checkbox = (es_checkbox_Checkbox);
 ;// CONCATENATED MODULE: ./node_modules/rc-util/es/raf.js
 var raf = function raf(callback) {
@@ -66353,9 +66455,10 @@ function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoin
 });
 ;// CONCATENATED MODULE: ./node_modules/rc-motion/es/util/motion.js
 
- // ================= Transition =================
-// Event wrapper. Copy from react source code
 
+
+// ================= Transition =================
+// Event wrapper. Copy from react source code
 function makePrefixMap(styleProp, eventName) {
   var prefixes = {};
   prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
@@ -66674,7 +66777,6 @@ function useStatus(supportMotion, visible, getElement, _ref) {
         return onPrepare(getDomElement());
       } // Rest step is sync update
 
-      // Rest step is sync update
       if (step in eventHandlers) {
         var _eventHandlers$step;
         setStyle(((_eventHandlers$step = eventHandlers[step]) === null || _eventHandlers$step === void 0 ? void 0 : _eventHandlers$step.call(eventHandlers, getDomElement(), null)) || null);
@@ -66808,11 +66910,11 @@ var DomWrapper_DomWrapper = /*#__PURE__*/function (_React$Component) {
 
 
 
+
 /**
  * `transitionSupport` is used for none transition test case.
  * Default we use browser transition event support check.
  */
-
 function genCSSMotion(config) {
   var transitionSupport = config;
   if (typeof_typeof(config) === 'object') {
@@ -66877,11 +66979,11 @@ function genCSSMotion(config) {
       // Stable children
       if (mergedVisible) {
         motionChildren = children(objectSpread2_objectSpread2({}, mergedProps), setNodeRef);
-      } else if (!removeOnLeave && renderedRef.current) {
+      } else if (!removeOnLeave && renderedRef.current && leavedClassName) {
         motionChildren = children(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, mergedProps), {}, {
           className: leavedClassName
         }), setNodeRef);
-      } else if (forceRender) {
+      } else if (forceRender || !removeOnLeave && !leavedClassName) {
         motionChildren = children(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, mergedProps), {}, {
           style: {
             display: 'none'
@@ -66909,8 +67011,8 @@ function genCSSMotion(config) {
     } // Auto inject ref if child node not have `ref` props
 
     if ( /*#__PURE__*/ /*#__PURE__*/external_React_.isValidElement(motionChildren) && supportRef(motionChildren)) {
-      var _motionChildren = motionChildren,
-        originNodeRef = _motionChildren.ref;
+      var _ref = motionChildren,
+        originNodeRef = _ref.ref;
       if (!originNodeRef) {
         motionChildren = /*#__PURE__*/external_React_.cloneElement(motionChildren, {
           ref: setNodeRef
@@ -67033,6 +67135,8 @@ function diffKeys() {
 
 
 
+
+
 var CSSMotionList_excluded = ["component", "children", "onVisibleChanged", "onAllRemoved"],
   CSSMotionList_excluded2 = ["status"];
 
@@ -67042,12 +67146,12 @@ var CSSMotionList_excluded = ["component", "children", "onVisibleChanged", "onAl
 
 
 var MOTION_PROP_NAMES = ['eventProps', 'visible', 'children', 'motionName', 'motionAppear', 'motionEnter', 'motionLeave', 'motionLeaveImmediately', 'motionDeadline', 'removeOnLeave', 'leavedClassName', 'onAppearStart', 'onAppearActive', 'onAppearEnd', 'onEnterStart', 'onEnterActive', 'onEnterEnd', 'onLeaveStart', 'onLeaveActive', 'onLeaveEnd'];
+
 /**
  * Generate a CSSMotionList component with config
  * @param transitionSupport No need since CSSMotionList no longer depends on transition support
  * @param CSSMotion CSSMotion component
  */
-
 function genCSSMotionList(transitionSupport) {
   var CSSMotion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : es_CSSMotion;
   var CSSMotionList = /*#__PURE__*/function (_React$Component) {
@@ -67060,10 +67164,10 @@ function genCSSMotionList(transitionSupport) {
         args[_key] = arguments[_key];
       }
       _this = _super.call.apply(_super, [this].concat(args));
-      _this.state = {
+      defineProperty_defineProperty(_assertThisInitialized(_this), "state", {
         keyEntities: []
-      };
-      _this.removeKey = function (removeKey) {
+      });
+      defineProperty_defineProperty(_assertThisInitialized(_this), "removeKey", function (removeKey) {
         var keyEntities = _this.state.keyEntities;
         var nextKeyEntities = keyEntities.map(function (entity) {
           if (entity.key !== removeKey) return entity;
@@ -67078,7 +67182,7 @@ function genCSSMotionList(transitionSupport) {
           var status = _ref.status;
           return status !== STATUS_REMOVED;
         }).length;
-      };
+      });
       return _this;
     }
     _createClass(CSSMotionList, [{
@@ -67146,9 +67250,9 @@ function genCSSMotionList(transitionSupport) {
 
     return CSSMotionList;
   }(external_React_.Component);
-  CSSMotionList.defaultProps = {
+  defineProperty_defineProperty(CSSMotionList, "defaultProps", {
     component: 'div'
-  };
+  });
   return CSSMotionList;
 }
 /* harmony default export */ var CSSMotionList = (genCSSMotionList(supportTransition));
@@ -71068,6 +71172,9 @@ ForwardOverflow.INVALIDATE = INVALIDATE; // Convert to generic type
 ;// CONCATENATED MODULE: ./node_modules/rc-overflow/es/index.js
 
 /* harmony default export */ var rc_overflow_es = (es_Overflow);
+// EXTERNAL MODULE: ./node_modules/shallowequal/index.js
+var shallowequal = __webpack_require__(2460);
+var shallowequal_default = /*#__PURE__*/__webpack_require__.n(shallowequal);
 ;// CONCATENATED MODULE: ./node_modules/rc-menu/es/context/IdContext.js
 
 var IdContext = /*#__PURE__*/external_React_.createContext(null);
@@ -73419,15 +73526,13 @@ var accessibilityFocus = function accessibilityFocus(token) {
   return Object.assign({}, genFocusOutline(token));
 };
 var getThemeStyle = function getThemeStyle(token, themeSuffix) {
-  var _not$concat, _$concat3, _$concat4, _$concat$concat3, _$concat7, _$concat$concat4;
+  var _not$concat, _$concat3, _$concat4, _$concat$concat3, _$concat8, _$concat$concat4;
   var componentCls = token.componentCls,
     colorItemText = token.colorItemText,
     colorItemTextSelected = token.colorItemTextSelected,
-    colorItemTextSelectedHorizontal = token.colorItemTextSelectedHorizontal,
     colorGroupTitle = token.colorGroupTitle,
     colorItemBg = token.colorItemBg,
     colorSubItemBg = token.colorSubItemBg,
-    colorItemBgSelectedHorizontal = token.colorItemBgSelectedHorizontal,
     colorItemBgSelected = token.colorItemBgSelected,
     colorActiveBarHeight = token.colorActiveBarHeight,
     colorActiveBarWidth = token.colorActiveBarWidth,
@@ -73447,7 +73552,9 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
     colorDangerItemBgActive = token.colorDangerItemBgActive,
     colorDangerItemBgSelected = token.colorDangerItemBgSelected,
     colorItemBgHover = token.colorItemBgHover,
-    menuSubMenuBg = token.menuSubMenuBg;
+    menuSubMenuBg = token.menuSubMenuBg,
+    colorItemTextSelectedHorizontal = token.colorItemTextSelectedHorizontal,
+    colorItemBgSelectedHorizontal = token.colorItemBgSelectedHorizontal;
   return esm_defineProperty_defineProperty({}, "".concat(componentCls, "-").concat(themeSuffix), (_$concat$concat4 = {
     color: colorItemText,
     background: colorItemBg
@@ -73489,7 +73596,7 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
     color: colorDangerItemTextSelected
   }), esm_defineProperty_defineProperty(_$concat4, "a, a:hover", {
     color: 'inherit'
-  }), _$concat4)), esm_defineProperty_defineProperty(_$concat$concat4, "&:not(".concat(componentCls, "-horizontal) ").concat(componentCls, "-item-selected"), esm_defineProperty_defineProperty({
+  }), _$concat4)), esm_defineProperty_defineProperty(_$concat$concat4, "& ".concat(componentCls, "-item-selected"), esm_defineProperty_defineProperty({
     backgroundColor: colorItemBgSelected
   }, "&".concat(componentCls, "-item-danger"), {
     backgroundColor: colorDangerItemBgSelected
@@ -73503,7 +73610,7 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
     top: colorActiveBarBorderSize,
     marginTop: -colorActiveBarBorderSize,
     marginBottom: 0,
-    borderRadius: token.radiusItem,
+    borderRadius: 0,
     '&::after': {
       position: 'absolute',
       insetInline: menuItemPaddingInline,
@@ -73526,11 +73633,11 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
     }
   }), _$concat$concat3)))), esm_defineProperty_defineProperty(_$concat$concat4, "&".concat(componentCls, "-root"), esm_defineProperty_defineProperty({}, "&".concat(componentCls, "-inline, &").concat(componentCls, "-vertical"), {
     borderInlineEnd: "".concat(colorActiveBarBorderSize, "px ").concat(lineType, " ").concat(colorSplit)
-  })), esm_defineProperty_defineProperty(_$concat$concat4, "&".concat(componentCls, "-inline"), (_$concat7 = {}, esm_defineProperty_defineProperty(_$concat7, "".concat(componentCls, "-sub").concat(componentCls, "-inline"), {
+  })), esm_defineProperty_defineProperty(_$concat$concat4, "&".concat(componentCls, "-inline"), (_$concat8 = {}, esm_defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-sub").concat(componentCls, "-inline"), {
     background: colorSubItemBg
-  }), esm_defineProperty_defineProperty(_$concat7, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), colorActiveBarBorderSize && colorActiveBarWidth ? {
+  }), esm_defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), colorActiveBarBorderSize && colorActiveBarWidth ? {
     width: "calc(100% + ".concat(colorActiveBarBorderSize, "px)")
-  } : {}), esm_defineProperty_defineProperty(_$concat7, "".concat(componentCls, "-item"), esm_defineProperty_defineProperty({
+  } : {}), esm_defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-item"), esm_defineProperty_defineProperty({
     position: 'relative',
     '&::after': {
       position: 'absolute',
@@ -73546,13 +73653,13 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
     '&::after': {
       borderInlineEndColor: colorDangerItemTextSelected
     }
-  })), esm_defineProperty_defineProperty(_$concat7, "".concat(componentCls, "-selected, ").concat(componentCls, "-item-selected"), {
+  })), esm_defineProperty_defineProperty(_$concat8, "".concat(componentCls, "-selected, ").concat(componentCls, "-item-selected"), {
     '&::after': {
       transform: 'scaleY(1)',
       opacity: 1,
       transition: ["transform ".concat(motionDurationMid, " ").concat(motionEaseInOut), "opacity ".concat(motionDurationMid, " ").concat(motionEaseInOut)].join(',')
     }
-  }), _$concat7)), _$concat$concat4));
+  }), _$concat8)), _$concat$concat4));
 };
 /* harmony default export */ var theme = (getThemeStyle);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/menu/style/vertical.js
@@ -73658,7 +73765,7 @@ var getVerticalStyle = function getVerticalStyle(token) {
     insetInlineStart: 0,
     paddingInline: "calc(50% - ".concat(fontSizeSM, "px)"),
     textOverflow: 'clip'
-  }, esm_defineProperty_defineProperty(_$concat$concat$con, "".concat(componentCls, "-submenu-arrow"), {
+  }, esm_defineProperty_defineProperty(_$concat$concat$con, "\n            ".concat(componentCls, "-submenu-arrow,\n            ").concat(componentCls, "-submenu-expand-icon\n          "), {
     opacity: 0
   }), esm_defineProperty_defineProperty(_$concat$concat$con, "".concat(componentCls, "-item-icon, ").concat(iconCls), {
     margin: 0,
@@ -73748,7 +73855,7 @@ var genSubMenuArrowStyle = function genSubMenuArrowStyle(token) {
     width: menuArrowSize,
     color: 'currentcolor',
     transform: 'translateY(-50%)',
-    transition: "transform ".concat(motionDurationSlow, " ").concat(motionEaseInOut)
+    transition: "transform ".concat(motionDurationSlow, " ").concat(motionEaseInOut, ", opacity ").concat(motionDurationSlow)
   }), esm_defineProperty_defineProperty(_$concat2, '&-arrow', {
     // →
     '&::before, &::after': {
@@ -73917,8 +74024,7 @@ var getBaseStyle = function getBaseStyle(token) {
       colorPrimary = token.colorPrimary,
       colorError = token.colorError,
       colorErrorHover = token.colorErrorHover,
-      colorTextLightSolid = token.colorTextLightSolid,
-      colorTextSecondary = token.colorTextSecondary;
+      colorTextLightSolid = token.colorTextLightSolid;
     var controlHeightLG = token.controlHeightLG,
       fontSize = token.fontSize;
     var menuArrowSize = fontSize / 7 * 5;
@@ -73932,10 +74038,11 @@ var getBaseStyle = function getBaseStyle(token) {
       menuPanelMaskInset: -7,
       menuSubMenuBg: colorBgElevated
     });
+    var colorTextDark = new TinyColor(colorTextLightSolid).setAlpha(0.65).toRgbString();
     var menuDarkToken = statistic_merge(menuToken, {
-      colorItemText: new TinyColor(colorTextLightSolid).setAlpha(0.65).toRgbString(),
+      colorItemText: colorTextDark,
       colorItemTextHover: colorTextLightSolid,
-      colorGroupTitle: colorTextSecondary,
+      colorGroupTitle: colorTextDark,
       colorItemTextSelected: colorTextLightSolid,
       colorItemBg: '#001529',
       colorSubItemBg: '#000c17',
@@ -73952,7 +74059,10 @@ var getBaseStyle = function getBaseStyle(token) {
       colorDangerItemTextSelected: colorTextLightSolid,
       colorDangerItemBgActive: colorError,
       colorDangerItemBgSelected: colorError,
-      menuSubMenuBg: '#001529'
+      menuSubMenuBg: '#001529',
+      // Horizontal
+      colorItemTextSelectedHorizontal: colorTextLightSolid,
+      colorItemBgSelectedHorizontal: colorPrimary
     }, Object.assign({}, overrideComponentToken));
     return [
     // Basic
@@ -74553,6 +74663,22 @@ function getPlacements(config) {
 }
 ;// CONCATENATED MODULE: ./node_modules/antd/es/theme/interface/presetColors.js
 var PresetColors = ['blue', 'purple', 'cyan', 'green', 'magenta', 'pink', 'red', 'orange', 'yellow', 'volcano', 'geekblue', 'lime', 'gold'];
+;// CONCATENATED MODULE: ./node_modules/antd/es/style/presetColor.js
+
+function genPresetColor(token, genCss) {
+  return PresetColors.reduce(function (prev, colorKey) {
+    var lightColor = token["".concat(colorKey, "-1")];
+    var lightBorderColor = token["".concat(colorKey, "-3")];
+    var darkColor = token["".concat(colorKey, "-6")];
+    var textColor = token["".concat(colorKey, "-7")];
+    return Object.assign(Object.assign({}, prev), genCss(colorKey, {
+      lightColor: lightColor,
+      lightBorderColor: lightBorderColor,
+      darkColor: darkColor,
+      textColor: textColor
+    }));
+  }, {});
+}
 ;// CONCATENATED MODULE: ./node_modules/antd/es/style/roundedArrow.js
 var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColor, boxShadow) {
   var unitWidth = width / 2;
@@ -74752,19 +74878,6 @@ function getArrowStyle(token, options) {
 
 
 
-var generatorTooltipPresetColor = function generatorTooltipPresetColor(token) {
-  var componentCls = token.componentCls;
-  return PresetColors.reduce(function (previousValue, currentValue) {
-    var _previousValue$$conc;
-    var lightColor = token["".concat(currentValue, "-6")];
-    previousValue["&".concat(componentCls, "-").concat(currentValue)] = (_previousValue$$conc = {}, esm_defineProperty_defineProperty(_previousValue$$conc, "".concat(componentCls, "-inner"), {
-      backgroundColor: lightColor
-    }), esm_defineProperty_defineProperty(_previousValue$$conc, "".concat(componentCls, "-arrow"), {
-      '--antd-arrow-background-color': lightColor
-    }), _previousValue$$conc);
-    return previousValue;
-  }, {});
-};
 var genTooltipStyle = function genTooltipStyle(token) {
   var _Object$assign;
   var componentCls = token.componentCls,
@@ -74805,10 +74918,18 @@ var genTooltipStyle = function genTooltipStyle(token) {
     borderRadius: tooltipBorderRadius,
     boxShadow: boxShadowSecondary
   }), esm_defineProperty_defineProperty(_Object$assign, ["&-placement-left", "&-placement-leftTop", "&-placement-leftBottom", "&-placement-right", "&-placement-rightTop", "&-placement-rightBottom"].join(','), esm_defineProperty_defineProperty({}, "".concat(componentCls, "-inner"), {
-    borderRadius: tooltipBorderRadius > MAX_VERTICAL_CONTENT_RADIUS ? MAX_VERTICAL_CONTENT_RADIUS : tooltipBorderRadius
+    borderRadius: Math.min(tooltipBorderRadius, MAX_VERTICAL_CONTENT_RADIUS)
   })), esm_defineProperty_defineProperty(_Object$assign, "".concat(componentCls, "-content"), {
     position: 'relative'
-  }), _Object$assign)), generatorTooltipPresetColor(token)), {
+  }), _Object$assign)), genPresetColor(token, function (colorKey, _ref) {
+    var _$concat$concat;
+    var darkColor = _ref.darkColor;
+    return esm_defineProperty_defineProperty({}, "&".concat(componentCls, "-").concat(colorKey), (_$concat$concat = {}, esm_defineProperty_defineProperty(_$concat$concat, "".concat(componentCls, "-inner"), {
+      backgroundColor: darkColor
+    }), esm_defineProperty_defineProperty(_$concat$concat, "".concat(componentCls, "-arrow"), {
+      '--antd-arrow-background-color': darkColor
+    }), _$concat$concat));
+  })), {
     // RTL
     '&-rtl': {
       direction: 'rtl'
@@ -74848,9 +74969,9 @@ var genTooltipStyle = function genTooltipStyle(token) {
       tooltipRadiusOuter: borderRadiusOuter > 4 ? 4 : borderRadiusOuter
     });
     return [genTooltipStyle(TooltipToken), initZoomMotion(token, 'zoom-big-fast')];
-  }, function (_ref) {
-    var zIndexPopupBase = _ref.zIndexPopupBase,
-      colorBgSpotlight = _ref.colorBgSpotlight;
+  }, function (_ref2) {
+    var zIndexPopupBase = _ref2.zIndexPopupBase,
+      colorBgSpotlight = _ref2.colorBgSpotlight;
     return {
       zIndexPopup: zIndexPopupBase + 70,
       colorBgDefault: colorBgSpotlight
@@ -74859,19 +74980,38 @@ var genTooltipStyle = function genTooltipStyle(token) {
   return useOriginHook(prefixCls);
 });
 ;// CONCATENATED MODULE: ./node_modules/antd/es/_util/colors.js
+
+
+var inverseColors = PresetColors.map(function (color) {
+  return "".concat(color, "-inverse");
+});
 var PresetStatusColorTypes = (/* unused pure expression or super */ null && (['success', 'processing', 'error', 'default', 'warning']));
-var PresetColorTypes = ['pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime'];
+/**
+ * determine if the color keyword belongs to the `Ant Design` {@link PresetColors}.
+ * @param color color to be judged
+ * @param includeInverse whether to include reversed colors
+ */
+function isPresetColor(color) {
+  var includeInverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  if (includeInverse) {
+    return [].concat(toConsumableArray_toConsumableArray(inverseColors), toConsumableArray_toConsumableArray(PresetColors)).includes(color);
+  }
+  return PresetColors.includes(color);
+}
+function isPresetStatusColor(color) {
+  return PresetStatusColorTypes.includes(color);
+}
 ;// CONCATENATED MODULE: ./node_modules/antd/es/tooltip/util.js
 
 /* eslint-disable import/prefer-default-export */
 
 
-var PresetColorRegex = new RegExp("^(".concat(PresetColorTypes.join('|'), ")(-inverse)?$"));
 function parseColor(prefixCls, color) {
-  var className = classnames_default()(esm_defineProperty_defineProperty({}, "".concat(prefixCls, "-").concat(color), color && PresetColorRegex.test(color)));
+  var isInternalColor = isPresetColor(color);
+  var className = classnames_default()(esm_defineProperty_defineProperty({}, "".concat(prefixCls, "-").concat(color), color && isInternalColor));
   var overlayStyle = {};
   var arrowStyle = {};
-  if (color && !PresetColorRegex.test(color)) {
+  if (color && !isInternalColor) {
     overlayStyle.background = color;
     // @ts-ignore
     arrowStyle['--antd-arrow-background-color'] = color;
@@ -75045,26 +75185,25 @@ var tooltip_Tooltip = /*#__PURE__*/external_React_.forwardRef(function (props, r
       var _a, _b;
       return placements[key].points[0] === ((_a = align.points) === null || _a === void 0 ? void 0 : _a[0]) && placements[key].points[1] === ((_b = align.points) === null || _b === void 0 ? void 0 : _b[1]);
     });
-    if (!placement) {
-      return;
-    }
-    // 根据当前坐标设置动画点
-    var rect = domNode.getBoundingClientRect();
-    var transformOrigin = {
-      top: '50%',
-      left: '50%'
-    };
-    if (/top|Bottom/.test(placement)) {
-      transformOrigin.top = "".concat(rect.height - align.offset[1], "px");
-    } else if (/Top|bottom/.test(placement)) {
-      transformOrigin.top = "".concat(-align.offset[1], "px");
-    }
-    if (/left|Right/.test(placement)) {
-      transformOrigin.left = "".concat(rect.width - align.offset[0], "px");
-    } else if (/right|Left/.test(placement)) {
-      transformOrigin.left = "".concat(-align.offset[0], "px");
+    if (placement) {
+      // 根据当前坐标设置动画点
+      var rect = domNode.getBoundingClientRect();
+      var transformOrigin = {
+        top: '50%',
+        left: '50%'
+      };
+      if (/top|Bottom/.test(placement)) {
+        transformOrigin.top = "".concat(rect.height - align.offset[1], "px");
+      } else if (/Top|bottom/.test(placement)) {
+        transformOrigin.top = "".concat(-align.offset[1], "px");
+      }
+      if (/left|Right/.test(placement)) {
+        transformOrigin.left = "".concat(rect.width - align.offset[0], "px");
+      } else if (/right|Left/.test(placement)) {
+        transformOrigin.left = "".concat(-align.offset[0], "px");
+      }
+      domNode.style.transformOrigin = "".concat(transformOrigin.left, " ").concat(transformOrigin.top);
     }
-    domNode.style.transformOrigin = "".concat(transformOrigin.left, " ").concat(transformOrigin.top);
   };
   var getOverlay = function getOverlay() {
     var title = props.title,
@@ -75154,6 +75293,8 @@ var MenuContext_MenuContext = /*#__PURE__*/(0,external_React_.createContext)({
 
 
 var MenuItem_MenuItem = function MenuItem(props) {
+  var _classNames;
+  var _a;
   var className = props.className,
     children = props.children,
     icon = props.icon,
@@ -75180,41 +75321,37 @@ var MenuItem_MenuItem = function MenuItem(props) {
     }
     return wrapNode;
   };
-  var renderItem = function renderItem(_ref) {
-    var _classNames;
-    var siderCollapsed = _ref.siderCollapsed;
-    var _a;
-    var tooltipTitle = title;
-    if (typeof title === 'undefined') {
-      tooltipTitle = firstLevel ? children : '';
-    } else if (title === false) {
-      tooltipTitle = '';
-    }
-    var tooltipProps = {
-      title: tooltipTitle
-    };
-    if (!siderCollapsed && !isInlineCollapsed) {
-      tooltipProps.title = null;
-      // Reset `open` to fix control mode tooltip display not correct
-      // ref: https://github.com/ant-design/ant-design/issues/16742
-      tooltipProps.open = false;
-    }
-    var childrenLength = toArray_toArray(children).length;
-    var returnNode = /*#__PURE__*/external_React_.createElement(es_MenuItem, Object.assign({}, omit_omit(props, ['title', 'icon', 'danger']), {
-      className: classnames_default()((_classNames = {}, esm_defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-item-danger"), danger), esm_defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-item-only-child"), (icon ? childrenLength + 1 : childrenLength) === 1), _classNames), className),
-      title: typeof title === 'string' ? title : undefined
-    }), cloneElement(icon, {
-      className: classnames_default()(isValidElement(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : '', "".concat(prefixCls, "-item-icon"))
-    }), renderItemChildren(isInlineCollapsed));
-    if (!disableMenuItemTitleTooltip) {
-      returnNode = /*#__PURE__*/external_React_.createElement(tooltip, Object.assign({}, tooltipProps, {
-        placement: direction === 'rtl' ? 'left' : 'right',
-        overlayClassName: "".concat(prefixCls, "-inline-collapsed-tooltip")
-      }), returnNode);
-    }
-    return returnNode;
+  var _React$useContext2 = external_React_.useContext(SiderContext),
+    siderCollapsed = _React$useContext2.siderCollapsed;
+  var tooltipTitle = title;
+  if (typeof title === 'undefined') {
+    tooltipTitle = firstLevel ? children : '';
+  } else if (title === false) {
+    tooltipTitle = '';
+  }
+  var tooltipProps = {
+    title: tooltipTitle
   };
-  return /*#__PURE__*/external_React_.createElement(SiderContext.Consumer, null, renderItem);
+  if (!siderCollapsed && !isInlineCollapsed) {
+    tooltipProps.title = null;
+    // Reset `open` to fix control mode tooltip display not correct
+    // ref: https://github.com/ant-design/ant-design/issues/16742
+    tooltipProps.open = false;
+  }
+  var childrenLength = toArray_toArray(children).length;
+  var returnNode = /*#__PURE__*/external_React_.createElement(es_MenuItem, Object.assign({}, omit_omit(props, ['title', 'icon', 'danger']), {
+    className: classnames_default()((_classNames = {}, esm_defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-item-danger"), danger), esm_defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-item-only-child"), (icon ? childrenLength + 1 : childrenLength) === 1), _classNames), className),
+    title: typeof title === 'string' ? title : undefined
+  }), cloneElement(icon, {
+    className: classnames_default()(isValidElement(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : '', "".concat(prefixCls, "-item-icon"))
+  }), renderItemChildren(isInlineCollapsed));
+  if (!disableMenuItemTitleTooltip) {
+    returnNode = /*#__PURE__*/external_React_.createElement(tooltip, Object.assign({}, tooltipProps, {
+      placement: direction === 'rtl' ? 'left' : 'right',
+      overlayClassName: "".concat(prefixCls, "-inline-collapsed-tooltip")
+    }), returnNode);
+  }
+  return returnNode;
 };
 /* harmony default export */ var menu_MenuItem = (MenuItem_MenuItem);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/menu/SubMenu.js
@@ -75368,7 +75505,7 @@ var menu_rest = undefined && undefined.__rest || function (s, e) {
 
 
 var InternalMenu = /*#__PURE__*/(0,external_React_.forwardRef)(function (props, ref) {
-  var _a;
+  var _a, _b;
   var override = external_React_.useContext(menu_OverrideContext);
   var overrideObj = override || {};
   var _React$useContext = external_React_.useContext(context_ConfigContext),
@@ -75440,8 +75577,9 @@ var InternalMenu = /*#__PURE__*/(0,external_React_.forwardRef)(function (props,
   if (typeof expandIcon === 'function') {
     mergedExpandIcon = expandIcon;
   } else {
-    mergedExpandIcon = cloneElement(expandIcon || overrideObj.expandIcon, {
-      className: "".concat(prefixCls, "-submenu-expand-icon")
+    var beClone = expandIcon || overrideObj.expandIcon;
+    mergedExpandIcon = cloneElement(beClone, {
+      className: classnames_default()("".concat(prefixCls, "-submenu-expand-icon"), (_b = beClone === null || beClone === void 0 ? void 0 : beClone.props) === null || _b === void 0 ? void 0 : _b.className)
     });
   }
   // ======================== Context ==========================
@@ -75509,6 +75647,7 @@ menu_Menu.Item = menu_MenuItem;
 menu_Menu.SubMenu = menu_SubMenu;
 menu_Menu.Divider = menu_MenuDivider;
 menu_Menu.ItemGroup = MenuItemGroup;
+if (false) {}
 /* harmony default export */ var es_menu = (menu_Menu);
 ;// CONCATENATED MODULE: ./node_modules/rc-pagination/es/locale/en_US.js
 /* harmony default export */ var locale_en_US = ({
@@ -75774,6 +75913,7 @@ var LocaleProvider = function LocaleProvider(props) {
     value: getMemoizedContextValue
   }, children);
 };
+if (false) {}
 /* harmony default export */ var es_locale = (LocaleProvider);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/locale/LocaleReceiver.js
 
@@ -75936,11 +76076,10 @@ var SizeContext = /*#__PURE__*/external_React_.createContext(undefined);
 var SizeContextProvider = function SizeContextProvider(_ref) {
   var children = _ref.children,
     size = _ref.size;
-  return /*#__PURE__*/external_React_.createElement(SizeContext.Consumer, null, function (originSize) {
-    return /*#__PURE__*/external_React_.createElement(SizeContext.Provider, {
-      value: size || originSize
-    }, children);
-  });
+  var originSize = external_React_.useContext(SizeContext);
+  return /*#__PURE__*/external_React_.createElement(SizeContext.Provider, {
+    value: size || originSize
+  }, children);
 };
 /* harmony default export */ var config_provider_SizeContext = (SizeContext);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/config-provider/style/index.js
@@ -76177,6 +76316,7 @@ var ConfigProvider = function ConfigProvider(props) {
 ConfigProvider.ConfigContext = context_ConfigContext;
 ConfigProvider.SizeContext = config_provider_SizeContext;
 ConfigProvider.config = setGlobalConfig;
+if (false) {}
 /* harmony default export */ var config_provider = (ConfigProvider);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/_util/PurePanel.js
 
@@ -76412,7 +76552,7 @@ var genWaveStyle = function genWaveStyle(token) {
   var componentCls = token.componentCls,
     colorPrimary = token.colorPrimary;
   return esm_defineProperty_defineProperty({}, componentCls, {
-    position: 'fixed',
+    position: 'absolute',
     background: 'transparent',
     pointerEvents: 'none',
     boxSizing: 'border-box',
@@ -76423,7 +76563,7 @@ var genWaveStyle = function genWaveStyle(token) {
     '&.wave-motion-appear': {
       transition: ["box-shadow 0.4s ".concat(token.motionEaseOutCirc), "opacity 2s ".concat(token.motionEaseOutCirc)].join(','),
       '&-active': {
-        boxShadow: "0 0 0 calc(6px * var(--wave-scale)) currentcolor",
+        boxShadow: "0 0 0 6px currentcolor",
         opacity: 0
       }
     }
@@ -76537,14 +76677,6 @@ function _unmount() {
   return _unmount.apply(this, arguments);
 }
 ;// CONCATENATED MODULE: ./node_modules/antd/es/_util/wave/util.js
-function getValidateContainer(nodeRoot) {
-  if (nodeRoot instanceof Document) {
-    return nodeRoot.body;
-  }
-  return Array.from(nodeRoot.childNodes).find(function (ele) {
-    return (ele === null || ele === void 0 ? void 0 : ele.nodeType) === Node.ELEMENT_NODE;
-  });
-}
 function isNotGrey(color) {
   // eslint-disable-next-line no-useless-escape
   var match = (color || '').match(/rgba?\((\d*), (\d*), (\d*)(, [\d.]*)?\)/);
@@ -76580,16 +76712,43 @@ function getTargetWaveColor(node) {
 
 
 
+
+
+function validateNum(value) {
+  return Number.isNaN(value) ? 0 : value;
+}
 var WaveEffect = function WaveEffect(props) {
   var className = props.className,
-    left = props.left,
-    top = props.top,
-    width = props.width,
-    height = props.height,
-    color = props.color,
-    borderRadius = props.borderRadius,
-    scale = props.scale;
+    target = props.target;
   var divRef = external_React_.useRef(null);
+  var _React$useState = external_React_.useState(null),
+    _React$useState2 = esm_slicedToArray_slicedToArray(_React$useState, 2),
+    color = _React$useState2[0],
+    setWaveColor = _React$useState2[1];
+  var _React$useState3 = external_React_.useState([]),
+    _React$useState4 = esm_slicedToArray_slicedToArray(_React$useState3, 2),
+    borderRadius = _React$useState4[0],
+    setBorderRadius = _React$useState4[1];
+  var _React$useState5 = external_React_.useState(0),
+    _React$useState6 = esm_slicedToArray_slicedToArray(_React$useState5, 2),
+    left = _React$useState6[0],
+    setLeft = _React$useState6[1];
+  var _React$useState7 = external_React_.useState(0),
+    _React$useState8 = esm_slicedToArray_slicedToArray(_React$useState7, 2),
+    top = _React$useState8[0],
+    setTop = _React$useState8[1];
+  var _React$useState9 = external_React_.useState(0),
+    _React$useState10 = esm_slicedToArray_slicedToArray(_React$useState9, 2),
+    width = _React$useState10[0],
+    setWidth = _React$useState10[1];
+  var _React$useState11 = external_React_.useState(0),
+    _React$useState12 = esm_slicedToArray_slicedToArray(_React$useState11, 2),
+    height = _React$useState12[0],
+    setHeight = _React$useState12[1];
+  var _React$useState13 = external_React_.useState(false),
+    _React$useState14 = esm_slicedToArray_slicedToArray(_React$useState13, 2),
+    enabled = _React$useState14[0],
+    setEnabled = _React$useState14[1];
   var waveStyle = {
     left: left,
     top: top,
@@ -76597,12 +76756,52 @@ var WaveEffect = function WaveEffect(props) {
     height: height,
     borderRadius: borderRadius.map(function (radius) {
       return "".concat(radius, "px");
-    }).join(' '),
-    '--wave-scale': scale
+    }).join(' ')
   };
   if (color) {
     waveStyle['--wave-color'] = color;
   }
+  function syncPos() {
+    var nodeStyle = getComputedStyle(target);
+    // Get wave color from target
+    setWaveColor(getTargetWaveColor(target));
+    // Rect
+    setLeft(target.offsetLeft);
+    setTop(target.offsetTop);
+    setWidth(target.offsetWidth);
+    setHeight(target.offsetHeight);
+    // Get border radius
+    var borderTopLeftRadius = nodeStyle.borderTopLeftRadius,
+      borderTopRightRadius = nodeStyle.borderTopRightRadius,
+      borderBottomLeftRadius = nodeStyle.borderBottomLeftRadius,
+      borderBottomRightRadius = nodeStyle.borderBottomRightRadius;
+    setBorderRadius([borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map(function (radius) {
+      return validateNum(parseFloat(radius));
+    }));
+  }
+  external_React_.useEffect(function () {
+    if (target) {
+      // We need delay to check position here
+      // since UI may change after click
+      var id = es_raf(function () {
+        syncPos();
+        setEnabled(true);
+      });
+      // Add resize observer to follow size
+      var resizeObserver;
+      if (typeof ResizeObserver !== 'undefined') {
+        resizeObserver = new ResizeObserver(syncPos);
+        resizeObserver.observe(target);
+      }
+      return function () {
+        es_raf.cancel(id);
+        resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+      };
+    }
+  }, []);
+  if (!enabled) {
+    return null;
+  }
   return /*#__PURE__*/external_React_.createElement(rc_motion_es, {
     visible: true,
     motionAppear: true,
@@ -76628,49 +76827,25 @@ var WaveEffect = function WaveEffect(props) {
     });
   });
 };
-function validateNum(value) {
-  return Number.isNaN(value) ? 0 : value;
-}
-function showWaveEffect(container, node, className) {
-  var nodeStyle = getComputedStyle(node);
-  var nodeRect = node.getBoundingClientRect();
-  // Get wave color from target
-  var waveColor = getTargetWaveColor(node);
-  // Get border radius
-  var borderTopLeftRadius = nodeStyle.borderTopLeftRadius,
-    borderTopRightRadius = nodeStyle.borderTopRightRadius,
-    borderBottomLeftRadius = nodeStyle.borderBottomLeftRadius,
-    borderBottomRightRadius = nodeStyle.borderBottomRightRadius;
-  // Do scale calc
-  var offsetWidth = node.offsetWidth;
-  var scale = validateNum(nodeRect.width / offsetWidth);
+function showWaveEffect(node, className) {
+  var _a;
   // Create holder
   var holder = document.createElement('div');
-  getValidateContainer(container).appendChild(holder);
+  holder.style.position = 'absolute';
+  holder.style.left = "0px";
+  holder.style.top = "0px";
+  (_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.appendChild(holder);
   render_render( /*#__PURE__*/external_React_.createElement(WaveEffect, {
-    left: nodeRect.left,
-    top: nodeRect.top,
-    width: nodeRect.width,
-    height: nodeRect.height,
-    color: waveColor,
-    className: className,
-    scale: scale,
-    borderRadius: [borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map(function (radius) {
-      return validateNum(parseFloat(radius) * scale);
-    })
+    target: node,
+    className: className
   }), holder);
 }
 ;// CONCATENATED MODULE: ./node_modules/antd/es/_util/wave/useWave.js
 
 function useWave(nodeRef, className) {
   function showWave() {
-    var _a;
     var node = nodeRef.current;
-    // Skip if not exist doc
-    var container = ((_a = node.getRootNode) === null || _a === void 0 ? void 0 : _a.call(node)) || (node === null || node === void 0 ? void 0 : node.ownerDocument);
-    if (container) {
-      showWaveEffect(container, node, className);
-    }
+    showWaveEffect(node, className);
   }
   return showWave;
 }
@@ -76728,6 +76903,7 @@ var Wave = function Wave(props) {
     ref: ref
   });
 };
+if (false) {}
 /* harmony default export */ var wave = (Wave);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/button/button-group.js
 
@@ -77052,8 +77228,7 @@ var genRoundButtonStyle = function genRoundButtonStyle(token) {
   return {
     borderRadius: token.controlHeight,
     paddingInlineStart: token.controlHeight / 2,
-    paddingInlineEnd: token.controlHeight / 2,
-    width: 'auto'
+    paddingInlineEnd: token.controlHeight / 2
   };
 };
 // =============================== Type ===============================
@@ -77207,27 +77382,34 @@ var genTypeButtonStyle = function genTypeButtonStyle(token) {
 };
 // =============================== Size ===============================
 var genSizeButtonStyle = function genSizeButtonStyle(token) {
-  var _$concat$concat;
+  var _$concat, _$concat$concat;
   var sizePrefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var componentCls = token.componentCls,
-    iconCls = token.iconCls;
-  var paddingVertical = Math.max(0, (token.controlHeight - token.fontSize * token.lineHeight) / 2 - token.lineWidth);
-  var paddingHorizontal = token.buttonPaddingHorizontal - token.lineWidth;
+    iconCls = token.iconCls,
+    controlHeight = token.controlHeight,
+    fontSize = token.fontSize,
+    lineHeight = token.lineHeight,
+    lineWidth = token.lineWidth,
+    borderRadius = token.borderRadius,
+    buttonPaddingHorizontal = token.buttonPaddingHorizontal;
+  var paddingVertical = Math.max(0, (controlHeight - fontSize * lineHeight) / 2 - lineWidth);
+  var paddingHorizontal = buttonPaddingHorizontal - lineWidth;
   var iconOnlyCls = "".concat(componentCls, "-icon-only");
   return [// Size
   esm_defineProperty_defineProperty({}, "".concat(componentCls).concat(sizePrefixCls), (_$concat$concat = {
-    fontSize: token.fontSize,
-    height: token.controlHeight,
+    fontSize: fontSize,
+    height: controlHeight,
     padding: "".concat(paddingVertical, "px ").concat(paddingHorizontal, "px"),
-    borderRadius: token.borderRadius
-  }, esm_defineProperty_defineProperty(_$concat$concat, "&".concat(iconOnlyCls), {
-    width: token.controlHeight,
+    borderRadius: borderRadius
+  }, esm_defineProperty_defineProperty(_$concat$concat, "&".concat(iconOnlyCls), (_$concat = {
+    width: controlHeight,
     paddingInlineStart: 0,
-    paddingInlineEnd: 0,
-    '> span': {
-      transform: 'scale(1.143)' // 14px -> 16px
-    }
-  }), esm_defineProperty_defineProperty(_$concat$concat, "&".concat(componentCls, "-loading"), {
+    paddingInlineEnd: 0
+  }, esm_defineProperty_defineProperty(_$concat, "&".concat(componentCls, "-round"), {
+    width: 'auto'
+  }), esm_defineProperty_defineProperty(_$concat, '> span', {
+    transform: 'scale(1.143)' // 14px -> 16px
+  }), _$concat)), esm_defineProperty_defineProperty(_$concat$concat, "&".concat(componentCls, "-loading"), {
     opacity: token.opacityLoading,
     cursor: 'default'
   }), esm_defineProperty_defineProperty(_$concat$concat, "".concat(componentCls, "-loading-icon"), {
@@ -77731,6 +77913,7 @@ var Space = function Space(props) {
     value: spaceContext
   }, nodes)));
 };
+if (false) {}
 var CompoundedSpace = Space;
 CompoundedSpace.Compact = space_Compact;
 /* harmony default export */ var space = (CompoundedSpace);
@@ -78453,6 +78636,7 @@ var WrapPurePanel = function WrapPurePanel(props) {
   return /*#__PURE__*/external_React_.createElement(dropdown_PurePanel, Object.assign({}, props), /*#__PURE__*/external_React_.createElement("span", null));
 };
 dropdown_Dropdown._InternalPanelDoNotUseOrYouWillBeFired = WrapPurePanel;
+if (false) {}
 /* harmony default export */ var dropdown = (dropdown_Dropdown);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/dropdown/index.js
 
@@ -80513,17 +80697,17 @@ function ProList(props) {
 
 ;// CONCATENATED MODULE: ./packages/components/src/version.ts
 var version_version = {
-  "@ant-design/pro-card": "2.1.8",
-  "@ant-design/pro-components": "2.3.50",
-  "@ant-design/pro-descriptions": "2.0.42",
-  "@ant-design/pro-field": "2.2.3",
-  "@ant-design/pro-form": "2.5.2",
-  "@ant-design/pro-layout": "7.5.2",
-  "@ant-design/pro-list": "2.0.43",
-  "@ant-design/pro-provider": "2.3.1",
+  "@ant-design/pro-card": "2.1.9",
+  "@ant-design/pro-components": "2.3.51",
+  "@ant-design/pro-descriptions": "2.0.43",
+  "@ant-design/pro-field": "2.2.4",
+  "@ant-design/pro-form": "2.5.3",
+  "@ant-design/pro-layout": "7.6.0",
+  "@ant-design/pro-list": "2.0.44",
+  "@ant-design/pro-provider": "2.4.0",
   "@ant-design/pro-skeleton": "2.0.7",
-  "@ant-design/pro-table": "3.2.10",
-  "@ant-design/pro-utils": "2.5.2"
+  "@ant-design/pro-table": "3.2.11",
+  "@ant-design/pro-utils": "2.5.3"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx