shineout 3.7.0-beta.3 → 3.7.0-beta.31

package/dist/shineout.js

@@ -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,
@@ -7090,7 +7174,8 @@ var config = {
   tree: {
     LineExpand: icons.Expand,
     LineCollapse: icons.Shrink,
-    Expand: icons.ArrowDownFill
+    Expand: icons.ArrowDownFill,
+    Leaf: icons.File
   },
   treeSelect: {
     More: icons.More,
@@ -12142,7 +12227,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.3');
+/* harmony default export */ var version = ('3.7.0-beta.31');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12421,6 +12506,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 +14433,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 +14888,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 +15043,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 +15453,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);
 
 
 
@@ -16053,7 +16180,6 @@ var ButtonStyle = {
     borderRadius: src.buttonBorderRadius,
     lineHeight: src.lineHeightDynamic,
     padding: "".concat(src.buttonPaddingY, " ").concat(src.buttonPaddingX),
-    transition: 'all .1s linear',
     fontFamily: 'inherit',
     // height: Token.buttonHeight,
 
@@ -16063,6 +16189,9 @@ var ButtonStyle = {
     '[class*="button-group"] > & + &': {
       margin: 0
     },
+    '&:hover': {
+      transition: 'all .1s linear'
+    },
     '&:active': {
       transition: 'none'
     },
@@ -17247,12 +17376,14 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     minWidth: 0,
     position: 'relative',
     outline: 'none',
-    overflow: 'hidden'
+    maxHeight: 78,
+    overflow: 'auto'
   },
   result: {
     display: 'flex',
     flex: '1',
     minWidth: 0,
+    height: '100%',
     alignItems: 'center',
     lineHeight: src.lineHeightDynamic
   },
@@ -17393,7 +17524,9 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    position: 'sticky',
+    top: 0
   },
   clearable: {},
   clearIcon: {
@@ -17521,12 +17654,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,
@@ -17954,6 +18089,20 @@ var useCollapseStyle = styled(collapse_collapse, 'collapse');
 /* harmony default export */ var shineout_style_src_collapse = ((/* unused pure expression or super */ null && (useCollapseStyle)));
 var useCollapseItemStyle = styled(collapse_item, 'collapseItem');
 
+;// CONCATENATED MODULE: ../shineout-style/src/common/common.ts
+
+var common_collapseStyle = {
+  highlight: {
+    color: src.tagWarningFontColor
+  }
+};
+/* harmony default export */ var src_common_common = (common_collapseStyle);
+;// CONCATENATED MODULE: ../shineout-style/src/common/index.ts
+
+
+var useCommonStyle = styled(src_common_common, 'common');
+
+/* harmony default export */ var shineout_style_src_common = ((/* unused pure expression or super */ null && (useCommonStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/date-picker/date-picker.ts
 
 
@@ -19657,9 +19806,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 +21809,8 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
     '& $panel': {
       top: 0,
       height: '100vh',
-      width: '100vw'
+      width: '100vw',
+      overflow: 'auto'
     }
   },
   wrapperZoom: {
@@ -22628,7 +22783,11 @@ var radioStyle = {
       marginRight: 0
     }
   },
-  wrapperSmall: {},
+  wrapperSmall: {
+    '[data-soui-role="form-control"] > $group > &': {
+      marginTop: 1
+    }
+  },
   wrapperLarge: {},
   wrapperChecked: {},
   wrapperDisabled: {
@@ -23046,6 +23205,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   result: {
     display: 'flex',
     flex: '1',
+    height: '100%',
     minWidth: 0,
     alignItems: 'center',
     lineHeight: src.lineHeightDynamic
@@ -23325,10 +23485,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 +23647,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;
@@ -25379,7 +25650,10 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
       padding: "".concat(src.switchSmallPaddingY, " ").concat(src.switchSmallPaddingX),
       minWidth: src.switchSmallWidth,
       borderRadius: "calc( ".concat(src.switchSmallCircleSize, " / 2 + ").concat(src.switchSmallPaddingY, " )"),
-      fontSize: src.switchSmallFontSize
+      fontSize: src.switchSmallFontSize,
+      '[data-soui-role="form-control"] > &': {
+        marginTop: 8
+      }
     },
     '$wrapperLarge&': {
       height: "calc( ".concat(src.switchLargeCircleSize, " + ").concat(src.switchLargePaddingY, " * 2 )"),
@@ -25700,8 +25974,11 @@ 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',
@@ -25734,13 +26011,39 @@ 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'
+    }
+  },
+  emptyHeader: {
+    position: 'sticky',
+    top: 0,
+    zIndex: 1
   },
   emptyWrapper: {
     minHeight: '170px',
@@ -25749,18 +26052,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'
@@ -26954,115 +27252,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: {},
@@ -27174,32 +27463,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
@@ -27863,10 +28152,26 @@ var useTransferStyle = styled(transfer_transfer, 'transfer');
 /* harmony default export */ var shineout_style_src_transfer = ((/* unused pure expression or super */ null && (useTransferStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/tree/tree.ts
 
+var childNodeMarginLeft = 12;
 var treeStyle = {
   rootClass: {},
   tree: {},
   virtual: {},
+  sizeSmall: {
+    '&$line $node': {
+      '&:last-child': {
+        '&::before': {
+          top: 0,
+          height: 14
+        }
+      },
+      '&::before': {
+        top: -2,
+        height: 'calc(100% + 2px)'
+      }
+    }
+  },
+  sizeLarge: {},
   notTree: {
     '&$root > $node$leaf': {
       paddingLeft: 0
@@ -27876,6 +28181,19 @@ var treeStyle = {
     }
   },
   line: {
+    '&$virtual $node': {
+      '&::before, &::after': {
+        display: 'none'
+      }
+    },
+    '&$virtual $leaf $contentWrapper': {
+      marginLeft: 12
+    },
+    '&$virtual $leaf $contentWrapper, &$virtual $childnode$contentWrapper': {
+      '&::after': {
+        display: 'none'
+      }
+    },
     '& $node': {
       '&[dir=ltr]::before': {
         left: 0
@@ -27890,26 +28208,6 @@ var treeStyle = {
         height: 'calc(100% + 6px)',
         width: 1,
         background: src.treeLineBackgroundColor
-      },
-      '&[dir=ltr]::after': {
-        left: 0
-      },
-      '&[dir=rtl]::after': {
-        right: 0
-      },
-      '&::after': {
-        content: '""',
-        position: 'absolute',
-        top: 18,
-        height: 1,
-        width: 16,
-        background: src.treeLineBackgroundColor
-      }
-    },
-    '& $node:first-child': {},
-    '& $node:first-child:last-child': {
-      '&::before,&::after': {
-        display: 'none'
       }
     },
     '& $node:last-child': {
@@ -27920,19 +28218,123 @@ var treeStyle = {
     },
     '& $contentWrapper': {},
     '& $iconWrapper': {
+      width: 24,
       '&[dir=ltr]': {
-        left: 16
+        left: -24
       },
       '&[dir=rtl]': {
-        right: 16
-      },
-      width: 24,
-      '& $icon': {
-        // width: 16,
+        right: -24
       }
     },
     '& $childnode': {
-      marginLeft: 12
+      marginLeft: childNodeMarginLeft,
+      '&$contentWrapper': {
+        position: 'relative',
+        '&::after': {
+          content: '""',
+          position: 'absolute',
+          top: 18,
+          left: 0,
+          marginLeft: -24,
+          transform: 'translate(-100%, 0)',
+          height: 1,
+          width: 16,
+          background: src.treeLineBackgroundColor
+        }
+      }
+    },
+    '& $leaf': {
+      '& $contentWrapper': {
+        position: 'relative',
+        '&::after': {
+          content: '""',
+          position: 'absolute',
+          top: 18,
+          left: 0,
+          marginLeft: -24,
+          transform: 'translate(-100%, 0)',
+          height: 1,
+          width: 16,
+          background: src.treeLineBackgroundColor
+        }
+      }
+    },
+    '& $childnode[dir=rtl]': {
+      '&$contentWrapper': {
+        '&::after': {
+          top: '50%',
+          right: 0,
+          transform: 'translate(100%, -50%)'
+        }
+      }
+    },
+    '&$sizeSmall': {
+      '& $contentWrapper::after': {
+        display: 'none'
+      }
+    },
+    '&$sizeLarge': {
+      '& $node:last-child::before': {
+        height: 21
+      },
+      '& $iconWrapper': {
+        '&[dir=ltr]': {
+          left: -32
+        },
+        '&[dir=rtl]': {
+          right: -32
+        }
+      },
+      '&:not($virtual) $childnode, &:not($virtual) $leaf': {
+        marginLeft: 20
+      },
+      '': {
+        marginLeft: 20
+      },
+      '& $node': {
+        paddingLeft: 32,
+        '&[dir=ltr]::before': {
+          left: 4
+        },
+        '&[dir=rtl]::before': {
+          right: 4
+        },
+        '&::before': {
+          top: -4,
+          height: 'calc(100% + 4px)'
+        }
+      },
+      '& $node$leaf': {
+        '&[dir=ltr]::before': {
+          left: -16
+        },
+        '&[dir=rtl]::before': {
+          right: -16
+        },
+        '&::after': {
+          left: -14
+        }
+      },
+      '& > $root > $node': {
+        paddingLeft: 12
+      },
+      '& $leaf $contentWrapper::after': {
+        left: -24,
+        top: 21,
+        transform: 'translate(0, -50%)'
+      },
+      '& $contentWrapper$childnode::after': {
+        top: 21,
+        marginLeft: -32
+      }
+    },
+    '& > $root > $node': {
+      paddingLeft: 12,
+      '& > $contentWrapper': {
+        '&::after': {
+          display: 'none'
+        }
+      }
     }
   },
   noline: {
@@ -27966,30 +28368,29 @@ var treeStyle = {
       '& > $node': {
         paddingLeft: 24
       }
+    },
+    '&$sizeLarge': {
+      '& > $root > $node, & $node$leaf': {
+        paddingLeft: 32
+      }
+    }
+  },
+  lineIndent: {
+    position: 'absolute',
+    top: 0,
+    width: 1,
+    height: '100%',
+    background: src.treeLineBackgroundColor,
+    '$sizeLarge &': {
+      transform: 'translateX(-4px)'
     }
   },
   root: {
-    // '& > :first-child$node': {
-    //   '&::before': {
-    //     top: 18,
-    //   },
-    // },
-    // '& > :last-child$node': {
-    //   '&::before': {},
-    // },
     '& > $node': {
       paddingLeft: 12,
       '&$leaf': {
         paddingLeft: 24
       },
-      '& > $contentWrapper > $iconWrapper': {
-        '&[dir=ltr]': {
-          left: 0
-        },
-        '&[dir=rtl]': {
-          right: 0
-        }
-      },
       '&::before': {
         display: 'none'
       },
@@ -28003,7 +28404,13 @@ var treeStyle = {
   contentWrapper: {
     display: 'flex',
     alignItems: 'flex-start',
-    padding: '5px 0'
+    padding: '5px 0',
+    '$sizeSmall &': {
+      padding: '1px 0'
+    },
+    '$sizeLarge & $text': {
+      lineHeight: '28px'
+    }
   },
   inlineContent: {
     display: 'inline-flex'
@@ -28024,15 +28431,6 @@ var treeStyle = {
     display: 'flex',
     alignItems: 'center',
     marginLeft: 4,
-    // 'label&': {
-    //   cursor: 'pointer',
-    //   userSelect: 'none',
-    // },
-
-    // '$iconWrapper + &': {
-    //   marginLeft: 4,
-    // },
-
     '$contentDisabled &': {
       '& $text': {
         color: src.treeContentDisabledFontColor
@@ -28049,10 +28447,15 @@ var treeStyle = {
   checkbox: {
     '&[class*="checkbox-wrapper"]': {
       height: 26,
+      alignSelf: 'flex-start',
       marginRight: src.treeCheckboxMarginX
+    },
+    '$sizeLarge &': {
+      marginTop: 4
     }
   },
   text: {
+    cursor: 'pointer',
     flex: 1,
     minWidth: 0,
     fontSize: src.treeFontSize,
@@ -28067,22 +28470,30 @@ var treeStyle = {
       background: src.treeContentHoverBackgroundColor
     }
   },
-  textClickable: {
-    cursor: 'pointer'
-  },
-  // textDisabled: {
-  //   color: Token.treeItemDisabledFontColor,
-  // },
   list: {},
   node: {
     position: 'relative',
     paddingLeft: 28,
-    '&$leaf': {
-      paddingLeft: 40,
-      '&::after': {
-        width: 12
+    '$sizeSmall$line &': {
+      paddingLeft: 12,
+      '&$leaf': {
+        paddingLeft: 24
+      },
+      "&::after": {
+        position: 'absolute',
+        content: '""',
+        top: 28,
+        width: 1,
+        height: 'calc(100% - 28px)',
+        background: src.treeLineBackgroundColor
       }
     },
+    '$sizeLarge &': {
+      paddingLeft: 32
+    },
+    '&$leaf': {
+      paddingLeft: 40
+    },
     '&[draggable="true"]': {
       cursor: 'pointer'
     }
@@ -28098,7 +28509,8 @@ var treeStyle = {
     },
     position: 'absolute',
     width: 24,
-    height: 26,
+    height: 24,
+    margin: '1px 0',
     display: 'inline-flex',
     alignItems: 'center',
     justifyContent: 'center',
@@ -28106,11 +28518,16 @@ var treeStyle = {
       '& $icon': {
         transform: 'rotate(0deg)'
       }
+    },
+    '$sizeLarge &': {
+      width: 32,
+      height: 32,
+      top: 5
     }
   },
   icon: {
-    width: 24,
-    height: 24,
+    width: '100%',
+    height: '100%',
     display: 'inline-flex',
     alignItems: 'center',
     justifyContent: 'center',
@@ -28126,7 +28543,10 @@ var treeStyle = {
       background: src.treeItemActiveBackgroundColor
     },
     '& svg': {
-      width: 14
+      width: 14,
+      '$sizeLarge &': {
+        width: 16
+      }
     }
   },
   children: {},
@@ -28298,13 +28718,14 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     minWidth: 0,
     position: 'relative',
     outline: 'none',
-    overflow: 'hidden',
-    '&:hover': {}
+    maxHeight: 78,
+    overflow: 'auto'
   },
   result: {
     display: 'flex',
     flex: '1',
     minWidth: 0,
+    height: '100%',
     alignItems: 'center',
     lineHeight: src.lineHeightDynamic
   },
@@ -28431,7 +28852,9 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    position: 'sticky',
+    top: 0
   },
   clearable: {},
   clearIcon: {
@@ -28559,10 +28982,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 +29571,8 @@ var useUploadStyle = styled(upload_upload, 'upload');
 
 
 
+
+
 
 
 
@@ -29677,6 +30106,8 @@ var getPosition = function getPosition(target) {
 
 
 var defaultContext = {
+  addParent: function addParent(_ref) {},
+  removeParent: function removeParent(_ref) {},
   bindChild: function bindChild(_ref) {},
   removeChild: function removeChild(_ref) {}
 };
@@ -29707,21 +30138,32 @@ var usePopup = function usePopup(props) {
     setOpenState = _useState2[1];
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(popup_context),
     bindChild = _useContext.bindChild,
-    removeChild = _useContext.removeChild;
+    removeChild = _useContext.removeChild,
+    addParent = _useContext.addParent,
+    removeParent = _useContext.removeParent;
   var targetRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var popupRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    bindChild(popupRef);
-    return function () {
-      removeChild(popupRef);
-    };
-  }, []);
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       triggerTimer: null,
       // 记录所有的子popup 点击子 popup 不关闭弹窗
       chain: [targetRef, popupRef]
     }),
     context = _useRef.current;
+  var handleAddParent = function handleAddParent(elRef) {
+    context.chain.push(elRef);
+
+    // 继续向上添加当前的 popupRef 到父级
+    addParent(elRef);
+  };
+  var handleRemoveParent = function handleRemoveParent(elRef) {
+    var index = context.chain.findIndex(function (item) {
+      return item === elRef;
+    });
+    if (index > -1) {
+      context.chain.splice(index, 1);
+      removeParent(elRef);
+    }
+  };
   var open = openState;
   var changeOpen = function changeOpen(openIn, delay) {
     if (context.triggerTimer) clearTimeout(context.triggerTimer);
@@ -29751,11 +30193,6 @@ var usePopup = function usePopup(props) {
       updatePosition();
     }
     setOpenState(!!props.open);
-
-    // 外部传了open时，需要正常的触发onCollapse；触发了onCollapse才能让组件内部的edit状态正确，否则可能会出现弹出层打开了但是用户却无法选择的情况
-    if (props.open !== undefined) {
-      changeOpen(!!props.open);
-    }
   }, [props.open]);
 
   // const getPopUpHeight = () => {
@@ -29860,8 +30297,13 @@ var usePopup = function usePopup(props) {
   });
   var providerValue = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     return {
+      addParent: handleAddParent,
+      removeParent: handleRemoveParent,
       bindChild: function bindChild(elRef) {
-        context.chain.push(elRef);
+        if (elRef.current) {
+          addParent(elRef);
+          context.chain.push(elRef);
+        }
       },
       removeChild: function removeChild(elRef) {
         var index = context.chain.findIndex(function (item) {
@@ -29869,10 +30311,19 @@ var usePopup = function usePopup(props) {
         });
         if (index > -1) {
           context.chain.splice(index, 1);
+          removeParent(elRef);
         }
       }
     };
   }, []);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+    if (open) {
+      bindChild(popupRef);
+    }
+    return function () {
+      removeChild(popupRef);
+    };
+  }, [open]);
   return {
     open: open,
     position: position,
@@ -29886,19 +30337,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) {
@@ -30117,6 +30555,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 = {
@@ -30283,6 +30734,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);
@@ -30409,6 +30915,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 = {
@@ -30463,6 +30970,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;
@@ -30558,13 +31068,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;
@@ -30706,7 +31209,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
   };
@@ -31436,6 +31939,7 @@ var AbsoluteList = function AbsoluteList(props) {
 
 
 
+
 var emptyEvent = function emptyEvent(e) {
   return e.stopPropagation();
 };
@@ -31495,7 +31999,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);
@@ -31505,8 +32019,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();
@@ -31514,6 +32034,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();
@@ -31575,6 +32100,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
@@ -33816,9 +34342,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",
@@ -35367,6 +35900,18 @@ function removeProtocol(url) {
     return url;
   }
 }
+
+/**
+ * Used to match `RegExp`
+ * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+ */
+var reRegExpChar = /[\\^$.*+?()[\]{}|]/g,
+  reHasRegExpChar = RegExp(reRegExpChar.source);
+function escapeRegExp() {
+  var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var string = typeof str === 'string' ? str : str.toString();
+  return string && reHasRegExpChar.test(string) ? string.replace(reRegExpChar, '\\$&') : string;
+}
 ;// CONCATENATED MODULE: ../base/src/config/locale/zh-CN.ts
 /* harmony default export */ var zh_CN = ({
   now: '今天',
@@ -37624,11 +38169,16 @@ var mergeFilteredTree = function mergeFilteredTree(filterData, rawDatum, tiledId
     draft.map(recursion);
   });
 };
+;// CONCATENATED MODULE: ../hooks/src/common/use-filter/use-filter-context.ts
+
+var FilterContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext({});
+FilterContext.displayName = 'FilterContext';
 ;// CONCATENATED MODULE: ../hooks/src/common/use-filter/use-filter.ts
 
 
 
 
+
 var useFilter = function useFilter(props) {
   var data = props.data,
     groupKey = props.groupKey,
@@ -37770,6 +38320,7 @@ var useFilter = function useFilter(props) {
     filterFunc: filterFunc,
     onCreate: onCreate ? handleCreate : undefined,
     onFilter: onFilter || onCreate ? handleFilter : undefined,
+    FilterProvider: FilterContext.Provider,
     // onResetFilter: handleResetData,
     onClearCreatedData: handleClearCreatedData
   };
@@ -38080,9 +38631,10 @@ var useTree = function useTree(props) {
       };
     }
     if (virtual) {
+      var _context$dataFlatStat;
       return {
         active: isActive,
-        expanded: context.dataFlatStatusMap.get(id).expanded
+        expanded: !!((_context$dataFlatStat = context.dataFlatStatusMap.get(id)) !== null && _context$dataFlatStat !== void 0 && _context$dataFlatStat.expanded)
       };
     }
     return {
@@ -38093,11 +38645,12 @@ var useTree = function useTree(props) {
 
   // 注册节点
   var bindVirtualNode = function bindVirtualNode(id, update) {
+    var _context$dataFlatStat2;
     context.updateMap.set(id, update);
     var isActive = activeProp === id;
     return {
       active: isActive,
-      expanded: context.dataFlatStatusMap.get(id).expanded
+      expanded: !!((_context$dataFlatStat2 = context.dataFlatStatusMap.get(id)) !== null && _context$dataFlatStat2 !== void 0 && _context$dataFlatStat2.expanded)
     };
   };
   var get = function get(id) {
@@ -38469,7 +39022,7 @@ var useTree = function useTree(props) {
   var appendChildrenExpanded = function appendChildrenExpanded(child, level, pid, insertData) {
     if (!child) return;
     child.forEach(function (item, i) {
-      var _context$dataFlatStat;
+      var _context$dataFlatStat3;
       var childId = getKey(item, pid, i);
       var node = {
         id: childId,
@@ -38478,7 +39031,7 @@ var useTree = function useTree(props) {
         pid: pid
       };
       insertData.push(node);
-      if ((_context$dataFlatStat = context.dataFlatStatusMap.get(childId)) !== null && _context$dataFlatStat !== void 0 && _context$dataFlatStat.expanded && item[childrenKey]) {
+      if ((_context$dataFlatStat3 = context.dataFlatStatusMap.get(childId)) !== null && _context$dataFlatStat3 !== void 0 && _context$dataFlatStat3.expanded && item[childrenKey]) {
         appendChildrenExpanded(item[childrenKey], level + 1, childId, insertData);
       }
     });
@@ -38561,6 +39114,16 @@ var useTree = function useTree(props) {
   var getFlatData = function getFlatData() {
     return context.dataFlat;
   };
+  var updateExpanded = usePersistFn(function (expanded) {
+    var tempExpandMap = new Set(expanded);
+    if (!expanded) return;
+    if (virtual) {
+      expandedFlat(expanded);
+    }
+    context.updateMap.forEach(function (update, id) {
+      update('expanded', tempExpandMap.has(id));
+    });
+  });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (defaultExpandAll) {
       var nextExpanded = [];
@@ -38576,8 +39139,13 @@ var useTree = function useTree(props) {
     if (props.datum) return;
     if (!dataUpdate) return;
     setData(data);
+    var nextExpanded = props.expanded || props.defaultExpanded || [];
+    if (!shallowEqual(nextExpanded, expanded)) {
+      onExpand(nextExpanded);
+      updateExpanded(nextExpanded);
+    }
     updateInnerCheckStatus();
-  }, [data]);
+  }, [props.data]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (props.datum) return;
     setValue(value);
@@ -38602,16 +39170,17 @@ var useTree = function useTree(props) {
     getChecked: getChecked,
     getKey: getKey,
     getFlatData: getFlatData,
+    getDataById: getDataById,
     getDataByValues: getDataByValues,
     setValue: setValue,
     setData: setData,
     isDisabled: isDisabled,
+    isUnMatched: isUnMatched,
     bindNode: bindNode,
     bindVirtualNode: bindVirtualNode,
-    getDataById: getDataById,
     bindUpdate: bindUpdate,
     unBindUpdate: unBindUpdate,
-    isUnMatched: isUnMatched,
+    updateExpanded: updateExpanded,
     childrenKey: childrenKey,
     data: data,
     dataFlat: dataFlat,
@@ -39117,6 +39686,66 @@ var VirtualList = function VirtualList(props) {
   return renderList();
 };
 /* harmony default export */ var virtual_scroll_list = (VirtualList);
+;// CONCATENATED MODULE: ../hooks/src/utils/highlight.tsx
+
+
+
+
+
+function getHighlightText(_ref) {
+  var nodeList = _ref.nodeList,
+    searchWords = _ref.searchWords,
+    highlightClassName = _ref.highlightClassName,
+    enable = _ref.enable;
+  if (!enable || !searchWords) {
+    return nodeList;
+  }
+  var transformNode = function transformNode(node) {
+    var _node$props;
+    if (node && typeof ((_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.children) === 'string') {
+      return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(node, undefined, /*#__PURE__*/(0,jsx_runtime.jsx)(HighlightText, {
+        textToHighlight: node.props.children,
+        searchWords: searchWords,
+        highlightClassName: highlightClassName
+      }));
+    }
+    if (node && typeof node === 'string') {
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(HighlightText, {
+        textToHighlight: node,
+        searchWords: searchWords,
+        highlightClassName: highlightClassName
+      });
+    }
+    return node;
+  };
+  return isArray(nodeList) ? nodeList.map(transformNode) : transformNode(nodeList);
+}
+function HighlightText(_ref2) {
+  var textToHighlight = _ref2.textToHighlight,
+    searchWords = _ref2.searchWords,
+    highlightClassName = _ref2.highlightClassName;
+  if (!searchWords) return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+    children: textToHighlight
+  });
+  if (searchWords.length > 500) {
+    searchWords = searchWords.slice(0, 500);
+  }
+
+  // 注意这里的括号，这里使用了带capture group功能的正则，来split字符串
+  // 从而在strArr中可以保留匹配文本
+  var re = new RegExp("(".concat(escapeRegExp(searchWords), ")"), 'i');
+  var strArr = textToHighlight.split(re);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+    children: strArr.map(function (item, index) {
+      return re.test(item) ? /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        className: highlightClassName,
+        children: item
+      }, index) : /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
+        children: item
+      }, index);
+    })
+  });
+}
 ;// CONCATENATED MODULE: ../base/src/cascader/node.tsx
 
 
@@ -39131,7 +39760,7 @@ var VirtualList = function VirtualList(props) {
 
 var node_getDataAttributeName = getDataAttributeName;
 var CascaderNode = function CascaderNode(props) {
-  var _jssStyle$cascader;
+  var _jssStyle$cascader, _jssStyle$common;
   var jssStyle = props.jssStyle,
     active = props.active,
     data = props.data,
@@ -39157,6 +39786,7 @@ var CascaderNode = function CascaderNode(props) {
   var hasChildren = children && children.length > 0;
   var uncertainChildren = loader && !loading && children === undefined;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
+  var commonStyles = jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle);
   var rootClass = classnames_default()(styles.option, active && styles.activeOption, isDisabled && mode !== 4 && styles.optionDisabled);
   var handlePathChange = function handlePathChange() {
     onPathChange === null || onPathChange === void 0 || onPathChange(id, data, path);
@@ -39198,11 +39828,19 @@ var CascaderNode = function CascaderNode(props) {
     }
     return events;
   };
+  var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FilterContext),
+    filterText = _useContext.filterText,
+    highlight = _useContext.highlight;
   var renderContent = function renderContent() {
     var render = typeof renderItem === 'function' ? renderItem : function (d) {
       return d[renderItem];
     };
-    return render(data, active, id);
+    return getHighlightText({
+      enable: highlight,
+      nodeList: render(data, active, id),
+      searchWords: filterText,
+      highlightClassName: commonStyles.highlight
+    });
   };
   var renderIcon = function renderIcon() {
     if (loading && children === undefined) {
@@ -39359,8 +39997,9 @@ var CascaderList = function CascaderList(props) {
 
 
 
+
 var FilterNode = function FilterNode(props) {
-  var _jssStyle$cascader;
+  var _jssStyle$cascader, _jssStyle$common;
   var jssStyle = props.jssStyle,
     data = props.data,
     shouldFinal = props.shouldFinal,
@@ -39373,6 +40012,7 @@ var FilterNode = function FilterNode(props) {
     onChange = props.onChange,
     onPathChange = props.onPathChange;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
+  var commonStyles = jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle);
   var handleSelectItem = function handleSelectItem(index, d, e) {
     var isFinal = data && index === data.length - 1;
     if (shouldFinal && !isFinal) return;
@@ -39401,6 +40041,9 @@ var FilterNode = function FilterNode(props) {
   var handleSelect = function handleSelect() {
     handleSelectItem(data.length - 1, data === null || data === void 0 ? void 0 : data[data.length - 1]);
   };
+  var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FilterContext),
+    filterText = _useContext.filterText,
+    highlight = _useContext.highlight;
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: classnames_default()(styles.option, styles.filterOption),
     onClick: handleSelect,
@@ -39420,11 +40063,16 @@ var FilterNode = function FilterNode(props) {
             })) || isDisabled;
           }
         }
-        var content = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-          onClick: handleClick,
-          className: classnames_default()(styles.filterOptionItem, isDisabled && styles.filterDisabledOption),
-          children: renderItem(item)
-        }, 'content');
+        var content = getHighlightText({
+          enable: highlight,
+          nodeList: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            onClick: handleClick,
+            className: classnames_default()(styles.filterOptionItem, isDisabled && styles.filterDisabledOption),
+            children: renderItem(item)
+          }, 'content'),
+          searchWords: filterText,
+          highlightClassName: commonStyles.highlight
+        });
         if (index === 0) return content;
         return [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           className: classnames_default()(styles.filterOptionSeparator),
@@ -40009,7 +40657,7 @@ var TagInput = function TagInput(props) {
 
 
 
-var tag_excluded = ["jssStyle", "className", "type", "color", "size", "disabled", "mode", "shape", "children", "onClick", "onClose", "style", "backgroundColor", "inlineStyle", "onKeyUp", "onCompleted", "onEnterPress", "closable"];
+var tag_excluded = ["jssStyle", "className", "type", "color", "size", "disabled", "mode", "shape", "children", "onClick", "onClose", "style", "backgroundColor", "inlineStyle", "onKeyUp", "onCompleted", "onEnterPress", "closable", "onMouseDown"];
 
 
 
@@ -40040,6 +40688,7 @@ var Tag = function Tag(props) {
     onCompleted = props.onCompleted,
     onEnterPress = props.onEnterPress,
     closable = props.closable,
+    onMouseDown = props.onMouseDown,
     rest = objectWithoutProperties_default()(props, tag_excluded);
   if (props.type) {
     tag_devUseWarning.deprecated('type', 'color', 'Tag');
@@ -40113,6 +40762,7 @@ var Tag = function Tag(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: tagStyle.closeIcon,
       onClick: handleClose,
+      onMouseDown: onMouseDown,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
         className: tagStyle.closeIconWrapper,
         children: icons_config.tag.Close
@@ -40130,7 +40780,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 +40883,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 +40904,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,7 +40912,7 @@ 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,
@@ -40360,6 +41010,7 @@ var result_Result = function Result(props) {
   var render = useRender();
   var resultRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var prevMore = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(more);
+  var removeLock = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
   var showInput = allowOnFilter;
   var mounted = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
   var styles = props.classes;
@@ -40435,6 +41086,12 @@ var result_Result = function Result(props) {
       })
     }, 'input');
   };
+  var handleCloseMouseDown = function handleCloseMouseDown() {
+    removeLock.current = true;
+    setTimeout(function () {
+      removeLock.current = false;
+    }, 0);
+  };
   var renderResultItem = function renderResultItem(item, index, nodes, v) {
     var handleClose = function handleClose() {
       onRemove === null || onRemove === void 0 || onRemove(item, v);
@@ -40469,12 +41126,13 @@ 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),
       closable: closeable && 'only',
       onClose: closeable && handleClose,
+      onMouseDown: closeable ? handleCloseMouseDown : undefined,
       onClick: handleClick,
       jssStyle: jssStyle,
       inlineStyle: true
@@ -40590,6 +41248,7 @@ var result_Result = function Result(props) {
   var handleResetMore = function handleResetMore() {
     if (!compressed) return;
     if (isCompressedBound()) return;
+    if (removeLock.current) return;
     setMore(-1);
     setShouldResetMore(true);
   };
@@ -40598,7 +41257,7 @@ var result_Result = function Result(props) {
       props.setInputText('');
       setTimeout(function () {
         onFilter === null || onFilter === void 0 || onFilter('', 'blur');
-      }, 400);
+      }, 200);
     }
 
     // 单选场景下，焦点时自动选中input文本
@@ -40782,7 +41441,8 @@ var Cascader = function Cascader(props0) {
     onCollapseProp = props.onCollapse,
     size = props.size,
     virtual = props.virtual,
-    filterSameChange = props.filterSameChange;
+    filterSameChange = props.filterSameChange,
+    beforeChange = props.beforeChange;
   var showInput = isFunc(onFilterProp);
   var isRealtime = cascader_isOptionalDisabled(props.disabled) ? props.disabled.isRealtime : false;
   var disabled = isOptionalDisabled(disabledProp) ? disabledProp.disabled : disabledProp;
@@ -40821,7 +41481,8 @@ var Cascader = function Cascader(props0) {
     setInputText = _useFilter.setInputText,
     setFilterText = _useFilter.setFilterText,
     filterFunc = _useFilter.filterFunc,
-    onFilter = _useFilter.onFilter;
+    onFilter = _useFilter.onFilter,
+    FilterProvider = _useFilter.FilterProvider;
   var isDataEmpty = !filterData || filterData.length === 0;
   var isMultiple = multiple === true || mode !== undefined;
   var updateKey = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
@@ -40837,6 +41498,7 @@ var Cascader = function Cascader(props0) {
       defaultValue: defaultValue,
       childrenKey: childrenKey,
       value: valueProp,
+      beforeChange: beforeChange,
       onChange: onChangeProp,
       filterSameChange: filterSameChange
     }),
@@ -41286,8 +41948,12 @@ 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]);
+    if (props.renderOptionList) {
+      updatePath();
+    }
+  }, [value, open]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (filterText !== undefined) {
       updatePath();
@@ -41324,39 +41990,45 @@ var Cascader = function Cascader(props0) {
     }
     return false;
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
-    id: fieldId,
-    tabIndex: disabled === true || showInput ? undefined : 0
-  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
-    className: rootClass,
-    style: rootStyle,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    onKeyDown: handleKeyDown,
-    ref: targetRef,
-    children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
-      adjust: adjust,
-      focus: open,
-      fixedWidth: getFixedWidth(),
-      absolute: absolute,
-      zIndex: zIndex,
-      position: position,
-      updateKey: updateKey,
-      popupGap: 4,
-      popupElRef: popupRef,
-      parentElRef: targetRef,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
-        onRef: popupRef,
-        show: open,
-        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, open && (styles === null || styles === void 0 ? void 0 : styles.pickerWrapperShow)),
-        display: 'block',
-        type: "scale-y",
-        duration: 'fast',
-        style: pickerWrapperStyle,
-        children: renderPanel()
-      })
-    })]
-  }));
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(FilterProvider, {
+    value: {
+      filterText: filterText,
+      highlight: props.highlight
+    },
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+      id: fieldId,
+      tabIndex: disabled === true || showInput ? undefined : 0
+    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
+      className: rootClass,
+      style: rootStyle,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      onKeyDown: handleKeyDown,
+      ref: targetRef,
+      children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
+        adjust: adjust,
+        focus: open,
+        fixedWidth: getFixedWidth(),
+        absolute: absolute,
+        zIndex: zIndex,
+        position: position,
+        updateKey: updateKey,
+        popupGap: 4,
+        popupElRef: popupRef,
+        parentElRef: targetRef,
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
+          onRef: popupRef,
+          show: open,
+          className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, open && (styles === null || styles === void 0 ? void 0 : styles.pickerWrapperShow)),
+          display: 'block',
+          type: "scale-y",
+          duration: 'fast',
+          style: pickerWrapperStyle,
+          children: renderPanel()
+        })
+      })]
+    }))
+  });
 };
 /* harmony default export */ var src_cascader_cascader = (Cascader);
 ;// CONCATENATED MODULE: ../hooks/src/components/use-form/form-func-context.ts
