shineout 3.6.0-beta.9 → 3.6.0

package/dist/shineout.js

@@ -6905,12 +6905,16 @@ var pcInfoCircleFill = /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
 });
 var search = ['M11 2C15.9706 2 20 6.02944 20 11C20 13.1248 19.2637 15.0776 18.0323 16.6172L21.1213 19.7071C21.5118 20.0976 21.5118 20.7308 21.1213 21.1213C20.7308 21.5118 20.0976 21.5118 19.7071 21.1213L16.6172 18.0323C15.0776 19.2637 13.1248 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2ZM11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4Z'];
 var icons_link = ['M8.83231 20.7322C7.27024 22.2943 4.73759 22.2943 3.17546 20.7322C1.66545 19.2222 1.61512 16.8053 3.02446 15.2347L3.17546 15.0754L12.6109 3.70711C14.7588 1.55923 18.2412 1.55923 20.3891 3.70711C22.4773 5.79532 22.5353 9.14496 20.5631 11.3032L20.3891 11.4853L12.3679 21.4393C11.9773 21.8299 11.3442 21.8299 10.9536 21.4394C10.5932 21.0789 10.5654 20.5116 10.8705 20.1193L10.9536 20.0251L18.9749 10.0711C20.3417 8.70423 20.3417 6.48814 18.9749 5.12132C17.6569 3.8033 15.5492 3.75623 14.1747 4.9801L14.0251 5.12132L4.58968 16.4896C3.80864 17.2706 3.80864 18.537 4.58966 19.318C5.32963 20.058 6.5051 20.0969 7.29088 19.4348L7.41809 19.318L16.8535 7.94978C17.0488 7.7545 17.0488 7.43787 16.8536 7.24262C16.68 7.06904 16.4106 7.04975 16.2157 7.18476L16.1464 7.24261L8.12521 17.1967C7.73468 17.5873 7.10152 17.5873 6.71099 17.1967C6.35051 16.8362 6.32277 16.269 6.6278 15.8767L6.71099 15.7825L14.7322 5.8284C15.7085 4.85208 17.2915 4.85208 18.2678 5.82843C19.2016 6.7623 19.2422 8.25112 18.3896 9.23328L18.2678 9.36397L8.83231 20.7322Z'];
