npm - shineout - Versions diffs - 3.7.0-beta.2 → 3.7.0-beta.21 - Mend

shineout 3.7.0-beta.2 → 3.7.0-beta.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/cjs/index.d.ts +1 -0
package/cjs/index.js +9 -1
package/cjs/skeleton/index.d.ts +7 -0
package/cjs/skeleton/index.js +12 -0
package/cjs/skeleton/interface.d.ts +1 -0
package/cjs/skeleton/interface.js +5 -0
package/cjs/skeleton/skeleton.d.ts +3 -0
package/cjs/skeleton/skeleton.js +25 -0
package/cjs/skeleton/skeleton.type.d.ts +5 -0
package/cjs/skeleton/skeleton.type.js +5 -0
package/cjs/tests/utils.d.ts +2 -2
package/cjs/type.d.ts +1 -0
package/cjs/type.js +3 -1
package/dist/shineout.js +1390 -526
package/dist/shineout.js.map +1 -1
package/dist/shineout.min.js +1 -1
package/dist/shineout.min.js.map +1 -1
package/esm/index.d.ts +1 -0
package/esm/index.js +2 -1
package/esm/skeleton/index.d.ts +7 -0
package/esm/skeleton/index.js +5 -0
package/esm/skeleton/interface.d.ts +1 -0
package/esm/skeleton/interface.js +1 -0
package/esm/skeleton/skeleton.d.ts +3 -0
package/esm/skeleton/skeleton.js +18 -0
package/esm/skeleton/skeleton.type.d.ts +5 -0
package/esm/skeleton/skeleton.type.js +1 -0
package/esm/tests/utils.d.ts +2 -2
package/esm/type.d.ts +1 -0
package/esm/type.js +2 -0
package/package.json +5 -5

package/dist/shineout.js CHANGED Viewed

@@ -261,6 +261,13 @@ return /******/ (function() { // webpackBootstrap
+/***/ }),
+/***/ 6599:
+/***/ (function() {
 /***/ }),
 /***/ 5864:
@@ -3787,6 +3794,76 @@ const figma = [
     token: 'Orange-9',
     locked: true,
   },
+  {
+    name: '褐色-1',
+    value: '#FAF4E3',
+    describe: '浅色背景',
+    token: 'Brown-1',
+    locked: true,
+  },
+  {
+    name: '褐色-10',
+    value: '#4D2100',
+    describe: '-10',
+    token: 'Brown-10',
+    locked: true,
+  },
+  {
+    name: '褐色-2',
+    value: '#EBDDBC',
+    describe: '聚焦',
+    token: 'Brown-2',
+    locked: true,
+  },
+  {
+    name: '褐色-3',
+    value: '#D6C094',
+    describe: '禁用',
+    token: 'Brown-3',
+    locked: true,
+  },
+  {
+    name: '褐色-4',
+    value: '#C2A470',
+    describe: '悬浮',
+    token: 'Brown-4',
+    locked: true,
+  },
+  {
+    name: '褐色-5',
+    value: '#AD8951',
+    describe: '悬浮',
+    token: 'Brown-5',
+    locked: true,
+  },
+  {
+    name: '褐色-6',
+    value: '#996F37',
+    describe: '常规',
+    token: 'Brown-6',
+    locked: true,
+  },
+  {
+    name: '褐色-7',
+    value: '#865824',
+    describe: '点击',
+    token: 'Brown-7',
+    locked: true,
+  },
+  {
+    name: '褐色-8',
+    value: '#734415',
+    describe: '-8',
+    token: 'Brown-8',
+    locked: true,
+  },
+  {
+    name: '褐色-9',
+    value: '#603109',
+    describe: '-9',
+    token: 'Brown-9',
+    locked: true,
+  },
   {
     name: '紫色-1',
     value: '#F8EEFE',
@@ -4475,7 +4552,8 @@ const figma = [
   },
   {
     name: 'Shadow-5',
-    value: 'rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px',
+    value:
+      'rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px',
     describe: 'Switch圆圈阴影',
     token: 'Shadow-5',
     locked: true,
@@ -6374,6 +6452,7 @@ __webpack_require__.d(__webpack_exports__, {
   Rule: function() { return /* reexport */ Rule; },
   Select: function() { return /* reexport */ src_select_0; },
   SheetsRegistry: function() { return /* reexport */ SheetsRegistry; },
+  Skeleton: function() { return /* reexport */ src_skeleton_0; },
   Slider: function() { return /* reexport */ src_slider_0; },
   Spin: function() { return /* reexport */ src_spin_0; },
   Steps: function() { return /* reexport */ src_steps_0; },
@@ -6652,6 +6731,7 @@ __webpack_require__.d(src_type_namespaceObject, {
   Rate: function() { return rate_interface; },
   Rule: function() { return rule_interface; },
   Select: function() { return select_interface; },
+  Skeleton: function() { return skeleton_interface; },
   Slider: function() { return slider_interface; },
   Spin: function() { return spin_interface; },
   Steps: function() { return steps_interface; },
@@ -6780,7 +6860,11 @@ var arrowRight = [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
   clipRule: "evenodd",
   d: "M10.0625 17.9999C9.67198 18.3904 9.03881 18.3904 8.64829 17.9999C8.25776 17.6094 8.25776 16.9762 8.64829 16.5857L13.2341 11.9999L8.64829 7.41414C8.25776 7.02361 8.25776 6.39045 8.64829 5.99992C9.03881 5.6094 9.67198 5.6094 10.0625 5.99992L15.3554 11.2928C15.7459 11.6833 15.7459 12.3165 15.3554 12.707L10.0625 17.9999Z"
 }, '1')];
-var caretFill = ['M18.2213 9.72149L12.6348 15.2953C12.2444 15.6847 11.6125 15.6847 11.2222 15.2952L5.69827 9.78345C5.30731 9.39335 5.30662 8.76019 5.69671 8.36924C5.88295 8.18259 6.13536 8.07705 6.39902 8.07558L17.5094 8.0136C18.0617 8.01052 18.5119 8.45573 18.515 9.008C18.5165 9.27554 18.4107 9.53253 18.2213 9.72149Z'];
+var caretFill = /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M18.262 9.92099L12.6754 15.4948C12.2851 15.8842 11.6531 15.8842 11.2628 15.4947L5.73891 9.98295C5.34796 9.59286 5.34727 8.95969 5.73736 8.56874C5.9236 8.3821 6.17601 8.27656 6.43967 8.27508L17.5501 8.2131C18.1024 8.21002 18.5526 8.65523 18.5556 9.2075C18.5571 9.47504 18.4514 9.73203 18.262 9.92099Z"
+});
 var imageCount = [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
@@ -7074,12 +7158,12 @@ var config = {
     Next: icons.ArrowRight,
     CollapseArrow: icons.ArrowLeft
   },
-  textarea: {
-    Close: icons.CloseFill
-  },
   tag: {
     Close: icons.Close
   },
+  textarea: {
+    Close: icons.CloseFill
+  },
   transfer: {
     DeleteAll: icons.Delete,
     DeleteItem: icons.Close,
@@ -12142,7 +12226,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.7.0-beta.2');
+/* harmony default export */ var version = ('3.7.0-beta.21');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
@@ -12421,6 +12505,16 @@ var Token = {
   'Orange-7': '#865824',
   'Orange-8': '#734415',
   'Orange-9': '#603109',
+  'Brown-1': '#FAF4E3',
+  'Brown-10': '#4D2100',
+  'Brown-2': '#EBDDBC',
+  'Brown-3': '#D6C094',
+  'Brown-4': '#C2A470',
+  'Brown-5': '#AD8951',
+  'Brown-6': '#996F37',
+  'Brown-7': '#865824',
+  'Brown-8': '#734415',
+  'Brown-9': '#603109',
   'Purple-1': '#F8EEFE',
   'Purple-10': '#150530',
   'Purple-2': '#EDD6FE',
@@ -14338,6 +14432,24 @@ var selectTokens = {
 /* harmony default export */ var src_select = (tokenToVars(select_select, token));
+;// CONCATENATED MODULE: ../theme/src/skeleton/skeleton.ts
+// 此文件由脚本自动生成，请勿直接修改。
+// This file was generated automatically by a script. Please do not modify it directly.
+var skeletonTokens = {
+  skeletonMargin: 'Spacing-12',
+  skeletonHeight: 'Size-8',
+  skeletonBackgroundColor: 'Neutral-fill-2',
+  skeletonBackgroundRadius: 'Radius-default',
+  skeletonAnimationFromColor: 'Neutral-fill-2',
+  skeletonAnimationToColor: 'Neutral-fill-3'
+};
+/* harmony default export */ var skeleton = (skeletonTokens);
+;// CONCATENATED MODULE: ../theme/src/skeleton/index.ts
+/* harmony default export */ var src_skeleton = (tokenToVars(skeleton, token));
 ;// CONCATENATED MODULE: ../theme/src/slider/slider.ts
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
@@ -14775,24 +14887,24 @@ var tagTokens = {
   tagMagentaFillDisabledFontColor: 'Neutral-text-1',
   tagMagentaFillDisabledBackgroundColor: 'Magenta-3',
   tagMagentaFillDisabledBorderColor: 'Magenta-3',
-  tagBrownFontColor: 'Orange-6',
-  tagBrownBackgroundColor: 'Orange-1',
-  tagBrownBorderColor: 'Orange-1',
-  tagBrownDisabledFontColor: 'Orange-3',
-  tagBrownDisabledBackgroundColor: 'Orange-1',
-  tagBrownDisabledBorderColor: 'Orange-1',
-  tagBrownOutlineFontColor: 'Orange-6',
+  tagBrownFontColor: 'Brown-6',
+  tagBrownBackgroundColor: 'Brown-1',
+  tagBrownBorderColor: 'Brown-1',
+  tagBrownDisabledFontColor: 'Brown-3',
+  tagBrownDisabledBackgroundColor: 'Brown-1',
+  tagBrownDisabledBorderColor: 'Brown-1',
+  tagBrownOutlineFontColor: 'Brown-6',
   tagBrownOutlineBackgroundColor: 'Neutral-fill-1',
-  tagBrownOutlineBorderColor: 'Orange-6',
-  tagBrownOutlineDisabledFontColor: 'Orange-3',
+  tagBrownOutlineBorderColor: 'Brown-6',
+  tagBrownOutlineDisabledFontColor: 'Brown-3',
   tagBrownOutlineDisabledBackgroundColor: 'Neutral-fill-1',
-  tagBrownOutlineDisabledBorderColor: 'Orange-3',
+  tagBrownOutlineDisabledBorderColor: 'Brown-3',
   tagBrownFillFontColor: 'Neutral-text-1',
-  tagBrownFillBackgroundColor: 'Orange-6',
-  tagBrownFillBorderColor: 'Orange-6',
+  tagBrownFillBackgroundColor: 'Brown-6',
+  tagBrownFillBorderColor: 'Brown-6',
   tagBrownFillDisabledFontColor: 'Neutral-text-1',
-  tagBrownFillDisabledBackgroundColor: 'Orange-3',
-  tagBrownFillDisabledBorderColor: 'Orange-3',
+  tagBrownFillDisabledBackgroundColor: 'Brown-3',
+  tagBrownFillDisabledBorderColor: 'Brown-3',
   tagPurpleFontColor: 'Purple-6',
   tagPurpleBackgroundColor: 'Purple-1',
   tagPurpleBorderColor: 'Purple-1',
@@ -14930,45 +15042,58 @@ var tagTokens = {
   tagInfoOutlineIconDisabledFontColor: 'Brand-3',
   tagInfoOutlineIconHoverBackgroundColor: 'Brand-1',
   tagInfoOutlineIconHoverFontColor: 'Brand-6',
+  tagInfoFillIconHoverBackgroundColor: 'Brand-5',
   tagDefaultIconFontColor: 'Neutral-text-4',
   tagDefaultIconDisabledFontColor: 'Neutral-text-2',
   tagDefaultIconHoverBackgroundColor: 'Neutral-fill-3',
   tagDefaultIconHoverFontColor: 'Neutral-text-5',
+  tagDefaultFillIconHoverBackgroundColor: 'Neutral-fill-4',
   tagSuccessIconFontColor: 'Success-6',
   tagSuccessIconDisabledFontColor: 'Success-3',
   tagSuccessIconHoverBackgroundColor: 'Success-2',
   tagSuccessOutlineIconDisabledFontColor: 'Success-3',
   tagSuccessOutlineIconHoverBackgroundColor: 'Success-2',
+  tagSuccessFillIconHoverBackgroundColor: 'Success-5',
   tagWarningIconDisabledFontColor: 'Warning-3',
   tagWarningIconHoverBackgroundColor: 'Warning-2',
   tagWarningFillIconFontColor: 'Warning-6',
+  tagWarningFillIconHoverBackgroundColor: 'Warning-5',
   tagDangerIconFontColor: 'Danger-6',
   tagDangerIconDisabledFontColor: 'Danger-3',
   tagDangerIconHoverBackgroundColor: 'Danger-2',
+  tagDangerFillIconHoverBackgroundColor: 'Danger-5',
   tagMagentaIconFontColor: 'Magenta-6',
   tagMagentaIconDisabledFontColor: 'Magenta-3',
   tagMagentaIconHoverBackgroundColor: 'Magenta-2',
-  tagBrownIconFontColor: 'Orange-6',
-  tagBrownIconDisabledFontColor: 'Orange-3',
-  tagBrownIconHoverBackgroundColor: 'Orange-2',
+  tagMagentaFillIconHoverBackgroundColor: 'Magenta-5',
+  tagBrownIconFontColor: 'Brown-6',
+  tagBrownIconDisabledFontColor: 'Brown-3',
+  tagBrownIconHoverBackgroundColor: 'Brown-2',
+  tagBrownFillIconHoverBackgroundColor: 'Brown-5',
   tagPurpleIconFontColor: 'Purple-6',
   tagPurpleIconDisabledFontColor: 'Purple-3',
   tagPurpleIconHoverBackgroundColor: 'Purple-2',
+  tagPurpleFillIconHoverBackgroundColor: 'Purple-5',
   tagIndigoIconFontColor: 'Indigo-6',
   tagIndigoIconDisabledFontColor: 'Indigo-3',
   tagIndigoIconHoverBackgroundColor: 'Indigo-2',
+  tagIndigoFillIconHoverBackgroundColor: 'Indigo-5',
   tagCyanIconFontColor: 'Cyan-6',
   tagCyanIconDisabledFontColor: 'Cyan-3',
   tagCyanIconHoverBackgroundColor: 'Cyan-2',
+  tagCyanFillIconHoverBackgroundColor: 'Cyan-5',
   tagNeonIconFontColor: 'Neon-6',
   tagNeonIconDisabledFontColor: 'Neon-3',
   tagNeonIconHoverBackgroundColor: 'Neon-2',
+  tagNeonFillIconHoverBackgroundColor: 'Neon-5',
   tagLemonIconFontColor: 'Lemon-6',
   tagLemonIconDisabledFontColor: 'Lemon-3',
   tagLemonIconHoverBackgroundColor: 'Lemon-2',
+  tagLemonFillIconHoverBackgroundColor: 'Lemon-5',
   tagTangerineIconFontColor: 'Tangerine-6',
   tagTangerineIconDisabledFontColor: 'Tangerine-3',
-  tagTangerineIconHoverBackgroundColor: 'Tangerine-2'
+  tagTangerineIconHoverBackgroundColor: 'Tangerine-2',
+  tagTangerineFillIconHoverBackgroundColor: 'Tangerine-5'
 };
 /* harmony default export */ var tag = (tagTokens);
 ;// CONCATENATED MODULE: ../theme/src/tag/index.ts
@@ -15327,8 +15452,9 @@ var uploadTokens = {
-var src_Tokens = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, token_token), src_alert), src_avatar), src_badge), src_breadcrumb), src_button), src_card), src_card_group), src_carousel), src_cascader), src_checkbox), src_collapse), src_common), src_date_picker), src_descriptions), src_divider), src_dropdown), src_editable_area), src_empty), src_form), src_icon), src_image), src_input), src_link), src_list), src_menu), src_message), src_modal), src_pagination), src_popover), src_progress), src_radio), src_rate), src_select), src_slider), src_spin), src_steps), src_sticky), src_switch), src_table), src_tabs), src_tag), src_textarea), src_tooltip), src_transfer), src_tree), src_tree_select), src_upload);
-var ComponentTokenMap = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, src_alert_alert), avatar), badge), breadcrumb), button_button), card), card_group), carousel), cascader), checkbox_checkbox), collapse), common_common), date_picker), descriptions), divider), dropdown), editable_area), empty), form_form), icon_icon), image_image), input), link_link), list), menu), message), modal), pagination), popover), progress), radio_radio), rate), select_select), slider), spin), steps), sticky), switch_switch), table), tabs), tag), textarea_textarea), tooltip), transfer), tree), tree_select), upload);
+var src_Tokens = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, token_token), src_alert), src_avatar), src_badge), src_breadcrumb), src_button), src_card), src_card_group), src_carousel), src_cascader), src_checkbox), src_collapse), src_common), src_date_picker), src_descriptions), src_divider), src_dropdown), src_editable_area), src_empty), src_form), src_icon), src_image), src_input), src_link), src_list), src_menu), src_message), src_modal), src_pagination), src_popover), src_progress), src_radio), src_rate), src_select), src_skeleton), src_slider), src_spin), src_steps), src_sticky), src_switch), src_table), src_tabs), src_tag), src_textarea), src_tooltip), src_transfer), src_tree), src_tree_select), src_upload);
+var ComponentTokenMap = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, src_alert_alert), avatar), badge), breadcrumb), button_button), card), card_group), carousel), cascader), checkbox_checkbox), collapse), common_common), date_picker), descriptions), divider), dropdown), editable_area), empty), form_form), icon_icon), image_image), input), link_link), list), menu), message), modal), pagination), popover), progress), radio_radio), rate), select_select), skeleton), slider), spin), steps), sticky), switch_switch), table), tabs), tag), textarea_textarea), tooltip), transfer), tree), tree_select), upload);
@@ -17247,7 +17373,8 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     minWidth: 0,
     position: 'relative',
     outline: 'none',