@@ -41798,6 +42470,7 @@ var validate = function validate(value, formData, rules, p) {
 
 
 
+
 var getValue = function getValue(name, formValue) {
   if (!name) return undefined;
   if (isArray(name)) {
@@ -41837,6 +42510,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;
@@ -41991,12 +42668,20 @@ function useFormControl(props) {
       if (isArray(name)) {
         var dv = isArray(defaultValue) ? defaultValue : [];
         name.forEach(function (n, index) {
-          controlFunc.bind(n, dv[index], validateField, update);
+          var v = formFunc === null || formFunc === void 0 ? void 0 : formFunc.getValue(n);
+          var bindedValue = v === undefined ? dv[index] : v;
+          controlFunc.bind(n, context.mounted ? bindedValue : dv[index], validateField, update);
         });
       } else {
-        controlFunc.bind(name, defaultValue, validateField, update);
+        var v = formFunc === null || formFunc === void 0 ? void 0 : formFunc.getValue(name);
+        var bindedValue = v === undefined ? defaultValue : v;
+        controlFunc.bind(name, context.mounted ? bindedValue : 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)) {
@@ -42161,7 +42846,8 @@ var cascader_jssStyle = {
   popover: usePopoverStyle,
   checkbox: useCheckboxStyle,
   radio: useRadioStyle,
-  spin: useSpinStyle
+  spin: useSpinStyle,
+  common: useCommonStyle
 };
 var cascader_Cascader = function Cascader(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_cascader_cascader, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
@@ -46627,7 +47313,7 @@ var DatePicker = function DatePicker(props0) {
     if (props.open) {
       func.startEdit();
     }
-  }, []);
+  }, [props.open]);
   var _usePopup = use_popup({
       open: props.open,
       onCollapse: onCollapse,
@@ -47359,7 +48045,8 @@ var Modal = function Modal(props) {
       renderEd: false,
       isMask: false,
       mouseDownTarget: null,
-      mouseUpTarget: null
+      mouseUpTarget: null,
+      content: null
     }),
     context = _useRef.current;
   var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.visible || props.autoShow),
@@ -47468,6 +48155,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 +48180,7 @@ var Modal = function Modal(props) {
         hasMask = false;
       }
       {
+        if (!context.isMask) return;
         var doc = document.body.parentNode;
         doc.style.paddingRight = '';
         doc.style.overflow = '';
@@ -47600,6 +48289,14 @@ var Modal = function Modal(props) {
   if (props.moveable && !props.fullScreen) {
     panelStyle.transform = "translate(".concat(moveInfo.pos.x, "px, ").concat(moveInfo.pos.y, "px)");
   }
+  var renderContent = function renderContent() {
+    if (!props.visible && context.content !== null) return context.content;
+    return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
+      children: [renderHeader(), renderBody(), renderFooter(), renderResize()]
+    });
+  };
+  var content = renderContent();
+  context.content = content;
   return /*#__PURE__*/(0,jsx_runtime.jsx)(FormFooterProvider, {
     children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       onClick: function onClick(e) {
@@ -47618,11 +48315,11 @@ var Modal = function Modal(props) {
         onMouseUp: handleMaskMouseUp,
         onClick: handleMaskClick,
         onAnimationStart: updateOrigin,
-        children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           ref: panelRef,
           className: classnames_default()(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.panel, props.className),
           style: panelStyle,
-          children: [renderHeader(), renderBody(), renderFooter(), renderResize()]
+          children: content
         })
       }))
     })
