shineout 3.9.4-beta.12 → 3.9.4-beta.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/cjs/index.js CHANGED
@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
522
522
  // 此文件由脚本自动生成,请勿直接修改。
523
523
  // This file was generated automatically by a script. Please do not modify it directly.
524
524
  var _default = exports.default = {
525
- version: '3.9.4-beta.12'
525
+ version: '3.9.4-beta.13'
526
526
  };
package/dist/shineout.js CHANGED
@@ -4547,14 +4547,14 @@ const figma = [
4547
4547
  },
4548
4548
  {
4549
4549
  name: 'Shadow-4',
4550
- value: '0px -2px 10px rgba(232, 235, 240, 0.8)',
4550
+ value: '0,-2,10,rgb(102,108,124,0.08)',
4551
4551
  describe: '详情页底部按钮模块阴影(向上)',
4552
4552
  token: 'Shadow-4',
4553
4553
  locked: true,
4554
4554
  },
4555
4555
  {
4556
4556
  name: 'Shadow-5',
4557
- value: '0px 2px 10px rgba(232, 235, 240, 0.8)',
4557
+ value: '0,2,10,rgb(102,108,124,0.08)',
4558
4558
  describe: '详情页底部按钮模块阴影(向下)',
4559
4559
  token: 'Shadow-5',
4560
4560
  locked: true,
@@ -12401,7 +12401,7 @@ var handleStyle = function handleStyle(style) {
12401
12401
  };
12402
12402
  /* harmony default export */ var jss_style_handleStyle = (handleStyle);
12403
12403
  ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
12404
- /* harmony default export */ var version = ('3.9.4-beta.12');
12404
+ /* harmony default export */ var version = ('3.9.4-beta.13');
12405
12405
  ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
12406
12406
 
12407
12407
 
@@ -12810,8 +12810,8 @@ var Token = {
12810
12810
  'Shadow-1': '0px 2px 5px rgba(2, 11, 24, 0.1)',
12811
12811
  'Shadow-2': '0px 4px 10px rgba(2, 11, 24, 0.1)',
12812
12812
  'Shadow-3': '0px 8px 20px rgba(2, 11, 24, 0.1)',
12813
- 'Shadow-4': '0px -2px 10px rgba(232, 235, 240, 0.8)',
12814
- 'Shadow-5': '0px 2px 10px rgba(232, 235, 240, 0.8)',
12813
+ 'Shadow-4': '0,-2,10,rgb(102,108,124,0.08)',
12814
+ 'Shadow-5': '0,2,10,rgb(102,108,124,0.08)',
12815
12815
  'Line-height-dynamic': 'calc( 1em + 8px )',
12816
12816
  'Line-height-dynamic-min': 'calc( max(1em, 14px) + 8px )',
12817
12817
  Transparent: 'transparent',
@@ -14500,6 +14500,7 @@ var radioTokens = {
14500
14500
  radioPaddingY: 'Spacing-4',
14501
14501
  radioButtonPaddingY: 'Spacing-4',
14502
14502
  radioButtonPaddingX: 'Spacing-12',
14503
+ radioButtonBorderColor: 'Neutral-border-2',
14503
14504
  radioSmallIconWidth: 'Font-12',
14504
14505
  radioSmallIconBorderWidth: 'Border-1',
14505
14506
  radioSmallIconInnerSize: 'Size-3',
@@ -18727,10 +18728,15 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
18727
18728
  alignItems: 'center',
18728
18729
  justifyContent: 'center',
18729
18730
  cursor: 'pointer',
18730
- width: src.datePickerPanelHeaderIconHotWidth,
18731
- height: src.datePickerPanelHeaderIconHotWidth,
18731
+ width: "calc(".concat(src.datePickerPanelHeaderFontSize, " + 8px)"),
18732
+ height: "calc(".concat(src.datePickerPanelHeaderFontSize, " + 8px)"),
18732
18733
  color: src.datePickerPanelHeaderIconColor,
18733
18734
  borderRadius: '50%',
18735
+ '$pickerHeaderRight:has(&), $pickerHeaderLeft:has(&)': {
18736
+ display: 'flex',
18737
+ alignItems: 'center',
18738
+ height: src.datePickerPanelHeaderIconHotWidth
18739
+ },
18734
18740
  '&[dir=rtl]': {
18735
18741
  transform: 'rotate(180deg)'
18736
18742
  },
@@ -18783,6 +18789,9 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
18783
18789
  borderTop: "1px solid ".concat(src.datePickerPanelHeaderBorderColor),
18784
18790
  display: 'flex',
18785
18791
  justifyContent: 'space-between',
18792
+ '&:empty': {
18793
+ display: 'none'
18794
+ },
18786
18795
  '&[dir=rtl] $pickerFooterConfirm': {
18787
18796
  'margin-right': 'auto'
18788
18797
  },
@@ -23576,6 +23585,9 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
23576
23585
  },
23577
23586
  'button&': {
23578
23587
  padding: "".concat(src.radioButtonPaddingY, " ").concat(src.radioButtonPaddingX)
23588
+ },
23589
+ 'button[data-soui-outline]&:not($wrapperChecked):not($wrapperDisabled):not(:hover)': {
23590
+ borderColor: src.radioButtonBorderColor
23579
23591
  }
23580
23592
  },
23581
23593
  wrapperSmall: {
@@ -23774,8 +23786,8 @@ var rateStyle = objectSpread2_default()(objectSpread2_default()({}, rate_animati
23774
23786
  display: 'flex',
23775
23787
  boxSizing: 'border-box',
23776
23788
  alignItems: 'center',
23777
- width: src.rateSize,
23778
- fontSize: src.rateSize,
23789
+ width: "calc(".concat(src.rateFontSize, " + 10px)"),
23790
+ fontSize: "calc(".concat(src.rateFontSize, " + 10px)"),
23779
23791
  lineHeight: 1,
23780
23792
  '&:not($itemDisabled):hover': {
23781
23793
  cursor: 'pointer',
@@ -26434,6 +26446,7 @@ var useStickyStyle = styled(sticky_sticky, 'sticky');
26434
26446
  ;// CONCATENATED MODULE: ../shineout-style/src/switch/switch.ts
26435
26447
 
26436
26448
 
26449
+
26437
26450
  var switch_animation = {
26438
26451
  '@keyframes ring': {
26439
26452
  '0%': {
@@ -26448,7 +26461,7 @@ var switch_transition = '.2s cubic-bezier(.34,.69,.1,1)';
26448
26461
  var switchStyle = objectSpread2_default()(objectSpread2_default()({
26449
26462
  rootClass: {}
26450
26463
  }, switch_animation), {}, {
26451
- wrapper: {
26464
+ wrapper: defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({
26452
26465
  '[data-soui-role="form-control"] > &': {
26453
26466
  margin: '5px 0'
26454
26467
  },
@@ -26473,30 +26486,23 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
26473
26486
  '$wrapperChecked$wrapperDisabled&': {
26474
26487
  backgroundColor: src.switchCheckedDisabledBackgroundColor,
26475
26488
  color: src.switchCheckedDisabledFontColor
26476
- },
26477
- height: "calc( ".concat(src.switchCircleSize, " + ").concat(src.switchPaddingY, " * 2 )"),
26478
- padding: "".concat(src.switchPaddingY, " ").concat(src.switchPaddingX),
26479
- minWidth: src.switchWidth,
26480
- borderRadius: "calc( ".concat(src.switchCircleSize, " / 2 + ").concat(src.switchPaddingY, " )"),
26481
- fontSize: src.switchFontSize,
26482
- '$wrapperSmall&': {
26483
- height: "calc( ".concat(src.switchSmallCircleSize, " + ").concat(src.switchSmallPaddingY, " * 2 )"),
26484
- padding: "".concat(src.switchSmallPaddingY, " ").concat(src.switchSmallPaddingX),
26485
- minWidth: src.switchSmallWidth,
26486
- borderRadius: "calc( ".concat(src.switchSmallCircleSize, " / 2 + ").concat(src.switchSmallPaddingY, " )"),
26487
- fontSize: src.switchSmallFontSize,
26488
- '[data-soui-role="form-control"] > &': {
26489
- marginTop: 8
26490
- }
26491
- },
26492
- '$wrapperLarge&': {
26493
- height: "calc( ".concat(src.switchLargeCircleSize, " + ").concat(src.switchLargePaddingY, " * 2 )"),
26494
- padding: "".concat(src.switchLargePaddingY, " ").concat(src.switchLargePaddingX),
26495
- minWidth: src.switchLargeWidth,
26496
- borderRadius: "calc( ".concat(src.switchLargeCircleSize, " / 2 + ").concat(src.switchLargePaddingY, " )"),
26497
- fontSize: src.switchLargeFontSize
26498
26489
  }
26499
- },
26490
+ }, 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&', {
26491
+ height: "calc( ".concat(src.switchSmallCircleSize, " + ").concat(src.switchSmallPaddingY, " * 2 )"),
26492
+ padding: "".concat(src.switchSmallPaddingY, " ").concat(src.switchSmallPaddingX),
26493
+ minWidth: src.switchSmallWidth,
26494
+ borderRadius: "calc( ".concat(src.switchSmallCircleSize, " / 2 + ").concat(src.switchSmallPaddingY, " )"),
26495
+ fontSize: src.switchSmallFontSize,
26496
+ '[data-soui-role="form-control"] > &': {
26497
+ marginTop: 8
26498
+ }
26499
+ }), '$wrapperLarge&', {
26500
+ height: "calc( ".concat(src.switchLargeCircleSize, " + ").concat(src.switchLargePaddingY, " * 2 )"),
26501
+ padding: "".concat(src.switchLargePaddingY, " ").concat(src.switchLargePaddingX),
26502
+ minWidth: src.switchLargeWidth,
26503
+ borderRadius: "calc( ".concat(src.switchLargeCircleSize, " / 2 + ").concat(src.switchLargePaddingY, " )"),
26504
+ fontSize: src.switchLargeFontSize
26505
+ }),
26500
26506
  wrapperChecked: {},
26501
26507
  textPadding: {
26502
26508
  paddingLeft: src.switchTextPaddingRight,
@@ -26649,6 +26655,7 @@ function customScrollBar(info) {
26649
26655
 
26650
26656
 
26651
26657
 
26658
+
26652
26659
  var cellBaseIndex = 4;
26653
26660
  var fixedIndex = 6;
26654
26661
  var resizeIndex = 8;
@@ -27039,11 +27046,9 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
27039
27046
  marginInlineEnd: -5
27040
27047
  }
27041
27048
  },
27042
- filterIconContainer: {
27043
- '&:hover $filterIcon': {
27044
- color: src.tableFilterIconHoverColor
27045
- }
27046
- },
27049
+ filterIconContainer: defineProperty_default()(defineProperty_default()({}, getTokenName('buttonSmallCircleSize'), "calc(".concat(src.tableFilterIconSize, " + 8px)")), '&:hover $filterIcon', {
27050
+ color: src.tableFilterIconHoverColor
27051
+ }),
27047
27052
  filterIcon: {
27048
27053
  width: src.tableFilterIconSize,
27049
27054
  height: src.tableFilterIconSize,
@@ -28046,8 +28051,8 @@ var tabsStyle = {
28046
28051
  alignItems: 'center',
28047
28052
  justifyContent: 'center',
28048
28053
  borderRadius: '50%',
28049
- width: 22,
28050
- height: 22
28054
+ width: "calc(".concat(src.tabsArrowFontSize, " + 8px)"),
28055
+ height: "calc(".concat(src.tabsArrowFontSize, " + 8px)")
28051
28056
  },
28052
28057
  bordered: {},
28053
28058
  card: {},
@@ -62224,6 +62229,7 @@ var useListSelectSingle = function useListSelectSingle(props) {
62224
62229
 
62225
62230
 
62226
62231
 
62232
+
62227
62233
  var radio_group_defaultFormat = function defaultFormat(d) {
62228
62234
  return d;
62229
62235
  };
@@ -62293,20 +62299,17 @@ var radio_group_Group = function Group(props0) {
62293
62299
  disabled = info.disabled,
62294
62300
  wrapperProps = info.wrapperProps,
62295
62301
  inputProps = info.inputProps;
62302
+ var isOutline = button === 'outline';
62296
62303
  var checkedProps = {
62297
- mode: button === 'outline' ? 'outline' : undefined,
62298
- type: 'primary'
62299
- };
62300
- var noCheckedProps = {
62301
- mode: button === 'outline' ? 'outline' : undefined,
62302
- type: 'secondary'
62304
+ mode: isOutline ? 'outline' : undefined,
62305
+ type: checked ? 'primary' : 'secondary'
62303
62306
  };
62304
62307
  if (button) {
62305
- return /*#__PURE__*/(0,jsx_runtime.jsxs)(base_src_button_button, objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
62308
+ return /*#__PURE__*/(0,jsx_runtime.jsxs)(base_src_button_button, objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
62306
62309
  jssStyle: jssStyle,
62307
62310
  size: size,
62308
62311
  disabled: disabled
62309
- }, checked ? checkedProps : noCheckedProps), wrapperProps), {}, {
62312
+ }, getDataAttribute(defineProperty_default()({}, 'outline', isOutline ? 'true' : undefined))), checkedProps), wrapperProps), {}, {
62310
62313
  children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()({
62311
62314
  type: "radio"
62312
62315
  }, inputProps)), children]
@@ -74769,7 +74772,7 @@ var upload_interface = __webpack_require__(8821);
74769
74772
 
74770
74773
 
74771
74774
  /* harmony default export */ var src_0 = ({
74772
- version: '3.9.4-beta.12'
74775
+ version: '3.9.4-beta.13'
74773
74776
  });
74774
74777
  }();
74775
74778
  /******/ return __webpack_exports__;