-    overflow: 'hidden'
+    maxHeight: 78,
+    overflow: 'auto'
   },
   result: {
     display: 'flex',
@@ -17393,7 +17520,9 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    position: 'sticky',
+    top: 0
   },
   clearable: {},
   clearIcon: {
@@ -17521,12 +17650,14 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     visibility: 'hidden'
   },
   moreWrapper: {
-    // width: 248,
-    // height: 72,
+    width: 'max-content',
     maxWidth: 400,
     maxHeight: 160,
     overflow: 'auto',
-    padding: "".concat(src.cascaderMorePaddingY, " ").concat(src.cascaderMorePaddingX)
+    padding: "".concat(src.cascaderMorePaddingY, " ").concat(src.cascaderMorePaddingX),
+    '& $tag': {
+      maxWidth: 'none'
+    }
   },
   virtualList: {
     margin: 0,
@@ -19657,9 +19788,14 @@ var ImageStyle = objectSpread2_default()(objectSpread2_default()({
   },
   fill: {
     '& $inner': {
-      backgroundSize: 'cover',
-      backgroundPosition: '50% 50%',
-      backgroundRepeat: 'no-repeat'
+      '& > img': {
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        maxWidth: 'none',
+        maxHeight: 'none'
+      }
     }
   },
   previewMask: {
@@ -21655,7 +21791,8 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
     '& $panel': {
       top: 0,
       height: '100vh',
-      width: '100vw'
+      width: '100vw',
+      overflow: 'auto'
     }
   },
   wrapperZoom: {
@@ -23325,10 +23462,14 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     visibility: 'hidden'
   },
   moreWrapper: {
+    width: 'max-content',
     maxWidth: 400,
     maxHeight: 160,
     overflow: 'auto',
     padding: "".concat(src.selectMorePaddingY, " ").concat(src.selectMorePaddingX),
+    '& $tag': {
+      maxWidth: 'none'
+    },
     '&:hover': {
       '& $clearIcon': {
         display: 'inline-block'
@@ -23483,6 +23624,113 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
 var useSelectStyle = styled(src_select_select, 'select');
 /* harmony default export */ var shineout_style_src_select = ((/* unused pure expression or super */ null && (useSelectStyle)));
+;// CONCATENATED MODULE: ../shineout-style/src/skeleton/skeleton.ts
+// import token from '@sheinx/theme';
+var skeleton_animation = {
+  '@keyframes skeleton-animation': {
+    '0%': {
+      backgroundPosition: '100% 50%'
+    },
+    '100%': {
+      backgroundPosition: '0 50%'
+    }
+  }
+};
+var skeletonStyle = objectSpread2_default()(objectSpread2_default()({}, skeleton_animation), {}, {
+  rootClass: {},
+  wrapper: {
+    display: 'flex'
+  },
+  animation: {
+    '& $textItem, & $image, & $buttonItem': {
+      background: "linear-gradient(90deg, ".concat(src.skeletonAnimationFromColor, " 25%, ").concat(src.skeletonAnimationToColor, " 37%, ").concat(src.skeletonAnimationFromColor, " 63%)"),
+      backgroundSize: '400% 100%',
+      animation: '$skeleton-animation 1.4s ease infinite'
+    }
+  },
+  content: {
+    flex: 1,
+    minWidth: 0
+  },
+  text: {
+    margin: 0,
+    padding: 0,
+    listStyle: 'none'
+  },
+  textItem: {
+    height: src.skeletonHeight,
+    marginBottom: src.skeletonMargin,
+    backgroundColor: src.skeletonBackgroundColor,
+    borderRadius: src.skeletonBackgroundRadius,
+    '&:last-child': {
+      marginBottom: 0
+    }
+  },
+  image: {
+    width: 48,
+    height: 48,
+    backgroundColor: src.skeletonBackgroundColor
+  },
+  imageLeft: {
+    marginRight: src.skeletonMargin
+  },
+  imageRight: {
+    marginLeft: src.skeletonMargin
+  },
+  imageCircle: {
+    borderRadius: '50%'
+  },
+  imageSquare: {
+    borderRadius: src.skeletonBackgroundRadius
+  },
+  imageSmall: {
+    width: 32,
+    height: 32
+  },
+  imageLarge: {
+    width: 64,
+    height: 64
+  },
+  button: {
+    display: 'flex',
+    '$text + &': {
+      marginTop: src.skeletonMargin
+    }
+  },
+  buttonItem: {
+    width: 80,
+    height: 32,
+    backgroundColor: src.skeletonBackgroundColor,
+    borderRadius: src.skeletonBackgroundRadius,
+    '& + &': {
+      marginLeft: src.skeletonMargin
+    }
+  },
+  buttonLeft: {
+    justifyContent: 'flex-start'
+  },
+  buttonRight: {
+    justifyContent: 'flex-end'
+  },
+  buttonSmall: {
+    width: 64,
+    height: 24
+  },
+  buttonLarge: {
+    width: 96,
+    height: 40
+  }
+});
+/* harmony default export */ var skeleton_skeleton = (skeletonStyle);
+;// CONCATENATED MODULE: ../shineout-style/src/skeleton/index.ts
+var useSkeletonStyle = styled(skeleton_skeleton, 'skeleton');
+/* harmony default export */ var shineout_style_src_skeleton = ((/* unused pure expression or super */ null && (useSkeletonStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/slider/slider.ts
 var verticalLabelMargin = 4;
@@ -25578,6 +25826,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
         borderBottom: "1px solid ".concat(src.tableCellBorderColor),
         boxSizing: 'border-box',
         lineHeight: src.lineHeightDynamic,
+        zIndex: fixedIndex - 1,
         '&$cellFixedLeft, &$cellFixedRight': {
           zIndex: fixedIndex
         },
@@ -25699,12 +25948,15 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
       borderTop: "1px solid ".concat(src.tableCellBorderColor)
     }
   },
-  headMirrorScroller: {
-    overflow: 'scroll hidden'
+  mirrorScroller: {
+    overflow: 'scroll hidden',
+    '[data-soui-sticky="false"] &': {
+      display: 'none'
+    }
   },
   headWrapper: {
     flex: '0 0 auto',
-    overflow: 'hidden',
+    // overflow: 'hidden',
     boxSizing: 'border-box',
     background: src.tableTheadBackgroundColor,
     '$sticky > &': {
@@ -25733,13 +25985,34 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
           zIndex: fixedIndex + 1
         }
       }
+    },
+    '$wrapper & table > tfoot': {
+      position: 'sticky',
+      bottom: 0,
+      zIndex: fixedFixedIndex + 1
     }
   },
   footWrapper: {
     flex: '0 0 auto',
-    overflow: 'hidden',
     boxSizing: 'border-box',
-    background: src.tableTfootBackgroundColor
+    background: src.tableTfootBackgroundColor,
+    "[data-soui-role='scroll'] &": {
+      position: 'sticky',
+      bottom: 0,
+      zIndex: fixedIndex + 1
+    }
+  },
+  scrollY: {
+    '&$headWrapper, &$footWrapper': objectSpread2_default()({
+      overflow: 'hidden scroll'
+    }, customScrollBar({
+      background: 'transparent'
+    }))
+  },
+  scrollX: {
+    '&$headWrapper, &$footWrapper': {
+      overflowX: 'hidden'
+    }
   },
   emptyWrapper: {
     minHeight: '170px',
@@ -25748,18 +26021,13 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
     position: 'sticky',
     left: 0,
     top: 0,
-    right: 0,
     justifyContent: 'center',
     display: 'flex',
     alignItems: 'center',
     borderBottom: "1px solid ".concat(src.tableCellBorderColor)
   },
-  scrollY: {
-    '&$headWrapper, &$footWrapper': objectSpread2_default()({
-      overflowY: 'scroll'
-    }, customScrollBar({
-      background: 'transparent'
-    }))
+  emptyNoBorder: {
+    borderBottom: 'none'
   },
   cellFixedLeft: {
     position: 'sticky'
@@ -26953,115 +27221,106 @@ var useTabsStyle = styled(tabs_tabs, 'tabs');
 ;// CONCATENATED MODULE: ../shineout-style/src/tag/tag.ts
-var tag_tag = function tag(type) {
+var brightTag = function brightTag(name, type) {
   return {
-    // bright 亮色风格
-    '&$bright': {
-      color: src["tag".concat(type, "FontColor")],
-      backgroundColor: src["tag".concat(type, "BackgroundColor")],
-      border: "1px solid transparent",
-      '& $closeIconWrapper': {
-        '&:hover': {
-          backgroundColor: src["tag".concat(type, "IconHoverBackgroundColor")]
-        }
-      },
-      '& $closeIcon': {
-        // fill: Token[`tag${type}IconFontColor`],
-      },
-      '&[data-soui-type="dark"]': {
-        '&$disabled': {
-          backgroundColor: src.tagDefaultFillBackgroundColor,
-          borderColor: src.tagDefaultFillBorderColor
-        }
-      },
+    color: src["tag".concat(type, "FontColor")],
+    backgroundColor: src["tag".concat(type, "BackgroundColor")],
+    border: "1px solid ".concat(src["tag".concat(type, "BorderColor")]),
+    '& $closeIconWrapper': {
+      '&:hover': {
+        backgroundColor: src["tag".concat(type, "IconHoverBackgroundColor")]
+      }
+    },
+    '&[data-soui-type="dark"]': {
       '&$disabled': {
-        color: src["tag".concat(type, "DisabledFontColor")],
-        backgroundColor: src["tag".concat(type, "DisabledBackgroundColor")],
-        border: "1px solid ".concat(src["tag".concat(type, "DisabledBorderColor")]),
-        '& $closeIconWrapper': {
-          fill: src["tag".concat(type, "IconDisabledFontColor")],
-          '&:hover': {
-            backgroundColor: 'transparent'
-          }
-        }
+        backgroundColor: src.tagDefaultFillBackgroundColor,
+        borderColor: src.tagDefaultFillBorderColor
       }
     },
-    '&$fill': {
-      color: src["tag".concat(type, "FillFontColor")],
-      backgroundColor: src["tag".concat(type, "FillBackgroundColor")],
-      border: "1px solid ".concat(src["tag".concat(type, "FillBorderColor")]),
+    '&$disabled': {
+      color: src["tag".concat(type, "DisabledFontColor")],
+      backgroundColor: src["tag".concat(type, "DisabledBackgroundColor")],
+      border: "1px solid ".concat(src["tag".concat(type, "DisabledBorderColor")]),
       '& $closeIconWrapper': {
-        fill: src["tag".concat(type, "FillFontColor")],
+        fill: src["tag".concat(type, "IconDisabledFontColor")],
         '&:hover': {
-          fill: src["tag".concat(type, "FontColor")],
-          backgroundColor: src["tag".concat(type, "IconHoverBackgroundColor")]
+          backgroundColor: 'transparent'
         }
-      },
-      '& $closeIcon': {
-        fill: src["tag".concat(type, "FillFontColor")]
-      },
-      '&$disabled': {
+      }
+    }
+  };
+};
+var fillTag = function fillTag(name, type) {
+  return defineProperty_default()({}, "&$".concat(name), {
+    color: src["tag".concat(type, "FillFontColor")],
+    backgroundColor: src["tag".concat(type, "FillBackgroundColor")],
+    border: "1px solid ".concat(src["tag".concat(type, "FillBorderColor")]),
+    '& $closeIconWrapper': {
+      color: src["tag".concat(type, "FillFontColor")],
+      '&:hover': {
+        backgroundColor: src["tag".concat(type, "FillIconHoverBackgroundColor")]
+      }
+    },
+    '&$disabled': {
+      color: src["tag".concat(type, "FillDisabledFontColor")],
+      backgroundColor: src["tag".concat(type, "FillDisabledBackgroundColor")],
+      border: "1px solid ".concat(src["tag".concat(type, "FillDisabledBorderColor")]),
+      '& $closeIconWrapper': {
         color: src["tag".concat(type, "FillDisabledFontColor")],
-        backgroundColor: src["tag".concat(type, "FillDisabledBackgroundColor")],
-        border: "1px solid ".concat(src["tag".concat(type, "FillDisabledBorderColor")]),
-        '& $closeIconWrapper': {
-          fill: src["tag".concat(type, "FillDisabledFontColor")],
-          '&:hover': {
-            fill: src["tag".concat(type, "FillFontColor")],
-            backgroundColor: 'transparent'
-          }
+        '&:hover': {
+          fill: src["tag".concat(type, "FillFontColor")],
+          backgroundColor: 'transparent'
         }
       }
+    }
+  });
+};
+var outlineTag = function outlineTag(name, type) {
+  return defineProperty_default()({}, "&$".concat(name), {
+    background: src["tag".concat(type, "OutlineBackgroundColor")],
+    color: src["tag".concat(type, "OutlineFontColor")],
+    border: "1px solid ".concat(src["tag".concat(type, "OutlineBorderColor")]),
+    '& $closeIconWrapper': {
+      '&:hover': {
+        backgroundColor: src["tag".concat(type, "BackgroundColor")]
+      }
     },
-    // outline 边框风格
-    '&$outline': {
-      background: src["tag".concat(type, "OutlineBackgroundColor")],
-      color: src["tag".concat(type, "OutlineFontColor")],
-      border: "1px solid ".concat(src["tag".concat(type, "OutlineBorderColor")]),
+    '&$disabled': {
+      color: src["tag".concat(type, "OutlineDisabledFontColor")],
+      backgroundColor: src["tag".concat(type, "OutlineDisabledBackgroundColor")],
+      border: "1px solid ".concat(src["tag".concat(type, "OutlineDisabledBorderColor")]),
       '& $closeIconWrapper': {
-        // hover
+        fill: src["tag".concat(type, "DisabledFontColor")],
         '&:hover': {
-          backgroundColor: src["tag".concat(type, "BackgroundColor")]
-        }
-      },
-      '&$disabled': {
-        color: src["tag".concat(type, "OutlineDisabledFontColor")],
-        backgroundColor: src["tag".concat(type, "OutlineDisabledBackgroundColor")],
-        border: "1px solid ".concat(src["tag".concat(type, "OutlineDisabledBorderColor")]),
-        '& $closeIconWrapper': {
-          fill: src["tag".concat(type, "DisabledFontColor")],
-          '&:hover': {
-            backgroundColor: 'transparent'
-          }
+          backgroundColor: 'transparent'
         }
       }
+    }
+  });
+};
+var brightOutlineTag = function brightOutlineTag(name, type) {
+  return defineProperty_default()({}, "&$".concat(name), {
+    color: src["tag".concat(type, "FontColor")],
+    backgroundColor: src["tag".concat(type, "BackgroundColor")],
+    border: "1px solid ".concat(src["tag".concat(type, "OutlineBorderColor")]),
+    '& $closeIconWrapper': {
+      '&:hover': {
+        backgroundColor: src["tag".concat(type, "IconHoverBackgroundColor")]
+      }
     },
-    // brightOutline 亮色边框风格
-    '&$brightOutline': {
-      color: src["tag".concat(type, "FontColor")],
-      backgroundColor: src["tag".concat(type, "BackgroundColor")],
-      border: "1px solid ".concat(src["tag".concat(type, "OutlineBorderColor")]),
+    '&$disabled': {
+      color: src["tag".concat(type, "DisabledFontColor")],
+      backgroundColor: src["tag".concat(type, "DisabledBackgroundColor")],
+      border: "1px solid ".concat(src["tag".concat(type, "OutlineDisabledBorderColor")]),
       '& $closeIconWrapper': {
+        fill: src["tag".concat(type, "IconDisabledFontColor")],
         '&:hover': {
-          backgroundColor: src["tag".concat(type, "IconHoverBackgroundColor")]
-        }
-      },
-      '&$disabled': {
-        color: src["tag".concat(type, "DisabledFontColor")],
-        backgroundColor: src["tag".concat(type, "DisabledBackgroundColor")],
-        border: "1px solid ".concat(src["tag".concat(type, "OutlineDisabledBorderColor")]),
-        '& $closeIconWrapper': {
-          fill: src["tag".concat(type, "IconDisabledFontColor")],
-          '&:hover': {
-            backgroundColor: 'transparent'
-          }
+          backgroundColor: 'transparent'
         }
       }
-    },
-    '& $closeIcon': {
-      fill: src["tag".concat(type, "FontColor")]
     }
-  };
+  });
 };
 var TagStyle = {
   rootClass: {},
@@ -27173,32 +27432,32 @@ var TagStyle = {
       height: 12
     }
   },
-  info: objectSpread2_default()({}, tag_tag('Info')),
-  default: objectSpread2_default()({}, tag_tag('Default')),
-  success: objectSpread2_default()({}, tag_tag('Success')),
-  warning: objectSpread2_default()({}, tag_tag('Warning')),
-  danger: objectSpread2_default()({}, tag_tag('Danger')),
-  brown: objectSpread2_default()({}, tag_tag('Brown')),
-  magenta: objectSpread2_default()({}, tag_tag('Magenta')),
-  purple: objectSpread2_default()({}, tag_tag('Purple')),
-  indigo: objectSpread2_default()({}, tag_tag('Indigo')),
-  cyan: objectSpread2_default()({}, tag_tag('Cyan')),
-  neon: objectSpread2_default()({}, tag_tag('Neon')),
-  lemon: objectSpread2_default()({}, tag_tag('Lemon')),
-  tangerine: objectSpread2_default()({}, tag_tag('Tangerine')),
-  fill: {},
+  info: objectSpread2_default()({}, brightTag('info', 'Info')),
+  default: objectSpread2_default()({}, brightTag('default', 'Default')),
+  success: objectSpread2_default()({}, brightTag('success', 'Success')),
+  warning: objectSpread2_default()({}, brightTag('warning', 'Warning')),
+  danger: objectSpread2_default()({}, brightTag('danger', 'Danger')),
+  brown: objectSpread2_default()({}, brightTag('brown', 'Brown')),
+  magenta: objectSpread2_default()({}, brightTag('magenta', 'Magenta')),
+  purple: objectSpread2_default()({}, brightTag('purple', 'Purple')),
+  indigo: objectSpread2_default()({}, brightTag('indigo', 'Indigo')),
+  cyan: objectSpread2_default()({}, brightTag('cyan', 'Cyan')),
+  neon: objectSpread2_default()({}, brightTag('neon', 'Neon')),
+  lemon: objectSpread2_default()({}, brightTag('lemon', 'Lemon')),
+  tangerine: objectSpread2_default()({}, brightTag('tangerine', 'Tangerine')),
+  fill: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, fillTag('default', 'Default')), fillTag('success', 'Success')), fillTag('warning', 'Warning')), fillTag('danger', 'Danger')), fillTag('info', 'Info')), fillTag('brown', 'Brown')), fillTag('magenta', 'Magenta')), fillTag('purple', 'Purple')), fillTag('indigo', 'Indigo')), fillTag('cyan', 'Cyan')), fillTag('neon', 'Neon')), fillTag('lemon', 'Lemon')), fillTag('tangerine', 'Tangerine')),
   bright: {},