@@ -47765,6 +48462,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 +49949,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
@@ -49403,7 +50104,7 @@ var useForm = function useForm(props) {
           if (errors.length > 0) {
             var errorFields = [];
             for (var _key in context.errors) {
-              if (context.errors[_key]) {
+              if (context.errors[_key] && context.names.has(_key)) {
                 var _context$errors$_key;
                 errorFields.push({
                   name: _key,
@@ -49505,13 +50206,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));
           });
         }
       });
@@ -49522,7 +50226,11 @@ var useForm = function useForm(props) {
     fullKeyPaths.forEach(function (key) {
       delete context.serverErrors[key];
     });
-    update(fullKeyPaths);
+    if (option.forceUpdate) {
+      update();
+    } else {
+      update(fullKeyPaths);
+    }
   });
   var updateDefaultValue = function updateDefaultValue() {
     if (!context.mounted) return;
@@ -49567,6 +50275,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 +50293,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 +50397,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) {
@@ -49714,7 +50420,6 @@ var useForm = function useForm(props) {
       }
       if (validateFieldSet.size === 0 && updateFieldSet.size === 0) {
         context.names.delete(n);
-        delete context.errors[n];
         delete context.defaultValues[n];
       }
       var finalReserveAble = (_props$reserveAble = props.reserveAble) !== null && _props$reserveAble !== void 0 ? _props$reserveAble : reserveAble;
@@ -49809,7 +50514,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 +50527,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 +50587,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 +50603,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 +50772,7 @@ var UseFormItem = function UseFormItem() {
 
 
 
+
 var tooltip_devUseWarning = devUseWarning;
 var defaultDelay = 0;
 var Tooltip = function Tooltip(props) {
@@ -50102,14 +50814,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 +50841,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 +50885,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 +51253,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 +51737,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 +51775,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 +51811,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 +51843,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 +52613,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 +52693,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);
   };
 
   // 默认占位图
@@ -52879,7 +53644,7 @@ var UseSelectGroup = function UseSelectGroup(props) {
 
 
 var ListOption = function ListOption(props) {
-  var _jssStyle$select;
+  var _jssStyle$select, _jssStyle$common;
   var jssStyle = props.jssStyle,
     datum = props.datum,
     index = props.index,
@@ -52895,6 +53660,7 @@ var ListOption = function ListOption(props) {
   var optionRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var config = useConfig();
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
+  var commonStyles = jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle);
   var isChecked = datum.check(data);
   var isDisabled = datum.disabledCheck(data);
   var rootClass = classnames_default()(styles === null || styles === void 0 ? void 0 : styles.option, "option-".concat(index), defineProperty_default()({}, styles === null || styles === void 0 ? void 0 : styles.optionHover, isHover));
@@ -52925,7 +53691,15 @@ var ListOption = function ListOption(props) {
       children: icons_config.select.Check
     });
   };
-  var result = renderItem(data);
+  var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FilterContext),
+    filterText = _useContext.filterText,
+    highlight = _useContext.highlight;
+  var result = getHighlightText({
+    enable: highlight,
+    nodeList: renderItem(data),
+    searchWords: filterText,
+    highlightClassName: commonStyles.highlight
+  });
   var title = typeof result === 'string' ? result : '';
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (!isAnimationFinish) return;
@@ -52982,6 +53756,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 +53924,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,
@@ -53208,7 +53983,8 @@ var TreeCheckbox = function TreeCheckbox(props) {
     id = props.id,
     onChange = props.onChange,
     disabled = props.disabled,
-    checked = props.checked;
+    checked = props.checked,
+    size = props.size;
   var _useTreeContext = useTreeContext(),
     unBindUpdate = _useTreeContext.unBindUpdate;
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
@@ -53225,7 +54001,8 @@ var TreeCheckbox = function TreeCheckbox(props) {
     checked: checked,
     disabled: disabled,
     onChange: onChange,
-    needStopPropagation: true
+    needStopPropagation: true,
+    size: size
   });
 };
 /* harmony default export */ var tree_checkbox = (TreeCheckbox);
