shineout 3.1.8 → 3.2.0-rc.2

package/dist/shineout.js

@@ -11949,7 +11949,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.1.8');
+/* harmony default export */ var version = ('3.2.0-rc.2');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12478,12 +12478,15 @@ var alertTokens = {
   alertDangerBorderColor: 'Danger-2',
   alertDangerFontColor: 'Danger-6',
   alertFontSize: 'Font-14',
+  alertFontWeight: 'Weight-regular',
   alertFontColor: 'Neutral-text-5',
   alertPaddingX: 'Spacing-16',
   alertPaddingY: 'Spacing-8',
-  alertBorderRadius: 'Radius-4',
+  alertBorderRadius: 'Radius-default',
   alertNearlyMargin: 'Spacing-8',
   alertTitleFontSize: 'Font-16',
+  alertTitleFontWeight: 'Weight-medium',
+  alertTitleMarginY: 'Spacing-4',
   alertCloseFontColor: 'Neutral-text-4',
   alertCloseHoverColor: 'Neutral-text-5',
   alertMessageHoverColor: 'Neutral-fill-2'
@@ -12501,11 +12504,9 @@ var alertTokens = {
 var breadcrumbTokens = {
   breadcrumbFontSize: 'Font-14',
   breadcrumbFontColor: 'Neutral-text-5',
+  breadcrumbFontWieght: 'Weight-regular',
   breadcrumbLinkColor: 'Neutral-text-3',
   breadcrumbLinkHoverColor: 'Brand-5',
-  breadcrumbListBackgroundColor: 'Neutral-fill-1',
-  breadcrumbListShadow: 'Shadow-1',
-  breadcrumbListBorderColor: '#f4f5f8',
   breadcrumbListPaddingY: 'Spacing-4',
   breadcrumbListItemBorderRadius: 'Radius-4',
   breadcrumbListItemWrapperPaddingX: 'Spacing-4',
@@ -13250,7 +13251,7 @@ var descriptionsTokens = {
   descriptionsTitleSmallSize: 'Font-14',
   descriptionsTitleDefaultSize: 'Font-16',
   descriptionsTitleLargeSize: 'Font-18',
-  descriptionsBorderDefaultSize: '1px',
+  descriptionsBorderDefaultSize: 'Border-1',
   descriptionsFontSmallSize: 'Font-12',
   descriptionsFontDefaultSize: 'Font-14',
   descriptionsFontLargeSize: 'Font-16',
@@ -13259,15 +13260,17 @@ var descriptionsTokens = {
   descriptionsTitleColor: 'Neutral-text-5',
   descriptionsBackgroundColor: 'Neutral-fill-2',
   descriptionsBorderColor: 'Neutral-border-1',
-  descriptionsTitleFontWeight: '500',
+  descriptionsTitleFontWeight: 'Weight-medium',
   descriptionsTitleGap: 'Size-2',
-  descriptionsBorderRadius: 'Size-2',
+  descriptionsCellGap: 'Spacing-0',
+  descriptionsBorderRadius: 'Radius-lesser',
   descriptionsBorderRightSize: '1px',
   descriptionsBorderBottomSize: '1px',
   descriptionsBorderPaddingX: 'Spacing-8',
   descriptionsBorderPaddingY: 'Spacing-12',
   descriptionsInlineBorderPaddingX: 'Spacing-8',
-  descriptionsInlineBorderPaddingY: 'Spacing-12'
+  descriptionsInlineBorderPaddingY: 'Spacing-12',
+  descriptionsVerticalPaddingBottom: 'Spacing-2'
 };
 /* harmony default export */ var descriptions = (descriptionsTokens);
 ;// CONCATENATED MODULE: ../theme/src/descriptions/index.ts
@@ -13300,16 +13303,16 @@ var dividerTokens = {
 // This file was generated automatically by a script. Please do not modify it directly.
 
 var dropdownTokens = {
-  dropdownCaretMarginLeft: 'Spacing-4',
-  dropdownListBorderRadius: 'Radius-4',
+  dropdownCaretMarginLeft: 'Spacing-8',
+  dropdownListBorderRadius: 'Radius-default',
   dropdownListPaddingX: 'Spacing-4',
   dropdownListPaddingY: 'Spacing-4',
   dropdownListFontSize: 'Font-14',
-  dropdownListSmallBorderRadius: 'Radius-4',
+  dropdownListSmallBorderRadius: 'Radius-default',
   dropdownListSmallPaddingX: 'Spacing-4',
   dropdownListSmallPaddingY: 'Spacing-4',
   dropdownListSmallFontSize: 'Font-12',
-  dropdownListLargeBorderRadius: 'Radius-4',
+  dropdownListLargeBorderRadius: 'Radius-default',
   dropdownListLargePaddingX: 'Spacing-4',
   dropdownListLargePaddingY: 'Spacing-4',
   dropdownListLargeFontSize: 'Font-16',
@@ -13334,6 +13337,8 @@ var dropdownTokens = {
   dropdownOptionSelectFontColor: 'Brand-6',
   dropdownOptionDisabledBackgroundColor: 'Neutral-fill-1',
   dropdownOptionDisabledFontColor: 'Neutral-text-2',
+  dropdownOptionBorderRadius: 'Radius-default',
+  dropdownOptionFontWeight: 'Weight-regular',
   dropdownColumnPaddingX: 'Spacing-4',
   dropdownColumnPaddingY: 'Spacing-4',
   dropdownOptionGroupPaddingX: 'Spacing-8',
@@ -13461,33 +13466,42 @@ var imageTokens = {
 
 var inputTokens = {
   inputFontSize: 'Font-14',
-  inputBorderRadius: 'Radius-4',
+  inputFontColor: 'Neutral-text-5',
+  inputFontWeight: 'Weight-regular',
+  inputBorderRadius: 'Radius-default',
+  inputBorderColor: 'Neutral-border-2',
+  inputBorderWidth: 'Border-1',
   inputPaddingX: 'Spacing-8',
   inputPaddingY: 'Spacing-4',
   inputIconSize: 'Size-7',
+  inputIconColor: 'Neutral-text-4',
   inputSmallFontSize: 'Font-12',
   inputSmallPaddingX: 'Spacing-8',
   inputSmallPaddingY: 'Spacing-1',
   inputLargeFontSize: 'Font-16',
   inputLargePaddingX: 'Spacing-12',
   inputLargePaddingY: 'Spacing-7',
-  inputFontColor: 'Neutral-text-5',
   inputPlaceholderColor: 'Neutral-text-2',
-  inputBorderColor: 'Neutral-border-2',
   inputBackgroundColor: 'Neutral-fill-1',
   inputClearColor: 'Neutral-text-3',
   inputToggleColor: 'Neutral-text-4',
-  inputIconColor: 'Neutral-text-4',
   inputHoverBorderColor: 'Brand-6',
+  inputHoverBackgroundColor: 'Neutral-fill-1',
   inputHoverClearColor: 'Neutral-text-4',
   inputHoverToggleColor: 'Neutral-text-5',
   inputFocusBorderColor: 'Brand-7',
+  inputFocusBackgroundColor: 'Neutral-fill-1',
   inputFocusShadow: 'Brand-2',
   inputDisabledFontColor: 'Neutral-text-2',
   inputDisabledPlaceholderColor: 'Neutral-text-2',
   inputDisabledBorderColor: 'Neutral-border-1',
   inputDisabledBackgroundColor: 'Neutral-fill-2',
   inputErrorBorderColor: 'Danger-6',
+  inputErrorBackgroundColor: 'Neutral-fill-1',
+  inputErrorHoverBorderColor: 'Danger-6',
+  inputErrorHoverBackgroundColor: 'Neutral-fill-1',
+  inputErrorFocusBorderColor: 'Danger-6',
+  inputErrorFocusBackgroundColor: 'Neutral-fill-1',
   inputErrorFocusShadow: 'Danger-1',
   inputInfoFontColor: 'Brand-6',
   inputInfoBackgroundColor: 'Neutral-fill-1',
@@ -13498,13 +13512,16 @@ var inputTokens = {
   inputInnerPaddingX: 'Spacing-8',
   inputInnerPaddingY: 'Spacing-1',
   inputInnerFontSize: 'Font-12',
+  inputInnerFontColor: 'Neutral-text-4',
   inputInnerSmallPaddingX: 'Spacing-8',
   inputInnerSmallPaddingY: 'Spacing-1',
   inputInnerSmallFontSize: 'Font-12',
   inputInnerLargePaddingX: 'Spacing-12',
   inputInnerLargePaddingY: 'Spacing-3',
   inputInnerLargeFontSize: 'Font-14',
-  inputInnerFontColor: 'Neutral-text-4'
+  inputInnerTopFontSize: 'Font-12',
+  inputInnerTopSmallFontSize: 'Font-12',
+  inputInnerTopLargeFontSize: 'Font-12'
 };
 /* harmony default export */ var input = (inputTokens);
 ;// CONCATENATED MODULE: ../theme/src/input/index.ts
@@ -13520,13 +13537,17 @@ var listTokens = {
   listFontSize: 'Font-14',
   listFontColor: 'Neutral-text-5',
   listBorderColor: 'Neutral-border-1',
-  listBorderRadius: 'Radius-2',
+  listBorderRadius: 'Radius-lesser',
+  listBorderWidth: 'Border-1',
   listItemPaddingY: 'Spacing-12',
   listItemPaddingX: 'Spacing-16',
+  listItemBackgroundColor: 'Transparent',
   listSmallItemPaddingY: 'Spacing-8',
   listSmallItemPaddingX: 'Spacing-12',
+  listSmallFontSize: 'Font-14',
   listLargeItemPaddingY: 'Spacing-16',
   listLargeItemPaddingX: 'Spacing-20',
+  listLargeFontSize: 'Font-14',
   listPaginationMarginY: 'Spacing-12',
   listStripedBackgroundColor: 'Neutral-fill-2'
 };
@@ -13544,6 +13565,11 @@ var menuTokens = {
   menuFontSize: 'Font-14',
   menuFontColor: 'Neutral-text-5',
   menuIconColor: 'Neutral-text-4',
+  menuCollapseWidth: 'Size-20',
+  menuCollapseItemDisabledFontColor: 'Neutral-text-2',
+  menuCollapseItemDisabledBackgroundColor: 'Neutral-fill-1',
+  menuCollapseItemActiveFontColor: 'Brand-6',
+  menuCollapseItemActiveBackgroundColor: 'Neutral-fill-1',
   menuItemBackgroundColor: 'Neutral-fill-1',
   menuItemFontColor: 'Neutral-text-5',
   menuItemHoverBackgroundColor: 'Neutral-fill-2',
@@ -13553,7 +13579,7 @@ var menuTokens = {
   menuItemActiveFontColor: 'Brand-6',
   menuItemDisabledBackgroundColor: 'Neutral-fill-1',
   menuItemDisabledFontColor: 'Neutral-text-2',
-  menuTitlePaddingX: '16px',
+  menuTitlePaddingX: '13px',
   menuTitlePaddingY: '9px',
   menuExpandWidth: '46px',
   menuExpandSize: '14px',
@@ -13569,7 +13595,15 @@ var menuTokens = {
   menuDarkItemOpenBackgroundColor: 'Neutral-fill-9',
   menuDarkItemOpenFontColor: 'Neutral-text-1',
   menuDarkItemDisabledBackgroundColor: 'Neutral-fill-10',
-  menuDarkItemDisabledFontColor: 'Neutral-text-4'
+  menuDarkItemDisabledFontColor: 'Neutral-text-4',
+  menuDarkCollapseItemFontColor: 'Brand-1',
+  menuDarkCollapseItemBackgroundColor: 'Neutral-fill-9',
+  menuDarkCollapseItemActiveFontColor: 'Neutral-text-1',
+  menuDarkCollapseItemActiveBackgroundColor: 'Brand-6',
+  menuDarkCollapseItemDisabledFontColor: 'Neutral-text-4',
+  menuDarkCollapseItemDisabledBackgroundColor: 'Neutral-fill-9',
+  menuDarkCollapseItemHoverFontColor: 'Neutral-text-1',
+  menuDarkCollapseItemHoverBackgroundColor: 'Brand-9'
 };
 /* harmony default export */ var menu = (menuTokens);
 ;// CONCATENATED MODULE: ../theme/src/menu/index.ts
@@ -13657,9 +13691,10 @@ var paginationTokens = {
 
 var popoverTokens = {
   popoverFontSize: 'Font-14',
+  popoverFontWeight: 'Weight-regular',
   popoverPaddingX: 'Spacing-8',
   popoverPaddingY: 'Spacing-8',
-  popoverRadius: 'Radius-4',
+  popoverRadius: 'Radius-default',
   popoverBorderWidth: 'Border-1',
   popoverFontColor: 'Neutral-text-5',
   popoverBackgroundColor: 'Neutral-fill-1',
@@ -13667,17 +13702,18 @@ var popoverTokens = {
   popoverBorderColor: 'Neutral-border-1',
   popoverSuccessBackgroundColor: '#edf9e8',
   popoverSuccessBorderColor: 'rgba(82, 196, 26, 0.1)',
-  popoverWarningBackgroundColor: '#fff3e5',
-  popoverWarningBorderColor: 'rgba(255, 140, 0, 0.1)',
-  popoverInfoBackgroundColor: '#e8f1fe',
-  popoverInfoBorderColor: 'rgba(25, 122, 250, 0.1)',
-  popoverDangerBackgroundColor: '#ffeded',
-  popoverDangerBorderColor: 'rgba(255, 77, 80, 0.1)',
+  popoverWarningBackgroundColor: 'Warning-1',
+  popoverWarningBorderColor: 'Warning-2',
+  popoverInfoBackgroundColor: 'Brand-1',
+  popoverInfoBorderColor: 'Brand-2',
+  popoverDangerBackgroundColor: 'Danger-1',
+  popoverDangerBorderColor: 'Danger-2',
   popoverErrorFontColor: 'Danger-7',
   popoverErrorBackgroundColor: 'Danger-1',
   popoverErrorBorderColor: 'Danger-1',
   popoverConfirmPaddingX: 'Spacing-16',
   popoverConfirmPaddingY: 'Spacing-16',
+  popoverConfirmMarginY: 'Spacing-16',
   popoverConfirmBackgroundColor: 'transparent'
 };
 /* harmony default export */ var popover = (popoverTokens);
@@ -13784,8 +13820,10 @@ var rateTokens = {
 var selectTokens = {
   selectFontSize: 'Font-14',
   selectFontColor: 'Neutral-text-5',
-  selectBorderRadius: 'Radius-4',
+  selectFontWeight: 'Weight-regular',
+  selectBorderRadius: 'Radius-default',
   selectBorderColor: 'Neutral-border-2',
+  selectBorderWidth: 'Border-1',
   selectPaddingX: 'Spacing-8',
   selectPaddingY: 'Spacing-2',
   selectIconSize: 'Size-7',
@@ -13810,26 +13848,35 @@ var selectTokens = {
   selectClearPadding: 'Spacing-8',
   selectHoverBorderColor: 'Brand-6',
   selectHoverClearColor: 'Neutral-text-4',
+  selectHoverBackgroundColor: 'Neutral-fill-1',
   selectFocusBorderColor: 'Brand-7',
   selectFocusShadow: 'Brand-2',
+  selectFocusBackgroundColor: 'Neutral-fill-1',
   selectDisabledIconColor: 'Neutral-text-2',
   selectDisabledFontColor: 'Neutral-text-2',
   selectDisabledPlaceholderColor: 'Neutral-text-2',
   selectDisabledBorderColor: 'Neutral-border-1',
   selectDisabledBackgroundColor: 'Neutral-fill-2',
-  selectResultTextBorderRadius: 'Radius-4',
+  selectResultTextBorderRadius: 'Radius-default',
   selectResultTextPaddingX: 'Spacing-4',
   selectResultTextSmallPaddingX: 'Spacing-4',
   selectResultTextLargePaddingX: 'Spacing-10',
   selectResultTextActiveBackgroundColor: 'Brand-1',
   selectErrorBorderColor: 'Danger-6',
+  selectErrorBackgroundColor: 'Neutral-fill-1',
   selectErrorFocusShadow: 'Danger-1',
+  selectErrorFocusBackgroundColor: 'Neutral-fill-1',
+  selectErrorFocusBorderColor: 'Danger-6',
+  selectErrorHoverBackgroundColor: 'Neutral-fill-1',
+  selectErrorHoverBorderColor: 'Danger-6',
   selectPanelColor: 'Neutral-text-5',
   selectPanelBackgroundColor: 'Neutral-fill-1',
   selectPanelShadow: 'Shadow-2',
-  selectPanelRadius: 'Radius-4',
+  selectPanelRadius: 'Radius-default',
   selectPanelBorder: 'Neutral-border-1',
   selectOptionHeight: 'Size-16',
+  selectOptionBackgroundColor: 'Neutral-fill-1',
+  selectOptionFontColor: 'Neutral-text-5',
   selectOptionPaddingX: 'Spacing-4',
   selectOptionPaddingY: 'Spacing-1',
   selectOptionActiveColor: 'Brand-6',
@@ -13837,15 +13884,18 @@ var selectTokens = {
   selectOptionInnerPaddingX: 'Spacing-8',
   selectOptionInnerPaddingY: 'Spacing-5',
   selectOptionInnerPaddingRight: 'Size-15',
-  selectOptionInnerBorderRadius: 'Radius-2',
+  selectOptionInnerBorderRadius: 'Radius-lesser',
   selectOptionHoverBackgroundColor: 'Neutral-fill-2',
+  selectOptionHoverFontColor: 'Neutral-text-5',
   selectOptionDisabledColor: 'Neutral-text-2',
   selectOptionDisabledBackgroundColor: 'Neutral-fill-1',
   selectMorePadding: 'Spacing-8',
-  selectHeaderPadding: 'Spacing-8',
+  selectHeaderPaddingX: 'Spacing-8',
+  selectHeaderPaddingY: 'Spacing-8',
   selectHeaderBorderColor: 'Neutral-border-1',
   selectGroupTitleFontColor: 'Neutral-text-3',
   selectGroupTitleFontSize: 'Font-12',
+  selectGroupTitleFontWeight: 'Weight-regular',
   selectGroupTitlePaddingX: 'Spacing-12',
   selectGroupTitlePaddingTop: 'Spacing-10',
   selectGroupTitlePaddingBottom: 'Spacing-2',
@@ -13856,8 +13906,10 @@ var selectTokens = {
   selectGroupTitleLargeBottom: 'Spacing-4',
   selectColumnPadding: 'Spacing-8',
   selectColumnOptionMargin: 'Spacing-8',
-  selectColumnBorderRadius: 'Radius-4',
-  selectColumnBackgroundColor: 'Neutral-fill-2'
+  selectColumnBorderRadius: 'Radius-default',
+  selectColumnBackgroundColor: 'Neutral-fill-2',
+  selectLoadingSpinColor: 'Brand-6',
+  selectEmptyFontColor: 'Neutral-text-2'
 };
 /* harmony default export */ var select_select = (selectTokens);
 ;// CONCATENATED MODULE: ../theme/src/select/index.ts
@@ -14748,6 +14800,7 @@ var alertStyle = {
     borderRadius: src.alertBorderRadius,
     borderWidth: 1,
     borderStyle: 'solid',
+    fontWeight: src.alertFontWeight,
     opacity: 1,
     transformOrigin: '0 0',
     transform: 'scaleY(1) translateZ(0)',
@@ -14804,8 +14857,8 @@ var alertStyle = {
   },
   title: {
     fontSize: src.alertTitleFontSize,
-    fontWeight: 500,
-    marginBottom: 4,
+    fontWeight: src.alertTitleFontWeight,
+    marginBottom: src.alertTitleMarginY,
     overflowWrap: 'anywhere',
     lineHeight: src.alertTitleFontSize
   },
@@ -14927,7 +14980,7 @@ var breadcrumbStyle = {
     top: '-3px'
   },
   itemWrapper: {
-    padding: "0 ".concat(src.breadcrumbListItemWrapperPaddingX)
+    // padding: `0 ${token.breadcrumbListItemWrapperPaddingX}`,
   },
   item: {
     display: 'flex',
@@ -14960,23 +15013,27 @@ var breadcrumbStyle = {
     transform: 'rotate(180deg)'
   },
   dropdown: {
-    backgroundColor: src.breadcrumbListBackgroundColor,
-    boxShadow: src.breadcrumbListShadow,
-    border: "1px solid ".concat(src.breadcrumbListBorderColor),
-    padding: "".concat(src.breadcrumbListPaddingY, " 0"),
+    borderRadius: src.dropdownListBorderRadius,
+    backgroundColor: src.dropdownListBackgroundColor,
+    boxShadow: src.dropdownListBoxShadow,
+    border: "1px solid ".concat(src.dropdownListBorderColor),
+    // padding: `${token.breadcrumbListPaddingY} 0`,
+    padding: "".concat(src.dropdownListPaddingY, " ").concat(src.dropdownListPaddingX),
     color: src.breadcrumbLinkColor
   },
   dropdownItem: {
     lineHeight: src.lineHeightDynamic,
-    fontSize: src.breadcrumbFontSize,
+    fontSize: src.dropdownListFontSize,
+    fontWeight: src.breadcrumbFontWieght,
     cursor: 'pointer',
-    color: src.breadcrumbFontColor,
-    borderRadius: src.breadcrumbListItemBorderRadius,
+    color: src.dropdownOptionFontColor,
+    borderRadius: src.dropdownOptionBorderRadius,
     '&:hover': {
-      backgroundColor: src.breadcrumbListItemHoverBackgroundColor
+      color: src.dropdownOptionHoverFontColor,
+      backgroundColor: src.dropdownOptionHoverBackgroundColor
     },
     '& $content, &  a': {
-      padding: "".concat(src.breadcrumbListItemPaddingY, " ").concat(src.breadcrumbListItemPaddingX),
+      padding: "".concat(src.dropdownOptionPaddingY, " ").concat(src.dropdownOptionPaddingX),
       display: 'inline-block',
       textDecoration: 'none',
       color: 'inherit',
@@ -15971,15 +16028,18 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
     boxSizing: 'border-box',
     borderRadius: token.borderRadius,
     background: token.backgroundColor,
-    border: "1px solid ".concat(token.borderColor),
+    border: "".concat(token.borderWidth, " solid ").concat(token.borderColor),
     color: token.fontColor,
     lineHeight: token.lineHeight,
     fontSize: token.fontSize,
+    fontWeight: token.fontWeight,
     verticalAlign: 'top',
     transition: "border-color .15s ease-in-out,box-shadow .15s ease-in-out;",
-    '&:hover': {
+    '&:hover': defineProperty_default()({
       borderColor: token.hoverBorderColor
-    },
+    }, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
+      backgroundColor: token.hoverBackgroundColor
+    }),
     '[data-soui-role="input-group"] &': {
       borderWidth: 0,
       borderRadius: 0,
@@ -16030,16 +16090,21 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
   }), "".concat(name, "Focus"), {
     borderColor: token.focusBorderColor,
     boxShadow: "0 0 0 2px ".concat(token.focusShadow),
+    background: token.focusBackgroundColor,
     '&:hover': {
       borderColor: token.focusBorderColor
     }
   }), "".concat(name, "Error"), defineProperty_default()({
     borderColor: token.errorBorderColor,
+    background: token.errorBackgroundColor,
     '&:hover': {
-      borderColor: token.errorBorderColor
+      backgroundColor: token.errorHoverBackgroundColor,
+      borderColor: token.errorHoverBorderColor
     }
   }, "&$".concat(name, "Focus"), {
-    boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow)
+    boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow),
+    borderColor: token.errorFocusBorderColor,
+    background: token.errorFocusBackgroundColor
   })), "".concat(name, "Disabled"), {
     color: token.disabledFontColor,
     backgroundColor: token.disabledBackgroundColor,
@@ -16074,27 +16139,36 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
 
 var inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
-  borderRadius: src.cascaderBorderRadius,
-  fontSize: src.cascaderFontSize,
-  smallFontSize: src.cascaderSmallFontSize,
-  largeFontSize: src.cascaderLargeFontSize,
-  paddingY: src.cascaderPaddingY,
-  smallPaddingY: src.cascaderSmallPaddingY,
-  largePaddingY: src.cascaderLargePaddingY,
-  paddingX: src.cascaderPaddingX,
-  smallPaddingX: src.cascaderSmallPaddingX,
-  largePaddingX: src.cascaderLargePaddingX,
-  borderColor: src.cascaderBorderColor,
-  focusBorderColor: src.cascaderFocusBorderColor,
-  hoverBorderColor: src.cascaderHoverBorderColor,
-  disabledBorderColor: src.cascaderDisabledBorderColor,
-  errorBorderColor: src.cascaderErrorBorderColor,
-  fontColor: src.cascaderFontColor,
-  disabledFontColor: src.cascaderDisabledFontColor,
-  backgroundColor: src.cascaderBackgroundColor,
-  disabledBackgroundColor: src.cascaderDisabledBackgroundColor,
-  focusShadow: src.cascaderFocusShadow,
-  errorFocusShadow: src.cascaderErrorFocusShadow,
+  borderRadius: src.inputBorderRadius,
+  fontSize: src.inputFontSize,
+  fontWeight: src.inputFontWeight,
+  smallFontSize: src.inputSmallFontSize,
+  largeFontSize: src.inputLargeFontSize,
+  paddingY: src.selectPaddingY,
+  smallPaddingY: src.selectSmallPaddingY,
+  largePaddingY: src.selectLargePaddingY,
+  paddingX: src.selectPaddingX,
+  smallPaddingX: src.selectSmallPaddingX,
+  largePaddingX: src.selectLargePaddingX,
+  borderColor: src.inputBorderColor,
+  borderWidth: src.inputBorderWidth,
+  focusBorderColor: src.inputFocusBorderColor,
+  hoverBorderColor: src.inputHoverBorderColor,
+  disabledBorderColor: src.inputDisabledBorderColor,
+  errorBorderColor: src.inputErrorBorderColor,
+  errorHoverBorderColor: src.inputErrorHoverBorderColor,
+  errorFocusBorderColor: src.inputErrorFocusBorderColor,
+  fontColor: src.inputFontColor,
+  disabledFontColor: src.inputDisabledFontColor,
+  backgroundColor: src.inputBackgroundColor,
+  hoverBackgroundColor: src.inputHoverBackgroundColor,
+  focusBackgroundColor: src.inputFocusBackgroundColor,
+  disabledBackgroundColor: src.inputDisabledBackgroundColor,
+  errorBackgroundColor: src.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
+  focusShadow: src.inputFocusShadow,
+  errorFocusShadow: src.inputErrorFocusShadow,
   innerTitlePaddingY: src.inputInnerPaddingY,
   innerTitlePaddingX: src.inputInnerPaddingX,
   smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
@@ -16872,27 +16946,36 @@ var useCollapseItemStyle = styled(collapse_item, 'collapseItem');
 
 var date_picker_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
-  borderRadius: src.datePickerBorderRadius,
-  fontSize: src.datePickerFontSize,
-  smallFontSize: src.datePickerSmallFontSize,
-  largeFontSize: src.datePickerLargeFontSize,
-  paddingY: src.datePickerPaddingY,
-  smallPaddingY: src.datePickerSmallPaddingY,
-  largePaddingY: src.datePickerLargePaddingY,
-  paddingX: src.datePickerPaddingX,
-  smallPaddingX: src.datePickerSmallPaddingX,
-  largePaddingX: src.datePickerLargePaddingX,
-  borderColor: src.datePickerBorderColor,
-  focusBorderColor: src.datePickerFocusBorderColor,
-  hoverBorderColor: src.datePickerHoverBorderColor,
-  disabledBorderColor: src.datePickerDisabledBorderColor,
-  errorBorderColor: src.datePickerErrorBorderColor,
-  fontColor: src.datePickerFontColor,
-  disabledFontColor: src.datePickerDisabledFontColor,
-  backgroundColor: src.datePickerBackgroundColor,
-  disabledBackgroundColor: src.datePickerDisabledBackgroundColor,
-  focusShadow: src.datePickerFocusShadow,
-  errorFocusShadow: src.datePickerErrorFocusShadow,
+  borderRadius: src.inputBorderRadius,
+  fontSize: src.inputFontSize,
+  fontWeight: src.inputFontWeight,
+  smallFontSize: src.inputSmallFontSize,
+  largeFontSize: src.inputLargeFontSize,
+  paddingY: src.inputPaddingY,
+  smallPaddingY: src.inputSmallPaddingY,
+  largePaddingY: src.inputLargePaddingY,
+  paddingX: src.inputPaddingX,
+  smallPaddingX: src.inputSmallPaddingX,
+  largePaddingX: src.inputLargePaddingX,
+  borderColor: src.inputBorderColor,
+  borderWidth: src.inputBorderWidth,
+  focusBorderColor: src.inputFocusBorderColor,
+  hoverBorderColor: src.inputHoverBorderColor,
+  disabledBorderColor: src.inputDisabledBorderColor,
+  errorBorderColor: src.inputErrorBorderColor,
+  errorHoverBorderColor: src.inputErrorHoverBorderColor,
+  errorFocusBorderColor: src.inputErrorFocusBorderColor,
+  fontColor: src.inputFontColor,
+  disabledFontColor: src.inputDisabledFontColor,
+  backgroundColor: src.inputBackgroundColor,
+  hoverBackgroundColor: src.inputHoverBackgroundColor,
+  focusBackgroundColor: src.inputFocusBackgroundColor,
+  disabledBackgroundColor: src.inputDisabledBackgroundColor,
+  errorBackgroundColor: src.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
+  focusShadow: src.inputFocusShadow,
+  errorFocusShadow: src.inputErrorFocusShadow,
   innerTitlePaddingY: src.inputInnerPaddingY,
   innerTitlePaddingX: src.inputInnerPaddingX,
   smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
@@ -17580,7 +17663,13 @@ var descriptionsStyle = {
     borderCollapse: 'collapse',
     lineHeight: src.lineHeightDynamic
   },
-  row: {},
+  row: {
+    // '&>td': {
+    //   '&:not(:last-child)': {
+    //     paddingRight: token.descriptionsCellGap,
+    //   },
+    // },
+  },
   label: {
     paddingRight: src.descriptionsLabelPaddingRight,
     paddingBottom: src.descriptionsLabelPaddingBottom,
@@ -17599,7 +17688,7 @@ var descriptionsStyle = {
       paddingRight: 0
     }
   },
-  inlineTable: {
+  cell: {
     textAlign: 'left',
     boxSizing: 'border-box',
     verticalAlign: 'top'
@@ -17625,13 +17714,25 @@ var descriptionsStyle = {
       width: '1px'
     }
   },
+  vertical: {
+    '& $label': {
+      paddingBottom: src.descriptionsVerticalPaddingBottom
+    }
+  },
   inlineHorizontal: {
     '& $item': {
       display: 'flex',
       alignItems: 'center'
     },
-    '& $inlineTable': {
+    '& $cell': {
       verticalAlign: 'middle'
+    },
+    '& $row': {
+      '&>td': {
+        '&:not(:last-child)': {
+          paddingRight: src.descriptionsCellGap
+        }
+      }
     }
   },
   tableLayoutFixed: {
@@ -17646,20 +17747,20 @@ var descriptionsStyle = {
     border: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor),
     borderRadius: src.descriptionsBorderRadius,
     '& $row:not(:last-child)': {
-      borderBottom: "".concat(src.descriptionsBorderBottomSize, " solid ").concat(src.descriptionsBorderColor)
+      borderBottom: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor)
     },
     '& $label': {
       padding: "".concat(src.descriptionsBorderPaddingX, " ").concat(src.descriptionsBorderPaddingY),
       backgroundColor: src.descriptionsBackgroundColor,
-      borderRight: "".concat(src.descriptionsBorderRightSize, " solid ").concat(src.descriptionsBorderColor)
+      borderRight: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor)
     },
     '& $value': {
       padding: "".concat(src.descriptionsBorderPaddingX, " ").concat(src.descriptionsBorderPaddingY),
-      borderRight: "".concat(src.descriptionsBorderRightSize, " solid ").concat(src.descriptionsBorderColor)
+      borderRight: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor)
     },
-    '& $inlineTable': {
+    '& $cell': {
       padding: "".concat(src.descriptionsInlineBorderPaddingX, " ").concat(src.descriptionsInlineBorderPaddingY),
-      borderRight: "".concat(src.descriptionsBorderRightSize, " solid ").concat(src.descriptionsBorderColor)
+      borderRight: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor)
     },
     '& $labelInline': {
       paddingRight: src.descriptionsLabelPaddingRight
@@ -17907,7 +18008,7 @@ var dropdown_dropdown = {
   itemWrapper: {},
   item: {
     display: 'block',
-    borderRadius: 4,
+    borderRadius: src.dropdownOptionBorderRadius,
     lineHeight: src.lineHeightDynamic,
     color: src.dropdownOptionFontColor,
     backgroundColor: src.dropdownOptionBackgroundColor,
@@ -17974,36 +18075,46 @@ var useDropdownStyle = styled(src_dropdown_dropdown, 'dropdown');
 
 
 
-var editable_area_inputBorder = input_border('wrapper', {
+var editable_area_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
-  borderRadius: src.textareaBorderRadius,
-  fontSize: src.textareaFontSize,
-  smallFontSize: src.textareaSmallFontSize,
-  largeFontSize: src.textareaLargeFontSize,
-  paddingY: src.textareaPaddingY,
-  smallPaddingY: src.textareaSmallPaddingY,
-  largePaddingY: src.textareaLargePaddingY,
-  paddingX: src.textareaPaddingX,
-  smallPaddingX: src.textareaSmallPaddingX,
-  largePaddingX: src.textareaLargePaddingX,
-  borderColor: src.textareaBorderColor,
-  focusBorderColor: src.textareaFocusBorderColor,
-  hoverBorderColor: src.textareaHoverBorderColor,
-  disabledBorderColor: src.textareaDisabledBorderColor,
-  errorBorderColor: src.textareaErrorBorderColor,
-  fontColor: src.textareaFontColor,
-  disabledFontColor: src.textareaDisabledFontColor,
-  backgroundColor: src.textareaBackgroundColor,
-  disabledBackgroundColor: src.textareaDisabledBackgroundColor,
-  focusShadow: src.textareaFocusShadow,
-  errorFocusShadow: src.textareaErrorFocusShadow,
+  borderRadius: src.inputBorderRadius,
+  fontSize: src.inputFontSize,
+  fontWeight: src.inputFontWeight,
+  smallFontSize: src.inputSmallFontSize,
+  largeFontSize: src.inputLargeFontSize,
+  paddingY: src.inputPaddingY,
+  smallPaddingY: src.inputSmallPaddingY,
+  largePaddingY: src.inputLargePaddingY,
+  paddingX: src.inputPaddingX,
+  smallPaddingX: src.inputSmallPaddingX,
+  largePaddingX: src.inputLargePaddingX,
+  borderColor: src.inputBorderColor,
+  borderWidth: src.inputBorderWidth,
+  focusBorderColor: src.inputFocusBorderColor,
+  hoverBorderColor: src.inputHoverBorderColor,
+  disabledBorderColor: src.inputDisabledBorderColor,
+  errorBorderColor: src.inputErrorBorderColor,
+  errorHoverBorderColor: src.inputErrorHoverBorderColor,
+  errorFocusBorderColor: src.inputErrorFocusBorderColor,
+  fontColor: src.inputFontColor,
+  disabledFontColor: src.inputDisabledFontColor,
+  backgroundColor: src.inputBackgroundColor,
+  hoverBackgroundColor: src.inputHoverBackgroundColor,
+  focusBackgroundColor: src.inputFocusBackgroundColor,
+  disabledBackgroundColor: src.inputDisabledBackgroundColor,
+  errorBackgroundColor: src.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
+  focusShadow: src.inputFocusShadow,
+  errorFocusShadow: src.inputErrorFocusShadow,
   innerTitlePaddingY: src.inputInnerPaddingY,
   innerTitlePaddingX: src.inputInnerPaddingX,
   smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
   smallInnerTitlePaddingX: src.inputInnerSmallPaddingX,
   largeInnerTitlePaddingY: src.inputInnerLargePaddingY,
   largeInnerTitlePaddingX: src.inputInnerLargePaddingX
-});
+};
+var editable_area_inputBorder = input_border('wrapper', editable_area_inputBorderToken);
 var editable_area_wrapper = editable_area_inputBorder.wrapper,
   wrapperNoBorder = editable_area_inputBorder.wrapperNoBorder,
   _noFocus = editable_area_inputBorder.wrapperFocus,
@@ -18770,6 +18881,13 @@ var innerTitle = objectSpread2_default()(objectSpread2_default()({}, inner_title
   },
   top: {
     opacity: '0',
+    fontSize: src.inputInnerTopFontSize,
+    '$wrapperSmall &': {
+      fontSize: src.inputInnerTopSmallFontSize
+    },
+    '$wrapperLarge &': {
+      fontSize: src.inputInnerTopLargeFontSize
+    },
     '$wrapperOpen &': {
       opacity: '1',
       transition: "opacity 0s ease-in ".concat(moveTime)
@@ -18824,6 +18942,7 @@ var input_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
   borderRadius: src.inputBorderRadius,
   fontSize: src.inputFontSize,
+  fontWeight: src.inputFontWeight,
   smallFontSize: src.inputSmallFontSize,
   largeFontSize: src.inputLargeFontSize,
   paddingY: src.inputPaddingY,
@@ -18833,14 +18952,22 @@ var input_inputBorderToken = {
   smallPaddingX: src.inputSmallPaddingX,
   largePaddingX: src.inputLargePaddingX,
   borderColor: src.inputBorderColor,
+  borderWidth: src.inputBorderWidth,
   focusBorderColor: src.inputFocusBorderColor,
   hoverBorderColor: src.inputHoverBorderColor,
   disabledBorderColor: src.inputDisabledBorderColor,
   errorBorderColor: src.inputErrorBorderColor,
+  errorHoverBorderColor: src.inputErrorHoverBorderColor,
+  errorFocusBorderColor: src.inputErrorFocusBorderColor,
   fontColor: src.inputFontColor,
   disabledFontColor: src.inputDisabledFontColor,
   backgroundColor: src.inputBackgroundColor,
+  hoverBackgroundColor: src.inputHoverBackgroundColor,
+  focusBackgroundColor: src.inputFocusBackgroundColor,
   disabledBackgroundColor: src.inputDisabledBackgroundColor,
+  errorBackgroundColor: src.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
   focusShadow: src.inputFocusShadow,
   errorFocusShadow: src.inputErrorFocusShadow,
   innerTitlePaddingY: src.inputInnerPaddingY,
@@ -19150,7 +19277,7 @@ var listStyle = {
     alignItems: 'center',
     boxSizing: 'border-box',
     '&:not(:last-child)': {
-      borderBottom: "1px solid ".concat(src.listBorderColor)
+      borderBottom: "".concat(src.listBorderWidth, " solid ").concat(src.listBorderColor)
     }
   },
   item: {
@@ -19159,13 +19286,16 @@ var listStyle = {
     color: src.listFontColor,
     display: 'flex',
     flexWrap: 'nowrap',
+    background: src.listItemBackgroundColor,
     boxSizing: 'border-box',
     padding: "".concat(src.listItemPaddingY, " ").concat(src.listItemPaddingX),
     '$wrapperSmall &': {
-      padding: "".concat(src.listSmallItemPaddingY, " ").concat(src.listSmallItemPaddingX)
+      padding: "".concat(src.listSmallItemPaddingY, " ").concat(src.listSmallItemPaddingX),
+      fontSize: src.listSmallFontSize
     },
     '$wrapperLarge &': {
-      padding: "".concat(src.listLargeItemPaddingY, " ").concat(src.listLargeItemPaddingY)
+      padding: "".concat(src.listLargeItemPaddingY, " ").concat(src.listLargeItemPaddingY),
+      fontSize: src.listLargeFontSize
     }
   },
   checkContent: {
@@ -19238,12 +19368,20 @@ var arrow = {
 var menuStyle = {
   wrapper: {
     height: '100%',
+    transition: 'width 0.3s',
     backgroundColor: src.menuItemBackgroundColor
   },
   wrapperLight: {},
   wrapperDark: {
     backgroundColor: src.menuDarkItemBackgroundColor
   },
+  collapse: {
+    width: src.menuCollapseWidth,
+    boxSizing: 'content-box',
+    '& $root': {
+      width: src.menuCollapseWidth
+    }
+  },
   scrollbox: {
     '$wrapperVertical &': {
       overflow: 'hidden',
@@ -19352,10 +19490,87 @@ var menuStyle = {
   item: {
     listStyle: 'none',
     flexShrink: 0,
+    position: 'relative',
     '$wrapperVertical &, $wrapperHorizontal &': {
       position: 'relative'
     }
   },
+  collapseItem: {
+    // width: 40,
+    cursor: 'pointer',
+    opacity: 1,
+    height: src.menuCollapseWidth,
+    transition: 'all ease .3s',
+    color: 'inherit',
+    position: 'relative',
+    '$wrapperLight &': {
+      background: src.menuItemBackgroundColor,
+      '&:hover': {
+        background: src.menuItemHoverBackgroundColor,
+        color: src.menuItemHoverFontColor
+      }
+    },
+    '$wrapperLight $itemDisabled > &&': {
+      cursor: 'not-allowed',
+      color: src.menuCollapseItemDisabledFontColor,
+      background: src.menuCollapseItemDisabledBackgroundColor
+    },
+    '$wrapperDark $itemDisabled > &&': {
+      cursor: 'not-allowed',
+      color: src.menuDarkCollapseItemDisabledFontColor,
+      background: src.menuDarkCollapseItemDisabledBackgroundColor
+    },
+    '$wrapperDark &': {
+      color: src.menuDarkCollapseItemFontColor,
+      background: src.menuDarkCollapseItemBackgroundColor,
+      '&:hover': {
+        background: src.menuDarkCollapseItemHoverBackgroundColor,
+        color: src.menuDarkCollapseItemHoverFontColor
+      }
+    },
+    '$itemActive > &&': {
+      '$wrapperLight &': {
+        color: src.menuCollapseItemActiveFontColor,
+        background: src.menuCollapseItemActiveBackgroundColor
+      },
+      '$wrapperDark &': {
+        color: src.menuDarkCollapseItemActiveFontColor,
+        background: src.menuDarkCollapseItemActiveBackgroundColor
+      }
+    },
+    '&$collapseItemInPath': {
+      // background: token.menuItemBackgroundColor,
+      '&::after': {
+        content: '""',
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        bottom: 0,
+        width: 3,
+        transition: 'all ease 0.3s',
+        backgroundColor: src.menuCollapseItemActiveFontColor
+      }
+    }
+  },
+  collapseItemInPath: {},
+  collapseItemHide: {
+    opacity: 0,
+    width: 0,
+    // height: 0,
+    // zIndex: -1,
+    position: 'absolute',
+    top: 0,
+    color: 'transparent',
+    background: 'transparent',
+    '&$collapseItemInPath': {
+      // background: token.menuItemBackgroundColor,
+      '&::after': {
+        top: 20,
+        bottom: 20,
+        backgroundColor: 'transparent'
+      }
+    }
+  },
   itemActive: {},
   itemDisabled: {},
   itemOpen: {},
@@ -19368,6 +19583,8 @@ var menuStyle = {
     alignItems: 'center',
     cursor: 'pointer',
     position: 'relative',
+    // opacity: 1,
+    transition: 'all ease 0.3s',
     '$wrapperLight &': {
       color: src.menuItemFontColor,
       backgroundColor: src.menuItemBackgroundColor,
@@ -19475,6 +19692,20 @@ var menuStyle = {
       }
     }
   },
+  itemContentHide: {
+    position: 'absolute',
+    overflow: 'hidden',
+    pointerEvents: 'none',
+    // opacity: 0,
+    visibility: 'hidden',
+    '& $title': {
+      pointerEvents: 'none',
+      whiteSpace: 'nowrap'
+    },
+    '& $menuIcon': {
+      opacity: 0
+    }
+  },
   itemContentFront: {},
   itemContentBack: {},
   title: {
@@ -19514,6 +19745,7 @@ var menuStyle = {
     },
     '& > $icon': {
       lineHeight: 1,
+      opacity: 1,
       width: src.menuExpandSize,
       height: src.menuExpandSize,
       '$wrapper:not($wrapperVertical) $itemOpen > $itemContent &': {
@@ -19529,7 +19761,9 @@ var menuStyle = {
       }
     }
   },
-  icon: {},
+  icon: {
+    transition: 'all ease 0.3s'
+  },
   expandHover: {
     '&:hover': {
       backgroundColor: src.menuExpandHoverBackgroundColor
@@ -20537,6 +20771,7 @@ var popoverStyle = {
     position: 'relative',
     zIndex: 2,
     fontSize: src.popoverFontSize,
+    fontWeight: src.popoverFontWeight,
     color: src.popoverFontColor,
     background: 'inherit',
     borderRadius: 'inherit'
@@ -20554,7 +20789,7 @@ var popoverStyle = {
       backgroundColor: 'transparent',
       border: 0,
       padding: 0,
-      marginBottom: src.popoverConfirmPaddingY
+      marginBottom: src.popoverConfirmMarginY
     }
   },
   footer: {
@@ -21015,27 +21250,36 @@ var useRateStyle = styled(rate_rate, 'rate');
 
 var select_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
-  borderRadius: src.selectBorderRadius,
-  fontSize: src.selectFontSize,
-  smallFontSize: src.selectSmallFontSize,
-  largeFontSize: src.selectLargeFontSize,
+  borderRadius: src.inputBorderRadius,
+  fontSize: src.inputFontSize,
+  fontWeight: src.inputFontWeight,
+  smallFontSize: src.inputSmallFontSize,
+  largeFontSize: src.inputLargeFontSize,
   paddingY: src.selectPaddingY,
   smallPaddingY: src.selectSmallPaddingY,
   largePaddingY: src.selectLargePaddingY,
   paddingX: src.selectPaddingX,
   smallPaddingX: src.selectSmallPaddingX,
   largePaddingX: src.selectLargePaddingX,
-  borderColor: src.selectBorderColor,
-  focusBorderColor: src.selectFocusBorderColor,
-  hoverBorderColor: src.selectHoverBorderColor,
-  disabledBorderColor: src.selectDisabledBorderColor,
-  errorBorderColor: src.selectErrorBorderColor,
-  fontColor: src.selectFontColor,
-  disabledFontColor: src.selectDisabledFontColor,
-  backgroundColor: src.selectBackgroundColor,
-  disabledBackgroundColor: src.selectDisabledBackgroundColor,
-  focusShadow: src.selectFocusShadow,
-  errorFocusShadow: src.selectErrorFocusShadow,
+  borderColor: src.inputBorderColor,
+  borderWidth: src.inputBorderWidth,
+  focusBorderColor: src.inputFocusBorderColor,
+  hoverBorderColor: src.inputHoverBorderColor,
+  disabledBorderColor: src.inputDisabledBorderColor,
+  errorBorderColor: src.inputErrorBorderColor,
+  errorHoverBorderColor: src.inputErrorHoverBorderColor,
+  errorFocusBorderColor: src.inputErrorFocusBorderColor,
+  fontColor: src.inputFontColor,
+  disabledFontColor: src.inputDisabledFontColor,
+  backgroundColor: src.inputBackgroundColor,
+  hoverBackgroundColor: src.inputHoverBackgroundColor,
+  focusBackgroundColor: src.inputFocusBackgroundColor,
+  disabledBackgroundColor: src.inputDisabledBackgroundColor,
+  errorBackgroundColor: src.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
+  focusShadow: src.inputFocusShadow,
+  errorFocusShadow: src.inputErrorFocusShadow,
   innerTitlePaddingY: src.inputInnerPaddingY,
   innerTitlePaddingX: src.inputInnerPaddingX,
   smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
@@ -21096,7 +21340,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
         marginBottom: src.selectLargePlaceholderMarginY
       }
     },
-    '&:hover': {
+    '&:hover': objectSpread2_default()(objectSpread2_default()({}, select_wrapper['&:hover']), {}, {
       cursor: 'pointer',
       '&$clearable:not($wrapperEmpty)': {
         '& $clearIcon': {
@@ -21106,7 +21350,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
           display: 'none'
         }
       }
-    },
+    }),
     '&:not($wrapperEmpty):not($wrapperOpen)': {
       '& $clearIcon': {
         display: 'none'
@@ -21118,6 +21362,9 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   wrapperDisabled: objectSpread2_default()(objectSpread2_default()({}, select_wrapperDisabled), {}, {
     '& $arrowIcon': {
       color: src.selectDisabledIconColor
+    },
+    '& $placeholder': {
+      color: src.selectDisabledPlaceholderColor
     }
   }),
   popover: {}
@@ -21331,8 +21578,13 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   loading: {
     padding: 10,
     display: 'flex',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    '& > $loadingSpin': {
+      borderColor: src.selectLoadingSpinColor,
+      borderTopColor: 'transparent'
+    }
   },
+  loadingSpin: {},
   checkedIcon: {
     '&[dir=ltr]': {
       right: 8
@@ -21422,10 +21674,16 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     overflow: 'hidden',
     textOverflow: 'ellipsis',
     whiteSpace: 'nowrap',
+    color: src.selectOptionFontColor,
     fontSize: src.selectFontSize,
     lineHeight: src.lineHeightDynamic,
+    background: src.selectOptionBackgroundColor,
     padding: "".concat(src.selectOptionInnerPaddingY, " ").concat(src.selectOptionInnerPaddingX),
-    borderRadius: src.selectOptionInnerBorderRadius
+    borderRadius: src.selectOptionInnerBorderRadius,
+    // hover
+    '&:not($optionDisabled):not($optionActive):hover': {
+      color: src.selectOptionHoverFontColor
+    }
   },
   optionHover: {
     // backgroundColor: token.selectOptionHoverBackgroundColor,
@@ -21455,14 +21713,15 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     fontSize: src.selectGroupTitleFontSize,
     lineHeight: src.lineHeightDynamic,
     padding: "".concat(src.selectGroupTitlePaddingTop, " ").concat(src.selectGroupTitlePaddingX, " ").concat(src.selectGroupTitlePaddingBottom, " ").concat(src.selectGroupTitlePaddingX),
-    color: src.selectGroupTitleFontColor
+    color: src.selectGroupTitleFontColor,
+    fontWeight: src.selectGroupTitleFontWeight
   },
   header: {
     display: 'flex',
     alignItems: 'center',
     boxSizing: 'border-box',
     height: 32,
-    padding: src.selectHeaderPadding,
+    padding: "".concat(src.selectHeaderPaddingY, " ").concat(src.selectHeaderPaddingX),
     borderBottom: "1px solid ".concat(src.selectHeaderBorderColor),
     marginBottom: 4,
     '& $columnsCheckbox': {
@@ -21479,7 +21738,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     alignItems: 'center',
     padding: "0 ".concat(src.selectOptionPaddingX),
     '& $optionGroupTitle': {
-      padding: "0 ".concat(src.selectHeaderPadding),
+      padding: "0 ".concat(src.selectHeaderPaddingX),
       marginLeft: src.selectColumnOptionMargin
     }
   },
@@ -21496,8 +21755,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       marginRight: 0
     },
     '&:not($optionDisabled):hover': {
-      background: src.selectColumnBackgroundColor,
-      borderRadius: src.selectColumnBorderRadius
+      background: src.selectOptionHoverBackgroundColor,
+      borderRadius: src.selectPanelRadius
     }
   },
   columnsRadio: {
@@ -21522,7 +21781,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     }
   },
   empty: {
-    color: src.selectPlaceholderColor
+    color: src.selectEmptyFontColor
   }
 });
 /* harmony default export */ var src_select_select = (selectStyle);
@@ -24889,36 +25148,46 @@ var useTagStyle = styled(src_tag_tag, 'tag');
 
 
 
-var textarea_inputBorder = input_border('wrapper', {
+var textarea_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
-  borderRadius: src.textareaBorderRadius,
-  fontSize: src.textareaFontSize,
-  smallFontSize: src.textareaSmallFontSize,
-  largeFontSize: src.textareaLargeFontSize,
-  paddingY: src.textareaPaddingY,
-  smallPaddingY: src.textareaSmallPaddingY,
-  largePaddingY: src.textareaLargePaddingY,
-  paddingX: src.textareaPaddingX,
-  smallPaddingX: src.textareaSmallPaddingX,
-  largePaddingX: src.textareaLargePaddingX,
-  borderColor: src.textareaBorderColor,
-  focusBorderColor: src.textareaFocusBorderColor,
-  hoverBorderColor: src.textareaHoverBorderColor,
-  disabledBorderColor: src.textareaDisabledBorderColor,
-  errorBorderColor: src.textareaErrorBorderColor,
-  fontColor: src.textareaFontColor,
-  disabledFontColor: src.textareaDisabledFontColor,
-  backgroundColor: src.textareaBackgroundColor,
-  disabledBackgroundColor: src.textareaDisabledBackgroundColor,
-  focusShadow: src.textareaFocusShadow,
-  errorFocusShadow: src.textareaErrorFocusShadow,
+  borderRadius: src.inputBorderRadius,
+  fontSize: src.inputFontSize,
+  fontWeight: src.inputFontWeight,
+  smallFontSize: src.inputSmallFontSize,
+  largeFontSize: src.inputLargeFontSize,
+  paddingY: src.inputPaddingY,
+  smallPaddingY: src.inputSmallPaddingY,
+  largePaddingY: src.inputLargePaddingY,
+  paddingX: src.inputPaddingX,
+  smallPaddingX: src.inputSmallPaddingX,
+  largePaddingX: src.inputLargePaddingX,
+  borderColor: src.inputBorderColor,
+  borderWidth: src.inputBorderWidth,
+  focusBorderColor: src.inputFocusBorderColor,
+  hoverBorderColor: src.inputHoverBorderColor,
+  disabledBorderColor: src.inputDisabledBorderColor,
+  errorBorderColor: src.inputErrorBorderColor,
+  errorHoverBorderColor: src.inputErrorHoverBorderColor,
+  errorFocusBorderColor: src.inputErrorFocusBorderColor,
+  fontColor: src.inputFontColor,
+  disabledFontColor: src.inputDisabledFontColor,
+  backgroundColor: src.inputBackgroundColor,
+  hoverBackgroundColor: src.inputHoverBackgroundColor,
+  focusBackgroundColor: src.inputFocusBackgroundColor,
+  disabledBackgroundColor: src.inputDisabledBackgroundColor,
+  errorBackgroundColor: src.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
+  focusShadow: src.inputFocusShadow,
+  errorFocusShadow: src.inputErrorFocusShadow,
   innerTitlePaddingY: src.inputInnerPaddingY,
   innerTitlePaddingX: src.inputInnerPaddingX,
   smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
   smallInnerTitlePaddingX: src.inputInnerSmallPaddingX,
   largeInnerTitlePaddingY: src.inputInnerLargePaddingY,
   largeInnerTitlePaddingX: src.inputInnerLargePaddingX
-});
+};
+var textarea_inputBorder = input_border('wrapper', textarea_inputBorderToken);
 var textarea_wrapper = textarea_inputBorder.wrapper,
   textarea_resetWrapper = objectWithoutProperties_default()(textarea_inputBorder, ["wrapper"]);
 var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, textarea_inputBorder), {}, {
@@ -25679,27 +25948,36 @@ var useTreeStyle = styled(tree_tree, 'tree');
 
 var tree_select_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
-  borderRadius: src.treeSelectBorderRadius,
-  fontSize: src.treeSelectFontSize,
-  smallFontSize: src.treeSelectSmallFontSize,
-  largeFontSize: src.treeSelectLargeFontSize,
-  paddingY: src.treeSelectPaddingY,
-  smallPaddingY: src.treeSelectSmallPaddingY,
-  largePaddingY: src.treeSelectLargePaddingY,
-  paddingX: src.treeSelectPaddingX,
-  smallPaddingX: src.treeSelectSmallPaddingX,
-  largePaddingX: src.treeSelectLargePaddingX,
-  borderColor: src.treeSelectBorderColor,
-  focusBorderColor: src.treeSelectFocusBorderColor,
-  hoverBorderColor: src.treeSelectHoverBorderColor,
-  disabledBorderColor: src.treeSelectDisabledBorderColor,
-  errorBorderColor: src.treeSelectErrorBorderColor,
-  fontColor: src.treeSelectFontColor,
-  disabledFontColor: src.treeSelectDisabledFontColor,
-  backgroundColor: src.treeSelectBackgroundColor,
-  disabledBackgroundColor: src.treeSelectDisabledBackgroundColor,
-  focusShadow: src.treeSelectFocusShadow,
-  errorFocusShadow: src.treeSelectErrorFocusShadow,
+  borderRadius: src.inputBorderRadius,
+  fontSize: src.inputFontSize,
+  fontWeight: src.inputFontWeight,
+  smallFontSize: src.inputSmallFontSize,
+  largeFontSize: src.inputLargeFontSize,
+  paddingY: src.selectPaddingY,
+  smallPaddingY: src.selectSmallPaddingY,
+  largePaddingY: src.selectLargePaddingY,
+  paddingX: src.selectPaddingX,
+  smallPaddingX: src.selectSmallPaddingX,
+  largePaddingX: src.selectLargePaddingX,
+  borderColor: src.inputBorderColor,
+  borderWidth: src.inputBorderWidth,
+  focusBorderColor: src.inputFocusBorderColor,
+  hoverBorderColor: src.inputHoverBorderColor,
+  disabledBorderColor: src.inputDisabledBorderColor,
+  errorBorderColor: src.inputErrorBorderColor,
+  errorHoverBorderColor: src.inputErrorHoverBorderColor,
+  errorFocusBorderColor: src.inputErrorFocusBorderColor,
+  fontColor: src.inputFontColor,
+  disabledFontColor: src.inputDisabledFontColor,
+  backgroundColor: src.inputBackgroundColor,
+  hoverBackgroundColor: src.inputHoverBackgroundColor,
+  focusBackgroundColor: src.inputFocusBackgroundColor,
+  disabledBackgroundColor: src.inputDisabledBackgroundColor,
+  errorBackgroundColor: src.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
+  focusShadow: src.inputFocusShadow,
+  errorFocusShadow: src.inputErrorFocusShadow,
   innerTitlePaddingY: src.inputInnerPaddingY,
   innerTitlePaddingX: src.inputInnerPaddingX,
   smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
@@ -33881,14 +34159,18 @@ function castImmutable(value) {
 }
 
 ;// CONCATENATED MODULE: ../hooks/src/utils/immer.ts
+// import { produce as produce2, getSnapshot } from '@shined/reactive/vanilla';
 
+// export const produce = ((...args: any) => {
+//   return produce2.apply(null, args);
+// }) as typeof produce2;
 
-var utils_immer_produce = function produce() {
-  setAutoFreeze(false);
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  return immer_produce.apply(null, args);
+// export const current = getSnapshot;
+
+
+
+var utils_immer_produce = function produce(value, cb) {
+  return immer_produce(value, cb);
 };
 ;// CONCATENATED MODULE: ../hooks/src/utils/clone.ts
 
@@ -35984,6 +36266,8 @@ var Cascader = function Cascader(props0) {
   var props = use_with_form_config(props0);
   var jssStyle = props.jssStyle,
     style = props.style,
+    _props$adjust = props.adjust,
+    adjust = _props$adjust === void 0 ? true : _props$adjust,
     width = props.width,
     height = props.height,
     className = props.className,
@@ -36571,7 +36855,7 @@ var Cascader = function Cascader(props0) {
       }
     },
     children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
-      adjust: true,
+      adjust: adjust,
       focus: open,
       fixedWidth: false,
       absolute: absolute,
@@ -41330,7 +41614,9 @@ var DatePicker = function DatePicker(props0) {
     _props$clearable = props.clearable,
     clearable = _props$clearable === void 0 ? true : _props$clearable,
     disabled = props.disabled,
-    size = props.size;
+    size = props.size,
+    _props$adjust = props.adjust,
+    adjust = _props$adjust === void 0 ? true : _props$adjust;
   var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(-1),
     _React$useState2 = slicedToArray_default()(_React$useState, 2),
     activeIndex = _React$useState2[0],
@@ -41508,7 +41794,7 @@ var DatePicker = function DatePicker(props0) {
       focus: open,
       fixedWidth: false,
       popupGap: 4,
-      adjust: true,
+      adjust: adjust,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
         onRef: popupRef,
         className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
@@ -41814,7 +42100,7 @@ var Descriptions = function Descriptions(props) {
       className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.row,
       children: d.map(function (_d, _i) {
         return /*#__PURE__*/(0,jsx_runtime.jsx)("td", objectSpread2_default()(objectSpread2_default()({}, getColSpan(_d)), {}, {
-          className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.inlineTable,
+          className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.cell,
           children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
             className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.item,
             children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
@@ -41835,8 +42121,8 @@ var Descriptions = function Descriptions(props) {
     if (layout === 'inlineHorizontal' || layout === 'inlineVertical') return renderInline(d, i);
     return layout === 'horizontal' ? renderHorizontal(d, i) : renderVertical(d, i);
   };
-  var rootClassName = classnames_default()(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.wrapper);
-  var bodyClassName = classnames_default()(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.body, border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.border), tableLayout === 'fixed' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tableLayoutFixed), layout === 'inlineHorizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.inlineHorizontal), layout === 'horizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.horizontal), size === 'small' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.small), size === 'large' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.large));
+  var rootClassName = classnames_default()(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.wrapper, size === 'small' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.small), size === 'large' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.large));
+  var bodyClassName = classnames_default()(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.body, border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.border), tableLayout === 'fixed' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tableLayoutFixed), layout === 'inlineHorizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.inlineHorizontal), layout === 'horizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.horizontal), layout === 'vertical' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.vertical));
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: rootClassName,
     style: style,
@@ -42647,6 +42933,8 @@ var Dropdown = function Dropdown(props) {
     data = _props$data === void 0 ? [] : _props$data,
     jssStyle = props.jssStyle,
     isSub = props.isSub,
+    _props$adjust = props.adjust,
+    adjust = _props$adjust === void 0 ? true : _props$adjust,
     columns = props.columns,
     width = props.width,
     disabled = props.disabled,
@@ -42806,7 +43094,7 @@ var Dropdown = function Dropdown(props) {
       fixedWidth: 'min',
       popupGap: 4,
       popupElRef: popupRef,
-      adjust: !isSub,
+      adjust: !isSub && adjust,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
         display: columns ? 'grid' : 'block',
         className: classnames_default()(dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.list, hasChildren && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listHasChildren), columns !== undefined && columns > 1 && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.boxList), size === 'small' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listSmall), size === 'large' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listLarge)),
@@ -48589,6 +48877,8 @@ function Select(props0) {
     className = props.className,
     size = props.size,
     data = props.data,
+    _props$adjust = props.adjust,
+    adjust = _props$adjust === void 0 ? true : _props$adjust,
     treeData = props.treeData,
     header = props.header,
     footer = props.footer,
@@ -49140,7 +49430,8 @@ function Select(props0) {
       className: styles === null || styles === void 0 ? void 0 : styles.loading,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(src_spin_spin, {
         jssStyle: jssStyle,
-        size: 14
+        size: 14,
+        className: styles.loadingSpin
       })
     });
   };
@@ -49203,7 +49494,7 @@ function Select(props0) {
       }
     },
     children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
-      adjust: true,
+      adjust: adjust,
       focus: open,
       fixedWidth: autoAdapt ? 'min' : true,
       absolute: props.absolute,
@@ -50527,10 +50818,13 @@ var MenuItem = function MenuItem(props) {
   var _props$jssStyle, _props$jssStyle$menu;
   var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
   var children = props.dataItem.children || [];
+  var itemContentRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var timer = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var _props$inlineIndent = props.inlineIndent,
     inlineIndent = _props$inlineIndent === void 0 ? 24 : _props$inlineIndent,
     _props$frontCaretType = props.frontCaretType,
-    frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType;
+    frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType,
+    collapse = props.collapse;
   var config = useConfig();
   var hasExpandAbleChildren = children.some(function (item) {
     return item && item.children && (props.looseChildren || item.children.length);
@@ -50587,9 +50881,11 @@ var MenuItem = function MenuItem(props) {
         flexShrink: 0
       }
     }) : null;
+    var isFirstCollapseItem = collapse && props.level === 0;
     if (props.frontCaret) {
       return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-        className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentFront),
+        ref: itemContentRef,
+        className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentFront, isFirstCollapseItem && (classes === null || classes === void 0 ? void 0 : classes.itemContentHide)),
         onClick: handleItemClick,
         children: [indent, /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           style: {
@@ -50606,7 +50902,8 @@ var MenuItem = function MenuItem(props) {
       });
     } else {
       return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-        className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentBack),
+        ref: itemContentRef,
+        className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentBack, isFirstCollapseItem && (classes === null || classes === void 0 ? void 0 : classes.itemContentHide)),
         onClick: handleItemClick,
         children: [indent, title, expandAble && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           onClick: handleExpandClick,
@@ -50623,12 +50920,36 @@ var MenuItem = function MenuItem(props) {
       });
     }
   };
+  var renderCollapseItem = function renderCollapseItem() {
+    if (!props.renderCollapse) return null;
+    var isFirstCollapseItem = props.level === 0 && collapse;
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.collapseItem, isInPath && (classes === null || classes === void 0 ? void 0 : classes.collapseItemInPath), !isFirstCollapseItem && (classes === null || classes === void 0 ? void 0 : classes.collapseItemHide)),
+      onClick: handleItemClick,
+      children: props.renderCollapse(props.dataItem, props.index)
+    });
+  };
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!itemContentRef.current) return;
+    if (collapse === undefined) return;
+    if (timer.current) clearTimeout(timer.current);
+    itemContentRef.current.style.overflow = 'hidden';
+    itemContentRef.current.style.whiteSpace = 'nowrap';
+    timer.current = setTimeout(function () {
+      if (!itemContentRef.current) return;
+      itemContentRef.current.style.overflow = '';
+      itemContentRef.current.style.whiteSpace = '';
+    }, 300);
+    return function () {
+      if (timer.current) clearTimeout(timer.current);
+    };
+  }, [collapse]);
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
     className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.item, isDisabled && (classes === null || classes === void 0 ? void 0 : classes.itemDisabled), isInPath && (classes === null || classes === void 0 ? void 0 : classes.itemInPath), isOpen && (classes === null || classes === void 0 ? void 0 : classes.itemOpen), isChecked && (classes === null || classes === void 0 ? void 0 : classes.itemActive), expandAble && (classes === null || classes === void 0 ? void 0 : classes.itemHasChildren)),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     dir: config.direction,
-    children: [renderItem(), children.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
+    children: [renderItem(), renderCollapseItem(), children.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
       className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.children, isUp && (classes === null || classes === void 0 ? void 0 : classes.childrenUp), hasExpandAbleChildren && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand)),
       dir: config.direction,
       children: children.map(function (item, index) {
@@ -50859,9 +51180,11 @@ var Menu = function Menu(props) {
   var _props$data = props.data,
     data = _props$data === void 0 ? menu_emptyArray : _props$data,
     _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'inline' : _props$mode,
+    modeProps = _props$mode === void 0 ? 'inline' : _props$mode,
     _props$theme = props.theme,
-    theme = _props$theme === void 0 ? 'light' : _props$theme;
+    theme = _props$theme === void 0 ? 'light' : _props$theme,
+    collapse = props.collapse;
+  var mode = collapse ? 'vertical' : modeProps;
   var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
   var isVertical = mode === 'vertical' || mode === 'vertical-auto';
   var isHorizontal = mode === 'horizontal';
@@ -50869,12 +51192,16 @@ var Menu = function Menu(props) {
     _useState2 = slicedToArray_default()(_useState, 2),
     hasOpen = _useState2[0],
     setHasOpen = _useState2[1];
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
+    _useState4 = slicedToArray_default()(_useState3, 2),
+    collapseOpenKeys = _useState4[0],
+    setCollapseOpenKeys = _useState4[1];
   var _useMenu = use_menu({
       data: data,
       active: props.active,
       defaultOpenKeys: props.defaultOpenKeys,
-      openKeys: props.openKeys,
-      onOpenChange: props.onOpenChange
+      openKeys: props.collapse ? collapseOpenKeys : props.openKeys,
+      onOpenChange: props.collapse ? setCollapseOpenKeys : props.onOpenChange
     }),
     openKeys = _useMenu.openKeys,
     onOpenChange = _useMenu.onOpenChange,
@@ -50886,7 +51213,9 @@ var Menu = function Menu(props) {
     return item && item.children && (props.looseChildren || item.children.length);
   });
   var showScrollBar = isHorizontal || isVertical;
-  var listStyle = isVertical ? {
+  var style = objectSpread2_default()({}, props.style);
+  if (collapse) delete style.width;
+  var listStyle = isVertical && !collapse ? {
     width: (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.width
   } : undefined;
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
@@ -50900,10 +51229,10 @@ var Menu = function Menu(props) {
     }
   }, [data, openKeys]);
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    className: classnames_default()(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight),
+    className: classnames_default()(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight, collapse && (classes === null || classes === void 0 ? void 0 : classes.collapse)),
     style: objectSpread2_default()({
       height: props.height
-    }, props.style),
+    }, style),
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: classes === null || classes === void 0 ? void 0 : classes.scrollbox,
       ref: scrollRef,
@@ -50916,6 +51245,7 @@ var Menu = function Menu(props) {
             level: 0,
             index: index,
             parentId: "",
+            collapse: collapse,
             dataItem: item,
             keyResult: key,
             openKeys: openKeys,
@@ -50930,6 +51260,7 @@ var Menu = function Menu(props) {
             toggleDuration: props.toggleDuration,
             disabled: props.disabled,
             renderItem: props.renderItem,
+            renderCollapse: props.renderCollapse,
             keygen: props.keygen,
             jssStyle: props.jssStyle,
             linkKey: props.linkKey,
@@ -57894,6 +58225,8 @@ var TreeSelect = function TreeSelect(props0) {
   var jssStyle = props.jssStyle,
     className = props.className,
     size = props.size,
+    _props$adjust = props.adjust,
+    adjust = _props$adjust === void 0 ? true : _props$adjust,
     valueProp = props.value,
     defaultValue = props.defaultValue,
     _props$data = props.data,
@@ -58440,7 +58773,7 @@ var TreeSelect = function TreeSelect(props0) {
       }
     },
     children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
-      adjust: true,
+      adjust: adjust,
       focus: open,
       fixedWidth: "min",
       lazy: false,
@@ -62037,7 +62370,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.1.8'
+  version: '3.2.0-rc.2'
 });
 }();
 /******/ 	return __webpack_exports__;