-  outline: {},
-  brightOutline: {},
+  outline: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, outlineTag('default', 'Default')), outlineTag('success', 'Success')), outlineTag('warning', 'Warning')), outlineTag('danger', 'Danger')), outlineTag('info', 'Info')), outlineTag('brown', 'Brown')), outlineTag('magenta', 'Magenta')), outlineTag('purple', 'Purple')), outlineTag('indigo', 'Indigo')), outlineTag('cyan', 'Cyan')), outlineTag('neon', 'Neon')), outlineTag('lemon', 'Lemon')), outlineTag('tangerine', 'Tangerine')),
+  brightOutline: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, brightOutlineTag('default', 'Default')), brightOutlineTag('success', 'Success')), brightOutlineTag('warning', 'Warning')), brightOutlineTag('danger', 'Danger')), brightOutlineTag('info', 'Info')), brightOutlineTag('brown', 'Brown')), brightOutlineTag('magenta', 'Magenta')), brightOutlineTag('purple', 'Purple')), brightOutlineTag('indigo', 'Indigo')), brightOutlineTag('cyan', 'Cyan')), brightOutlineTag('neon', 'Neon')), brightOutlineTag('lemon', 'Lemon')), brightOutlineTag('tangerine', 'Tangerine')),
   rounded: {
     borderRadius: src.buttonRoundBorderRadius
   }
 };
-/* harmony default export */ var src_tag_tag = (TagStyle);
+/* harmony default export */ var tag_tag = (TagStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/tag/index.ts
-var useTagStyle = styled(src_tag_tag, 'tag');
+var useTagStyle = styled(tag_tag, 'tag');
 /* harmony default export */ var shineout_style_src_tag = ((/* unused pure expression or super */ null && (useTagStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/textarea/textarea.ts
@@ -28052,6 +28311,7 @@ var treeStyle = {
     }
   },
   text: {
+    cursor: 'pointer',
     flex: 1,
     minWidth: 0,
     fontSize: src.treeFontSize,
@@ -28066,9 +28326,6 @@ var treeStyle = {
       background: src.treeContentHoverBackgroundColor
     }
   },
-  textClickable: {
-    cursor: 'pointer'
-  },
   // textDisabled: {
   //   color: Token.treeItemDisabledFontColor,
   // },
@@ -28297,8 +28554,8 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     minWidth: 0,
     position: 'relative',
     outline: 'none',
-    overflow: 'hidden',
-    '&:hover': {}
+    maxHeight: 78,
+    overflow: 'auto'
   },
   result: {
     display: 'flex',
@@ -28430,7 +28687,9 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    position: 'sticky',
+    top: 0
   },
   clearable: {},
   clearIcon: {
@@ -28558,10 +28817,14 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     visibility: 'hidden'
   },
   moreWrapper: {
-    width: 248,
-    height: 72,
+    width: 'max-content',
+    maxWidth: 400,
+    maxHeight: 160,
     overflow: 'auto',
-    padding: "".concat(src.treeSelectMorePaddingY, " ").concat(src.treeSelectMorePaddingX)
+    padding: "".concat(src.treeSelectMorePaddingY, " ").concat(src.treeSelectMorePaddingX),
+    '& $tag': {
+      maxWidth: 'none'
+    }
   },
   virtualList: {
     margin: 0,
@@ -29144,6 +29407,7 @@ var useUploadStyle = styled(upload_upload, 'upload');
 /* harmony default export */ var shineout_style_src = ({});
@@ -29885,19 +30149,6 @@ var usePopup = function usePopup(props) {
   };
 };
 /* harmony default export */ var use_popup = (usePopup);
-;// CONCATENATED MODULE: ../hooks/src/utils/attribute.ts
-var getDataAttribute = function getDataAttribute(attrs) {
-  return Object.keys(attrs).reduce(function (acc, key) {
-    var ns = "data-soui-".concat(key);
-    if (attrs[key] !== undefined) {
-      acc[ns] = attrs[key];
-    }
-    return acc;
-  }, {});
-};
-var getDataAttributeName = function getDataAttributeName(name) {
-  return "data-soui-".concat(name);
-};
 ;// CONCATENATED MODULE: ../hooks/src/utils/func.ts
 // 节流函数
 var throttle = function throttle(func, wait) {
@@ -30116,6 +30367,19 @@ var getFieldId = function getFieldId(name, formName) {
   if (!name) return undefined;
   return "".concat(formName ? "".concat(formName, "_") : '').concat(name);
 };
+;// CONCATENATED MODULE: ../hooks/src/utils/attribute.ts
+var getDataAttribute = function getDataAttribute(attrs) {
+  return Object.keys(attrs).reduce(function (acc, key) {
+    var ns = "data-soui-".concat(key);
+    if (attrs[key] !== undefined) {
+      acc[ns] = attrs[key];
+    }
+    return acc;
+  }, {});
+};
+var getDataAttributeName = function getDataAttributeName(name) {
+  return "data-soui-".concat(name);
+};
 ;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/get-position-style.ts
 var ReverseDir = {
@@ -30282,6 +30546,61 @@ var useCheckElementBorderWidth = function useCheckElementBorderWidth(elementRef)
   }, [getBorderWidth]);
   return borderWidth;
 };
+;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/check-element-size.ts
+var useCheckElementSize = function useCheckElementSize(targetElementRef) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var enable = options.enable;
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
+      width: 0,
+      height: 0
+    }),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    size = _useState2[0],
+    setSize = _useState2[1];
+  var lastSize = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
+    width: 0,
+    height: 0
+  });
+  var checkSize = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function () {
+    if (targetElementRef.current) {
+      var rect = targetElementRef.current.getBoundingClientRect();
+      var newSize = {
+        width: rect.width,
+        height: rect.height
+      };
+      if (newSize.width !== lastSize.current.width || newSize.height !== lastSize.current.height) {
+        setSize(newSize);
+        lastSize.current = newSize;
+      }
+    }
+  }, [targetElementRef]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    var _window;
+    if (!enable) return;
+    var element = targetElementRef.current;
+    if (!element) return;
+    // 初始检查
+    checkSize();
+    var resizeObserver = null;
+    if ((_window = window) !== null && _window !== void 0 && _window.ResizeObserver) {
+      resizeObserver = new ResizeObserver(checkSize);
+      resizeObserver.observe(element);
+    }
+    // 清理函数
+    return function () {
+      var _resizeObserver;
+      (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 || _resizeObserver.disconnect();
+    };
+  }, [enable, targetElementRef, checkSize]);
+  if (!enable || !targetElementRef) {
+    return null;
+  }
+  return size;
+};
 // EXTERNAL MODULE: ../../node_modules/.pnpm/react-fast-compare@3.2.2/node_modules/react-fast-compare/index.js
 var react_fast_compare = __webpack_require__(5284);
 var react_fast_compare_default = /*#__PURE__*/__webpack_require__.n(react_fast_compare);