+var filter = /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+  d: "M19.9653 2.10633C20.5175 2.10633 20.9652 2.55404 20.9652 3.10633C20.9652 3.65861 20.5175 4.10633 19.9653 4.10633H19.6834L14.9666 11.3709V19.8936C14.9666 20.9981 14.0712 21.8936 12.9666 21.8936H10.9666C9.86204 21.8936 8.96662 20.9981 8.96662 19.8936V11.3709L4.35408 4.10632L4.03906 4.10632C3.48677 4.10632 3.03906 3.65861 3.03906 3.10632C3.03906 2.55404 3.48677 2.10632 4.03906 2.10632L19.9653 2.10633ZM6.75776 4.10632L10.8119 10.5206C10.913 10.6804 10.9666 10.8657 10.9666 11.0548V18.8312C10.9666 19.3835 11.4143 19.8312 11.9666 19.8312C12.5189 19.8312 12.9666 19.3835 12.9666 18.8312V11.0609C12.9666 10.868 13.0224 10.6792 13.1273 10.5172L17.2797 4.10633L6.75776 4.10632Z"
+});
 var Icons = {
   SortAsc: SortAsc,
   SortDesc: SortDesc,
   Shrink: icon(ShineoutShrink),
   Expand: icon(expand),
   Search: icon(search),
+  Filter: icon(filter),
   ArrowLeft: icon(arrowLeft),
   ArrowLeftDouble: icon(arrowLeftDouble),
   ArrowRight: icon(arrowRight),
@@ -7061,13 +7065,18 @@ var config = {
     SortUp: icons.SortAsc,
     SortDown: icons.SortDesc,
     Expand: icons.Expand,
-    Collapse: icons.Shrink
+    Collapse: icons.Shrink,
+    Filter: icons.Filter,
+    Search: icons.Search
   },
   tabs: {
     Pre: icons.ArrowLeft,
     Next: icons.ArrowRight,
     CollapseArrow: icons.ArrowLeft
   },
+  textarea: {
+    Close: icons.CloseFill
+  },
   transfer: {
     DeleteAll: icons.Delete,
     DeleteItem: icons.Close,
@@ -12130,7 +12139,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.6.0-beta.9');
+/* harmony default export */ var version = ('3.6.0');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13160,24 +13169,24 @@ var cardTokens = {
   cardBorderRadius: 'Radius-default',
   cardFontColor: 'Neutral-text-5',
   cardFontSize: 'Font-14',
-  cardPaddingX: 'Spacing-16',
+  cardPaddingX: 'Spacing-12',
   cardPaddingY: 'Spacing-12',
   cardTitleFontColor: 'Neutral-text-5',
   cardTitleFontSize: 'Font-16',
   cardTitleFontWeight: 'Weight-medium',
   cardHeaderGap: '8px',
-  cardHeaderExtraMarginX: 'Spacing-16',
-  cardHeaderPaddingX: 'Spacing-16',
+  cardHeaderExtraMarginX: 'Spacing-12',
+  cardHeaderPaddingX: 'Spacing-12',
   cardHeaderPaddingY: 'Spacing-12',
   cardIndicatorSize: 'Size-7',
   cardIndicatorColor: 'Neutral-text-4',
-  cardBodyPaddingX: 'Spacing-16',
+  cardBodyPaddingX: 'Spacing-12',
   cardBodyPaddingY: 'Spacing-12',
   cardBodyFontSize: 'Font-14',
   cardBodyFontColor: 'Neutral-text-5',
   cardBodyFontWeight: 'Weight-regular',
   cardBodyBorderColor: 'Neutral-border-1',
-  cardFooterPaddingX: 'Spacing-16',
+  cardFooterPaddingX: 'Spacing-12',
   cardFooterPaddingY: 'Spacing-12',
   cardFooterBorderColor: 'Neutral-border-1'
 };
@@ -13220,6 +13229,8 @@ var carouselTokens = {
   carouselIndicatorLineWidth: 'Size-6',
   carouselIndicatorLineHeight: 'Size-2',
   carouselIndicatorLineGap: 'Spacing-4',
+  carouselIndicatorBarWidth: 'Size-12',
+  carouselIndicatorBarHeight: 'Size-2',
   carouselIndicatorArrowSize: 'Size-8',
   carouselIndicatorArrowColor: 'Neutral-fill-4',
   carouselIndicatorArrowHoverColor: 'Neutral-fill-1',
@@ -13440,6 +13451,8 @@ var datePickerTokens = {
   datePickerPaddingY: 'Spacing-4',
   datePickerIconSize: 'Size-7',
   datePickerIconColor: 'Neutral-text-4',
+  datePickerSmallPanelFooterNowPaddingX: 'Spacing-16',
+  datePickerSmallPanelFooterNowPaddingY: 'Spacing-11',
   datePickerSmallFontSize: 'Font-12',
   datePickerSmallPaddingX: 'Spacing-8',
   datePickerSmallPaddingY: 'Spacing-1',
@@ -13827,6 +13840,7 @@ var inputTokens = {
   inputInnerPaddingY: 'Spacing-1',
   inputInnerFontSize: 'Font-14',
   inputInnerFontColor: 'Neutral-text-4',
+  inputInnerPlaceFontColor: 'Neutral-text-4',
   inputInnerSmallPaddingX: 'Spacing-8',
   inputInnerSmallPaddingY: 'Spacing-1',
   inputInnerSmallFontSize: 'Font-12',
@@ -14521,12 +14535,29 @@ var tableTokens = {
   tableTfootFontColor: 'Neutral-text-5',
   tableTfootFontWeight: 'Weight-regular',
   tableExpandIconSize: 'Size-7',
-  tableExpandIconColor: 'Neutral-text-3',
+  tableExpandIconColor: 'Neutral-text-2',
   tableExpandIconHoverBackgroundColor: 'Neutral-fill-3',
   tableExpandBackgroundColor: 'Neutral-fill-2',
   tableSorterColor: 'Neutral-text-3',
   tableSorterHoverColor: 'Neutral-text-4',
   tableSorterActiveColor: 'Brand-6',
+  tableFilterHeaderPaddingX: 'Spacing-12',
+  tableFilterHeaderPaddingY: 'Spacing-12',
+  tableFilterBodyPaddingX: 'Spacing-12',
+  tableFilterBodyPaddingY: 'Spacing-8',
+  tableFilterFooterPaddingX: 'Spacing-12',
+  tableFilterFooterPaddingY: 'Spacing-8',
+  tableFilterFooterBorderColor: 'Neutral-border-1',
+  tableFilterInputMarginBottom: 'Spacing-8',
+  tableFilterInputIconSize: 'Size-7',
+  tableFilterInputIconColor: 'Neutral-text-4',
+  tableFilterInputIconMarginRight: 'Spacing-8',
+  tableFilterIconColor: 'Neutral-text-3',
+  tableFilterIconHoverColor: 'Neutral-text-4',
+  tableFilterIconHoverBackgroundColor: 'Neutral-fill-3',
+  tableFilterIconActiveColor: 'Brand-6',
+  tableFilterIconPadding: 'Spacing-4',
+  tableFilterIconSize: 'Size-7',
   tableResizeColor: 'Brand-7',
   tableSelectionBorderColor: 'Brand-6',
   tablePaginationMarginY: 'Spacing-12'
@@ -14565,12 +14596,12 @@ var tabsTokens = {
   tabsLineFontColor: 'Neutral-text-5',
   tabsLineFontWeight: 'Weight-regular',
   tabsLineFontSize: 'Font-14',
-  tabsLineBackgroundColor: 'Neutral-fill-1',
+  tabsLineBackgroundColor: 'transparent',
   tabsLineActiveBackgroundColor: 'Neutral-fill-3',
   tabsLineCheckedFontColor: 'Brand-6',
   tabsLineCheckedFontSize: 'Font-14',
   tabsLineCheckedFontWeight: 'Weight-medium',
-  tabsLineCheckedBackgroundColor: 'Neutral-fill-1',
+  tabsLineCheckedBackgroundColor: 'transparent',
   tabsLineHoverFontSize: 'Font-14',
   tabsLineHoverBackgroundColor: 'Neutral-fill-2',
   tabsLineDisabledFontColor: 'Neutral-text-2',
@@ -14973,7 +15004,12 @@ var textareaTokens = {
   textareaInfoBorderColor: 'Neutral-border-2',
   textareaInfoErrorFontColor: 'Danger-6',
   textareaInfoErrorBackgroundColor: 'Danger-1',
-  textareaInfoErrorBorderColor: 'Danger-6'
+  textareaInfoErrorBorderColor: 'Danger-6',
+  textareaLimitFontColor: 'Neutral-text-3',
+  textareaLimitFontSize: 'Font-12',
+  textareaClearColor: 'Neutral-text-3',
+  textareaClearSize: 'Size-7',
+  textareaClearHoverColor: 'Neutral-text-4'
 };
 /* harmony default export */ var textarea_textarea = (textareaTokens);
 ;// CONCATENATED MODULE: ../theme/src/textarea/index.ts
@@ -15052,6 +15088,7 @@ var transferTokens = {
 
 var treeTokens = {
   treeTextPaddingY: 'Spacing-2',
+  treeTextPaddingX: 'Spacing-4',
   treeCheckboxMarginX: 'Spacing-8',
   treeFontSize: 'Font-14',
   treeLineHeight: 'Size-18',
@@ -15070,15 +15107,16 @@ var treeTokens = {
   treeItemActiveBackgroundColor: 'Neutral-fill-4',
   treeItemActiveFontColor: 'Neutral-text-4',
   treeItemDisabledFontColor: 'Neutral-text-2',
+  treeContentBorderRadius: 'Radius-lesser',
   treeContentHoverBackgroundColor: 'Neutral-fill-2',
   treeContentHoverFontColor: 'Neutral-text-5',
   treeContentActiveBackgroundColor: 'Brand-1',
-  treeContentActiveFontColor: 'Brand-6',
+  treeContentActiveFontColor: 'Brand-4',
+  treeContentActiveBorderRadius: 'Radius-2',
   treeContentDisabledBackgroundColor: 'Transprent',
   treeContentDisabledFontColor: 'Neutral-text-5',
   treeDragBorderColor: 'Brand-6',
-  treeDragBackgroundColor: 'Brand-1',
-  treeContentBorderRadius: 'Radius-lesser'
+  treeDragBackgroundColor: 'Brand-1'
 };
 /* harmony default export */ var tree = (treeTokens);
 ;// CONCATENATED MODULE: ../theme/src/tree/index.ts
@@ -16020,6 +16058,22 @@ var ButtonStyle = {
     },
     '&:active': {
       transition: 'none'
+    },
+    '[data-soui-role="input-group-seperate"] > &': {
+      borderRadius: 0,
+      marginLeft: -1,
+      '&:first-child': {
+        marginLeft: 0,
+        borderTopLeftRadius: src.buttonBorderRadius,
+        borderBottomLeftRadius: src.buttonBorderRadius
+      },
+      '&:last-child': {
+        borderTopRightRadius: src.buttonBorderRadius,
+        borderBottomRightRadius: src.buttonBorderRadius
+      },
+      '&:hover': {
+        zIndex: 1
+      }
     }
   },
   small: {
@@ -16772,7 +16826,48 @@ var carouselStyle = objectSpread2_default()(objectSpread2_default()({
       }
     }
   },
-  indicatorTypeSlider: {},
+  indicatorTypeBar: {
+    '& $indicator': {
+      position: 'relative',
+      borderRadius: '100px',
+      '&:first-child': {
+        '&:before': {
+          borderRadius: '100px 0 0 100px'
+        }
+      },
+      '&:last-child': {
+        '&:before': {
+          borderRadius: '0 100px 100px 0'
+        }
+      },
+      width: src.carouselIndicatorBarWidth,
+      height: src.carouselIndicatorBarHeight
+    },
+    '& $indicator:before': {
+      content: '""',
+      position: 'absolute',
+      zIndex: -1,
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+      background: src.carouselIndicatorBackgroundColor
+    },
+    '$indicatorLeft& $indicator, $indicatorRight& $indicator': {
+      width: src.carouselIndicatorBarHeight,
+      height: src.carouselIndicatorBarWidth,
+      '&:first-child': {
+        '&:before': {
+          borderRadius: '100px 100px 0 0'
+        }
+      },
+      '&:last-child': {
+        '&:before': {
+          borderRadius: '0 0 100px 100px'
+        }
+      }
+    }
+  },
   indicatorArrow: {
     width: src.carouselIndicatorArrowSize,
     height: src.carouselIndicatorArrowSize,
@@ -16839,6 +16934,7 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
     verticalAlign: 'top',
     transition: "border-color .15s ease-in-out,box-shadow .15s ease-in-out;",
     '&:hover': defineProperty_default()({
+      zIndex: 1,
       borderColor: token.hoverBorderColor
     }, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
       backgroundColor: token.hoverBackgroundColor
@@ -16848,11 +16944,34 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
       borderRadius: 0,
       boxShadow: 'none',
       backgroundColor: 'transparent',
-      flex: 1,
+      // flex: 1,
       minWidth: 0
     },
     '[data-soui-role="input-group"] [data-soui-input-border] + &': {
       borderLeftWidth: '1px'
+    },
+    '[data-soui-role="input-group-seperate"] &&&, [data-soui-role="input-group-seperate"] &&&:hover': {
+      borderRadius: 0,
+      flexShrink: 0,
+      width: 'auto',
+      'margin-left': "-1px",
+      '&:first-child': {
+        marginLeft: 0,
+        borderTopLeftRadius: token.borderRadius,
+        borderBottomLeftRadius: token.borderRadius
+      },
+      '&:last-child': {
+        borderTopRightRadius: token.borderRadius,
+        borderBottomRightRadius: token.borderRadius
+      }
+    },
+    '[dir=rtl][data-soui-role="input-group-seperate"] &&&, [dir=rtl][data-soui-role="input-group-seperate"] &&&:hover': {
+      '&:first-child': {
+        borderRadius: "0 ".concat(token.borderRadius, " ").concat(token.borderRadius, " 0")
+      },
+      '&:last-child': {
+        borderRadius: "".concat(token.borderRadius, " 0 0 ").concat(token.borderRadius)
+      }
     }
   }), "".concat(name, "PaddingBox"), defineProperty_default()(defineProperty_default()(defineProperty_default()({
     borderRadius: token.borderRadius
@@ -16894,6 +17013,12 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
     borderColor: token.focusBorderColor,
     boxShadow: "0 0 0 2px ".concat(token.focusShadow),
     background: token.focusBackgroundColor,
+    '&[data-soui-role="input-group-seperate"]': {
+      boxShadow: 'none'
+    },
+    '[data-soui-role="input-group-seperate"] &': {
+      zIndex: 1
+    },
     '&:hover': {
       borderColor: token.focusBorderColor
     }
@@ -18155,11 +18280,22 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
   pickerFooter: {
     borderTop: "1px solid ".concat(src.datePickerPanelHeaderBorderColor),
     display: 'flex',
-    justifyContent: 'space-between'
+    justifyContent: 'space-between',
+    '&[dir=rtl] $pickerFooterConfirm': {
+      'margin-right': 'auto'
+    },
+    '&[dir=ltr] $pickerFooterConfirm': {
+      'margin-left': 'auto'
+    }
   },
   pickerFooterTime: {
     padding: "".concat(src.datePickerPanelFooterPaddingY, " ").concat(src.datePickerPanelFooterPaddingX)
   },
+  wrapperSmall: {
+    '& $pickerFooterNow': {
+      padding: "".concat(src.datePickerSmallPanelFooterNowPaddingY, " ").concat(src.datePickerSmallPanelFooterNowPaddingX)
+    }
+  },
   pickerFooterNow: {
     padding: "".concat(src.datePickerPanelFooterPaddingY, " ").concat(src.datePickerPanelFooterPaddingX),
     '&:only-child': {
@@ -18617,6 +18753,7 @@ var descriptionsStyle = {
   valueInline: {
     paddingRight: src.descriptionsLabelPaddingRight,
     textAlign: 'left',
+    wordBreak: 'break-all',
     boxSizing: 'border-box',
     color: src.descriptionsValueColor
   },
@@ -18632,11 +18769,10 @@ var descriptionsStyle = {
   },
   inlineHorizontal: {
     '& $item': {
-      display: 'flex',
-      alignItems: 'center'
+      display: 'flex'
     },
     '& $cell': {
-      verticalAlign: 'middle'
+      verticalAlign: 'top'
     },
     '& $row': {
       '&>td': {
@@ -19970,7 +20106,8 @@ var innerTitle = objectSpread2_default()(objectSpread2_default()({
     pointerEvents: 'none',
     '& $title': {
       position: 'relative',
-      top: 0
+      top: 0,
+      color: src.inputInnerPlaceFontColor
     },
     '$animation$wrapperOpen & $title': {
       animation: "$movein ".concat(moveTime, " ease-in")
@@ -20213,6 +20350,13 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
       background: 'transparent'
     }
   }, groupSpace(src.inputPaddingX)),
+  groupSeperate: {
+    border: 'none',
+    '& > b': {
+      border: "1px solid ".concat(src.inputBorderColor),
+      'margin-left': '-1px'
+    }
+  },
   groupSmall: objectSpread2_default()(objectSpread2_default()({}, groupSmall), groupSpace(src.inputSmallPaddingX)),
   groupLarge: objectSpread2_default()(objectSpread2_default()({}, groupLarge), groupSpace(src.inputLargePaddingX))
 }, resetGroup), {}, {
@@ -22022,7 +22166,10 @@ var usePaginationStyle = styled(pagination_pagination, 'pagination');
 
 var popover_cssvar = '--popover-arrow-gap';
 var hideArrowGap = "var(".concat(popover_cssvar, ", 10px)");
+var extraArrowGap = 'var(--popover-arrow-gap-extra, 0px)';
 var arrowMargin = '8px';
+var poyfillPos = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, ") * -1)");
+var poyfillHeight = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, "))");
 var popoverStyle = {
   rootClass: {},
   wrapper: {
@@ -22062,12 +22209,12 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        top: "calc(".concat(hideArrowGap, " * -1)"),
+        top: poyfillPos,
         left: '0',
         right: '0',
         content: '" "',
         display: 'block',
-        height: hideArrowGap,
+        height: poyfillHeight,
         position: 'absolute'
       }
     },
@@ -22083,24 +22230,22 @@ var popoverStyle = {
       },
       '&::after': {
         // bottom: arrowGap * -1,
-        bottom: "calc(".concat(hideArrowGap, " * -1)"),
+        bottom: poyfillPos,
         left: '0',
         right: '0',
         content: '" "',
         display: 'block',
         // height: arrowGap,
-        height: hideArrowGap,
+        height: poyfillHeight,
         position: 'absolute'
       }
     },
     '&[data-soui-position^="left"]': {
-      // '&[dir=ltr]': { marginLeft: (arrowGap - 2) * -1 },
       '&[dir=ltr]': {
-        marginLeft: "calc((".concat(hideArrowGap, " - 2px) * -1)")
+        marginRight: "calc((".concat(hideArrowGap, " - 2px))")
       },
-      // '&[dir=rtl]': { marginRight: (arrowGap - 2) * -1 },
       '&[dir=rtl]': {
-        marginRight: "calc((".concat(hideArrowGap, " - 2px) * -1)")
+        marginLeft: "calc((".concat(hideArrowGap, " - 2px))")
       },
       '& $arrow': {
         right: src.popoverBorderWidth,
@@ -22110,22 +22255,19 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        // left: arrowGap * -1,
-        right: "calc(".concat(hideArrowGap, " * -1)"),
+        right: poyfillPos,
         top: '0',
         bottom: '0',
         content: '" "',
         display: 'block',
-        width: hideArrowGap,
+        width: poyfillHeight,
         position: 'absolute'
       }
     },
     '&[data-soui-position^="right"]': {
-      // '&[dir=ltr]': { marginLeft: arrowGap - 2 },
       '&[dir=ltr]': {
         marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
       },
-      // '&[dir=rtl]': { marginRight: arrowGap - 2 },
       '&[dir=rtl]': {
         marginRight: "calc(".concat(hideArrowGap, " - 2px)")
       },
@@ -22138,13 +22280,13 @@ var popoverStyle = {
       },
       '&::after': {
         // left: arrowGap * -1,
-        left: "calc(".concat(hideArrowGap, " * -1)"),
+        left: poyfillPos,
         top: '0',
         bottom: '0',
         content: '" "',
         display: 'block',
         // width: arrowGap,
-        width: hideArrowGap,
+        width: poyfillHeight,
         position: 'absolute'
       }
     },
@@ -22993,7 +23135,10 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     borderRadius: src.selectPanelRadius,
     transformOrigin: '0 0',
     border: "1px solid ".concat(src.selectPanelBorder),
-    cursor: 'initial'
+    cursor: 'initial',
+    '& [data-soui-role="scroll"]': {
+      overscrollBehavior: 'none'
+    }
   },
   pickerSmall: {
     '& $optionInner': {
@@ -23333,12 +23478,17 @@ var sliderStyle = {
     cursor: 'pointer',
     borderRadius: '100px',
     height: src.sliderTrackSize,
-    boxSizing: 'border-box',
+    borderTop: "".concat(src.sliderScaleMarginY, " solid transparent"),
+    borderBottom: "".concat(src.sliderScaleMarginY, " solid transparent"),
+    boxSizing: 'content-box',
     backgroundColor: src.sliderTrackBackgroundColor,
     position: 'relative',
+    backgroundClip: 'content-box',
     '$vertical &': {
       width: src.sliderTrackSize,
-      height: '100%'
+      height: '100%',
+      borderLeft: "".concat(src.sliderScaleMarginY, " solid transparent"),
+      borderRight: "".concat(src.sliderScaleMarginY, " solid transparent")
     },
     '$disabled &': {
       cursor: 'not-allowed'
@@ -23558,7 +23708,7 @@ var sliderStyle = {
       backgroundColor: src.sliderScaleLineBackgroundColor
     },
     '$wrapper:not($vertical) &': {
-      marginTop: src.sliderScaleMarginY,
+      // marginTop: token.sliderScaleMarginY,
       width: 0,
       '&::before': {
         width: '1px',
@@ -23572,7 +23722,7 @@ var sliderStyle = {
       // '&:last-child $label[dir=rtl]': { transform: 'translate(100%)' },
     },
     '$vertical &': {
-      marginLeft: src.sliderScaleMarginY,
+      // marginLeft: token.sliderScaleMarginY,
       height: 0,
       '&::before': {
         height: '1px',
@@ -25363,6 +25513,7 @@ var resizeIndex = 8;
 var fixedFixedIndex = 10;
 var headerIndex = 12;
 var loadingIndex = 16;
+var shadowWidth = 12;
 var globalStyle = {
   '@global': {
     'body[data-soui-table-selection] *::selection': {
@@ -25404,7 +25555,6 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
             zIndex: cellBaseIndex,
             top: 0,
             bottom: 0,
-            background: src.tableCellBorderColor,
             borderLeft: "1px solid ".concat(src.tableCellBorderColor)
           },
           '[dir=ltr]&::after': {
@@ -25507,6 +25657,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
     },
     '&::after': {
       position: 'absolute',
+      zIndex: fixedFixedIndex + 3,
       content: '""',
       display: 'block',
       bottom: 0,
@@ -25626,16 +25777,16 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
         position: 'absolute',
         top: 0,
         bottom: -1,
-        width: '5px',
-        pointerEvents: 'none'
+        width: "".concat(shadowWidth, "px"),
+        pointerEvents: 'none',
+        boxShadow: 'inset 8px 0 10px -6px rgba(2,11,24,.1)'
+        // border: 'none',
       },
       '&[dir=ltr]::after': {
-        right: '-5px',
-        background: "linear-gradient(90deg, ".concat(src.tableFixedShadow, ", transparent)")
+        right: "-".concat(shadowWidth, "px")
       },
       '&[dir=rtl]::after': {
-        left: '-5px',
-        background: "linear-gradient(270deg, ".concat(src.tableFixedShadow, ",transparent)")
+        left: "-".concat(shadowWidth, "px")
       }
     },
     '& table': {
@@ -25659,16 +25810,15 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
         position: 'absolute',
         top: 0,
         bottom: 0,
-        width: '5px',
-        pointerEvents: 'none'
+        width: "".concat(shadowWidth, "px"),
+        pointerEvents: 'none',
+        boxShadow: 'inset -8px 0 10px -6px rgba(2,11,24,.1)'
       },
       '&[dir=rtl]::before': {
-        right: '-5px',
-        background: "linear-gradient(90deg, ".concat(src.tableFixedShadow, ", transparent)")
+        right: "-".concat(shadowWidth, "px")
       },
       '&[dir=ltr]::before': {
-        left: '-5px',
-        background: "linear-gradient(270deg, ".concat(src.tableFixedShadow, ",transparent)")
+        left: "-".concat(shadowWidth, "px")
       }
     },
     '& table': {
@@ -25689,6 +25839,69 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
     display: 'inline-flex',
     alignItems: 'center'
   },
+  hasFilter: {
+    display: 'inline-flex',
+    alignItems: 'center'
+  },
+  filterIconContainer: {
+    '&:hover $filterIcon': {
+      color: src.tableFilterIconHoverColor
+    }
+  },
+  filterIcon: {
+    width: src.tableFilterIconSize,
+    height: src.tableFilterIconSize,
+    color: src.tableFilterIconColor,
+    '& > svg': {
+      display: 'block'
+    }
+  },
+  filterActive: {
+    '& $filterIcon, &:hover $filterIcon': {
+      color: src.tableFilterIconActiveColor
+    }
+  },
+  filterContainer: {
+    minWidth: '120px'
+  },
+  filterHeader: {
+    padding: "".concat(src.tableFilterHeaderPaddingY, " ").concat(src.tableFilterHeaderPaddingX),
+    '& + $filterBody': {
+      paddingTop: 0
+    }
+  },
+  filterBody: {
+    padding: "".concat(src.tableFilterBodyPaddingY, " ").concat(src.tableFilterBodyPaddingX),
+    maxHeight: '300px',
+    overflow: 'auto'
+  },
+  filterFooter: {
+    display: 'flex',
+    justifyContent: 'flex-end',
+    padding: "".concat(src.tableFilterFooterPaddingY, " ").concat(src.tableFilterFooterPaddingX),
+    borderTop: "1px solid ".concat(src.tableFilterFooterBorderColor)
+  },
+  filterInput: {
+    cursor: 'pointer'
+  },
+  filterInputIcon: {
+    color: src.tableFilterInputIconColor,
+    flexShrink: 0,
+    width: src.tableFilterInputIconSize,
+    height: src.tableFilterInputIconSize,
+    marginRight: src.tableFilterInputIconMarginRight,
+    '& > svg': {
+      display: 'block'
+    }
+  },
+  filterRadio: {
+    display: 'flex',
+    alignItems: 'center',
+    cursor: 'pointer',
+    '& > div': {
+      marginRight: 0
+    }
+  },
   sorterContainer: {
     minWidth: '14px',
     width: '14px',
@@ -27057,6 +27270,37 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
     borderRadius: 0,
     width: '100%',
     boxSizing: 'border-box'
+  },
+  limit: {
+    position: 'absolute',
+    right: 12,
+    bottom: 6,
+    color: src.textareaLimitFontColor,
+    fontSize: src.textareaLimitFontSize,
+    '$resize + &': {
+      right: 16
+    }
+  },
+  clear: {
+    position: 'absolute',
+    right: src.textareaPaddingX,
+    top: src.textareaPaddingY,
+    cursor: 'pointer',
+    padding: 4,
+    color: src.textareaClearColor,
+    '&:hover': {
+      color: src.textareaClearHoverColor
+    },
+    '& > svg': {
+      display: 'block',
+      width: src.textareaClearSize,
+      height: src.textareaClearSize
+    }
+  },
+  wrapperWithClear: {
+    '&& $textarea': {
+      paddingRight: "calc(".concat(src.textareaPaddingX, " * 4)")
+    }
   }
 });
 /* harmony default export */ var src_textarea_textarea = (textarea_input);
@@ -27174,13 +27418,13 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
     },
     '&[data-soui-position^="left"]': {
       '&[dir=ltr]': {
-        marginLeft: -(arrowGap - 2),
+        marginRight: arrowGap - 2,
         '& $arrow': {
           transform: 'translateX(11px) rotate(90deg)'
         }
       },
       '&[dir=rtl]': {
-        marginRight: -(arrowGap - 2),
+        'margin-right': arrowGap - 2,
         '& $arrow': {
           left: 0,
           transform: 'translateX(11px) rotate(90deg)'
@@ -27244,7 +27488,7 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
         width: arrowGap,
         height: '100%',
         top: 0,
-        right: 0,
+        left: 0,
         transform: 'translateX(-100%)'
       }
     }
@@ -27519,6 +27763,14 @@ var treeStyle = {
   rootClass: {},
   tree: {},
   virtual: {},
+  notTree: {
+    '&$root > $node$leaf': {
+      paddingLeft: 0
+    },
+    '& $content': {
+      marginLeft: 0
+    }
+  },
   line: {
     '& $node': {
       '&[dir=ltr]::before': {
@@ -27667,25 +27919,27 @@ var treeStyle = {
     flex: 1,
     display: 'flex',
     alignItems: 'center',
-    cursor: 'pointer',
-    padding: "0 ".concat(src.treePaddingX),
-    borderRadius: src.treeContentBorderRadius,
+    marginLeft: 4,
+    // 'label&': {
+    //   cursor: 'pointer',
+    //   userSelect: 'none',
+    // },
+
+    // '$iconWrapper + &': {
+    //   marginLeft: 4,
+    // },
+
     '$contentDisabled &': {
       '& $text': {
         color: src.treeContentDisabledFontColor
       }
     },
     '&[data-active="true"]': {
-      background: src.treeContentActiveBackgroundColor,
       '& $text': {
+        background: src.treeContentActiveBackgroundColor,
+        borderRadius: src.treeContentActiveBorderRadius,
         color: src.treeContentActiveFontColor
       }
-    },
-    '&:hover:not([data-active="true"])': {
-      background: src.treeContentHoverBackgroundColor,
-      '& $text': {
-        color: src.treeContentHoverFontColor
-      }
     }
   },
   checkbox: {
@@ -27695,13 +27949,22 @@ var treeStyle = {
     }
   },
   text: {
+    flex: 1,
+    minWidth: 0,
     fontSize: src.treeFontSize,
     lineHeight: src.lineHeightDynamic,
     color: src.treeFontColor,
     fontWeight: src.treeFontWeight,
-    paddingTop: src.treeTextPaddingY,
-    paddingBottom: src.treeTextPaddingY,
-    whiteSpace: 'nowrap'
+    padding: "".concat(src.treeTextPaddingY, " ").concat(src.treeTextPaddingX),
+    whiteSpace: 'nowrap',
+    borderRadius: src.treeContentBorderRadius,
+    '$content:not([data-active="true"]) &:hover': {
+      color: src.treeContentHoverFontColor,
+      background: src.treeContentHoverBackgroundColor
+    }
+  },
+  textClickable: {
+    cursor: 'pointer'
   },
   // textDisabled: {
   //   color: Token.treeItemDisabledFontColor,
@@ -28053,7 +28316,10 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     transformOrigin: '0 0',
     width: 'max-content',
     maxWidth: '640px',
-    cursor: 'initial'
+    cursor: 'initial',
+    '& $tree': {
+      overscrollBehavior: 'none'
+    }
   },
   iconWrapper: {
     display: 'flex',
@@ -28333,6 +28599,39 @@ var uploadStyle = {
     }
   },
   wrapperDrop: {},
+  draggerWrapper: {
+    display: 'block',
+    width: '100%'
+  },
+  draggerArea: {
+    position: 'relative',
+    padding: 16,
+    width: '100%',
+    height: '100%',
+    textAlign: 'center',
+    backgroundColor: src.uploadImageHandlerBackgroundColor,
+    borderRadius: src.uploadImageBorderRadius,
+    cursor: 'pointer',
+    color: src.uploadImageHandlerFontColor,
+    // after
+    '&:after': {
+      content: '""',
+      position: 'absolute',
+      top: -1,
+      right: -1,
+      bottom: -1,
+      left: -1,
+      borderRadius: src.uploadImageBorderRadius,
+      border: "1px dashed ".concat(src.uploadImageHandlerBorderColor),
+      transition: 'border-color 0.3s'
+    },
+    // hover
+    '&:hover': {
+      '&:after': {
+        borderColor: src.uploadImageHandlerHoverBorderColor
+      }
+    }
+  },
   handler: {
     display: 'inline-block',
     cursor: 'pointer',
@@ -28367,7 +28666,6 @@ var uploadStyle = {
   },
   result: {
     display: 'flex',
-    alignItems: 'center',
     gap: '8px',
     borderRadius: src.uploadResultBorderRadius,
     padding: "".concat(src.uploadResultPaddingY, " ").concat(src.uploadResultPaddingX),
@@ -28380,7 +28678,7 @@ var uploadStyle = {
   },
   icon: {
     width: src.uploadResultIconSize,
-    height: src.uploadResultIconSize,
+    height: src.lineHeightDynamic,
     color: src.uploadResultIconColor,
     display: 'flex',
     alignItems: 'center',
@@ -28409,16 +28707,14 @@ var uploadStyle = {
   },
   resultTextFooter: {
     display: 'flex',
-    alignItems: 'center',
     gap: src.uploadResultGap,
     color: src.uploadResultUploadingIconColor
   },
   resultText: {
     display: 'flex',
-    alignItems: 'center',
-    minWidth: '0',
-    wordBreak: 'break-all',
     flex: 1,
+    minWidth: 0,
+    wordBreak: 'break-all',
     gap: src.uploadResultGap,
     fontSize: src.uploadResultFontSize,
     color: src.uploadResultFontColor,
@@ -29349,6 +29645,11 @@ var usePopup = function usePopup(props) {
       updatePosition();
     }
     setOpenState(!!props.open);
+
+    // 外部传了open时，需要正常的触发onCollapse；触发了onCollapse才能让组件内部的edit状态正确，否则可能会出现弹出层打开了但是用户却无法选择的情况
+    if (props.open !== undefined) {
+      changeOpen(!!props.open);
+    }
   }, [props.open]);
 
   // const getPopUpHeight = () => {
@@ -29672,13 +29973,15 @@ function getClosestScrollContainer(element) {
   // 如果没有找到可滚动的祖先，返回 body 或 documentElement
   return document.scrollingElement || document.documentElement;
 }
-function getClosestFixedContainer(element) {
+function getClosestPositionedContainer(element) {
+  var positions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['fixed', 'absolute'];
   if (!element) {
     return null;
   }
   var isFixable = function isFixable(el) {
     var style = window.getComputedStyle(el);
-    return style.position === 'fixed';
+    var position = style.position;
+    return positions.includes(position);
   };
 
   // 遍历父元素
@@ -30224,10 +30527,12 @@ var usePositionStyle = function usePositionStyle(config) {
       }
       if (_h === 'right') {
         style.left = rect.right - containerRect.left + containerScroll.left + popupGap;
+        arrayStyle.left = '0px';
+        arrayStyle.right = 'auto';
       } else {
-        style.left = rect.left - containerRect.left + containerScroll.left - popupGap;
-        arrayStyle.right = "0px";
-        style.transform += ' translateX(-100%)';
+        style.right = containerRect.right - rect.left;
+        arrayStyle.right = '0px';
+        arrayStyle.left = 'auto';
       }
     } else if (position === 'cover') {
       style.top = rect.top - containerRect.top + containerScroll.top;
@@ -30310,6 +30615,8 @@ var usePositionStyle = function usePositionStyle(config) {
     // for animation
     if (realPosition.indexOf('top') === 0) {
       newStyle.transformOrigin = 'center bottom';
+    } else if (realPosition.indexOf('bottom') === 0) {
+      newStyle.transformOrigin = 'center top';
     }
     return {
       newStyle: newStyle,
@@ -30930,7 +31237,7 @@ var useContainer = function useContainer() {
     if (!is_isBrowser()) return null;
     if (!context.element) {
       context.element = document.createElement('div');
-      context.element.setAttribute('style', ' position: absolute; top: 0px; left: 0px; width: 100% ');
+      context.element.setAttribute('style', 'position: absolute; top: 0px; left: 0px; width: 100%;');
     }
     var rootContainer = getRootContainer(props);
     if (rootContainer && context.element.parentElement !== rootContainer) {
@@ -31180,10 +31487,16 @@ var Popover = function Popover(props) {
   }
   context.rendered = true;
   var childrened = isFunc(children) ? children(closePop) : children;
-  var colorStyle = {
+  var containerStyle = {
     borderColor: props.border,
     backgroundColor: props.background
   };
+  if (popupGap) {
+    Object.assign(containerStyle, {
+      '--popover-arrow-gap-extra': "".concat(popupGap, "px")
+    });
+  }
+  ;
   return /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
     focus: open,
     parentElRef: targetRef,
@@ -31199,7 +31512,7 @@ var Popover = function Popover(props) {
     offset: props.offset,
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
       className: classnames_default()(className, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.rootClass, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapper, open && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapperOpen), !showArrow && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.hideArrow)),
-      style: colorStyle
+      style: containerStyle
     }, getDataAttribute({
       position: position,
       type: type
@@ -31575,6 +31888,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"));
     }
     if (type.indexOf('collapse') >= 0) {
       transition.push("height ".concat(durationNum, "ms ease-in-out"));
@@ -31623,6 +31937,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.includes('scale-y')) {
       newStyle.transform = 'scaleY(0)';
+      newStyle.opacity = 0;
     }
     setStyle(function (s) {
       return objectSpread2_default()(objectSpread2_default()({}, s), newStyle);
@@ -31640,6 +31955,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.includes('scale-y')) {
       newStyle.transform = 'scaleY(1)';
+      newStyle.opacity = 1;
     }
     setStyle(function (s) {
       return objectSpread2_default()(objectSpread2_default()({}, s), newStyle);
@@ -31671,6 +31987,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.includes('scale-y')) {
       newStyle.transform = 'scaleY(1)';
+      newStyle.opacity = 1;
     }
     setStyle(function (s) {
       return objectSpread2_default()(objectSpread2_default()({}, s), newStyle);
@@ -31689,6 +32006,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.includes('scale-y')) {
       newStyle.transform = 'scaleY(0)';
+      newStyle.opacity = 0;
     }
     setStyle(function (s) {
       return objectSpread2_default()(objectSpread2_default()({}, s), newStyle);
@@ -33678,7 +33996,6 @@ var getRect = function getRect(el) {
     if (el) {
       devUseWarning.error("the ".concat(el, " is not a element"));
     }
-    ;
     return {
       top: 0,
       bottom: winHeight
@@ -33734,13 +34051,14 @@ function getObserver(obj, id) {
     render = obj.render,
     offscreen = obj.offscreen,
     noRemove = obj.noRemove;
-  var fixedContainer = getClosestFixedContainer(element);
+  var fixedContainer = getClosestPositionedContainer(element, ['fixed', 'absolute']);
   var observer = new IntersectionObserver(function (entries) {
     entries.forEach(function (en) {
       if (en.isIntersecting || en.intersectionRatio > 0) {
         render();
         if (!noRemove) removeStack(id);
       } else {
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
         offscreen && offscreen();
       }
     });
@@ -33817,6 +34135,327 @@ var Lazyload = function Lazyload(props) {
   });
 };
 /* harmony default export */ var lazyload = (Lazyload);
+;// CONCATENATED MODULE: ../hooks/src/utils/object.ts
+
+
+
+
+
+function insertPoint(name) {
+  var reg = /(\[\d+\])/gi;
+  return name.replace(reg, function (s, m, i) {
+    return s.replace(m, i === 0 ? m : ".".concat(m));
+  });
+}
+var object_hasOwnProperty = Object.prototype.hasOwnProperty;
+var PATH_MODE = {
+  loose: '?',
+  strict: '!',
+  insert: '^',
+  append: '$'
+};
+// Object.values()
+var objectValues = function objectValues(obj) {
+  if (!obj) return [];
+  return Object.keys(obj).map(function (k) {
+    return obj[k];
+  });
+};
+
+// object only, not handle array.
+var deepMerge = function deepMerge() {
+  var target = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var source = arguments.length > 1 ? arguments[1] : undefined;
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var clone = options.clone,
+    removeUndefined = options.removeUndefined,
+    skipUndefined = options.skipUndefined;
+  if (!isMergeable(source)) return source;
+  var dest = {};
+  if (isMergeable(target)) {
+    Object.keys(target).forEach(function (k) {
+      dest[k] = clone ? deepMerge({}, target[k], options) : target[k];
+      if (removeUndefined && dest[k] === undefined) delete dest[k];
+    });
+  }
+  Object.keys(source).forEach(function (k) {
+    if (isMergeable(source[k]) && isMergeable(target[k])) {
+      dest[k] = deepMerge(target[k], source[k], options);
+    } else {
+      if (skipUndefined && source[k] === undefined) return;
+      dest[k] = deepMerge({}, source[k], options);
+      if (removeUndefined && dest[k] === undefined) delete dest[k];
+    }
+  });
+  return dest;
+};
+function pathGenerator(raw) {
+  var path = insertPoint(raw);
+  var reg = /^\[(\d+)\]$/;
+  var pathModeValues = objectValues(PATH_MODE);
+  var index = 0;
+  var last = 0;
+  var prop = '';
+  var results = [];
+  while (index >= 0) {
+    index = path.indexOf('.', last);
+    prop = path.substring(last, index === -1 ? undefined : index);
+    var mode = void 0;
+    var lastChar = prop.charAt(prop.length - 1);
+    if (pathModeValues.includes(lastChar)) {
+      mode = lastChar;
+      prop = prop.substring(0, prop.length - 1);
+    }
+
+    // array index
+    var match = reg.exec(prop);
+    // eslint-disable-next-line
+    if (match) prop = parseInt(match[1], 10);
+    last = index + 1;
+    results.push([prop, index === -1 ? undefined : path.substring(last), mode]);
+  }
+  return results;
+}
+var deepSet = function deepSet(target, path, value) {
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  if (!is_isObject(target)) throw new Error('Target must be an object.');
+  if (typeof path !== 'string') throw new Error('Path must be a string.');
+  var removeUndefined = options.removeUndefined,
+    skipUndefined = options.skipUndefined;
+  var mergeOptions = {
+    clone: true,
+    removeUndefined: removeUndefined,
+    skipUndefined: skipUndefined
+  };
+
+  // empty root
+  if (path === '') {
+    var dest = deepMerge(target, value, mergeOptions);
+    Object.keys(dest).forEach(function (k) {
+      target[k] = dest[k];
+    });
+    return target;
+  }
+  var current = target;
+  var _iterator = createForOfIteratorHelper_default()(pathGenerator(path)),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = slicedToArray_default()(_step.value, 3),
+        prop = _step$value[0],
+        next = _step$value[1],
+        mode = _step$value[2];
+      if (next) {
+        var nextIsArray = /^\[\d+\]/.test(next);
+        if (!current[prop]) current[prop] = nextIsArray ? [] : {};
+        if (nextIsArray && !Array.isArray(current[prop])) {
+          throw new Error("Path ".concat(path, " expect an array."));
+        } else if (Array.isArray(current[prop]) && !nextIsArray) {
+          throw new Error("Path ".concat(path, " is an array, expect an object."));
+        }
+        current = current[prop];
+        continue;
+      }
+      if (options.forceSet) {
+        current[prop] = value;
+      } else if (mode === PATH_MODE.insert) {
+        current.splice(prop, 0, value);
+      } else if (mode === PATH_MODE.append) {
+        current.splice(prop + 1, 0, value);
+      } else {
+        if (skipUndefined && value === undefined) break;
+        current[prop] = isMergeable(current[prop]) && isMergeable(value) ? deepMerge(current[prop], value, mergeOptions) : value;
+      }
+      if (removeUndefined && value === undefined) delete current[prop];
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return target;
+};
+var deepGet = function deepGet(target, path) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  if (!is_isObject(target)) throw new Error('Target must be an object.');
+  if (typeof path !== 'string') throw new Error('Path must be a string.');
+
+  // empty root
+  if (path === '') return target;
+  var defaultValue = options.defaultValue,
+    strictMode = options.strictMode;
+  var current = target;
+  var _iterator2 = createForOfIteratorHelper_default()(pathGenerator(path)),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _step2$value = slicedToArray_default()(_step2.value, 3),
+        prop = _step2$value[0],
+        mode = _step2$value[2];
+      var isStrict = mode === PATH_MODE.strict || strictMode && defaultValue === undefined && mode !== PATH_MODE.loose;
+      // eslint-disable-next-line eqeqeq
+      if (current != null && object_hasOwnProperty.call(current, prop)) {
+        current = current[prop];
+      } else if (isStrict) {
+        throw new Error("Path ".concat(path, " is not exist."));
+      } else {
+        current = defaultValue;
+        break;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return current;
+};
+var deepRemove = function deepRemove(target, path) {
+  if (!is_isObject(target)) throw new Error('Target must be an object.');
+  if (typeof path !== 'string' || !path) throw new Error('Path must be a string.');
+  var current = target;
+  var nextIsArray = false;
+  var _iterator3 = createForOfIteratorHelper_default()(pathGenerator(path)),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var _step3$value = slicedToArray_default()(_step3.value, 2),
+        prop = _step3$value[0],
+        next = _step3$value[1];
+      // eslint-disable-next-line eqeqeq
+      if (current == null || !object_hasOwnProperty.call(current, prop)) {
+        break;
+      }
+      if (next) {
+        current = current[prop];
+        nextIsArray = /^\[\d+\]/.test(next);
+      } else if (is_isObject(current)) {
+        if (nextIsArray) throw new Error('Target is an object, expect array');
+        delete current[prop];
+      } else {
+        if (!nextIsArray) {
+          throw new Error('Target is an array, expect object');
+        }
+        current.splice(prop, 1);
+      }
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+  return target;
+};
+var deepHas = function deepHas(target, path) {
+  if (!isObject(target)) throw new Error('Target must be an object.');
+  if (typeof path !== 'string') throw new Error('Path must be a string.');
+  if (path === '') return true;
+  var current = target;
+  var _iterator4 = _createForOfIteratorHelper(pathGenerator(path)),
+    _step4;
+  try {
+    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+      var _step4$value = _slicedToArray(_step4.value, 2),
+        prop = _step4$value[0];
+      if (!current || !object_hasOwnProperty.call(current, prop)) return false;
+      current = current[prop];
+    }
+  } catch (err) {
+    _iterator4.e(err);
+  } finally {
+    _iterator4.f();
+  }
+  return true;
+};
+var object_entries = function entries(obj) {
+  if (!obj) return [];
+  var keys = Object.keys(obj);
+  return keys.map(function (key) {
+    return [key, obj[key]];
+  });
+};
+var removeProps = function removeProps(target, remove) {
+  var a = {};
+  var _iterator5 = createForOfIteratorHelper_default()(object_entries(target)),
+    _step5;
+  try {
+    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+      var _step5$value = slicedToArray_default()(_step5.value, 2),
+        key = _step5$value[0],
+        value = _step5$value[1];
+      if (!(key in remove)) {
+        a[key] = value;
+      }
+    }
+  } catch (err) {
+    _iterator5.e(err);
+  } finally {
+    _iterator5.f();
+  }
+  return a;
+};
+
+/**
+ * 获取数据对象的全量key路径
+ * @param obj 数据对象
+ * @param parentKey 父级key
+ * @returns 全量key路径
+ * @example
+ * const obj = { a: { b: { c: 1 } } };
+ * const keys = getAllKeyPaths(obj);
+ * console.log(keys); // ['a.b.c', 'a.b', 'a']
+ */
+var getAllKeyPaths = function getAllKeyPaths(obj) {
+  var parentKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return Object.keys(obj).reduce(function (keys, key) {
+    var newKey = parentKey ? "".concat(parentKey, ".").concat(key) : key;
+    if (Array.isArray(obj[key])) {
+      var childrenKeys = obj[key].map(function (item, index) {
+        if (item !== null && typeof_default()(item) === 'object') {
+          return getAllKeyPaths(item, "".concat(newKey, "[").concat(index, "]"));
+        }
+        return null;
+      }).filter(function (item) {
+        return item !== null;
+      });
+      return keys.concat.apply(keys, toConsumableArray_default()(childrenKeys)).concat(newKey);
+    }
+    return keys.concat(obj[key] !== null && typeof_default()(obj[key]) === 'object' ? getAllKeyPaths(obj[key], newKey) : newKey);
+  }, []);
+};
+
+/**
+ * 获取完整的字段key
+ * @param fields 字段key
+ * @param allFields 所有字段key
+ * @returns 完整的字段key
+ * @example
+ * const fields = ['user']
+ * const allFields = ['user', 'user.name', 'user.age', 'user[0].name', 'user[0].age', 'user[1].name', 'user[1].age']
+ * const completeFields = getCompleteFieldKeys(fields, allFields)
+ * console.log(completeFields) // ['user', 'user.name', 'user.age', 'user[0].name', 'user[0].age', 'user[1].name', 'user[1].age']
+ */
+var getCompleteFieldKeys = function getCompleteFieldKeys(fields, allFields) {
+  var fieldsArray = isArray(fields) ? fields : [fields];
+  var completeFields = [];
+  fieldsArray.forEach(function (field) {
+    var na = "".concat(field, "[");
+    if (field.endsWith(']')) {
+      na = field;
+    }
+    var no = "".concat(field, ".");
+    completeFields.push(field);
+    var childFields = allFields.filter(function (f) {
+      return f.startsWith(na) || f.startsWith(no);
+    });
+    if (childFields.length) {
+      completeFields.push.apply(completeFields, toConsumableArray_default()(childFields));
+    }
+  });
+
+  // 返回之前去重
+  return Array.from(new Set(completeFields));
+};
 ;// CONCATENATED MODULE: ../hooks/src/components/use-check/use-check.ts
 
 
@@ -33828,6 +34467,7 @@ var Lazyload = function Lazyload(props) {
 
 
 
+
 var useCheck = function useCheck(props) {
   var checked = props.checked,
     defaultChecked = props.defaultChecked,
@@ -33847,9 +34487,12 @@ var useCheck = function useCheck(props) {
   };
   var inputRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
   var handleInputRef = use_fork_ref(inputRef, inputRefPo);
-  var handleClick = function handleClick(otherHandlers) {
+  var handleClick = function handleClick(otherHandlers, needStopPropagation) {
     return function (event) {
       var _inputRef$current, _otherHandlers$onClic;
+      if (needStopPropagation) {
+        event.stopPropagation();
+      }
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();
       otherHandlers === null || otherHandlers === void 0 || (_otherHandlers$onClic = otherHandlers.onClick) === null || _otherHandlers$onClic === void 0 || _otherHandlers$onClic.call(otherHandlers, event);
     };
@@ -33857,8 +34500,10 @@ var useCheck = function useCheck(props) {
   var getRootProps = function getRootProps() {
     var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var externalEventHandlers = extractEventHandlers(externalProps);
-    return objectSpread2_default()(objectSpread2_default()({}, externalProps), {}, {
-      onClick: handleClick(externalEventHandlers)
+    return objectSpread2_default()(objectSpread2_default()({}, removeProps(externalProps, {
+      needStopPropagation: true
+    })), {}, {
+      onClick: handleClick(externalEventHandlers, externalProps.needStopPropagation)
     });
     //封装点击事件 点击触发input 的点击
     // disabled 禁用后不可点击
@@ -33887,6 +34532,7 @@ var useCheck = function useCheck(props) {
       disabled: disabled
     }, checkProps), {}, {
       onClick: function onClick(e) {
+        // TODO: 这个e.stopPropagation生效不了，外部的触发是通过inputRef.current?.click()方式的；没啥用的代码
         e.stopPropagation();
         _onClick === null || _onClick === void 0 || _onClick(e);
       },
@@ -33959,7 +34605,8 @@ var Checkbox = function Checkbox(props) {
     id: fieldId
   }, getRootProps({
     className: rootClass,
-    style: style
+    style: style,
+    needStopPropagation: props.needStopPropagation
   })), {}, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()(objectSpread2_default()({}, inputProps), {}, {
       type: "checkbox"
@@ -34349,9 +34996,12 @@ var Input = function Input(props) {
     className: classnames_default()(inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.input),
     onKeyUp: onKeyUp
   });
+  var inputElProps = removeProps(inputProps, {
+    formName: undefined
+  });
   var inputEl = /*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()({
     type: "text"
-  }, inputProps));
+  }, inputElProps));
   if (typeof renderInput === 'function') {
     inputEl = renderInput(inputEl);
   }
@@ -34508,327 +35158,6 @@ var useInputFormat = function useInputFormat(props) {
   };
 };
 /* harmony default export */ var use_input_format = (useInputFormat);
-;// CONCATENATED MODULE: ../hooks/src/utils/object.ts
-
-
-
-
-
-function insertPoint(name) {
-  var reg = /(\[\d+\])/gi;
-  return name.replace(reg, function (s, m, i) {
-    return s.replace(m, i === 0 ? m : ".".concat(m));
-  });
-}
-var object_hasOwnProperty = Object.prototype.hasOwnProperty;
-var PATH_MODE = {
-  loose: '?',
-  strict: '!',
-  insert: '^',
-  append: '$'
-};
-// Object.values()
-var objectValues = function objectValues(obj) {
-  if (!obj) return [];
-  return Object.keys(obj).map(function (k) {
-    return obj[k];
-  });
-};
-
-// object only, not handle array.
-var deepMerge = function deepMerge() {
-  var target = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var source = arguments.length > 1 ? arguments[1] : undefined;
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var clone = options.clone,
-    removeUndefined = options.removeUndefined,
-    skipUndefined = options.skipUndefined;
-  if (!isMergeable(source)) return source;
-  var dest = {};
-  if (isMergeable(target)) {
-    Object.keys(target).forEach(function (k) {
-      dest[k] = clone ? deepMerge({}, target[k], options) : target[k];
-      if (removeUndefined && dest[k] === undefined) delete dest[k];
-    });
-  }
-  Object.keys(source).forEach(function (k) {
-    if (isMergeable(source[k]) && isMergeable(target[k])) {
-      dest[k] = deepMerge(target[k], source[k], options);
-    } else {
-      if (skipUndefined && source[k] === undefined) return;
-      dest[k] = deepMerge({}, source[k], options);
-      if (removeUndefined && dest[k] === undefined) delete dest[k];
-    }
-  });
-  return dest;
-};
-function pathGenerator(raw) {
-  var path = insertPoint(raw);
-  var reg = /^\[(\d+)\]$/;
-  var pathModeValues = objectValues(PATH_MODE);
-  var index = 0;
-  var last = 0;
-  var prop = '';
-  var results = [];
-  while (index >= 0) {
-    index = path.indexOf('.', last);
-    prop = path.substring(last, index === -1 ? undefined : index);
-    var mode = void 0;
-    var lastChar = prop.charAt(prop.length - 1);
-    if (pathModeValues.includes(lastChar)) {
-      mode = lastChar;
-      prop = prop.substring(0, prop.length - 1);
-    }
-
-    // array index
-    var match = reg.exec(prop);
-    // eslint-disable-next-line
-    if (match) prop = parseInt(match[1], 10);
-    last = index + 1;
-    results.push([prop, index === -1 ? undefined : path.substring(last), mode]);
-  }
-  return results;
-}
-var deepSet = function deepSet(target, path, value) {
-  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-  if (!is_isObject(target)) throw new Error('Target must be an object.');
-  if (typeof path !== 'string') throw new Error('Path must be a string.');
-  var removeUndefined = options.removeUndefined,
-    skipUndefined = options.skipUndefined;
-  var mergeOptions = {
-    clone: true,
-    removeUndefined: removeUndefined,
-    skipUndefined: skipUndefined
-  };
-
-  // empty root
-  if (path === '') {
-    var dest = deepMerge(target, value, mergeOptions);
-    Object.keys(dest).forEach(function (k) {
-      target[k] = dest[k];
-    });
-    return target;
-  }
-  var current = target;
-  var _iterator = createForOfIteratorHelper_default()(pathGenerator(path)),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _step$value = slicedToArray_default()(_step.value, 3),
-        prop = _step$value[0],
-        next = _step$value[1],
-        mode = _step$value[2];
-      if (next) {
-        var nextIsArray = /^\[\d+\]/.test(next);
-        if (!current[prop]) current[prop] = nextIsArray ? [] : {};
-        if (nextIsArray && !Array.isArray(current[prop])) {
-          throw new Error("Path ".concat(path, " expect an array."));
-        } else if (Array.isArray(current[prop]) && !nextIsArray) {
-          throw new Error("Path ".concat(path, " is an array, expect an object."));
-        }
-        current = current[prop];
-        continue;
-      }
-      if (options.forceSet) {
-        current[prop] = value;
-      } else if (mode === PATH_MODE.insert) {
-        current.splice(prop, 0, value);
-      } else if (mode === PATH_MODE.append) {
-        current.splice(prop + 1, 0, value);
-      } else {
-        if (skipUndefined && value === undefined) break;
-        current[prop] = isMergeable(current[prop]) && isMergeable(value) ? deepMerge(current[prop], value, mergeOptions) : value;
-      }
-      if (removeUndefined && value === undefined) delete current[prop];
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return target;
-};
-var deepGet = function deepGet(target, path) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  if (!is_isObject(target)) throw new Error('Target must be an object.');
-  if (typeof path !== 'string') throw new Error('Path must be a string.');
-
-  // empty root
-  if (path === '') return target;
-  var defaultValue = options.defaultValue,
-    strictMode = options.strictMode;
-  var current = target;
-  var _iterator2 = createForOfIteratorHelper_default()(pathGenerator(path)),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var _step2$value = slicedToArray_default()(_step2.value, 3),
-        prop = _step2$value[0],
-        mode = _step2$value[2];
-      var isStrict = mode === PATH_MODE.strict || strictMode && defaultValue === undefined && mode !== PATH_MODE.loose;
-      // eslint-disable-next-line eqeqeq
-      if (current != null && object_hasOwnProperty.call(current, prop)) {
-        current = current[prop];
-      } else if (isStrict) {
-        throw new Error("Path ".concat(path, " is not exist."));
-      } else {
-        current = defaultValue;
-        break;
-      }
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
-  }
-  return current;
-};
-var deepRemove = function deepRemove(target, path) {
-  if (!is_isObject(target)) throw new Error('Target must be an object.');
-  if (typeof path !== 'string' || !path) throw new Error('Path must be a string.');
-  var current = target;
-  var nextIsArray = false;
-  var _iterator3 = createForOfIteratorHelper_default()(pathGenerator(path)),
-    _step3;
-  try {
-    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-      var _step3$value = slicedToArray_default()(_step3.value, 2),
-        prop = _step3$value[0],
-        next = _step3$value[1];
-      // eslint-disable-next-line eqeqeq
-      if (current == null || !object_hasOwnProperty.call(current, prop)) {
-        break;
-      }
-      if (next) {
-        current = current[prop];
-        nextIsArray = /^\[\d+\]/.test(next);
-      } else if (is_isObject(current)) {
-        if (nextIsArray) throw new Error('Target is an object, expect array');
-        delete current[prop];
-      } else {
-        if (!nextIsArray) {
-          throw new Error('Target is an array, expect object');
-        }
-        current.splice(prop, 1);
-      }
-    }
-  } catch (err) {
-    _iterator3.e(err);
-  } finally {
-    _iterator3.f();
-  }
-  return target;
-};
-var deepHas = function deepHas(target, path) {
-  if (!isObject(target)) throw new Error('Target must be an object.');
-  if (typeof path !== 'string') throw new Error('Path must be a string.');
-  if (path === '') return true;
-  var current = target;
-  var _iterator4 = _createForOfIteratorHelper(pathGenerator(path)),
-    _step4;
-  try {
-    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-      var _step4$value = _slicedToArray(_step4.value, 2),
-        prop = _step4$value[0];
-      if (!current || !object_hasOwnProperty.call(current, prop)) return false;
-      current = current[prop];
-    }
-  } catch (err) {
-    _iterator4.e(err);
-  } finally {
-    _iterator4.f();
-  }
-  return true;
-};
-var object_entries = function entries(obj) {
-  if (!obj) return [];
-  var keys = Object.keys(obj);
-  return keys.map(function (key) {
-    return [key, obj[key]];
-  });
-};
-var removeProps = function removeProps(target, remove) {
-  var a = {};
-  var _iterator5 = createForOfIteratorHelper_default()(object_entries(target)),
-    _step5;
-  try {
-    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-      var _step5$value = slicedToArray_default()(_step5.value, 2),
-        key = _step5$value[0],
-        value = _step5$value[1];
-      if (!(key in remove)) {
-        a[key] = value;
-      }
-    }
-  } catch (err) {
-    _iterator5.e(err);
-  } finally {
-    _iterator5.f();
-  }
-  return a;
-};
-
-/**
- * 获取数据对象的全量key路径
- * @param obj 数据对象
- * @param parentKey 父级key
- * @returns 全量key路径
- * @example
- * const obj = { a: { b: { c: 1 } } };
- * const keys = getAllKeyPaths(obj);
- * console.log(keys); // ['a.b.c', 'a.b', 'a']
- */
-var getAllKeyPaths = function getAllKeyPaths(obj) {
-  var parentKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return Object.keys(obj).reduce(function (keys, key) {
-    var newKey = parentKey ? "".concat(parentKey, ".").concat(key) : key;
-    if (Array.isArray(obj[key])) {
-      var childrenKeys = obj[key].map(function (item, index) {
-        if (item !== null && typeof_default()(item) === 'object') {
-          return getAllKeyPaths(item, "".concat(newKey, "[").concat(index, "]"));
-        }
-        return null;
-      }).filter(function (item) {
-        return item !== null;
-      });
-      return keys.concat.apply(keys, toConsumableArray_default()(childrenKeys)).concat(newKey);
-    }
-    return keys.concat(obj[key] !== null && typeof_default()(obj[key]) === 'object' ? getAllKeyPaths(obj[key], newKey) : newKey);
-  }, []);
-};
-
-/**
- * 获取完整的字段key
- * @param fields 字段key
- * @param allFields 所有字段key
- * @returns 完整的字段key
- * @example
- * const fields = ['user']
- * const allFields = ['user', 'user.name', 'user.age', 'user[0].name', 'user[0].age', 'user[1].name', 'user[1].age']
- * const completeFields = getCompleteFieldKeys(fields, allFields)
- * console.log(completeFields) // ['user', 'user.name', 'user.age', 'user[0].name', 'user[0].age', 'user[1].name', 'user[1].age']
- */
-var getCompleteFieldKeys = function getCompleteFieldKeys(fields, allFields) {
-  var fieldsArray = isArray(fields) ? fields : [fields];
-  var completeFields = [];
-  fieldsArray.forEach(function (field) {
-    var na = "".concat(field, "[");
-    if (field.endsWith(']')) {
-      na = field;
-    }
-    var no = "".concat(field, ".");
-    completeFields.push(field);
-    var childFields = allFields.filter(function (f) {
-      return f.startsWith(na) || f.startsWith(no);
-    });
-    if (childFields.length) {
-      completeFields.push.apply(completeFields, toConsumableArray_default()(childFields));
-    }
-  });
-
-  // 返回之前去重
-  return Array.from(new Set(completeFields));
-};
 ;// CONCATENATED MODULE: ../base/src/common/use-clear.ts
 
 var useClear = function useClear(props) {
@@ -35404,9 +35733,7 @@ var input_Input = function Input(props) {
     digits: commonProps.digits,
     integerLimit: commonProps.integerLimit,
     numType: commonProps.numType,
-    trim: (_ref = (_commonProps$trim = commonProps.trim) !== null && _commonProps$trim !== void 0 ? _commonProps$trim : config.trim) !== null && _ref !== void 0 ? _ref : false,
-    // 移除 formName，避免渲染到原生 input 上
-    formName: undefined
+    trim: (_ref = (_commonProps$trim = commonProps.trim) !== null && _commonProps$trim !== void 0 ? _commonProps$trim : config.trim) !== null && _ref !== void 0 ? _ref : false
   };
   var inputFormatProps = use_input_format(objectSpread2_default()({
     value: commonProps.value,
@@ -35841,7 +36168,7 @@ var Carousel = function Carousel(props) {
       });
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: classnames_default()(carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorWrapper, indicatorPosition === 'center' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorCenter), indicatorPosition === 'left' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorLeft), indicatorPosition === 'right' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorRight), indicatorPosition === 'outer' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorOuter), indicatorType === 'circle' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeCircle), indicatorType === 'number' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeNumber), indicatorType === 'line' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeLine), indicatorType === 'slider' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeSlider)),
+      className: classnames_default()(carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorWrapper, indicatorPosition === 'center' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorCenter), indicatorPosition === 'left' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorLeft), indicatorPosition === 'right' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorRight), indicatorPosition === 'outer' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorOuter), indicatorType === 'circle' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeCircle), indicatorType === 'number' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeNumber), indicatorType === 'line' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeLine), indicatorType === 'bar' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeBar)),
       children: content
     });
   };
@@ -37589,7 +37916,6 @@ function use_tree_toArray(value) {
   if (!Array.isArray(value)) return [value];
   return value;
 }
-var global_tree_map = new Map();
 var MODE = {
   /**
    * 返回全选数据，包含父节点和子节点
@@ -37874,6 +38200,34 @@ var useTree = function useTree(props) {
     }
     return ids;
   };
+  var initFlatData = function initFlatData(data, path) {
+    var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+    var pid = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+    var result = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+    for (var i = 0; i < data.length; i++) {
+      var item = data[i];
+      var id = getKey(item, path[path.length - 1], i);
+      var node = {
+        id: id,
+        level: level,
+        data: item,
+        pid: pid
+      };
+      if (defaultExpandAll) {
+        result.push(node);
+      } else {
+        if (level === 1) {
+          result.push(node);
+        } else if (expanded && pid !== null && expanded.indexOf(pid) >= 0) {
+          result.push(node);
+        }
+      }
+      if (Array.isArray(item[childrenKey])) {
+        initFlatData(item[childrenKey], [].concat(toConsumableArray_default()(path), [id]), level + 1, id, result);
+      }
+    }
+    return result;
+  };
   var initValue = function initValue(ids_outer, forceCheck) {
     var ids = ids_outer;
     if (!context.data || !context.value) {
@@ -37964,15 +38318,6 @@ var useTree = function useTree(props) {
     return 2;
   };
   var setData = function setData(data) {
-    // if(data && global_tree_map.get(data)){
-    //   context.cachedValue = global_tree_map.get(data)?.cachedValue || []
-    //   context.pathMap = global_tree_map.get(data)?.pathMap || new Map()
-    //   context.dataMap = global_tree_map.get(data)?.dataMap || new Map()
-    //   context.valueMap = global_tree_map.get(data)?.valueMap || new Map()
-    //   context.unmatchedValueMap = global_tree_map.get(data)?.unmatchedValueMap || new Map()
-    //   return
-    // }
-
     var prevValue = context.value || [];
     context.cachedValue = [];
     context.pathMap = new Map();
@@ -37993,8 +38338,6 @@ var useTree = function useTree(props) {
     }
     initValue();
     setValue(prevValue);
-
-    // global_tree_map.set(data, context)
   };
   var set = function set(id, checked, direction) {
     if (!isDisabled(id)) {
@@ -38036,6 +38379,28 @@ var useTree = function useTree(props) {
     }
     return current;
   };
+  var updateInnerCheckStatus = function updateInnerCheckStatus() {
+    var _context$value;
+    if (mode !== MODE.MODE_0) return;
+    (_context$value = context.value) === null || _context$value === void 0 || _context$value.forEach(function (id) {
+      var _ref3 = context.pathMap.get(id),
+        children = _ref3.children;
+      if (children.length) {
+        var noCheckedChildren = children.filter(function (cid) {
+          var _context$value2;
+          return !((_context$value2 = context.value) !== null && _context$value2 !== void 0 && _context$value2.includes(cid));
+        });
+        if (noCheckedChildren.length > 0) {
+          setTimeout(function () {
+            setValueMap(id, 2);
+            noCheckedChildren.forEach(function (cid) {
+              setValueMap(cid, 0);
+            });
+          }, 0);
+        }
+      }
+    });
+  };
   var appendChildrenExpanded = function appendChildrenExpanded(child, level, pid, insertData) {
     if (!child) return;
     child.forEach(function (item, i) {
@@ -38121,7 +38486,7 @@ var useTree = function useTree(props) {
         expanded: true
       }));
     });
-    var _getExpandVirtualData = getExpandVirtualData(context.data, expanded, getKey, childrenKey),
+    var _getExpandVirtualData = getExpandVirtualData(props.tiledData || context.data, expanded, getKey, childrenKey),
       treeDataInfo = _getExpandVirtualData.treeDataInfo;
     if (!treeDataInfo) {
       return;
@@ -38146,11 +38511,18 @@ var useTree = function useTree(props) {
     if (props.datum) return;
     if (!dataUpdate) return;
     setData(data);
+    updateInnerCheckStatus();
   }, [data]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (props.datum) return;
     setValue(value);
   }, [value]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!virtual) return;
+    if (!props.tiledData) return;
+    var tiledFlatData = initFlatData(props.tiledData, [], 1);
+    setDataFlat(tiledFlatData);
+  }, [props.tiledData]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     setInited(true);
   }, []);
@@ -38303,7 +38675,9 @@ var Scroll = function Scroll(props) {
     _props$scrollWidth = props.scrollWidth,
     scrollWidth = _props$scrollWidth === void 0 ? 0 : _props$scrollWidth,
     _props$defaultHeight = props.defaultHeight,
-    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight;
+    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight,
+    _props$keepScrollTop = props.keepScrollTop,
+    keepScrollTop = _props$keepScrollTop === void 0 ? false : _props$keepScrollTop;
   var _useResize = useResize({
       targetRef: containerRef,
       timer: 100
@@ -38327,7 +38701,10 @@ var Scroll = function Scroll(props) {
   }, isRtl ? 'right' : 'left', 0), "top", 0);
 
   // 当滚动容器的高度为 0 时，paddingTop 为 0，避免滚动条抖动现象
-  var paddingTop = height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
+  var paddingTop = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    if (keepScrollTop) return Math.max(0, Math.floor(scrollHeight - height));
+    return height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
+  }, [scrollHeight, height]);
   var placeStyle = {
     paddingTop: paddingTop,
     width: scrollWidth,
@@ -38439,6 +38816,7 @@ var VirtualList = function VirtualList(props) {
     className = props.className,
     lineHeight = props.lineHeight,
     height = props.height,
+    keepScrollTop = props.keepScrollTop,
     keepScrollHeight = props.keepScrollHeight,
     renderItem = props.renderItem,
     customRenderItem = props.customRenderItem,
@@ -38605,6 +38983,7 @@ var VirtualList = function VirtualList(props) {
       style: nextStyle,
       height: height,
       scrollWidth: 0,
+      keepScrollTop: keepScrollTop,
       scrollerStyle: scrollerStyle,
       scrollHeight: scrollHeight,
       childrenStyle: {
@@ -38635,6 +39014,7 @@ var VirtualList = function VirtualList(props) {
   }, [startIndex]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     // 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
+    if (keepScrollTop) return;
     if (keepScrollHeight) return;
     setTop(0);
     setStartIndex(0);
@@ -39243,6 +39623,8 @@ var Result = function Result(props) {
     var dis = info.index === 1 ? disabledRight : disabledLeft;
     var className = classnames_default()(styles === null || styles === void 0 ? void 0 : styles.resultText, info.target && (styles === null || styles === void 0 ? void 0 : styles.placeholder), dis && (styles === null || styles === void 0 ? void 0 : styles.resultTextDisabled), info.index === activeIndex && (styles === null || styles === void 0 ? void 0 : styles.resultTextActive));
     var formFieldId = (fieldId === null || fieldId === void 0 ? void 0 : fieldId.split(separator)) || [];
+    var inputValue = info.target || info.value || '';
+    var displayValue = props.type === 'week' && inputValue ? "".concat(inputValue).concat(getLocale(locale, 'weekShort')) : inputValue;
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: className,
       id: formFieldId[info.index],
@@ -39258,7 +39640,7 @@ var Result = function Result(props) {
           readOnly: !info.inputable,
           open: !!open,
           inputRef: inputRef,
-          value: info.target || info.value || '',
+          value: displayValue,
           placeholder: info.place,
           onChange: function onChange(s) {
             _onChange(s, info.index);
@@ -39877,6 +40259,7 @@ var result_Result = function Result(props) {
   var jssStyle = props.jssStyle,
     multiple = props.multiple,
     size = props.size,
+    reFocus = props.reFocus,
     valueProp = props.value,
     focus = props.focus,
     keygen = props.keygen,
@@ -40189,10 +40572,12 @@ var result_Result = function Result(props) {
           props.setInputText(textContent);
         }
       }
-      setTimeout(function () {
-        var _inputRef$current;
-        inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.select();
-      }, 10);
+      if (!reFocus) {
+        setTimeout(function () {
+          var _inputRef$current;
+          inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.select();
+        }, 10);
+      }
     }
     mounted.current = true;
   }, [focus, placeholder, multiple]);
@@ -40331,6 +40716,7 @@ var Cascader = function Cascader(props0) {
     positionProp = _props$position === void 0 ? 'bottom-left' : _props$position,
     absolute = props.absolute,
     zIndex = props.zIndex,
+    emptyText = props.emptyText,
     getComponentRef = props.getComponentRef,
     onFocus = props.onFocus,
     onBlur = props.onBlur,
@@ -40755,11 +41141,25 @@ var Cascader = function Cascader(props0) {
       children: cascaderList
     });
   };
+  var renderEmpty = function renderEmpty() {
+    if (emptyText) {
+      return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.empty,
+        children: emptyText
+      });
+    }
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: styles === null || styles === void 0 ? void 0 : styles.empty,
+      children: getLocale(locale, 'noData')
+    });
+  };
   var renderNormalList = function renderNormalList() {
     if (!open && isFirstRender.current) {
       return null;
     }
     isFirstRender.current = false;
+    var isEmpty = !(filterData !== null && filterData !== void 0 && filterData.length);
+    if (isEmpty && props.emptyText !== false) return renderEmpty();
     var list = renderList();
     return renderOptionList ? renderOptionList(list, {
       loading: !!loading
@@ -40808,12 +41208,6 @@ var Cascader = function Cascader(props0) {
       })
     });
   };
-  var renderEmpty = function renderEmpty() {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: styles === null || styles === void 0 ? void 0 : styles.empty,
-      children: getLocale(locale, 'noData')
-    });
-  };
   var renderPanel = function renderPanel() {
     if (props.loading) {
       return renderLoading();
@@ -41416,7 +41810,6 @@ function useFormControl(props) {
     var formValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var errors = arguments.length > 1 ? arguments[1] : undefined;
     var severErrors = arguments.length > 2 ? arguments[2] : undefined;
-    var names = arguments.length > 3 ? arguments[3] : undefined;
     if (!name) return;
     if (isArray(name)) {
       var _value = getValue(name, formValue);
@@ -41428,7 +41821,7 @@ function useFormControl(props) {
       var dv = isArray(defaultValue) ? defaultValue : [];
       var nextValue = [];
       name.forEach(function (n, index) {
-        if (!names.has(n) && _value[index] === undefined && dv[index] !== undefined) {
+        if (_value[index] === undefined && dv[index] !== undefined) {
           nextValue[index] = dv[index];
         } else {
           nextValue[index] = _value[index];
@@ -41442,7 +41835,7 @@ function useFormControl(props) {
         setErrorState(_error2);
       }
       if (!shallowEqual(_value2, latestInfo.valueState)) {
-        if (!names.has(name) && _value2 === undefined && defaultValue !== undefined) {
+        if (_value2 === undefined && defaultValue !== undefined) {
           setValueState(defaultValue);
         } else {
           setValueState(_value2);
@@ -43789,6 +44182,10 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
     if (props.formatResult) {
       if (typeof props.formatResult === 'string') {
         return getFormatValueArr(dateArr, props.formatResult);
+      } else if (typeof props.formatResult === 'function') {
+        return dateArr.map(function (item) {
+          return props.formatResult(item);
+        });
       } else {
         return dateArr.map(function (item) {
           if (!item) return '';
@@ -44711,7 +45108,7 @@ var Day = function Day(props) {
   };
   var renderFooter = function renderFooter() {
     var _props$rangeDate, _props$rangeDate2;
-    var showLeft = props.type === 'datetime' && (((_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') && (((_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 timeStr = func.getTimeStr();
     if (!showLeft && !props.showSelNow) return null;
     var format = props.format;
@@ -44723,6 +45120,7 @@ var Day = function Day(props) {
       if (match) format = match[0];
     }
     var showNeedConfirm = props.needConfirm && !props.range;
+    if (props.type !== 'datetime' && props.type !== 'date' && !showNeedConfirm) return null;
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: styles === null || styles === void 0 ? void 0 : styles.pickerFooter,
       dir: direction,
@@ -44747,18 +45145,18 @@ var Day = function Day(props) {
           })]
         })
       }), props.showSelNow && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-        className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterNow,
+        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerFooterNow),
         style: {
           marginRight: showNeedConfirm ? 'auto' : undefined,
-          paddingLeft: showNeedConfirm ? 6 : undefined
+          paddingLeft: showNeedConfirm ? props.type === 'date' ? 22 : 6 : undefined
         },
-        children: [props.showSelNow && props.type === 'date' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_link_link, {
+        children: [props.type === 'date' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_link_link, {
           type: "primary",
           jssStyle: jssStyle,
           className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
           onClick: selNow,
           children: getLocale(locale, 'now')
-        }), props.showSelNow && props.type === 'datetime' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_link_link, {
+        }), props.type === 'datetime' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_link_link, {
           type: "primary",
           jssStyle: jssStyle,
           className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
@@ -46302,7 +46700,7 @@ var DatePicker = function DatePicker(props0) {
         onRef: popupRef,
         className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
         display: 'block',
-        type: 'fade',
+        type: 'scale-y',
         duration: 'fast',
         show: open,
         onMouseDown: preventDefault,
@@ -46519,7 +46917,7 @@ var useDescriptions = function useDescriptions(props) {
 
 
 var Descriptions = function Descriptions(props) {
-  var _jssStyleProps$descri;
+  var _jssStyleProps$descri, _renderItem$;
   var className = props.className,
     jssStyleProps = props.jssStyle,
     style = props.style,
@@ -46638,15 +47036,23 @@ var Descriptions = function Descriptions(props) {
     style: style,
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Header, {}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: bodyClassName,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("table", {
+      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
         className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.table,
         cellPadding: 0,
         cellSpacing: 0,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
+        children: [layout === 'inlineHorizontal' && typeof column === 'number' && column > 1 && /*#__PURE__*/(0,jsx_runtime.jsx)("colgroup", {
+          children: (_renderItem$ = renderItem[0]) === null || _renderItem$ === void 0 ? void 0 : _renderItem$.map(function (_, index, arr) {
+            return /*#__PURE__*/(0,jsx_runtime.jsx)("col", {
+              style: {
+                width: "".concat(1 / arr.length * 100, "%")
+              }
+            }, index);
+          })
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
           children: renderItem.map(function (d, i) {
             return renderHandle(d, i);
           })
-        })
+        })]
       })
     })]
   });
@@ -47823,7 +48229,8 @@ var useTextarea = function useTextarea(props) {
 
 
 
-var simple_textarea_excluded = ["jssStyle", "className", "style", "status", "size", "prefix", "suffix", "underline", "autosize", "border", "resize", "onEnterPress", "getStatus", "renderTextarea"];
+var simple_textarea_excluded = ["jssStyle", "className", "style", "status", "size", "prefix", "suffix", "underline", "autosize", "border", "resize", "onEnterPress", "onStatusChange", "renderTextarea", "limit", "clearable"];
+
 
 
 
@@ -47846,8 +48253,10 @@ var Textarea = function Textarea(props) {
     _props$resize = props.resize,
     resize = _props$resize === void 0 ? false : _props$resize,
     _onEnterPress = props.onEnterPress,
-    getStatus = props.getStatus,
+    onStatusChange = props.onStatusChange,
     renderTextarea = props.renderTextarea,
+    limit = props.limit,
+    clearable = props.clearable,
     rest = objectWithoutProperties_default()(props, simple_textarea_excluded);
   var textareaClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$textarea = jssStyle.textarea) === null || _jssStyle$textarea === void 0 ? void 0 : _jssStyle$textarea.call(jssStyle);
   var _useTextarea = use_textarea(objectSpread2_default()({}, rest)),
@@ -47873,8 +48282,8 @@ var Textarea = function Textarea(props) {
     onKeyUp: onKeyUp
   });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (getStatus) {
-      getStatus({
+    if (onStatusChange) {
+      onStatusChange({
         focused: focused
       });
     }
@@ -47883,13 +48292,32 @@ var Textarea = function Textarea(props) {
   if (typeof renderTextarea === 'function') {
     textareaEl = renderTextarea(textareaEl);
   }
+  var limitEl = null;
+  if (limit) {
+    var _props$value;
+    limitEl = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.limit,
+      children: typeof limit === 'number' ? "".concat(((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) || 0, "/").concat(limit) : limit(props.value)
+    });
+  }
+  var clearEl = null;
+  if (clearable && props.value) {
+    clearEl = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.clear,
+      onClick: function onClick() {
+        var _props$onChange;
+        (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, '');
+      },
+      children: icons_config.textarea.Close
+    });
+  }
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     id: fieldId
   }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getRootProps({
     className: rootClass,
     style: style
   })), {}, {
-    children: [prefix, textareaEl, suffix]
+    children: [prefix, textareaEl, suffix, limitEl, clearEl]
   }));
 };
 /* harmony default export */ var simple_textarea = (Textarea);
@@ -47988,7 +48416,7 @@ var useAutoSize = function useAutoSize(props) {
 
 
 
-var textarea_excluded = ["info", "suffix", "renderFooter", "width", "style", "jssStyle", "onBlur", "status", "trim", "delay"];
+var textarea_excluded = ["info", "suffix", "renderFooter", "width", "style", "jssStyle", "onBlur", "status", "limit", "trim", "delay"];
 
 
 
@@ -48017,6 +48445,7 @@ var textarea_Textarea = function Textarea(props0) {
     jssStyle = props.jssStyle,
     onBlur = props.onBlur,
     status = props.status,
+    limit = props.limit,
     trimProps = props.trim,
     delayProps = props.delay,
     resetProps = objectWithoutProperties_default()(props, textarea_excluded);
@@ -48048,7 +48477,12 @@ var textarea_Textarea = function Textarea(props0) {
   var inputAbleParams = {
     value: resetProps.value,
     onChange: resetProps.onChange,
-    beforeChange: resetProps.beforeChange,
+    beforeChange: typeof limit === 'number' ? function (v) {
+      var _resetProps$beforeCha;
+      if (v.length > limit) return v.slice(0, limit);
+      if (resetProps.beforeChange) (_resetProps$beforeCha = resetProps.beforeChange) === null || _resetProps$beforeCha === void 0 || _resetProps$beforeCha.call(resetProps, v);
+      return v;
+    } : resetProps.beforeChange,
     defaultValue: resetProps.defaultValue,
     delay: delay
   };
@@ -48157,13 +48591,14 @@ var textarea_Textarea = function Textarea(props0) {
     rows: 4,
     jssStyle: jssStyle
   }, forwardProps), formatProps), {}, {
-    className: classnames_default()(innerTitleProps.innerTitle && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperInnerTitle), resetProps.className),
+    className: classnames_default()(innerTitleProps.innerTitle && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperInnerTitle), props.clearable && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperWithClear), resetProps.className),
     renderTextarea: renderTextarea,
+    limit: limit,
     status: tipProps.error ? 'error' : status,
+    onStatusChange: onStatusChange,
     value: inputAbleProps.value || '',
     suffix: mergeSuffix,
     style: mergeStyle,
-    getStatus: onStatusChange,
     rootRef: rootRef,
     autosize: props.autosize
   }));
@@ -48535,6 +48970,7 @@ var Empty = function Empty(props) {
     }, rest);
   };
   var renderImage = function renderImage() {
+    if (icon === null) return null;
     if (imgSrc) {
       return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: styles === null || styles === void 0 ? void 0 : styles.image,
@@ -48751,7 +49187,6 @@ var useForm = function useForm(props) {
     forceSet: true
   };
   var preValue = use_previous_usePrevious(props.value);
-  var formDomRef = external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef();
   var _React$useRef = external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef({
       defaultValues: {},
       validateMap: {},
@@ -48777,7 +49212,7 @@ var useForm = function useForm(props) {
       Object.keys(context.updateMap).forEach(function (key) {
         var _context$updateMap$ke;
         (_context$updateMap$ke = context.updateMap[key]) === null || _context$updateMap$ke === void 0 || _context$updateMap$ke.forEach(function (update) {
-          update(context.value, context.errors, context.serverErrors, context.names);
+          update(context.value, context.errors, context.serverErrors);
         });
       });
       Object.keys(context.flowMap).forEach(function (key) {
@@ -48795,12 +49230,12 @@ var useForm = function useForm(props) {
           var _context$updateMap$pa;
           var parentKey = key.split('.')[0];
           (_context$updateMap$pa = context.updateMap[parentKey]) === null || _context$updateMap$pa === void 0 || _context$updateMap$pa.forEach(function (update) {
-            update(context.value, context.errors, context.serverErrors, context.names);
+            update(context.value, context.errors, context.serverErrors);
           });
         } else {
           var _context$updateMap$ke2;
           (_context$updateMap$ke2 = context.updateMap[key]) === null || _context$updateMap$ke2 === void 0 || _context$updateMap$ke2.forEach(function (update) {
-            update(context.value, context.errors, context.serverErrors, context.names);
+            update(context.value, context.errors, context.serverErrors);
           });
         }
         (_context$flowMap$key = context.flowMap[key]) === null || _context$flowMap$key === void 0 || _context$flowMap$key.forEach(function (update) {
@@ -48825,9 +49260,9 @@ var useForm = function useForm(props) {
     onError === null || onError === void 0 || onError(err);
     if (!props.scrollToError) return;
     setTimeout(function () {
-      var _formDomRef$current;
+      var _props$formElRef$curr;
       var selector = "[".concat(getDataAttributeName('status'), "=\"error\"]");
-      var el = (_formDomRef$current = formDomRef.current) === null || _formDomRef$current === void 0 ? void 0 : _formDomRef$current.querySelector(selector);
+      var el = (_props$formElRef$curr = props.formElRef.current) === null || _props$formElRef$curr === void 0 ? void 0 : _props$formElRef$curr.querySelector(selector);
       if (el) {
         el.scrollIntoView();
         var focusableSelectors = 'textarea, input,[tabindex]:not([tabindex="-1"])';
@@ -48951,10 +49386,20 @@ var useForm = function useForm(props) {
         var isVisibleX = elementRect.left >= parentRect.left && elementRect.right <= parentRect.right;
         if (!isVisibleY || !isVisibleX) {
           // 计算元素相对于父元素的偏移量
-          var offsetTop = element.offsetTop - parentEl.offsetTop;
-          var offsetLeft = element.offsetLeft - parentEl.offsetLeft;
-          parentEl.scrollTop = offsetTop;
-          parentEl.scrollLeft = offsetLeft;
+          var offsetTop = elementRect.top - parentRect.top;
+          var offsetLeft = elementRect.left - parentRect.left;
+          // 如果是往上滚动，那么只有当元素的偏移量小于0时才需要滚动
+          if (offsetTop < 0) {
+            parentEl.scrollTop = Math.max(parentEl.scrollTop + offsetTop, 0);
+          } else {
+            parentEl.scrollTop = Math.min(parentEl.scrollTop + offsetTop, parentEl.scrollHeight - parentEl.clientHeight);
+          }
+          // 如果是往左滚动，那么只有当元素的偏移量小于0时才需要滚动
+          if (offsetLeft < 0) {
+            parentEl.scrollLeft = Math.max(parentEl.scrollLeft + offsetLeft, 0);
+          } else {
+            parentEl.scrollLeft = Math.min(parentEl.scrollLeft + offsetLeft, parentEl.scrollWidth - parentEl.clientWidth);
+          }
         }
       } else {
         // 如果没有找到可滚动的父元素，使用默认行为
@@ -49158,7 +49603,6 @@ var useForm = function useForm(props) {
     var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var externalEventHandlers = extractEventHandlers(externalProps);
     return objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, externalProps), externalEventHandlers), {}, {
-      ref: formDomRef,
       disabled: !!disabled,
       onSubmit: handleSubmit(externalEventHandlers),
       onReset: handleReset(externalEventHandlers)
@@ -49202,6 +49646,7 @@ 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;
@@ -49373,12 +49818,14 @@ var Form = function Form(props) {
     beforeChange: undefined,
     reserveAble: false
   };
+  var formElRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var _useInputAble = useInputAble(inputAbleParams),
     value = _useInputAble.value,
     onChange = _useInputAble.onChange;
   var _useForm = use_form(objectSpread2_default()(objectSpread2_default()({}, rest), {}, {
       value: value,
-      onChange: onChange
+      onChange: onChange,
+      formElRef: formElRef
     })),
     Provider = _useForm.Provider,
     ProviderProps = _useForm.ProviderProps,
@@ -49452,7 +49899,6 @@ var Form = function Form(props) {
     className: rootClass,
     style: style
   });
-  var formElRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (formElRef.current instanceof HTMLFormElement) {
       formElRef.current.addEventListener('submit', formProps.onSubmit);
@@ -49561,6 +50007,8 @@ var Tooltip = function Tooltip(props) {
     className = props.className,
     style = props.style,
     zIndex = props.zIndex,
+    _props$showArrow = props.showArrow,
+    showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
     persistentProp = props.persistent,
     _props$type = props.type,
     type = _props$type === void 0 ? 'default' : _props$type,
@@ -49658,7 +50106,7 @@ var Tooltip = function Tooltip(props) {
         ref: popupRef,
         onMouseLeave: events.onMouseLeave,
         dir: config.direction,
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", objectSpread2_default()({
+        children: [showArrow && /*#__PURE__*/(0,jsx_runtime.jsx)("span", objectSpread2_default()({
           ref: arrowRef,
           className: tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.arrow
         }, getDataAttribute({
@@ -50004,11 +50452,28 @@ var use_form_flow_UseFormItem = function UseFormItem(props) {
 /* harmony default export */ var use_form_flow = (use_form_flow_UseFormItem);
 ;// CONCATENATED MODULE: ../base/src/form/form-flow.tsx
 
+
 var FormFlow = function FormFlow(props) {
+  var _props$names;
   var datum = use_form_flow({
     names: props.names
   });
-  if (isFunc(props.children)) return props.children(datum);
+  var valueOfNames = (_props$names = props.names) === null || _props$names === void 0 ? void 0 : _props$names.map(function (name) {
+    return datum === null || datum === void 0 ? void 0 : datum.get(name);
+  });
+  var memoizedResult = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    if (!props.strict) return;
+    if (isFunc(props.children)) {
+      return props.children(datum);
+    }
+    return props.children;
+  }, [valueOfNames === null || valueOfNames === void 0 ? void 0 : valueOfNames.toString()]);
+  if (props.strict) {
+    return memoizedResult;
+  }
+  if (isFunc(props.children)) {
+    return props.children(datum);
+  }
   return props.children;
 };
 /* harmony default export */ var form_flow = (FormFlow);
@@ -51270,7 +51735,7 @@ var ImageGroup = function ImageGroup(props) {
 
 
 
-var image_excluded = ["fit", "alt", "src", "href", "lazy", "title", "style", "error", "target", "jssStyle", "className", "placeholder", "width", "height", "shape", "autoSSL", "noImgDrag", "onClick", "componentRef"];
+var image_excluded = ["fit", "alt", "src", "href", "lazy", "title", "style", "error", "target", "jssStyle", "className", "placeholder", "width", "height", "shape", "autoSSL", "noImgDrag", "onClick", "componentRef", "renderHoverMask"];
 
 
 
@@ -51310,6 +51775,7 @@ var Image = function Image(props) {
     noImgDrag = props.noImgDrag,
     onClick = props.onClick,
     componentRef = props.componentRef,
+    renderHoverMask = props.renderHoverMask,
     rest = objectWithoutProperties_default()(props, image_excluded);
   var _useImage = use_image(objectSpread2_default()({
       container: getDefaultContainer(),
@@ -51462,6 +51928,14 @@ var Image = function Image(props) {
 
   // 遮罩层
   var renderMask = function renderMask() {
+    if (renderHoverMask) {
+      return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        className: maskClass,
+        children: renderHoverMask({
+          preview: preview
+        })
+      });
+    }
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
       className: maskClass,
       onClick: handleOpenGallery,
@@ -51606,9 +52080,9 @@ var input_input_Input = function Input(props) {
     className = props.className,
     width = props.width,
     style = props.style;
-  var rootClass = classnames_default()(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.group, size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupLarge), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupDisabled), !!focus && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupFocus), (status === 'error' || error) && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupError));
+  var rootClass = classnames_default()(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.group, props.seperate && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSeperate), size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupLarge), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupDisabled), !!focus && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupFocus), (status === 'error' || error) && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupError));
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute({
-    role: 'input-group'
+    role: props.seperate ? 'input-group-seperate' : 'input-group'
   })), {}, {
     className: rootClass,
     style: objectSpread2_default()({
@@ -51828,6 +52302,7 @@ var useNumberFormat = function useNumberFormat(props) {
   var onInnerChange = use_persist_fn(function (val) {
     setInternalInputValue(getStringValue(val));
     if (typeof val === 'string') {
+      if (val.endsWith('.')) return;
       var num = parseFloat(val);
       if (val === '') {
         // 如果允许空值，则返回 null，否则返回 undefined
@@ -52086,8 +52561,13 @@ var usePaginationList = function usePaginationList(props) {
     var _props$total;
     if (!shouldPage) return {};
     var total = (_props$total = props.total) !== null && _props$total !== void 0 ? _props$total : Array.isArray(data) ? data.length : 0;
+    var finalCurrent = props.current || current;
+    var maxCurrent = Math.ceil(total / (props.pageSize || pageSize));
+    if (current > maxCurrent) {
+      finalCurrent = 1;
+    }
     return {
-      current: props.current || current,
+      current: finalCurrent,
       pageSize: props.pageSize || pageSize,
       total: total,
       disabled: !!props.loading,
@@ -52603,6 +53083,7 @@ var list_List = function List(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
       virtualRef: virtualRef,
       data: data,
+      keepScrollTop: true,
       keygen: keygen,
       tag: 'ul',
       groupKey: groupKey,
@@ -52661,22 +53142,9 @@ var TreeCheckbox = function TreeCheckbox(props) {
     id = props.id,
     onChange = props.onChange,
     disabled = props.disabled,
-    onClick = props.onClick;
+    checked = props.checked;
   var _useTreeContext = useTreeContext(),
-    getValue = _useTreeContext.getValue,
-    set = _useTreeContext.set,
-    getChecked = _useTreeContext.getChecked,
     unBindUpdate = _useTreeContext.unBindUpdate;
-  var handleChange = function handleChange(_, checked) {
-    set(id, checked ? 1 : 0);
-    if (onChange) {
-      onChange(getValue(), id);
-    }
-  };
-  var handleClick = function handleClick(e) {
-    onClick === null || onClick === void 0 || onClick(e);
-  };
-  var checked = getChecked(id);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     return function () {
       unBindUpdate(id);
@@ -52690,8 +53158,8 @@ var TreeCheckbox = function TreeCheckbox(props) {
     jssStyle: jssStyle,
     checked: checked,
     disabled: disabled,
-    onChange: handleChange,
-    onClick: handleClick
+    onChange: onChange,
+    needStopPropagation: true
   });
 };
 /* harmony default export */ var tree_checkbox = (TreeCheckbox);
@@ -52710,6 +53178,9 @@ var TreeCheckbox = function TreeCheckbox(props) {
 var NodeContent = function NodeContent(props) {
   var jssStyle = props.jssStyle,
     id = props.id,
+    virtual = props.virtual,
+    _props$level = props.level,
+    level = _props$level === void 0 ? 0 : _props$level,
     active = props.active,
     data = props.data,
     line = props.line,
@@ -52730,7 +53201,8 @@ var NodeContent = function NodeContent(props) {
     onChange = props.onChange,
     onToggle = props.onToggle,
     onDragOver = props.onDragOver,
-    onNodeClick = props.onNodeClick;
+    onNodeClick = props.onNodeClick,
+    actionOnClick = props.actionOnClick;
   var forceUpdate = useRender();
   var _useTreeContext = useTreeContext(),
     isDisabled = _useTreeContext.isDisabled,
@@ -52741,8 +53213,7 @@ var NodeContent = function NodeContent(props) {
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = classnames_default()(contentStyle.contentWrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
   var contentClass = classnames_default()(contentStyle.content, isString(contentClassProp) && contentClassProp, isFunc(contentClassProp) && contentClassProp(data));
-  // const textClass = classNames(contentStyle.text, disabled ? contentStyle.textDisabled : '');
-  var textClass = classnames_default()(contentStyle.text);
+  var textClass = classnames_default()(contentStyle.text, defineProperty_default()({}, contentStyle.textClickable, actionOnClick && !is_isEmpty(actionOnClick) || parentClickExpand || doubleClickExpand));
   var hasExpandIcons = expandIcons !== undefined;
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
@@ -52756,7 +53227,7 @@ var NodeContent = function NodeContent(props) {
     // }
     return dataProps;
   };
-  var handleIndicatorClick = function handleIndicatorClick() {
+  var handleNodeExpand = function handleNodeExpand() {
     onToggle === null || onToggle === void 0 || onToggle(id);
     if (data[childrenKey] !== undefined) return;
     if (loader) {
@@ -52769,20 +53240,43 @@ var NodeContent = function NodeContent(props) {
       }
     }
   };
+  var _useTreeContext2 = useTreeContext(),
+    getValue = _useTreeContext2.getValue,
+    set = _useTreeContext2.set,
+    getChecked = _useTreeContext2.getChecked;
+  // 选中节点前的复选框
+  var handleNodeCheck = function handleNodeCheck(_, checked) {
+    set(id, checked ? 1 : 0);
+    if (onChange) {
+      onChange(getValue());
+    }
+  };
+  var checked = getChecked(id);
   var handleNodeClick = function handleNodeClick() {
-    // if (disabled) return;
     if (parentClickExpand && hasChildren) {
-      handleIndicatorClick();
+      handleNodeExpand();
     } else {
       onNodeClick(data, id);
     }
+    if (!actionOnClick) return;
+    if (actionOnClick.indexOf('expand') > -1) {
+      handleNodeExpand();
+    }
+    if (actionOnClick.indexOf('check') > -1) {
+      handleNodeCheck(null, !checked);
+    }
   };
-  var handleNodeExpand = function handleNodeExpand() {
+
+  // 双击节点展开子节点
+  var onNodeDoubleClick = function onNodeDoubleClick() {
     if (!doubleClickExpand) return;
-    if (hasChildren) handleIndicatorClick();
+    if (hasChildren) handleNodeExpand();
   };
   var renderLoading = function renderLoading() {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      style: virtual ? {
+        left: (level - 1) * 24
+      } : undefined,
       className: contentStyle.iconWrapper,
       "data-expanded": expanded,
       "data-icon": hasExpandIcons,
@@ -52807,20 +53301,23 @@ var NodeContent = function NodeContent(props) {
         dir: config.direction,
         children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           className: classnames_default()(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
+          onClick: handleNodeExpand,
           dir: config.direction,
           children: isFunc(icon) ? icon(data) : icon
         })
       });
     } else {
       indicator = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        style: virtual ? {
+          left: (level - 1) * 24
+        } : undefined,
         className: contentStyle.iconWrapper,
         "data-expanded": expanded,
         "data-icon": hasExpandIcons,
         dir: config.direction,
         children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           className: classnames_default()(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
+          onClick: handleNodeExpand,
           dir: config.direction,
           children: isFunc(icon) ? icon(data) : hasExpandIcons ? icon : icons_config.tree.Expand
         })
@@ -52838,7 +53335,8 @@ var NodeContent = function NodeContent(props) {
       id: id,
       disabled: disabled,
       className: contentStyle.checkbox,
-      onChange: onChange
+      checked: checked,
+      onChange: handleNodeCheck
     });
   };
   var renderNode = function renderNode() {
@@ -52847,29 +53345,23 @@ var NodeContent = function NodeContent(props) {
     };
     return render(data, expanded, active, id);
   };
-  var contentEvent = {
-    onClick: inlineNode ? undefined : handleNodeClick
-  };
-  var textEvent = {
-    onClick: inlineNode ? handleNodeClick : undefined
-  };
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: rootClass,
     onDragOver: onDragOver,
     dir: config.direction,
-    children: [renderIndicator(), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
+    children: [renderIndicator(), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
       dir: config.direction,
       "data-expanded": expanded,
       ref: bindContent,
       className: contentClass
-    }, contentDataProps()), contentEvent), {}, {
-      children: [onChange && renderCheckbox(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
+    }, contentDataProps()), {}, {
+      children: [onChange && renderCheckbox(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         dir: config.direction,
         className: textClass,
-        onDoubleClick: handleNodeExpand
-      }, textEvent), {}, {
+        onDoubleClick: onNodeDoubleClick,
+        onClick: handleNodeClick,
         children: renderNode()
-      }))]
+      })]
     }))]
   });
 };
@@ -53002,7 +53494,8 @@ var Node = function Node(props) {
     onDragLeave = props.onDragLeave,
     onDragStart = props.onDragStart,
     onDragEnd = props.onDragEnd,
-    List = props.listComponent;
+    List = props.listComponent,
+    actionOnClick = props.actionOnClick;
   initPlaceElement();
   var config = useConfig();
   var element = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -53167,7 +53660,8 @@ var Node = function Node(props) {
       dragSibling: dragSibling,
       dragHoverExpand: dragHoverExpand,
       dragImageStyle: dragImageStyle,
-      dragImageSelector: dragImageSelector
+      dragImageSelector: dragImageSelector,
+      actionOnClick: actionOnClick
     };
   };
   var getDropProps = function getDropProps() {
@@ -53187,6 +53681,7 @@ var Node = function Node(props) {
     className: rootClass,
     dir: config.direction,
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)(tree_content, {
+      virtual: false,
       jssStyle: jssStyle,
       isControlled: isControlled,
       id: id,
@@ -53215,204 +53710,12 @@ var Node = function Node(props) {
       onFetch: handleFetch,
       onNodeClick: onNodeClick,
       onDragOver: handleDragOver,
-      onToggle: handleToggle
+      onToggle: handleToggle,
+      actionOnClick: actionOnClick
     }), hasChildren && /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)(List, getChildrenListProps())]
   }));
 };
 /* harmony default export */ var tree_simple_node = (Node);
-;// CONCATENATED MODULE: ../base/src/tree/tree-virtual-content.tsx
-
-
-
-
-
-
-
-
-
-
-
-
-var NodeVirtualContent = function NodeVirtualContent(props) {
-  var jssStyle = props.jssStyle,
-    id = props.id,
-    level = props.level,
-    active = props.active,
-    data = props.data,
-    line = props.line,
-    iconClass = props.iconClass,
-    contentClassProp = props.contentClass,
-    expandIcons = props.expandIcons,
-    renderItem = props.renderItem,
-    expanded = props.expanded,
-    fetching = props.fetching,
-    inlineNode = props.inlineNode,
-    childrenKey = props.childrenKey,
-    parentClickExpand = props.parentClickExpand,
-    doubleClickExpand = props.doubleClickExpand,
-    bindContent = props.bindContent,
-    highlight = props.highlight,
-    setFetching = props.setFetching,
-    loader = props.loader,
-    onChange = props.onChange,
-    onToggle = props.onToggle,
-    onNodeClick = props.onNodeClick;
-  var forceUpdate = useRender();
-  var _useTreeContext = useTreeContext(),
-    isDisabled = _useTreeContext.isDisabled,
-    bindUpdate = _useTreeContext.bindUpdate;
-  var clickLock = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
-  var config = useConfig();
-  var disabled = isDisabled(id);
-  bindUpdate(id, forceUpdate);
-  var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = classnames_default()(contentStyle.contentWrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
-  var contentClass = classnames_default()(contentStyle.content, isString(contentClassProp) && contentClassProp, isFunc(contentClassProp) && contentClassProp(data));
-  // const textClass = classNames(contentStyle.text, disabled ? contentStyle.textDisabled : '');
-  var textClass = classnames_default()(contentStyle.text);
-  var hasExpandIcons = expandIcons !== undefined;
-  var children = data[childrenKey];
-  var hasChildren = children && children.length > 0;
-  var contentDataProps = function contentDataProps() {
-    var dataProps = {};
-    if (highlight) {
-      dataProps['data-active'] = active;
-    }
-    // if (disabled) {
-    //   dataProps['data-disabled'] = disabled;
-    // }
-    return dataProps;
-  };
-  var handleIndicatorClick = function handleIndicatorClick() {
-    onToggle === null || onToggle === void 0 || onToggle(id);
-    if (data[childrenKey] !== undefined) return;
-    if (loader) {
-      setFetching(true);
-      var result = loader(id, data);
-      if (isPromise(result)) {
-        result.then(function () {
-          setFetching(false);
-        });
-      }
-    }
-  };
-  var handleNodeClick = function handleNodeClick() {
-    if (parentClickExpand && hasChildren) {
-      if (clickLock.current) {
-        clickLock.current = false;
-        return;
-      }
-      handleIndicatorClick();
-    } else {
-      onNodeClick(data, id);
-    }
-  };
-  var handleClick = function handleClick() {
-    clickLock.current = true;
-  };
-  var handleNodeExpand = function handleNodeExpand() {
-    if (!doubleClickExpand) return;
-    if (hasChildren) handleIndicatorClick();
-  };
-  var renderLoading = function renderLoading() {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-      style: {
-        left: (level - 1) * 24
-      },
-      className: contentStyle.iconWrapper,
-      "data-expanded": expanded,
-      "data-icon": hasExpandIcons,
-      dir: config.direction,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(src_spin_spin, {
-        size: 12,
-        jssStyle: jssStyle,
-        ignoreConfig: true,
-        name: "ring"
-      })
-    });
-  };
-  var renderIndicator = function renderIndicator() {
-    var children = data[childrenKey];
-    var icon = expandIcons ? expandIcons[expanded ? 1 : 0] : expanded ? icons_config.tree.LineExpand : icons_config.tree.LineCollapse;
-    var indicator;
-    if (line) {
-      indicator = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-        className: contentStyle.iconWrapper,
-        "data-expanded": expanded,
-        "data-icon": hasExpandIcons,
-        dir: config.direction,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-          className: classnames_default()(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
-          dir: config.direction,
-          children: isFunc(icon) ? icon(data) : icon
-        })
-      });
-    } else {
-      indicator = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-        style: {
-          left: (level - 1) * 24
-        },
-        className: contentStyle.iconWrapper,
-        "data-expanded": expanded,
-        "data-icon": hasExpandIcons,
-        dir: config.direction,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-          className: classnames_default()(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
-          dir: config.direction,
-          children: isFunc(icon) ? icon(data) : hasExpandIcons ? icon : icons_config.tree.Expand
-        })
-      });
-    }
-    if (children && children.length > 0) return indicator;
-    if (Array.isArray(children) || children === null) return null;
-    if (fetching && !children) return renderLoading();
-    if (loader && children === undefined) return indicator;
-    return null;
-  };
-  var renderCheckbox = function renderCheckbox() {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)(tree_checkbox, {
-      jssStyle: jssStyle,
-      id: id,
-      disabled: disabled,
-      className: contentStyle.checkbox,
-      onChange: onChange,
-      onClick: handleClick
-    });
-  };
-  var renderNode = function renderNode() {
-    var render = isFunc(renderItem) ? renderItem : function (item) {
-      return item[renderItem];
-    };
-    return render(data, expanded, active, id);
-  };
-  var contentEvent = {
-    onClick: inlineNode ? undefined : handleNodeClick
-  };
-  var textEvent = {
-    onClick: inlineNode ? handleNodeClick : undefined
-  };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    className: rootClass,
-    dir: config.direction,
-    children: [renderIndicator(), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
-      dir: config.direction,
-      "data-expanded": expanded,
-      ref: bindContent,
-      className: contentClass
-    }, contentDataProps()), contentEvent), {}, {
-      children: [onChange && renderCheckbox(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
-        dir: config.direction,
-        className: textClass,
-        onDoubleClick: handleNodeExpand
-      }, textEvent), {}, {
-        children: renderNode()
-      }))]
-    }))]
-  });
-};
-/* harmony default export */ var tree_virtual_content = (NodeVirtualContent);
 ;// CONCATENATED MODULE: ../hooks/src/components/use-tree/use-tree-virtual-node.ts
 
 
@@ -53527,7 +53830,8 @@ var VirtualNode = function VirtualNode(props) {
     loader = props.loader,
     onChange = props.onChange,
     onNodeClick = props.onNodeClick,
-    onToggle = props.onToggle;
+    onToggle = props.onToggle,
+    actionOnClick = props.actionOnClick;
   var config = useConfig();
   var datum = useTreeContext();
   var element = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -53575,7 +53879,8 @@ var VirtualNode = function VirtualNode(props) {
     style: {
       paddingLeft: level * 24
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)(tree_virtual_content, {
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)(tree_content, {
+      virtual: true,
       jssStyle: jssStyle,
       isControlled: isControlled,
       id: id,
@@ -53603,7 +53908,8 @@ var VirtualNode = function VirtualNode(props) {
       onChange: onChange,
       onFetch: handleFetch,
       onNodeClick: onNodeClick,
-      onToggle: handleToggle
+      onToggle: handleToggle,
+      actionOnClick: actionOnClick
     })
   });
 };
@@ -53615,6 +53921,7 @@ var VirtualNode = function VirtualNode(props) {
 
 
 var TreeNode = function TreeNode(props) {
+  // TODO: 外部没有传递 virtual 属性的用法，考虑删除
   var virtual = props.virtual;
   if (virtual) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(tree_virtual_node, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
@@ -53674,7 +53981,8 @@ var tree_list_List = function List(props) {
     childrenClass = props.childrenClass,
     childrenClassName = props.childrenClassName,
     parentClickExpand = props.parentClickExpand,
-    doubleClickExpand = props.doubleClickExpand;
+    doubleClickExpand = props.doubleClickExpand,
+    actionOnClick = props.actionOnClick;
   var listClass = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = classnames_default()(className || listClass.children, childrenClassName);
   var getKey = function getKey(data, index) {
@@ -53725,7 +54033,8 @@ var tree_list_List = function List(props) {
       onDragOver: onDragOver,
       onDragStart: onDragStart,
       onDragEnd: onDragEnd,
-      onDragLeave: onDragLeave
+      onDragLeave: onDragLeave,
+      actionOnClick: actionOnClick
     }, id);
   };
   if (!expanded && !hasExpanded.current) return null;
@@ -53749,13 +54058,24 @@ var tree_root_excluded = ["jssStyle", "rootStyle"];
 
 
 
+
 var Root = function Root(props) {
   var jssStyle = props.jssStyle,
     _props$rootStyle = props.rootStyle,
     rootStyle = _props$rootStyle === void 0 ? {} : _props$rootStyle,
     rest = objectWithoutProperties_default()(props, tree_root_excluded);
   var treeStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = classnames_default()(treeStyle.root);
+  var notTree = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    if (!props.data) return true;
+    return props.data.every(function (item) {
+      if (!item) return true;
+      if (!item[props.childrenKey]) return !props.loader;
+      if (item[props.childrenKey] === null) return true;
+      if (Array.isArray(item[props.childrenKey]) && item[props.childrenKey].length === 0) return true;
+      return false;
+    });
+  }, [props.data]);
+  var rootClass = classnames_default()(treeStyle.root, notTree && treeStyle.notTree);
   return /*#__PURE__*/(0,jsx_runtime.jsx)(tree_list, objectSpread2_default()(objectSpread2_default()({}, rest), {}, {
     expanded: true,
     className: rootClass,
@@ -53855,7 +54175,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", "dragHoverExpand", "active", "setActive", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum"];
+var tree_excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "virtual", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "rootStyle", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "ignoreSetFlat", "dragHoverExpand", "active", "setActive", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum", "actionOnClick", "tiledData"];
 
 
 
@@ -53897,6 +54217,8 @@ var Tree = function Tree(props) {
     dragImageStyle = props.dragImageStyle,
     dragSibling = props.dragSibling,
     unmatch = props.unmatch,
+    _props$ignoreSetFlat = props.ignoreSetFlat,
+    ignoreSetFlat = _props$ignoreSetFlat === void 0 ? false : _props$ignoreSetFlat,
     dragHoverExpand = props.dragHoverExpand,
     propActive = props.active,
     propSetActive = props.setActive,
@@ -53915,6 +54237,8 @@ var Tree = function Tree(props) {
     onDragOver = props.onDragOver,
     onDragStart = props.onDragStart,
     propsDatum = props.datum,
+    actionOnClick = props.actionOnClick,
+    tiledData = props.tiledData,
     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),
@@ -54006,10 +54330,10 @@ var Tree = function Tree(props) {
       newExpanded = expandedArr.filter(function (e) {
         return e !== id;
       });
-      if (virtual) datum.removeFlat(id);
+      if (virtual && !ignoreSetFlat) datum.removeFlat(id);
     } else {
       newExpanded = [].concat(toConsumableArray_default()(expandedArr), [id]);
-      if (virtual) datum.insertFlat(id);
+      if (virtual && !ignoreSetFlat) datum.insertFlat(id);
     }
     if (onExpand) onExpand(newExpanded);
   };
@@ -54078,7 +54402,8 @@ var Tree = function Tree(props) {
         isControlled: 'expanded' in props,
         bindNode: datum.bindNode,
         onNodeClick: handleNodeClick,
-        onToggle: handleToggle
+        onToggle: handleToggle,
+        actionOnClick: actionOnClick
       }));
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)(tree_root, {
@@ -54116,7 +54441,8 @@ var Tree = function Tree(props) {
       parentClickExpand: parentClickExpand,
       doubleClickExpand: doubleClickExpand,
       dragImageSelector: getDragImageSelector,
-      dragImageStyle: dragImageStyle
+      dragImageStyle: dragImageStyle,
+      actionOnClick: actionOnClick
     });
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
@@ -54590,6 +54916,7 @@ function Select(props0) {
     trim = props.trim,
     maxLength = props.maxLength,
     style = props.style,
+    reFocus = props.reFocus,
     multiple = props.multiple,
     loading = props.loading,
     convertBr = props.convertBr,
@@ -55045,6 +55372,7 @@ function Select(props0) {
         keygen: keygen,
         disabled: disabled,
         maxLength: maxLength,
+        reFocus: reFocus,
         convertBr: convertBr,
         compressed: compressed,
         compressedBound: compressedBound,
@@ -55238,9 +55566,7 @@ function Select(props0) {
         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"
-        // type='fade'
-        ,
+        type: "scale-y",
         duration: 'fast',
         style: getListStyle(),
         children: [renderHeader(), renderOptions(), renderFooter()]
@@ -55312,36 +55638,36 @@ var PaginationJumper = function PaginationJumper(props) {
     total = props.total,
     pageSize = props.pageSize,
     disabled = props.disabled,
-    current = props.current,
     text = props.text,
     onChange = props.onChange;
   var paginationStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
   var rootClasses = classnames_default()(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.jumper);
   var txt = text.jumper ? text.jumper.split('{input}') : [];
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(String(current)),
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(''),
     _useState2 = slicedToArray_default()(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
   var getMax = function getMax() {
     return Math.ceil(total / pageSize) || 1;
   };
+  var cleatInternalState = function cleatInternalState() {
+    setValue('');
+  };
   var handleKeyDown = function handleKeyDown(e) {
     if (e.key === 'Enter' || e.keyCode === 13) {
-      var _current = parseInt(e.target.value, 10);
-      if (!Number.isFinite(_current)) return;
-      if (_current < 1) _current = 1;
+      var current = parseInt(e.target.value, 10);
+      if (!Number.isFinite(current)) return;
+      if (current < 1) current = 1;
       var max = getMax();
-      if (_current > max) _current = max;
-      onChange(_current);
-      setValue(String(_current));
+      if (current > max) current = max;
+      onChange(current);
+      setValue(String(current));
+      setTimeout(cleatInternalState, 20);
     }
   };
   var handleChange = function handleChange(v) {
     setValue(v || '');
   };
-  var handleBlur = function handleBlur() {
-    setValue(String(current));
-  };
   var renderInput = function renderInput() {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_input_input, {
       jssStyle: jssStyle,
@@ -55354,7 +55680,7 @@ var PaginationJumper = function PaginationJumper(props) {
       disabled: disabled,
       onChange: handleChange,
       onKeyDown: handleKeyDown,
-      onBlur: handleBlur
+      onBlur: cleatInternalState
     });
   };
   var renderPrefixText = function renderPrefixText() {
@@ -55369,9 +55695,6 @@ var PaginationJumper = function PaginationJumper(props) {
       children: txt[1]
     }) : undefined;
   };
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    setValue(String(current));
-  }, [current]);
   if (simple) {
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: rootClasses,
@@ -55752,7 +56075,6 @@ var PaginationSimple = function PaginationSimple(props) {
       total: total,
       text: text,
       size: size,
-      current: current,
       pageSize: pageSize,
       onChange: onChange
     });
@@ -55910,7 +56232,6 @@ var Pagination = function Pagination(props) {
           return /*#__PURE__*/(0,jsx_runtime.jsx)(pagination_jumper, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
             text: text,
             total: total,
-            current: current,
             pageSize: pageSize,
             onChange: onChange
           }), i);
@@ -60215,6 +60536,86 @@ var useTableLayout = function useTableLayout(props) {
   };
 };
 /* harmony default export */ var use_table_layout = (useTableLayout);
+;// CONCATENATED MODULE: ../hooks/src/components/use-table/use-table-filter.ts
+
+
+
+
+
+var useTableFilter = function useTableFilter(props) {
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(new Map()),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    filterInfo = _useState2[0],
+    setFilterInfo = _useState2[1];
+  var activeFilters = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return Array.from(filterInfo.keys()).filter(function (key) {
+      var _filterInfo$get;
+      return ((_filterInfo$get = filterInfo.get(key)) === null || _filterInfo$get === void 0 ? void 0 : _filterInfo$get.value) !== undefined;
+    });
+  }, [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;
+    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);
+        if ((filter === null || filter === void 0 ? void 0 : filter.value) === undefined) return true;
+        if (Array.isArray(filter.value) && filter.value.length === 0) return true;
+        if (filter !== null && filter !== void 0 && filter.onFilter && isFunc(filter.onFilter)) {
+          return filter.onFilter(filter.value, item);
+        }
+        return true;
+      });
+    });
+  }, [activeFilters, props.data]);
+  var onFilterChange = use_persist_fn(function (columnKey, value) {
+    // TODO: 暂未开放reset全部筛选条件
+    if (columnKey === '__reset__') {
+      setFilterInfo(function (prev) {
+        var next = new Map(prev);
+        next.forEach(function (v, k) {
+          next.set(k, objectSpread2_default()(objectSpread2_default()({}, v), {}, {
+            value: undefined
+          }));
+        });
+        return next;
+      });
+    } else {
+      setFilterInfo(function (prev) {
+        var _prev$get;
+        var next = new Map(prev);
+        next.set(columnKey, {
+          value: value,
+          onFilter: (_prev$get = prev.get(columnKey)) === null || _prev$get === void 0 ? void 0 : _prev$get.onFilter
+        });
+        return next;
+      });
+    }
+  });
+
+  // 根据columns生成filterInfo
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    var _props$columns;
+    var _filterInfo = props === null || props === void 0 || (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.reduce(function (acc, column, index) {
+      var _column$filter;
+      if (!column.filter) return acc;
+      var columnKey = typeof column.render === 'string' ? column.render : String(index);
+      acc.set(columnKey, {
+        value: undefined,
+        onFilter: (_column$filter = column.filter) === null || _column$filter === void 0 ? void 0 : _column$filter.onFilter
+      });
+      return acc;
+    }, new Map());
+    if (_filterInfo) setFilterInfo(_filterInfo);
+  }, [props.columns]);
+  return {
+    filterInfo: filterInfo,
+    setFilterInfo: setFilterInfo,
+    filteredData: filteredData,
+    onFilterChange: onFilterChange
+  };
+};
+/* harmony default export */ var use_table_filter = (useTableFilter);
 ;// CONCATENATED MODULE: ../hooks/src/components/use-table/use-table-sort.ts
 
 