@@ -53241,6 +54018,8 @@ var TreeCheckbox = function TreeCheckbox(props) {
 
 
 
+
+
 var NodeContent = function NodeContent(props) {
   var jssStyle = props.jssStyle,
     id = props.id,
@@ -53272,14 +54051,16 @@ var NodeContent = function NodeContent(props) {
   var forceUpdate = useRender();
   var _useTreeContext = useTreeContext(),
     isDisabled = _useTreeContext.isDisabled,
-    bindUpdate = _useTreeContext.bindUpdate;
+    bindUpdate = _useTreeContext.bindUpdate,
+    size = _useTreeContext.size,
+    leafIcon = _useTreeContext.leafIcon;
   var config = useConfig();
   var disabled = isDisabled(id);
   bindUpdate(id, forceUpdate);
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
+  var commonStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.common()) || {};
   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 +54095,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);
@@ -53393,10 +54174,30 @@ var NodeContent = function NodeContent(props) {
     if (Array.isArray(children) || children === null) return null;
     if (fetching && !children) return renderLoading();
     if (loader && children === undefined) return indicator;
+    if (leafIcon) {
+      var $iconContent = null;
+      if (leafIcon === true) {
+        $iconContent = icons_config.tree.Leaf;
+      } else if (isFunc(leafIcon)) {
+        $iconContent = leafIcon(data);
+      } else {
+        $iconContent = leafIcon;
+      }
+      return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        className: contentStyle.iconWrapper,
+        dir: config.direction,
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+          className: classnames_default()(contentStyle.icon, iconClass),
+          dir: config.direction,
+          children: $iconContent
+        })
+      });
+    }
     return null;
   };
   var renderCheckbox = function renderCheckbox() {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(tree_checkbox, {
+      size: size,
       jssStyle: jssStyle,
       id: id,
       disabled: disabled,
@@ -53405,11 +54206,19 @@ var NodeContent = function NodeContent(props) {
       onChange: handleNodeCheck
     });
   };
+  var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FilterContext),
+    filterText = _useContext.filterText,
+    highlightFilter = _useContext.highlight;
   var renderNode = function renderNode() {
     var render = isFunc(renderItem) ? renderItem : function (item) {
       return item[renderItem];
     };
-    return render(data, expanded, active, id);
+    return getHighlightText({
+      enable: highlightFilter,
+      nodeList: render(data, expanded, active, id),
+      searchWords: filterText,
+      highlightClassName: commonStyles.highlight
+    });
   };
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: rootClass,
@@ -53423,7 +54232,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()
@@ -53869,6 +54678,7 @@ var useTreeVirtualNode = function useTreeVirtualNode(props) {
 
 
 
+
 var tree_virtual_node_placeElement = null;
 var VirtualNode = function VirtualNode(props) {
   var jssStyle = props.jssStyle,
@@ -53894,7 +54704,8 @@ var VirtualNode = function VirtualNode(props) {
     onChange = props.onChange,
     onNodeClick = props.onNodeClick,
     onToggle = props.onToggle,
-    actionOnClick = props.actionOnClick;
+    actionOnClick = props.actionOnClick,
+    size = props.size;
   var config = useConfig();
   var datum = useTreeContext();
   var element = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -53935,14 +54746,28 @@ var VirtualNode = function VirtualNode(props) {
     });
     if (onToggle) onToggle(id, nextExpanded);
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+  var indent = size === "large" ? 32 : 24;
+  var $indents;
+  if (line) {
+    $indents = Array.from({
+      length: level - 1
+    }).map(function (_, index) {
+      return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        className: contentStyle.lineIndent,
+        style: {
+          left: (index + 1) * indent
+        }
+      }, index);
+    });
+  }
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     ref: element,
     className: rootClass,
     dir: config.direction,
     style: {
-      paddingLeft: level * 24
+      paddingLeft: level * indent
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)(tree_content, {
+    children: [$indents, /*#__PURE__*/(0,jsx_runtime.jsx)(tree_content, {
       virtual: true,
       jssStyle: jssStyle,
       isControlled: isControlled,
@@ -53973,7 +54798,7 @@ var VirtualNode = function VirtualNode(props) {
       onNodeClick: onNodeClick,
       onToggle: handleToggle,
       actionOnClick: actionOnClick
-    })
+    })]
   });
 };
 /* harmony default export */ var tree_virtual_node = (VirtualNode);