@@ -30408,6 +30727,7 @@ var getCurrentCSSZoom = function getCurrentCSSZoom() {
 var horizontalPosition = ['left-bottom', 'left-top', 'right-bottom', 'right-top', 'left', 'right'];
 var verticalPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'bottom', 'top'];
 var hideStyle = {
@@ -30462,6 +30782,9 @@ var usePositionStyle = function usePositionStyle(config) {
   var parentElBorderWidth = useCheckElementBorderWidth(parentElRef, {
     direction: 'horizontal'
   });
+  var popupElSize = useCheckElementSize(popupElRef, {
+    enable: show
+  });
   var adjustPosition = function adjustPosition(position) {
     var winHeight = docSize.height;
     if (!verticalPosition.includes(position)) return position;
@@ -30557,13 +30880,6 @@ var usePositionStyle = function usePositionStyle(config) {
         style.right = containerRect.right - rect.right + containerScrollBarWidth - containerScroll.left - (offset ? offset[0] : 0);
         style.left = 'auto';
         style.transform = '';
-        if (adjust) {
-          overLeft = bodyRect.left - (rect.right - context.popUpWidth);
-          if (style.right < 0 && targetRect) {
-            style.left = bodyRect.width - targetRect.width;
-            style.right = 'auto';
-          }
-        }
       } else {
         // 居中对齐
         style.left = rect.left + rect.width / 2 - containerRect.left + containerScroll.left;
@@ -30705,7 +31021,7 @@ var usePositionStyle = function usePositionStyle(config) {
     // 当父元素的滚动容器滚动时，判断是否需要更新弹出层位置，包括是否隐藏弹出层（通过hideStyle隐藏，不是show状态）
     context.prevParentPosition = parentElNewPosition;
   });
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(updateStyle, [show, position, absolute, updateKey, fixedWidth, parentElNewPosition]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(updateStyle, [show, position, absolute, updateKey, fixedWidth, parentElNewPosition, popupElSize]);
   return {
     style: style
   };
@@ -31435,6 +31751,7 @@ var AbsoluteList = function AbsoluteList(props) {
 var emptyEvent = function emptyEvent(e) {
   return e.stopPropagation();
 };
@@ -31494,7 +31811,17 @@ var Popover = function Popover(props) {
     Provider = _usePopup.Provider,
     providerValue = _usePopup.providerValue;
   var events = getTargetProps();
+  var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(0),
+    _React$useState2 = slicedToArray_default()(_React$useState, 2),
+    updateKey = _React$useState2[0],
+    setUpdateKey = _React$useState2[1];
+  var handleUpdateKey = usePersistFn(function () {
+    setUpdateKey(function (prev) {
+      return (prev + 1) % 2;
+    });
+  });
   var bindEvents = function bindEvents() {
+    var _window;
     var targetEl = targetRef.current;
     if (!targetEl) return;
     if (events.onMouseEnter) targetEl.addEventListener('mouseenter', events.onMouseEnter);
@@ -31504,8 +31831,14 @@ var Popover = function Popover(props) {
     if (trigger === 'hover' && props.clickToCancelDelay && props.mouseEnterDelay) {
       targetEl.addEventListener('click', closePop);
     }
+    (_window = window) === null || _window === void 0 || _window.addEventListener('resize', handleUpdateKey);
+    if (props.adjust) {
+      var scrollContainer = getClosestScrollContainer(targetEl);
+      if (scrollContainer) scrollContainer.addEventListener('scroll', handleUpdateKey);
+    }
   };
   var unbindEvents = function unbindEvents() {
+    var _window2;
     var targetEl = targetRef.current;
     if (!targetEl) return;
     var events = getTargetProps();
@@ -31513,6 +31846,11 @@ var Popover = function Popover(props) {
     if (events.onMouseLeave) targetEl.removeEventListener('mouseleave', events.onMouseLeave);
     if (events.onClick) targetEl.removeEventListener('click', events.onClick);
     targetEl.removeEventListener('click', closePop);
+    (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener('resize', handleUpdateKey);
+    if (props.adjust) {
+      var scrollContainer = getClosestScrollContainer(targetEl);
+      if (scrollContainer) scrollContainer.removeEventListener('scroll', handleUpdateKey);
+    }
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     bindEvents();
@@ -31574,6 +31912,7 @@ var Popover = function Popover(props) {
     adjust: props.adjust,
     lazy: props.lazy,
     offset: props.offset,
+    updateKey: updateKey,
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
       className: classnames_default()(className, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.rootClass, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapper, open && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapperOpen), !showArrow && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.hideArrow)),
       style: containerStyle
@@ -33815,9 +34154,16 @@ var accordion_jssStyle = {
 var ModalSubmit = function ModalSubmit(props) {
   var modalFormContext = useFormFooter();
   var handleClick = usePersistFn(function (e) {
-    var _props$onClick;
-    (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
-    modalFormContext === null || modalFormContext === void 0 || modalFormContext.func.submit();
+    var _modalFormContext$fun;
+    if (modalFormContext !== null && modalFormContext !== void 0 && (_modalFormContext$fun = modalFormContext.func) !== null && _modalFormContext$fun !== void 0 && _modalFormContext$fun.hasSubmit) {
+      modalFormContext === null || modalFormContext === void 0 || modalFormContext.func.submit(true, function () {
+        var _props$onClick;
+        return (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e);
+      });
+    } else {
+      var _props$onClick2;
+      (_props$onClick2 = props.onClick) === null || _props$onClick2 === void 0 || _props$onClick2.call(props, e);
+    }
   });
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, objectSpread2_default()(objectSpread2_default()({
     htmlType: "button",
@@ -38724,7 +39070,6 @@ var useResize = function useResize(props) {
 var Scroll = function Scroll(props) {
   var containerRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -38756,13 +39101,13 @@ var Scroll = function Scroll(props) {
     width: '100%',
     overflow: 'auto'
   };
-  var containerStyle = defineProperty_default()(defineProperty_default()({
+  var containerStyle = {
     height: '100%',
     width: '100%',
     display: 'inline-flex',
-    overflow: 'hidden',
-    position: 'sticky'
-  }, isRtl ? 'right' : 'left', 0), "top", 0);
+    position: 'sticky',
+    top: 0
+  };
   // 当滚动容器的高度为 0 时，paddingTop 为 0，避免滚动条抖动现象
   var paddingTop = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
@@ -40130,7 +40475,7 @@ var Tag = function Tag(props) {
   }));
 };
 Tag.Input = tag_input;
-/* harmony default export */ var base_src_tag_tag = (Tag);
+/* harmony default export */ var src_tag_tag = (Tag);
 ;// CONCATENATED MODULE: ../base/src/select/result-more.tsx
@@ -40233,7 +40578,7 @@ var More = function More(props) {
   }
   if (showNum < 0 || showNum >= data.length) {
     return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
-      children: [data, /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_tag_tag, {
+      children: [data, /*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, {
         className: styles.tag,
         jssStyle: jssStyle,
         size: size,
@@ -40254,7 +40599,7 @@ var More = function More(props) {
   }
   var renderCompressedTag = function renderCompressedTag() {
     return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(base_src_tag_tag, {
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, {
         className: styles.tag,
         jssStyle: jssStyle,
         size: size,
@@ -40262,11 +40607,15 @@ var More = function More(props) {
         mode: visible ? 'fill' : 'bright',
         color: visible ? 'info' : 'default',
         children: shouldShowMore ? '+' : "+".concat(itemsLength)
-      }, 'more'), /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
+      }, 'more'), compressed !== 'hide-popover' && /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
         jssStyle: jssStyle,
         className: compressedClassName,
         visible: visible,
         onVisibleChange: setVisible,
+        getPopupContainer: function getPopupContainer() {
+          var _props$morePopoverCon;
+          return (_props$morePopoverCon = props.morePopoverContainer) === null || _props$morePopoverCon === void 0 ? void 0 : _props$morePopoverCon.current;
+        },
         children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
           className: styles.moreWrapper,
           onClick: function onClick(e) {
@@ -40469,7 +40818,7 @@ var result_Result = function Result(props) {
         type: disabled === true ? 'dark' : undefined
       })));
     }
-    return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_tag_tag, objectSpread2_default()(objectSpread2_default()({
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, objectSpread2_default()(objectSpread2_default()({
       disabled: isDisabled,
       size: size,
       className: classnames_default()(styles.tag, more === 1 && styles.tagOnly, resultClassName),
@@ -40561,7 +40910,8 @@ var result_Result = function Result(props) {
     compressed: compressed,
     renderCompressed: renderCompressed,
     compressedClassName: compressedClassName,
-    showNum: moreNumber
+    showNum: moreNumber,
+    morePopoverContainer: props.morePopoverContainer
   }, 'more');
   var renderResult = function renderResult() {
     if (empty) {
@@ -40598,7 +40948,7 @@ var result_Result = function Result(props) {
       props.setInputText('');
       setTimeout(function () {
         onFilter === null || onFilter === void 0 || onFilter('', 'blur');
-      }, 400);
+      }, 200);
     }
     // 单选场景下，焦点时自动选中input文本
@@ -41115,7 +41465,8 @@ var Cascader = function Cascader(props0) {
         onResultItemClick: handleResultItemClick,
         checkUnMatched: checkUnMatched,
         getDataByValues: getDataByValues,
-        setInputText: setInputText
+        setInputText: setInputText,
+        morePopoverContainer: targetRef
       })
     });
     return /*#__PURE__*/(0,jsx_runtime.jsx)(PopupProvider, {
@@ -41286,8 +41637,9 @@ var Cascader = function Cascader(props0) {
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (!value) return;
     datum.setValue(value);
+    if (!open) return;
     updatePathByValue();
-  }, [value]);
+  }, [value, open]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (filterText !== undefined) {
       updatePath();
@@ -41798,6 +42150,7 @@ var validate = function validate(value, formData, rules, p) {
 var getValue = function getValue(name, formValue) {
   if (!name) return undefined;
   if (isArray(name)) {
@@ -41837,6 +42190,10 @@ function useFormControl(props) {
     _React$useState2 = slicedToArray_default()(_React$useState, 2),
     errorState = _React$useState2[0],
     setErrorState = _React$useState2[1];
+  var _React$useRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef({
+      mounted: false
+    }),
+    context = _React$useRef.current;
   var value;
   var error = errorState;
   var inForm = false;
@@ -41996,7 +42353,11 @@ function useFormControl(props) {
       } else {
         controlFunc.bind(name, defaultValue, validateField, update);
       }
+      if (context.mounted) {
+        devUseWarning.warn('Please avoid modifying the name property after the component has mounted, as this may result in unintended behavior or errors.');
+      }
     }
+    context.mounted = true;
     return function () {
       if (inForm && controlFunc) {
         if (isArray(name)) {
@@ -47468,6 +47829,7 @@ var Modal = function Modal(props) {
           doc.style.paddingRight = "".concat(window.innerWidth - docSize.width, "px");
         }
       } else {
+        if (!context.isMask) return;
         doc.style.paddingRight = '';
         doc.style.overflow = '';
       }
@@ -47492,6 +47854,7 @@ var Modal = function Modal(props) {
         hasMask = false;
       }
       {
+        if (!context.isMask) return;
         var doc = document.body.parentNode;
         doc.style.paddingRight = '';
         doc.style.overflow = '';
@@ -47765,6 +48128,9 @@ var method = function method(type, jssStyle) {
 var modal_devUseWarning = devUseWarning;
 var modal_Modal = function Modal(props) {
+  var _props$jssStyle, _props$jssStyle$modal;
+  // inject jssStyle
+  (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$modal = _props$jssStyle.modal) === null || _props$jssStyle$modal === void 0 || _props$jssStyle$modal.call(_props$jssStyle);
   if (props.maskOpacity) {
     modal_devUseWarning.deprecated('maskOpacity', 'maskBackground', 'Modal');
   }
@@ -49249,7 +49615,8 @@ var useForm = function useForm(props) {
     size = props.size,
     colon = props.colon,
     formName = props.name,
-    scrollParent = props.scrollParent;
+    scrollParent = props.scrollParent,
+    isControl = props.isControl;
   var deepSetOptions = {
     removeUndefined: removeUndefined,
     forceSet: true
@@ -49505,13 +49872,16 @@ var useForm = function useForm(props) {
       var values = Object.keys(vals);
       // 针对 name 为数组模式，如 datepicker 的 name={['startTime', 'endTime']} 时，前者校验可能需要依赖后者，因此需要提前将后者数据整合至 draft 用于多字段整合校验
       values.forEach(function (key) {
-        deepSet(draft, key, vals[key], deepSetOptions);
+        // upload组件返回的可能是函数: (prev) => [...prev, file]
+        var valueOfKey = typeof vals[key] === 'function' ? vals[key](getValue(key)) : vals[key];
+        deepSet(draft, key, valueOfKey, deepSetOptions);
       });
       values.forEach(function (key) {
         if (option.validate) {
           var _context$validateMap$;
           (_context$validateMap$ = context.validateMap[key]) === null || _context$validateMap$ === void 0 || _context$validateMap$.forEach(function (validate) {
-            validate(key, vals[key], current(draft));
+            var valueOfKey = typeof vals[key] === 'function' ? vals[key](getValue(key)) : vals[key];
+            validate(key, valueOfKey, current(draft));
           });
         }
       });
@@ -49567,6 +49937,7 @@ var useForm = function useForm(props) {
   });
   var submit = use_persist_fn(function () {
     var withValidate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    var callback = arguments.length > 1 ? arguments[1] : undefined;
     if (disabled) return;
     if (context.submitLock) {
       return;
@@ -49584,32 +49955,29 @@ var useForm = function useForm(props) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (withValidate) {
-              _context.next = 3;
+              _context.next = 4;
               break;
             }
             (_props$onSubmit = props.onSubmit) === null || _props$onSubmit === void 0 || _props$onSubmit.call(props, (_context$value = context.value) !== null && _context$value !== void 0 ? _context$value : {});
+            callback === null || callback === void 0 || callback();
             return _context.abrupt("return");
-          case 3:
-            _context.next = 5;
+          case 4:
+            _context.next = 6;
             return validateFields(undefined, {
               ignoreBind: true
             }).catch(function (e) {
               return e;
             });
-          case 5:
+          case 6:
             result = _context.sent;
-            if (!(result === true)) {
-              _context.next = 11;
-              break;
+            if (result === true) {
+              (_props$onSubmit2 = props.onSubmit) === null || _props$onSubmit2 === void 0 || _props$onSubmit2.call(props, (_context$value2 = context.value) !== null && _context$value2 !== void 0 ? _context$value2 : {});
+              if (activeEl) activeEl.focus();
+            } else {
+              handleSubmitError(result);
             }
-            (_props$onSubmit2 = props.onSubmit) === null || _props$onSubmit2 === void 0 || _props$onSubmit2.call(props, (_context$value2 = context.value) !== null && _context$value2 !== void 0 ? _context$value2 : {});
-            if (activeEl) activeEl.focus();
-            _context.next = 13;
-            break;
-          case 11:
-            handleSubmitError(result);
-            return _context.abrupt("return");
-          case 13:
+            callback === null || callback === void 0 || callback();
+          case 9:
           case "end":
             return _context.stop();
         }
@@ -49691,15 +50059,15 @@ var useForm = function useForm(props) {
         context.updateMap[n] = new Set();
       }
       context.updateMap[n].add(updateFn);
+      var shouldTriggerResetChange = context.removeArr.has(n);
       context.removeArr.delete(n);
-      if (df !== undefined && deepGet(context.value, n) === undefined) {
+      var shouldTriggerDefaultChange = df !== undefined && deepGet(context.value, n) === undefined;
+      if (shouldTriggerDefaultChange || shouldTriggerResetChange) {
         if (!context.mounted) context.defaultValues[n] = df;
-        setTimeout(function () {
-          onChange(function (v) {
-            deepSet(v, n, df, deepSetOptions);
-          });
-          update(n);
+        onChange(function (v) {
+          deepSet(v, n, df, deepSetOptions);
         });
+        update(n);
       }
     },
     unbind: function unbind(n, reserveAble, validateField, update) {
@@ -49809,7 +50177,10 @@ var useForm = function useForm(props) {
   external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect(function () {
     context.removeLock = false;
     // 内部 onChange 改的 value, 不需要更新
-    if (props.value === context.value) return;
+    if (props.value === context.value) {
+      if (!isControl) update();
+      return;
+    }
     if (initValidate && !context.resetTime) {
       var keys = Object.keys(context.validateMap).filter(function (key) {
         var oldValue = deepGet(preValue || emptyObj, key);
@@ -49819,7 +50190,8 @@ var useForm = function useForm(props) {
       validateFields(keys).catch(function () {});
     }
     update();
-    updateDefaultValue();
+    // 默认值上位时会提前触发外部的onChange, 导致外部的多次setFormValue不能合并后生效的问题(ReactDOM.render方式渲染)
+    setTimeout(updateDefaultValue);
     context.resetTime = 0;
   }, [props.value]);
   external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect(function () {
@@ -49878,11 +50250,12 @@ var Form = function Form(props) {
     rest = objectWithoutProperties_default()(props, form_excluded);
   var formClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$form = jssStyle.form) === null || _jssStyle$form === void 0 ? void 0 : _jssStyle$form.call(jssStyle);
   var modalFormContext = useFormFooter();
+  var isControl = ('value' in props);
   var inputAbleParams = {
     value: props.value,
     onChange: props.onChange,
     defaultValue: props.defaultValue,
-    control: 'value' in props,
+    control: isControl,
     beforeChange: undefined,
     reserveAble: false
   };
@@ -49893,7 +50266,8 @@ var Form = function Form(props) {
   var _useForm = use_form(objectSpread2_default()(objectSpread2_default()({}, rest), {}, {
       value: value,
       onChange: onChange,
-      formElRef: formElRef
+      formElRef: formElRef,
+      isControl: isControl
     })),
     Provider = _useForm.Provider,
     ProviderProps = _useForm.ProviderProps,
@@ -50061,6 +50435,7 @@ var UseFormItem = function UseFormItem() {
 var tooltip_devUseWarning = devUseWarning;
 var defaultDelay = 0;
 var Tooltip = function Tooltip(props) {
@@ -50102,14 +50477,26 @@ var Tooltip = function Tooltip(props) {
     popupRef = _usePopup.popupRef,
     closePop = _usePopup.closePop;
   var events = getTargetProps();
+  var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(0),
+    _React$useState2 = slicedToArray_default()(_React$useState, 2),
+    updateKey = _React$useState2[0],
+    setUpdateKey = _React$useState2[1];
+  var handleUpdateKey = usePersistFn(function () {
+    setUpdateKey(function (prev) {
+      return (prev + 1) % 2;
+    });
+  });
   var bindEvents = function bindEvents() {
+    var _window;
     var targetEl = targetRef.current;
     if (!targetEl) return;
     if (events.onMouseEnter) targetEl.addEventListener('mouseenter', events.onMouseEnter);
     if (events.onMouseLeave) targetEl.addEventListener('mouseleave', events.onMouseLeave);
     if (events.onClick) targetEl.addEventListener('click', events.onClick);
+    (_window = window) === null || _window === void 0 || _window.addEventListener('resize', handleUpdateKey);
   };
   var unbindEvents = function unbindEvents() {
+    var _window2;
     var targetEl = targetRef.current;
     if (!targetEl) return;
     var events = getTargetProps();
@@ -50117,6 +50504,7 @@ var Tooltip = function Tooltip(props) {
     if (events.onMouseLeave) targetEl.removeEventListener('mouseleave', events.onMouseLeave);
     if (events.onClick) targetEl.removeEventListener('click', events.onClick);
     targetEl.removeEventListener('click', closePop);
+    (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener('resize', handleUpdateKey);
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (!persistent) return;
@@ -50160,6 +50548,7 @@ var Tooltip = function Tooltip(props) {
       popupGap: 0,
       zIndex: zIndex,
       adjust: popsitionProps === 'auto',
+      updateKey: updateKey,
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
         className: classnames_default()(className, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.rootClass, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapper, open && (tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapperOpen)),
         style: {
@@ -50527,7 +50916,7 @@ var FormFlow = function FormFlow(props) {
     return datum === null || datum === void 0 ? void 0 : datum.get(name);
   });
   var memoizedResult = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    if (!props.strict) return;
+    if (!props.strict) return null;
     if (isFunc(props.children)) {
       return props.children(datum);
     }
@@ -51011,6 +51400,10 @@ var useImage = function useImage() {
     _React$useState2 = slicedToArray_default()(_React$useState, 2),
     status = _React$useState2[0],
     setStatus = _React$useState2[1];
+  var _React$useState3 = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState({}),
+    _React$useState4 = slicedToArray_default()(_React$useState3, 2),
+    imgCoverStyle = _React$useState4[0],
+    setImgCoverStyle = _React$useState4[1];
   var elementRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
   var getUrl = function getUrl(url) {
     var auto = 'autoSSL' in props ? autoSSL : use_image_config.autoSSL;
@@ -51045,6 +51438,35 @@ var useImage = function useImage() {
     };
     img.src = getUrl(alt);
   };
+  var handleCoverStyle = function handleCoverStyle(img) {
+    var container = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current;
+    if (!container) return;
+    // 根据容器的宽高获取宽高比
+    var containerWidth = container.clientWidth;
+    var containerHeight = container.clientHeight;
+    var containerRatio = containerWidth / containerHeight;
+    // 根据图片的自然尺寸获取宽高比
+    var imageWidth = img.naturalWidth;
+    var imageHeight = img.naturalHeight;
+    var imageRatio = imageWidth / imageHeight;
+    // 判断宽高比，决定图片填充策略
+    if (imageRatio > containerRatio) {
+      // 图片更宽，宽度占满容器，高度自适应
+      setImgCoverStyle({
+        height: '100%',
+        width: 'auto'
+      });
+    } else {
+      // 图片更高，填满容器高度
+      setImgCoverStyle({
+        width: '100%',
+        height: 'auto'
+      });
+    }
+  };
   var markToRender = function markToRender() {
     if (!src) {
       handleAlt();
@@ -51052,7 +51474,10 @@ var useImage = function useImage() {
     }
     var img = new window.Image();
     img.onload = function () {
-      return setStatus(SRC);
+      setStatus(SRC);
+      if (props.fit === 'fill') {
+        handleCoverStyle(img);
+      }
     };
     img.onerror = function (e) {
       return handleError(SRC, e);
@@ -51081,7 +51506,9 @@ var useImage = function useImage() {
       alt: alt,
       draggable: !noImgDrag
     });
-    return objectSpread2_default()({}, mergedEventHandlers);
+    return objectSpread2_default()({
+      style: imgCoverStyle
+    }, mergedEventHandlers);
   };
   var getImageDivProps = function getImageDivProps() {
     var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -51849,7 +52276,8 @@ var Image = function Image(props) {
       href: href,
       lazy: lazy,
       autoSSL: autoSSL,
-      noImgDrag: noImgDrag
+      noImgDrag: noImgDrag,
+      fit: fit
     }, rest)),
     status = _useImage.status,
     getRootProps = _useImage.getRootProps,
@@ -51928,7 +52356,7 @@ var Image = function Image(props) {
   // 渲染 img / div 类型的内部标签
   var renderInner = function renderInner(src) {
-    return fit === 'fill' || fit === 'fit' ? renderDivInnerEl(src) : renderImgeInnerEl(src);
+    return fit === 'fit' ? renderDivInnerEl(src) : renderImgeInnerEl(src);
   };
   // 默认占位图
@@ -52982,6 +53410,7 @@ var list_List = function List(props) {
     controlType = props.controlType,
     hideCreateOption = props.hideCreateOption,
     optionListRef = props.optionListRef,
+    keepScrollTop = props.keepScrollTop,
     isAnimationFinish = props.isAnimationFinish,
     _props$renderItem = props.renderItem,
     renderItemProp = _props$renderItem === void 0 ? function (d) {
@@ -53149,7 +53578,7 @@ var list_List = function List(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
       virtualRef: virtualRef,
       data: data,
-      keepScrollTop: true,
+      keepScrollTop: keepScrollTop,
       keygen: keygen,
       tag: 'ul',
       groupKey: groupKey,
@@ -53279,7 +53708,6 @@ var NodeContent = function NodeContent(props) {
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = classnames_default()(contentStyle.contentWrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
   var contentClass = classnames_default()(contentStyle.content, isString(contentClassProp) && contentClassProp, isFunc(contentClassProp) && contentClassProp(data));
-  var textClass = classnames_default()(contentStyle.text, defineProperty_default()({}, contentStyle.textClickable, actionOnClick && !is_isEmpty(actionOnClick) || parentClickExpand || doubleClickExpand));
   var hasExpandIcons = expandIcons !== undefined;
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
@@ -53314,7 +53742,7 @@ var NodeContent = function NodeContent(props) {
   var handleNodeCheck = function handleNodeCheck(_, checked) {
     set(id, checked ? 1 : 0);
     if (onChange) {
-      onChange(getValue());
+      onChange(getValue(), id);
     }
   };
   var checked = getChecked(id);
@@ -53423,7 +53851,7 @@ var NodeContent = function NodeContent(props) {
     }, contentDataProps()), {}, {
       children: [onChange && renderCheckbox(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         dir: config.direction,
-        className: textClass,
+        className: contentStyle.text,
         onDoubleClick: onNodeDoubleClick,
         onClick: handleNodeClick,
         children: renderNode()
@@ -54157,6 +54585,7 @@ var TreeVirtual = function TreeVirtual(props) {
     height = props.height,
     _props$lineHeight = props.lineHeight,
     lineHeight = _props$lineHeight === void 0 ? 36 : _props$lineHeight,
+    rowsInView = props.rowsInView,
     line = props.line,
     mode = props.mode,
     contentClass = props.contentClass,
@@ -54218,7 +54647,7 @@ var TreeVirtual = function TreeVirtual(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
     data: datum.dataFlat,
     height: height,
-    rowsInView: 10,
+    rowsInView: rowsInView,
     scrollerStyle: {
       height: '100%',
       width: '100%',
@@ -54238,7 +54667,7 @@ var TreeVirtual = function TreeVirtual(props) {
-var tree_excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "virtual", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "rootStyle", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "ignoreSetFlat", "dragHoverExpand", "active", "setActive", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum", "actionOnClick", "tiledData"];
+var tree_excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "virtual", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "rootStyle", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "ignoreSetFlat", "dragHoverExpand", "active", "setActive", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum", "rowsInView", "actionOnClick", "tiledData"];
@@ -54300,6 +54729,8 @@ var Tree = function Tree(props) {
     onDragOver = props.onDragOver,
     onDragStart = props.onDragStart,
     propsDatum = props.datum,
+    _props$rowsInView = props.rowsInView,
+    rowsInView = _props$rowsInView === void 0 ? 20 : _props$rowsInView,
     actionOnClick = props.actionOnClick,
     tiledData = props.tiledData,
     rest = objectWithoutProperties_default()(props, tree_excluded);
@@ -54459,6 +54890,7 @@ var Tree = function Tree(props) {
       return /*#__PURE__*/(0,jsx_runtime.jsx)(tree_virtual, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
         data: data,
         line: line,
+        rowsInView: rowsInView,
         expanded: expanded,
         height: realHeight,
         childrenKey: props.childrenKey || 'children',
@@ -55002,6 +55434,7 @@ function Select(props0) {
     compressed = props.compressed,
     compressedBound = props.compressedBound,
     compressedClassName = props.compressedClassName,
+    renderCompressed = props.renderCompressed,
     placeholder = props.placeholder,
     emptyAfterSelect = props.emptyAfterSelect,
     autoAdapt = props.autoAdapt,
@@ -55438,6 +55871,7 @@ function Select(props0) {
         reFocus: reFocus,
         convertBr: convertBr,
         compressed: compressed,
+        renderCompressed: renderCompressed,
         compressedBound: compressedBound,
         compressedClassName: compressedClassName,
         multiple: multiple,
@@ -55461,7 +55895,8 @@ function Select(props0) {
         checkUnMatched: checkUnMatched,
         onRemove: handleRemove,
         classes: styles,
-        setInputText: setInputText
+        setInputText: setInputText,
+        morePopoverContainer: targetRef
       })
     });
     return /*#__PURE__*/(0,jsx_runtime.jsx)(PopupProvider, {
@@ -55500,6 +55935,7 @@ function Select(props0) {
       renderItem: renderItem,
       controlType: controlType,
       onLoadMore: onLoadMore,
+      keepScrollTop: !!filterText ? false : true,
       isAnimationFinish: isAnimationFinish,
       threshold: threshold,
       onControlTypeChange: setControlType,
@@ -58861,6 +59297,164 @@ function select_Select(props) {
 var SelectComp = src_select_select_0;
 SelectComp.displayName = 'ShineoutSelect';
 /* harmony default export */ var src_select_0 = (SelectComp);
+;// CONCATENATED MODULE: ../base/src/skeleton/text.tsx
+function Text(_ref) {
+  var classes = _ref.classes,
+    className = _ref.className,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? 3 : _ref$rows,
+    width = _ref.width,
+    height = _ref.height,
+    style = _ref.style;
+  var cls = classnames_default()(classes.text, className);
+  var nodes = [];
+  function getTextWidth(index) {
+    if (isArray(width)) {
+      return width[index];
+    }
+    if (rows - 1 === index) {
+      return width;
+    }
+    return undefined;
+  }
+  function getTextHeight(index) {
+    if (isArray(height)) {
+      return height[index];
+    }
+    if (rows - 1 === index) {
+      return height;
+    }
+    return undefined;
+  }
+  for (var i = 0; i < rows; i++) {
+    nodes.push( /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+      className: classes.textItem,
+      style: {
+        width: getTextWidth(i),
+        height: getTextHeight(i)
+      }
+    }, i));
+  }
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
+    className: cls,
+    style: style,
+    children: nodes
+  });
+}
+;// CONCATENATED MODULE: ../base/src/skeleton/image.tsx
+function skeleton_image_Image(_ref) {
+  var classes = _ref.classes,
+    className = _ref.className,
+    size = _ref.size,
+    position = _ref.position,
+    _ref$shape = _ref.shape,
+    shape = _ref$shape === void 0 ? 'circle' : _ref$shape,
+    style = _ref.style;
+  var cls = classnames_default()(classes.image, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, classes.imageLeft, position !== 'right'), classes.imageRight, position === 'right'), classes.imageCircle, shape === 'circle'), classes.imageSquare, shape === 'square'), classes.imageSmall, size === 'small'), classes.imageLarge, size === 'large'), className);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    className: cls,
+    style: style
+  });
+}
+;// CONCATENATED MODULE: ../base/src/skeleton/button.tsx
+function skeleton_button_Button(_ref) {
+  var classes = _ref.classes,
+    className = _ref.className,
+    size = _ref.size,
+    position = _ref.position,
+    _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 1 : _ref$count,
+    style = _ref.style;
+  var cls = classnames_default()(classes.button, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, classes.buttonLeft, position !== 'right'), classes.buttonRight, position === 'right'), classes.buttonSmall, size === 'small'), classes.buttonLarge, size === 'large'), className);
+  var buttons = [];
+  for (var i = 0; i < count; i++) {
+    buttons.push( /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: classes.buttonItem
+    }, i));
+  }
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    className: cls,
+    style: style,
+    children: buttons
+  });
+}
+;// CONCATENATED MODULE: ../base/src/skeleton/skeleton.tsx
+function getComponentProps(prop) {
+  return is_isObject(prop) ? prop : {};
+}
+var Skeleton = function Skeleton(props) {
+  var _jssStyle$skeleton;
+  var animation = props.animation,
+    image = props.image,
+    button = props.button,
+    _props$text = props.text,
+    text = _props$text === void 0 ? true : _props$text,
+    children = props.children,
+    loading = props.loading,
+    jssStyle = props.jssStyle;
+  var classes = jssStyle === null || jssStyle === void 0 || (_jssStyle$skeleton = jssStyle.skeleton) === null || _jssStyle$skeleton === void 0 ? void 0 : _jssStyle$skeleton.call(jssStyle);
+  var rootClass = classnames_default()(classes.rootClass, classes.wrapper, props.className, defineProperty_default()({}, classes.animation, animation));
+  var imageProps = getComponentProps(image);
+  var textProps = getComponentProps(text);
+  var buttonProps = getComponentProps(button);
+  if (loading) {
+    return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: rootClass,
+      style: props.style,
+      children: [image && imageProps.position !== 'right' && /*#__PURE__*/(0,jsx_runtime.jsx)(skeleton_image_Image, objectSpread2_default()({
+        classes: classes
+      }, imageProps)), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        className: classes.content,
+        children: [text && /*#__PURE__*/(0,jsx_runtime.jsx)(Text, objectSpread2_default()({
+          classes: classes
+        }, textProps)), button && /*#__PURE__*/(0,jsx_runtime.jsx)(skeleton_button_Button, objectSpread2_default()({
+          classes: classes
+        }, buttonProps))]
+      }), image && imageProps.position === 'right' && /*#__PURE__*/(0,jsx_runtime.jsx)(skeleton_image_Image, objectSpread2_default()({
+        classes: classes
+      }, imageProps))]
+    });
+  }
+  return children;
+};
+/* harmony default export */ var src_skeleton_skeleton = (Skeleton);
+;// CONCATENATED MODULE: ./src/skeleton/skeleton.tsx
+var skeleton_jssStyle = {
+  skeleton: useSkeletonStyle
+};
+/* harmony default export */ var src_skeleton_skeleton_0 = (function (props) {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(src_skeleton_skeleton, objectSpread2_default()({
+    jssStyle: skeleton_jssStyle
+  }, props));
+});
+;// CONCATENATED MODULE: ./src/skeleton/index.ts
+var SkeletonComp = src_skeleton_skeleton_0;
+SkeletonComp.displayName = 'ShineoutSkeleton';
+/* harmony default export */ var src_skeleton_0 = (SkeletonComp);
 ;// CONCATENATED MODULE: ../hooks/src/components/use-slider/use-slider.ts
@@ -59964,6 +60558,12 @@ var Sticky = function Sticky(props) {
     }
     return cancelParentObserver;
   }, [props.parent, css, context.target, top, bottom]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (props.onChange) {
+      props.onChange(show);
+    }
+    ;
+  }, [show]);
   // 纯css方法 直接使用css
   // js方法
@@ -59999,12 +60599,15 @@ var Sticky = function Sticky(props) {
     pointerEvents: 'none'
   };
   return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-    children: [isFixed ? StickyEl : context.target && context.div && /*#__PURE__*/(0,external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_.createPortal)(StickyEl, context.div), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    children: [isFixed ? StickyEl : context.target && context.div && /*#__PURE__*/(0,external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_.createPortal)(StickyEl, context.div), /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
       className: props.className,
       style: objectSpread2_default()(objectSpread2_default()({}, props.style), show && parentVisible ? hideStyle : {}),
-      ref: handleElementRef,
+      ref: handleElementRef
+    }, getDataAttribute({
+      sticky: show && parentVisible ? 'true' : 'false'
+    })), {}, {
       children: children
-    })]
+    }))]
   });
 };
 /* harmony default export */ var src_sticky_sticky = (Sticky);
@@ -60134,6 +60737,151 @@ var BaseSwitch = function BaseSwitch(props) {
 var SwitchComp = src_switch_switch_0;
 SwitchComp.displayName = 'ShineoutSwitch';
 /* harmony default export */ var src_switch_0 = (SwitchComp);
+;// CONCATENATED MODULE: ../base/src/virtual-scroll/scroll-table.tsx
+var extractHeightValue = function extractHeightValue(num) {
+  if (isNumber(num)) return num;
+  var match = num.match(/(\d+)/);
+  if (match) {
+    return parseInt(match[0], 10);
+  }
+  return undefined;
+};
+var scroll_table_Scroll = function Scroll(props) {
+  var containerRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var wrapperRef = useForkRef(scrollRef, props.wrapperRef);
+  var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
+      timer: null,
+      isMouseDown: false
+    }),
+    context = _useRef.current;
+  // TODO: keepScrollTop考虑做成Table的新feat?
+  var _props$scrollHeight = props.scrollHeight,
+    scrollHeight = _props$scrollHeight === void 0 ? 0 : _props$scrollHeight,
+    _props$scrollWidth = props.scrollWidth,
+    scrollWidth = _props$scrollWidth === void 0 ? 0 : _props$scrollWidth,
+    _props$defaultHeight = props.defaultHeight,
+    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight,
+    _props$keepScrollTop = props.keepScrollTop,
+    keepScrollTop = _props$keepScrollTop === void 0 ? false : _props$keepScrollTop;
+  var _useResize = useResize({
+      targetRef: containerRef,
+      timer: 100
+    }),
+    width = _useResize.width,
+    h = _useResize.height;
+  var height = h || defaultHeight;
+  var config = useConfig();
+  var isRtl = config.direction === 'rtl';
+  var scrollerStyle = {
+    flex: 1,
+    minWidth: 0,
+    minHeight: 0,
+    overflow: 'auto',
+    width: '100%'
+  };
+  var containerStyle = {
+    height: '100%',
+    width: '100%',
+    display: 'flex',
+    position: 'sticky',
+    flexDirection: 'column',
+    overflow: props.isScrollX ? 'initial' : 'hidden',
+    top: 0
+  };
+  // 当滚动容器的高度为 0 时，paddingTop 为 0，避免滚动条抖动现象
+  var paddingTop = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    if (keepScrollTop) return Math.max(0, Math.floor(scrollHeight - height));
+    return height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
+  }, [scrollHeight, height]);
+  var placeStyle = {
+    paddingTop: paddingTop,
+    width: scrollWidth,
+    overflow: props.isScrollY ? 'hidden' : 'auto hidden',
+    height: props.isScrollY ? 0 : 1,
+    marginTop: props.isScrollY ? 0 : -1,
+    lineHeight: 0
+  };
+  var handleScroll = usePersistFn(function (e) {
+    var onScrollToBottom = props.onScrollToBottom;
+    var target = e.currentTarget;
+    var scrollLeft = target.scrollLeft,
+      scrollTop = target.scrollTop;
+    if (props.height && onScrollToBottom) {
+      var realHeight = extractHeightValue(props.height);
+      if (realHeight !== undefined) {
+        var touchBottom = target.scrollHeight === scrollTop + realHeight;
+        if (touchBottom) onScrollToBottom();
+      }
+    }
+    var maxY = target.scrollHeight - target.clientHeight;
+    var maxX = target.scrollWidth - target.clientWidth;
+    if (!isRtl) {
+      // 解决浏览器缩放以后导致滚动条长度出现小数
+      if (maxX - scrollLeft < 0 || maxX - scrollLeft < 1) scrollLeft = maxX;
+      if (scrollLeft < 0) scrollLeft = 0;
+    } else {
+      if (maxX + scrollLeft < 0 || maxX + scrollLeft < 1) scrollLeft = 0 - maxX;
+      if (scrollLeft > 0) scrollLeft = 0;
+    }
+    if (scrollTop > maxY || maxY - scrollTop < 1) scrollTop = maxY;
+    if (scrollTop < 0) scrollTop = 0;
+    var x = maxX === 0 ? 0 : Math.min(Math.abs(scrollLeft) / maxX, 1);
+    var y = maxY === 0 ? 0 : Math.min(scrollTop / maxY, 1);
+    if (props.onScroll) props.onScroll({
+      scrollLeft: scrollLeft,
+      scrollTop: scrollTop,
+      x: x,
+      y: y,
+      height: height,
+      width: width,
+      fromDrag: context.isMouseDown
+    });
+  });
+  var handleInnerScroll = usePersistFn(function (e) {
+    var scrollTop = e.currentTarget.scrollTop;
+    if (scrollRef.current) {
+      e.currentTarget.scrollTop = 0;
+      scrollRef.current.scrollTop += scrollTop;
+    }
+  });
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    className: props.className,
+    style: props.style,
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute({
+      role: 'scroll'
+    })), {}, {
+      style: scrollerStyle,
+      onScroll: handleScroll,
+      ref: wrapperRef,
+      onMouseDown: function onMouseDown() {
+        context.isMouseDown = true;
+      },
+      onMouseUp: function onMouseUp() {
+        context.isMouseDown = false;
+      },
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute({
+        role: 'scroll-container'
+      })), {}, {
+        style: containerStyle,
+        ref: containerRef,
+        onScroll: handleInnerScroll,
+        children: props.children
+      })), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        style: placeStyle,
+        children: "\xA0"
+      })]
+    }))
+  });
+};
+/* harmony default export */ var scroll_table = (scroll_table_Scroll);
 ;// CONCATENATED MODULE: ../hooks/src/common/use-scrollbar-width/index.ts
@@ -60264,6 +61012,34 @@ var useColumns = function useColumns(props) {
+function getDecimalAndIntegerPart(num) {
+  if (!num) return [0, 0];
+  var str = num.toString();
+  var dotIndex = str.indexOf('.');
+  if (dotIndex === -1) return [parseInt(str), 0];
+  var integerPart = parseInt(str.slice(0, dotIndex));
+  var decimalPart = parseFloat("0.".concat(str.slice(dotIndex + 1)));
+  return [integerPart, decimalPart];
+}
+// 将所有的小数部分转移到最后一列
+function shiftDecimalToLastColumn(cols) {
+  var decimalSum = 0;
+  cols.forEach(function (v, i) {
+    var _getDecimalAndInteger = getDecimalAndIntegerPart(v),
+      _getDecimalAndInteger2 = slicedToArray_default()(_getDecimalAndInteger, 2),
+      inter = _getDecimalAndInteger2[0],
+      decimal = _getDecimalAndInteger2[1];
+    if (decimal > 0) {
+      decimalSum += decimal;
+      cols[i] = inter;
+    }
+  });
+  if (decimalSum > 0) {
+    cols[cols.length - 1] = Number(cols[cols.length - 1]) + decimalSum;
+  }
+  return cols;
+}
 var MIN_RESIZABLE_WIDTH = 20;
 function compareColumnWidth(curCols, preCols) {
   if (curCols.length !== preCols.length) return false;
@@ -60385,7 +61161,7 @@ var useTableLayout = function useTableLayout(props) {
     if (cols && cols.every(function (v) {
       return v === 0;
     })) return;
-    setColgroup(cols);
+    setColgroup(shiftDecimalToLastColumn(cols));
     setAdjust(adjust);
     if (!adjust) {
       updateResizeFlag();
@@ -60602,7 +61378,7 @@ var useTableLayout = function useTableLayout(props) {
     width: tableWidth,
     shouldLastColAuto: props.columnResizable && !adjust,
     scrollWidth: scrollWidth,
-    maxScrollLeft: scrollWidth - context.clientWidth,
+    // maxScrollLeft: scrollWidth - context.clientWidth,
     resizeFlag: resizeFlag
   };
 };
@@ -60871,26 +61647,21 @@ function getMaxRowSpanLength(input) {
 var useTableVirtual = function useTableVirtual(props) {
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState2 = slicedToArray_default()(_useState, 2),
-    innerLeft = _useState2[0],
-    setLeft = _useState2[1];
-  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    innerTop = _useState2[0],
+    setTop = _useState2[1];
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.data.length * props.rowHeight),
     _useState4 = slicedToArray_default()(_useState3, 2),
-    innerTop = _useState4[0],
-    setTop = _useState4[1];
-  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.data.length * props.rowHeight),
+    scrollHeight = _useState4[0],
+    setHeight = _useState4[1];
+  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState6 = slicedToArray_default()(_useState5, 2),
-    scrollHeight = _useState6[0],
-    setHeight = _useState6[1];
+    startIndex = _useState6[0],
+    setStartIndex = _useState6[1];
   var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState8 = slicedToArray_default()(_useState7, 2),
-    startIndex = _useState8[0],
-    setStartIndex = _useState8[1];
-  var _useState9 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
-    _useState10 = slicedToArray_default()(_useState9, 2),
-    offsetY = _useState10[0],
-    setOffsetY = _useState10[1];
+    offsetY = _useState8[0],
+    setOffsetY = _useState8[1];
   var rowsInView = props.rowsInView === 0 ? props.data.length : props.rowsInView;
-  var sleft = props.scrollLeft !== undefined ? props.scrollLeft : innerLeft;
   var rowSpanInfo = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     var rowSpanColumns = props.columns.filter(function (col) {
       return typeof col.rowSpan === 'function';
@@ -60962,27 +61733,13 @@ var useTableVirtual = function useTableVirtual(props) {
       autoAddRows: 0
     }),
     context = _useRef.current;
-  var getTranslate = usePersistFn(function (left, top) {
-    var l = left === undefined ? sleft : left;
-    var t = top === undefined ? innerTop + offsetY : top;
-    if (t < 0) {
-      t = 0;
-    }
-    if (!props.isRtl && l < 0) {
-      l = 0;
-    }
-    if (props.isRtl && l > 0) {
-      l = 0;
-    }
-    return "translate3d(".concat(0 - l, "px, ").concat(0 - t, "px, 0)");
-  });
   var getContentHeight = function getContentHeight(index) {
     if (props.disabled) return 0;
     var sum = 0;
     for (var i = 0; i <= index; i++) {
       sum += context.cachedHeight[i] || props.rowHeight;
     }
-    return sum;
+    return sum + props.theadAndTfootHeight;
   };
   var setRowHeight = usePersistFn(function (index, height) {
     if (props.disabled) return;
@@ -61075,13 +61832,11 @@ var useTableVirtual = function useTableVirtual(props) {
     };
     setHeight(sumHeight);
   });
-  var handleScroll = function handleScroll(info) {
-    var scrollLeft = info.scrollLeft,
-      height = info.height,
+  var handleScroll = usePersistFn(function (info) {
+    var height = info.height,
       y = info.y,
       fromDrag = info.fromDrag;
     var scrollTop = info.scrollTop;
-    setLeft(scrollLeft);
     if (props.disabled) {
       setTop(scrollTop);
       return;
@@ -61111,7 +61866,7 @@ var useTableVirtual = function useTableVirtual(props) {
     } else {
       updateIndexAndTopFromTop(scrollTop);
     }
-  };
+  });
   var scrollToIndex = usePersistFn(function (index, callback) {
     if (props.disabled) return;
     if (props.scrollRef.current) {
@@ -61138,7 +61893,6 @@ var useTableVirtual = function useTableVirtual(props) {
     var max = scrollEl.scrollWidth - scrollEl.clientWidth;
     var left = Math.min(targetLeft, max);
     if (left === scrollEl.scrollLeft) return;
-    setLeft(left);
     scrollEl.scrollLeft = left;
   });
   var scrollColumnIntoView = usePersistFn(function (colKey) {
@@ -61157,6 +61911,11 @@ var useTableVirtual = function useTableVirtual(props) {
     }
     scrollColumnByLeft(left);
   });
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (props.scrollLeft) {
+      scrollColumnByLeft(props.scrollLeft);
+    }
+  }, [props.scrollLeft]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     var scrollRefHeight = props.scrollRef.current ? props.scrollRef.current.clientHeight : 0;
     var tableRefHeight = props.innerRef.current ? props.innerRef.current.clientHeight : 0;
@@ -61200,7 +61959,7 @@ var useTableVirtual = function useTableVirtual(props) {
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (props.disabled) return;
     setHeight(getContentHeight(props.data.length - 1));
-  }, [props.data.length]);
+  }, [props.data.length, props.theadAndTfootHeight]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (props.disabled) return;
     if (context.heightCallback) {
@@ -61212,16 +61971,24 @@ var useTableVirtual = function useTableVirtual(props) {
     }
   }, [scrollHeight]);
   var finalRowsInView = rowsInView + context.rowSpanRows + context.autoAddRows;
-  var renderData = props.disabled ? props.data : toConsumableArray_default()(props.data).slice(startIndex, startIndex + finalRowsInView);
+  var renderData = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    if (props.disabled) return props.data;
+    return toConsumableArray_default()(props.data).slice(startIndex, startIndex + finalRowsInView);
+  }, [props.data, startIndex, finalRowsInView]);
+  var translateStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    var t = innerTop + offsetY;
+    if (t < 0) {
+      t = 0;
+    }
+    return "translate3d(0, ".concat(0 - t, "px, 0)");
+  }, [innerTop]);
   return {
     scrollHeight: scrollHeight,
     startIndex: startIndex,
-    innerLeft: sleft,
-    innerTop: innerTop + offsetY,
+    translateStyle: translateStyle,
     data: renderData,
     handleScroll: handleScroll,
     setRowHeight: setRowHeight,
-    getTranslate: getTranslate,
     scrollToIndex: scrollToIndex,
     scrollColumnByLeft: scrollColumnByLeft,
     scrollColumnIntoView: scrollColumnIntoView
@@ -61975,44 +62742,32 @@ var thead_toNum = toNum;
     });
   };
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan, level) {
+    // 累加level 至 0 的所有高度
+    var top = context.trHeights.slice(0, level).reduce(function (a, b) {
+      return thead_toNum(a) + thead_toNum(b);
+    }, 0);
     if (fixed === 'left') {
-      if (props.virtual) {
-        // 这是virtual table场景下的th样式
-        return {
-          transform: "translate3d(var(--virtual-fixed-left, 0), 0, 0)"
-        };
-      }
       var left = colgroup.slice(0, index).reduce(function (a, b) {
         return thead_toNum(a) + thead_toNum(b);
       }, 0);
-      // 这是base table场景下的th样式
       return {
         left: left,
-        top: context.trHeights[level - 1] || 0,
+        top: top,
         position: 'sticky'
       };
     }
     if (fixed === 'right') {
-      if (props.virtual) {
-        // 这是virtual table场景下的th样式
-        return {
-          transform: "translate3d(var(--virtual-fixed-right, 0), 0, 0)"
-        };
-      }
       var right = colgroup.slice(index + colSpan).reduce(function (a, b) {
         return thead_toNum(a) + thead_toNum(b);
       }, 0);
-      // 这是base table场景下的th样式
       return {
         right: right,
-        top: context.trHeights[level - 1] || 0,
+        top: top,
         position: 'sticky'
       };
     }
-    // 这是base table场景下的非fixed th样式
     return {
-      top: context.trHeights[level - 1] || 0,
+      top: top,
       position: 'sticky'
     };
   };
@@ -62229,16 +62984,6 @@ var useTableRow = function useTableRow(props) {
     }
     setHoverIndex(hoverIndex);
   });
-  var isCellHover = usePersistFn(function (rowIndex) {
-    var colSpan = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-    if (!props.hover) return false;
-    var isHover = false;
-    for (var i = 0; i < colSpan; i++) {
-      isHover = hoverIndex.has(rowIndex + i);
-      if (isHover) break;
-    }
-    return isHover;
-  });
   var rowData = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     var rows = [];
     context.rowSelectMergeStartData = [];
@@ -62272,15 +63017,14 @@ var useTableRow = function useTableRow(props) {
   return {
     rowData: rowData,
     handleCellHover: handleCellHover,
-    isCellHover: isCellHover,
     hoverIndex: hoverIndex,
     rowSelectMergeStartData: context.rowSelectMergeStartData
   };
 };
 /* harmony default export */ var use_table_row = (useTableRow);
-;// CONCATENATED MODULE: ../hooks/src/common/use-memo/use-memo.ts
+;// CONCATENATED MODULE: ../hooks/src/common/use-component-memo/use-memo.ts
-function useMemo(getValue, condition, shouldUpdate) {
+function useComponentMemo(getValue, condition, shouldUpdate) {
   var cacheRef = external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef({});
   if (!shouldUpdate) return getValue();
   if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
@@ -62294,22 +63038,30 @@ function useMemo(getValue, condition, shouldUpdate) {
 function Td(props) {
+  var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(),
+    _React$useState2 = slicedToArray_default()(_React$useState, 2),
+    style = _React$useState2[0],
+    setStyle = _React$useState2[1];
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!props.style) return;
+    if (shallowEqual(props.style, style)) {
+      return;
+    }
+    setStyle(props.style);
+  }, [props.style]);
   var col = props.col,
     colSpan = props.colSpan,
     rowSpan = props.rowSpan,
     className = props.className,
-    style = props.style,
     direction = props.direction,
     role = props.role,
+    data = props.data,
     onClick = props.onClick,
     onMouseEnter = props.onMouseEnter,
     onMouseLeave = props.onMouseLeave,
     renderContent = props.renderContent;
-  var externalDependencies = typeof_default()(props.shouldUpdate) === 'object' && props.shouldUpdate.dependencies ? props.shouldUpdate.dependencies : [];
-  var updateFn = typeof_default()(props.shouldUpdate) === 'object' && 'update' in props.shouldUpdate ? props.shouldUpdate.update : props.shouldUpdate;
-  var $td = useMemo(function () {
+  var $td = useComponentMemo(function () {
     var content = renderContent(props.col, props.data);
     return /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
       colSpan: colSpan,
@@ -62323,17 +63075,13 @@ function Td(props) {
       onClick: onClick,
       children: content
     }, col.key);
-  }, [].concat(toConsumableArray_default()(externalDependencies), [className, style, col.type, col.treeColumnsName
-  // onClick,
-  // onMouseEnter,
-  // onMouseLeave,
-  ]), updateFn ? function (prev, next) {
+  }, [data, className, style, col.type, col.treeColumnsName], props.virtual === 'lazy' ? function (prev, next) {
     if (col.type || col.treeColumnsName) {
       return true;
     }
     return prev.some(function (_, index) {
-      return !shallowEqual(prev[index], next[index]);
-    });
+      return !shallowEqual(prev === null || prev === void 0 ? void 0 : prev[index], next === null || next === void 0 ? void 0 : next[index]);
+    }) || !props.scrolling;
   } : undefined);
   return $td;
 }
@@ -62369,11 +63117,6 @@ var Tr = function Tr(props) {
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
     if (!props.isScrollX) return;
     if (fixed === 'left') {
-      if (props.virtual) {
-        return {
-          transform: "translate3d(var(--virtual-fixed-left, 0), 0, 0)"
-        };
-      }
       var left = props.colgroup.slice(0, index).reduce(function (a, b) {
         return tr_toNum(a) + tr_toNum(b);
       }, 0);
@@ -62383,11 +63126,6 @@ var Tr = function Tr(props) {
       };
     }
     if (fixed === 'right') {
-      if (props.virtual) {
-        return {
-          transform: "translate3d(var(--virtual-fixed-right, 0), 0, 0)"
-        };
-      }
       var right = props.colgroup.slice(index + colSpan).reduce(function (a, b) {
         return tr_toNum(a) + tr_toNum(b);
       }, 0);
@@ -62396,13 +63134,14 @@ var Tr = function Tr(props) {
         right: right
       };
     }
-    return {};
+    return undefined;
   };
-  var getTdStyle = function getTdStyle(column, colSpan) {
+  var getTdStyle = usePersistFn(function (column, colSpan) {
     var index = column.index;
     var fixedStyle = getFixedStyle(column.fixed, index, colSpan);
+    if (!fixedStyle && !column.style) return;
     return objectSpread2_default()(objectSpread2_default()({}, column.style), fixedStyle);
-  };
+  });
   var handleCellClick = usePersistFn(function (data, colIndex) {
     if (!props.onCellClick) return;
     props.onCellClick(data, {
@@ -62413,6 +63152,8 @@ var Tr = function Tr(props) {
   });
   var setVirtualRowHeight = usePersistFn(function () {
     if (props.setRowHeight && trRef.current) {
+      // 祖先元素不可见时（display: none）
+      if (!trRef.current.offsetParent) return;
       var expandHeight = expandRef.current ? expandRef.current.getBoundingClientRect().height : 0;
       props.setRowHeight(props.rowIndex, trRef.current.getBoundingClientRect().height + expandHeight);
     }
@@ -62465,7 +63206,7 @@ var Tr = function Tr(props) {
       return _ref.apply(this, arguments);
     };
   }());
-  var renderTreeExpand = function renderTreeExpand(content) {
+  var renderTreeExpand = usePersistFn(function (content) {
     var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
     var level = props.treeExpandLevel.get(props.originKey) || 0;
     var className = tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandWrapper;
@@ -62518,8 +63259,8 @@ var Tr = function Tr(props) {
       },
       children: [$expandIconWrapper, content]
     });
-  };
-  var renderContent = function renderContent(col, data) {
+  });
+  var renderContent = usePersistFn(function (col, data) {
     if (col.type === 'expand' || col.type === 'row-expand') {
       var renderResult = typeof col.render === 'function' ? col.render(props.rawData, props.rowIndex) : undefined;
       if (typeof renderResult !== 'function') return null;
@@ -62584,9 +63325,10 @@ var Tr = function Tr(props) {
     if (col.treeColumnsName) {
       return renderTreeExpand(content, col.treeIndent);
     }
+    if (col.render === undefined) return null;
     return content;
-  };
-  var renderTds = function renderTds(cols, data) {
+  });
+  var renderTds = usePersistFn(function (cols, data) {
     var tds = [];
     var skip = 0;
     var lastRowIndex = data.length - 1;
@@ -62602,27 +63344,38 @@ var Tr = function Tr(props) {
       if (data[i]) {
         var last = cols[i + (data[i].colSpan || 1) - 1] || {};
         var isRowSpanTd = data[i].rowSpan > 1;
+        var shouldBindMouseEvent = props.hover && hasSiblingRowSpan || isRowSpanTd;
+        var showCellHover = props.hoverIndex.has(props.rowIndex);
+        if (!showCellHover && data[i].rowSpan > 1) {
+          for (var j = 0; j < data[i].rowSpan; j++) {
+            if (props.hoverIndex.has(props.rowIndex + j)) {
+              showCellHover = true;
+              break;
+            }
+          }
+        }
         var td = /*#__PURE__*/(0,jsx_runtime.jsx)(Td, {
           col: col,
           data: data[i].data,
           colSpan: data[i].colSpan,
           rowSpan: data[i].rowSpan,
-          onMouseEnter: props.hover && hasSiblingRowSpan || isRowSpanTd ? function () {
-            props.handleCellHover(props.rowIndex, data[i].rowSpan);
+          onMouseEnter: shouldBindMouseEvent ? function () {
+            return props.handleCellHover(props.rowIndex, data[i].rowSpan);
           } : undefined,
-          onMouseLeave: props.hover && hasSiblingRowSpan || isRowSpanTd ? function () {
-            props.handleCellHover(-1, 0);
+          onMouseLeave: shouldBindMouseEvent ? function () {
+            return props.handleCellHover(-1, 0);
           } : undefined,
-          className: classnames_default()(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.hoverIndex.has(props.rowIndex) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover), isRowSpanTd && props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
+          className: classnames_default()(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), showCellHover && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
           style: getTdStyle(col, data[i].colSpan),
           direction: config.direction,
           "data-role": col.type === 'checkbox' ? 'checkbox' : undefined,
           onClick: props.onCellClick ? function () {
             return handleCellClick(data[i].data, i);
           } : undefined,
-          shouldUpdate: col.shouldUpdate,
-          renderContent: renderContent
-        });
+          renderContent: renderContent,
+          virtual: props.virtual,
+          scrolling: props.scrolling
+        }, "".concat(col.key, "-").concat(props.rowIndex, "-").concat(i));
         tds.push(td);
         if (data[i].colSpan) skip = data[i].colSpan - 1;
       }
@@ -62631,7 +63384,7 @@ var Tr = function Tr(props) {
       if (_loop(i)) continue;
     }
     return tds;
-  };
+  });
   var renderExpand = function renderExpand() {
     if (!props.expanded) return null;
     var expandCol = props.expandCol;
@@ -62740,7 +63493,6 @@ var Tr = function Tr(props) {
       hover: hover
     }),
     rowData = _useTableRow.rowData,
-    isCellHover = _useTableRow.isCellHover,
     handleCellHover = _useTableRow.handleCellHover,
     hoverIndex = _useTableRow.hoverIndex,
     rowSelectMergeStartData = _useTableRow.rowSelectMergeStartData;
@@ -62748,9 +63500,10 @@ var Tr = function Tr(props) {
     return col.type === 'expand' || col.type === 'row-expand';
   });
   var renderRow = function renderRow(item, index) {
+    var _props$rowEvents;
     var rowIndex = index + currentIndex;
     var originKey = getKey(props.keygen, item, rowIndex);
-    var trRenderKey = props.loader ? originKey : "".concat(originKey, "-").concat(rowIndex);
+    var trRenderKey = props.loader || (_props$rowEvents = props.rowEvents) !== null && _props$rowEvents !== void 0 && _props$rowEvents.draggable ? originKey : "".concat(originKey, "-").concat(rowIndex);
     return /*#__PURE__*/(0,jsx_runtime.jsx)(tr, {
       originKey: originKey,
       row: rowData[index],
@@ -62775,10 +63528,8 @@ var Tr = function Tr(props) {
       isEmptyTree: props.isEmptyTree,
       treeColumnsName: props.treeColumnsName,
       setRowHeight: props.setRowHeight,
-      virtual: props.virtual,
       striped: props.striped,
       radio: props.radio,
-      isCellHover: isCellHover,
       hover: hover,
       isSelect: props.datum.check(rowSelectMergeStartData[index]),
       handleCellHover: handleCellHover
@@ -62792,14 +63543,23 @@ var Tr = function Tr(props) {
       bodyScrollWidth: props.bodyScrollWidth,
       resizeFlag: props.resizeFlag,
       treeCheckAll: props.treeCheckAll,
-      onCellClick: props.onCellClick
+      onCellClick: props.onCellClick,
+      virtual: props.virtual,
+      scrolling: props.scrolling
     }, trRenderKey);
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
-    children: (props.data || []).map(function (item, index) {
-      return renderRow(item, index);
-    })
-  });
+  var $tbody = useComponentMemo(function () {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
+      children: (props.data || []).map(function (item, index) {
+        return renderRow(item, index);
+      })
+    });
+  }, [props.data, currentIndex], props.virtual === 'lazy' ? function (prev, next) {
+    return prev.some(function (_, index) {
+      return !shallowEqual(prev === null || prev === void 0 ? void 0 : prev[index], next === null || next === void 0 ? void 0 : next[index]);
+    }) || !props.scrolling;
+  } : undefined);
+  return $tbody;
 });
 ;// CONCATENATED MODULE: ../base/src/table/tfoot.tsx
@@ -62816,11 +63576,6 @@ var tfoot_isArray = isArray,
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
     var colgroup = props.colgroup;
     if (fixed === 'left') {
-      if (props.virtual) {
-        return {
-          transform: "translate3d(var(--virtual-fixed-left, 0), 0, 0)"
-        };
-      }
       var left = colgroup.slice(0, index).reduce(function (a, b) {
         return tfoot_toNum(a) + tfoot_toNum(b);
       }, 0);
@@ -62830,11 +63585,6 @@ var tfoot_isArray = isArray,
       };
     }
     if (fixed === 'right') {
-      if (props.virtual) {
-        return {
-          transform: "translate3d(var(--virtual-fixed-right, 0), 0, 0)"
-        };
-      }
       var right = colgroup.slice(index + colSpan).reduce(function (a, b) {
         return tfoot_toNum(a) + tfoot_toNum(b);
       }, 0);
@@ -62923,6 +63673,8 @@ function TbodyEmpty(_ref) {
 var table_excluded = ["data"];
@@ -62945,19 +63697,6 @@ var table_excluded = ["data"];
 var table_devUseWarning = devUseWarning;
 var table_emptyArr = [];
-var virtualScrollerStyle = {
-  flex: 1,
-  minWidth: 0,
-  minHeight: 0,
-  overflow: 'auto',
-  width: '100%'
-};
-var scrollWrapperStyle = {
-  flex: 1,
-  minHeight: 0,
-  minWidth: 0,
-  display: 'flex'
-};
 var emptyRef = {
   current: null
 };
@@ -62976,18 +63715,14 @@ var emptyRef = {
   var theadRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var tfootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var mirrorScrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var headMirrorScrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var bottomMirrorScrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var tableRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    scrolling = _useState2[0],
+    setScrolling = _useState2[1];
   var browserScrollbarWidth = useScrollbarWidth();
-  var emptyStyle = objectSpread2_default()(objectSpread2_default()({}, virtualScrollerStyle), {}, {
-    overflow: 'auto hidden',
-    position: 'absolute',
-    zIndex: 1,
-    bottom: 0,
-    left: 0,
-    right: 0,
-    height: browserScrollbarWidth
-  });
   if (props.fixed) {
     table_devUseWarning.deprecated('fixed', 'virtual', 'Table');
   }
@@ -63008,7 +63743,9 @@ var emptyRef = {
     };
   };
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
-      emptyHeight: 0
+      emptyHeight: 0,
+      theadAndTfootHeight: 0,
+      scrollingTimer: null
     }),
     context = _useRef.current;
   var virtual = ((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) && props.rowsInView !== 0 && (!!props.virtual || props.fixed === 'both' || props.fixed === 'y' || props.fixed === 'auto');
@@ -63057,7 +63794,6 @@ var emptyRef = {
     floatRight = _useTableLayout.floatRight,
     width = _useTableLayout.width,
     shouldLastColAuto = _useTableLayout.shouldLastColAuto,
-    maxScrollLeft = _useTableLayout.maxScrollLeft,
     scrollBarWidth = _useTableLayout.scrollBarWidth,
     scrollWidth = _useTableLayout.scrollWidth,
     resizeFlag = _useTableLayout.resizeFlag;
@@ -63141,6 +63877,16 @@ var emptyRef = {
     onChange: inputableData.onChange,
     disabled: props.disabled
   });
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    var _theadRef$current, _tfootRef$current;
+    var theadHeight = (theadRef === null || theadRef === void 0 || (_theadRef$current = theadRef.current) === null || _theadRef$current === void 0 ? void 0 : _theadRef$current.clientHeight) || 0;
+    var tfootHeight = ((_tfootRef$current = tfootRef.current) === null || _tfootRef$current === void 0 ? void 0 : _tfootRef$current.clientHeight) || 0;
+    if (props.sticky) {
+      context.theadAndTfootHeight = tfootHeight;
+    } else {
+      context.theadAndTfootHeight = theadHeight + tfootHeight;
+    }
+  }, [theadRef.current, tfootRef.current]);
   var virtualInfo = use_table_virtual({
     disabled: !virtual,
     data: treeData,
@@ -63151,27 +63897,27 @@ var emptyRef = {
     scrollRef: scrollRef,
     innerRef: tbodyRef,
     scrollLeft: props.scrollLeft,
-    isRtl: isRtl
+    isRtl: isRtl,
+    theadAndTfootHeight: context.theadAndTfootHeight
   });
-  // handle head and  foot scroll
-  var handleHeaderWheel = usePersistFn(function (e) {
-    var scrollEl = scrollRef.current;
-    if (!scrollEl) return;
-    var max = scrollEl.scrollWidth - scrollEl.clientWidth;
-    var scrollLeft = scrollEl.scrollLeft + e.deltaX;
-    if (scrollLeft === scrollEl.scrollLeft) {
-      return;
+  var syncHeaderScroll = usePersistFn(function (left) {
+    var _theadRef$current2;
+    if (props.hideHeader || !props.sticky) return;
+    if (theadRef && theadRef !== null && theadRef !== void 0 && theadRef.current && theadRef !== null && theadRef !== void 0 && (_theadRef$current2 = theadRef.current) !== null && _theadRef$current2 !== void 0 && _theadRef$current2.parentElement) {
+      theadRef.current.parentElement.scrollLeft = left;
     }
-    e.preventDefault();
-    scrollEl.scrollLeft = Math.min(Math.max(scrollLeft, 0), max);
   });
+  // 简单表格的滚动事件
   var handleBodyScroll = usePersistFn(function (e) {
     var target = e.currentTarget;
     if (!target) return;
     layoutFunc.checkFloat();
-    if (mirrorScrollRef.current) {
-      mirrorScrollRef.current.scrollLeft = target.scrollLeft;
+    if (headMirrorScrollRef.current) {
+      headMirrorScrollRef.current.scrollLeft = target.scrollLeft;
+    }
+    if (bottomMirrorScrollRef.current) {
+      bottomMirrorScrollRef.current.scrollLeft = target.scrollLeft;
     }
     if (props.onScroll && typeof props.onScroll === 'function') {
       var maxWidth = target.scrollWidth - target.clientWidth;
@@ -63180,22 +63926,36 @@ var emptyRef = {
       var y = Math.min(target.scrollTop / maxHeight, 1);
       props.onScroll(x, y, target.scrollLeft, target.scrollTop);
     }
+    syncHeaderScroll(target.scrollLeft);
   });
+  // 虚拟表格的滚动事件
   var handleVirtualScroll = usePersistFn(function (info) {
     virtualInfo.handleScroll(info);
     layoutFunc.checkFloat();
-    if (mirrorScrollRef.current) {
-      mirrorScrollRef.current.scrollLeft = info.scrollLeft;
+    if (headMirrorScrollRef.current) {
+      headMirrorScrollRef.current.scrollLeft = info.scrollLeft;
+    }
+    if (bottomMirrorScrollRef.current) {
+      bottomMirrorScrollRef.current.scrollLeft = info.scrollLeft;
     }
     if (props.onScroll && typeof props.onScroll === 'function') {
       props.onScroll(info.x, info.y, info.scrollLeft, info.scrollTop);
     }
+    syncHeaderScroll(info.scrollLeft);
+    if (context.scrollingTimer) {
+      clearTimeout(context.scrollingTimer);
+    }
+    setScrolling(true);
+    context.scrollingTimer = setTimeout(function () {
+      setScrolling(false);
+    }, 100);
   });
   var renderEmpty = function renderEmpty() {
     var _props$data2;
     if (!((_props$data2 = props.data) !== null && _props$data2 !== void 0 && _props$data2.length) || filteredData !== undefined && filteredData.length === 0) {
       return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper,
+        className: classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper, isScrollX && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyNoBorder)),
         ref: function ref(el) {
           context.emptyHeight = (el === null || el === void 0 ? void 0 : el.clientHeight) || 0;
         },
@@ -63214,6 +63974,7 @@ var emptyRef = {
       shouldLastColAuto: !!shouldLastColAuto
     });
     var bodyCommonProps = {
+      virtual: props.virtual,
       hover: props.hover,
       disabled: props.disabled,
       rowClickAttr: props.rowClickAttr,
@@ -63273,7 +64034,6 @@ var emptyRef = {
       jssStyle: props.jssStyle,
       colgroup: colgroup
     };
-    var fixRightNum = (isRtl ? -1 * maxScrollLeft : maxScrollLeft) - virtualInfo.innerLeft;
     var StickyWrapper = props.sticky ? src_sticky_sticky : (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment;
     var sticky = typeof_default()(props.sticky) === 'object' ? props.sticky : {
       top: 0
@@ -63286,8 +64046,8 @@ var emptyRef = {
       parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
     };
     var isRenderVirtualTable = virtual || props.sticky || !((_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length);
-    var headWrapperClass = classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
-    var footWrapperClass = classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
+    var headWrapperClass = classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, props.sticky && isScrollY && tableClasses.scrollY, props.sticky && !isScrollY && tableClasses.scrollX);
+    var footWrapperClass = classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper);
     var renderHeadMirrorScroller = function renderHeadMirrorScroller() {
       var _scrollRef$current, _scrollRef$current2, _scrollRef$current3;
       if (!props.showTopScrollbar) return null;
@@ -63303,7 +64063,7 @@ var emptyRef = {
       });
       return /*#__PURE__*/(0,jsx_runtime.jsx)(StickyWrapper, objectSpread2_default()(objectSpread2_default()({}, props.sticky ? scrollerStickyProps : {}), {}, {
         children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-          className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headMirrorScroller,
+          className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.mirrorScroller,
           style: {
             height: browserScrollbarWidth,
             width: mirrorScrollRefWidth
@@ -63314,7 +64074,7 @@ var emptyRef = {
               scrollRef.current.scrollLeft = target.scrollLeft;
             }
           },
-          ref: mirrorScrollRef,
+          ref: headMirrorScrollRef,
           children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
             style: {
               width: scrollRef === null || scrollRef === void 0 || (_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 ? void 0 : _scrollRef$current3.scrollWidth,
@@ -63324,62 +64084,97 @@ var emptyRef = {
         })
       }));
     };
-    if (isRenderVirtualTable) {
-      var _props$data4;
-      var virtualCssVar = {
-        '--virtual-fixed-left': "".concat(virtualInfo.innerLeft, "px"),
-        '--virtual-fixed-right': fixRightNum > 0 ? "-".concat(fixRightNum, "px") : "".concat(fixRightNum, "px")
+    var renderBottomMirrorScroller = function renderBottomMirrorScroller() {
+      var _scrollRef$current4, _scrollRef$current5, _scrollRef$current6;
+      if (!props.showBottomScrollbar) return null;
+      var scrollRefWidth = (scrollRef === null || scrollRef === void 0 || (_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _scrollRef$current4.clientWidth) || 0;
+      var scrollRefScrollWidth = (scrollRef === null || scrollRef === void 0 || (_scrollRef$current5 = scrollRef.current) === null || _scrollRef$current5 === void 0 ? void 0 : _scrollRef$current5.scrollWidth) || 0;
+      var mirrorScrollRefWidth = scrollRefWidth + scrollBarWidth;
+      var showScroll = scrollRefScrollWidth > scrollRefWidth;
+      // 开启了双滚，但是没有滚动条，不显示
+      if (!scrollRefWidth || !mirrorScrollRefWidth || !showScroll) return null;
+      var options = props.showBottomScrollbar === true ? {} : props.showBottomScrollbar;
+      var scrollerStickyProps = {
+        bottom: options.bottom || 0,
+        zIndex: options.zIndex || defaultZIndex + 1,
+        parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
       };
-      return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-        children: [renderHeadMirrorScroller(), !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(StickyWrapper, objectSpread2_default()(objectSpread2_default()({}, props.sticky ? stickyProps : {}), {}, {
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(src_sticky_sticky, objectSpread2_default()(objectSpread2_default()({}, scrollerStickyProps), {}, {
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.mirrorScroller,
+          style: {
+            height: browserScrollbarWidth,
+            width: mirrorScrollRefWidth,
+            marginTop: -browserScrollbarWidth
+          },
+          onScroll: function onScroll(e) {
+            var target = e.currentTarget;
+            if (scrollRef !== null && scrollRef !== void 0 && scrollRef.current && scrollRef.current.scrollLeft !== target.scrollLeft) {
+              scrollRef.current.scrollLeft = target.scrollLeft;
+            }
+          },
+          ref: bottomMirrorScrollRef,
           children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-            className: headWrapperClass,
-            children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-              style: objectSpread2_default()({
-                width: width,
-                transform: "translate3d(-".concat(virtualInfo.innerLeft, "px, 0, 0)")
-              }, virtualCssVar),
-              ref: theadRef,
-              children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()(objectSpread2_default()({}, headCommonProps), {}, {
-                virtual: true
-              }))]
-            })
+            style: {
+              width: scrollRef === null || scrollRef === void 0 || (_scrollRef$current6 = scrollRef.current) === null || _scrollRef$current6 === void 0 ? void 0 : _scrollRef$current6.scrollWidth,
+              height: 1
+            }
           })
-        })), /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_scroll, {
-          style: scrollWrapperStyle,
-          scrollerStyle: (_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length ? virtualScrollerStyle : emptyStyle,
+        })
+      }));
+    };
+    var $headTable = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: headWrapperClass,
+      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+        style: {
+          width: width
+        },
+        ref: theadRef,
+        children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps))]
+      })
+    });
+    if (isRenderVirtualTable) {
+      var _props$data4;
+      return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+        children: [renderHeadMirrorScroller(), !props.hideHeader && props.sticky && /*#__PURE__*/(0,jsx_runtime.jsx)(StickyWrapper, objectSpread2_default()(objectSpread2_default()({}, stickyProps), {}, {
+          children: $headTable
+        })), /*#__PURE__*/(0,jsx_runtime.jsxs)(scroll_table, {
+          style: {
+            display: 'flex',
+            minWidth: 0,
+            minHeight: 0,
+            flex: 1
+          },
           wrapperRef: scrollRef,
           scrollWidth: width || 1,
           scrollHeight: virtual ? virtualInfo.scrollHeight : tbodyHeight,
           onScroll: handleVirtualScroll,
           defaultHeight: context.emptyHeight,
           isScrollY: isScrollY,
-          children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-            style: objectSpread2_default()({
+          isScrollX: isScrollX,
+          children: [!props.hideHeader && !props.sticky && $headTable, !!((_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length) && /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+            style: {
               width: width,
-              transform: virtualInfo.getTranslate()
-            }, virtualCssVar),
+              transform: virtualInfo.translateStyle
+            },
             ref: tbodyRef,
             children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()(objectSpread2_default()({}, bodyCommonProps), {}, {
               currentIndex: virtualInfo.startIndex,
               data: virtualInfo.data,
               setRowHeight: virtualInfo.setRowHeight,
-              virtual: true
+              scrolling: scrolling
             }))]
-          })
-        }), renderEmpty(), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-          className: footWrapperClass,
-          children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-            style: objectSpread2_default()({
-              width: width,
-              transform: "translate3d(-".concat(virtualInfo.innerLeft, "px, 0, 0)")
-            }, virtualCssVar),
-            ref: tfootRef,
-            children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()(objectSpread2_default()({}, footCommonProps), {}, {
-              virtual: true
-            }))]
-          })
-        }) : null]
+          }), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            className: footWrapperClass,
+            children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+              style: {
+                width: width
+              },
+              ref: tfootRef,
+              children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
+            })
+          }) : null, renderEmpty()]
+        }), renderBottomMirrorScroller()]
       });
     }
     return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
