shineout 3.7.0-beta.8 → 3.7.0

package/dist/shineout.js

@@ -261,6 +261,13 @@ return /******/ (function() { // webpackBootstrap
 
 
 
+/***/ }),
+
+/***/ 6599:
+/***/ (function() {
+
+
+
 /***/ }),
 
 /***/ 5864:
@@ -6427,7 +6434,7 @@ __webpack_require__.d(__webpack_exports__, {
   Empty: function() { return /* reexport */ src_empty_0; },
   Form: function() { return /* reexport */ src_form_0; },
   Gap: function() { return /* reexport */ src_gap_0; },
-  Grid: function() { return /* reexport */ src_grid; },
+  Grid: function() { return /* reexport */ src_grid_0; },
   Icon: function() { return /* reexport */ src_icon_0; },
   Image: function() { return /* reexport */ src_image_0; },
   Input: function() { return /* reexport */ src_input_0; },
@@ -6445,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; },
@@ -6723,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; },
@@ -6967,7 +6976,7 @@ var expand = [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
   clipRule: "evenodd",
   d: "M19.5 2C20.8807 2 22 3.11929 22 4.5V19.5C22 20.8807 20.8807 22 19.5 22H4.5C3.11929 22 2 20.8807 2 19.5V4.5C2 3.11929 3.11929 2 4.5 2H19.5ZM19.5 4H4.5C4.22386 4 4 4.22386 4 4.5V19.5C4 19.7761 4.22386 20 4.5 20H19.5C19.7761 20 20 19.7761 20 19.5V4.5C20 4.22386 19.7761 4 19.5 4ZM16 11C16.5523 11 17 11.4477 17 12C17 12.5128 16.614 12.9355 16.1166 12.9933L16 13C10.701 13 12.6557 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4872 7.38604 11.0645 7.88338 11.0067L8 11C12.5606 11 10.8111 11 16 11Z"
 }, 0)];
-var pcHelpCircleFill = ['M11 0C13.9562 0 16.7292 1.17289 18.7782 3.22183C20.8271 5.27079 22 8.04381 22 11C22 13.9562 20.8271 16.7292 18.7782 18.7782C16.7292 20.8271 13.9562 22 11 22C8.04381 22 5.27079 20.8271 3.22182 18.7782C1.17289 16.7292 0 13.9562 0 11C0 8.04381 1.17289 5.27079 3.22183 3.22182C5.27079 1.17289 8.04381 0 11 0ZM11 15.3125C10.3097 15.3125 9.75 15.8721 9.75 16.5625C9.75 17.2528 10.3097 17.8125 11 17.8125C11.6903 17.8125 12.25 17.2528 12.25 16.5625C12.25 15.8721 11.6903 15.3125 11 15.3125ZM11 4.31245C8.79086 4.31245 7 6.10332 7 8.31245C7 8.86474 7.44772 9.31245 8 9.31245C8.55229 9.31245 9 8.86474 9 8.31245C9 7.20789 9.89543 6.31245 11 6.31245C12.1046 6.31245 13 7.20789 13 8.31245C13 9.41702 12.1046 10.3125 11 10.3125L10.8834 10.3192C10.386 10.3769 10 10.7996 10 11.3125V13.3125L10.0067 13.4291C10.0645 13.9264 10.4872 14.3125 11 14.3125L11.1166 14.3057C11.614 14.248 12 13.8253 12 13.3125V12.185L12.1553 12.1431C13.8012 11.6474 15 10.1199 15 8.31245C15 6.10332 13.2091 4.31245 11 4.31245Z'];
+var pcHelpCircleFill = ['M12 1C14.9562 1 17.7292 2.17289 19.7782 4.22183C21.8271 6.27079 23 9.04381 23 12C23 14.9562 21.8271 17.7292 19.7782 19.7782C17.7292 21.8271 14.9562 23 12 23C9.04381 23 6.27079 21.8271 4.22182 19.7782C2.17289 17.7292 1 14.9562 1 12C1 9.04381 2.17289 6.27079 4.22183 4.22182C6.27079 2.17289 9.04381 1 12 1ZM12 16.3125C11.3097 16.3125 10.75 16.8721 10.75 17.5625C10.75 18.2528 11.3097 18.8125 12 18.8125C12.6903 18.8125 13.25 18.2528 13.25 17.5625C13.25 16.8721 12.6903 16.3125 12 16.3125ZM12 5.31245C9.79086 5.31245 8 7.10332 8 9.31245C8 9.86474 8.44772 10.3125 9 10.3125C9.55229 10.3125 10 9.86474 10 9.31245C10 8.20789 10.8954 7.31245 12 7.31245C13.1046 7.31245 14 8.20789 14 9.31245C14 10.417 13.1046 11.3125 12 11.3125L11.8834 11.3192C11.386 11.3769 11 11.7996 11 12.3125V14.3125L11.0067 14.4291C11.0645 14.9264 11.4872 15.3125 12 15.3125L12.1166 15.3057C12.614 15.248 13 14.8253 13 14.3125V13.185L13.1553 13.1431C14.8012 12.6474 16 11.1199 16 9.31245C16 7.10332 14.2091 5.31245 12 5.31245Z'];
 var pcHelpCircleOutline = /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
@@ -7165,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,
@@ -7308,7 +7318,7 @@ var Alert = function Alert(props) {
   };
   var type = getType();
   var alertStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$alert = jssStyle.alert) === null || _jssStyle$alert === void 0 ? void 0 : _jssStyle$alert.call(jssStyle)) || {};
-  var rootClass = classnames_default()(className, alertStyle.rootClass, alertStyle.alert, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, alertStyle[type], true), alertStyle.withTitle, title), alertStyle.pending, dismiss === PENDING), alertStyle.noBordered, bordered === false));
+  var rootClass = classnames_default()(className, alertStyle.rootClass, alertStyle.alert, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, alertStyle[type], true), alertStyle.withTitle, title), alertStyle.pending, dismiss === PENDING), alertStyle.noBordered, bordered === false), alertStyle.noChildren, !children));
   var getRootProps = function getRootProps() {
     return rest;
   };
@@ -12217,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.8');
+/* harmony default export */ var version = ('3.7.0');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -14122,7 +14132,7 @@ var modalTokens = {
   modalPanelRadius: 'Radius-default',
   modalPanelFontSize: 'Font-14',
   modalHeaderIconMarginEnd: 'Spacing-8',
-  modalHeaderIconMarginTop: 'Spacing-4',
+  modalHeaderIconMarginTop: 'Spacing-3',
   modalHeaderIconSize: 'Size-9',
   modalHeaderCloseMarginXStart: 'Spacing-16',
   modalHeaderCloseSize: 'Size-8',
@@ -14423,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.
@@ -15425,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);
 
 
 
