shineout 3.9.13-beta.4 → 3.9.13-beta.6

package/cjs/index.js

@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.9.13-beta.4'
+  version: '3.9.13-beta.6'
 };

package/dist/shineout.js

@@ -12338,7 +12338,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.9.13-beta.4');
+/* harmony default export */ var version = ('3.9.13-beta.6');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -14877,8 +14877,6 @@ var tabsTokens = {
   tabsLinePaddingTop: 'Spacing-6',
   tabsLinePaddingBottom: 'Spacing-6',
   tabsLineHrBackgroundColor: 'Neutral-border-1',
-  tabsLineAfterBackgroundColor: 'Brand-6',
-  tabsLineAfterHeight: 'Border-2',
   tabsLineInnerPaddingX: 'Spacing-8',
   tabsLineInnerPaddingY: 'Spacing-4',
   tabsLineFontColor: 'Neutral-text-5',
@@ -14890,6 +14888,8 @@ var tabsTokens = {
   tabsLineCheckedFontSize: 'Font-14',
   tabsLineCheckedFontWeight: 'Weight-medium',
   tabsLineCheckedBackgroundColor: 'transparent',
+  tabsLineCheckedInkColor: 'Brand-6',
+  tabsLineCheckedInkHeight: 'Spacing-2',
   tabsLineHoverFontSize: 'Font-14',
   tabsLineHoverBackgroundColor: 'Neutral-fill-2',
   tabsLineDisabledFontColor: 'Neutral-text-2',
@@ -14923,7 +14923,6 @@ var tabsTokens = {
   tabsCardActiveFontWeight: 'Weight-medium',
   tabsCardActiveFontSize: 'Font-14',
   tabsCardActiveBackgroundColor: 'Neutral-fill-4',
-  tabsCardBorderColor: 'Neutral-border-1',
   tabsCardCheckedFontColor: 'Brand-6',
   tabsCardCheckedFontSize: 'Font-14',
   tabsCardCheckedFontWeight: 'Weight-medium',
@@ -14960,7 +14959,7 @@ var tagTokens = {
   tagInfoDisabledBorderColor: 'Brand-1',
   tagInfoOutlineFontColor: 'Brand-6',
   tagInfoOutlineBackgroundColor: 'Transparent',
-  tagInfoOutlineBorderColor: 'Brand-6',
+  tagInfoOutlineBorderColor: 'Brand-3',
   tagInfoOutlineDisabledFontColor: 'Brand-3',
   tagInfoOutlineDisabledBackgroundColor: 'Transparent',
   tagInfoOutlineDisabledBorderColor: 'Brand-3',
@@ -17586,6 +17585,9 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
         // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
         fontSize: src.cascaderSmallFontSize
       },
+      '& $arrowIcon': {
+        width: src.inputSmallFontSize
+      },
       '& $clearIcon': {
         right: src.cascaderSmallPaddingX
       }
@@ -17596,7 +17598,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
         marginBottom: src.cascaderLargePlaceholderMarginY
       },
       '& $arrowIcon': {
-        width: src.cascaderLargeFontSize
+        width: src.inputLargeFontSize
       },
       '& $optionInner': {
         // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
@@ -17700,7 +17702,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: src.cascaderPlaceholderColor
+        color: src.inputPlaceholderColor
       }
     }
   },
@@ -17750,7 +17752,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: src.cascaderPlaceholderColor
+        color: src.inputPlaceholderColor
       }
     }
   },