@@ -54152,11 +54977,16 @@ var Root = function Root(props) {
 
 
 
+var SIZE_MAP = {
+  'small': 28,
+  'default': 36,
+  'large': 42
+};
 var TreeVirtual = function TreeVirtual(props) {
   var jssStyle = props.jssStyle,
     height = props.height,
-    _props$lineHeight = props.lineHeight,
-    lineHeight = _props$lineHeight === void 0 ? 36 : _props$lineHeight,
+    lineHeightProp = props.lineHeight,
+    rowsInView = props.rowsInView,
     line = props.line,
     mode = props.mode,
     contentClass = props.contentClass,
@@ -54180,6 +55010,7 @@ var TreeVirtual = function TreeVirtual(props) {
     onToggle = props.onToggle,
     onChange = props.onChange;
   var datum = useTreeContext();
+  var lineHeight = lineHeightProp || SIZE_MAP[datum.size || 'default'];
   var renderItem = function renderItem(item, index) {
     var id = item.id,
       data = item.data,
@@ -54212,13 +55043,14 @@ var TreeVirtual = function TreeVirtual(props) {
       expanded: expanded,
       onNodeClick: onNodeClick,
       onToggle: onToggle,
-      onChange: onChange
+      onChange: onChange,
+      size: datum.size
     }, id);
   };
   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 +55070,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", "height"];
 
 
 
@@ -54300,8 +55132,11 @@ 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,
+    height = props.height,
     rest = objectWithoutProperties_default()(props, tree_excluded);
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(propActive),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -54342,7 +55177,7 @@ var Tree = function Tree(props) {
     expanded = _useTree.expanded,
     onExpand = _useTree.onExpand;
   var treeStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = classnames_default()(treeStyle.rootClass, treeStyle.tree, className, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, treeStyle.line, line), treeStyle.noline, !line), treeStyle.virtual, virtual));
+  var rootClass = classnames_default()(treeStyle.rootClass, treeStyle.tree, className, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, treeStyle.line, line), treeStyle.noline, !line), treeStyle.virtual, virtual), treeStyle.sizeSmall, props.size === 'small'), treeStyle.sizeLarge, props.size === 'large'));
   var getDragImageSelector = function getDragImageSelector(data) {
     if (isFunc(dragImageSelector)) return dragImageSelector(data);
     return dragImageSelector;
@@ -54357,16 +55192,6 @@ var Tree = function Tree(props) {
     }
     return props.height || styleHeight;
   };
-  var handleUpdateExpanded = function handleUpdateExpanded(expanded) {
-    var tempExpandMap = new Set(expanded);
-    if (!expanded) return;
-    if (virtual) {
-      datum.expandedFlat(expanded);
-    }
-    datum.updateMap.forEach(function (update, id) {
-      update('expanded', tempExpandMap.has(id));
-    });
-  };
   var handleUpdateActive = function handleUpdateActive(active, item) {
     setActive(active);
     if (active !== props.active) {
@@ -54459,6 +55284,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',
@@ -54514,7 +55340,7 @@ var Tree = function Tree(props) {
       return;
     }
     if (!props.expanded) return;
-    handleUpdateExpanded(expanded);
+    datum.updateExpanded(expanded);
   }, [expanded]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // if (!active) return;
@@ -54532,7 +55358,10 @@ var Tree = function Tree(props) {
     id: fieldId
   }, rest), {}, {
     children: /*#__PURE__*/(0,jsx_runtime.jsx)(tree_context_Provider, {
-      value: datum,
+      value: objectSpread2_default()(objectSpread2_default()({}, datum), {}, {
+        size: props.size,
+        leafIcon: props.leafIcon
+      }),
       children: renderList()
     })
   }));
