shineout 3.9.13-beta.9 → 3.9.13

package/dist/shineout.js

@@ -3236,6 +3236,20 @@ const figma = [
     token: 'Brand-9',
     locked: true,
   },
+  {
+    name: 'backgroundLayout',
+    value: '#F4F5F8',
+    describe: '布局背景色',
+    token: 'Background-layout',
+    locked: false,
+  },
+  {
+    name: 'backgroundPopup',
+    value: '#FFFFFF',
+    describe: '浮层容器背景色',
+    token: 'Background-popup',
+    locked: false,
+  },
   {
     name: '青色-1',
     value: '#e8fffb',
@@ -4419,55 +4433,7 @@ const figma = [
     token: 'Margin-32',
     locked: true,
   },
-  {
-    name: '0/radius',
-    value: '0px',
-    describe: '直角',
-    token: 'Radius-0',
-    locked: true,
-  },
-  {
-    name: '2/radius',
-    value: '2px',
-    describe: '2 圆角',
-    token: 'Radius-2',
-    locked: true,
-  },
-  {
-    name: '3/radius',
-    value: '3px',
-    describe: '3 圆角',
-    token: 'Radius-3',
-    locked: true,
-  },
-  {
-    name: '4/radius',
-    value: '4px',
-    describe: '4 圆角',
-    token: 'Radius-4',
-    locked: true,
-  },
-  {
-    name: '8/radius',
-    value: '8px',
-    describe: '8 圆角',
-    token: 'Radius-8',
-    locked: true,
-  },
-  {
-    name: '12/radius',
-    value: '12px',
-    describe: '12 圆角',
-    token: 'Radius-12',
-    locked: true,
-  },
-  {
-    name: '1000/radius',
-    value: '1000px',
-    describe: '1000 大圆角',
-    token: 'Radius-1000',
-    locked: true,
-  },
+
   {
     name: '基础阴影',
     value: '0px 2px 5px rgba(2, 11, 24, 0.1)',
@@ -4538,6 +4504,13 @@ const figma = [
     token: 'Size',
     locked: true,
   },
+  {
+    name: 'borderRadiusRect',
+    value: '0px',
+    describe: '直角 Radius-rect (0px)',
+    token: 'Radius-rect',
+    locked: true,
+  },
   {
     name: 'borderRadiusLesser',
     value: '2px',
@@ -12359,7 +12332,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.9');
+/* harmony default export */ var version = ('3.9.13');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12581,6 +12554,8 @@ var Token = {
   'Brand-7': '#0B5BD4',
   'Brand-8': '#0040AD',
   'Brand-9': '#002D87',
+  'Background-layout': '#F4F5F8',
+  'Background-popup': '#FFFFFF',
   'Cyan-1': '#e8fffb',
   'Cyan-10': '#00424d',
   'Cyan-2': '#b7f1e9',
@@ -12750,13 +12725,6 @@ var Token = {
   'Margin-16': '16px',
   'Margin-24': '24px',
   'Margin-32': '32px',
-  'Radius-0': '0px',
-  'Radius-2': '2px',
-  'Radius-3': '3px',
-  'Radius-4': '4px',
-  'Radius-8': '8px',
-  'Radius-12': '12px',
-  'Radius-1000': '1000px',
   'Shadow-1': '0px 2px 5px rgba(2, 11, 24, 0.1)',
   'Shadow-2': '0px 4px 10px rgba(2, 11, 24, 0.1)',
   'Shadow-3': '0px 8px 20px rgba(2, 11, 24, 0.1)',
@@ -12767,6 +12735,7 @@ var Token = {
   Transparent: 'transparent',
   'Mask-fill-1': 'rgba(2, 11, 24, 0.3)',
   Size: '2',
+  'Radius-rect': '0px',
   'Radius-lesser': '2px',
   'Radius-small': '3px',
   'Radius-default': '4px',
@@ -13575,7 +13544,10 @@ var cascaderTokens = {
   cascaderOptionIconSize: 'Font-14',
   cascaderOptionHoverBackgroundColor: 'Neutral-fill-2',
   cascaderOptionHoverFontColor: 'Neutral-text-5',
+  cascaderOptionHoverIconColor: 'Neutral-text-4',
+  cascaderOptionFocusFontColor: 'Neutral-text-5',
   cascaderOptionFocusBackgroundColor: 'Neutral-fill-3',
+  cascaderOptionFocusIconColor: 'Neutral-text-4',
   cascaderOptionDisabledColor: 'Neutral-text-2',
   cascaderOptionDisabledBackgroundColor: 'Neutral-fill-1',
   cascaderMorePaddingX: 'Spacing-8',
@@ -13589,7 +13561,7 @@ var cascaderTokens = {
   cascaderColumnPadding: 'Spacing-8',
   cascaderColumnOptionMargin: 'Spacing-8',
   cascaderListBorderColor: 'Neutral-border-1',
-  cascaderListPaddingY: 'Spacing-3'
+  cascaderListPaddingY: 'Spacing-4'
 };
 /* harmony default export */ var cascader = (cascaderTokens);
 ;// CONCATENATED MODULE: ../theme/src/cascader/index.ts
@@ -13688,7 +13660,9 @@ var common = {
   lineHeightDynamicMin: 'Line-height-dynamic-min',
   defaultBorder: 'Border-1',
   iconCirclePadding: 'Padding-4',
-  transparent: 'transparent'
+  transparent: 'transparent',
+  backgroundPopup: 'Background-popup',
+  backgroundLayout: 'Background-layout'
 };
 /* harmony default export */ var common_common = (common);
 ;// CONCATENATED MODULE: ../theme/src/common/index.ts
@@ -13812,29 +13786,29 @@ var datePickerTokens = {
 
 var descriptionsTokens = {
   descriptionsTitlePaddingBottom: 'Spacing-12',
+  descriptionsTitleSmallFontSize: 'Font-14',
+  descriptionsTitleDefaultFontSize: 'Font-16',
+  descriptionsTitleLargeFontSize: 'Font-18',
+  descriptionsTitleColor: 'Neutral-text-5',
+  descriptionsTitleFontWeight: 'Weight-medium',
+  descriptionsTitleGap: 'Size-2',
   descriptionsLabelPaddingBottom: 'Spacing-12',
   descriptionsLabelPaddingRight: 'Spacing-8',
-  descriptionsValuePaddingBottom: 'Spacing-12',
-  descriptionsTitleSmallSize: 'Font-14',
-  descriptionsTitleDefaultSize: 'Font-16',
-  descriptionsTitleLargeSize: 'Font-18',
-  descriptionsBorderDefaultSize: 'Border-1',
-  descriptionsFontSmallSize: 'Font-12',
-  descriptionsFontDefaultSize: 'Font-14',
-  descriptionsFontLargeSize: 'Font-16',
   descriptionsLabelColor: 'Neutral-text-4',
+  descriptionsValuePaddingBottom: 'Spacing-12',
   descriptionsValueColor: 'Neutral-text-5',
-  descriptionsTitleColor: 'Neutral-text-5',
-  descriptionsBackgroundColor: 'Neutral-fill-2',
+  descriptionsBorderDefaultSize: 'Border-1',
   descriptionsBorderColor: 'Neutral-border-1',
-  descriptionsTitleFontWeight: 'Weight-medium',
-  descriptionsTitleGap: 'Size-2',
-  descriptionsCellGap: 'Spacing-0',
   descriptionsBorderRadius: 'Radius-lesser',
   descriptionsBorderRightSize: '1px',
   descriptionsBorderBottomSize: '1px',
   descriptionsBorderPaddingX: 'Spacing-12',
   descriptionsBorderPaddingY: 'Spacing-8',
+  descriptionsDefaultFontSize: 'Font-14',
+  descriptionsSmallFontSize: 'Font-12',
+  descriptionsLargeFontSize: 'Font-16',
+  descriptionsBackgroundColor: 'Neutral-fill-2',
+  descriptionsCellGap: 'Spacing-0',
   descriptionsInlineBorderPaddingX: 'Spacing-8',
   descriptionsInlineBorderPaddingY: 'Spacing-12',
   descriptionsVerticalPaddingBottom: 'Spacing-2'
@@ -13906,7 +13880,7 @@ var dropdownTokens = {
   dropdownOptionSelectFontColor: 'Brand-6',
   dropdownOptionDisabledBackgroundColor: 'Neutral-fill-1',
   dropdownOptionDisabledFontColor: 'Neutral-text-2',
-  dropdownOptionBorderRadius: 'Radius-2',
+  dropdownOptionBorderRadius: 'Radius-lesser',
   dropdownOptionGroupPaddingX: 'Spacing-8',
   dropdownOptionGroupPaddingTop: 'Font-14',
   dropdownOptionGroupPaddingBottom: 'Spacing-2',
@@ -15441,19 +15415,15 @@ var transferTokens = {
 // This file was generated automatically by a script. Please do not modify it directly.
 
 var treeTokens = {
-  treeTextPaddingY: 'Spacing-2',
-  treeTextPaddingX: 'Spacing-4',
-  treeCheckboxMarginX: 'Spacing-8',
-  treeIconSize: 'Font-14',
   treeFontSize: 'Font-14',
+  treeFontWeight: 'Weight-regular',
+  treeFontColor: 'Neutral-text-5',
   treeLineHeight: 'Size-18',
+  treeLineBackgroundColor: 'Neutral-fill-3',
   treeSmallFontSize: 'Font-12',
   treeSmallLineHeight: 'Size-14',
   treeLargeFontSize: 'Font-16',
   treeLargeLineHeight: 'Size-22',
-  treeFontWeight: 'Weight-regular',
-  treeFontColor: 'Neutral-text-5',
-  treeLineBackgroundColor: 'Neutral-fill-3',
   treePaddingX: 'Spacing-8',
   treePaddingY: 'Spacing-1',
   treeItemFontColor: 'Neutral-text-4',
@@ -15462,16 +15432,20 @@ var treeTokens = {
   treeItemActiveBackgroundColor: 'Neutral-fill-4',
   treeItemActiveFontColor: 'Neutral-text-4',
   treeItemDisabledFontColor: 'Neutral-text-2',
-  treeContentBorderRadius: 'Radius-lesser',
   treeContentHoverBackgroundColor: 'Neutral-fill-2',
   treeContentHoverFontColor: 'Neutral-text-5',
   treeContentActiveBackgroundColor: 'Brand-1',
   treeContentActiveFontColor: 'Brand-6',
-  treeContentActiveBorderRadius: 'Radius-2',
+  treeContentActiveBorderRadius: 'Radius-lesser',
   treeContentDisabledBackgroundColor: 'Transprent',
   treeContentDisabledFontColor: 'Neutral-text-5',
+  treeContentBorderRadius: 'Radius-lesser',
   treeDragBorderColor: 'Brand-6',
-  treeDragBackgroundColor: 'Brand-1'
+  treeDragBackgroundColor: 'Brand-1',
+  treeTextPaddingY: 'Spacing-2',
+  treeTextPaddingX: 'Spacing-4',
+  treeCheckboxMarginX: 'Spacing-8',
+  treeIconSize: 'Font-14'
 };
 /* harmony default export */ var tree = (treeTokens);
 ;// CONCATENATED MODULE: ../theme/src/tree/index.ts
@@ -16196,8 +16170,8 @@ var breadcrumbStyle = {
     }
   },
   down: {
-    width: src.breadcrumbDownIconSize,
-    height: src.breadcrumbDownIconSize,
+    width: src.breadcrumbFontSize,
+    height: src.breadcrumbFontSize,
     lineHeight: '1',
     marginLeft: 4
   },
@@ -16206,7 +16180,7 @@ var breadcrumbStyle = {
   },
   dropdown: {
     borderRadius: src.dropdownListBorderRadius,
-    backgroundColor: src.dropdownListBackgroundColor,
+    backgroundColor: src.backgroundPopup,
     boxShadow: src.dropdownListBoxShadow,
     border: "1px solid ".concat(src.dropdownListBorderColor),
     // padding: `${token.breadcrumbListPaddingY} 0`,
@@ -16479,16 +16453,19 @@ var ButtonStyle = {
 var bc = function bc(key) {
   return ".".concat(jss_style_prefix, "-button-").concat(key);
 };
+var heightAndTop = {
+  height: "var(--button-before-line-height, calc(50% - 2px))",
+  top: "var(--button-before-line-top, calc(25% + 1px))"
+};
 var beforeLine = function beforeLine() {
   return defineProperty_default()(defineProperty_default()({
-    '&::before': {
+    '&::before': objectSpread2_default()(objectSpread2_default()({
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: src.buttonSplitlineFullBackgroundColor
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -16534,14 +16511,13 @@ var beforeLine = function beforeLine() {
 };
 var outlineBeforeLine = function outlineBeforeLine(type, styles) {
   return defineProperty_default()({
-    '&::before': {
+    '&::before': objectSpread2_default()(objectSpread2_default()({
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: src["button".concat(type).concat(styles, "BorderColor")]
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -16575,14 +16551,13 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
       }
     }))
   }, "&".concat(bc('primary'), ",&").concat(bc('success'), ",&").concat(bc('warning'), ",&").concat(bc('danger'), ",").concat(bc('secondary')), {
-    '&::before': {
-      height: 'calc(100% + 2px)',
-      top: -1,
+    '&::before': objectSpread2_default()(objectSpread2_default()({}, heightAndTop), {}, {
+      top: "var(--button-before-line-top, calc(25% + 1px))",
       left: -1,
       width: 1,
       bottom: -1,
       background: "".concat(src["button".concat(type).concat(styles, "BorderColor")])
-    },
+    }),
     '& + :not(&)': {
       '&::before': {
         height: 'calc(100% + 2px)',
@@ -16607,15 +16582,14 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
 };
 var textBeforeLine = function textBeforeLine() {
   return defineProperty_default()({
-    '&::before': {
+    '&::before': objectSpread2_default()(objectSpread2_default()({
       transition: 'all 0.3s',
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: src.buttonSplitlineOutlineBackgroundColor
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -16673,21 +16647,20 @@ var ButtonGroupStyle = {
     borderRadius: 0,
     borderLeft: 'none',
     borderRight: 'none'
-  }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('text'), ")"), defineProperty_default()(defineProperty_default()(defineProperty_default()({
+  }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('dashed'), "):not(").concat(bc('text'), ")"), defineProperty_default()(defineProperty_default()(defineProperty_default()({
     position: 'relative',
     '&::before': {
-      transition: 'all 0.3s'
+      // transition: 'all 0.3s',
     }
   }, "&".concat(bc('secondary')), objectSpread2_default()(objectSpread2_default()({}, beforeLine()), {}, defineProperty_default()({
-    '&::before': {
+    '&::before': objectSpread2_default()(objectSpread2_default()({
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: src.buttonSplitlineOutlineBackgroundColor,
       transition: 'none'
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -16711,27 +16684,11 @@ var ButtonGroupStyle = {
     '&::before': {
       transition: 'all 0.3s'
     }
-  }, "&".concat(bc('secondary')), objectSpread2_default()(objectSpread2_default()({}, outlineBeforeLine('Secondary', 'Outline')), {}, {
-    '&::before': {
-      position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
-      width: 1,
-      background: src.buttonSplitlineOutlineBackgroundColor // Neutral-border-1
-    },
-    '&[dir=ltr]::before': {
-      left: -1
-    },
-    '&[dir=rtl]::before': {
-      right: -1
-    }
-  })), "&".concat(bc('primary')), objectSpread2_default()({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), objectSpread2_default()({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), objectSpread2_default()({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), objectSpread2_default()({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), objectSpread2_default()({
+  }, "&".concat(bc('secondary')), objectSpread2_default()({}, outlineBeforeLine('Secondary', 'Outline'))), "&".concat(bc('primary')), objectSpread2_default()({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), objectSpread2_default()({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), objectSpread2_default()({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), objectSpread2_default()({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), objectSpread2_default()({
     position: 'relative'
-  }, textBeforeLine())), "&".concat(bc('dashed')), {
-    position: 'relative',
-    borderStyle: 'none'
-  })
+  }, textBeforeLine())), "& ".concat(bc('dashed')), defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({
+    position: 'relative'
+  }, "&".concat(bc('secondary')), objectSpread2_default()({}, outlineBeforeLine('Secondary', 'Outline'))), "&".concat(bc('primary')), objectSpread2_default()({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), objectSpread2_default()({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), objectSpread2_default()({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), objectSpread2_default()({}, outlineBeforeLine('Danger', 'Outline'))))
 };
 /* harmony default export */ var button_group = (ButtonGroupStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/button/index.ts
@@ -17822,7 +17779,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   },
   pickerWrapper: {
     position: 'absolute',
-    backgroundColor: src.cascaderPanelBackgroundColor,
+    backgroundColor: src.backgroundPopup,
     boxShadow: src.cascaderPanelShadow,
     border: "1px solid ".concat(src.cascaderPanelBorder),
     borderRadius: src.cascaderPanelRadius,
@@ -17991,16 +17948,28 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
       '&:hover': {
         '& $optionInner': {
           color: src.cascaderOptionHoverFontColor,
-          backgroundColor: src.cascaderOptionHoverBackgroundColor
+          backgroundColor: src.cascaderOptionHoverBackgroundColor,
+          '& $optionIcon': {
+            color: src.cascaderOptionHoverIconColor
+          }
         }
       },
       '&:hover $optionInner:active, & $optionInner:active': {
-        color: src.cascaderOptionHoverFontColor,
-        backgroundColor: "".concat(src.cascaderOptionFocusBackgroundColor)
+        color: src.cascaderOptionFocusFontColor,
+        backgroundColor: "".concat(src.cascaderOptionFocusBackgroundColor),
+        '& $optionIcon': {
+          color: src.cascaderOptionFocusIconColor
+        }
       }
     },
     '& $optionCheckbox': {
       marginRight: 8
+    },
+    '&:first-child': {
+      paddingTop: 0
+    },
+    '&:last-child': {
+      paddingBottom: 0
     }
   },
   filterOption: {
@@ -18075,18 +18044,10 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     paddingTop: 2
   },
   optionHover: {},
-  optionActive: {
-    color: src.cascaderOptionActiveColor,
-    backgroundColor: src.cascaderOptionActiveBackgroundColor,
-    '&>div': {
-      color: src.cascaderOptionActiveColor
-    }
-  },
   optionDisabled: {
     cursor: 'not-allowed',
     color: src.cascaderOptionDisabledColor,
-    backgroundColor: src.cascaderOptionDisabledBackgroundColor,
-    '&>div': {
+    '& > $optionInner': {
       cursor: 'not-allowed',
       color: src.cascaderOptionDisabledColor,
       backgroundColor: src.cascaderOptionDisabledBackgroundColor
@@ -18139,17 +18100,17 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
     display: 'block',
     position: 'relative',
     boxSizing: 'border-box',
-    width: src.checkboxLabelFontSize,
-    height: src.checkboxLabelFontSize,
+    width: src.checkboxIconSize,
+    height: src.checkboxIconSize,
     // marginTop: token.checkboxIndicatorMarginTop,
     flexShrink: 0,
     '$wrapperSmall &': {
-      width: src.checkboxSmallLabelFontSize,
-      height: src.checkboxSmallLabelFontSize
+      width: src.checkboxSmallIconSize,
+      height: src.checkboxSmallIconSize
     },
     '$wrapperLarge &': {
-      width: src.checkboxLargeLabelFontSize,
-      height: src.checkboxLargeLabelFontSize
+      width: src.checkboxLargeIconSize,
+      height: src.checkboxLargeIconSize
     },
     verticalAlign: 'middle',
     '&::before': {
@@ -18581,6 +18542,12 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
       width: '100%',
       '&::placeholder': {
         color: src.inputPlaceholderColor
+      },
+      '$wrapperDisabled &': {
+        color: src.inputDisabledFontColor,
+        '&::placeholder': {
+          color: src.inputDisabledPlaceholderColor
+        }
       }
     }
   },
@@ -18655,7 +18622,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
   },
   pickerWrapper: {
     position: 'absolute',
-    backgroundColor: src.datePickerPanelBackgroundColor,
+    backgroundColor: src.backgroundPopup,
     boxShadow: src.datePickerPanelShadow,
     borderRadius: src.datePickerPanelRadius,
     border: "1px solid ".concat(src.datePickerPanelBorder),
@@ -18890,7 +18857,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
   pickerCell: {
     color: src.datePickerCellColor,
     '&$pickerCellBound': {
-      color: src.datePickerCellOtherColor
+      color: src.datePickerCellDisabledColor
     },
     '&:not($pickerCellDisabled):not($pickerCellActive):hover': {
       '& $pickerCellContent > span': {
@@ -19069,14 +19036,18 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
     flex: '1',
     position: 'relative',
     borderRadius: src.datePickerTimeItemBorderRadius,
+    color: src.datePickerCellColor,
+    fontWeight: src.datePickerPanelFontWeight,
+    fontSize: src.datePickerPanelBodyFontSize,
     '&:not($timeItemDisabled):hover': {
-      backgroundColor: src.datePickerTimeItemHoverBackgroundColor
+      color: src.datePickerCellHoverColor,
+      backgroundColor: src.datePickerCellHoverBackgroundColor
     },
     '$timeItemDisabled&': {
       color: src.datePickerTimeItemDisabledColor,
       cursor: 'not-allowed'
     },
-    '$timeItemActive&': {
+    '$timeItemActive&, $timeItemActive&:hover': {
       color: src.datePickerTimeItemActiveColor,
       backgroundColor: src.datePickerTimeItemActiveBackgroundColor
     }
@@ -19109,6 +19080,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
     alignItems: 'center',
     lineHeight: src.lineHeightDynamic,
     '& > span': {
+      color: src.datePickerCellColor,
       lineHeight: '0',
       marginRight: '8px',
       '& > svg': {
@@ -19128,7 +19100,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
       },
       transformOrigin: 'bottom',
       animation: '$scale-y-top 0.2s ease-in-out forwards',
-      backgroundColor: src.datePickerPanelBackgroundColor,
+      backgroundColor: src.backgroundPopup,
       boxShadow: src.datePickerPanelShadow,
       display: 'none'
     },
@@ -19181,18 +19153,18 @@ var descriptionsStyle = {
   },
   small: {
     '& $title': {
-      fontSize: src.descriptionsTitleSmallSize
+      fontSize: src.descriptionsTitleSmallFontSize
     },
     '& $table': {
-      fontSize: src.descriptionsFontSmallSize
+      fontSize: src.descriptionsSmallFontSize
     }
   },
   large: {
     '& $title': {
-      fontSize: src.descriptionsTitleLargeSize
+      fontSize: src.descriptionsTitleLargeFontSize
     },
     '& $table': {
-      fontSize: src.descriptionsFontLargeSize
+      fontSize: src.descriptionsLargeFontSize
     }
   },
   header: {
@@ -19200,7 +19172,7 @@ var descriptionsStyle = {
     alignItems: 'center',
     justifyContent: 'space-between',
     paddingBottom: src.descriptionsTitlePaddingBottom,
-    fontSize: src.descriptionsTitleDefaultSize
+    fontSize: src.descriptionsTitleDefaultFontSize
   },
   title: {
     lineHeight: src.lineHeightDynamic,
@@ -19213,7 +19185,7 @@ var descriptionsStyle = {
     lineHeight: src.lineHeightDynamic
   },
   body: {
-    fontSize: src.descriptionsFontDefaultSize,
+    fontSize: src.descriptionsDefaultFontSize,
     overflow: 'hidden'
   },
   table: {
@@ -19477,7 +19449,7 @@ var dropdown_dropdown = {
     border: "".concat(src.dropdownListBorderWidth, " solid ").concat(src.dropdownListBorderColor),
     borderRadius: src.dropdownListBorderRadius,
     padding: "".concat(src.dropdownListPaddingY, " ").concat(src.dropdownListPaddingX),
-    background: src.dropdownListBackgroundColor,
+    background: src.backgroundPopup,
     boxShadow: src.dropdownListBoxShadow,
     width: 'max-content',
     boxSizing: 'border-box',
@@ -19626,16 +19598,16 @@ var dropdown_dropdown = {
   },
   itemDisabled: {},
   optionGroup: {
-    padding: "calc(".concat(src.dropdownOptionGroupPaddingTop, " - 4px) ").concat(src.dropdownOptionGroupPaddingX, " ").concat(src.dropdownOptionGroupPaddingBottom, " ").concat(src.dropdownOptionGroupPaddingX),
+    padding: "calc(".concat(src.dropdownOptionGroupPaddingTop, " - 4px) ").concat(src.dropdownOptionPaddingX, " ").concat(src.dropdownOptionGroupPaddingBottom),
     fontSize: src.dropdownOptionGroupFontSize,
     fontWeight: src.dropdownOptionGroupFontWeight,
     color: src.dropdownOptionGroupFontColor,
     lineHeight: src.lineHeightDynamic,
     '$listSmall &': {
-      padding: "".concat(src.dropdownOptionGroupSmallTop, " ").concat(src.dropdownOptionGroupSmallX, " 0 ").concat(src.dropdownOptionGroupSmallX)
+      padding: "".concat(src.dropdownOptionGroupSmallTop, " ").concat(src.dropdownOptionSmallPaddingX, " 0")
     },
     '$listLarge &': {
-      padding: "".concat(src.dropdownOptionGroupLargeTop, " ").concat(src.dropdownOptionGroupLargeX, " ").concat(src.dropdownOptionGroupLargeBottom, " ").concat(src.dropdownOptionGroupLargeX)
+      padding: "".concat(src.dropdownOptionGroupLargeTop, " ").concat(src.dropdownOptionLargePaddingX, " ").concat(src.dropdownOptionGroupLargeBottom)
     }
   },
   optionDivider: {
@@ -20974,7 +20946,7 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
       boxSizing: 'border-box',
       cursor: 'pointer',
       width: '18px',
-      borderLeft: "1px solid ".concat(src.inputBorderColor),
+      borderLeft: "".concat(src.inputBorderWidth, " solid ").concat(src.inputBorderColor),
       lineHeight: '1',
       color: src.inputIconColor,
       '&:hover': {
@@ -20983,7 +20955,7 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
         }
       },
       '&:first-child': {
-        borderBottom: "1px solid ".concat(src.inputBorderColor)
+        borderBottom: "".concat(src.inputBorderWidth, " solid ").concat(src.inputBorderColor)
       },
       '& svg': {
         width: src.inputFontSize,
@@ -21486,8 +21458,11 @@ var menuStyle = {
       }
     },
     // 一级菜单展不展开都是fill-9，一级展开后的子级都是fill-10
-    '[data-soui-theme=dark] $root > $item > &': {
-      backgroundColor: src.menuDarkItemBackgroundColor
+    '[data-soui-theme=dark] $root > $item:not($itemActive) > &': {
+      backgroundColor: src.menuDarkItemBackgroundColor,
+      '&:hover': {
+        backgroundColor: src.menuDarkItemHoverBackgroundColor
+      }
     },
     '[data-soui-theme=dark] &': {
       color: src.menuDarkFontColor,
@@ -23781,7 +23756,10 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
       marginTop: src.radioIndicatorMarginTop
     }
   },
-  wrapperChecked: {},
+  wrapperChecked: {
+    '--button-before-line-height': '100%',
+    '--button-before-line-top': 0
+  },
   wrapperDisabled: {
     cursor: 'not-allowed'
   },
@@ -23789,18 +23767,18 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
     display: 'block',
     position: 'relative',
     boxSizing: 'border-box',
-    width: src.radioLabelFontSize,
-    minWidth: src.radioLabelFontSize,
-    height: src.radioLabelFontSize,
+    width: src.radioIconWidth,
+    minWidth: src.radioIconWidth,
+    height: src.radioIconWidth,
     '$wrapperSmall &': {
-      width: src.radioSmallLabelFontSize,
-      minWidth: src.radioSmallLabelFontSize,
-      height: src.radioSmallLabelFontSize
+      width: src.radioSmallIconWidth,
+      minWidth: src.radioSmallIconWidth,
+      height: src.radioSmallIconWidth
     },
     '$wrapperLarge &': {
-      width: src.radioLargeLabelFontSize,
-      minWidth: src.radioLargeLabelFontSize,
-      height: src.radioLargeLabelFontSize
+      width: src.radioLargeIconWidth,
+      minWidth: src.radioLargeIconWidth,
+      height: src.radioLargeIconWidth
     },
     marginRight: src.radioIconGap,
     verticalAlign: 'middle',
@@ -24323,7 +24301,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   pickerWrapper: {
     position: 'absolute',
     overflow: 'hidden',
-    backgroundColor: src.selectPanelBackgroundColor,
+    backgroundColor: src.backgroundPopup,
     boxShadow: src.selectPanelShadow,
     borderRadius: src.selectPanelRadius,
     transformOrigin: '0 0',
@@ -24341,19 +24319,18 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       fontSize: src.selectSmallFontSize
     },
     '& $optionGroupTitle': {
-      padding: "calc(".concat(src.selectFontSize, " - 10px) ").concat(src.selectGroupTitlePaddingX, " 0 ").concat(src.selectGroupTitlePaddingX)
+      padding: "calc(".concat(src.selectFontSize, " - 10px) calc(").concat(src.selectSmallOptionInnerPaddingX, " + ").concat(src.selectOptionPaddingX, ") 0")
     }
   },
   pickerLarge: {
     '& $optionInner': {
-      // padding: `${token.selectLargeOptionInnerPaddingY} ${token.selectLargeOptionInnerPaddingX}`,
       paddingTop: src.selectLargeOptionInnerPaddingY,
       paddingBottom: src.selectLargeOptionInnerPaddingY,
       paddingLeft: src.selectLargeOptionInnerPaddingX,
       fontSize: src.selectLargeFontSize
     },
     '& $optionGroupTitle': {
-      padding: "".concat(src.selectFontSize, " calc(").concat(src.selectOptionPaddingX, " + ").concat(src.selectLargeOptionInnerPaddingX, ") ").concat(src.selectGroupTitleLargeBottom, " calc(").concat(src.selectOptionPaddingX, " + ").concat(src.selectLargeOptionInnerPaddingX, ")")
+      padding: "".concat(src.selectFontSize, " calc(").concat(src.selectLargeOptionInnerPaddingX, " + ").concat(src.selectOptionPaddingX, ") ").concat(src.selectGroupTitleLargeBottom)
     }
   },
   iconWrapper: {
@@ -24372,7 +24349,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     color: src.inputClearColor,
     verticalAlign: 'middle',
     '&:hover': {
-      color: src.selectIconColor
+      color: src.inputHoverClearColor
     },
     '$wrapperSmall &': {
       width: src.inputSmallFontSize
@@ -24386,7 +24363,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     verticalAlign: 'middle',
     width: src.inputFontSize,
     lineHeight: 0,
-    color: src.selectIconColor,
+    color: src.inputIconColor,
     transition: 'transform 0.3s'
   },
   arrowIconOpen: {
@@ -24440,7 +24417,15 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     position: 'absolute',
     display: 'inline-flex',
     width: src.selectFontSize,
-    fontSize: src.selectFontSize
+    fontSize: src.selectFontSize,
+    '$pickerSmall &': {
+      width: src.selectSmallFontSize,
+      fontSize: src.selectSmallFontSize
+    },
+    '$pickerLarge &': {
+      width: src.selectLargeFontSize,
+      fontSize: src.selectLargeFontSize
+    }
   },
   moreIcon: {},
   hideTag: {},
@@ -24531,13 +24516,13 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     // not disabled
     '&:not($optionDisabled)': {
       cursor: 'pointer'
+    },
+    '&:first-child': {
+      paddingTop: 0
+    },
+    '&:last-child': {
+      paddingBottom: 0
     }
-    // hover
-    // '&:hover': {
-    //   '& $optionInner': {
-    //     backgroundColor: token.selectOptionHoverBackgroundColor,
-    //   },
-    // },
   },
   optionInner: {
     position: 'relative',
@@ -24583,7 +24568,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   optionGroupTitle: {
     fontSize: "var(--group-font-size, ".concat(src.selectGroupTitleFontSize, ")"),
     lineHeight: src.lineHeightDynamic,
-    padding: "calc(".concat(src.selectFontSize, " - 2px) ").concat(src.selectGroupTitlePaddingX, " ").concat(src.selectGroupTitlePaddingBottom, " ").concat(src.selectGroupTitlePaddingX),
+    padding: "calc(".concat(src.selectFontSize, " - 2px) calc(").concat(src.selectOptionInnerPaddingX, " + ").concat(src.selectOptionPaddingX, ") ").concat(src.selectGroupTitlePaddingBottom),
     color: src.selectGroupTitleFontColor,
     fontWeight: src.selectGroupTitleFontWeight
   },
@@ -24596,7 +24581,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     '& > $columnsCheckbox': {
       padding: 0,
       marginRight: 0,
-      marginLeft: src.selectColumnPadding,
+      marginLeft: src.selectOptionInnerPaddingX,
       width: 'auto'
     },
     '$pickerSmall &': {
@@ -24625,7 +24610,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     padding: "0 ".concat(src.selectOptionPaddingX),
     '& $optionGroupTitle': {
       padding: 0,
-      marginLeft: src.selectColumnPadding
+      marginLeft: src.selectOptionInnerPaddingX
     },
     '$pickerSmall &': {
       '& $optionGroupTitle': {
@@ -24660,8 +24645,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   columnsRadio: {
     width: '100%',
     height: '100%',
-    paddingLeft: src.selectColumnPadding,
-    paddingRight: src.selectColumnPadding,
+    paddingLeft: src.selectOptionInnerPaddingX,
+    paddingRight: src.selectOptionInnerPaddingX,
     marginLeft: src.selectColumnOptionMargin,
     '& :last-child': {
       flex: 1,
@@ -24673,8 +24658,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   columnsCheckbox: {
     width: '100%',
     height: '100%',
-    paddingLeft: src.selectColumnPadding,
-    paddingRight: src.selectColumnPadding,
+    paddingLeft: src.selectOptionInnerPaddingX,
+    paddingRight: src.selectOptionInnerPaddingX,
     marginLeft: 0,
     '$pickerSmall &': {
       paddingLeft: src.selectSmallColumnPadding,
@@ -26724,6 +26709,7 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
     color: src.switchFontColor,
     verticalAlign: 'middle',
     outline: 'none',
+    lineHeight: src.switchCircleSize,
     '$wrapperDisabled&': {
       backgroundColor: src.switchDisabledBackgroundColor,
       color: src.switchDisabledFontColor
@@ -26742,6 +26728,7 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
     minWidth: src.switchSmallWidth,
     borderRadius: "calc( ".concat(src.switchSmallCircleSize, " / 2 + ").concat(src.switchSmallPaddingY, " )"),
     fontSize: src.switchSmallFontSize,
+    lineHeight: src.switchSmallCircleSize,
     '[data-soui-role="form-control"] > &': {
       marginTop: 8
     }
@@ -26750,7 +26737,8 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
     padding: "".concat(src.switchLargePaddingY, " ").concat(src.switchLargePaddingX),
     minWidth: src.switchLargeWidth,
     borderRadius: "calc( ".concat(src.switchLargeCircleSize, " / 2 + ").concat(src.switchLargePaddingY, " )"),
-    fontSize: src.switchLargeFontSize
+    fontSize: src.switchLargeFontSize,
+    lineHeight: src.switchLargeCircleSize
   }),
   wrapperChecked: {},
   textPadding: {
@@ -28011,7 +27999,7 @@ var tabsStyle = {
       border: '1px solid transparent'
     },
     '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
-      background: '#FFFFFF',
+      background: src.tabsCardCheckedBackgroundColor,
       alignSelf: 'stretch',
       display: 'flex',
       alignItems: 'center',
@@ -29002,6 +28990,12 @@ var TransferStyle = {
       '& $itemWrapper': {
         background: src.transferItemHoverBackgroundColor
       }
+    },
+    '&:first-child': {
+      paddingTop: 0
+    },
+    '&:last-child': {
+      paddingBottom: 0
     }
   },
   disabled: {
@@ -29735,7 +29729,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   },
   pickerWrapper: {
     position: 'absolute',
-    backgroundColor: src.treeSelectPanelBackgroundColor,
+    backgroundColor: src.backgroundPopup,
     boxShadow: src.treeSelectPanelShadow,
     border: "1px solid ".concat(src.treeSelectPanelBorder),
     borderRadius: src.treeSelectPanelRadius,
@@ -42403,7 +42397,7 @@ var CascaderList = function CascaderList(props) {
       rowsInView: 20,
       height: height,
       lineHeight: lineHeight,
-      paddingY: 3
+      paddingY: 4
     });
   };
   if (!data || data.length === 0) return renderEmpety();
@@ -56451,14 +56445,17 @@ var useNumberFormat = function useNumberFormat(props) {
     }
     num = commonFormat(num);
     onChange === null || onChange === void 0 || onChange(num);
+    return num;
   };
   var handlePlus = use_persist_fn(function () {
     if (disabled) return;
-    changeValue(step);
+    var num = changeValue(step);
+    if (num !== undefined) setInternalInputValue(getStringValue(num));
   });
   var handleMinus = use_persist_fn(function () {
     if (disabled) return;
-    changeValue(-step);
+    var num = changeValue(-step);
+    if (num !== undefined) setInternalInputValue(getStringValue(num));
   });
   return objectSpread2_default()(objectSpread2_default()({}, use_input_format({
     value: inernalInputValue,
@@ -57216,7 +57213,7 @@ var list_List = function List(props) {
       renderItem: renderItem,
       customRenderItem: renderGroupTitle,
       onControlTypeChange: onControlTypeChange,
-      paddingY: 3
+      paddingY: 4
     });
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
@@ -70896,7 +70893,7 @@ var TransferList = function TransferList(props) {
       height: listHeight,
       rowsInView: rowsInView,
       renderItem: renderItem,
-      paddingY: 3
+      paddingY: 4
     });
   };
   var renderFooter = function renderFooter() {
@@ -75707,7 +75704,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.13-beta.9'
+  version: '3.9.13'
 });
 }();
 /******/ 	return __webpack_exports__;