@@ -17760,8 +17762,11 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     }
   },
   resultTextDisabled: {
-    color: src.cascaderDisabledFontColor,
-    cursor: 'not-allowed'
+    color: src.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: src.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,
@@ -17783,7 +17788,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     }
   },
   placeholder: {
-    color: src.cascaderPlaceholderColor,
+    color: src.inputPlaceholderColor,
     lineHeight: src.lineHeightDynamic,
     marginTop: src.cascaderPlaceholderMarginY,
     marginBottom: src.cascaderPlaceholderMarginY
@@ -17808,25 +17813,25 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: src.cascaderFontSize,
+    width: src.inputFontSize,
     lineHeight: 0,
-    color: src.cascaderClearColor,
+    color: src.inputClearColor,
     verticalAlign: 'middle',
     '&:hover': {
-      color: src.cascaderClearHoverColor
+      color: src.inputHoverClearColor
     },
     '$wrapperSmall &': {
-      width: src.cascaderSmallFontSize
+      width: src.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: src.cascaderLargeFontSize
+      width: src.inputLargeFontSize
     }
   },
   compressedIcon: {},
   arrowIcon: {
     display: 'inline-block',
     verticalAlign: 'middle',
-    width: src.cascaderFontSize,
+    width: src.inputFontSize,
     lineHeight: 0,
     color: src.cascaderIconColor,
     transition: 'transform 0.3s'
@@ -17862,13 +17867,13 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   },
   loading: {
     padding: 10,
-    color: src.cascaderPlaceholderColor,
+    color: src.inputPlaceholderColor,
     display: 'flex',
     justifyContent: 'center'
   },
   empty: {
     padding: "calc(".concat(src.cascaderOptionPaddingY, " + ").concat(src.cascaderOptionInnerPaddingY, ") calc(").concat(src.cascaderOptionPaddingX, " + ").concat(src.cascaderOptionInnerPaddingX, ")"),
-    color: src.cascaderPlaceholderColor
+    color: src.inputPlaceholderColor
   },
   checkedIcon: {
     right: 8,
@@ -18548,7 +18553,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: src.datePickerPlaceholderColor
+        color: src.inputPlaceholderColor
       }
     }
   },
@@ -18571,7 +18576,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: src.datePickerPlaceholderColor
+        color: src.inputPlaceholderColor
       }
     }
   },
@@ -18581,8 +18586,11 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
     }
   },
   resultTextDisabled: {
-    color: src.datePickerDisabledFontColor,
-    cursor: 'not-allowed'
+    color: src.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: src.inputDisabledPlaceholderColor
+    }
   },
   placeholder: {
     color: src.datePickerPlaceholderColor
@@ -18596,15 +18604,15 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
     alignItems: 'center',
     color: src.datePickerIconColor,
     '& svg': {
-      width: src.datePickerFontSize,
-      height: src.datePickerFontSize,
+      width: src.inputFontSize,
+      height: src.inputFontSize,
       '$wrapperSmall &': {
-        width: src.datePickerSmallFontSize,
-        height: src.datePickerSmallFontSize
+        width: src.inputSmallFontSize,
+        height: src.inputSmallFontSize
       },
       '$wrapperLarge &': {
-        width: src.datePickerLargeFontSize,
-        height: src.datePickerLargeFontSize
+        width: src.inputLargeFontSize,
+        height: src.inputLargeFontSize
       }
     },
     // todo 暂时写死
@@ -18712,8 +18720,8 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
       transform: 'rotate(180deg)'
     },
     '& svg': {
-      width: src.datePickerPanelHeaderIconWidth,
-      height: src.datePickerPanelHeaderIconWidth
+      width: src.datePickerPanelHeaderFontSize,
+      height: src.datePickerPanelHeaderFontSize
     },
     '&:hover': {
       backgroundColor: src.datePickerPanelHeaderIconHoverBackgroundColor
@@ -18722,9 +18730,10 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
   pickerHeaderMid: {
     display: 'flex',
     alignItems: 'center',
+    fontSize: src.datePickerPanelHeaderFontSize,
+    color: src.datePickerPanelHeaderFontColor,
     '& > span': {
-      padding: "0 ".concat(src.datePickerPanelHeaderTitlePaddingX),
-      fontSize: src.datePickerPanelHeaderFontSize
+      padding: "0 ".concat(src.datePickerPanelHeaderTitlePaddingX)
     }
   },
   pickerHeaderInfo: {
@@ -19075,8 +19084,8 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
       lineHeight: '0',
       marginRight: '8px',
       '& > svg': {
-        width: src.datePickerFontSize,
-        height: src.datePickerFontSize,
+        width: src.datePickerPanelBodyFontSize,
+        height: src.datePickerPanelBodyFontSize,
         color: src.datePickerIconColor
       }
     },
@@ -19112,7 +19121,8 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
     },
     whiteSpace: 'nowrap',
     textAlign: 'left',
-    fontSize: src.datePickerQuickPanelItemFontSize,
+    color: src.buttonSecondaryTextFontColor,
+    fontSize: src.buttonSmallFontSize,
     padding: "".concat(src.datePickerQuickPanelItemPaddingY, " ").concat(src.datePickerQuickPanelItemPaddingX),
     lineHeight: src.lineHeightDynamic,
     borderRadius: '4px',