@@ -61008,9 +61409,7 @@ var Colgroup = function Colgroup(props) {
         if (minWidth) {
           style.minWidth = minWidth;
         }
-        if (width) {
-          style.width = width;
-        }
+        style.width = width;
         return /*#__PURE__*/(0,jsx_runtime.jsx)("col", {
           style: style
         }, columns[index].key);
@@ -61091,6 +61490,267 @@ var useTableGroup = function useTableGroup(props) {
   };
 };
 /* harmony default export */ var use_table_group = (useTableGroup);
+;// CONCATENATED MODULE: ../base/src/table/thead-filter.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var FilterFooter = function FilterFooter(props) {
+  var tableClasses = props.tableClasses;
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("footer", {
+    className: tableClasses.filterFooter,
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, {
+      htmlType: "reset",
+      jssStyle: props.jssStyle,
+      size: "small",
+      onClick: props.onReset,
+      disabled: !props.resetable,
+      children: "\u91CD\u7F6E"
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, {
+      jssStyle: props.jssStyle,
+      size: "small",
+      type: "primary",
+      onClick: props.onConfirm,
+      children: "\u786E\u5B9A"
+    })]
+  });
+};
+var FilterSelect = function FilterSelect(props) {
+  var _props$filterInfo;
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    popoverVisible = _useState2[0],
+    setPopoverVisible = _useState2[1];
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),
+    _useState4 = slicedToArray_default()(_useState3, 2),
+    tempValue = _useState4[0],
+    setTempValue = _useState4[1];
+  var tableClasses = props.tableClasses,
+    filter = props.filter;
+  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,
+    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,
+    setActive: function setActive(v) {
+      setTempValue(v);
+    },
+    renderItem: function renderItem(d, _, active) {
+      var renderProp = isFunc(config === null || config === void 0 ? void 0 : config.renderItem) ? config === null || config === void 0 ? void 0 : config.renderItem : function (d) {
+        return d.label;
+      };
+      return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        className: tableClasses.filterRadio,
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)(base_src_radio_radio, {
+          checked: active,
+          jssStyle: props.jssStyle
+        }), renderProp(d)]
+      });
+    }
+  };
+  var _useFilter = use_filter({
+      treeData: treeOptions,
+      keygen: treeKeygen,
+      childrenKey: 'children',
+      onAdvancedFilter: false,
+      onFilter: function onFilter(text) {
+        return function (item) {
+          return item.label.includes(text);
+        };
+      }
+    }),
+    filterData = _useFilter.filterData,
+    rawData = _useFilter.rawData,
+    onFilter = _useFilter.onFilter,
+    inputText = _useFilter.inputText,
+    setInputText = _useFilter.setInputText;
+  var displayData = filterData || rawData;
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)(base_src_button_button, {
+    jssStyle: props.jssStyle,
+    shape: "circle",
+    size: "small",
+    className: classnames_default()(tableClasses.filterIconContainer, (currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value) && tableClasses.filterActive),
+    style: {
+      border: 'none'
+    },
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      className: tableClasses.filterIcon,
+      children: filter.icon || icons_config.table.Filter
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
+      jssStyle: props.jssStyle,
+      trigger: "click",
+      showArrow: false,
+      visible: popoverVisible,
+      onVisibleChange: onVisibleChange,
+      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        className: classnames_default()(tableClasses.filterContainer),
+        children: [(config === null || config === void 0 ? void 0 : config.search) && /*#__PURE__*/(0,jsx_runtime.jsx)("header", {
+          className: tableClasses.filterHeader,
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_input_input, {
+            value: inputText,
+            onChange: function onChange(v) {
+              if (onFilter) onFilter(v || '');
+              setInputText(v);
+            },
+            jssStyle: props.jssStyle,
+            placeholder: "\u5728\u7B5B\u9009\u9879\u4E2D\u641C\u7D22",
+            className: tableClasses.filterInput,
+            prefix: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+              className: tableClasses.filterInputIcon,
+              children: icons_config.table.Search
+            })
+          })
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("section", {
+          className: tableClasses.filterBody,
+          children: displayData && displayData.length > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(src_tree_tree, objectSpread2_default()({
+            keygen: function keygen(d) {
+              return d.value;
+            },
+            jssStyle: props.jssStyle,
+            data: displayData,
+            actionOnClick: ['check']
+          }, treeProps)) : /*#__PURE__*/(0,jsx_runtime.jsx)(src_empty_empty, {
+            jssStyle: props.jssStyle,
+            icon: null,
+            style: {
+              padding: '24px 0'
+            }
+          })
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)(FilterFooter, {
+          jssStyle: props.jssStyle,
+          tableClasses: tableClasses,
+          onReset: onReset,
+          onConfirm: onConfirm,
+          resetable: !!tempValue
+        })]
+      })
+    })]
+  });
+};
+var FilterSearch = function FilterSearch(props) {
+  var _props$filterInfo2;
+  var tableClasses = props.tableClasses,
+    filter = props.filter;
+  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState6 = slicedToArray_default()(_useState5, 2),
+    popoverVisible = _useState6[0],
+    setPopoverVisible = _useState6[1];
+  var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),
+    _useState8 = slicedToArray_default()(_useState7, 2),
+    tempValue = _useState8[0],
+    setTempValue = _useState8[1];
+  var inputRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  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);
+    }
+
+    // 打开时自动focus input
+    if (visible) {
+      setTimeout(function () {
+        if (inputRef.current) {
+          inputRef.current.focus();
+        }
+      }, 100);
+    }
+    setPopoverVisible(visible);
+  };
+  var currentFilter = (_props$filterInfo2 = props.filterInfo) === null || _props$filterInfo2 === void 0 ? void 0 : _props$filterInfo2.get(props.columnKey);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if ((currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value) !== undefined) {
+      setTempValue(currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value);
+    }
+  }, [currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value]);
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)(base_src_button_button, {
+    jssStyle: props.jssStyle,
+    shape: "circle",
+    size: "small",
+    className: classnames_default()(tableClasses.filterIconContainer, (currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value) && tableClasses.filterActive),
+    style: {
+      border: 'none'
+    },
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      className: tableClasses.filterIcon,
+      children: filter.icon || icons_config.table.Search
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
+      jssStyle: props.jssStyle,
+      trigger: "click",
+      showArrow: false,
+      visible: popoverVisible,
+      onVisibleChange: onVisibleChange,
+      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        className: classnames_default()(tableClasses.filterContainer),
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("header", {
+          className: tableClasses.filterHeader,
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_input_input, {
+            jssStyle: props.jssStyle,
+            placeholder: "\u5728\u7B5B\u9009\u9879\u4E2D\u641C\u7D22",
+            className: tableClasses.filterInput,
+            prefix: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+              className: tableClasses.filterInputIcon,
+              children: icons_config.table.Search
+            }),
+            value: tempValue,
+            onChange: setTempValue,
+            onEnterPress: onConfirm,
+            forwardRef: inputRef
+          })
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)(FilterFooter, {
+          jssStyle: props.jssStyle,
+          tableClasses: tableClasses,
+          onReset: onReset,
+          onConfirm: onConfirm,
+          resetable: !!tempValue
+        })]
+      })
+    })]
+  });
+};
 ;// CONCATENATED MODULE: ../base/src/table/thead.tsx
 
 