@@ -15593,6 +15622,11 @@ var alertStyle = {
   noBordered: {
     borderColor: 'transparent'
   },
+  noChildren: {
+    '&&$confirmwarning': {
+      marginBottom: 0
+    }
+  },
   icon: {
     width: src.alertIconSize,
     display: 'inline-flex',
@@ -16151,7 +16185,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,
 
@@ -16161,6 +16194,9 @@ var ButtonStyle = {
     '[class*="button-group"] > & + &': {
       margin: 0
     },
+    '&:hover': {
+      transition: 'all .1s linear'
+    },
     '&:active': {
       transition: 'none'
     },
@@ -16663,10 +16699,13 @@ var cardGroupStyle = {
 var useCardGroupStyle = styled(card_group_card_group, 'cardGroup');
 
 /* harmony default export */ var shineout_style_src_card_group = ((/* unused pure expression or super */ null && (useCardGroupStyle)));
-;// CONCATENATED MODULE: ../shineout-style/src/carousel/carousel.ts
-
+;// CONCATENATED MODULE: ../shineout-style/src/common/common.ts
 
-var carouselDuration = '0.4s';
+var collapseStyle = {
+  highlight: {
+    color: src.tagWarningFontColor
+  }
+};
 var animations = {
   '@keyframes r2c': {
     '0%': {
@@ -16747,8 +16786,24 @@ var animations = {
     '100%': {
       opacity: 0
     }
+  },
+  '@keyframes scale-y-top': {
+    '0%': {
+      opacity: 0,
+      transform: 'translateY(-100%) scaleY(0)'
+    },
+    '100%': {
+      opacity: 1,
+      transform: 'translateY(-100%) scaleY(1)'
+    }
   }
 };
+/* harmony default export */ var src_common_common = (collapseStyle);
+;// CONCATENATED MODULE: ../shineout-style/src/carousel/carousel.ts
+
+
+
+var carouselDuration = '0.4s';
 var carouselStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {}
 }, animations), {}, {
@@ -17352,6 +17407,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     display: 'flex',
     flex: '1',
     minWidth: 0,
+    height: '100%',
     alignItems: 'center',
     lineHeight: src.lineHeightDynamic
   },
@@ -17622,12 +17678,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,
@@ -17895,7 +17953,7 @@ var useCheckboxStyle = styled(src_checkbox_checkbox, 'checkbox');
 /* harmony default export */ var shineout_style_src_checkbox = ((/* unused pure expression or super */ null && (useCheckboxStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/collapse/collapse.ts
 
-var collapseStyle = {
+var collapse_collapseStyle = {
   rootClass: {},
   wrapper: {
     overflow: 'hidden',
@@ -17907,7 +17965,7 @@ var collapseStyle = {
     border: 'none'
   }
 };
-/* harmony default export */ var collapse_collapse = (collapseStyle);
+/* harmony default export */ var collapse_collapse = (collapse_collapseStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/collapse/collapse-item.ts
 
 var collapseItemStyle = {
@@ -18055,11 +18113,18 @@ 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/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
 
 
 
 
+
 var date_picker_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
   borderRadius: src.inputBorderRadius,
@@ -18105,8 +18170,9 @@ var date_picker_wrapper = date_picker_inputBorder.wrapper,
   date_picker_resetWrapper = objectWithoutProperties_default()(date_picker_inputBorder, ["wrapper", "wrapperDisabled"]);
 var leftCircleBackground = "radial-gradient(circle closest-side, ".concat(src.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to right, transparent 0%,transparent 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 100%)\n");
 var rightCircleBackground = "radial-gradient(circle closest-side, ".concat(src.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to left, transparent 0%,transparent 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 100%)\n");
-var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
-  rootClass: {},
+var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
+  rootClass: {}
+}, animations), {}, {
   wrapper: objectSpread2_default()({
     display: 'inline-block',
     position: 'relative',
@@ -18724,24 +18790,15 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
       '&[dir=rtl]': {
         right: 0
       },
-      transform: 'translateY(-100%)',
+      transformOrigin: 'bottom',
+      animation: '$scale-y-top 0.2s ease-in-out forwards',
       backgroundColor: src.datePickerPanelBackgroundColor,
       boxShadow: src.datePickerPanelShadow,
-      opacity: '0',
-      zIndex: '-1',
-      visibility: 'hidden'
+      display: 'none'
     },
     '&:hover $timePicker': {
       zIndex: '1',
-      opacity: '1',
-      visibility: 'visible'
-    }
-  },
-  datetimeHide: {
-    opacity: '0',
-    pointerEvents: 'none',
-    '& > span': {
-      display: 'none'
+      display: 'block'
     }
   },
   quickPicker: {
@@ -19615,6 +19672,30 @@ var gapStyle = {
 var useGapStyle = styled(gap, 'gap');
 
 /* harmony default export */ var src_gap = ((/* unused pure expression or super */ null && (useGapStyle)));
+;// CONCATENATED MODULE: ../shineout-style/src/grid/grid.ts
+var grid_gridStyle = {
+  rootClass: {},
+  wrapper: {
+    position: 'relative',
+    display: 'inline-block',
+    zoom: 1,
+    letterSpacing: 'normal',
+    wordSpacing: 'normal',
+    verticalAlign: 'top',
+    textRendering: 'auto',
+    boxSizing: 'border-box'
+  },
+  full: {
+    width: '100%'
+  }
+};
+/* harmony default export */ var grid = (grid_gridStyle);
+;// CONCATENATED MODULE: ../shineout-style/src/grid/index.ts
+
+
+var useGridStyle = styled(grid, 'grid');
+
+/* harmony default export */ var src_grid = ((/* unused pure expression or super */ null && (gridStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/icon/icon.ts
 
 var icon_form = {
@@ -19758,9 +19839,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: {
@@ -20757,6 +20843,9 @@ var listStyle = {
     alignItems: 'center',
     justifyContent: 'center'
   },
+  loadingBottom: {
+    padding: 16
+  },
   empty: {
     display: 'flex',
     justifyContent: 'center',
@@ -21758,9 +21847,6 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
       height: '100vh',
       width: '100vw',
       overflow: 'auto'
-    },
-    '& $body': {
-      minHeight: 'auto'
     }
   },
   wrapperZoom: {
@@ -22733,7 +22819,11 @@ var radioStyle = {
       marginRight: 0
     }
   },
-  wrapperSmall: {},
+  wrapperSmall: {
+    '[data-soui-role="form-control"] > $group > &': {
+      marginTop: 1
+    }
+  },
   wrapperLarge: {},
   wrapperChecked: {},
   wrapperDisabled: {
@@ -22744,13 +22834,16 @@ var radioStyle = {
     position: 'relative',
     boxSizing: 'border-box',
     width: src.radioIconWidth,
+    minWidth: src.radioIconWidth,
     height: src.radioIconWidth,
     '$wrapperSmall &': {
       width: src.radioSmallIconWidth,
+      minWidth: src.radioSmallIconWidth,
       height: src.radioSmallIconWidth
     },
     '$wrapperLarge &': {
       width: src.radioLargeIconWidth,
+      minWidth: src.radioLargeIconWidth,
       height: src.radioLargeIconWidth
     },
     marginRight: src.radioIconGap,
@@ -23151,6 +23244,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   result: {
     display: 'flex',
     flex: '1',
+    height: '100%',
     minWidth: 0,
     alignItems: 'center',
     lineHeight: src.lineHeightDynamic
@@ -23430,10 +23524,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'
@@ -23588,6 +23686,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;
@@ -25484,7 +25689,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 )"),
@@ -25632,9 +25840,19 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
 var useSwitchStyle = styled(src_switch_switch, 'switch');
 
 /* harmony default export */ var shineout_style_src_switch = ((/* unused pure expression or super */ null && (useSwitchStyle)));
+;// CONCATENATED MODULE: ../shineout-style/src/mixin/custom-scrollbar.ts
+function customScrollBar(info) {
+  return {
+    'scrollbar-color': info.background,
+    '&::-webkit-scrollbar': {
+      background: info.background
+    }
+  };
+}
 ;// CONCATENATED MODULE: ../shineout-style/src/table/table.ts
 
 
+
 var cellBaseIndex = 4;
 var fixedIndex = 6;
 var resizeIndex = 8;
@@ -25836,7 +26054,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
     '$wrapper & table > tfoot': {
       position: 'sticky',
       bottom: 0,
-      zIndex: fixedIndex
+      zIndex: fixedFixedIndex + 1
     }
   },
   footWrapper: {
@@ -25849,6 +26067,23 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
       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',
     width: '100%',
@@ -25857,6 +26092,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
     left: 0,
     top: 0,
     justifyContent: 'center',
+    textAlign: 'center',
     display: 'flex',
     alignItems: 'center',
     borderBottom: "1px solid ".concat(src.tableCellBorderColor)
@@ -27956,10 +28192,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
@@ -27969,6 +28221,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
@@ -27983,26 +28248,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': {
@@ -28013,19 +28258,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: {
@@ -28059,30 +28408,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'
       },
@@ -28096,7 +28444,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'
@@ -28117,15 +28471,6 @@ var treeStyle = {
     display: 'flex',
     alignItems: 'center',
     marginLeft: 4,
-    // 'label&': {
-    //   cursor: 'pointer',
-    //   userSelect: 'none',
-    // },
-
-    // '$iconWrapper + &': {
-    //   marginLeft: 4,
-    // },
-
     '$contentDisabled &': {
       '& $text': {
         color: src.treeContentDisabledFontColor
@@ -28142,7 +28487,11 @@ var treeStyle = {
   checkbox: {
     '&[class*="checkbox-wrapper"]': {
       height: 26,
+      alignSelf: 'flex-start',
       marginRight: src.treeCheckboxMarginX
+    },
+    '$sizeLarge &': {
+      marginTop: 4
     }
   },
   text: {
@@ -28161,19 +28510,30 @@ var treeStyle = {
       background: src.treeContentHoverBackgroundColor
     }
   },
-  // 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'
     }
@@ -28189,7 +28549,8 @@ var treeStyle = {
     },
     position: 'absolute',
     width: 24,
-    height: 26,
+    height: 24,
+    margin: '1px 0',
     display: 'inline-flex',
     alignItems: 'center',
     justifyContent: 'center',
@@ -28197,11 +28558,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',
@@ -28217,7 +28583,10 @@ var treeStyle = {
       background: src.treeItemActiveBackgroundColor
     },
     '& svg': {
-      width: 14
+      width: 14,
+      '$sizeLarge &': {
+        width: 16
+      }
     }
   },
   children: {},
@@ -28396,6 +28765,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     display: 'flex',
     flex: '1',
     minWidth: 0,
+    height: '100%',
     alignItems: 'center',
     lineHeight: src.lineHeightDynamic
   },
@@ -28652,10 +29022,14 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     visibility: 'hidden'
   },
   moreWrapper: {
+    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,
@@ -29236,6 +29610,9 @@ var useUploadStyle = styled(upload_upload, 'upload');
 
 
 
+
+
+
 
 
 
@@ -29770,6 +30147,8 @@ var getPosition = function getPosition(target) {
 
 
 var defaultContext = {
+  addParent: function addParent(_ref) {},
+  removeParent: function removeParent(_ref) {},
   bindChild: function bindChild(_ref) {},
   removeChild: function removeChild(_ref) {}
 };
@@ -29800,21 +30179,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);
@@ -29844,11 +30234,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 = () => {
@@ -29953,8 +30338,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) {
@@ -29962,10 +30352,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,
@@ -30376,6 +30775,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);
@@ -30502,6 +30956,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 = {
@@ -30556,6 +31011,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;
@@ -30792,7 +31250,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
   };
@@ -31586,11 +32044,11 @@ var Popover = function Popover(props) {
     _React$useState2 = slicedToArray_default()(_React$useState, 2),
     updateKey = _React$useState2[0],
     setUpdateKey = _React$useState2[1];
-  var handleUpdateKey = function handleUpdateKey() {
+  var handleUpdateKey = usePersistFn(function () {
     setUpdateKey(function (prev) {
       return (prev + 1) % 2;
     });
-  };
+  });
   var bindEvents = function bindEvents() {
     var _window;
     var targetEl = targetRef.current;
@@ -31603,9 +32061,9 @@ var Popover = function Popover(props) {
       targetEl.addEventListener('click', closePop);
     }
     (_window = window) === null || _window === void 0 || _window.addEventListener('resize', handleUpdateKey);
-    var scrollContainer = getClosestScrollContainer(targetEl);
-    if (scrollContainer) {
-      scrollContainer.addEventListener('scroll', handleUpdateKey);
+    if (props.adjust) {
+      var scrollContainer = getClosestScrollContainer(targetEl);
+      if (scrollContainer) scrollContainer.addEventListener('scroll', handleUpdateKey);
     }
   };
   var unbindEvents = function unbindEvents() {
@@ -31618,9 +32076,9 @@ var Popover = function Popover(props) {
     if (events.onClick) targetEl.removeEventListener('click', events.onClick);
     targetEl.removeEventListener('click', closePop);
     (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener('resize', handleUpdateKey);
-    var scrollContainer = getClosestScrollContainer(targetEl);
-    if (scrollContainer) {
-      scrollContainer.addEventListener('scroll', 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 () {
@@ -32062,7 +32520,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.indexOf('scale-y') >= 0) {
       transition.push("transform ".concat(durationNum, "ms ease-in-out"));
-      transition.push("opacity ".concat(durationNum, "ms ease-in-out"));
+      transition.push("opacity ".concat(durationNum / 2, "ms ease-in-out"));
     }
     if (type.indexOf('collapse') >= 0) {
       transition.push("height ".concat(durationNum, "ms ease-in-out"));
@@ -33925,9 +34383,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",
@@ -35476,6 +35941,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: '今天',
@@ -36239,7 +36716,10 @@ var Carousel = function Carousel(props) {
     _props$indicatorPosit = props.indicatorPosition,
     indicatorPosition = _props$indicatorPosit === void 0 ? 'center' : _props$indicatorPosit,
     _props$indicatorType = props.indicatorType,
-    indicatorType = _props$indicatorType === void 0 ? 'circle' : _props$indicatorType;
+    indicatorType = _props$indicatorType === void 0 ? 'circle' : _props$indicatorType,
+    itemClassName = props.itemClassName,
+    _props$showIndicator = props.showIndicator,
+    showIndicator = _props$showIndicator === void 0 ? true : _props$showIndicator;
   var total = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.toArray(props.children).length;
   var carouselClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$carou = _props$jssStyle.carousel) === null || _props$jssStyle$carou === void 0 ? void 0 : _props$jssStyle$carou.call(_props$jssStyle);
   var config = useConfig();
@@ -36261,7 +36741,7 @@ var Carousel = function Carousel(props) {
         height: (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.height
       },
       children: external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(props.children, function (child, index) {
-        var itemClasses = classnames_default()(carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.item, index === current && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.itemCurrent), index === pre && pre !== current && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.itemPre));
+        var itemClasses = classnames_default()(carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.item, index === current && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.itemCurrent), index === pre && pre !== current && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.itemPre), itemClassName);
         return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           className: itemClasses,
           children: child
@@ -36301,7 +36781,7 @@ var Carousel = function Carousel(props) {
     });
   };
   var renderIndicator = function renderIndicator() {
-    if (total <= 1) return null;
+    if (total <= 1 && typeof indicatorType !== 'function' || showIndicator === false) return null;
     var content = null;
     if (typeof indicatorType === 'function') {
       content = indicatorType(current, func.moveTo);
@@ -37733,11 +38213,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,
@@ -37879,6 +38364,7 @@ var useFilter = function useFilter(props) {
     filterFunc: filterFunc,
     onCreate: onCreate ? handleCreate : undefined,
     onFilter: onFilter || onCreate ? handleFilter : undefined,
+    FilterProvider: FilterContext.Provider,
     // onResetFilter: handleResetData,
     onClearCreatedData: handleClearCreatedData
   };
@@ -38189,9 +38675,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 {
@@ -38202,11 +38689,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) {
@@ -38578,7 +39066,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,
@@ -38587,7 +39075,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);
       }
     });
@@ -38670,6 +39158,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 = [];
@@ -38685,8 +39183,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);
@@ -38711,16 +39214,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,
@@ -39226,6 +39730,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
 
 
@@ -39240,7 +39804,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,
@@ -39266,6 +39830,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);
@@ -39307,11 +39872,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 === null || commonStyles === void 0 ? void 0 : commonStyles.highlight
+    });
   };
   var renderIcon = function renderIcon() {
     if (loading && children === undefined) {
@@ -39468,8 +40041,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,
@@ -39482,6 +40056,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;
@@ -39510,6 +40085,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,
@@ -39529,11 +40107,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 === null || commonStyles === void 0 ? void 0 : commonStyles.highlight
+        });
         if (index === 0) return content;
         return [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           className: classnames_default()(styles.filterOptionSeparator),
@@ -40118,7 +40701,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"];
 
 
 
@@ -40149,6 +40732,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');
@@ -40222,6 +40806,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
@@ -40371,7 +40956,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,
@@ -40469,6 +41054,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;
@@ -40544,6 +41130,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);
@@ -40584,6 +41176,7 @@ var result_Result = function Result(props) {
       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
@@ -40699,6 +41292,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);
   };
@@ -40891,7 +41485,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;
@@ -40930,7 +41525,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 () {
@@ -40946,6 +41542,7 @@ var Cascader = function Cascader(props0) {
       defaultValue: defaultValue,
       childrenKey: childrenKey,
       value: valueProp,
+      beforeChange: beforeChange,
       onChange: onChangeProp,
       filterSameChange: filterSameChange
     }),
@@ -41392,11 +41989,20 @@ var Cascader = function Cascader(props0) {
       datum.setData(data);
     }
   }, [data]);
+
+  // 修复外部受控打开的场景下，从外部修改value导致的面板勾选情况没有及时同步
+  if (openProp && !shallowEqual(value, datum.getValue())) {
+    datum.setValue(value);
+  }
+  ;
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (!value) return;
     datum.setValue(value);
     if (!open) return;
     updatePathByValue();
+    if (props.renderOptionList) {
+      updatePath();
+    }
   }, [value, open]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (filterText !== undefined) {
@@ -41434,39 +42040,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
@@ -41894,6 +42506,22 @@ var validate = function validate(value, formData, rules, p) {
   });
 };
 /* harmony default export */ var utils_validate = ((/* unused pure expression or super */ null && (validate)));
+;// CONCATENATED MODULE: ../hooks/src/utils/clean-props.ts
+
+var names = ['delay', 'onDatumBind', 'rules', 'formDatum', 'forceChange', 'trim', 'beforeChange', 'validateHook', 'innerFormNamePath', 'fieldSetValidate', 'combineRules', 'popoverProps', 'inputFocus', 'placeTitle', 'cancelChange', 'integerLimit', 'autoSelect', 'autoFix', 'numType'];
+
+/**
+ * delete some props if needed, will not modify the pass argument
+ * @param props
+ * @returns {Produced<*, *>}
+ */
+function cleanProps(props) {
+  return utils_immer_produce(props, function (draft) {
+    names.forEach(function (p) {
+      return delete draft[p];
+    });
+  });
+}
 ;// CONCATENATED MODULE: ../hooks/src/components/use-form/use-form-control/use-form-control.ts
 
 
@@ -41909,6 +42537,7 @@ var validate = function validate(value, formData, rules, p) {
 
 
 
+
 var getValue = function getValue(name, formValue) {
   if (!name) return undefined;
   if (isArray(name)) {
@@ -42037,7 +42666,7 @@ function useFormControl(props) {
         }
       };
       var fullRules = (controlFunc === null || controlFunc === void 0 ? void 0 : controlFunc.combineRules(name, rules || [])) || [];
-      return validate(v, formV, fullRules, validateProps).then(function (res) {
+      return validate(v, formV, fullRules, cleanProps(validateProps)).then(function (res) {
         var err = res === true ? undefined : res;
         formFunc === null || formFunc === void 0 || formFunc.setError(name, err);
         onError === null || onError === void 0 || onError(err);
@@ -42064,7 +42693,7 @@ function useFormControl(props) {
         return e;
       });
     } else {
-      return validate(v, {}, rules || [], {}).then(function (res) {
+      return validate(v, {}, rules || [], cleanProps(validateProps)).then(function (res) {
         var err = res === true ? undefined : res;
         setErrorState(err);
         onError === null || onError === void 0 || onError(err);
@@ -42106,10 +42735,14 @@ 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.');
@@ -42280,7 +42913,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), {}, {
@@ -44217,6 +44851,18 @@ var getDefaultMode = function getDefaultMode(type) {
   var mode = getTypeMode(type);
   return [mode, mode];
 };
+var getFormatValueArr = function getFormatValueArr(opts) {
+  var dateArr = opts.dateArr,
+    format = opts.format,
+    clearWithUndefined = opts.clearWithUndefined,
+    options = opts.options,
+    type = opts.type;
+  var fmt = use_datepicker_format_getFormat(format, type);
+  return dateArr.map(function (item) {
+    if (!item) return clearWithUndefined ? undefined : '';
+    return util.format(item, fmt, options);
+  });
+};
 var useDatePickerFormat = function useDatePickerFormat(props) {
   var value = props.value,
     onChange = props.onChange,
@@ -45285,8 +45931,7 @@ var Day = function Day(props) {
     }, 'week');
   };
   var renderFooter = function renderFooter() {
-    var _props$rangeDate, _props$rangeDate2;
-    var showLeft = (props.type === 'datetime' || props.type === 'date') && (((_props$rangeDate = props.rangeDate) === null || _props$rangeDate === void 0 ? void 0 : _props$rangeDate[0]) || ((_props$rangeDate2 = props.rangeDate) === null || _props$rangeDate2 === void 0 ? void 0 : _props$rangeDate2[1]));
+    var showLeft = props.type === 'datetime' || props.type === 'date';
     var timeStr = func.getTimeStr();
     if (!showLeft && !props.showSelNow) return null;
     var format = props.format;
@@ -45307,7 +45952,7 @@ var Day = function Day(props) {
         marginTop: props.needConfirm && props.range ? -16 : undefined
       },
       children: [props.type === 'datetime' && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerFooterTime, styles === null || styles === void 0 ? void 0 : styles.datetime, !timeStr && (styles === null || styles === void 0 ? void 0 : styles.datetimeHide)),
+        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerFooterTime, styles === null || styles === void 0 ? void 0 : styles.datetime),
         style: {
           paddingRight: showNeedConfirm ? 0 : undefined
         },
@@ -45319,7 +45964,7 @@ var Day = function Day(props) {
             showTitle: false,
             format: format
           })), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-            children: timeStr
+            children: timeStr || '00:00:00'
           })]
         })
       }), props.showSelNow && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
@@ -46746,7 +47391,7 @@ var DatePicker = function DatePicker(props0) {
     if (props.open) {
       func.startEdit();
     }
-  }, []);
+  }, [props.open]);
   var _usePopup = use_popup({
       open: props.open,
       onCollapse: onCollapse,
@@ -46936,6 +47581,8 @@ var DatePicker = function DatePicker(props0) {
 
 
 
+
+
 var date_picker_jssStyle = {
   datePicker: useDatePickerStyle,
   button: useButtonStyle,
@@ -46949,7 +47596,32 @@ var BaseDatePicker = function BaseDatePicker(props) {
   }, props));
 };
 /* harmony default export */ var src_date_picker_date_picker_0 = (function (props) {
-  return use_field_common(props, BaseDatePicker);
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+
+  // datepicker 默认值需要提格式化前处理，否则内部会根据 format 进行格式化并再次触发 onChange，参考 v1 v2 的 value hoc 行为
+  var defaultValue = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    if (props.defaultValue) {
+      var options = {
+        timeZone: props.timeZone,
+        weekStartsOn: Number(getLocale(locale, 'startOfWeek'))
+      };
+      var type = props.type || 'date';
+      var format = use_datepicker_format_getFormat(props.format, type);
+      var dateArr = convertValueToDateArr(props.defaultValue, format, options);
+      var formattedDefaultValue = getFormatValueArr({
+        dateArr: dateArr,
+        format: format,
+        type: type,
+        options: options
+      });
+      return props.range ? formattedDefaultValue : formattedDefaultValue[0];
+    }
+    return props.defaultValue;
+  }, []);
+  return use_field_common(objectSpread2_default()(objectSpread2_default()({}, props), {}, {
+    defaultValue: defaultValue
+  }), BaseDatePicker);
 });
 ;// CONCATENATED MODULE: ./src/date-picker/index.ts
 
@@ -47478,7 +48150,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),
@@ -47721,6 +48394,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) {
@@ -47739,11 +48420,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
         })
       }))
     })
