shineout 3.8.0-beta.2 → 3.8.0-beta.4

package/dist/shineout.js

@@ -6487,7 +6487,7 @@ __webpack_require__.d(__webpack_exports__, {
   setToken: function() { return /* reexport */ token_setter; },
   style: function() { return /* reexport */ deprecated_style; },
   useToken: function() { return /* reexport */ use_token; },
-  utls: function() { return /* reexport */ src_utils_namespaceObject; }
+  utils: function() { return /* reexport */ src_utils_namespaceObject; }
 });
 
 // NAMESPACE OBJECT: ./src/utils/func.ts
@@ -12234,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.8.0-beta.2');
+/* harmony default export */ var version = ('3.8.0-beta.4');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -14352,19 +14352,26 @@ 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',
+  selectInnerTitleMarginY: 'Spacing-2',
   selectPlaceholderColor: 'Neutral-text-2',
   selectPlaceholderMarginY: 'Spacing-2',
   selectBackgroundColor: 'Neutral-fill-1',
@@ -17253,6 +17260,7 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
 
 
 
+
 var inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
   borderRadius: src.inputBorderRadius,
@@ -17296,6 +17304,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: {},
@@ -17305,95 +17319,100 @@ 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,
+      marginBottom: src.selectInnerTitleMarginY,
+      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'
@@ -23404,6 +23423,7 @@ var useRateStyle = styled(rate_rate, 'rate');
 
 
 
+
 var select_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
   borderRadius: src.inputBorderRadius,