@@ -61102,6 +61762,7 @@ var useTableGroup = function useTableGroup(props) {
 
 
 
+
 var thead_toNum = toNum;
 /* harmony default export */ var thead = (function (props) {
   var _props$jssStyle, _props$jssStyle$table;
@@ -61200,6 +61861,34 @@ var thead_toNum = toNum;
       })
     });
   };
+  var renderFilter = function renderFilter(column, columnIndex) {
+    if (!column.filter) {
+      return null;
+    }
+    var mode = column.filter.mode;
+    var columnKey = typeof column.render === 'string' ? column.render : String(columnIndex);
+    if (mode === 'search') {
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(FilterSearch, {
+        tableClasses: tableClasses,
+        jssStyle: props.jssStyle,
+        filter: column.filter,
+        filterInfo: props.filterInfo,
+        onFilterChange: props.onFilterChange,
+        columnKey: columnKey
+      });
+    }
+    if (mode === 'select') {
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(FilterSelect, {
+        tableClasses: tableClasses,
+        jssStyle: props.jssStyle,
+        filter: column.filter,
+        filterInfo: props.filterInfo,
+        onFilterChange: props.onFilterChange,
+        columnKey: columnKey
+      });
+    }
+    return null;
+  };
   var renderDrag = function renderDrag(index) {
     if (!props.columnResizable) return null;
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -61253,7 +61942,7 @@ var thead_toNum = toNum;
       position: 'sticky'
     };
   };