@@ -47886,6 +48567,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');
   }
@@ -49370,7 +50054,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
@@ -49524,7 +50209,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,
@@ -49626,13 +50311,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));
           });
         }
       });
@@ -49643,7 +50331,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;
@@ -49688,6 +50380,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;
@@ -49705,32 +50398,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();
         }
@@ -49812,10 +50502,8 @@ 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);
-      var shouldTriggerDefaultChange = df !== undefined && deepGet(context.value, n) === undefined;
-      if (shouldTriggerDefaultChange || shouldTriggerResetChange) {
+      if (df !== undefined && deepGet(context.value, n) === undefined) {
         if (!context.mounted) context.defaultValues[n] = df;
         onChange(function (v) {
           deepSet(v, n, df, deepSetOptions);
@@ -49835,7 +50523,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;
@@ -49930,7 +50617,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);
@@ -50000,11 +50690,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
   };
@@ -50015,7 +50706,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,
@@ -50229,11 +50921,11 @@ var Tooltip = function Tooltip(props) {
     _React$useState2 = slicedToArray_default()(_React$useState, 2),
     updateKey = _React$useState2[0],
     setUpdateKey = _React$useState2[1];
-  var handleUpdateKey = function handleUpdateKey() {
+  var handleUpdateKey = usePersistFn(function () {
     setUpdateKey(function (prev) {
       return (prev + 1) % 2;
     });
-  };
+  });
   var bindEvents = function bindEvents() {
     var _window;
     var targetEl = targetRef.current;
@@ -50242,10 +50934,6 @@ var Tooltip = function Tooltip(props) {
     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 scrollContainer = getClosestScrollContainer(targetEl);
-    if (scrollContainer) {
-      scrollContainer.addEventListener('scroll', handleUpdateKey);
-    }
   };
   var unbindEvents = function unbindEvents() {
     var _window2;
@@ -50257,10 +50945,6 @@ var Tooltip = function Tooltip(props) {
     if (events.onClick) targetEl.removeEventListener('click', events.onClick);
     targetEl.removeEventListener('click', closePop);
     (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener('resize', handleUpdateKey);
-    var scrollContainer = getClosestScrollContainer(targetEl);
-    if (scrollContainer) {
-      scrollContainer.addEventListener('scroll', handleUpdateKey);
-    }
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (!persistent) return;
@@ -50371,6 +51055,7 @@ var FormItem = function FormItem(props) {
     labelVerticalAlign = _labelConfig$rest.labelVerticalAlign,
     inline = _labelConfig$rest.inline,
     keepErrorHeight = _labelConfig$rest.keepErrorHeight,
+    keepErrorBelow = _labelConfig$rest.keepErrorBelow,
     colon = _labelConfig$rest.colon;
   var renderLabel = function renderLabel() {
     if (label === undefined || label === null || label === '') return null;
@@ -50436,6 +51121,9 @@ var FormItem = function FormItem(props) {
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Provider, {
         value: ProviderValue,
         children: children
+      }), !!tip && (!showError || keepErrorBelow) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.tip,
+        children: tip
       }), showError && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.error,
         children: errors.map(function (error, index) {
@@ -50445,9 +51133,6 @@ var FormItem = function FormItem(props) {
             })
           }, index);
         })
-      }), !!tip && !showError && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.tip,
-        children: tip
       })]
     }))]
   }));