@@ -23447,6 +23467,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()({
@@ -23455,68 +23481,76 @@ 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,
+      marginBottom: src.selectInnerTitleMarginY,
+      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), {}, {
@@ -27800,7 +27834,8 @@ var TagStyle = {
     alignItems: 'center',
     display: 'inline-flex',
     cursor: 'pointer',
-    height: src.lineHeightDynamic
+    height: src.lineHeightDynamic,
+    maxHeight: '100%'
   },
   closeIconWrapper: {
     display: 'inline-flex',
@@ -28687,6 +28722,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()({
@@ -28695,88 +28736,96 @@ 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,
+      marginBottom: src.selectInnerTitleMarginY,
+      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: {},
@@ -29112,6 +29161,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
     }
@@ -29250,7 +29302,11 @@ var uploadStyle = {
       border: "1px dashed ".concat(src.uploadImageHandlerBorderColor),
       backgroundColor: src.uploadImageHandlerBackgroundColor,
       color: src.uploadImageHandlerFontColor,
-      '&:hover, &:hover *': {
+      '&:hover, &:hover': {
+        borderColor: src.uploadImageHandlerHoverBorderColor,
+        color: src.uploadImageHandlerHoverFontColor
+      },
+      '&:hover, &:hover svg': {
         borderColor: src.uploadImageHandlerHoverBorderColor,
         color: src.uploadImageHandlerHoverFontColor
       },
@@ -29371,7 +29427,7 @@ var uploadStyle = {
       borderColor: src.uploadImageHandlerHoverBorderColor,
       color: src.uploadImageHandlerHoverFontColor
     },
-    '$wrapper:not($wrapperDisabled) &:hover *': {
+    '$wrapper:not($wrapperDisabled) &:hover svg': {
       color: "".concat(src.uploadImageHandlerHoverFontColor, " !important")
     },
     '$wrapper:not($wrapperDisabled) &:active, $wrapper:not($wrapperDisabled) &:active *': {
@@ -33207,6 +33263,103 @@ function toNum(v) {
   }
   return 0;
 }
+
+/**
+ * 在字符串层面实现四舍五入
+ * @param {string} numStr 数字字符串
+ * @param {number} precision 精度
+ * @returns {string} 四舍五入后的字符串
+ */
+function roundString(numStr, precision) {
+  if (precision < 0) return numStr;
+  var parts = numStr.split('.');
+  var intPart = parts[0];
+  var decimalPart = parts[1] || '';
+  if (decimalPart.length <= precision) {
+    return intPart + (decimalPart ? ".".concat(decimalPart.padEnd(precision, '0')) : '');
+  }
+
+  // 需要进行四舍五入
+  var roundPos = precision;
+  var carry = 0;
+
+  // 确定是否需要进位
+  if (parseInt(decimalPart[roundPos], 10) >= 5) carry = 1;
+
+  // 如果不需要进位，直接截断
+  if (carry === 0) {
+    return intPart + (precision > 0 ? ".".concat(decimalPart.slice(0, precision)) : '');
+  }
+
+  // 处理进位
+  var digits = (intPart + (decimalPart ? ".".concat(decimalPart) : '')).replace('.', '').split('');
+  var dotPos = intPart.length;
+
+  // 从小数位开始向前进位
+  var i = dotPos + precision - 1;
+  while (carry > 0 && i >= 0) {
+    // 跳过小数点
+    if (i === dotPos - 1) {
+      i -= 1;
+      continue;
+    }
+    var d = parseInt(digits[i], 10) + carry;
+    digits[i] = (d % 10).toString();
+    carry = Math.floor(d / 10);
+    i -= 1;
+  }
+
+  // 处理最高位进位
+  var result = '';
+  if (carry > 0) result = '1';
+
+  // 重建数字字符串
+  for (var j = 0; j < digits.length; j++) {
+    // 插入小数点
+    if (j === dotPos && precision > 0) result += '.';
+    // 只添加到所需精度
+    if (j < dotPos || j < dotPos + precision) {
+      result += digits[j];
+    }
+  }
+  return result;
+}
+
+/**
+ * 格式化数字字符串到指定小数位
+ * @param {string} value 数字字符串
+ * @param {number} precision 小数位数
+ * @returns {string} 格式化后的字符串
+ * @example
+ * console.log(preciseString('111111111111111.888', 2)) // "111111111111111.89"
+ * console.log(preciseString('9.999', 2)) // "10.00"
+ */
+var preciseString = function preciseString(value) {
+  var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
+  // 如果不是数字字符串，则返回原值
+  if (!/^-?\d+(\.\d+)?$/.test(value)) {
+    return value;
+  }
+
+  // 如果不需要格式化精度，直接返回
+  if (precision < 0) return value;
+
+  // 分离整数和小数部分
+  var parts = value.split('.');
+  var intPart = parts[0];
+  var decimalPart = parts[1] || '';
+
+  // 截断或补零
+  if (decimalPart.length > precision) {
+    // 需要四舍五入
+    if (precision < decimalPart.length && parseInt(decimalPart[precision], 10) >= 5) {
+      // 手动实现字符串层面的四舍五入
+      return roundString("".concat(intPart, ".").concat(decimalPart), precision);
+    }
+    return intPart + (precision > 0 ? ".".concat(decimalPart.slice(0, precision)) : '');
+  }
+  return intPart + (precision > 0 ? ".".concat(decimalPart.padEnd(precision, '0')) : '');
+};
 ;// CONCATENATED MODULE: ../base/src/spin/base.tsx
 
 
@@ -35749,6 +35902,7 @@ Input.displayName = 'SimpleInput';
 
 
 
+
 function regLength(size) {
   return /\d+/.test(String(size)) && size > 0 ? "{0,".concat(size, "}") : '*';
 }
@@ -35832,7 +35986,7 @@ var useInputFormat = function useInputFormat(props) {
       if (numType === 'positive' && Number(value) <= 0) value = '';
       if (digits !== undefined && autoFix) {
         if (digits > 0) {
-          value = parseFloat(value).toFixed(digits);
+          value = preciseString(value, digits);
         } else if (digits === 0) {
           value = parseInt(value, 10).toString();
         }
@@ -39891,9 +40045,7 @@ var CascaderNode = function CascaderNode(props) {
     shouldFinal = props.shouldFinal,
     onChange = props.onChange,
     onPathChange = props.onPathChange,
-    mode = props.mode,
-    activeLeaf = props.activeLeaf,
-    setActiveLeaf = props.setActiveLeaf;
+    mode = props.mode;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
     _useState2 = slicedToArray_default()(_useState, 2),
     loading = _useState2[0],
@@ -39906,7 +40058,7 @@ var CascaderNode = function CascaderNode(props) {
   var uncertainChildren = loader && !loading && children === undefined;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
   var commonStyles = jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle);
-  var rootClass = classnames_default()(styles.option, (active || activeLeaf === id) && styles.activeOption, isDisabled && mode !== 4 && styles.optionDisabled);
+  var rootClass = classnames_default()(styles.option, active && styles.activeOption, isDisabled && mode !== 4 && styles.optionDisabled);
   var handlePathChange = function handlePathChange() {
     onPathChange === null || onPathChange === void 0 || onPathChange(id, data, path);
   };
@@ -39930,9 +40082,6 @@ var CascaderNode = function CascaderNode(props) {
     if (getParent(e.target, checkboxRef.current)) return;
     var checked = datum.getChecked(id);
     handleChange(null, !checked);
-    if (setActiveLeaf) {
-      setActiveLeaf(id);
-    }
   };
   var isHoverAble = expandTrigger === 'hover' || expandTrigger === 'hover-only';
   var isRealLeafNode = !hasChildren && !uncertainChildren;
@@ -39946,7 +40095,10 @@ var CascaderNode = function CascaderNode(props) {
       if (multiple) events.onClick = handleSelect;
     } else if (isRealLeafNode && multiple) {
       // 非hover模式下: 末级节点支持整个节点区域点击选中checkbox
-      events.onClick = handleSelect;
+      events.onClick = function (e) {
+        handleClick(e);
+        handleSelect(e);
+      };
     }
     return events;
   };
@@ -40015,7 +40167,6 @@ var CascaderNode = function CascaderNode(props) {
 
 
 
-
 var list_devUseWarning = devUseWarning;
 var CascaderList = function CascaderList(props) {
   var _jssStyle$cascader;
@@ -40072,18 +40223,11 @@ var CascaderList = function CascaderList(props) {
       children: "noData"
     });
   };
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),
-    _useState2 = slicedToArray_default()(_useState, 2),
-    activeLeaf = _useState2[0],
-    setActiveLeaf = _useState2[1];
-  var needSetActiveLeaf = (multiple || mode !== undefined) && props.id === undefined;
   var renderItem = function renderItem(item, index) {
     var id = getKey(item, index);
     return /*#__PURE__*/(0,jsx_runtime.jsx)(node, {
       jssStyle: jssStyle,
       active: props.id === id,
-      activeLeaf: activeLeaf,
-      setActiveLeaf: needSetActiveLeaf ? setActiveLeaf : undefined,
       id: id,
       data: item,
       datum: datum,
@@ -48237,7 +48381,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),
@@ -48337,18 +48485,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]);
@@ -48362,20 +48525,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 () {
@@ -55189,6 +55347,11 @@ var SIZE_MAP = {
   'default': 36,
   'large': 42
 };
+var PADDING_Y_MAP = {
+  'small': 3,
+  'default': 0,
+  'large': 0
+};
 var TreeVirtual = function TreeVirtual(props) {
   var jssStyle = props.jssStyle,
     height = props.height,
@@ -55267,7 +55430,8 @@ var TreeVirtual = function TreeVirtual(props) {
     keepScrollHeight: true,
     dynamicVirtual: true,
     lineHeight: lineHeight,
-    renderItem: renderItem
+    renderItem: renderItem,
+    paddingY: PADDING_Y_MAP[datum.size || 'default']
   });
 };
 /* harmony default export */ var tree_virtual = (TreeVirtual);
@@ -66213,6 +66377,13 @@ var useTransfer = function useTransfer(props) {
   };
 };
 /* harmony default export */ var use_transfer = (useTransfer);
+;// CONCATENATED MODULE: ../hooks/src/components/use-transfer/transfer-context.ts
+
+var TransferContext = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createContext)({
+  filterSourceText: '',
+  filterTargetText: '',
+  highlight: false
+});
 ;// CONCATENATED MODULE: ../base/src/transfer/transfer-list-item.tsx
 
 
@@ -66222,7 +66393,7 @@ var useTransfer = function useTransfer(props) {
 
 
 var TransferListItem = function TransferListItem(props) {
-  var _jssStyle$transfer;
+  var _jssStyle$transfer, _jssStyle$common;
   var jssStyle = props.jssStyle,
     size = props.size,
     data = props.data,
@@ -66237,6 +66408,7 @@ var TransferListItem = function TransferListItem(props) {
   // const listItemHeight = useRef(lineHeight);
 
   var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$transfer = jssStyle.transfer) === null || _jssStyle$transfer === void 0 ? void 0 : _jssStyle$transfer.call(jssStyle)) || {};
+  var commonStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle)) || {};
   var isChecked = listDatum.check(data);
   var disabled = listDatum.disabledCheck(data);
   var rootClass = classnames_default()(styles.item, itemClass, disabled && styles.disabled);
@@ -66266,10 +66438,20 @@ var TransferListItem = function TransferListItem(props) {
       children: icons_config.transfer.DeleteItem
     });
   };
+  var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(TransferContext),
+    filterSourceText = _useContext.filterSourceText,
+    filterTargetText = _useContext.filterTargetText,
+    highlight = _useContext.highlight;
+  var $item = getHighlightText({
+    enable: highlight,
+    nodeList: renderItem(),
+    searchWords: listType === 'target' ? filterTargetText : filterSourceText,
+    highlightClassName: commonStyles.highlight
+  });
   var renderCheckbox = function renderCheckbox() {
     if (simple && listType === 'target') return /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
       className: classnames_default()(styles.simpleTarget, disabled && styles.disabled),
-      children: [renderItem(), renderRemove()]
+      children: [$item, renderRemove()]
     });
     return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_checkbox_checkbox
     // @ts-ignore
@@ -66281,7 +66463,7 @@ var TransferListItem = function TransferListItem(props) {
       checked: isChecked,
       disabled: disabled,
       onChange: handleChange,
-      children: renderItem()
+      children: $item
     });
   };
 
