shineout 3.7.2-beta.1 → 3.7.2-beta.3

package/dist/shineout.js

@@ -4565,6 +4565,13 @@ const figma = [
     token: 'Line-height-dynamic',
     locked: true,
   },
+  {
+    name: '最小动态行高',
+    value: 'calc( max(1em, 14px) + 8px )',
+    describe: '根据当前的字体大小 + 8px，但字体大小小于 14px 时，使用 14px 计算',
+    token: 'Line-height-dynamic-min',
+    locked: true,
+  },
   {
     name: '透明色',
     value: 'transparent',
@@ -12227,7 +12234,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.7.2-beta.1');
+/* harmony default export */ var version = ('3.7.2-beta.3');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12616,6 +12623,7 @@ var Token = {
   'Shadow-4': '0px -2px 10px rgba(232, 235, 240, 0.8)',
   'Shadow-5': 'rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px',
   'Line-height-dynamic': 'calc( 1em + 8px )',
+  'Line-height-dynamic-min': 'calc( max(1em, 14px) + 8px )',
   Transparent: 'transparent',
   'Mask-fill-1': 'rgba(2, 11, 24, 0.3)',
   Size: '2',
@@ -13528,6 +13536,7 @@ var collapseTokens = {
 ;// CONCATENATED MODULE: ../theme/src/common/common.ts
 var common = {
   lineHeightDynamic: 'Line-height-dynamic',
+  lineHeightDynamicMin: 'Line-height-dynamic-min',
   defaultBorder: 'Border-1',
   iconCirclePadding: 'Padding-4',
   transparent: 'transparent'
@@ -14343,17 +14352,23 @@ var selectTokens = {
   selectIconMarginLeft: 'Spacing-8',
   selectTagMarginY: 'Spacing-2',
   selectTagMarginRight: 'Spacing-4',
+  selectTagHeight: 'Line-height-dynamic',
+  selectTagLineHeight: 'Line-height-dynamic',
   selectSmallFontSize: 'Font-12',
   selectSmallPaddingX: 'Spacing-8',
   selectSmallPaddingY: 'Spacing-1',
   selectSmallOptionInnerPaddingX: 'Spacing-8',
   selectSmallOptionInnerPaddingY: 'Spacing-2',
+  selectSmallTagHeight: 'Size-9',
+  selectSmallTagLineHeight: 'Size-8',
   selectLargeFontSize: 'Font-16',
   selectLargePaddingX: 'Spacing-12',
   selectLargePaddingY: 'Spacing-3',
   selectLargeOptionInnerPaddingX: 'Spacing-12',
   selectLargeOptionInnerPaddingY: 'Spacing-8',
   selectLargePlaceholderMarginY: 'Spacing-4',
+  selectLargeTagHeight: 'Line-height-dynamic',
+  selectLargeTagLineHeight: 'Line-height-dynamic',
   selectInnerPaddingX: 'Spacing-8',
   selectInnerPaddingY: 'Spacing-5',
   selectPlaceholderColor: 'Neutral-text-2',
@@ -15352,7 +15367,8 @@ var treeSelectTokens = {
 // This file was generated automatically by a script. Please do not modify it directly.
 
 var uploadTokens = {
-  uploadResultPaddingX: 'Spacing-12',
+  uploadResultPaddingX1: 'Spacing-12',
+  uploadResultPaddingX2: 'Spacing-8',
   uploadResultPaddingY: 'Spacing-5',
   uploadResultBackgroundColor: 'Neutral-fill-2',
   uploadResultGap: 'Spacing-4',
@@ -17243,6 +17259,7 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
 
 
 
+
 var inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
   borderRadius: src.inputBorderRadius,
@@ -17286,6 +17303,12 @@ var inputBorder = input_border('wrapper', inputBorderToken);
 var wrapper = inputBorder.wrapper,
   wrapperDisabled = inputBorder.wrapperDisabled,
   resetWrapper = objectWithoutProperties_default()(inputBorder, ["wrapper", "wrapperDisabled"]);
+var selectTagHeightCssvar = "--select-tag-height";
+var selectSmallTagHeightCssvar = "--select-small-tag-height";
+var selectLargeTagHeightCssvar = "--select-large-tag-height";
+var selectTagHeight = "var(".concat(selectTagHeightCssvar, ")");
+var selectSmallTagHeight = "var(".concat(selectSmallTagHeightCssvar, ")");
+var selectLargeTagHeight = "var(".concat(selectLargeTagHeightCssvar, ")");
 var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {},
   wrapperEmpty: {},
@@ -17295,95 +17318,99 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     width: '100%',
     outline: 'none',
     cursor: 'pointer'
-  }, wrapper), {}, {
-    '&$wrapperInnerTitle': {
-      '& $placeholder,$ellipsis,$space,input': {
-        marginTop: 0,
-        marginBottom: 0
-      },
-      '& $tag': {
-        marginTop: 0,
-        paddingTop: 0,
-        paddingBottom: 0,
-        height: src.lineHeightDynamic,
-        border: 'none',
-        '&  *': {
-          lineHeight: src.lineHeightDynamic
-        }
-      },
-      '&$wrapperSmall $tag': {
-        height: 18,
-        marginBottom: 2,
-        '&$tag  *': {
-          lineHeight: '18px'
-        }
+  }, wrapper), {}, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, selectTagHeightCssvar, src.selectTagHeight), selectSmallTagHeightCssvar, src.selectSmallTagHeight), selectLargeTagHeightCssvar, src.selectLargeTagHeight), '&$wrapperInnerTitle', {
+    '& $placeholder,$ellipsis,$space,input': {
+      marginTop: 0,
+      marginBottom: 0
+    },
+    '& $tag': {
+      marginTop: 0,
+      paddingTop: 0,
+      paddingBottom: 0,
+      height: selectTagHeight,
+      border: 'none',
+      '&  *': {
+        lineHeight: selectTagHeight
       }
     },
-    '&$wrapperSmall': {
-      '& $tag': {
-        height: 18,
-        lineHeight: '16px',
-        marginTop: 1,
-        marginBottom: 1
-      },
-      '& $placeholder,$ellipsis,$space,input': {
-        marginTop: 0,
-        marginBottom: 0
-      },
-      '& $optionInner': {
-        paddingTop: src.cascaderSmallOptionInnerPaddingY,
-        paddingBottom: src.cascaderSmallOptionInnerPaddingY,
-        paddingLeft: src.cascaderSmallOptionInnerPaddingX,
-        // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
-        fontSize: src.cascaderSmallFontSize
-      },
-      '& $clearIcon': {
-        right: src.cascaderSmallPaddingX
+    '&$wrapperSmall $tag': {
+      height: selectSmallTagHeight,
+      marginBottom: 2,
+      '&$tag  *': {
+        lineHeight: selectSmallTagHeight
       }
     },
-    '&$wrapperLarge': {
-      '& $placeholder,$ellipsis,$space,input': {
-        marginTop: src.cascaderLargePlaceholderMarginY,
-        marginBottom: src.cascaderLargePlaceholderMarginY
-      },
-      '& $arrowIcon': {
-        width: src.cascaderLargeFontSize
-      },
-      '& $optionInner': {
-        // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
-        paddingTop: src.cascaderLargeOptionInnerPaddingY,
-        paddingBottom: src.cascaderLargeOptionInnerPaddingY,
-        paddingLeft: src.cascaderLargeOptionInnerPaddingX,
-        fontSize: src.cascaderLargeFontSize
-      },
-      '& $clearIcon': {
-        right: src.cascaderLargePaddingX
+    '&$wrapperLarge $tag': {
+      height: selectLargeTagHeight,
+      marginBottom: 2,
+      '&$tag  *': {
+        lineHeight: selectLargeTagHeight
       }
+    }
+  }), '&$wrapperSmall', {
+    '& $tag': {
+      height: selectSmallTagHeight,
+      lineHeight: '16px',
+      marginTop: 1,
+      marginBottom: 1
     },
-    // hover
-    '&:hover': objectSpread2_default()(objectSpread2_default()({}, wrapper['&:hover']), {}, {
-      '& $clearIcon': {
-        display: 'inline-block'
-      },
-      '&$clearable:not($wrapperEmpty)': {
-        '& :not($compressedIcon)$arrowIcon': {
-          display: 'none'
-        },
-        '& $compressedIcon': {
-          display: 'none'
-        }
+    '& $placeholder,$ellipsis,$space,input': {
+      marginTop: 0,
+      marginBottom: 0
+    },
+    '& $optionInner': {
+      paddingTop: src.cascaderSmallOptionInnerPaddingY,
+      paddingBottom: src.cascaderSmallOptionInnerPaddingY,
+      paddingLeft: src.cascaderSmallOptionInnerPaddingX,
+      // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
+      fontSize: src.cascaderSmallFontSize
+    },
+    '& $clearIcon': {
+      right: src.cascaderSmallPaddingX
+    }
+  }), '&$wrapperLarge', {
+    '& $tag': {
+      height: selectLargeTagHeight,
+      '&  *': {
+        lineHeight: selectLargeTagHeight
       }
-    }),
-    '&:has($pickerWrapperShow)': {
-      borderColor: src.cascaderFocusBorderColor
     },
-    // not wrapperFocus
-    '&:not($wrapperFocus)': {
-      '& $clearIcon': {
+    '& $placeholder,$ellipsis,$space,input': {
+      marginTop: src.cascaderLargePlaceholderMarginY,
+      marginBottom: src.cascaderLargePlaceholderMarginY
+    },
+    '& $arrowIcon': {
+      width: src.cascaderLargeFontSize
+    },
+    '& $optionInner': {
+      // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
+      paddingTop: src.cascaderLargeOptionInnerPaddingY,
+      paddingBottom: src.cascaderLargeOptionInnerPaddingY,
+      paddingLeft: src.cascaderLargeOptionInnerPaddingX,
+      fontSize: src.cascaderLargeFontSize
+    },
+    '& $clearIcon': {
+      right: src.cascaderLargePaddingX
+    }
+  }), '&:hover', objectSpread2_default()(objectSpread2_default()({}, wrapper['&:hover']), {}, {
+    '& $clearIcon': {
+      display: 'inline-block'
+    },
+    '&$clearable:not($wrapperEmpty)': {
+      '& :not($compressedIcon)$arrowIcon': {
+        display: 'none'
+      },
+      '& $compressedIcon': {
         display: 'none'
       }
     }
-  }),
+  })), '&:has($pickerWrapperShow)', {
+    borderColor: src.cascaderFocusBorderColor
+  }), '&:not($wrapperFocus)', {
+    '& $clearIcon': {
+      display: 'none'
+    }
+  })),
   virtual: {
     '& $filterList': {
       overflow: 'hidden'
@@ -23097,6 +23124,7 @@ var useRateStyle = styled(rate_rate, 'rate');
 
 
 
+
 var select_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
   borderRadius: src.inputBorderRadius,
@@ -23140,6 +23168,12 @@ var select_inputBorder = input_border('wrapper', select_inputBorderToken);
 var select_wrapper = select_inputBorder.wrapper,
   select_wrapperDisabled = select_inputBorder.wrapperDisabled,
   select_resetWrapper = objectWithoutProperties_default()(select_inputBorder, ["wrapper", "wrapperDisabled"]);
+var select_selectTagHeightCssvar = "--select-tag-height";
+var select_selectSmallTagHeightCssvar = "--select-small-tag-height";
+var select_selectLargeTagHeightCssvar = "--select-large-tag-height";
+var select_selectTagHeight = "var(".concat(select_selectTagHeightCssvar, ")");
+var select_selectSmallTagHeight = "var(".concat(select_selectSmallTagHeightCssvar, ")");
+var select_selectLargeTagHeight = "var(".concat(select_selectLargeTagHeightCssvar, ")");
 var selectStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {},
   wrapper: objectSpread2_default()(objectSpread2_default()({
@@ -23148,68 +23182,75 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     width: '100%',
     outline: 'none',
     cursor: 'pointer'
-  }, select_wrapper), {}, {
-    '&$wrapperInnerTitle': {
-      '& $placeholder,$ellipsis,$space,input': {
-        marginTop: 0,
-        marginBottom: 0
-      },
-      '& $tag': {
-        marginTop: 0,
-        paddingTop: 0,
-        paddingBottom: 0,
-        height: src.lineHeightDynamic,
-        border: 'none',
-        '&  *': {
-          lineHeight: src.lineHeightDynamic
-        }
-      },
-      '&$wrapperSmall $tag': {
-        height: 18,
-        marginBottom: 2,
-        '&$tag  *': {
-          lineHeight: '18px'
-        }
+  }, select_wrapper), {}, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, select_selectTagHeightCssvar, src.selectTagHeight), select_selectSmallTagHeightCssvar, src.selectSmallTagHeight), select_selectLargeTagHeightCssvar, src.selectLargeTagHeight), '&$wrapperInnerTitle', {
+    '& $placeholder,$ellipsis,$space,input': {
+      marginTop: 0,
+      marginBottom: 0
+    },
+    '& $tag': {
+      marginTop: 0,
+      paddingTop: 0,
+      paddingBottom: 0,
+      height: select_selectTagHeight,
+      border: 'none',
+      '&  *': {
+        lineHeight: select_selectTagHeight
       }
     },
-    '&$wrapperSmall': {
-      '& $tag': {
-        height: 18,
-        lineHeight: '16px',
-        marginTop: 1,
-        marginBottom: 1
-      },
-      '& $placeholder,$ellipsis,$space,input': {
-        marginTop: 0,
-        marginBottom: 0
+    '&$wrapperSmall $tag': {
+      height: select_selectSmallTagHeight,
+      marginBottom: 2,
+      '&$tag  *': {
+        lineHeight: select_selectSmallTagHeight
       }
     },
-    '&$wrapperLarge': {
-      '& $placeholder,$ellipsis,$space,input': {
-        marginTop: src.selectLargePlaceholderMarginY,
-        marginBottom: src.selectLargePlaceholderMarginY
-      },
-      '& $arrowIcon': {
-        width: src.selectLargeFontSize
+    '&$wrapperLarge $tag': {
+      height: select_selectLargeTagHeight,
+      marginBottom: 2,
+      '&$tag  *': {
+        lineHeight: select_selectLargeTagHeight
       }
+    }
+  }), '&$wrapperSmall', {
+    '& $tag': {
+      height: select_selectSmallTagHeight,
+      lineHeight: '16px',
+      marginTop: 1,
+      marginBottom: 1
     },
-    '&:hover': objectSpread2_default()(objectSpread2_default()({}, select_wrapper['&:hover']), {}, {
-      cursor: 'pointer',
-      '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
-        '& $clearIcon': {
-          display: 'block'
-        },
-        '& $arrowIcon': {
-          display: 'none'
-        }
+    '& $placeholder,$ellipsis,$space,input': {
+      marginTop: 0,
+      marginBottom: 0
+    }
+  }), '&$wrapperLarge', {
+    '& $tag': {
+      height: select_selectLargeTagHeight,
+      '&  *': {
+        lineHeight: select_selectLargeTagHeight
       }
-    }),
-    '&:not($wrapperEmpty):not($wrapperOpen)': {
+    },
+    '& $placeholder,$ellipsis,$space,input': {
+      marginTop: src.selectLargePlaceholderMarginY,
+      marginBottom: src.selectLargePlaceholderMarginY
+    },
+    '& $arrowIcon': {
+      width: src.selectLargeFontSize
+    }
+  }), '&:hover', objectSpread2_default()(objectSpread2_default()({}, select_wrapper['&:hover']), {}, {
+    cursor: 'pointer',
+    '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
       '& $clearIcon': {
+        display: 'block'
+      },
+      '& $arrowIcon': {
         display: 'none'
       }
     }
-  }),
+  })), '&:not($wrapperEmpty):not($wrapperOpen)', {
+    '& $clearIcon': {
+      display: 'none'
+    }
+  })),
   wrapperEmpty: {},
   wrapperOpen: {},
   wrapperDisabled: objectSpread2_default()(objectSpread2_default()({}, select_wrapperDisabled), {}, {
@@ -27493,7 +27534,8 @@ var TagStyle = {
     alignItems: 'center',
     display: 'inline-flex',
     cursor: 'pointer',
-    height: src.lineHeightDynamic
+    height: src.lineHeightDynamic,
+    maxHeight: '100%'
   },
   closeIconWrapper: {
     display: 'inline-flex',
@@ -28661,6 +28703,12 @@ var tree_select_inputBorder = input_border('wrapper', tree_select_inputBorderTok
 var tree_select_wrapper = tree_select_inputBorder.wrapper,
   tree_select_wrapperDisabled = tree_select_inputBorder.wrapperDisabled,
   tree_select_resetWrapper = objectWithoutProperties_default()(tree_select_inputBorder, ["wrapper", "wrapperDisabled"]);
+var tree_select_selectTagHeightCssvar = "--select-tag-height";
+var tree_select_selectSmallTagHeightCssvar = "--select-small-tag-height";
+var tree_select_selectLargeTagHeightCssvar = "--select-large-tag-height";
+var tree_select_selectTagHeight = "var(".concat(tree_select_selectTagHeightCssvar, ")");
+var tree_select_selectSmallTagHeight = "var(".concat(tree_select_selectSmallTagHeightCssvar, ")");
+var tree_select_selectLargeTagHeight = "var(".concat(tree_select_selectLargeTagHeightCssvar, ")");
 var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {},
   wrapper: objectSpread2_default()(objectSpread2_default()({
@@ -28669,88 +28717,95 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     width: '100%',
     outline: 'none',
     cursor: 'pointer'
-  }, tree_select_wrapper), {}, {
-    '&$wrapperInnerTitle': {
-      '& $placeholder,$ellipsis,$space,input': {
-        marginTop: 0,
-        marginBottom: 0
-      },
-      '& $tag': {
-        marginTop: 0,
-        paddingTop: 0,
-        paddingBottom: 0,
-        height: src.lineHeightDynamic,
-        border: 'none',
-        '&  *': {
-          lineHeight: src.lineHeightDynamic
-        }
-      },
-      '&$wrapperSmall $tag': {
-        height: 18,
-        marginBottom: 2,
-        '&$tag  *': {
-          lineHeight: '18px'
-        }
+  }, tree_select_wrapper), {}, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, tree_select_selectTagHeightCssvar, src.selectTagHeight), tree_select_selectSmallTagHeightCssvar, src.selectSmallTagHeight), tree_select_selectLargeTagHeightCssvar, src.selectLargeTagHeight), '&$wrapperInnerTitle', {
+    '& $placeholder,$ellipsis,$space,input': {
+      marginTop: 0,
+      marginBottom: 0
+    },
+    '& $tag': {
+      marginTop: 0,
+      paddingTop: 0,
+      paddingBottom: 0,
+      height: tree_select_selectTagHeight,
+      border: 'none',
+      '&  *': {
+        lineHeight: tree_select_selectTagHeight
       }
     },
-    '&$wrapperSmall': {
-      '& $tag': {
-        height: 18,
-        lineHeight: '16px',
-        marginTop: 1,
-        marginBottom: 1
-      },
-      '& $placeholder,$ellipsis,$space,input': {
-        marginTop: 0,
-        marginBottom: 0
-      },
-      '& $optionInner': {
-        paddingTop: src.treeSelectSmallOptionInnerPaddingY,
-        paddingBottom: src.treeSelectSmallOptionInnerPaddingY,
-        paddingLeft: src.treeSelectSmallOptionInnerPaddingX,
-        // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
-        fontSize: src.treeSelectSmallFontSize
-      },
-      '& $clearIcon': {
-        right: src.treeSelectSmallPaddingX
+    '&$wrapperSmall $tag': {
+      height: tree_select_selectSmallTagHeight,
+      marginBottom: 2,
+      '&$tag  *': {
+        lineHeight: tree_select_selectSmallTagHeight
       }
     },
-    '&$wrapperLarge': {
-      '& $placeholder,$ellipsis,$space,input': {
-        marginTop: src.treeSelectLargePlaceholderMarginY,
-        marginBottom: src.treeSelectLargePlaceholderMarginY
-      },
-      '& $optionInner': {
-        // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
-        paddingTop: src.treeSelectLargeOptionInnerPaddingY,
-        paddingBottom: src.treeSelectLargeOptionInnerPaddingY,
-        paddingLeft: src.treeSelectLargeOptionInnerPaddingX,
-        fontSize: src.treeSelectLargeFontSize
-      },
-      '& $arrowIcon': {
-        width: src.treeSelectLargeFontSize
-      },
-      '& $clearIcon': {
-        right: src.treeSelectLargePaddingX
+    '&$wrapperLarge $tag': {
+      height: tree_select_selectLargeTagHeight,
+      marginBottom: 2,
+      '&$tag  *': {
+        lineHeight: tree_select_selectLargeTagHeight
       }
+    }
+  }), '&$wrapperSmall', {
+    '& $tag': {
+      height: tree_select_selectSmallTagHeight,
+      lineHeight: '16px',
+      marginTop: 1,
+      marginBottom: 1
     },
-    '&:hover': {
-      cursor: 'pointer',
-      '&$clearable:not($wrapperEmpty)': {
-        '& $clearIcon': {
-          display: 'block'
-        },
-        '& $arrowIcon': {
-          display: 'none'
-        }
+    '& $placeholder,$ellipsis,$space,input': {
+      marginTop: 0,
+      marginBottom: 0
+    },
+    '& $optionInner': {
+      paddingTop: src.treeSelectSmallOptionInnerPaddingY,
+      paddingBottom: src.treeSelectSmallOptionInnerPaddingY,
+      paddingLeft: src.treeSelectSmallOptionInnerPaddingX,
+      // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
+      fontSize: src.treeSelectSmallFontSize
+    },
+    '& $clearIcon': {
+      right: src.treeSelectSmallPaddingX
+    }
+  }), '&$wrapperLarge', {
+    '& $tag': {
+      height: tree_select_selectLargeTagHeight,
+      '&  *': {
+        lineHeight: tree_select_selectLargeTagHeight
       }
     },
-    '&:not($wrapperEmpty):not($wrapperOpen)': {
+    '& $placeholder,$ellipsis,$space,input': {
+      marginTop: src.treeSelectLargePlaceholderMarginY,
+      marginBottom: src.treeSelectLargePlaceholderMarginY
+    },
+    '& $optionInner': {
+      // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
+      paddingTop: src.treeSelectLargeOptionInnerPaddingY,
+      paddingBottom: src.treeSelectLargeOptionInnerPaddingY,
+      paddingLeft: src.treeSelectLargeOptionInnerPaddingX,
+      fontSize: src.treeSelectLargeFontSize
+    },
+    '& $arrowIcon': {
+      width: src.treeSelectLargeFontSize
+    },
+    '& $clearIcon': {
+      right: src.treeSelectLargePaddingX
+    }
+  }), '&:hover', {
+    cursor: 'pointer',
+    '&$clearable:not($wrapperEmpty)': {
       '& $clearIcon': {
+        display: 'block'
+      },
+      '& $arrowIcon': {
         display: 'none'
       }
     }
-  }),
+  }), '&:not($wrapperEmpty):not($wrapperOpen)', {
+    '& $clearIcon': {
+      display: 'none'
+    }
+  })),
   treeWrapper: defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, getTokenName('treeFontColor'), src.treeSelectOptionFontColor), getTokenName('treeContentHoverFontColor'), src.treeSelectContentHoverFontColor), getTokenName('treeContentHoverBackgroundColor'), src.treeSelectContentHoverBackgroundColor), getTokenName('treeContentActiveBackgroundColor'), src.treeSelectContentActiveBackgroundColor), getTokenName('treeContentActiveFontColor'), src.treeSelectContentActiveFontColor), getTokenName('treeContentDisabledFontColor'), src.treeSelectContentDisabledFontColor), getTokenName('treeContentDisabledBackgroundColor'), src.treeSelectContentDisabledBackgroundColor),
   wrapperEmpty: {},
   wrapperOpen: {},