@@ -50874,7 +51559,6 @@ var RESPONSIVE = {
   xl: '1200'
 };
 var GridClassName = "".concat(src_config_config.prefix, "-grid");
-var GridFullClassName = "".concat(src_config_config.prefix, "-grid-full");
 var defaultResponsive = 'md';
 function util_createStyle(text, id) {
   if (!is_isBrowser()) {
@@ -50888,12 +51572,12 @@ function util_createStyle(text, id) {
 }
 function generateGrid(width, className, responsive) {
   var minWidth = RESPONSIVE[responsive];
-  var text = "@media screen and (min-width: ".concat(minWidth, "px) { .").concat(className, "{width: ").concat(width, "%} }");
+  var text = "@media screen and (min-width: ".concat(minWidth, "px) { .").concat(GridClassName, ".").concat(className, "{width: ").concat(width, "%} }");
   util_createStyle(text, className);
 }
 function generateOffset(width, className, responsive) {
   var minWidth = RESPONSIVE[responsive];
-  var text = "@media screen and (min-width: ".concat(minWidth, "px) { .").concat(className, "{margin-left: ").concat(width, "%} }");
+  var text = "@media screen and (min-width: ".concat(minWidth, "px) { .").concat(GridClassName, ".").concat(className, "{margin-left: ").concat(width, "%} }");
   util_createStyle(text, className);
 }
 function generate(w, type, res) {
@@ -50934,24 +51618,18 @@ function getGrid(opt) {
     responsive = _options.responsive;
   var gridClass = generate(width, 'grid', responsive);
   var offsetClass = generate(offset, 'offset', responsive);
-  return "".concat(GridClassName, " ").concat(GridFullClassName, " ").concat(gridClass, " ").concat(offsetClass);
+  return "".concat(gridClass, " ").concat(offsetClass);
 }
-function init() {
-  var text = [];
-  text.push("\n.".concat(GridClassName, " {\n  position: relative;\n  display: inline-block;\n  zoom: 1;\n  letter-spacing: normal;\n  word-spacing: normal;\n  vertical-align: top;\n  text-rendering: auto;\n  box-sizing: border-box;\n}"));
-  text.push(".".concat(GridFullClassName, "{width:100%}"));
-  util_createStyle(text.join(''), GridClassName);
-}
-init();
 ;// CONCATENATED MODULE: ../base/src/grid/grid.tsx
 
 
-var grid_excluded = ["width", "offset", "responsive", "stretch", "children", "gutter"];
+var grid_excluded = ["width", "offset", "responsive", "stretch", "children", "gutter", "jssStyle"];
 
 
 
 
-var Gird = function Gird(props) {
+var Grid = function Grid(props) {
+  var _jssStyle$grid;
   var _props$width = props.width,
     width = _props$width === void 0 ? 1 : _props$width,
     offset = props.offset,
@@ -50959,6 +51637,7 @@ var Gird = function Gird(props) {
     stretch = props.stretch,
     children = props.children,
     gutter = props.gutter,
+    jssStyle = props.jssStyle,
     other = objectWithoutProperties_default()(props, grid_excluded);
   var autoCount = 0;
   var settleWidth = 0;
@@ -50969,7 +51648,8 @@ var Gird = function Gird(props) {
     }
   });
   var autoWidth = autoCount > 0 ? (1 - settleWidth) / autoCount : 0;
-  var className = classnames_default()(props.className, getGrid({
+  var gridClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$grid = jssStyle.grid) === null || _jssStyle$grid === void 0 ? void 0 : _jssStyle$grid.call(jssStyle);
+  var className = classnames_default()(props.className, gridClasses === null || gridClasses === void 0 ? void 0 : gridClasses.rootClass, gridClasses === null || gridClasses === void 0 ? void 0 : gridClasses.wrapper, gridClasses === null || gridClasses === void 0 ? void 0 : gridClasses.full, getGrid({
     width: width,
     offset: offset,
     responsive: responsive
@@ -51007,13 +51687,28 @@ var Gird = function Gird(props) {
     })
   }));
 };
-Gird.isGrid = true;
-/* harmony default export */ var grid = (Gird);
+Grid.isGrid = true;
+/* harmony default export */ var grid_grid = (Grid);
+;// CONCATENATED MODULE: ./src/grid/grid.tsx
+
+
+
+
+var GridWithStyle = function GridWithStyle(props) {
+  var jssStyle = {
+    grid: useGridStyle
+  };
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(grid_grid, objectSpread2_default()({
+    jssStyle: jssStyle
+  }, props));
+};
+GridWithStyle.isGrid = true;
+/* harmony default export */ var src_grid_grid = (GridWithStyle);
 ;// CONCATENATED MODULE: ./src/grid/index.ts
 
-var GridComp = grid;
+var GridComp = src_grid_grid;
 GridComp.displayName = 'ShineoutGrid';
-/* harmony default export */ var src_grid = (GridComp);
+/* harmony default export */ var src_grid_0 = (GridComp);
 ;// CONCATENATED MODULE: ../base/src/icon/icon.tsx
 
 
@@ -51156,6 +51851,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;
@@ -51190,6 +51889,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();
@@ -51197,7 +51925,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);
@@ -51226,7 +51957,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] : {};
@@ -51994,7 +52727,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,
@@ -52073,7 +52807,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);
   };
 
   // 默认占位图