@@ -19493,7 +19503,7 @@ var dropdown_dropdown = {
     }
   },
   boxList: {
-    padding: "".concat(src.dropdownColumnPaddingY, " ").concat(src.dropdownColumnPaddingX),
+    padding: "".concat(src.dropdownListPaddingY, " ").concat(src.dropdownListPaddingX),
     '& $item': {
       textAlign: 'center'
     }
@@ -19601,7 +19611,15 @@ var dropdown_dropdown = {
     }
   },
   optionDivider: {
-    padding: "".concat(src.dropdownOptionDividerPaddingY, " ").concat(src.dropdownOptionDividerPaddingX),
+    padding: "".concat(src.dropdownOptionDividerPaddingY, " ").concat(src.dropdownOptionPaddingX),
+    '$listSmall &': {
+      paddingLeft: src.dropdownOptionSmallPaddingX,
+      paddingRight: src.dropdownOptionSmallPaddingX
+    },
+    '$listLarge &': {
+      paddingLeft: src.dropdownOptionLargePaddingX,
+      paddingRight: src.dropdownOptionLargePaddingX
+    },
     '&::before': {
       content: '" "',
       height: src.dropdownOptionDividerHeight,
@@ -19929,9 +19947,8 @@ var formItemStyle = objectSpread2_default()(objectSpread2_default()({
     minHeight: src.formItemTipMinHeight,
     fontSize: src.formItemDangerFontSize,
     fontWeight: src.formItemDangerFontWeight,
-    animation: '$appear 1s ease-in-out forwards'
-    // flexBasis: '100%',
-    // width: 0,
+    animation: '$appear 1s ease-in-out forwards',
+    marginTop: src.formItemTipMarginTop
   },
   tip: {
     color: src.formItemTipFontColor,
@@ -20252,6 +20269,7 @@ var ImageStyle = objectSpread2_default()(objectSpread2_default()({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
+    '--spin-color': src.imageSpinColor,
     backgroundColor: src.imagePlaceholderBackgroundColor
   },
   defaultError: {
@@ -24090,6 +24108,9 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       '& $placeholder,$ellipsis,$space,input': {
         marginTop: 0,
         marginBottom: 0
+      },
+      '& $arrowIcon': {
+        width: src.inputSmallFontSize
       }
     },
     '&$wrapperLarge': {
@@ -24098,7 +24119,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
         marginBottom: src.selectLargePlaceholderMarginY
       },
       '& $arrowIcon': {
-        width: src.selectLargeFontSize
+        width: src.inputLargeFontSize
       }
     },
     '&:hover': objectSpread2_default()(objectSpread2_default()({}, select_wrapper['&:hover']), {}, {
@@ -24125,7 +24146,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       color: src.selectDisabledIconColor
     },
     '& $placeholder': {
-      color: src.selectDisabledPlaceholderColor
+      color: src.inputDisabledPlaceholderColor
     }
   }),
   triggerHover: {
@@ -24181,7 +24202,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: src.selectPlaceholderColor
+        color: src.inputPlaceholderColor
       }
     }
   },
@@ -24231,7 +24252,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: src.selectPlaceholderColor
+        color: src.inputPlaceholderColor
       }
     }
   },
@@ -24241,8 +24262,11 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     }
   },
   resultTextDisabled: {
-    color: src.selectDisabledFontColor,
-    cursor: 'not-allowed'
+    color: src.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: src.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,
@@ -24264,7 +24288,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     }
   },
   placeholder: {
-    color: src.selectPlaceholderColor,
+    color: src.inputPlaceholderColor,
     lineHeight: src.lineHeightDynamic,
     marginTop: src.selectPlaceholderMarginY,
     marginBottom: src.selectPlaceholderMarginY
@@ -24316,24 +24340,24 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: src.selectFontSize,
+    width: src.inputFontSize,
     lineHeight: 0,
-    color: src.selectClearColor,
+    color: src.inputClearColor,
     verticalAlign: 'middle',
     '&:hover': {
       color: src.selectIconColor
     },
     '$wrapperSmall &': {
-      width: src.selectSmallFontSize
+      width: src.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: src.selectLargeFontSize
+      width: src.inputLargeFontSize
     }
   },
   arrowIcon: {
     display: 'inline-block',
     verticalAlign: 'middle',
-    width: src.selectFontSize,
+    width: src.inputFontSize,
     lineHeight: 0,
     color: src.selectIconColor,
     transition: 'transform 0.3s'
@@ -24603,7 +24627,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     },
     '&:not($optionDisabled):hover': {
       background: src.selectOptionHoverBackgroundColor,
-      borderRadius: src.selectPanelRadius
+      borderRadius: src.selectOptionInnerBorderRadius
     }
   },
   columnsRadio: {
@@ -27692,17 +27716,6 @@ var getLineStyle = function getLineStyle() {
         top: 0,
         height: 1,
         width: '100%'
-      },
-      '& $tab': {
-        '&:after': {
-          position: 'absolute',
-          content: '""',
-          top: 0,
-          left: 0,
-          width: '100%',
-          height: 1,
-          background: src.tabsBorderColor
-        }
       }
     }
   };