@@ -29086,6 +29141,9 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
       color: src.treeSelectOptionDisabledColor,
       backgroundColor: src.treeSelectOptionDisabledBackgroundColor
     },
+    '&&:not([data-active="true"]) > [data-role="text"]': {
+      backgroundColor: src.treeSelectContentDisabledBackgroundColor
+    },
     '&&:not([data-active="true"]) > [data-role="text"]:hover': {
       backgroundColor: src.treeSelectContentDisabledHoverBackgroundColor
     }
@@ -29249,7 +29307,7 @@ var uploadStyle = {
     display: 'flex',
     gap: '8px',
     borderRadius: src.uploadResultBorderRadius,
-    padding: "".concat(src.uploadResultPaddingY, " ").concat(src.uploadResultPaddingX),
+    padding: "".concat(src.uploadResultPaddingY, " ").concat(src.uploadResultPaddingX2, " ").concat(src.uploadResultPaddingY, " ").concat(src.uploadResultPaddingX1),
     '&:hover': {
       backgroundColor: src.uploadResultBackgroundColor
     },
@@ -29281,11 +29339,6 @@ var uploadStyle = {
   resultSuccess: {},
   resultUploading: {},
   resultDeleted: {},
-  resultStatusIcon: {
-    '$resultSuccess &': {
-      color: src.uploadResultSuccessIconColor
-    }
-  },
   resultTextFooter: {
     display: 'flex',
     gap: src.uploadResultGap,
@@ -29299,7 +29352,7 @@ var uploadStyle = {
     gap: src.uploadResultGap,
     fontSize: src.uploadResultFontSize,
     color: src.uploadResultFontColor,
-    lineHeight: src.lineHeightDynamic,
+    lineHeight: src.lineHeightDynamicMin,
     '$resultError &': {
       color: src.uploadResultErrorFontColor
     },
@@ -29314,12 +29367,27 @@ var uploadStyle = {
   },
   resultClose: {
     cursor: 'pointer',
-    '&$icon': {
-      boxSizing: 'content-box',
-      padding: '0 4px',
-      height: src.lineHeightDynamic
+    boxSizing: 'content-box',
+    padding: '0 4px',
+    height: src.lineHeightDynamic,
+    '&$icon:not($resultErrorClose)': {
+      display: 'none',
+      '$result:hover &': {
+        display: 'flex'
+      }
+    }
+  },
+  resultErrorClose: {
+    color: src.uploadResultErrorFontColor,
+    '&$iconHover:hover': {
+      color: src.uploadResultErrorFontColor
     }
   },
+  resultProgressText: {
+    width: '2em',
+    textAlign: 'right',
+    whiteSpace: 'nowrap'
+  },
   imageHandler: {
     boxSizing: 'border-box',
     display: 'inline-flex',
@@ -48188,7 +48256,11 @@ var Modal = function Modal(props) {
       isMask: false,
       mouseDownTarget: null,
       mouseUpTarget: null,
-      content: null
+      content: null,
+      originDocumentStyle: {
+        overflow: '',
+        paddingRight: ''
+      }
     }),
     context = _useRef.current;
   var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.visible || props.autoShow),
@@ -48288,18 +48360,33 @@ var Modal = function Modal(props) {
       setAnimation(true);
     }
   }, [props.visible]);
+
+  // 设置 document.body.style.overflow 和 document.body.style.paddingRight，并记录原始值到 context 中
+  var setDocumentOverflow = usePersistFn(function () {
+    var doc = document.body.parentNode;
+    if (context.isMask) {
+      context.originDocumentStyle.overflow = doc.style.overflow;
+      context.originDocumentStyle.paddingRight = doc.style.paddingRight;
+    }
+    doc.style.overflow = 'hidden';
+    if (!doc.style.paddingRight) {
+      doc.style.paddingRight = "".concat(window.innerWidth - docSize.width, "px");
+    }
+  });
+
+  // 还原 document.body.style.overflow 和 document.body.style.paddingRight
+  var resetDocumentOverflow = usePersistFn(function () {
+    var doc = document.body.parentNode;
+    doc.style.overflow = context.originDocumentStyle.overflow;
+    doc.style.paddingRight = context.originDocumentStyle.paddingRight;
+  });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (!props.hideMask) {
-      var doc = document.body.parentNode;
       if (visible) {
-        doc.style.overflow = 'hidden';
-        if (!doc.style.paddingRight) {
-          doc.style.paddingRight = "".concat(window.innerWidth - docSize.width, "px");
-        }
+        setDocumentOverflow();
       } else {
         if (!context.isMask) return;
-        doc.style.paddingRight = '';
-        doc.style.overflow = '';
+        resetDocumentOverflow();
       }
     }
   }, [visible]);
