@sheinx/shineout-style 3.9.13-beta.1 → 3.9.13-beta.11

package/cjs/progress/progress.js

@@ -220,7 +220,19 @@ var progressStyle = {
     }
   },
   circleBg: {
-    stroke: _theme.default.progressBackground
+    stroke: _theme.default.progressBackground,
+    '$wrapperSuccess &': {
+      stroke: _theme.default.progressSuccessBackgroundColor
+    },
+    '$wrapperWarning &': {
+      stroke: _theme.default.progressWarningBackgroundColor
+    },
+    '$wrapperInfo &': {
+      stroke: _theme.default.progressInfoBackgroundColor
+    },
+    '$wrapperDanger &': {
+      stroke: _theme.default.progressDangerBackgroundColor
+    }
   },
   circleFront: {
     transform: 'rotate(-90deg)',

package/cjs/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;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAwlB1C,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;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAqmB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/select/select.js

@@ -98,6 +98,9 @@ var selectStyle = _objectSpread(_objectSpread({
       '& $placeholder,$ellipsis,$space,input': {
         marginTop: 0,
         marginBottom: 0
+      },
+      '& $arrowIcon': {
+        width: _theme.default.inputSmallFontSize
       }
     },
     '&$wrapperLarge': {
@@ -106,7 +109,7 @@ var selectStyle = _objectSpread(_objectSpread({
         marginBottom: _theme.default.selectLargePlaceholderMarginY
       },
       '& $arrowIcon': {
-        width: _theme.default.selectLargeFontSize
+        width: _theme.default.inputLargeFontSize
       }
     },
     '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
@@ -133,7 +136,7 @@ var selectStyle = _objectSpread(_objectSpread({
       color: _theme.default.selectDisabledIconColor
     },
     '& $placeholder': {
-      color: _theme.default.selectDisabledPlaceholderColor
+      color: _theme.default.inputDisabledPlaceholderColor
     }
   }),
   triggerHover: {
@@ -189,7 +192,7 @@ var selectStyle = _objectSpread(_objectSpread({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: _theme.default.selectPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -239,7 +242,7 @@ var selectStyle = _objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: _theme.default.selectPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -249,8 +252,11 @@ var selectStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: _theme.default.selectDisabledFontColor,
-    cursor: 'not-allowed'
+    color: _theme.default.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: _theme.default.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,
@@ -272,7 +278,7 @@ var selectStyle = _objectSpread(_objectSpread({
     }
   },
   placeholder: {
-    color: _theme.default.selectPlaceholderColor,
+    color: _theme.default.inputPlaceholderColor,
     lineHeight: _theme.default.lineHeightDynamic,
     marginTop: _theme.default.selectPlaceholderMarginY,
     marginBottom: _theme.default.selectPlaceholderMarginY
@@ -298,19 +304,18 @@ var selectStyle = _objectSpread(_objectSpread({
       fontSize: _theme.default.selectSmallFontSize
     },
     '& $optionGroupTitle': {
-      padding: "calc(".concat(_theme.default.selectFontSize, " - 10px) ").concat(_theme.default.selectGroupTitlePaddingX, " 0 ").concat(_theme.default.selectGroupTitlePaddingX)
+      padding: "calc(".concat(_theme.default.selectFontSize, " - 10px) calc(").concat(_theme.default.selectSmallOptionInnerPaddingX, " + ").concat(_theme.default.selectOptionPaddingX, ") 0")
     }
   },
   pickerLarge: {
     '& $optionInner': {
-      // padding: `${token.selectLargeOptionInnerPaddingY} ${token.selectLargeOptionInnerPaddingX}`,
       paddingTop: _theme.default.selectLargeOptionInnerPaddingY,
       paddingBottom: _theme.default.selectLargeOptionInnerPaddingY,
       paddingLeft: _theme.default.selectLargeOptionInnerPaddingX,
       fontSize: _theme.default.selectLargeFontSize
     },
     '& $optionGroupTitle': {
-      padding: "".concat(_theme.default.selectFontSize, " calc(").concat(_theme.default.selectOptionPaddingX, " + ").concat(_theme.default.selectLargeOptionInnerPaddingX, ") ").concat(_theme.default.selectGroupTitleLargeBottom, " calc(").concat(_theme.default.selectOptionPaddingX, " + ").concat(_theme.default.selectLargeOptionInnerPaddingX, ")")
+      padding: "".concat(_theme.default.selectFontSize, " calc(").concat(_theme.default.selectLargeOptionInnerPaddingX, " + ").concat(_theme.default.selectOptionPaddingX, ") ").concat(_theme.default.selectGroupTitleLargeBottom)
     }
   },
   iconWrapper: {
@@ -324,26 +329,26 @@ var selectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: _theme.default.selectFontSize,
+    width: _theme.default.inputFontSize,
     lineHeight: 0,
-    color: _theme.default.selectClearColor,
+    color: _theme.default.inputClearColor,
     verticalAlign: 'middle',
     '&:hover': {
-      color: _theme.default.selectIconColor
+      color: _theme.default.inputHoverClearColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.selectSmallFontSize
+      width: _theme.default.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.selectLargeFontSize
+      width: _theme.default.inputLargeFontSize
     }
   },
   arrowIcon: {
     display: 'inline-block',
     verticalAlign: 'middle',
-    width: _theme.default.selectFontSize,
+    width: _theme.default.inputFontSize,
     lineHeight: 0,
-    color: _theme.default.selectIconColor,
+    color: _theme.default.inputIconColor,
     transition: 'transform 0.3s'
   },
   arrowIconOpen: {
@@ -397,7 +402,15 @@ var selectStyle = _objectSpread(_objectSpread({
     position: 'absolute',
     display: 'inline-flex',
     width: _theme.default.selectFontSize,
-    fontSize: _theme.default.selectFontSize
+    fontSize: _theme.default.selectFontSize,
+    '$pickerSmall &': {
+      width: _theme.default.selectSmallFontSize,
+      fontSize: _theme.default.selectSmallFontSize
+    },
+    '$pickerLarge &': {
+      width: _theme.default.selectLargeFontSize,
+      fontSize: _theme.default.selectLargeFontSize
+    }
   },
   moreIcon: {},
   hideTag: {},
@@ -488,13 +501,13 @@ var selectStyle = _objectSpread(_objectSpread({
     // not disabled
     '&:not($optionDisabled)': {
       cursor: 'pointer'
+    },
+    '&:first-child': {
+      paddingTop: 0
+    },
+    '&:last-child': {
+      paddingBottom: 0
     }
-    // hover
-    // '&:hover': {
-    //   '& $optionInner': {
-    //     backgroundColor: token.selectOptionHoverBackgroundColor,
-    //   },
-    // },
   },
   optionInner: {
     position: 'relative',
@@ -540,7 +553,7 @@ var selectStyle = _objectSpread(_objectSpread({
   optionGroupTitle: {
     fontSize: "var(--group-font-size, ".concat(_theme.default.selectGroupTitleFontSize, ")"),
     lineHeight: _theme.default.lineHeightDynamic,
-    padding: "calc(".concat(_theme.default.selectFontSize, " - 2px) ").concat(_theme.default.selectGroupTitlePaddingX, " ").concat(_theme.default.selectGroupTitlePaddingBottom, " ").concat(_theme.default.selectGroupTitlePaddingX),
+    padding: "calc(".concat(_theme.default.selectFontSize, " - 2px) calc(").concat(_theme.default.selectOptionInnerPaddingX, " + ").concat(_theme.default.selectOptionPaddingX, ") ").concat(_theme.default.selectGroupTitlePaddingBottom),
     color: _theme.default.selectGroupTitleFontColor,
     fontWeight: _theme.default.selectGroupTitleFontWeight
   },
@@ -553,7 +566,7 @@ var selectStyle = _objectSpread(_objectSpread({
     '& > $columnsCheckbox': {
       padding: 0,
       marginRight: 0,
-      marginLeft: _theme.default.selectColumnPadding,
+      marginLeft: _theme.default.selectOptionInnerPaddingX,
       width: 'auto'
     },
     '$pickerSmall &': {
@@ -582,7 +595,7 @@ var selectStyle = _objectSpread(_objectSpread({
     padding: "0 ".concat(_theme.default.selectOptionPaddingX),
     '& $optionGroupTitle': {
       padding: 0,
-      marginLeft: _theme.default.selectColumnPadding
+      marginLeft: _theme.default.selectOptionInnerPaddingX
     },
     '$pickerSmall &': {
       '& $optionGroupTitle': {
@@ -611,14 +624,14 @@ var selectStyle = _objectSpread(_objectSpread({
     },
     '&:not($optionDisabled):hover': {
       background: _theme.default.selectOptionHoverBackgroundColor,
-      borderRadius: _theme.default.selectPanelRadius
+      borderRadius: _theme.default.selectOptionInnerBorderRadius
     }
   },
   columnsRadio: {
     width: '100%',
     height: '100%',
-    paddingLeft: _theme.default.selectColumnPadding,
-    paddingRight: _theme.default.selectColumnPadding,
+    paddingLeft: _theme.default.selectOptionInnerPaddingX,
+    paddingRight: _theme.default.selectOptionInnerPaddingX,
     marginLeft: _theme.default.selectColumnOptionMargin,
     '& :last-child': {
       flex: 1,
@@ -630,8 +643,8 @@ var selectStyle = _objectSpread(_objectSpread({
   columnsCheckbox: {
     width: '100%',
     height: '100%',
-    paddingLeft: _theme.default.selectColumnPadding,
-    paddingRight: _theme.default.selectColumnPadding,
+    paddingLeft: _theme.default.selectOptionInnerPaddingX,
+    paddingRight: _theme.default.selectOptionInnerPaddingX,
     marginLeft: 0,
     '$pickerSmall &': {
       paddingLeft: _theme.default.selectSmallColumnPadding,

package/cjs/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;AAyOxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA+f1C,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;AAwNxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAyf1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tabs/tabs.js

@@ -194,17 +194,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: _theme.default.tabsBorderColor
-        }
       }
     }
   };
@@ -222,12 +211,6 @@ var getFillStyle = function getFillStyle() {
   return {
     '&[data-soui-shape="fill"]': {
       '& $tab': {
-        '&[data-soui-state="active"]': {
-          '& $fillInner': {
-            background: '#FFFFFF',
-            color: _theme.default.tabsActiveFontColor
-          }
-        },
         '&:before': {
           content: '""',
           position: 'absolute',
@@ -362,12 +345,7 @@ var tabsStyle = {
     boxSizing: 'border-box',
     cursor: 'pointer',
     lineHeight: _theme.default.lineHeightDynamic,
-    fontSize: _theme.default.tabsTabFontSize,
-    '&[data-soui-state="active"]': {
-      '&:after': {
-        background: _theme.default.tabsActiveFontColor
-      }
-    }
+    fontSize: _theme.default.tabsTabFontSize
   },
   hr: {
     position: 'absolute',
@@ -484,7 +462,7 @@ var tabsStyle = {
       border: '1px solid transparent'
     },
     '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
-      background: '#FFFFFF',
+      background: _theme.default.tabsCardBackgroundColor,
       alignSelf: 'stretch',
       display: 'flex',
       alignItems: 'center',
@@ -570,13 +548,13 @@ var tabsStyle = {
   },
   headerScrollBar: {
     position: 'absolute',
-    background: _theme.default.tabsActiveFontColor,
+    background: _theme.default.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: _theme.default.tabsLineActiveHeight
+      height: _theme.default.tabsLineCheckedInkHeight
     },
     '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
-      width: _theme.default.tabsLineActiveHeight
+      width: _theme.default.tabsLineCheckedInkHeight
     }
   },
   header: {
@@ -591,7 +569,7 @@ var tabsStyle = {
       '& $tab': {
         marginTop: _theme.default.tabsBadgeMargin,
         position: 'relative',
-        border: "1px solid ".concat(_theme.default.tabsCardBorderColor),
+        border: "1px solid ".concat(_theme.default.tabsBorderColor),
         padding: "".concat(_theme.default.tabsCardPaddingY, " ").concat(_theme.default.tabsCardPaddingX),
         color: _theme.default.tabsCardFontColor,
         fontSize: _theme.default.tabsCardFontSize,
@@ -679,7 +657,7 @@ var tabsStyle = {
           background: _theme.default.tabsLineCheckedBackgroundColor,
           fontWeight: _theme.default.tabsLineCheckedFontWeight,
           '&:after': {
-            background: _theme.default.tabsLineAfterBackgroundColor
+            background: _theme.default.tabsLineCheckedInkColor
           }
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {

package/cjs/textarea/textarea.js

@@ -81,7 +81,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   textarea: {
     padding: 0,
     '&::placeholder': {
-      color: _theme.default.textareaPlaceholderColor
+      color: _theme.default.inputPlaceholderColor
     },
     width: '100%',
     background: 'transparent',
@@ -143,51 +143,51 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   clear: {
     position: 'absolute',
-    right: _theme.default.textareaPaddingX,
-    top: _theme.default.textareaPaddingY,
+    right: _theme.default.inputPaddingX,
+    top: _theme.default.inputPaddingY,
     cursor: 'pointer',
     padding: 4,
-    color: _theme.default.textareaClearColor,
+    color: _theme.default.inputClearColor,
     opacity: 0,
     '$wrapperWithClear:hover &, $wrapperWithClear$wrapperFocus &': {
       opacity: 1
     },
     '$wrapperSmall &': {
-      top: _theme.default.textareaSmallPaddingY
+      top: _theme.default.inputSmallPaddingY
     },
     '$wrapperLarge &': {
-      top: _theme.default.textareaLargePaddingY
+      top: _theme.default.inputLargePaddingY
     },
     '&:hover': {
-      color: _theme.default.textareaClearHoverColor
+      color: _theme.default.inputHoverClearColor
     },
     '& > svg': {
       display: 'block',
-      width: _theme.default.textareaClearSize,
-      height: _theme.default.textareaClearSize,
+      width: _theme.default.inputFontSize,
+      height: _theme.default.inputFontSize,
       '$wrapperSmall &': {
-        width: _theme.default.textareaSmallClearSize,
-        height: _theme.default.textareaSmallClearSize
+        width: _theme.default.inputSmallFontSize,
+        height: _theme.default.inputSmallFontSize
       },
       '$wrapperLarge &': {
-        width: _theme.default.textareaLargeClearSize,
-        height: _theme.default.textareaLargeClearSize
+        width: _theme.default.inputLargeFontSize,
+        height: _theme.default.inputLargeFontSize
       }
     },
     '[dir="rtl"] &': {
       right: 'auto',
-      left: _theme.default.textareaPaddingX
+      left: _theme.default.inputPaddingX
     }
   },
   wrapperWithClear: {
     '&& $textarea': {
-      paddingRight: "calc(".concat(_theme.default.textareaPaddingX, " + ").concat(_theme.default.textareaClearSize, " + 12px)")
+      paddingRight: "calc(".concat(_theme.default.inputPaddingX, " + ").concat(_theme.default.inputFontSize, " + 12px)")
     },
     '&&$wrapperSmall > $textarea': {
-      paddingRight: "calc(".concat(_theme.default.textareaSmallPaddingX, " + ").concat(_theme.default.textareaSmallClearSize, " + 12px)")
+      paddingRight: "calc(".concat(_theme.default.inputSmallPaddingX, " + ").concat(_theme.default.inputSmallFontSize, " + 12px)")
     },
     '&&$wrapperLarge > $textarea': {
-      paddingRight: "calc(".concat(_theme.default.textareaLargePaddingX, " + ").concat(_theme.default.textareaLargeClearSize, " + 12px)")
+      paddingRight: "calc(".concat(_theme.default.inputLargePaddingX, " + ").concat(_theme.default.inputLargeFontSize, " + 12px)")
     }
   },
   wrapperShowClear: {

package/cjs/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,CAiN1C,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,CAuN1C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/transfer/transfer.js

@@ -192,6 +192,12 @@ var TransferStyle = {
       '& $itemWrapper': {
         background: _theme.default.transferItemHoverBackgroundColor
       }
+    },
+    '&:first-child': {
+      paddingTop: 0
+    },
+    '&:last-child': {
+      paddingBottom: 0
     }
   },
   disabled: {

package/cjs/tree/tree.js

@@ -392,9 +392,9 @@ var treeStyle = {
       background: _theme.default.treeItemActiveBackgroundColor
     },
     '& svg': {
-      width: _theme.default.treeIconSize,
+      width: _theme.default.treeFontSize,
       '$sizeLarge &': {
-        width: "calc(".concat(_theme.default.treeIconSize, " + 2px)")
+        width: "calc(".concat(_theme.default.treeFontSize, " + 2px)")
       }
     }
   },

package/cjs/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;AAwD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAogBlD,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;AAwD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0gBlD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/cjs/tree-select/tree-select.js

@@ -108,6 +108,9 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       },
       '& $clearIcon': {
         right: _theme.default.treeSelectSmallPaddingX
+      },
+      '& $arrowIcon': {
+        width: _theme.default.inputSmallFontSize
       }
     },
     '&$wrapperLarge': {
@@ -123,7 +126,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
         fontSize: _theme.default.treeSelectLargeFontSize
       },
       '& $arrowIcon': {
-        width: _theme.default.treeSelectLargeFontSize
+        width: _theme.default.inputLargeFontSize
       },
       '& $clearIcon': {
         right: _theme.default.treeSelectLargePaddingX
@@ -192,7 +195,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: _theme.default.treeSelectPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -239,7 +242,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: _theme.default.treeSelectPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -249,8 +252,11 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: _theme.default.treeSelectDisabledFontColor,
-    cursor: 'not-allowed'
+    color: _theme.default.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: _theme.default.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,
@@ -272,7 +278,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     }
   },
   placeholder: {
-    color: _theme.default.treeSelectPlaceholderColor,
+    color: _theme.default.inputPlaceholderColor,
     lineHeight: _theme.default.lineHeightDynamic,
     marginTop: _theme.default.treeSelectPlaceholderMarginY,
     marginBottom: _theme.default.treeSelectPlaceholderMarginY
@@ -301,24 +307,24 @@ var treeSelectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: _theme.default.treeSelectFontSize,
+    width: _theme.default.inputFontSize,
     lineHeight: 0,
-    color: _theme.default.treeSelectClearColor,
+    color: _theme.default.inputClearColor,
     verticalAlign: 'middle',
     '&:hover svg': {
       color: _theme.default.treeSelectClearHoverColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.treeSelectSmallFontSize
+      width: _theme.default.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.treeSelectLargeFontSize
+      width: _theme.default.inputLargeFontSize
     }
   },
   arrowIcon: {
     display: 'inline-block',
     verticalAlign: 'middle',
-    width: _theme.default.treeSelectFontSize,
+    width: _theme.default.inputFontSize,
     lineHeight: 0,
     color: _theme.default.treeSelectIconColor,
     transition: 'transform 0.3s',
@@ -555,7 +561,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     }
   },
   empty: {
-    color: _theme.default.selectPlaceholderColor
+    color: _theme.default.inputPlaceholderColor
   }
 });
 var _default = exports.default = treeSelectStyle;

package/cjs/version.d.ts

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

package/cjs/version.d.ts.map

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

package/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '3.9.13-beta.1';
+var _default = exports.default = '3.9.13-beta.11';

package/esm/alert/alert.js

@@ -57,7 +57,7 @@ var alertStyle = {
   withTitle: {
     '& $icon': {
       fontSize: Token.alertTitleFontSize,
-      width: "calc(".concat(Token.alertTitleIconWidth, " + 2px)"),
+      width: "calc(".concat(Token.alertTitleFontSize, " + 2px)"),
       height: Token.lineHeightDynamic
     },
     '& $title': {
@@ -167,7 +167,7 @@ var alertStyle = {
     }
   },
   icon: {
-    width: Token.alertIconSize,
+    width: "calc(".concat(Token.alertFontSize, " + 2px)"),
     display: 'inline-flex',
     fontSize: Token.alertFontSize,
     height: Token.lineHeightDynamic,

package/esm/badge/badge.d.ts

@@ -19,6 +19,7 @@ export type BadgeClasses = {
     default: string;
     processing: string;
     small: string;
+    standalone: string;
     '@keyframes animationZoom': string;
     '@keyframes animationProgressing': string;
 };

package/esm/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B,EAAE,MAAM,CAAC;IACnC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6HxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IAEnB,0BAA0B,EAAE,MAAM,CAAC;IACnC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqIxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/badge/badge.js

@@ -19,6 +19,14 @@ var badgeStyle = {
       boxShadow: "0 0 0 1px #fff"
     }
   },
+  standalone: {
+    fontSize: 0,
+    '& $count,$custom,$dot': {
+      position: 'static',
+      transform: 'none',
+      boxShadow: 'none'
+    }
+  },
   textBadge: {
     display: 'block',
     lineHeight: 'inherit',

package/esm/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAohB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAiiB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}