@@ -27720,12 +27733,6 @@ var getFillStyle = function getFillStyle() {
   return {
     '&[data-soui-shape="fill"]': {
       '& $tab': {
-        '&[data-soui-state="active"]': {
-          '& $fillInner': {
-            background: '#FFFFFF',
-            color: src.tabsActiveFontColor
-          }
-        },
         '&:before': {
           content: '""',
           position: 'absolute',
@@ -27860,12 +27867,7 @@ var tabsStyle = {
     boxSizing: 'border-box',
     cursor: 'pointer',
     lineHeight: src.lineHeightDynamic,
-    fontSize: src.tabsTabFontSize,
-    '&[data-soui-state="active"]': {
-      '&:after': {
-        background: src.tabsActiveFontColor
-      }
-    }
+    fontSize: src.tabsTabFontSize
   },
   hr: {
     position: 'absolute',
@@ -28068,13 +28070,13 @@ var tabsStyle = {
   },
   headerScrollBar: {
     position: 'absolute',
-    background: src.tabsActiveFontColor,
+    background: src.tabsLineCheckedInkColor,
     transition: "left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out",
     '[data-soui-position^="top-"] &,[data-soui-position^="bottom-"] &': {
-      height: src.tabsLineAfterHeight
+      height: src.tabsLineCheckedInkHeight
     },
     '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
-      width: src.tabsLineAfterHeight
+      width: src.tabsLineCheckedInkHeight
     }
   },
   header: {
@@ -28089,7 +28091,7 @@ var tabsStyle = {
       '& $tab': {
         marginTop: src.tabsBadgeMargin,
         position: 'relative',
-        border: "1px solid ".concat(src.tabsCardBorderColor),
+        border: "1px solid ".concat(src.tabsBorderColor),
         padding: "".concat(src.tabsCardPaddingY, " ").concat(src.tabsCardPaddingX),
         color: src.tabsCardFontColor,
         fontSize: src.tabsCardFontSize,
@@ -28177,7 +28179,7 @@ var tabsStyle = {
           background: src.tabsLineCheckedBackgroundColor,
           fontWeight: src.tabsLineCheckedFontWeight,
           '&:after': {
-            background: src.tabsLineAfterBackgroundColor
+            background: src.tabsLineCheckedInkColor
           }
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
@@ -28655,7 +28657,7 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
   textarea: {
     padding: 0,
     '&::placeholder': {
-      color: src.textareaPlaceholderColor
+      color: src.inputPlaceholderColor
     },
     width: '100%',
     background: 'transparent',
@@ -28717,51 +28719,51 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
   },
   clear: {
     position: 'absolute',
-    right: src.textareaPaddingX,
-    top: src.textareaPaddingY,
+    right: src.inputPaddingX,
+    top: src.inputPaddingY,
     cursor: 'pointer',
     padding: 4,
-    color: src.textareaClearColor,
+    color: src.inputClearColor,
     opacity: 0,
     '$wrapperWithClear:hover &, $wrapperWithClear$wrapperFocus &': {
       opacity: 1
     },
     '$wrapperSmall &': {
-      top: src.textareaSmallPaddingY
+      top: src.inputSmallPaddingY
     },
     '$wrapperLarge &': {
-      top: src.textareaLargePaddingY
+      top: src.inputLargePaddingY
     },
     '&:hover': {
-      color: src.textareaClearHoverColor
+      color: src.inputHoverClearColor
     },
     '& > svg': {
       display: 'block',
-      width: src.textareaFontSize,
-      height: src.textareaFontSize,
+      width: src.inputFontSize,
+      height: src.inputFontSize,
       '$wrapperSmall &': {
-        width: src.textareaSmallFontSize,
-        height: src.textareaSmallFontSize
+        width: src.inputSmallFontSize,
+        height: src.inputSmallFontSize
       },
       '$wrapperLarge &': {
-        width: src.textareaLargeFontSize,
-        height: src.textareaLargeFontSize
+        width: src.inputLargeFontSize,
+        height: src.inputLargeFontSize
       }
     },
     '[dir="rtl"] &': {
       right: 'auto',
-      left: src.textareaPaddingX
+      left: src.inputPaddingX
     }
   },
   wrapperWithClear: {
     '&& $textarea': {
-      paddingRight: "calc(".concat(src.textareaPaddingX, " + ").concat(src.textareaFontSize, " + 12px)")
+      paddingRight: "calc(".concat(src.inputPaddingX, " + ").concat(src.inputFontSize, " + 12px)")
     },
     '&&$wrapperSmall > $textarea': {
-      paddingRight: "calc(".concat(src.textareaSmallPaddingX, " + ").concat(src.textareaSmallFontSize, " + 12px)")
+      paddingRight: "calc(".concat(src.inputSmallPaddingX, " + ").concat(src.inputSmallFontSize, " + 12px)")
     },
     '&&$wrapperLarge > $textarea': {
-      paddingRight: "calc(".concat(src.textareaLargePaddingX, " + ").concat(src.textareaLargeFontSize, " + 12px)")
+      paddingRight: "calc(".concat(src.inputLargePaddingX, " + ").concat(src.inputLargeFontSize, " + 12px)")
     }
   },
   wrapperShowClear: {
@@ -29529,6 +29531,9 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
       },
       '& $clearIcon': {
         right: src.treeSelectSmallPaddingX
+      },
+      '& $arrowIcon': {
+        width: src.inputSmallFontSize
       }
     },
     '&$wrapperLarge': {
@@ -29544,7 +29549,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
         fontSize: src.treeSelectLargeFontSize
       },
       '& $arrowIcon': {
-        width: src.treeSelectLargeFontSize
+        width: src.inputLargeFontSize
       },
       '& $clearIcon': {
         right: src.treeSelectLargePaddingX
@@ -29613,7 +29618,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: src.treeSelectPlaceholderColor
+        color: src.inputPlaceholderColor
       }
     }
   },
@@ -29660,7 +29665,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: src.treeSelectPlaceholderColor
+        color: src.inputPlaceholderColor
       }
     }
   },
@@ -29670,8 +29675,11 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     }
   },
   resultTextDisabled: {
-    color: src.treeSelectDisabledFontColor,
-    cursor: 'not-allowed'
+    color: src.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: src.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,
@@ -29693,7 +29701,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     }
   },
   placeholder: {
-    color: src.treeSelectPlaceholderColor,
+    color: src.inputPlaceholderColor,
     lineHeight: src.lineHeightDynamic,
     marginTop: src.treeSelectPlaceholderMarginY,
     marginBottom: src.treeSelectPlaceholderMarginY
@@ -29722,24 +29730,24 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: src.treeSelectFontSize,
+    width: src.inputFontSize,
     lineHeight: 0,
-    color: src.treeSelectClearColor,
+    color: src.inputClearColor,
     verticalAlign: 'middle',
     '&:hover svg': {
       color: src.treeSelectClearHoverColor
     },
     '$wrapperSmall &': {
-      width: src.treeSelectSmallFontSize
+      width: src.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: src.treeSelectLargeFontSize
+      width: src.inputLargeFontSize
     }
   },
   arrowIcon: {
     display: 'inline-block',
     verticalAlign: 'middle',
-    width: src.treeSelectFontSize,
+    width: src.inputFontSize,
     lineHeight: 0,
     color: src.treeSelectIconColor,
     transition: 'transform 0.3s',
@@ -29976,7 +29984,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     }
   },
   empty: {
-    color: src.selectPlaceholderColor
+    color: src.inputPlaceholderColor
   }
 });
 /* harmony default export */ var tree_select_tree_select = (treeSelectStyle);
@@ -35424,9 +35432,9 @@ var Ring = function Ring(props) {
     unit = _formatSize4.unit;
   var style = objectSpread2_default()(objectSpread2_default()({}, styleProp), {}, {
     borderWidth: value / 10 + unit,
-    borderLeftColor: color,
-    borderRightColor: color,
-    borderBottomColor: color
+    borderLeftColor: "var(--spin-color, ".concat(color, ")"),
+    borderRightColor: "var(--spin-color, ".concat(color, ")"),
+    borderBottomColor: "var(--spin-color, ".concat(color, ")")
   });
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     count: 0,
@@ -49141,7 +49149,7 @@ var Year = function Year(props) {
         className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderMid,
         children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           children: currentStart
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("strong", {
           children: "-"
         }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           children: currentEnd
@@ -75674,7 +75682,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.13-beta.4'
+  version: '3.9.13-beta.6'
 });
 }();
 /******/ 	return __webpack_exports__;