@@ -63396,7 +64191,7 @@ var emptyRef = {
             children: renderEmpty()
           }) : /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
         })
-      })]
+      }), renderBottomMirrorScroller()]
     });
   };
   var renderLoading = function renderLoading() {
@@ -63416,27 +64211,36 @@ var emptyRef = {
       align: "right"
     }, pagination), paginationInfo));
   };
+  // handle head and  foot scroll
+  var handleHeaderWheel = usePersistFn(function (e) {
+    var _theadRef$current3;
+    var scrollEl = scrollRef.current;
+    if (!scrollEl) return;
+    if (!(theadRef !== null && theadRef !== void 0 && (_theadRef$current3 = theadRef.current) !== null && _theadRef$current3 !== void 0 && _theadRef$current3.parentElement)) return;
+    var max = scrollEl.scrollWidth - scrollEl.clientWidth;
+    var scrollLeft = scrollEl.scrollLeft + e.deltaX;
+    if (scrollLeft === scrollEl.scrollLeft) {
+      return;
+    }
+    e.preventDefault();
+    var left = Math.min(Math.max(scrollLeft, 0), max);
+    scrollEl.scrollLeft = left;
+    theadRef.current.parentElement.scrollLeft = left;
+  });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // 绑定 wheel 事件
-    if (theadRef.current && theadRef.current.parentElement) {
+    if (props.sticky && theadRef.current && theadRef.current.parentElement) {
       theadRef.current.parentElement.addEventListener('wheel', handleHeaderWheel, {
         passive: false
       });
     }
-    if (tfootRef.current && tfootRef.current.parentElement) {
-      tfootRef.current.parentElement.addEventListener('wheel', handleHeaderWheel, {
-        passive: false
-      });
-    }
     return function () {
-      if (theadRef.current && theadRef.current.parentElement) {
+      if (props.sticky && theadRef.current && theadRef.current.parentElement) {
         theadRef.current.parentElement.removeEventListener('wheel', handleHeaderWheel);
       }
-      if (tfootRef.current && tfootRef.current.parentElement) {
-        tfootRef.current.parentElement.removeEventListener('wheel', handleHeaderWheel);
-      }
     };
-  }, [theadRef.current, isScrollY]);
+  }, [theadRef.current, props.sticky, isScrollY]);
   var getRenderIndexByData = function getRenderIndexByData(data) {
     var originKey = typeof data === 'string' ? data : getKey(props.keygen, data);
     var index = treeData.findIndex(function (item) {
@@ -63472,7 +64276,7 @@ var emptyRef = {
   });
   return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
-      className: classnames_default()(tableWrapperClass, floatLeft && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.floatLeft), floatRight && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.floatRight), props.sticky && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sticky)),
+      className: classnames_default()(tableWrapperClass, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, tableClasses.sticky, props.sticky), tableClasses.floatLeft, floatLeft), tableClasses.floatRight, floatRight)),
       style: objectSpread2_default()({
         height: defaultHeight
       }, props.style)