-  var createTh = function createTh(trs, col, level, isLast) {
+  var createTh = function createTh(trs, col, level, isLast, columnIndex) {
     var colTemp = col;
     var colTemp2 = col;
     var fixedStyle = getFixedStyle(col.fixed, col.index, colTemp2.colSpan || 1, level);
@@ -61261,14 +61950,15 @@ var thead_toNum = toNum;
     var isExpand = colTemp.type === 'expand' || colTemp.type === 'row-expand';
     if (colTemp.title || isExpand) {
       var sorter = renderSort(colTemp);
+      var filter = renderFilter(colTemp, columnIndex);
       trs[level].push( /*#__PURE__*/(0,jsx_runtime.jsx)("th", {
         className: cellClassName,
         rowSpan: columnLevel - level + 1,
         style: fixedStyle,
         dir: config.direction,
         children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-          className: classnames_default()(sorter && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.hasSorter)),
-          children: [renderTitle(colTemp.title), renderSort(colTemp), colTemp.columnResizable !== false && renderDrag(colTemp.index)]
+          className: classnames_default()(sorter && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.hasSorter), filter && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.hasFilter)),
+          children: [renderTitle(colTemp.title), sorter, filter, colTemp.columnResizable !== false && renderDrag(colTemp.index)]
         })
       }, col.key));
       return;