@@ -53024,7 +53758,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,
@@ -53040,6 +53774,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));
@@ -53070,7 +53805,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 === null || commonStyles === void 0 ? void 0 : commonStyles.highlight
+  });
   var title = typeof result === 'string' ? result : '';
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (!isAnimationFinish) return;
@@ -53354,7 +54097,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 () {
@@ -53371,7 +54115,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);
@@ -53387,7 +54132,10 @@ var TreeCheckbox = function TreeCheckbox(props) {
 
 
 
+
+
 var NodeContent = function NodeContent(props) {
+  var _jssStyle$common;
   var jssStyle = props.jssStyle,
     id = props.id,
     virtual = props.virtual,
@@ -53418,11 +54166,14 @@ 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 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle)) || {};
   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 hasExpandIcons = expandIcons !== undefined;
@@ -53459,7 +54210,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);
@@ -53538,10 +54289,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,
@@ -53550,11 +54321,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 === null || commonStyles === void 0 ? void 0 : commonStyles.highlight
+    });
   };
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: rootClass,
@@ -54014,6 +54793,7 @@ var useTreeVirtualNode = function useTreeVirtualNode(props) {
 
 
 
+
 var tree_virtual_node_placeElement = null;
 var VirtualNode = function VirtualNode(props) {
   var jssStyle = props.jssStyle,
@@ -54039,7 +54819,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);
@@ -54080,14 +54861,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,
@@ -54118,7 +54913,7 @@ var VirtualNode = function VirtualNode(props) {
       onNodeClick: onNodeClick,
       onToggle: handleToggle,
       actionOnClick: actionOnClick
-    })
+    })]
   });
 };
 /* harmony default export */ var tree_virtual_node = (VirtualNode);
