@sheinx/shineout-style 3.5.8-beta.8 → 3.5.8

package/esm/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CA+MvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAuNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/input/input.js

@@ -230,6 +230,13 @@ var input = _objectSpread(_objectSpread(_objectSpread({
         width: 14,
         transform: 'rotate(-90deg)'
       }
+    },
+    '$wrapperDisabled & > span': {
+      color: token.inputDisabledFontColor,
+      borderColor: token.inputDisabledBorderColor,
+      '&:first-child': {
+        borderColor: token.inputDisabledBorderColor
+      }
     }
   },
   passwordToggle: {

package/esm/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA8gBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAuhBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/menu/menu.js

@@ -402,6 +402,9 @@ var menuStyle = {
     '$childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
       paddingRight: "calc(".concat(token.menuIconMarginX, " + ").concat(token.menuTitlePaddingX, " + ").concat(token.menuExpandSize, ")")
     },
+    '$wrapperHorizontal $childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
+      paddingRight: token.menuTitlePaddingX
+    },
     '$childrenHasExpand $itemHasChildren > $itemContentBack > &': {
       paddingRight: 0
     },
@@ -413,8 +416,10 @@ var menuStyle = {
     '& + $titleContent': {
       paddingLeft: token.menuIconMarginX
     },
-    lineHeight: 1,
-    display: 'inline-flex'
+    display: 'inline-flex',
+    alignSelf: 'flex-start',
+    height: token.lineHeightDynamic,
+    alignItems: 'center'
   },
   titleContent: {
     whiteSpace: 'pre-wrap',
@@ -439,6 +444,10 @@ var menuStyle = {
       lineHeight: 1,
       width: token.menuExpandSize,
       height: token.menuExpandSize,
+      alignSelf: 'flex-start',
+      alignItems: 'center',
+      display: 'flex',
+      minHeight: "calc(".concat(token.lineHeightDynamic, " + ").concat(token.menuTitlePaddingY, "*2)"),
       '$wrapper:not($wrapperVertical) $itemOpen > $itemContent &': {
         transform: 'rotate(180deg)'
       }

package/esm/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAsSxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAySxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/modal/modal.js

@@ -407,6 +407,9 @@ var modalStyle = _objectSpread(_objectSpread({
       left: '-4px',
       right: 'auto',
       cursor: 'col-resize'
+    },
+    '$wrapperDrawerLeft &': {
+      cursor: 'col-resize'
     }
   },
   resizeY: {
@@ -422,7 +425,7 @@ var modalStyle = _objectSpread(_objectSpread({
     '$wrapperDrawerBottom &': {
       top: '-4px',
       bottom: 'auto',
-      cursor: 'n-resize'
+      cursor: 'row-resize'
     }
   },
   resizeXY: {

package/esm/radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CA0J5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAiK5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/radio/radio.js

@@ -18,7 +18,10 @@ var radioStyle = {
     alignItems: 'center',
     cursor: 'pointer',
     boxSizing: 'border-box',
-    marginRight: token.radioGap
+    marginRight: token.radioGap,
+    '&:last-child': {
+      marginRight: 0
+    }
   },
   wrapperSmall: {},
   wrapperLarge: {},
@@ -138,7 +141,11 @@ var radioStyle = {
   groupBlock: {
     '& $wrapper': {
       display: 'flex',
-      marginBottom: token.radioBlockGap
+      marginBottom: token.radioBlockGap,
+      marginRight: 0,
+      '&:last-child': {
+        marginBottom: 0
+      }
     }
   },
   groupButton: {

package/esm/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA4gB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA8gB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/select/select.js

@@ -99,6 +99,9 @@ var selectStyle = _objectSpread(_objectSpread({
       '& $placeholder,$ellipsis,$space,input': {
         marginTop: token.selectLargePlaceholderMarginY,
         marginBottom: token.selectLargePlaceholderMarginY
+      },
+      '& $arrowIcon': {
+        width: token.selectLargeFontSize
       }
     },
     '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
@@ -270,7 +273,8 @@ var selectStyle = _objectSpread(_objectSpread({
     boxShadow: token.selectPanelShadow,
     borderRadius: token.selectPanelRadius,
     transformOrigin: '0 0',
-    border: "1px solid ".concat(token.selectPanelBorder)
+    border: "1px solid ".concat(token.selectPanelBorder),
+    cursor: 'initial'
   },
   pickerSmall: {
     '& $optionInner': {
@@ -298,7 +302,8 @@ var selectStyle = _objectSpread(_objectSpread({
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    marginLeft: token.selectIconMarginLeft
   },
   clearable: {},
   clearIcon: {
@@ -374,10 +379,7 @@ var selectStyle = _objectSpread(_objectSpread({
   },
   moreIcon: {},
   hideTag: {},
-  list: {
-    paddingTop: 3,
-    paddingBottom: 3
-  },
+  list: {},
   tree: {
     padding: 4,
     overflow: 'auto'
@@ -429,7 +431,7 @@ var selectStyle = _objectSpread(_objectSpread({
     maxWidth: 400,
     maxHeight: 160,
     overflow: 'auto',
-    padding: token.selectMorePadding,
+    padding: "".concat(token.selectMorePaddingY, " ").concat(token.selectMorePaddingX),
     '&:hover': {
       '& $clearIcon': {
         display: 'inline-block'

package/esm/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAyR1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAIlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAsS1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/slider/slider.js

@@ -1,4 +1,5 @@
 import token from '@sheinx/theme';
+var verticalLabelMargin = 4;
 var sliderStyle = {
   rootClass: {},
   wrapper: {
@@ -30,6 +31,9 @@ var sliderStyle = {
     '$vertical &': {
       width: token.sliderTrackSize,
       height: '100%'
+    },
+    '$disabled &': {
+      cursor: 'not-allowed'
     }
   },
   trackInner: {
@@ -152,11 +156,11 @@ var sliderStyle = {
       bottom: '100%',
       '&[dir=ltr]': {
         left: 0,
-        transform: 'translate(-50%, -10px)'
+        transform: 'translate(-50%, -14px)'
       },
       '&[dir=rtl]': {
         right: 0,
-        transform: 'translate(50%, -10px)'
+        transform: 'translate(50%, -14px)'
       }
     },
     '$vertical &': {
@@ -164,11 +168,11 @@ var sliderStyle = {
       padding: '1px 4px',
       '&[dir=ltr]': {
         left: '100%',
-        transform: 'translate(10px, 50%)'
+        transform: 'translate(14px, 50%)'
       },
       '&[dir=rtl]': {
         right: '100%',
-        transform: 'translate(-10px, 50%)'
+        transform: 'translate(-14px, 50%)'
       }
     }
   },
@@ -177,11 +181,11 @@ var sliderStyle = {
       bottom: '100%',
       '&[dir=ltr]': {
         right: 0,
-        transform: 'translate(50%, -10px)'
+        transform: 'translate(50%, -14px)'
       },
       '&[dir=rtl]': {
         left: 0,
-        transform: 'translate(-50%, -10px)'
+        transform: 'translate(-50%, -14px)'
       }
     },
     '$vertical &': {
@@ -189,11 +193,11 @@ var sliderStyle = {
       padding: '1px 4px',
       '&[dir=ltr]': {
         left: '100%',
-        transform: 'translate(10px, -50%)'
+        transform: 'translate(14px, -50%)'
       },
       '&[dir=rtl]': {
         right: '100%',
-        transform: 'translate(-10px, -50%)'
+        transform: 'translate(-14px, -50%)'
       }
     }
   },
@@ -253,6 +257,11 @@ var sliderStyle = {
         height: token.sliderScaleLineSize,
         transform: 'translateX(-50%)'
       }
+      // 为了让首尾刻度不超出轨道
+      // '&:first-child $label[dir=ltr]': { transform: 'translate(0%)' },
+      // '&:first-child $label[dir=rtl]': { transform: 'translate(0%)' },
+      // '&:last-child $label[dir=ltr]': { transform: 'translate(-100%)' },
+      // '&:last-child $label[dir=rtl]': { transform: 'translate(100%)' },
     },
     '$vertical &': {
       marginLeft: token.sliderScaleMarginY,
@@ -262,6 +271,11 @@ var sliderStyle = {
         width: token.sliderScaleLineSize,
         transform: 'translateY(-50%)'
       }
+      // 为了让首尾刻度不超出轨道
+      // '&:first-child $label[dir=ltr]': { transform: `translate(${verticalLabelMargin}px, -100%)` },
+      // '&:first-child $label[dir=rtl]': { transform: `translate(-${verticalLabelMargin}px, -100%)` },
+      // '&:last-child $label[dir=ltr]': { transform: `translate(${verticalLabelMargin}px, 0)` },
+      // '&:last-child $label[dir=rtl]': { transform: `translate(-${verticalLabelMargin}px, 0)` },
     }
   },
   label: {
@@ -283,11 +297,11 @@ var sliderStyle = {
       lineHeight: 1,
       '&[dir=ltr]': {
         left: '100%',
-        transform: 'translate(4px, -50%)'
+        transform: "translate(".concat(verticalLabelMargin, "px, -50%)")
       },
       '&[dir=rtl]': {
         right: '100%',
-        transform: 'translate(-4px, -50%)'
+        transform: "translate(-".concat(verticalLabelMargin, "px, -50%)")
       }
     }
   }

package/esm/steps/steps.js

@@ -482,7 +482,7 @@ var stepsStyle = {
       backgroundColor: Token.stepsErrorBackgroundColor
     },
     '& $title': {
-      fontWeight: 'bold'
+      fontWeight: 500
     }
   },
   icon: {

package/esm/switch/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA8K9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAwL9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/switch/switch.js

@@ -45,10 +45,6 @@ var switchStyle = _objectSpread(_objectSpread({
       backgroundColor: token.switchCheckedDisabledBackgroundColor,
       color: token.switchCheckedDisabledFontColor
     },
-    // '$wrapperChecked$wrapperLoading&': {
-    //   backgroundColor: token.switchCheckedLoadingBackgroundColor,
-    //   color: token.switchCheckedLoadingFontColor,
-    // },
     height: "calc( ".concat(token.switchCircleSize, " + ").concat(token.switchPaddingY, " * 2 )"),
     padding: "".concat(token.switchPaddingY, " ").concat(token.switchPaddingX),
     minWidth: token.switchWidth,
@@ -59,27 +55,35 @@ var switchStyle = _objectSpread(_objectSpread({
       padding: "".concat(token.switchSmallPaddingY, " ").concat(token.switchSmallPaddingX),
       minWidth: token.switchSmallWidth,
       borderRadius: "calc( ".concat(token.switchSmallCircleSize, " / 2 + ").concat(token.switchSmallPaddingY, " )"),
-      fonSize: token.switchSmallFontSize
+      fontSize: token.switchSmallFontSize
     },
     '$wrapperLarge&': {
       height: "calc( ".concat(token.switchLargeCircleSize, " + ").concat(token.switchLargePaddingY, " * 2 )"),
       padding: "".concat(token.switchLargePaddingY, " ").concat(token.switchLargePaddingX),
       minWidth: token.switchLargeWidth,
       borderRadius: "calc( ".concat(token.switchLargeCircleSize, " / 2 + ").concat(token.switchLargePaddingY, " )"),
-      fonSize: token.switchLargeFontSize
+      fontSize: token.switchLargeFontSize
     }
   },
   wrapperChecked: {},
   textPadding: {
-    display: 'inline-block',
-    padding: "0 ".concat(token.switchTextPaddingX)
-  },
-  wrapperSmall: {
-    fontSize: token.switchSmallFontSize
-  },
-  wrapperLarge: {
-    fontSize: token.switchLargeFontSize
+    paddingLeft: token.switchTextPaddingRight,
+    paddingRight: token.switchTextPaddingLeft,
+    '$wrapperChecked &': {
+      paddingLeft: token.switchTextPaddingLeft,
+      paddingRight: token.switchTextPaddingRight
+    },
+    '$wrapperSmall &': {
+      paddingLeft: token.switchSmallTextPaddingRight,
+      paddingRight: token.switchSmallTextPaddingLeft
+    },
+    '$wrapperSmall$wrapperChecked &': {
+      paddingLeft: token.switchSmallTextPaddingLeft,
+      paddingRight: token.switchSmallTextPaddingRight
+    }
   },
+  wrapperSmall: {},
+  wrapperLarge: {},
   indicator: {
     width: token.switchCircleSize,
     height: token.switchCircleSize,
@@ -93,7 +97,6 @@ var switchStyle = _objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    color: 'red',
     '$wrapperChecked &': {
       backgroundColor: token.switchCheckedCircleFill,
       '&[dir=ltr]': {
@@ -137,8 +140,8 @@ var switchStyle = _objectSpread(_objectSpread({
       left: token.switchLargePaddingX,
       top: token.switchLargePaddingY
     },
-    '$wrapperDisabled:not($wrapperChecked) &': {
-      backgroundColor: token.switchDisabledCircleFill
+    '$wrapperDisabled$wrapperChecked &': {
+      backgroundColor: token.switchDisabledCircleCheckedFill
     },
     '$wrapperDisabled &': {
       backgroundColor: token.switchCheckedDisabledCircleFill
@@ -146,12 +149,10 @@ var switchStyle = _objectSpread(_objectSpread({
     borderRadius: '50%',
     position: 'absolute',
     backgroundColor: token.switchCircleFill,
-    boxShadow: token.switchCircleShadow,
+    // boxShadow: token.switchCircleShadow,
     transition: "left ".concat(transition, ", right ").concat(transition)
   },
   content: {
-    display: 'inline',
-    lineHeight: 1,
     paddingLeft: token.switchCircleSize,
     transition: "padding ".concat(transition),
     '$wrapperSmall &': {
@@ -178,18 +179,20 @@ var switchStyle = _objectSpread(_objectSpread({
   },
   loading: {
     position: 'absolute',
-    top: '12%',
-    left: '12%',
-    right: '12%',
-    bottom: '12%',
-    borderRadius: '50%',
-    border: '1px solid',
-    borderColor: token.switchDisabledBackgroundColor,
-    borderTopColor: 'transparent',
+    color: token.switchLoadingCircleFill,
+    inset: '2px',
     animation: "$ring 1s ease-in-out infinite",
+    '$wrapperLarge &': {
+      inset: '3px'
+    },
+    '$wrapperSmall &': {
+      inset: '1px'
+    },
+    '& > svg': {
+      display: 'block'
+    },
     '$wrapperChecked &': {
-      borderColor: token.switchCheckedDisabledBackgroundColor,
-      borderTopColor: 'transparent'
+      color: token.switchCheckedLoadingCircleFill
     }
   }
 });

package/esm/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4exC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6exC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/table/table.js

@@ -207,7 +207,7 @@ var tableStyle = _objectSpread(_objectSpread({
     background: token.tableTfootBackgroundColor
   },
   emptyWrapper: {
-    minHeight: '150px',
+    minHeight: '170px',
     width: '100%',
     height: '100%',
     position: 'sticky',
@@ -216,7 +216,8 @@ var tableStyle = _objectSpread(_objectSpread({
     right: 0,
     justifyContent: 'center',
     display: 'flex',
-    alignItems: 'center'
+    alignItems: 'center',
+    borderBottom: "1px solid ".concat(token.tableCellBorderColor)
   },
   scrollY: {
     '&$headWrapper, &$footWrapper': _objectSpread({

package/esm/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAwQxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA4f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAwQxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA0f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/tabs/tabs.js

@@ -41,7 +41,7 @@ var getCardStyle = function getCardStyle() {
       },
       '&[dir=ltr]': _objectSpread({
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             right: 0,
             left: 'auto',
             width: '1px',
@@ -63,7 +63,7 @@ var getCardStyle = function getCardStyle() {
         background: '#FFFFFF'
       })), {}, {
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             left: 0,
             width: 1,
             height: '100%'
@@ -82,7 +82,7 @@ var getCardStyle = function getCardStyle() {
       },
       '&[dir=ltr]': _objectSpread({
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             left: 0,
             width: 1,
             height: '100%'
@@ -97,7 +97,7 @@ var getCardStyle = function getCardStyle() {
       })),
       '&[dir=rtl]': _objectSpread({
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             right: 0,
             width: 1,
             height: '100%'
@@ -137,7 +137,7 @@ var getCardStyle = function getCardStyle() {
         width: '100%'
       },
       '& $cardHr': {
-        '&:after': {
+        '&:before': {
           top: 0,
           bottom: 'auto'
         }
@@ -385,15 +385,13 @@ var tabsStyle = {
     }
   },
   cardHr: {
-    // aflter
-    '&:after': {
+    '&:before': {
       position: 'absolute',
       content: '""',
       bottom: 0,
       left: 0,
       width: '100%',
       height: 1,
-      zIndex: -1,
       background: Token.tabsBorderColor
     }
   },

package/esm/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+I1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/tag/tag.js

@@ -22,7 +22,8 @@ var tag = function tag(type) {
       },
       '&[data-soui-type="dark"]': {
         '&$disabled': {
-          backgroundColor: Token.tagDefaultFillBackgroundColor
+          backgroundColor: Token.tagDefaultFillBackgroundColor,
+          borderColor: Token.tagDefaultFillBorderColor
         }
       },
       '&$disabled': {

package/esm/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CAsD1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CAyD1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/textarea/textarea.js

@@ -79,6 +79,9 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     backgroundColor: 'transparent',
     resize: 'none',
     boxSizing: 'border-box',
+    minHeight: "calc(".concat(token.lineHeightDynamic, " + ").concat(token.inputPaddingY, " * 2)"),
+    // why: 为了让滚动条的轨道不遮盖右上角和右下角的圆角; 注: chrome >= 121才支持scrollbar-color
+    scrollbarColor: "".concat(token.inputBorderColor, " transparent"),
     '&$resize': {
       resize: 'vertical'
     }

package/esm/transfer/transfer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CA2M1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CA6M1C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/transfer/transfer.js

@@ -132,7 +132,7 @@ var TransferStyle = {
     }
   },
   inputWrapper: {
-    padding: '6px 12px'
+    padding: '8px 12px 4px 12px'
   },
   input: {
     '& > div > svg': {
@@ -165,7 +165,9 @@ var TransferStyle = {
     fontSize: Token.transferFontSize
   },
   list: {
+    borderRadius: Token.transferBorderRadius,
     background: Token.transferBackgroundColor
+    // scrollbarColor: `${Token.transferBorderColor} transparent`,
   },
   footer: {
     height: 48,

package/esm/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA4OtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA+OtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/tree/tree.js

@@ -106,6 +106,9 @@ var treeStyle = {
     // },
     '& > $node': {
       paddingLeft: 12,
+      '&$leaf': {
+        paddingLeft: 24
+      },
       '& > $contentWrapper > $iconWrapper': {
         '&[dir=ltr]': {
           left: 0

package/esm/tree-select/tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAielD,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2elD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/esm/tree-select/tree-select.js

@@ -117,6 +117,9 @@ var treeSelectStyle = _objectSpread(_objectSpread({
         paddingLeft: token.treeSelectLargeOptionInnerPaddingX,
         fontSize: token.treeSelectLargeFontSize
       },
+      '& $arrowIcon': {
+        width: token.treeSelectLargeFontSize
+      },
       '& $clearIcon': {
         right: token.treeSelectLargePaddingX
       }
@@ -273,7 +276,8 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     borderRadius: token.treeSelectPanelRadius,
     transformOrigin: '0 0',
     width: 'max-content',
-    maxWidth: '640px'
+    maxWidth: '640px',
+    cursor: 'initial'
   },
   iconWrapper: {
     display: 'flex',
@@ -286,7 +290,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     width: token.treeSelectFontSize,
     lineHeight: 0,
     color: token.treeSelectClearColor,
-    verticalAlign: 'middle'
+    verticalAlign: 'middle',
+    '&:hover svg': {
+      color: token.treeSelectClearHoverColor
+    }
   },
   arrowIcon: {
     display: 'inline-block',
@@ -294,7 +301,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     width: token.treeSelectFontSize,
     lineHeight: 0,
     color: token.treeSelectIconColor,
-    transition: 'transform 0.3s'
+    transition: 'transform 0.3s',
+    '$wrapperDisabled &': {
+      color: token.treeSelectIconDisabledColor
+    }
   },
   arrowIconOpen: {
     transform: 'rotate(180deg)',

package/esm/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.5.8-beta.8";
+declare const _default: "3.5.8";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/esm/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}

package/esm/version.js

@@ -1 +1 @@
-export default '3.5.8-beta.8';
+export default '3.5.8';