@@ -61318,7 +62008,7 @@ var thead_toNum = toNum;
     }, colTemp2.key));
     if (colTemp2.columns) {
       colTemp2.columns.forEach(function (c, index) {
-        return createTh(trs, c, level + 1, isLast && colTemp2.columns.length - 1 === index);
+        return createTh(trs, c, level + 1, isLast && colTemp2.columns.length - 1 === index, index);
       });
     }
   };
@@ -61330,7 +62020,7 @@ var thead_toNum = toNum;
     });
     groupColumns.forEach(function (col, index) {
       var isLast = index === groupColumns.length - 1;
-      createTh(trs, col, 0, isLast);
+      createTh(trs, col, 0, isLast, index);
     });
     return trs.map(function (tr, i) {
       return /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
@@ -62068,6 +62758,23 @@ var tfoot_isArray = isArray,
     })
   });
 });
+;// CONCATENATED MODULE: ../base/src/table/tbody-empty.tsx
+
+
+function TbodyEmpty(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
+        style: {
+          border: 'none'
+        },
+        colSpan: Number.MAX_SAFE_INTEGER,
+        children: children
+      })
+    })
+  });
+}
 ;// CONCATENATED MODULE: ../base/src/table/table.tsx
 
 
@@ -62091,6 +62798,7 @@ var table_excluded = ["data"];
 
 
 