@@ -63601,7 +64405,8 @@ var TabsPanel = function TabsPanel(props) {
     active = _useTabsContext.active,
     lazy = _useTabsContext.lazy,
     setTabs = _useTabsContext.setTabs,
-    color = _useTabsContext.color;
+    color = _useTabsContext.color,
+    shape = _useTabsContext.shape;
   var isActive = active === id;
   var keekAlive = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
@@ -63610,7 +64415,7 @@ var TabsPanel = function TabsPanel(props) {
       tab: tab,
       disabled: props.disabled,
       jssStyle: jssStyle,
-      background: background,
+      background: shape !== 'button' && shape !== 'fill' ? background : undefined,
       color: props.color || (active === id ? color : undefined)
     };
     setTabs(function (prev) {
@@ -63639,7 +64444,7 @@ var TabsPanel = function TabsPanel(props) {
         });
       });
     };
-  }, [id, tab, color, active, props.disabled, props.jssStyle]);
+  }, [id, tab, color, active, shape, props.disabled, props.jssStyle]);
   if (!isActive && lazy && !keekAlive.current) {
     return null;
   }
@@ -64191,7 +64996,7 @@ var TabsHeader = function TabsHeader(props) {
-var tabs_excluded = ["jssStyle", "align", "children", "shape", "position", "lazy", "autoFill", "hideSplit", "collapsible", "defaultCollapsed", "onChange", "extra", "border", "splitColor", "tabBarExtraContent", "background", "activeBackground", "inactiveBackground", "defaultActive", "tabBarStyle", "color", "sticky", "allowNonPanel", "className"];
+var tabs_excluded = ["jssStyle", "align", "children", "shape", "position", "lazy", "autoFill", "hideSplit", "collapsible", "defaultCollapsed", "onChange", "extra", "border", "splitColor", "tabBarExtraContent", "background", "activeBackground", "inactiveBackground", "defaultActive", "tabBarStyle", "color", "sticky", "allowNonPanel", "renderTabsHeader", "className"];
@@ -64248,6 +65053,7 @@ var Tabs = function Tabs(props) {
     color = props.color,
     sticky = props.sticky,
     allowNonPanel = props.allowNonPanel,
+    renderTabsHeader = props.renderTabsHeader,
     tabsClassName = props.className,
     rest = objectWithoutProperties_default()(props, tabs_excluded);
   var shape = shapeProps && shapeProps !== 'bordered' ? shapeProps : 'card';
@@ -64408,10 +65214,18 @@ var Tabs = function Tabs(props) {
           className: classnames_default()(stickyClassName, sticky.className)
         });
       }
