shineout 3.9.13-beta.10 → 3.9.13-beta.12

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.10'
+  version: '3.9.13-beta.12'
 };

package/dist/shineout.js

@@ -12359,7 +12359,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.10');
+/* harmony default export */ var version = ('3.9.13-beta.12');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13575,7 +13575,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 +13592,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
@@ -13812,29 +13815,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'
@@ -17991,16 +17994,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 +18090,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 +18146,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': {
@@ -18896,7 +18903,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': {
@@ -19075,14 +19082,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
     }
@@ -19115,6 +19126,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
     alignItems: 'center',
     lineHeight: src.lineHeightDynamic,
     '& > span': {
+      color: src.datePickerCellColor,
       lineHeight: '0',
       marginRight: '8px',
       '& > svg': {
@@ -19187,18 +19199,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: {
@@ -19206,7 +19218,7 @@ var descriptionsStyle = {
     alignItems: 'center',
     justifyContent: 'space-between',
     paddingBottom: src.descriptionsTitlePaddingBottom,
-    fontSize: src.descriptionsTitleDefaultSize
+    fontSize: src.descriptionsTitleDefaultFontSize
   },
   title: {
     lineHeight: src.lineHeightDynamic,
@@ -19219,7 +19231,7 @@ var descriptionsStyle = {
     lineHeight: src.lineHeightDynamic
   },
   body: {
-    fontSize: src.descriptionsFontDefaultSize,
+    fontSize: src.descriptionsDefaultFontSize,
     overflow: 'hidden'
   },
   table: {
@@ -20980,7 +20992,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': {
@@ -20989,7 +21001,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,
@@ -23795,18 +23807,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',
@@ -24347,19 +24359,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: {
@@ -24446,7 +24457,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: {},
@@ -24537,13 +24556,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',
@@ -24589,7 +24608,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
   },
@@ -24602,7 +24621,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     '& > $columnsCheckbox': {
       padding: 0,
       marginRight: 0,
-      marginLeft: src.selectColumnPadding,
+      marginLeft: src.selectOptionInnerPaddingX,
       width: 'auto'
     },
     '$pickerSmall &': {
@@ -24631,7 +24650,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     padding: "0 ".concat(src.selectOptionPaddingX),
     '& $optionGroupTitle': {
       padding: 0,
-      marginLeft: src.selectColumnPadding
+      marginLeft: src.selectOptionInnerPaddingX
     },
     '$pickerSmall &': {
       '& $optionGroupTitle': {
@@ -24666,8 +24685,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,
@@ -24679,8 +24698,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,
@@ -28017,7 +28036,7 @@ var tabsStyle = {
       border: '1px solid transparent'
     },
     '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
-      background: '#FFFFFF',
+      background: src.tabsCardBackgroundColor,
       alignSelf: 'stretch',
       display: 'flex',
       alignItems: 'center',
@@ -29008,6 +29027,12 @@ var TransferStyle = {
       '& $itemWrapper': {
         background: src.transferItemHoverBackgroundColor
       }
+    },
+    '&:first-child': {
+      paddingTop: 0
+    },
+    '&:last-child': {
+      paddingBottom: 0
     }
   },
   disabled: {
@@ -42409,7 +42434,7 @@ var CascaderList = function CascaderList(props) {
       rowsInView: 20,
       height: height,
       lineHeight: lineHeight,
-      paddingY: 3
+      paddingY: 4
     });
   };
   if (!data || data.length === 0) return renderEmpety();
@@ -56457,14 +56482,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,
@@ -57222,7 +57250,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 () {
@@ -70902,7 +70930,7 @@ var TransferList = function TransferList(props) {
       height: listHeight,
       rowsInView: rowsInView,
       renderItem: renderItem,
-      paddingY: 3
+      paddingY: 4
     });
   };
   var renderFooter = function renderFooter() {
@@ -75713,7 +75741,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.13-beta.10'
+  version: '3.9.13-beta.12'
 });
 }();
 /******/ 	return __webpack_exports__;