@@ -55002,6 +55831,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,
@@ -55035,6 +55865,7 @@ function Select(props0) {
     onEnterExpand = props.onEnterExpand,
     filterSameChange = props.filterSameChange,
     noCache = props.noCache,
+    highlight = props.highlight,
     _props$trigger = props.trigger,
     trigger = _props$trigger === void 0 ? 'click' : _props$trigger;
   var hasFilter = isFunc(props.onAdvancedFilter || onFilterProp);
@@ -55081,7 +55912,8 @@ function Select(props0) {
     setInputText = _useFilter.setInputText,
     onCreate = _useFilter.onCreate,
     onClearCreatedData = _useFilter.onClearCreatedData,
-    rawData = _useFilter.rawData;
+    rawData = _useFilter.rawData,
+    FilterProvider = _useFilter.FilterProvider;
   var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(''),
     _useState8 = slicedToArray_default()(_useState7, 2),
     absoluteListUpdateKey = _useState8[0],
@@ -55438,6 +56270,7 @@ function Select(props0) {
         reFocus: reFocus,
         convertBr: convertBr,
         compressed: compressed,
+        renderCompressed: renderCompressed,
         compressedBound: compressedBound,
         compressedClassName: compressedClassName,
         multiple: multiple,
@@ -55500,6 +56333,7 @@ function Select(props0) {
       renderItem: renderItem,
       controlType: controlType,
       onLoadMore: onLoadMore,
+      keepScrollTop: !!filterText ? false : true,
       isAnimationFinish: isAnimationFinish,
       threshold: threshold,
       onControlTypeChange: setControlType,
@@ -55599,43 +56433,49 @@ function Select(props0) {
   var targetProps = getTargetProps();
   var onMouseEnter = targetProps.onMouseEnter,
     onMouseLeave = targetProps.onMouseLeave;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
-    ref: targetRef,
-    tabIndex: disabled === true || showInput ? undefined : 0
-  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
-    className: rootClass,
-    style: rootStyle,
-    onKeyDown: handleKeyDown,
-    onKeyUp: handleKeyUp,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onMouseDown: preventDefault,
-    children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
-      adjust: adjust,
-      focus: open,
-      fixedWidth: (!props.columns || props.columns <= 1) && (autoAdapt ? 'min' : true),
-      absolute: props.absolute,
-      zIndex: props.zIndex,
-      position: position,
-      popupGap: 4,
-      popupElRef: popupRef,
-      parentElRef: targetRef,
-      updateKey: absoluteListUpdateKey,
-      children: /*#__PURE__*/(0,jsx_runtime.jsxs)(animation_list, {
-        onRef: popupRef,
-        show: open,
-        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.pickerSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.pickerLarge)),
-        onAnimationAfterEnter: onAnimationAfterEnter,
-        display: 'block',
-        type: "scale-y",
-        duration: 'fast',
-        style: getListStyle(),
-        children: [renderHeader(), renderOptions(), renderFooter()]
-      })
-    })]
-  }));
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(FilterProvider, {
+    value: {
+      filterText: filterText,
+      highlight: highlight
+    },
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+      ref: targetRef,
+      tabIndex: disabled === true || showInput ? undefined : 0
+    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
+      className: rootClass,
+      style: rootStyle,
+      onKeyDown: handleKeyDown,
+      onKeyUp: handleKeyUp,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      onMouseDown: preventDefault,
+      children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
+        adjust: adjust,
+        focus: open,
+        fixedWidth: (!props.columns || props.columns <= 1) && (autoAdapt ? 'min' : true),
+        absolute: props.absolute,
+        zIndex: props.zIndex,
+        position: position,
+        popupGap: 4,
+        popupElRef: popupRef,
+        parentElRef: targetRef,
+        updateKey: absoluteListUpdateKey,
+        children: /*#__PURE__*/(0,jsx_runtime.jsxs)(animation_list, {
+          onRef: popupRef,
+          show: open,
+          className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.pickerSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.pickerLarge)),
+          onAnimationAfterEnter: onAnimationAfterEnter,
+          display: 'block',
+          type: "scale-y",
+          duration: 'fast',
+          style: getListStyle(),
+          children: [renderHeader(), renderOptions(), renderFooter()]
+        })
+      })]
+    }))
+  });
 }
 /* harmony default export */ var base_src_select_select = (Select);
 ;// CONCATENATED MODULE: ../base/src/pagination/pagination-size-list.tsx
@@ -58845,7 +59685,8 @@ var select_jssStyle = {
   checkbox: useCheckboxStyle,
   radio: useRadioStyle,
   tree: useTreeStyle,
-  spin: useSpinStyle
+  spin: useSpinStyle,
+  common: useCommonStyle
 };
 function SelectComponent(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_select_select, objectSpread2_default()({
@@ -58861,6 +59702,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 +60963,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 +61004,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 +61142,177 @@ 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)({
+      isMouseDown: false,
+      lastTableHeight: 0
+    }),
+    context = _useRef.current;
+  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;
+  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
+  };
+  var paddingTop = Math.max(0, Math.floor(scrollHeight - height));
+  if (props.isEmpty) {
+    paddingTop = 0;
+    Object.assign(scrollerStyle, {
+      display: 'flex',
+      flexDirection: 'column'
+    });
+  }
+  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;
+    }
+  });
+  var scrollRoleProps = 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;
+    }
+  });
+
+  // 非定高的Table但依旧采用了virtual渲染方式，需要渲染出全部的data
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+    if (!props.tableRef.current) return;
+    var rootTableHeight = props.tableRef.current.clientHeight;
+    var container = containerRef.current;
+    // 判断内容滚动高度是否真的超过了容器高度
+    var isRealScroll = (container === null || container === void 0 ? void 0 : container.scrollHeight) !== undefined && container.scrollHeight > rootTableHeight;
+    // 判断Table的根节点dom高度是否发生变化，如果变化了，则是因为不定高，被内部元素撑高了导致的
+    if (paddingTop > 0 && context.lastTableHeight > 0 && context.lastTableHeight !== rootTableHeight && !isRealScroll) {
+      props.setFakeVirtual(true);
+      context.lastTableHeight = 0;
+    } else {
+      context.lastTableHeight = rootTableHeight;
+    }
+  }, [paddingTop]);
+  if (props.isEmpty) {
+    return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, scrollRoleProps), {}, {
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        style: {
+          width: scrollWidth
+        }
+      }), props.children]
+    }));
+  }
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    className: props.className,
+    style: props.style,
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, scrollRoleProps), {}, {
+      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 +61443,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 +61592,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 +61809,6 @@ var useTableLayout = function useTableLayout(props) {
     width: tableWidth,
     shouldLastColAuto: props.columnResizable && !adjust,
     scrollWidth: scrollWidth,
-    // maxScrollLeft: scrollWidth - context.clientWidth,
     resizeFlag: resizeFlag
   };
 };
@@ -60957,20 +62163,13 @@ var useTableVirtual = function useTableVirtual(props) {
       autoAddRows: 0
     }),
     context = _useRef.current;
-  var getTranslate = usePersistFn(function (left, top) {
-    var t = top === undefined ? innerTop + offsetY : top;
-    if (t < 0) {
-      t = 0;
-    }
-    return "translate3d(0, ".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;
@@ -61063,7 +62262,7 @@ var useTableVirtual = function useTableVirtual(props) {
     };
     setHeight(sumHeight);
   });
-  var handleScroll = function handleScroll(info) {
+  var handleScroll = usePersistFn(function (info) {
     var height = info.height,
       y = info.y,
       fromDrag = info.fromDrag;
@@ -61097,7 +62296,7 @@ var useTableVirtual = function useTableVirtual(props) {
     } else {
       updateIndexAndTopFromTop(scrollTop);
     }
-  };
+  });
   var scrollToIndex = usePersistFn(function (index, callback) {
     if (props.disabled) return;
     if (props.scrollRef.current) {
@@ -61190,7 +62389,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) {
@@ -61202,15 +62401,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, props.disabled, 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,
-    innerTop: innerTop + offsetY,
+    translateStyle: translateStyle,
     data: renderData,
     handleScroll: handleScroll,
     setRowHeight: setRowHeight,
-    getTranslate: getTranslate,
     scrollToIndex: scrollToIndex,
     scrollColumnByLeft: scrollColumnByLeft,
     scrollColumnIntoView: scrollColumnIntoView
@@ -61520,6 +62728,7 @@ var useTableGroup = function useTableGroup(props) {
       last.colSpan += colSpan;
       if (col.fixed) last.fixed = col.fixed;
       if (col.lastFixed) last.lastFixed = true;
+      if (col.groupProps) last.groupProps = col.groupProps;
     } else {
       var sub = [];
       colSpan = setColumns(sub, col, level + 1, index);
@@ -61532,7 +62741,8 @@ var useTableGroup = function useTableGroup(props) {
         fixed: col.fixed,
         firstFixed: col.firstFixed,
         index: index,
-        columns: sub
+        columns: sub,
+        groupProps: col.groupProps
       };
       columns.push(groupCol);
     }
@@ -61964,13 +63174,17 @@ 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') {
       var left = colgroup.slice(0, index).reduce(function (a, b) {
         return thead_toNum(a) + thead_toNum(b);
       }, 0);
       return {
         left: left,
-        top: context.trHeights[level - 1] || 0,
+        top: top,
         position: 'sticky'
       };
     }
@@ -61980,16 +63194,17 @@ var thead_toNum = toNum;
       }, 0);
       return {
         right: right,
-        top: context.trHeights[level - 1] || 0,
+        top: top,
         position: 'sticky'
       };
     }
     return {
-      top: context.trHeights[level - 1] || 0,
+      top: top,
       position: 'sticky'
     };
   };
   var createTh = function createTh(trs, col, level, isLast, columnIndex) {
+    var _colTemp2$groupProps, _colTemp2$groupProps2;
     var colTemp = col;
     var colTemp2 = col;
     var fixedStyle = getFixedStyle(col.fixed, col.index, colTemp2.colSpan || 1, level);
@@ -62044,8 +63259,11 @@ var thead_toNum = toNum;
     var style = typeof colTemp2.name === 'string' ? fixedStyle : objectSpread2_default()({
       padding: 0
     }, fixedStyle);
+    if (colTemp2 !== null && colTemp2 !== void 0 && (_colTemp2$groupProps = colTemp2.groupProps) !== null && _colTemp2$groupProps !== void 0 && _colTemp2$groupProps.style) {
+      style = objectSpread2_default()(objectSpread2_default()({}, style), colTemp2.groupProps.style);
+    }
     trs[level].push( /*#__PURE__*/(0,jsx_runtime.jsx)("th", {
-      className: classnames_default()(cellClassName, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellGroup),
+      className: classnames_default()(cellClassName, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellGroup, colTemp2 === null || colTemp2 === void 0 || (_colTemp2$groupProps2 = colTemp2.groupProps) === null || _colTemp2$groupProps2 === void 0 ? void 0 : _colTemp2$groupProps2.className),
       style: style,
       colSpan: colTemp2.colSpan,
       dir: config.direction,
@@ -62202,16 +63420,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 = [];
@@ -62245,15 +63453,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)) {
@@ -62267,22 +63474,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,
@@ -62296,17 +63511,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;
 }
@@ -62359,13 +63570,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, {
@@ -62376,6 +63588,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);
     }
@@ -62428,7 +63642,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;
@@ -62481,8 +63695,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;
@@ -62547,9 +63761,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;
@@ -62565,27 +63780,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;
       }