@@ -54297,11 +55092,15 @@ 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,
@@ -54326,6 +55125,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,
@@ -54358,7 +55158,8 @@ 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, {
@@ -54384,7 +55185,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", "rowsInView", "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"];
 
 
 
@@ -54450,6 +55251,7 @@ var Tree = function Tree(props) {
     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),
@@ -54490,7 +55292,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;
@@ -54505,16 +55307,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) {
@@ -54663,7 +55455,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;
@@ -54681,7 +55473,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()
     })
   }));
@@ -55151,6 +55946,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,
@@ -55184,6 +55980,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);
@@ -55230,7 +56027,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],
@@ -55587,6 +56385,7 @@ function Select(props0) {
         reFocus: reFocus,
         convertBr: convertBr,
         compressed: compressed,
+        renderCompressed: renderCompressed,
         compressedBound: compressedBound,
         compressedClassName: compressedClassName,
         multiple: multiple,
@@ -55749,43 +56548,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
@@ -56603,10 +57408,10 @@ var list_list_List = function List(props) {
         return renderItem(item, index);
       })
     }, columnIndex);
-    return;
   });
-  var renderLoading = function renderLoading() {
-    if (!props.loading) return null;
+  var loadingPosition = props.loadingPosition || 'center';
+  var renderCenterLoading = function renderCenterLoading() {
+    if (!props.loading || loadingPosition !== 'center') return null;
     var Loading = props.loading === true ? /*#__PURE__*/(0,jsx_runtime.jsx)(src_spin_spin, {
       size: 16,
       jssStyle: props.jssStyle
@@ -56616,6 +57421,17 @@ var list_list_List = function List(props) {
       children: Loading
     });
   };
+  var renderBottomLoading = function renderBottomLoading() {
+    if (!props.loading || loadingPosition !== 'bottom') return null;
+    var Loading = props.loading === true ? /*#__PURE__*/(0,jsx_runtime.jsx)(src_spin_spin, {
+      size: 16,
+      jssStyle: props.jssStyle
+    }) : props.loading;
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.loadingBottom,
+      children: Loading
+    });
+  };
   var renderEmpty = function renderEmpty() {
     if ((data === null || data === void 0 ? void 0 : data.length) > 0) return null;
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -56677,7 +57493,7 @@ var list_list_List = function List(props) {
       onScroll: handleListScroll,
       children: [columnData.map(function (column, colIndex) {
         return renderColumn(column, colIndex);
-      }), renderFooter()]
+      }), renderBottomLoading(), renderFooter()]
     });
   };
   var wrapperClass = classnames_default()(props.className, listClasses === null || listClasses === void 0 ? void 0 : listClasses.rootClass, listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapper, isEmpty && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperEmpty), props.bordered && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperBordered), props.size === 'small' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperSmall), props.size === 'large' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperLarge), props.striped && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperStriped));