@@ -66896,11 +67078,18 @@ var Transfer = function Transfer(props) {
   }, [target, loading, size, filterTargetText, targetSelectedKeys, renderFilter, children]);
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
     fieldId = _useContext.fieldId;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    className: rootClass,
-    style: style,
-    id: fieldId,
-    children: [renderSourceList, !simple && renderOperations(), renderTargetList]
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(TransferContext.Provider, {
+    value: {
+      filterSourceText: filterSourceText,
+      filterTargetText: filterTargetText,
+      highlight: props.highlight
+    },
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: rootClass,
+      style: style,
+      id: fieldId,
+      children: [renderSourceList, !simple && renderOperations(), renderTargetList]
+    })
   });
 };
 /* harmony default export */ var src_transfer_transfer = (Transfer);
@@ -66917,7 +67106,8 @@ var transfer_jssStyle = {
   checkbox: useCheckboxStyle,
   empty: useEmptyStyle,
   input: useInputStyle,
-  spin: useSpinStyle
+  spin: useSpinStyle,
+  common: useCommonStyle
 };
 var transfer_Transfer = function Transfer(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_transfer_transfer, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
@@ -67027,6 +67217,9 @@ var useTreeSelect = function useTreeSelect(props) {
 
 
 
+var defaultProps = {
+  data: []
+};
 var TreeSelect = function TreeSelect(props0) {
   var _jssStyle$treeSelect;
   var props = use_with_form_config(props0);
@@ -67043,7 +67236,7 @@ var TreeSelect = function TreeSelect(props0) {
     valueProp = props.value,
     defaultValue = props.defaultValue,
     _props$data = props.data,
-    data = _props$data === void 0 ? [] : _props$data,
+    data = _props$data === void 0 ? defaultProps.data : _props$data,
     multiple = props.multiple,
     _props$mode = props.mode,
     mode = _props$mode === void 0 ? 1 : _props$mode,
@@ -67587,13 +67780,25 @@ var TreeSelect = function TreeSelect(props0) {
     var style = {
       maxHeight: height
     };
+    var rootStyle = {
+      padding: '0 4px'
+    };
+    if (!virtual) {
+      if (size === 'small') {
+        rootStyle = {
+          padding: '3px 4px'
+        };
+      } else if (size === 'large') {
+        rootStyle = {
+          padding: '0 5px'
+        };
+      }
+    }
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: classnames_default()(styles.tree, styles.treeWrapper),
       style: style,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(src_tree_tree, objectSpread2_default()(objectSpread2_default()({
-        rootStyle: {
-          padding: '0 4px'
-        },
+        rootStyle: rootStyle,
         jssStyle: jssStyle,
         renderItem: renderItem
       }, treeProps), {}, {
@@ -68892,7 +69097,6 @@ var UploadButton = function UploadButton(props) {
     canDelete: undefined,
     showUploadList: false,
     customResult: undefined,
-    drop: false,
     multiple: false,
     leftHandler: false,
     onPreview: undefined,
@@ -71398,7 +71602,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.8.0-beta.2'
+  version: '3.8.0-beta.4'
 });
 }();
 /******/ 	return __webpack_exports__;