+      if (renderTabsHeader) {
+        return renderTabsHeader( /*#__PURE__*/(0,jsx_runtime.jsx)(src_sticky_sticky, objectSpread2_default()(objectSpread2_default()({}, stickyProps), {}, {
+          children: header
+        })), props);
+      }
       return /*#__PURE__*/(0,jsx_runtime.jsx)(src_sticky_sticky, objectSpread2_default()(objectSpread2_default()({}, stickyProps), {}, {
         children: header
       }));
     }
+    if (renderTabsHeader) {
+      return renderTabsHeader(header, props);
+    }
     return header;
   };
   var renderTabs = function renderTabs() {
@@ -64502,7 +65316,7 @@ var tag_jssStyle = {
   input: useInputStyle
 };
 var tag_Tag = function Tag(props) {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_tag_tag, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     jssStyle: tag_jssStyle
   }));
 };
@@ -65228,6 +66042,7 @@ var TransferOperate = function TransferOperate(props) {
 var Transfer = function Transfer(props) {
   var _jssStyle$transfer;
   var jssStyle = props.jssStyle,
@@ -65302,7 +66117,7 @@ var Transfer = function Transfer(props) {
     sourceSelectedKeys = _useTransfer.sourceSelectedKeys,
     targetSelectedKeys = _useTransfer.targetSelectedKeys,
     onFilter = _useTransfer.onFilter,
-    onSelectChange = _useTransfer.onSelectChange;
+    _onSelectChange = _useTransfer.onSelectChange;
   var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$transfer = jssStyle.transfer) === null || _jssStyle$transfer === void 0 ? void 0 : _jssStyle$transfer.call(jssStyle)) || {};
   var rootClass = classnames_default()(styles.rootClass, styles.transfer, className, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, styles.simple, simple), styles.small, size === 'small'), styles.large, size === 'large'), styles.equalPanelWidth, equalPanelWidth));
   var renderOperations = function renderOperations() {
@@ -65376,7 +66191,15 @@ var Transfer = function Transfer(props) {
       searchPlaceholder: placeholder,
       renderFilter: renderFilter,
       onFilter: onFilterProp ? onFilter : undefined,
-      onSelectChange: onSelectChange
+      onSelectChange: function onSelectChange(keys) {
+        if (isSource) {
+          var newAllKeys = Array.from(new Set([].concat(toConsumableArray_default()(keys), toConsumableArray_default()(targetSelectedKeys || []))));
+          _onSelectChange(newAllKeys, keys, targetSelectedKeys);
+        } else {
+          var _newAllKeys = Array.from(new Set([].concat(toConsumableArray_default()(keys), toConsumableArray_default()(sourceSelectedKeys || []))));
+          _onSelectChange(_newAllKeys, sourceSelectedKeys, keys);
+        }
+      }
     });
   };
   var renderSourceList = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
