Merge pull request #1616 from sheinsight/fix/checkbox-style-in-treeselect

fix: 修复 Checkbox 在 TreeSelect 中的样式问题

Author: saint3347

package.json

@@ -1,7 +1,7 @@
 {
   "name": "sheinx",
   "private": true,
-  "version": "3.9.9-beta.9",
+  "version": "3.9.9-beta.10",
   "description": "A react library developed with sheinx",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

packages/shineout-style/src/checkbox/checkbox.ts

@@ -32,7 +32,7 @@ const checkboxStyle: JsStyles<keyof CheckboxClasses> = {
     boxSizing: 'border-box',
     width: token.checkboxIconSize,
     height: token.checkboxIconSize,
-    marginTop: 4,
+    marginTop: 'var(--soui-checkbox-indicator-margin-top, 4px)',
     flexShrink: 0,
     '$wrapperSmall &': {
       width: token.checkboxSmallIconSize,

packages/shineout-style/src/tree/tree.ts

@@ -286,13 +286,9 @@ const treeStyle: JsStyles<TreeClassType> = {
   },
   checkbox: {
     '&[class*="checkbox-wrapper"]': {
-      height: 26,
-      alignSelf: 'flex-start',
       marginRight: Token.treeCheckboxMarginX,
+      '--soui-checkbox-indicator-margin-top': '0px',
     },
-    '$sizeLarge &': {
-      marginTop: 4,
-    }
   },
   text: {
     cursor: 'pointer',