+
 var table_devUseWarning = devUseWarning;
 var table_emptyArr = [];
 var virtualScrollerStyle = {
@@ -62209,8 +62917,15 @@ var emptyRef = {
     scrollBarWidth = _useTableLayout.scrollBarWidth,
     scrollWidth = _useTableLayout.scrollWidth,
     resizeFlag = _useTableLayout.resizeFlag;
-  var _useTableSort = use_table_sort({
+  var _useTableFilter = use_table_filter({
       data: props.data,
+      columns: props.columns
+    }),
+    filteredData = _useTableFilter.filteredData,
+    filterInfo = _useTableFilter.filterInfo,
+    onFilterChange = _useTableFilter.onFilterChange;
+  var _useTableSort = use_table_sort({
+      data: filteredData,
       sorter: props.sorter,
       onSortCancel: props.onSortCancel,
       columns: columns
@@ -62334,16 +63049,18 @@ var emptyRef = {
   });
   var renderEmpty = function renderEmpty() {
     var _props$data2;
-    if ((_props$data2 = props.data) !== null && _props$data2 !== void 0 && _props$data2.length) return null;
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper,
-      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
-      })
-    });
+    if (!((_props$data2 = props.data) !== null && _props$data2 !== void 0 && _props$data2.length) || filteredData !== undefined && filteredData.length === 0) {
+      return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper,
+        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
+        })
+      });
+    }
+    return null;
   };
   var renderTable = function renderTable() {
     var _props$summary, _sticky$top, _props$data3;
@@ -62389,6 +63106,8 @@ var emptyRef = {
       columns: columns,
       data: treeData,
       colgroup: colgroup,
+      filterInfo: filterInfo,
+      onFilterChange: onFilterChange,
       sortInfo: sortInfo,
       sortDirections: props.sortDirections,
       onSorterChange: onSorterChange,
@@ -62528,7 +63247,9 @@ var emptyRef = {
             width: width
           },
           ref: tbodyRef,
-          children: [Group, !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
+          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))]
         })
       })]
     });