@@ -65581,6 +66404,7 @@ var TreeSelect = function TreeSelect(props0) {
     onChangeProp = props.onChange,
     compressedBound = props.compressedBound,
     compressedClassName = props.compressedClassName,
+    renderCompressed = props.renderCompressed,
     expandedProp = props.expanded,
     defaultExpanded = props.defaultExpanded,
     defaultExpandAll = props.defaultExpandAll,
@@ -65866,17 +66690,28 @@ var TreeSelect = function TreeSelect(props0) {
     var key = datum.getKey(data);
     var isDisabled = datum === null || datum === void 0 ? void 0 : datum.isDisabled(key);
     var isCheck = datum === null || datum === void 0 ? void 0 : datum.getChecked(key);
+    var contentClass = '';
+    if (props.contentClass) {
+      if (isString(props.contentClass)) {
+        contentClass = props.contentClass;
+      }
+      if (isFunc(props.contentClass)) {
+        contentClass = props.contentClass(data);
+      }
+    }
     if (isDisabled) {
-      return classnames_default()(styles.optionDisabled);
+      return classnames_default()(styles.optionDisabled, contentClass);
     }
+    var activeClassName = classnames_default()(styles.optionActive, contentClass);
+    var inactiveClassName = classnames_default()(contentClass);
     if (multiple) {
-      return isCheck ? classnames_default()(styles.optionActive) : '';
+      return isCheck ? activeClassName : inactiveClassName;
     }
     if (!isArray(value)) {
       var currentData = getDataByValues(value);
-      return currentData === data ? classnames_default()(styles.optionActive) : '';
+      return currentData === data ? activeClassName : inactiveClassName;
     }
-    return '';
+    return inactiveClassName;
   };
   var checkUnMatched = function checkUnMatched(item) {
     return isUnMatchedData(item);
@@ -65893,7 +66728,7 @@ var TreeSelect = function TreeSelect(props0) {
     if (from !== 'blur') {
       focusAndOpen();
     }
-    onTiledFilter === null || onTiledFilter === void 0 || onTiledFilter(trim ? text.trim() : text);
+    onTiledFilter === null || onTiledFilter === void 0 || onTiledFilter(trim ? text.trim() : text, from);
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (virtual && expanded) {
@@ -65977,6 +66812,7 @@ var TreeSelect = function TreeSelect(props0) {
         disabled: disabled,
         compressed: compressed,
         compressedBound: compressedBound,
+        renderCompressed: renderCompressed,
         compressedClassName: compressedClassName,
         multiple: multiple,
         placeholder: placeholder,
@@ -65997,7 +66833,8 @@ var TreeSelect = function TreeSelect(props0) {
         getDataByValues: getResultByValue,
         onRemove: handleRemove,
         classes: styles,
-        setInputText: setInputText
+        setInputText: setInputText,
+        morePopoverContainer: targetRef
       })
     });
     return /*#__PURE__*/(0,jsx_runtime.jsx)(PopupProvider, {
@@ -66268,6 +67105,7 @@ function attrAccept(file, acceptedFiles) {
 var VALIDATORITEMS = [{
   key: 'size',
   param: function param(blob) {
@@ -66301,11 +67139,12 @@ var promised = function promised(action) {
     resolve(true);
   });
 };
+var defaultValue = [];
 var useUpload = function useUpload(props) {
   var _props$limit = props.limit,
     limit = _props$limit === void 0 ? 100 : _props$limit,
     _props$value = props.value,
-    value = _props$value === void 0 ? [] : _props$value;
+    value = _props$value === void 0 ? defaultValue : _props$value;
   var accept = props.forceAccept || props.accept;
   var forceAccept = !!props.forceAccept;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({}),
@@ -66425,21 +67264,22 @@ var useUpload = function useUpload(props) {
       responseType: props.responseType,
       onStart: props.onStart,
       onProgress: function onProgress(e, msg) {
-        if (throttle) return;
+        var percent = typeof e.percent === 'number' ? e.percent : e.loaded / e.total * 100;
+        if (throttle && percent !== 100) return;
         throttle = true;
         setTimeout(function () {
           throttle = false;
         }, 16);
-        var percent = typeof e.percent === 'number' ? e.percent : e.loaded / e.total * 100;
-        var filesState = latestState.filesState;
-        var newFiles = objectSpread2_default()({}, filesState);
-        if (!newFiles[id]) return;
-        newFiles[id].process = percent;
-        if (msg) newFiles[id].message = msg;
-        setFiles(newFiles);
-        if (typeof props.onProgress === 'function') {
-          props.onProgress(newFiles[id]);
-        }
+        setFiles(function (files) {
+          return utils_immer_produce(files, function (draft) {
+            if (!draft[id]) return draft;
+            draft[id].process = percent;
+            if (msg) draft[id].message = msg;
+            if (typeof props.onProgress === 'function') {
+              props.onProgress(draft[id]);
+            }
+          });
+        });
       },
       onLoad: function onLoad(xhr) {
         if (!/^2|1223/.test("".concat(xhr.status))) {
@@ -66467,11 +67307,17 @@ var useUpload = function useUpload(props) {
               delete draft[id];
             });
           });
-          // add value
-          var values = utils_immer_produce(latestState.value, function (draft) {
-            draft.push(result);
-          });
-          props.onChange(values);
+          if (props.functionalOnChange) {
+            // 回调型 setState不会丢值
+            props.onChange(function (prev) {
+              return [].concat(toConsumableArray_default()(prev || []), [result]);
+            });
+          } else {
+            var latestValue = latestState.value;
+            var newValue = toConsumableArray_default()(latestValue);
+            newValue.push(result);
+            props.onChange(newValue);
+          }
         }
       },
       onError: function onError(xhr) {
@@ -66589,48 +67435,60 @@ var useUpload = function useUpload(props) {
                     error = _context2.sent;
                   case 21:
                     if (!(error instanceof Error)) {
-                      _context2.next = 30;
+                      _context2.next = 29;
                       break;
                     }
                     if (validatorHandle(error, blob)) {
-                      _context2.next = 26;
+                      _context2.next = 25;
                       break;
                     }
-                    delete newFiles[id];
-                    setFiles(objectSpread2_default()({}, newFiles));
+                    setFiles(function (prev) {
+                      return utils_immer_produce(prev, function (draft) {
+                        delete draft[id];
+                      });
+                    });
                     return _context2.abrupt("return", 0);
-                  case 26:
+                  case 25:
                     fileRecord.message = error.message;
                     fileRecord.status = 3;
-                    setFiles(objectSpread2_default()({}, newFiles));
+                    setFiles(function (prev) {
+                      return objectSpread2_default()(objectSpread2_default()({}, prev), {}, defineProperty_default()({}, id, fileRecord));
+                    });
                     return _context2.abrupt("return", 0);
-                  case 30:
+                  case 29:
                     if (!props.beforeUpload) {
-                      _context2.next = 37;
+                      _context2.next = 36;
                       break;
                     }
                     beforeUploadResult = props.beforeUpload(blob); // @ts-ignoreq
                     if (!(beforeUploadResult && beforeUploadResult.then)) {
-                      _context2.next = 35;
+                      _context2.next = 34;
                       break;
                     }
                     props.beforeUpload(blob).then(function (args) {
                       if (args.status !== 'error') {
                         newFiles[id].xhr = uploadFile(id, blob, fileRecord.src);
-                        setFiles(objectSpread2_default()({}, newFiles));
+                        setFiles(function (prev) {
+                          return objectSpread2_default()(objectSpread2_default()({}, prev), {}, defineProperty_default()({}, id, fileRecord));
+                        });
                       }
                     }).catch(function () {
-                      delete newFiles[id];
-                      setFiles(objectSpread2_default()({}, newFiles));
+                      setFiles(function (prev) {
+                        return utils_immer_produce(prev, function (draft) {
+                          delete draft[id];
+                        });
+                      });
                     });
                     return _context2.abrupt("return", 0);
-                  case 35:
-                    _context2.next = 39;
+                  case 34:
+                    _context2.next = 38;
                     break;
-                  case 37:
+                  case 36:
                     fileRecord.xhr = uploadFile(id, blob, fileRecord.src);
-                    setFiles(objectSpread2_default()({}, newFiles));
-                  case 39:
+                    setFiles(function (prev) {
+                      return objectSpread2_default()(objectSpread2_default()({}, prev), {}, defineProperty_default()({}, id, fileRecord));
+                    });
+                  case 38:
                   case "end":
                     return _context2.stop();
                 }
@@ -67028,7 +67886,8 @@ var Upload = function Upload(props0) {
         invalidImage: getLocale(locale, 'invalidImage')
       },
       value: value,
-      onChange: onChange
+      onChange: onChange,
+      functionalOnChange: props.functionalOnChange
     })),
     func = _useUpload.func,
     files = _useUpload.files,
@@ -69620,6 +70479,8 @@ var rate_interface = __webpack_require__(4188);
 var rule_interface = __webpack_require__(1645);
 // EXTERNAL MODULE: ./src/select/interface.ts
 var select_interface = __webpack_require__(7640);
+// EXTERNAL MODULE: ./src/skeleton/interface.ts
+var skeleton_interface = __webpack_require__(6599);
 // EXTERNAL MODULE: ./src/slider/interface.ts
 var slider_interface = __webpack_require__(5864);
 // EXTERNAL MODULE: ./src/spin/interface.ts
@@ -69746,6 +70607,8 @@ var upload_interface = __webpack_require__(8821);
@@ -69809,10 +70672,11 @@ var upload_interface = __webpack_require__(8821);
 /* harmony default export */ var src_0 = ({
-  version: '3.7.0-beta.2'
+  version: '3.7.0-beta.21'
 });
 }();
 /******/ 	return __webpack_exports__;