@@ -62594,7 +63820,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;
@@ -62703,7 +63929,6 @@ var Tr = function Tr(props) {
       hover: hover
     }),
     rowData = _useTableRow.rowData,
-    isCellHover = _useTableRow.isCellHover,
     handleCellHover = _useTableRow.handleCellHover,
     hoverIndex = _useTableRow.hoverIndex,
     rowSelectMergeStartData = _useTableRow.rowSelectMergeStartData;
@@ -62711,9 +63936,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],
@@ -62740,7 +63966,6 @@ var Tr = function Tr(props) {
       setRowHeight: props.setRowHeight,
       striped: props.striped,
       radio: props.radio,
-      isCellHover: isCellHover,
       hover: hover,
       isSelect: props.datum.check(rowSelectMergeStartData[index]),
       handleCellHover: handleCellHover
@@ -62754,14 +63979,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
 
@@ -62875,6 +64109,8 @@ function TbodyEmpty(_ref) {
 
 
 
+
+
 var table_excluded = ["data"];
 
 
@@ -62897,24 +64133,11 @@ 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
 };
 /* harmony default export */ var src_table_table = (function (props) {
-  var _props$jssStyle, _props$jssStyle$table, _props$data, _columns$find;
+  var _props$jssStyle, _props$jssStyle$table, _columns$find;
   var _props$verticalAlign = props.verticalAlign,
     verticalAlign = _props$verticalAlign === void 0 ? 'top' : _props$verticalAlign,
     _props$size = props.size,
@@ -62926,20 +64149,21 @@ var emptyRef = {
   var tableClasses = props === null || props === void 0 || (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$table = _props$jssStyle.table) === null || _props$jssStyle$table === void 0 ? void 0 : _props$jssStyle$table.call(_props$jssStyle);
   var tbodyRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var theadRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var theadIdRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)("thead-container-".concat(generateUUID()));
   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 _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState4 = slicedToArray_default()(_useState3, 2),
+    fakeVirtual = _useState4[0],
+    setFakeVirtual = _useState4[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');
   }
@@ -62960,10 +64184,12 @@ 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');
+  var virtual = !fakeVirtual && props.rowsInView !== 0 && (!!props.virtual || props.fixed === 'both' || props.fixed === 'y' || props.fixed === 'auto');
 
   // 虚拟列表高度另外计算
   var _useResize = useResize({
@@ -63092,6 +64318,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,
@@ -63102,14 +64338,30 @@ var emptyRef = {
     scrollRef: scrollRef,
     innerRef: tbodyRef,
     scrollLeft: props.scrollLeft,
-    isRtl: isRtl
+    isRtl: isRtl,
+    theadAndTfootHeight: context.theadAndTfootHeight
   });
+  var syncHeaderScroll = usePersistFn(function (left) {
+    var _tableRef$current;
+    if (props.hideHeader || !props.sticky) return;
+
+    // why use querySelectorAll: thead经历了Sticky组件的渲染再回来时，theadRef就丢失了
+    var theads = tableRef === null || tableRef === void 0 || (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelectorAll("[data-soui-role=".concat(theadIdRef.current, "]"));
+    theads === null || theads === void 0 || theads.forEach(function (item) {
+      item.scrollLeft = left;
+    });
+  });
+
+  // 简单表格的滚动事件
   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;
@@ -63118,22 +64370,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) {
+    var _props$data;
+    if (!((_props$data = props.data) !== null && _props$data !== void 0 && _props$data.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;
         },
@@ -63144,14 +64410,16 @@ var emptyRef = {
     }
     return null;
   };
+  var $empty = renderEmpty();
   var renderTable = function renderTable() {
-    var _props$summary, _sticky$top, _props$data3;
+    var _props$summary, _sticky$top, _props$data2;
     var Group = /*#__PURE__*/(0,jsx_runtime.jsx)(table_colgroup, {
       colgroup: colgroup,
       columns: columns,
       shouldLastColAuto: !!shouldLastColAuto
     });
     var bodyCommonProps = {
+      virtual: props.virtual,
       hover: props.hover,
       disabled: props.disabled,
       rowClickAttr: props.rowClickAttr,
@@ -63220,17 +64488,22 @@ var emptyRef = {
       target: sticky === null || sticky === void 0 ? void 0 : sticky.target,
       top: (_sticky$top = sticky === null || sticky === void 0 ? void 0 : sticky.top) !== null && _sticky$top !== void 0 ? _sticky$top : 0,
       css: sticky === null || sticky === void 0 ? void 0 : sticky.css,
-      parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
+      parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current,
+      onChange: function onChange(isSticky) {
+        if (isSticky) {
+          var _scrollRef$current;
+          syncHeaderScroll(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollLeft) || 0);
+        }
+      }
     };
-    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?.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 isRenderVirtualTable = virtual || props.sticky || !((_props$data2 = props.data) !== null && _props$data2 !== void 0 && _props$data2.length);
+    var headWrapperClass = classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, !!$empty && tableClasses.emptyHeader, 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;
+      var _scrollRef$current2, _scrollRef$current3, _scrollRef$current4;
       if (!props.showTopScrollbar) return null;
-      var scrollRefWidth = (scrollRef === null || scrollRef === void 0 || (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.clientWidth) || 0;
-      var scrollRefScrollWidth = (scrollRef === null || scrollRef === void 0 || (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollWidth) || 0;
+      var scrollRefWidth = (scrollRef === null || scrollRef === void 0 || (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientWidth) || 0;
+      var scrollRefScrollWidth = (scrollRef === null || scrollRef === void 0 || (_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 ? void 0 : _scrollRef$current3.scrollWidth) || 0;
       var mirrorScrollRefWidth = scrollRefWidth + scrollBarWidth;
       var showScroll = scrollRefScrollWidth > scrollRefWidth;
       // 开启了双滚，但是没有滚动条，不显示
@@ -63241,7 +64514,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
@@ -63252,49 +64525,102 @@ 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$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _scrollRef$current4.scrollWidth,
+              height: 1
+            }
+          })
+        })
+      }));
+    };
+    var renderBottomMirrorScroller = function renderBottomMirrorScroller() {
+      var _scrollRef$current5, _scrollRef$current6, _scrollRef$current7;
+      if (!props.showBottomScrollbar) return null;
+      var scrollRefWidth = (scrollRef === null || scrollRef === void 0 || (_scrollRef$current5 = scrollRef.current) === null || _scrollRef$current5 === void 0 ? void 0 : _scrollRef$current5.clientWidth) || 0;
+      var scrollRefScrollWidth = (scrollRef === null || scrollRef === void 0 || (_scrollRef$current6 = scrollRef.current) === null || _scrollRef$current6 === void 0 ? void 0 : _scrollRef$current6.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.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", {
             style: {
-              width: scrollRef === null || scrollRef === void 0 || (_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 ? void 0 : _scrollRef$current3.scrollWidth,
+              width: scrollRef === null || scrollRef === void 0 || (_scrollRef$current7 = scrollRef.current) === null || _scrollRef$current7 === void 0 ? void 0 : _scrollRef$current7.scrollWidth,
               height: 1
             }
           })
         })
       }));
     };