@@ -56688,7 +57504,7 @@ var list_list_List = function List(props) {
     children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: wrapperClass,
       style: wrapperStyle,
-      children: [renderList(), renderLoading(), renderEmpty()]
+      children: [renderList(), renderCenterLoading(), renderEmpty()]
     }), props.pagination && /*#__PURE__*/(0,jsx_runtime.jsx)(src_pagination_pagination, objectSpread2_default()(objectSpread2_default()({
       className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.pagination,
       jssStyle: props.jssStyle
@@ -58995,7 +59811,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()({
@@ -59011,6 +59828,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
 
 
@@ -60313,19 +61288,16 @@ var scroll_table_Scroll = function Scroll(props) {
   var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var wrapperRef = useForkRef(scrollRef, props.wrapperRef);
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
-      timer: null,
-      isMouseDown: false
+      isMouseDown: false,
+      lastTableHeight: 0
     }),
     context = _useRef.current;
-  // TODO: keepScrollTop考虑做成Table的新feat?
   var _props$scrollHeight = props.scrollHeight,
     scrollHeight = _props$scrollHeight === void 0 ? 0 : _props$scrollHeight,
     _props$scrollWidth = props.scrollWidth,
     scrollWidth = _props$scrollWidth === void 0 ? 0 : _props$scrollWidth,
     _props$defaultHeight = props.defaultHeight,
-    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight,
-    _props$keepScrollTop = props.keepScrollTop,
-    keepScrollTop = _props$keepScrollTop === void 0 ? false : _props$keepScrollTop;
+    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight;
   var _useResize = useResize({
       targetRef: containerRef,
       timer: 100
@@ -60348,14 +61320,17 @@ var scroll_table_Scroll = function Scroll(props) {
     display: 'flex',
     position: 'sticky',
     flexDirection: 'column',
+    overflow: props.isScrollX ? 'initial' : 'hidden',
     top: 0
   };
-
-  // 当滚动容器的高度为 0 时，paddingTop 为 0，避免滚动条抖动现象
-  var paddingTop = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    if (keepScrollTop) return Math.max(0, Math.floor(scrollHeight - height));
-    return height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
-  }, [scrollHeight, height]);
+  var 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,
@@ -60407,21 +61382,48 @@ var scroll_table_Scroll = function Scroll(props) {
       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()({}, getDataAttribute({
-      role: 'scroll'
-    })), {}, {
-      style: scrollerStyle,
-      onScroll: handleScroll,
-      ref: wrapperRef,
-      onMouseDown: function onMouseDown() {
-        context.isMouseDown = true;
-      },
-      onMouseUp: function onMouseUp() {
-        context.isMouseDown = false;
-      },
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, scrollRoleProps), {}, {
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute({
         role: 'scroll-container'
       })), {}, {
@@ -60933,7 +61935,6 @@ var useTableLayout = function useTableLayout(props) {
     width: tableWidth,
     shouldLastColAuto: props.columnResizable && !adjust,
     scrollWidth: scrollWidth,
-    // maxScrollLeft: scrollWidth - context.clientWidth,
     resizeFlag: resizeFlag
   };
 };
@@ -60957,7 +61958,8 @@ var useTableFilter = function useTableFilter(props) {
   }, [filterInfo]);
   var filteredData = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     var _props$data;
-    if (activeFilters.length === 0) return props.data;
+    // why use slice: props.data引用不改变会导致后续的useMemo无法重新计算
+    if (activeFilters.length === 0) return (props.data || []).slice();
     return (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.filter(function (item) {
       return activeFilters.every(function (key) {
         var filter = filterInfo.get(key);
@@ -61529,7 +62531,7 @@ var useTableVirtual = function useTableVirtual(props) {
   var renderData = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     if (props.disabled) return props.data;
     return toConsumableArray_default()(props.data).slice(startIndex, startIndex + finalRowsInView);
-  }, [props.data, startIndex, finalRowsInView]);
+  }, [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) {
@@ -61853,6 +62855,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);
@@ -61865,7 +62868,8 @@ var useTableGroup = function useTableGroup(props) {
         fixed: col.fixed,
         firstFixed: col.firstFixed,
         index: index,
-        columns: sub
+        columns: sub,
+        groupProps: col.groupProps
       };
       columns.push(groupCol);
     }
@@ -61936,33 +62940,17 @@ var FilterSelect = function FilterSelect(props) {
   var config = filter.config;
   var currentFilter = (_props$filterInfo = props.filterInfo) === null || _props$filterInfo === void 0 ? void 0 : _props$filterInfo.get(props.columnKey);
   var treeOptions = (config === null || config === void 0 ? void 0 : config.data) || [];
-  var onReset = function onReset() {
-    setTempValue(undefined);
-    props.onFilterChange(props.columnKey, undefined);
-    setPopoverVisible(false);
-  };
-  var onConfirm = function onConfirm() {
-    props.onFilterChange(props.columnKey, tempValue);
-    setPopoverVisible(false);
-  };
-  var onVisibleChange = function onVisibleChange(visible) {
-    // 关闭popover时就提交筛选条件，包括click away触发的
-    if (!visible) {
-      props.onFilterChange(props.columnKey, tempValue);
-    }
-    setPopoverVisible(visible);
-  };
   var treeKeygen = function treeKeygen(d) {
     return d.value;
   };
   var treeProps = config !== null && config !== void 0 && config.multiple ? {
-    value: currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value,
+    value: tempValue,
     onChange: function onChange(v) {
       setTempValue(v);
     },
     renderItem: (config === null || config === void 0 ? void 0 : config.renderItem) || 'label'
   } : {
-    active: currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value,
+    active: tempValue,
     setActive: function setActive(v) {
       setTempValue(v);
     },
@@ -61995,7 +62983,24 @@ var FilterSelect = function FilterSelect(props) {
     onFilter = _useFilter.onFilter,
     inputText = _useFilter.inputText,
     setInputText = _useFilter.setInputText;
-  var displayData = filterData || rawData;
+  var onReset = function onReset() {
+    setTempValue(undefined);
+    setInputText('');
+    props.onFilterChange(props.columnKey, undefined);
+    setPopoverVisible(false);
+  };
+  var onConfirm = function onConfirm() {
+    props.onFilterChange(props.columnKey, tempValue);
+    setPopoverVisible(false);
+  };
+  var onVisibleChange = function onVisibleChange(visible) {
+    // 关闭popover时就提交筛选条件，包括click away触发的
+    if (!visible) {
+      props.onFilterChange(props.columnKey, tempValue);
+    }
+    setPopoverVisible(visible);
+  };
+  var displayData = inputText ? filterData || rawData : rawData;
   return /*#__PURE__*/(0,jsx_runtime.jsxs)(base_src_button_button, {
     jssStyle: props.jssStyle,
     shape: "circle",
@@ -62327,6 +63332,7 @@ var thead_toNum = toNum;
     };
   };
   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);
@@ -62381,8 +63387,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,
@@ -62579,7 +63588,7 @@ var useTableRow = function useTableRow(props) {
 /* harmony default export */ var use_table_row = (useTableRow);
 ;// 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)) {
@@ -62593,8 +63602,6 @@ 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),
@@ -62618,9 +63625,7 @@ function Td(props) {
     onMouseEnter = props.onMouseEnter,
     onMouseLeave = props.onMouseLeave,
     renderContent = props.renderContent;
-  var externalDependencies = typeof_default()(props.shouldCellUpdate) === 'object' && props.shouldCellUpdate.dependencies ? props.shouldCellUpdate.dependencies : [];
-  var updateFn = typeof_default()(props.shouldCellUpdate) === 'object' && 'update' in props.shouldCellUpdate ? props.shouldCellUpdate.update : props.shouldCellUpdate;
-  var $td = useMemo(function () {
+  var $td = useComponentMemo(function () {
     var content = renderContent(props.col, props.data);
     return /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
       colSpan: colSpan,
@@ -62634,16 +63639,13 @@ function Td(props) {
       onClick: onClick,
       children: content
     }, col.key);
-  }, [data, className, style, col.type, col.treeColumnsName].concat(toConsumableArray_default()(externalDependencies)), 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) {
-      if (index === 0) {
-        return updateFn(prev[index], next[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;
 }
@@ -62714,6 +63716,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);
     }
@@ -62885,6 +63889,7 @@ var Tr = function Tr(props) {
     if (col.treeColumnsName) {
       return renderTreeExpand(content, col.treeIndent);
     }
+    if (col.render === undefined) return null;
     return content;
   });
   var renderTds = usePersistFn(function (cols, data) {
@@ -62931,8 +63936,9 @@ var Tr = function Tr(props) {
           onClick: props.onCellClick ? function () {
             return handleCellClick(data[i].data, i);
           } : undefined,
-          shouldCellUpdate: col.shouldCellUpdate || props.shouldCellUpdate,
-          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;
@@ -63102,14 +64108,22 @@ var Tr = function Tr(props) {
       resizeFlag: props.resizeFlag,
       treeCheckAll: props.treeCheckAll,
       onCellClick: props.onCellClick,
-      shouldCellUpdate: props.shouldCellUpdate
+      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
 
@@ -63224,6 +64238,7 @@ function TbodyEmpty(_ref) {
 
 
 
+
 var table_excluded = ["data"];
 
 
@@ -63250,7 +64265,7 @@ 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,
@@ -63262,11 +64277,20 @@ 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 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();
   if (props.fixed) {
     table_devUseWarning.deprecated('fixed', 'virtual', 'Table');
@@ -63289,10 +64313,11 @@ var emptyRef = {
   };
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       emptyHeight: 0,
-      theadAndTfootHeight: 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({
@@ -63423,7 +64448,13 @@ var emptyRef = {
   });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     var _theadRef$current, _tfootRef$current;
-    context.theadAndTfootHeight = ((theadRef === null || theadRef === void 0 || (_theadRef$current = theadRef.current) === null || _theadRef$current === void 0 ? void 0 : _theadRef$current.clientHeight) || 0) + (((_tfootRef$current = tfootRef.current) === null || _tfootRef$current === void 0 ? void 0 : _tfootRef$current.clientHeight) || 0);
+    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,
@@ -63439,10 +64470,14 @@ var emptyRef = {
     theadAndTfootHeight: context.theadAndTfootHeight
   });
   var syncHeaderScroll = usePersistFn(function (left) {
-    var _theadRef$current2;
+    var _tableRef$current;
     if (props.hideHeader || !props.sticky) return;
-    if (!(theadRef !== null && theadRef !== void 0 && (_theadRef$current2 = theadRef.current) !== null && _theadRef$current2 !== void 0 && _theadRef$current2.parentElement)) return;
-    theadRef.current.parentElement.scrollLeft = left;
+
+    // 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;
+    });
   });
 
   // 简单表格的滚动事件
@@ -63480,30 +64515,42 @@ var emptyRef = {
       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) {
+      var empty = props.empty !== undefined ? /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        children: props.empty
+      }) : /*#__PURE__*/(0,jsx_runtime.jsx)(src_empty_empty, {
+        jssStyle: props.jssStyle
+      });
       return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         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;
         },
-        children: props.empty || /*#__PURE__*/(0,jsx_runtime.jsx)(src_empty_empty, {
-          jssStyle: props.jssStyle
-        })
+        children: empty
       });
     }
     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,
@@ -63532,8 +64579,7 @@ var emptyRef = {
       bodyScrollWidth: scrollWidth,
       resizeFlag: resizeFlag,
       treeCheckAll: props.treeCheckAll,
-      onCellClick: props.onCellClick,
-      shouldCellUpdate: props.shouldCellUpdate
+      onCellClick: props.onCellClick
     };
     var headCommonProps = {
       disabled: props.disabled,
@@ -63573,16 +64619,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);
+    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;
       // 开启了双滚，但是没有滚动条，不显示
@@ -63607,7 +64659,7 @@ var emptyRef = {
           ref: headMirrorScrollRef,
           children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
             style: {
-              width: scrollRef === null || scrollRef === void 0 || (_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 ? void 0 : _scrollRef$current3.scrollWidth,
+              width: scrollRef === null || scrollRef === void 0 || (_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _scrollRef$current4.scrollWidth,
               height: 1
             }
           })
@@ -63615,17 +64667,16 @@ var emptyRef = {
       }));
     };
     var renderBottomMirrorScroller = function renderBottomMirrorScroller() {
-      var _scrollRef$current4, _scrollRef$current5, _scrollRef$current6;
+      var _scrollRef$current5, _scrollRef$current6, _scrollRef$current7;
       if (!props.showBottomScrollbar) return null;
-      var scrollRefWidth = (scrollRef === null || scrollRef === void 0 || (_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _scrollRef$current4.clientWidth) || 0;
-      var scrollRefScrollWidth = (scrollRef === null || scrollRef === void 0 || (_scrollRef$current5 = scrollRef.current) === null || _scrollRef$current5 === void 0 ? void 0 : _scrollRef$current5.scrollWidth) || 0;
+      var 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 = {
-        scrollContainer: options.scrollContainer || document.body,
         bottom: options.bottom || 0,
         zIndex: options.zIndex || defaultZIndex + 1,
         parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
@@ -63647,31 +64698,32 @@ var emptyRef = {
           ref: bottomMirrorScrollRef,
           children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
             style: {
-              width: scrollRef === null || scrollRef === void 0 || (_scrollRef$current6 = scrollRef.current) === null || _scrollRef$current6 === void 0 ? void 0 : _scrollRef$current6.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.jsxs)("table", {
-      style: {
-        width: width
-      },
-      ref: theadRef,
-      children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps))]
-    });
+    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(), !props.hideHeader && props.sticky && /*#__PURE__*/(0,jsx_runtime.jsx)(StickyWrapper, objectSpread2_default()(objectSpread2_default()({}, stickyProps), {}, {
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-            className: headWrapperClass,
-            style: {
-              overflow: 'hidden'
-            },
-            children: $headTable
-          })
+        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',
@@ -63685,10 +64737,11 @@ var emptyRef = {
           onScroll: handleVirtualScroll,
           defaultHeight: context.emptyHeight,
           isScrollY: isScrollY,
-          children: [!props.hideHeader && !props.sticky && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-            className: headWrapperClass,
-            children: $headTable
-          }), !!((_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length) && /*#__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.translateStyle
@@ -63697,7 +64750,8 @@ var emptyRef = {
             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,
@@ -63708,7 +64762,7 @@ var emptyRef = {
               ref: tfootRef,
               children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
             })
-          }) : null, renderEmpty()]
+          }) : null, $empty]
         }), renderBottomMirrorScroller()]
       });
     }
@@ -63724,7 +64778,7 @@ 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()]
     });
@@ -63749,10 +64803,10 @@ var emptyRef = {
 
   // handle head and  foot scroll
   var handleHeaderWheel = usePersistFn(function (e) {
-    var _theadRef$current3;
+    var _theadRef$current2;
     var scrollEl = scrollRef.current;
     if (!scrollEl) return;
-    if (!(theadRef !== null && theadRef !== void 0 && (_theadRef$current3 = theadRef.current) !== null && _theadRef$current3 !== void 0 && _theadRef$current3.parentElement)) return;
+    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) {
@@ -63763,6 +64817,12 @@ var emptyRef = {
     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) {
@@ -63940,7 +65000,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 () {
@@ -63949,7 +65010,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) {
@@ -63978,7 +65039,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;
   }
@@ -65576,6 +66637,7 @@ var TransferOperate = function TransferOperate(props) {
 
 
 
+
 var Transfer = function Transfer(props) {
   var _jssStyle$transfer;
   var jssStyle = props.jssStyle,
@@ -65650,7 +66712,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() {
@@ -65724,7 +66786,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 () {
@@ -65784,7 +66854,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), {}, {
@@ -65929,6 +67000,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,
@@ -65941,6 +67013,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({
@@ -65967,7 +67040,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;
@@ -65998,7 +67072,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;
@@ -66336,6 +67411,7 @@ var TreeSelect = function TreeSelect(props0) {
         disabled: disabled,
         compressed: compressed,
         compressedBound: compressedBound,
+        renderCompressed: renderCompressed,
         compressedClassName: compressedClassName,
         multiple: multiple,
         placeholder: placeholder,
@@ -66450,7 +67526,8 @@ var TreeSelect = function TreeSelect(props0) {
         parentClickExpand: parentClickExpand,
         contentClass: getContentClass,
         datum: datum,
-        actionOnClick: props.actionOnClick
+        actionOnClick: props.actionOnClick,
+        size: size
       }))
     });
   };
@@ -66469,38 +67546,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
@@ -66518,7 +67601,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()({
@@ -66627,6 +67711,7 @@ function attrAccept(file, acceptedFiles) {
 
 
 
+
 var VALIDATORITEMS = [{
   key: 'size',
   param: function param(blob) {
@@ -66660,11 +67745,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)({}),
@@ -66784,21 +67870,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))) {
@@ -66826,11 +67913,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) {
@@ -66948,48 +68041,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();
                 }
@@ -67093,23 +68198,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;
@@ -67387,7 +68522,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,
@@ -67433,6 +68569,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()({
@@ -69979,6 +71116,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
@@ -70105,6 +71244,8 @@ var upload_interface = __webpack_require__(8821);
 
 
 
+
+
 
 
 
@@ -70168,10 +71309,11 @@ var upload_interface = __webpack_require__(8821);
 
 
 
+
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.0-beta.8'
+  version: '3.7.0'
 });
 }();
 /******/ 	return __webpack_exports__;