shineout 3.9.4-beta.9 → 3.9.5-beta.1

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.4-beta.9'
+  version: '3.9.5-beta.1'
 };

package/dist/shineout.js

@@ -4547,14 +4547,14 @@ const figma = [
   },
   {
     name: 'Shadow-4',
-    value: '0px -2px 10px rgba(232, 235, 240, 0.8)',
+    value: '0,-2,10,rgb(102,108,124,0.08)',
     describe: '详情页底部按钮模块阴影（向上）',
     token: 'Shadow-4',
     locked: true,
   },
   {
     name: 'Shadow-5',
-    value: '0px 2px 10px rgba(232, 235, 240, 0.8)',
+    value: '0,2,10,rgb(102,108,124,0.08)',
     describe: '详情页底部按钮模块阴影（向下）',
     token: 'Shadow-5',
     locked: true,
@@ -12401,7 +12401,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.4-beta.9');
+/* harmony default export */ var version = ('3.9.5-beta.1');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12810,8 +12810,8 @@ var Token = {
   '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)',
-  'Shadow-4': '0px -2px 10px rgba(232, 235, 240, 0.8)',
-  'Shadow-5': '0px 2px 10px rgba(232, 235, 240, 0.8)',
+  'Shadow-4': '0,-2,10,rgb(102,108,124,0.08)',
+  'Shadow-5': '0,2,10,rgb(102,108,124,0.08)',
   'Line-height-dynamic': 'calc( 1em + 8px )',
   'Line-height-dynamic-min': 'calc( max(1em, 14px) + 8px )',
   Transparent: 'transparent',
@@ -14500,6 +14500,7 @@ var radioTokens = {
   radioPaddingY: 'Spacing-4',
   radioButtonPaddingY: 'Spacing-4',
   radioButtonPaddingX: 'Spacing-12',
+  radioButtonBorderColor: 'Neutral-border-2',
   radioSmallIconWidth: 'Font-12',
   radioSmallIconBorderWidth: 'Border-1',
   radioSmallIconInnerSize: 'Size-3',
@@ -17540,6 +17541,7 @@ var supportsHas = function supportsHas() {
 
 
 
+
 var inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
   borderRadius: src.inputBorderRadius,
@@ -17614,9 +17616,9 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     },
     '&$wrapperSmall': {
       '& $tag': {
-        lineHeight: '16px',
         marginTop: 1,
-        marginBottom: 1
+        marginBottom: 1,
+        border: 'none'
       },
       '& $placeholder,$ellipsis,$space,input': {
         marginTop: 0,
@@ -17944,7 +17946,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     paddingTop: src.cascaderListPaddingY,
     paddingBottom: src.cascaderListPaddingY
   },
-  tag: {
+  tag: defineProperty_default()(defineProperty_default()({
     flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
@@ -17953,11 +17955,10 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     marginRight: src.cascaderTagMarginRight,
     marginTop: src.cascaderTagMarginY,
     marginBottom: src.cascaderTagMarginY,
-    textWrap: 'nowrap',
-    '&$hideTag': {
-      marginRight: 0
-    }
-  },
+    textWrap: 'nowrap'
+  }, getTokenName('tagDefaultLineBase'), src.inputFontSize), '&$hideTag', {
+    marginRight: 0
+  }),
   tagOnly: {
     flexShrink: 1,
     minWidth: 42
@@ -18727,10 +18728,15 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
     alignItems: 'center',
     justifyContent: 'center',
     cursor: 'pointer',
-    width: src.datePickerPanelHeaderIconHotWidth,
-    height: src.datePickerPanelHeaderIconHotWidth,
+    width: "calc(".concat(src.datePickerPanelHeaderFontSize, " + 8px)"),
+    height: "calc(".concat(src.datePickerPanelHeaderFontSize, " + 8px)"),
     color: src.datePickerPanelHeaderIconColor,
     borderRadius: '50%',
+    '$pickerHeaderRight:has(&), $pickerHeaderLeft:has(&)': {
+      display: 'flex',
+      alignItems: 'center',
+      height: src.datePickerPanelHeaderIconHotWidth
+    },
     '&[dir=rtl]': {
       transform: 'rotate(180deg)'
     },
@@ -18783,6 +18789,9 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
     borderTop: "1px solid ".concat(src.datePickerPanelHeaderBorderColor),
     display: 'flex',
     justifyContent: 'space-between',
+    '&:empty': {
+      display: 'none'
+    },
     '&[dir=rtl] $pickerFooterConfirm': {
       'margin-right': 'auto'
     },
@@ -22329,8 +22338,8 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
   headerClose: {
     marginLeft: src.modalHeaderCloseMarginXStart,
     marginTop: src.modalHeaderCloseTop,
-    width: src.modalHeaderCloseSize,
-    height: src.modalHeaderCloseSize,
+    width: src.modalHeaderFontSize,
+    height: src.modalHeaderFontSize,
     cursor: 'pointer',
     display: 'block',
     color: src.modalHeaderCloseColor,
@@ -23576,6 +23585,9 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
     },
     'button&': {
       padding: "".concat(src.radioButtonPaddingY, " ").concat(src.radioButtonPaddingX)
+    },
+    'button[data-soui-outline]&:not($wrapperChecked):not($wrapperDisabled):not(:hover)': {
+      borderColor: src.radioButtonBorderColor
     }
   },
   wrapperSmall: {
@@ -23774,8 +23786,8 @@ var rateStyle = objectSpread2_default()(objectSpread2_default()({}, rate_animati
     display: 'flex',
     boxSizing: 'border-box',
     alignItems: 'center',
-    width: src.rateSize,
-    fontSize: src.rateSize,
+    width: "calc(".concat(src.rateFontSize, " + 10px)"),
+    fontSize: "calc(".concat(src.rateFontSize, " + 10px)"),
     lineHeight: 1,
     '&:not($itemDisabled):hover': {
       cursor: 'pointer',
@@ -23863,6 +23875,7 @@ var useRateStyle = styled(rate_rate, 'rate');
 
 
 
+
 var select_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
   borderRadius: src.inputBorderRadius,
@@ -23937,7 +23950,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     '&$wrapperSmall': {
       '& $tag': {
         marginTop: 1,
-        marginBottom: 1
+        marginBottom: 1,
+        border: 'none'
       },
       '& $placeholder,$ellipsis,$space,input': {
         marginTop: 0,
@@ -24258,7 +24272,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       }
     }
   },
-  tag: {
+  tag: defineProperty_default()(defineProperty_default()({
     flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
@@ -24267,11 +24281,10 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     marginRight: src.selectTagMarginRight,
     marginTop: src.selectTagMarginY,
     marginBottom: src.selectTagMarginY,
-    textWrap: 'nowrap',
-    '&$hideTag': {
-      marginRight: 0
-    }
-  },
+    textWrap: 'nowrap'
+  }, getTokenName('tagDefaultLineBase'), src.inputFontSize), '&$hideTag', {
+    marginRight: 0
+  }),
   tagOnly: {
     flexShrink: 1,
     minWidth: 42
@@ -26433,6 +26446,7 @@ var useStickyStyle = styled(sticky_sticky, 'sticky');
 ;// CONCATENATED MODULE: ../shineout-style/src/switch/switch.ts
 
 
+
 var switch_animation = {
   '@keyframes ring': {
     '0%': {
@@ -26447,7 +26461,7 @@ var switch_transition = '.2s cubic-bezier(.34,.69,.1,1)';
 var switchStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {}
 }, switch_animation), {}, {
-  wrapper: {
+  wrapper: defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({
     '[data-soui-role="form-control"] >  &': {
       margin: '5px 0'
     },
@@ -26472,30 +26486,23 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
     '$wrapperChecked$wrapperDisabled&': {
       backgroundColor: src.switchCheckedDisabledBackgroundColor,
       color: src.switchCheckedDisabledFontColor
-    },
-    height: "calc( ".concat(src.switchCircleSize, " + ").concat(src.switchPaddingY, " * 2 )"),
-    padding: "".concat(src.switchPaddingY, " ").concat(src.switchPaddingX),
-    minWidth: src.switchWidth,
-    borderRadius: "calc( ".concat(src.switchCircleSize, " / 2 + ").concat(src.switchPaddingY, " )"),
-    fontSize: src.switchFontSize,
-    '$wrapperSmall&': {
-      height: "calc( ".concat(src.switchSmallCircleSize, " + ").concat(src.switchSmallPaddingY, " * 2 )"),
-      padding: "".concat(src.switchSmallPaddingY, " ").concat(src.switchSmallPaddingX),
-      minWidth: src.switchSmallWidth,
-      borderRadius: "calc( ".concat(src.switchSmallCircleSize, " / 2 + ").concat(src.switchSmallPaddingY, " )"),
-      fontSize: src.switchSmallFontSize,
-      '[data-soui-role="form-control"] > &': {
-        marginTop: 8
-      }
-    },
-    '$wrapperLarge&': {
-      height: "calc( ".concat(src.switchLargeCircleSize, " + ").concat(src.switchLargePaddingY, " * 2 )"),
-      padding: "".concat(src.switchLargePaddingY, " ").concat(src.switchLargePaddingX),
-      minWidth: src.switchLargeWidth,
-      borderRadius: "calc( ".concat(src.switchLargeCircleSize, " / 2 + ").concat(src.switchLargePaddingY, " )"),
-      fontSize: src.switchLargeFontSize
     }
-  },
+  }, getTokenName('switchCircleSize'), "calc(".concat(src.switchFontSize, " + 4px)")), "height", "calc( ".concat(src.switchCircleSize, " + ").concat(src.switchPaddingY, " * 2 )")), "padding", "".concat(src.switchPaddingY, " ").concat(src.switchPaddingX)), "minWidth", src.switchWidth), "borderRadius", "calc( ".concat(src.switchCircleSize, " / 2 + ").concat(src.switchPaddingY, " )")), "fontSize", src.switchFontSize), '$wrapperSmall&', {
+    height: "calc( ".concat(src.switchSmallCircleSize, " + ").concat(src.switchSmallPaddingY, " * 2 )"),
+    padding: "".concat(src.switchSmallPaddingY, " ").concat(src.switchSmallPaddingX),
+    minWidth: src.switchSmallWidth,
+    borderRadius: "calc( ".concat(src.switchSmallCircleSize, " / 2 + ").concat(src.switchSmallPaddingY, " )"),
+    fontSize: src.switchSmallFontSize,
+    '[data-soui-role="form-control"] > &': {
+      marginTop: 8
+    }
+  }), '$wrapperLarge&', {
+    height: "calc( ".concat(src.switchLargeCircleSize, " + ").concat(src.switchLargePaddingY, " * 2 )"),
+    padding: "".concat(src.switchLargePaddingY, " ").concat(src.switchLargePaddingX),
+    minWidth: src.switchLargeWidth,
+    borderRadius: "calc( ".concat(src.switchLargeCircleSize, " / 2 + ").concat(src.switchLargePaddingY, " )"),
+    fontSize: src.switchLargeFontSize
+  }),
   wrapperChecked: {},
   textPadding: {
     paddingLeft: src.switchTextPaddingRight,
@@ -26648,6 +26655,7 @@ function customScrollBar(info) {
 
 
 
+
 var cellBaseIndex = 4;
 var fixedIndex = 6;
 var resizeIndex = 8;
@@ -27038,11 +27046,9 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
       marginInlineEnd: -5
     }
   },
-  filterIconContainer: {
-    '&:hover $filterIcon': {
-      color: src.tableFilterIconHoverColor
-    }
-  },
+  filterIconContainer: defineProperty_default()(defineProperty_default()({}, getTokenName('buttonSmallCircleSize'), "calc(".concat(src.tableFilterIconSize, " + 8px)")), '&:hover $filterIcon', {
+    color: src.tableFilterIconHoverColor
+  }),
   filterIcon: {
     width: src.tableFilterIconSize,
     height: src.tableFilterIconSize,
@@ -28045,8 +28051,8 @@ var tabsStyle = {
     alignItems: 'center',
     justifyContent: 'center',
     borderRadius: '50%',
-    width: 22,
-    height: 22
+    width: "calc(".concat(src.tabsArrowFontSize, " + 8px)"),
+    height: "calc(".concat(src.tabsArrowFontSize, " + 8px)")
   },
   bordered: {},
   card: {},
@@ -28287,8 +28293,8 @@ var TagStyle = {
     padding: "".concat(src.tagLargePaddingY, " ").concat(src.tagLargePaddingX),
     '& $closeIconWrapper': {
       '& svg': {
-        width: 14,
-        height: 14
+        width: src.tagLargeFontSize,
+        height: src.tagLargeFontSize
       }
     },
     '& $wrapper': {
@@ -28308,15 +28314,12 @@ var TagStyle = {
       lineHeight: "var(".concat(src.tagSmallLineHeight, ", calc(").concat(src.tagSmallFontSize, " + 6px))")
     },
     '& $closeIcon': {
-      height: "var(".concat(src.tagSmallLineHeight, ", calc(").concat(src.tagSmallFontSize, " + 6px))")
+      height: "var(".concat(src.tagSmallLineHeight, ", calc(").concat(src.tagSmallFontSize, " + 4px))")
     },
     '& $closeIconWrapper': {
-      width: "calc(".concat(src.tagSmallFontSize, " + 6px)"),
-      height: "calc(".concat(src.tagSmallFontSize, " + 6px)"),
-      lineHeight: "calc(".concat(src.tagSmallFontSize, " + 6px)"),
       '& svg': {
-        width: 12,
-        height: 12
+        width: src.tagSmallFontSize,
+        height: src.tagSmallFontSize
       }
     }
   },
@@ -28327,7 +28330,7 @@ var TagStyle = {
     }
   },
   closeIcon: {
-    marginLeft: 4,
+    marginLeft: 2,
     alignItems: 'center',
     display: 'inline-flex',
     cursor: 'pointer',
@@ -28342,8 +28345,8 @@ var TagStyle = {
     width: "calc(1em + 4px)",
     height: "calc(1em + 4px)",
     '& svg': {
-      width: 12,
-      height: 12
+      width: src.tagFontSize,
+      height: src.tagFontSize
     }
   },
   info: objectSpread2_default()({}, brightTag('info', 'Info')),
@@ -28551,7 +28554,7 @@ var TransferStyle = {
   small: {
     '& $operations': {
       '& svg': {
-        width: 12
+        width: src.transferSmallFontSize
       }
     },
     '& $header': {
@@ -28561,7 +28564,7 @@ var TransferStyle = {
       fontSize: src.transferSmallFontSize
     },
     '& $close': {
-      width: 20
+      width: "calc(".concat(src.transferSmallFontSize, " + 8px)")
     },
     '& $left, & $right': {
       padding: 0
@@ -28617,19 +28620,19 @@ var TransferStyle = {
     lineHeight: src.lineHeightDynamic
   },
   removeAll: {
-    width: 24,
-    height: 24,
+    width: "calc(".concat(src.transferFontSize, " + 8px)"),
+    height: "calc(".concat(src.transferFontSize, " + 8px)"),
     borderRadius: '50%',
-    minWidth: 24,
+    minWidth: "calc(".concat(src.transferFontSize, " + 8px)"),
     fontSize: src.transferFontSize,
-    lineHeight: '14px',
+    lineHeight: "calc(".concat(src.transferFontSize, " + 8px)"),
     cursor: 'pointer',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
     marginLeft: 3,
     '& svg': {
-      width: 14,
+      width: src.transferFontSize,
       color: src.transferRemoveIconColor
     },
     '&:hover': {
@@ -28637,12 +28640,12 @@ var TransferStyle = {
     }
   },
   close: {
-    width: 22,
-    height: 22,
+    width: "calc(".concat(src.transferFontSize, " + 8px)"),
+    height: "calc(".concat(src.transferFontSize, " + 8px)"),
     flexShrink: 0,
     borderRadius: '50%',
-    minWidth: 12,
-    fontSize: 12,
+    minWidth: "calc(".concat(src.transferFontSize, " + 8px)"),
+    fontSize: src.transferFontSize,
     cursor: 'pointer',
     color: src.transferIconColor,
     lineHeight: "calc(".concat(src.lineHeightDynamic, " + 2px)"),
@@ -28651,7 +28654,7 @@ var TransferStyle = {
     alignItems: 'center',
     justifyContent: 'center',
     '& svg': {
-      width: 12
+      width: src.transferFontSize
     },
     '&:hover': {
       background: src.transferIconBackgroundColor
@@ -28664,7 +28667,7 @@ var TransferStyle = {
     justifyContent: 'center',
     flexDirection: 'column',
     '& svg': {
-      width: 14
+      width: src.transferFontSize
     }
   },
   inputWrapper: {
@@ -28672,8 +28675,8 @@ var TransferStyle = {
   },
   input: {
     '& > div > svg': {
-      width: 14,
-      minWidth: 14,
+      width: src.transferFontSize,
+      minWidth: src.transferFontSize,
       color: src.transferIconColor
     }
   },
@@ -29260,9 +29263,9 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     },
     '&$wrapperSmall': {
       '& $tag': {
-        lineHeight: '16px',
         marginTop: 1,
-        marginBottom: 1
+        marginBottom: 1,
+        border: 'none'
       },
       '& $placeholder,$ellipsis,$space,input': {
         marginTop: 0,
@@ -29563,7 +29566,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
       }
     }
   },
-  tag: {
+  tag: defineProperty_default()(defineProperty_default()({
     flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
@@ -29572,11 +29575,10 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     marginRight: src.treeSelectTagMarginRight,
     marginTop: src.treeSelectTagMarginY,
     marginBottom: src.treeSelectTagMarginY,
-    textWrap: 'nowrap',
-    '&$hideTag': {
-      marginRight: 0
-    }
-  },
+    textWrap: 'nowrap'
+  }, getTokenName('tagDefaultLineBase'), src.inputFontSize), '&$hideTag', {
+    marginRight: 0
+  }),
   tagOnly: {
     flexShrink: 1,
     minWidth: 42
@@ -59829,7 +59831,7 @@ var usePagination = function usePagination(props) {
   var handleChange = usePersistFn(function (c, size) {
     if (c === current && size === undefined) return;
     setCurrent(c);
-    setPageSize(size || pageSizeProp);
+    setPageSize(size || pageSize);
     if (onChange) {
       var sizeChange = size !== undefined && pageSize !== size;
       onChange(c, size || pageSize, sizeChange);
@@ -62227,6 +62229,7 @@ var useListSelectSingle = function useListSelectSingle(props) {
 
 
 
+
 var radio_group_defaultFormat = function defaultFormat(d) {
   return d;
 };
@@ -62296,20 +62299,17 @@ var radio_group_Group = function Group(props0) {
         disabled = info.disabled,
         wrapperProps = info.wrapperProps,
         inputProps = info.inputProps;
+      var isOutline = button === 'outline';
       var checkedProps = {
-        mode: button === 'outline' ? 'outline' : undefined,
-        type: 'primary'
-      };
-      var noCheckedProps = {
-        mode: button === 'outline' ? 'outline' : undefined,
-        type: 'secondary'
+        mode: isOutline ? 'outline' : undefined,
+        type: checked ? 'primary' : 'secondary'
       };
       if (button) {
-        return /*#__PURE__*/(0,jsx_runtime.jsxs)(base_src_button_button, objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
+        return /*#__PURE__*/(0,jsx_runtime.jsxs)(base_src_button_button, objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
           jssStyle: jssStyle,
           size: size,
           disabled: disabled
-        }, checked ? checkedProps : noCheckedProps), wrapperProps), {}, {
+        }, getDataAttribute(defineProperty_default()({}, 'outline', isOutline ? 'true' : undefined))), checkedProps), wrapperProps), {}, {
           children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()({
             type: "radio"
           }, inputProps)), children]
@@ -74772,7 +74772,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.4-beta.9'
+  version: '3.9.5-beta.1'
 });
 }();
 /******/ 	return __webpack_exports__;