+    var $headTable = /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
+      className: headWrapperClass
+    }, getDataAttribute({
+      role: theadIdRef.current
+    })), {}, {
+      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;
+      var _props$data3;
+      var showStickyHeader = !props.hideHeader && props.sticky;
       return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-        children: [renderHeadMirrorScroller(), /*#__PURE__*/(0,jsx_runtime.jsxs)(virtual_scroll_scroll, {
-          style: scrollWrapperStyle,
-          scrollerStyle: (_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length ? virtualScrollerStyle : emptyStyle,
+        children: [renderHeadMirrorScroller(), showStickyHeader && /*#__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: [!props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(StickyWrapper, objectSpread2_default()(objectSpread2_default()({}, props.sticky ? stickyProps : {}), {}, {
-            children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-              className: headWrapperClass,
-              children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-                style: {
-                  width: width
-                },
-                ref: theadRef,
-                children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps))]
-              })
-            })
-          })), /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+          isScrollX: isScrollX,
+          isEmpty: !!$empty,
+          tableRef: tableRef,
+          setFakeVirtual: setFakeVirtual,
+          children: [!props.hideHeader && !props.sticky && $headTable, !!((_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length) && /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
             style: {
               width: width,
-              transform: virtualInfo.getTranslate()
+              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
+              setRowHeight: virtualInfo.setRowHeight,
+              scrolling: scrolling
             }))]
           }), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
             className: footWrapperClass,
@@ -63305,8 +64631,8 @@ var emptyRef = {
               ref: tfootRef,
               children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
             })
-          }) : null]
-        }), renderEmpty()]
+          }) : null, $empty]
+        }), renderBottomMirrorScroller()]
       });
     }
     return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
@@ -63321,9 +64647,9 @@ var emptyRef = {
           ref: tbodyRef,
           children: [Group, !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps)), bodyCommonProps.data.length === 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(TbodyEmpty, {
             children: renderEmpty()
-          }) : /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
+          }) : /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps)), showFoot && /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
         })
-      })]
+      }), renderBottomMirrorScroller()]
     });
   };
   var renderLoading = function renderLoading() {
@@ -63343,6 +64669,42 @@ var emptyRef = {
       align: "right"
     }, pagination), paginationInfo));
   };
+
+  // handle head and  foot scroll
+  var handleHeaderWheel = usePersistFn(function (e) {
+    var _theadRef$current2;
+    var scrollEl = scrollRef.current;
+    if (!scrollEl) return;
+    if (!(theadRef !== null && theadRef !== void 0 && (_theadRef$current2 = theadRef.current) !== null && _theadRef$current2 !== void 0 && _theadRef$current2.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 () {
+    var _scrollRef$current8;
+    if (!props.sticky || !scrollRef.current || !isScrollX) return;
+    // sticky场景下，从空数据到有数据切换时，同步一次滚动条的位置
+    syncHeaderScroll(((_scrollRef$current8 = scrollRef.current) === null || _scrollRef$current8 === void 0 ? void 0 : _scrollRef$current8.scrollLeft) || 0);
+  }, [isScrollX, props.sticky, $empty]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    // 绑定 wheel 事件
+    if (props.sticky && theadRef.current && theadRef.current.parentElement) {
+      theadRef.current.parentElement.addEventListener('wheel', handleHeaderWheel, {
+        passive: false
+      });
+    }
+    return function () {
+      if (props.sticky && theadRef.current && theadRef.current.parentElement) {
+        theadRef.current.parentElement.removeEventListener('wheel', handleHeaderWheel);
+      }
+    };
+  }, [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) {
@@ -63378,7 +64740,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)
@@ -63507,7 +64869,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 () {
@@ -63516,7 +64879,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) {
@@ -63545,7 +64908,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;
   }
@@ -64097,7 +65460,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"];
 
 
 
@@ -64154,6 +65517,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';
@@ -64314,10 +65678,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() {
@@ -64408,7 +65780,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
   }));
 };
@@ -65134,6 +66506,7 @@ var TransferOperate = function TransferOperate(props) {
 
 
 
+
 var Transfer = function Transfer(props) {
   var _jssStyle$transfer;
   var jssStyle = props.jssStyle,
@@ -65208,7 +66581,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() {
@@ -65282,7 +66655,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 () {
@@ -65342,7 +66723,8 @@ var tree_Tree = function Tree(props) {
     return {
       tree: treeStyle,
       spin: spinStyle,
-      checkbox: checkboxStyle
+      checkbox: checkboxStyle,
+      common: useCommonStyle
     };
   }, [treeStyle, spinStyle]);
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_tree_tree, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
@@ -65487,6 +66869,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,
@@ -65499,6 +66882,7 @@ var TreeSelect = function TreeSelect(props0) {
     onChangeAddition = props.onChangeAddition,
     onEnterExpand = props.onEnterExpand,
     onExpand = props.onExpand,
+    beforeChange = props.beforeChange,
     filterSameChange = props.filterSameChange;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$treeSelect = jssStyle.treeSelect) === null || _jssStyle$treeSelect === void 0 ? void 0 : _jssStyle$treeSelect.call(jssStyle);
   var rootStyle = Object.assign({
@@ -65525,7 +66909,8 @@ var TreeSelect = function TreeSelect(props0) {
       defaultValue: defaultValue,
       control: 'value' in props,
       filterSameChange: filterSameChange,
-      multiple: multiple
+      multiple: multiple,
+      beforeChange: beforeChange
     }),
     value = _useTreeSelect.value,
     onChange = _useTreeSelect.onChange;
@@ -65556,7 +66941,8 @@ var TreeSelect = function TreeSelect(props0) {
     rawData = _useFilter.rawData,
     onFilter = _useFilter.onFilter,
     onClearCreatedData = _useFilter.onClearCreatedData,
-    setInputText = _useFilter.setInputText;
+    setInputText = _useFilter.setInputText,
+    FilterProvider = _useFilter.FilterProvider;
   var controlExpanded = 'expanded' in props || expanded !== null && expanded !== void 0 && expanded.length ? expanded : undefined;
   var renderMoreIcon = function renderMoreIcon() {
     return icons_config.treeSelect.More;
@@ -65772,17 +67158,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);
@@ -65799,7 +67196,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) {
@@ -65883,6 +67280,7 @@ var TreeSelect = function TreeSelect(props0) {
         disabled: disabled,
         compressed: compressed,
         compressedBound: compressedBound,
+        renderCompressed: renderCompressed,
         compressedClassName: compressedClassName,
         multiple: multiple,
         placeholder: placeholder,
@@ -66016,38 +67414,44 @@ var TreeSelect = function TreeSelect(props0) {
   }, []);
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
     fieldId = _useContext.fieldId;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
-    id: fieldId,
-    ref: targetRef,
-    tabIndex: disabled === true || showInput ? undefined : 0
-  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
-    className: rootClass,
-    style: rootStyle,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    onKeyDown: handleKeyDown,
-    children: [tipNode, renderResult(), hadOpened && /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
-      adjust: adjust,
-      focus: open,
-      fixedWidth: "min",
-      lazy: false,
-      absolute: props.absolute,
-      zIndex: props.zIndex,
-      position: position,
-      popupGap: 4,
-      popupElRef: popupRef,
-      parentElRef: targetRef,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
-        onRef: popupRef,
-        show: open,
-        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
-        display: 'block',
-        type: "scale-y",
-        duration: 'fast',
-        children: renderList()
-      })
-    })]
-  }));
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(FilterProvider, {
+    value: {
+      filterText: filterText,
+      highlight: props.highlight
+    },
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+      id: fieldId,
+      ref: targetRef,
+      tabIndex: disabled === true || showInput ? undefined : 0
+    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
+      className: rootClass,
+      style: rootStyle,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      onKeyDown: handleKeyDown,
+      children: [tipNode, renderResult(), hadOpened && /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
+        adjust: adjust,
+        focus: open,
+        fixedWidth: "min",
+        lazy: false,
+        absolute: props.absolute,
+        zIndex: props.zIndex,
+        position: position,
+        popupGap: 4,
+        popupElRef: popupRef,
+        parentElRef: targetRef,
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
+          onRef: popupRef,
+          show: open,
+          className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
+          display: 'block',
+          type: "scale-y",
+          duration: 'fast',
+          children: renderList()
+        })
+      })]
+    }))
+  });
 };
 /* harmony default export */ var src_tree_select_tree_select = (TreeSelect);
 ;// CONCATENATED MODULE: ./src/tree-select/tree-select.tsx
@@ -66065,7 +67469,8 @@ var tree_select_jssStyle = {
   checkbox: useCheckboxStyle,
   popover: usePopoverStyle,
   treeSelect: useTreeSelectStyle,
-  innerTitle: useInnerTitleStyle
+  innerTitle: useInnerTitleStyle,
+  common: useCommonStyle
 };
 var TreeSelectComponent = function TreeSelectComponent(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_tree_select_tree_select, objectSpread2_default()({
@@ -66174,6 +67579,7 @@ function attrAccept(file, acceptedFiles) {
 
 
 
+
 var VALIDATORITEMS = [{
   key: 'size',
   param: function param(blob) {
@@ -66207,11 +67613,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)({}),
@@ -66331,21 +67738,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))) {
@@ -66373,11 +67781,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) {
@@ -66495,48 +67909,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();
                 }
@@ -66640,23 +68066,53 @@ var useUpload = function useUpload(props) {
 
 
 
+
+
 var useDrop = function useDrop(props) {
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
     _useState2 = slicedToArray_default()(_useState, 2),
     isoOver = _useState2[0],
     setOver = _useState2[1];
-  var handleFileDrop = function handleFileDrop(e) {
-    var files = e.dataTransfer.files;
-    var accept = props.accept,
-      multiple = props.multiple,
-      onDrop = props.onDrop,
-      dropData = props.dropData;
-    var filter = accept ? Array.prototype.filter.call(files, function (f) {
-      return attrAccept(f, accept);
-    }) : Array.from(files);
-    if (!filter || filter.length === 0) return;
-    if (onDrop) onDrop(multiple ? filter : [filter[0]], dropData);
-  };
+  var handleFileDrop = /*#__PURE__*/function () {
+    var _ref = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(e) {
+      var accept, multiple, beforeDrop, onDrop, dropData, files, filter;
+      return regeneratorRuntime_default()().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            accept = props.accept, multiple = props.multiple, beforeDrop = props.beforeDrop, onDrop = props.onDrop, dropData = props.dropData;
+            if (!(beforeDrop && isFunc(beforeDrop))) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 4;
+            return beforeDrop(e);
+          case 4:
+            files = _context.sent;
+            _context.next = 8;
+            break;
+          case 7:
+            files = e.dataTransfer.files;
+          case 8:
+            filter = accept ? Array.prototype.filter.call(files, function (f) {
+              return attrAccept(f, accept);
+            }) : Array.from(files);
+            if (!(!filter || filter.length === 0)) {
+              _context.next = 11;
+              break;
+            }
+            return _context.abrupt("return");
+          case 11:
+            if (onDrop) onDrop(multiple ? filter : [filter[0]], dropData);
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleFileDrop(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
   var handleDrag = function handleDrag(e) {
     var disabled = props.disabled;
     if (disabled) return;
@@ -66934,7 +68390,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,
@@ -66980,6 +68437,7 @@ var Upload = function Upload(props0) {
       accept: accept,
       disabled: props.disabled,
       onDrop: func.addFiles,
+      beforeDrop: props.beforeDrop,
       multiple: !!props.multiple || limit > 1,
       className: classnames_default()(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.dropItem),
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)("span", objectSpread2_default()(objectSpread2_default()({
@@ -69526,6 +70984,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
@@ -69652,6 +71112,8 @@ var upload_interface = __webpack_require__(8821);
 
 
 
+
+
 
 
 
@@ -69715,10 +71177,11 @@ var upload_interface = __webpack_require__(8821);
 
 
 
+
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.0-beta.3'
+  version: '3.7.0-beta.31'
 });
 }();
 /******/ 	return __webpack_exports__;