@@ -62642,7 +63363,9 @@ var table_jssStyle = {
   cascader: useCascaderStyle,
   treeSelect: useTreeSelectStyle,
   datePicker: useDatePickerStyle,
-  switch: useSwitchStyle
+  switch: useSwitchStyle,
+  popover: usePopoverStyle,
+  tree: useTreeStyle
 };
 /* harmony default export */ var src_table_table_0 = (function (props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_table_table, objectSpread2_default()({
@@ -63188,7 +63911,7 @@ var TabsHeader = function TabsHeader(props) {
     _useState4 = slicedToArray_default()(_useState3, 2),
     currentTabRect = _useState4[0],
     setCurrentTabRect = _useState4[1];
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     var _currentTab$getBoundi;
     if (shape !== 'line' && shape !== 'dash') return;
     var currentTab = tabRef.current[active];
@@ -64642,6 +65365,8 @@ var TreeSelect = function TreeSelect(props0) {
     mode = _props$mode === void 0 ? 1 : _props$mode,
     _props$line = props.line,
     line = _props$line === void 0 ? false : _props$line,
+    _props$reFocus = props.reFocus,
+    reFocus = _props$reFocus === void 0 ? false : _props$reFocus,
     innerTitle = props.innerTitle,
     _props$clearable = props.clearable,
     clearable = _props$clearable === void 0 ? true : _props$clearable,
@@ -64772,24 +65497,28 @@ var TreeSelect = function TreeSelect(props0) {
     tiledData = _useTiled.data,
     onTiledFilter = _useTiled.onFilter,
     tiledExpandIcons = _useTiled.expandIcons;
+  var handleExpanded = function handleExpanded(id) {
+    setVirtualExpanded(id);
+    onExpand === null || onExpand === void 0 || onExpand(id);
+  };
   var _useTree = use_tree({
       mode: mode,
       value: value,
-      data: tiledData,
+      data: data,
       unmatch: unmatch,
+      tiledData: tiledData,
       virtual: virtual,
       disabled: disabled,
       active: multiple ? undefined : value[0],
       childrenKey: childrenKey,
       keygen: keygen,
-      onExpand: onExpand,
+      onExpand: handleExpanded,
       expanded: controlExpanded,
       defaultExpanded: defaultExpanded,
       defaultExpandAll: defaultExpandAll,
       isControlled: controlExpanded !== undefined
     }),
     datum = _useTree.datum,
-    onExpandTree = _useTree.onExpand,
     unControlExpanded = _useTree.expanded;
   var onCollapse = usePersistFn(function (collapse) {
     onCollapseProp === null || onCollapseProp === void 0 || onCollapseProp(collapse);
@@ -64857,10 +65586,6 @@ var TreeSelect = function TreeSelect(props0) {
       openPop();
     }
   });
-  var handleExpanded = function handleExpanded(id) {
-    setVirtualExpanded(id);
-    onExpandTree(id);
-  };
   var focusAndOpen = function focusAndOpen() {
     if (!focused) {
       var _inputRef$current2;
@@ -64994,9 +65719,13 @@ var TreeSelect = function TreeSelect(props0) {
     if (from !== 'blur') {
       focusAndOpen();
     }
-    setVirtualExpanded([]);
     onTiledFilter === null || onTiledFilter === void 0 || onTiledFilter(trim ? text.trim() : text);
   };
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (virtual && expanded) {
+      setVirtualExpanded(expanded);
+    }
+  }, [expanded]);
   var handleChange = function handleChange(item, id) {
     if (disabled === true || datum !== null && datum !== void 0 && datum.isDisabled(id)) return;
     var currentData = datum.getDataById(id);
@@ -65023,6 +65752,11 @@ var TreeSelect = function TreeSelect(props0) {
   var handleTreeChange = function handleTreeChange(_value, id) {
     var item = datum.getDataById(id);
     handleChange(item, id);
+    var shouldFocus = showInput && reFocus;
+    if (multiple && !shouldFocus) {
+      var _inputRef$current3;
+      inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.select();
+    }
   };
   var handleRemove = function handleRemove(item, key) {
     if (!datum) return;
@@ -65064,6 +65798,7 @@ var TreeSelect = function TreeSelect(props0) {
         value: getResultValue(),
         data: data,
         focus: open,
+        reFocus: reFocus,
         keygen: keygen,
         disabled: disabled,
         compressed: compressed,
@@ -65164,22 +65899,25 @@ var TreeSelect = function TreeSelect(props0) {
         virtual: virtual,
         childrenKey: props.childrenKey,
         line: line,
+        ignoreSetFlat: true,
         mode: mode,
         height: height,
         data: tiledData,
+        tiledData: tiledData,
         keygen: keygen,
         unmatch: unmatch,
         value: value,
         highlight: !multiple,
         loader: loader,
         onExpand: handleExpanded,
-        expanded: virtualExpanded.length > 0 ? virtualExpanded : controlExpanded || unControlExpanded,
+        expanded: virtual ? virtualExpanded : controlExpanded || unControlExpanded,
         defaultExpandAll: defaultExpandAll,
         expandIcons: tiledExpandIcons,
         disabled: disabled,
         parentClickExpand: parentClickExpand,
         contentClass: getContentClass,
-        datum: datum
+        datum: datum,
+        actionOnClick: props.actionOnClick
       }))
     });
   };
@@ -66087,7 +66825,9 @@ var Upload = function Upload(props0) {
     } : _props$renderResult,
     _props$listType = props.listType,
     listType = _props$listType === void 0 ? 'text' : _props$listType,
-    leftHandler = props.leftHandler;
+    leftHandler = props.leftHandler,
+    _props$hideHandler = props.hideHandler,
+    hideHandler = _props$hideHandler === void 0 ? false : _props$hideHandler;
   var _useConfig = useConfig(),
     locale = _useConfig.locale;
   var uploadClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$uploa = _props$jssStyle.upload) === null || _props$jssStyle$uploa === void 0 ? void 0 : _props$jssStyle$uploa.call(_props$jssStyle);
@@ -66151,9 +66891,10 @@ var Upload = function Upload(props0) {
     wrapperProps = _useInputClick.wrapperProps;
   var renderHandler = function renderHandler() {
     if (restLength <= 0) return null;
-    var inputOriginProps = {
-      webkitdirectory: props.webkitdirectory
-    };
+    var inputOriginProps = {};
+    if (props.webkitdirectory) {
+      inputOriginProps.webkitdirectory = 'true';
+    }
     return /*#__PURE__*/(0,jsx_runtime.jsx)(upload_drop, {
       drop: drop,
       accept: accept,
@@ -66252,7 +66993,7 @@ var Upload = function Upload(props0) {
       }));
     });
   };
-  var CustomResult = props.customResult;
+  var renderCustomResult = props.customResult;
   var shouldRenderLeft = listType !== 'image' || leftHandler;
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
     fieldId = _useContext.fieldId;
@@ -66260,17 +67001,20 @@ var Upload = function Upload(props0) {
     id: fieldId,
     style: props.style,
     className: classnames_default()(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.rootClass, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), drop && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDrop), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className),
-    children: CustomResult ? /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-      children: [shouldRenderLeft && renderHandler(), /*#__PURE__*/(0,jsx_runtime.jsx)(CustomResult, {
+    children: renderCustomResult ? /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+      children: [shouldRenderLeft && renderHandler(), renderCustomResult({
         value: value,
         files: files,
+        filesInstances: renderFile(),
+        valueInstances: renderValue(),
         onFileRemove: func.removeFile,
         onValueRemove: func.removeValue,
         recoverValue: recycleValues,
+        handler: renderHandler(),
         onValueRecover: func.recoverValue
-      }), !shouldRenderLeft && renderHandler()]
+      }), !shouldRenderLeft && !hideHandler && renderHandler()]
     }) : /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-      children: [shouldRenderLeft && renderHandler(), renderValue(), renderFile(), !shouldRenderLeft && renderHandler(), renderRecover()]
+      children: [shouldRenderLeft && !hideHandler && renderHandler(), renderValue(), renderFile(), !shouldRenderLeft && !hideHandler && renderHandler(), renderRecover()]
     })
   });
 };
@@ -66500,18 +67244,70 @@ var BaseUploadButton = function BaseUploadButton(props) {
   });
   return use_field_common(objectSpread2_default()(objectSpread2_default()({}, props), customProps), BaseUploadButton);
 });
+;// CONCATENATED MODULE: ../base/src/upload/dragger.tsx
+
+
+var Dragger = function Dragger(props) {
+  var _jssStyle$upload;
+  var children = props.children,
+    multiple = props.multiple,
+    addFile = props.addFile,
+    accept = props.accept,
+    disabled = props.disabled,
+    jssStyle = props.jssStyle,
+    _props$limit = props.limit,
+    limit = _props$limit === void 0 ? 100 : _props$limit;
+  var uploadClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$upload = jssStyle.upload) === null || _jssStyle$upload === void 0 ? void 0 : _jssStyle$upload.call(jssStyle);
+  var handleDrop = function handleDrop(files) {
+    addFile === null || addFile === void 0 || addFile({
+      files: files,
+      fromDragger: true
+    });
+  };
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(upload_drop, {
+    drop: true,
+    className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.draggerWrapper,
+    accept: accept,
+    disabled: disabled,
+    multiple: multiple || limit > 1,
+    onDrop: handleDrop,
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.draggerArea,
+      children: children
+    })
+  });
+};
+/* harmony default export */ var dragger = (Dragger);
+;// CONCATENATED MODULE: ./src/upload/dragger.tsx
+
+
+
+
+var dragger_jssStyle = {
+  upload: useUploadStyle
+};
+var BaseUploadDragger = function BaseUploadDragger(props) {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(dragger, objectSpread2_default()({
+    jssStyle: dragger_jssStyle
+  }, props));
+};
+/* harmony default export */ var upload_dragger = (BaseUploadDragger);
 ;// CONCATENATED MODULE: ./src/upload/index.ts
 
 
 
+
 var UploadImageComp = src_upload_image;
 UploadImageComp.displayName = 'ShineoutUploadImage';
 var UploadButtonComp = src_upload_button;
 UploadButtonComp.displayName = 'ShineoutUploadButton';
 var UploadComp = src_upload_upload_0;
 UploadComp.displayName = 'ShineoutUpload';
+var UploadDraggerComp = upload_dragger;
+UploadDraggerComp.displayName = 'ShineoutUploadDragger';
 UploadComp.Image = UploadImageComp;
 UploadComp.Button = UploadButtonComp;
+UploadComp.Dragger = UploadDraggerComp;
 /* harmony default export */ var src_upload_0 = (UploadComp);
 ;// CONCATENATED MODULE: ../theme/src/hooks/useToken/use-token.ts
 
@@ -68842,7 +69638,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.0-beta.9'
+  version: '3.6.0'
 });
 }();
 /******/ 	return __webpack_exports__;