@@ -48313,20 +48400,15 @@ var Modal = function Modal(props) {
     // unmount
     return function () {
       var _props$shouldDestroy2;
+      if (context.isMask) {
+        resetDocumentOverflow();
+      }
+      ;
       (_props$shouldDestroy2 = props.shouldDestroy) === null || _props$shouldDestroy2 === void 0 || _props$shouldDestroy2.call(props, true);
-      // if (props.autoShow) {
-      //   props.onClose?.();
-      // }
       if (context.isMask) {
         context.isMask = false;
         hasMask = false;
       }
-      {
-        if (!context.isMask) return;
-        var doc = document.body.parentNode;
-        doc.style.paddingRight = '';
-        doc.style.overflow = '';
-      }
     };
   }, []);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
@@ -68368,22 +68450,15 @@ var upload_result_Result = function Result(props) {
           children: [name, message && /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
             children: ["(", message, ") "]
           })]
-        }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultTextFooter,
-          children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-            className: classnames_default()(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultStatusIcon),
-            children: [status === 1 && /*#__PURE__*/(0,jsx_runtime.jsx)(src_spin_spin, {
-              jssStyle: props.jssStyle,
-              size: 10,
-              name: 'ring',
-              ignoreConfig: true
-            }), status === 2 && icons_config.upload.Success, status === 3 && icons_config.upload.Warning]
-          }), status === 1 && props.process !== -1 && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          children: status === 1 && props.process !== -1 && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+            className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultProgressText,
             children: [Math.min(99, Math.floor(props.process || 0)), "%"]
-          })]
+          })
         })]
       }), props.removeAble && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-        className: classnames_default()(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultClose, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.iconHover),
+        className: classnames_default()(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultClose, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.iconHover, status === 3 && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultErrorClose)),
         onClick: confirmProps ? undefined : props.onRemove,
         children: [confirmProps && /*#__PURE__*/(0,jsx_runtime.jsx)(popover_confirm, objectSpread2_default()(objectSpread2_default()({
           position: "top"
@@ -71354,7 +71429,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.2-beta.1'
+  version: '3.7.2-beta.3'
 });
 }();
 /******/ 	return __webpack_exports__;