shineout 3.9.13-beta.5 → 3.9.13-beta.7

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.13-beta.5'
525
+ version: '3.9.13-beta.7'
526
526
  };
package/dist/shineout.js CHANGED
@@ -12338,7 +12338,7 @@ var handleStyle = function handleStyle(style) {
12338
12338
  };
12339
12339
  /* harmony default export */ var jss_style_handleStyle = (handleStyle);
12340
12340
  ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
12341
- /* harmony default export */ var version = ('3.9.13-beta.5');
12341
+ /* harmony default export */ var version = ('3.9.13-beta.7');
12342
12342
  ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
12343
12343
 
12344
12344
 
@@ -14959,7 +14959,7 @@ var tagTokens = {
14959
14959
  tagInfoDisabledBorderColor: 'Brand-1',
14960
14960
  tagInfoOutlineFontColor: 'Brand-6',
14961
14961
  tagInfoOutlineBackgroundColor: 'Transparent',
14962
- tagInfoOutlineBorderColor: 'Brand-6',
14962
+ tagInfoOutlineBorderColor: 'Brand-3',
14963
14963
  tagInfoOutlineDisabledFontColor: 'Brand-3',
14964
14964
  tagInfoOutlineDisabledBackgroundColor: 'Transparent',
14965
14965
  tagInfoOutlineDisabledBorderColor: 'Brand-3',
@@ -17762,8 +17762,11 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
17762
17762
  }
17763
17763
  },
17764
17764
  resultTextDisabled: {
17765
- color: src.cascaderDisabledFontColor,
17766
- cursor: 'not-allowed'
17765
+ color: src.inputDisabledFontColor,
17766
+ cursor: 'not-allowed',
17767
+ '& input::placeholder': {
17768
+ color: src.inputDisabledPlaceholderColor
17769
+ }
17767
17770
  },
17768
17771
  compressedWrapper: {
17769
17772
  width: 0,
@@ -18550,7 +18553,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
18550
18553
  backgroundColor: 'transparent',
18551
18554
  width: '100%',
18552
18555
  '&::placeholder': {
18553
- color: src.datePickerPlaceholderColor
18556
+ color: src.inputPlaceholderColor
18554
18557
  }
18555
18558
  }
18556
18559
  },
@@ -18573,7 +18576,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
18573
18576
  backgroundColor: 'transparent',
18574
18577
  width: '100%',
18575
18578
  '&::placeholder': {
18576
- color: src.datePickerPlaceholderColor
18579
+ color: src.inputPlaceholderColor
18577
18580
  }
18578
18581
  }
18579
18582
  },
@@ -18583,8 +18586,11 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
18583
18586
  }
18584
18587
  },
18585
18588
  resultTextDisabled: {
18586
- color: src.datePickerDisabledFontColor,
18587
- cursor: 'not-allowed'
18589
+ color: src.inputDisabledFontColor,
18590
+ cursor: 'not-allowed',
18591
+ '& input::placeholder': {
18592
+ color: src.inputDisabledPlaceholderColor
18593
+ }
18588
18594
  },
18589
18595
  placeholder: {
18590
18596
  color: src.datePickerPlaceholderColor
@@ -18714,8 +18720,8 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
18714
18720
  transform: 'rotate(180deg)'
18715
18721
  },
18716
18722
  '& svg': {
18717
- width: src.datePickerPanelHeaderIconWidth,
18718
- height: src.datePickerPanelHeaderIconWidth
18723
+ width: src.datePickerPanelHeaderFontSize,
18724
+ height: src.datePickerPanelHeaderFontSize
18719
18725
  },
18720
18726
  '&:hover': {
18721
18727
  backgroundColor: src.datePickerPanelHeaderIconHoverBackgroundColor
@@ -18724,10 +18730,10 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
18724
18730
  pickerHeaderMid: {
18725
18731
  display: 'flex',
18726
18732
  alignItems: 'center',
18733
+ fontSize: src.datePickerPanelHeaderFontSize,
18734
+ color: src.datePickerPanelHeaderFontColor,
18727
18735
  '& > span': {
18728
- padding: "0 ".concat(src.datePickerPanelHeaderTitlePaddingX),
18729
- fontSize: src.datePickerPanelHeaderFontSize,
18730
- color: src.datePickerPanelHeaderFontColor
18736
+ padding: "0 ".concat(src.datePickerPanelHeaderTitlePaddingX)
18731
18737
  }
18732
18738
  },
18733
18739
  pickerHeaderInfo: {
@@ -19078,8 +19084,8 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
19078
19084
  lineHeight: '0',
19079
19085
  marginRight: '8px',
19080
19086
  '& > svg': {
19081
- width: src.datePickerFontSize,
19082
- height: src.datePickerFontSize,
19087
+ width: src.datePickerPanelBodyFontSize,
19088
+ height: src.datePickerPanelBodyFontSize,
19083
19089
  color: src.datePickerIconColor
19084
19090
  }
19085
19091
  },
@@ -19115,7 +19121,8 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
19115
19121
  },
19116
19122
  whiteSpace: 'nowrap',
19117
19123
  textAlign: 'left',
19118
- fontSize: src.datePickerQuickPanelItemFontSize,
19124
+ color: src.buttonSecondaryTextFontColor,
19125
+ fontSize: src.buttonSmallFontSize,
19119
19126
  padding: "".concat(src.datePickerQuickPanelItemPaddingY, " ").concat(src.datePickerQuickPanelItemPaddingX),
19120
19127
  lineHeight: src.lineHeightDynamic,
19121
19128
  borderRadius: '4px',
@@ -20262,6 +20269,7 @@ var ImageStyle = objectSpread2_default()(objectSpread2_default()({
20262
20269
  display: 'flex',
20263
20270
  alignItems: 'center',
20264
20271
  justifyContent: 'center',
20272
+ '--spin-color': src.imageSpinColor,
20265
20273
  backgroundColor: src.imagePlaceholderBackgroundColor
20266
20274
  },
20267
20275
  defaultError: {
@@ -24254,8 +24262,11 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
24254
24262
  }
24255
24263
  },
24256
24264
  resultTextDisabled: {
24257
- color: src.selectDisabledFontColor,
24258
- cursor: 'not-allowed'
24265
+ color: src.inputDisabledFontColor,
24266
+ cursor: 'not-allowed',
24267
+ '& input::placeholder': {
24268
+ color: src.inputDisabledPlaceholderColor
24269
+ }
24259
24270
  },
24260
24271
  compressedWrapper: {
24261
24272
  width: 0,
@@ -27705,17 +27716,6 @@ var getLineStyle = function getLineStyle() {
27705
27716
  top: 0,
27706
27717
  height: 1,
27707
27718
  width: '100%'
27708
- },
27709
- '& $tab': {
27710
- '&:after': {
27711
- position: 'absolute',
27712
- content: '""',
27713
- top: 0,
27714
- left: 0,
27715
- width: '100%',
27716
- height: 1,
27717
- background: src.tabsBorderColor
27718
- }
27719
27719
  }
27720
27720
  }
27721
27721
  };
@@ -27733,12 +27733,6 @@ var getFillStyle = function getFillStyle() {
27733
27733
  return {
27734
27734
  '&[data-soui-shape="fill"]': {
27735
27735
  '& $tab': {
27736
- '&[data-soui-state="active"]': {
27737
- '& $fillInner': {
27738
- background: '#FFFFFF',
27739
- color: src.tabsActiveFontColor
27740
- }
27741
- },
27742
27736
  '&:before': {
27743
27737
  content: '""',
27744
27738
  position: 'absolute',
@@ -27873,12 +27867,7 @@ var tabsStyle = {
27873
27867
  boxSizing: 'border-box',
27874
27868
  cursor: 'pointer',
27875
27869
  lineHeight: src.lineHeightDynamic,
27876
- fontSize: src.tabsTabFontSize,
27877
- '&[data-soui-state="active"]': {
27878
- '&:after': {
27879
- background: src.tabsActiveFontColor
27880
- }
27881
- }
27870
+ fontSize: src.tabsTabFontSize
27882
27871
  },
27883
27872
  hr: {
27884
27873
  position: 'absolute',
@@ -28081,7 +28070,7 @@ var tabsStyle = {
28081
28070
  },
28082
28071
  headerScrollBar: {
28083
28072
  position: 'absolute',
28084
- background: src.tabsActiveFontColor,
28073
+ background: src.tabsLineCheckedInkColor,
28085
28074
  transition: "left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out",
28086
28075
  '[data-soui-position^="top-"] &,[data-soui-position^="bottom-"] &': {
28087
28076
  height: src.tabsLineCheckedInkHeight
@@ -28668,7 +28657,7 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
28668
28657
  textarea: {
28669
28658
  padding: 0,
28670
28659
  '&::placeholder': {
28671
- color: src.textareaPlaceholderColor
28660
+ color: src.inputPlaceholderColor
28672
28661
  },
28673
28662
  width: '100%',
28674
28663
  background: 'transparent',
@@ -28730,51 +28719,51 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
28730
28719
  },
28731
28720
  clear: {
28732
28721
  position: 'absolute',
28733
- right: src.textareaPaddingX,
28734
- top: src.textareaPaddingY,
28722
+ right: src.inputPaddingX,
28723
+ top: src.inputPaddingY,
28735
28724
  cursor: 'pointer',
28736
28725
  padding: 4,
28737
- color: src.textareaClearColor,
28726
+ color: src.inputClearColor,
28738
28727
  opacity: 0,
28739
28728
  '$wrapperWithClear:hover &, $wrapperWithClear$wrapperFocus &': {
28740
28729
  opacity: 1
28741
28730
  },
28742
28731
  '$wrapperSmall &': {
28743
- top: src.textareaSmallPaddingY
28732
+ top: src.inputSmallPaddingY
28744
28733
  },
28745
28734
  '$wrapperLarge &': {
28746
- top: src.textareaLargePaddingY
28735
+ top: src.inputLargePaddingY
28747
28736
  },
28748
28737
  '&:hover': {
28749
- color: src.textareaClearHoverColor
28738
+ color: src.inputHoverClearColor
28750
28739
  },
28751
28740
  '& > svg': {
28752
28741
  display: 'block',
28753
- width: src.textareaFontSize,
28754
- height: src.textareaFontSize,
28742
+ width: src.inputFontSize,
28743
+ height: src.inputFontSize,
28755
28744
  '$wrapperSmall &': {
28756
- width: src.textareaSmallFontSize,
28757
- height: src.textareaSmallFontSize
28745
+ width: src.inputSmallFontSize,
28746
+ height: src.inputSmallFontSize
28758
28747
  },
28759
28748
  '$wrapperLarge &': {
28760
- width: src.textareaLargeFontSize,
28761
- height: src.textareaLargeFontSize
28749
+ width: src.inputLargeFontSize,
28750
+ height: src.inputLargeFontSize
28762
28751
  }
28763
28752
  },
28764
28753
  '[dir="rtl"] &': {
28765
28754
  right: 'auto',
28766
- left: src.textareaPaddingX
28755
+ left: src.inputPaddingX
28767
28756
  }
28768
28757
  },
28769
28758
  wrapperWithClear: {
28770
28759
  '&& $textarea': {
28771
- paddingRight: "calc(".concat(src.textareaPaddingX, " + ").concat(src.textareaFontSize, " + 12px)")
28760
+ paddingRight: "calc(".concat(src.inputPaddingX, " + ").concat(src.inputFontSize, " + 12px)")
28772
28761
  },
28773
28762
  '&&$wrapperSmall > $textarea': {
28774
- paddingRight: "calc(".concat(src.textareaSmallPaddingX, " + ").concat(src.textareaSmallFontSize, " + 12px)")
28763
+ paddingRight: "calc(".concat(src.inputSmallPaddingX, " + ").concat(src.inputSmallFontSize, " + 12px)")
28775
28764
  },
28776
28765
  '&&$wrapperLarge > $textarea': {
28777
- paddingRight: "calc(".concat(src.textareaLargePaddingX, " + ").concat(src.textareaLargeFontSize, " + 12px)")
28766
+ paddingRight: "calc(".concat(src.inputLargePaddingX, " + ").concat(src.inputLargeFontSize, " + 12px)")
28778
28767
  }
28779
28768
  },
28780
28769
  wrapperShowClear: {
@@ -29686,8 +29675,11 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
29686
29675
  }
29687
29676
  },
29688
29677
  resultTextDisabled: {
29689
- color: src.treeSelectDisabledFontColor,
29690
- cursor: 'not-allowed'
29678
+ color: src.inputDisabledFontColor,
29679
+ cursor: 'not-allowed',
29680
+ '& input::placeholder': {
29681
+ color: src.inputDisabledPlaceholderColor
29682
+ }
29691
29683
  },
29692
29684
  compressedWrapper: {
29693
29685
  width: 0,
@@ -35440,9 +35432,9 @@ var Ring = function Ring(props) {
35440
35432
  unit = _formatSize4.unit;
35441
35433
  var style = objectSpread2_default()(objectSpread2_default()({}, styleProp), {}, {
35442
35434
  borderWidth: value / 10 + unit,
35443
- borderLeftColor: color,
35444
- borderRightColor: color,
35445
- borderBottomColor: color
35435
+ borderLeftColor: "var(--spin-color, ".concat(color, ")"),
35436
+ borderRightColor: "var(--spin-color, ".concat(color, ")"),
35437
+ borderBottomColor: "var(--spin-color, ".concat(color, ")")
35446
35438
  });
35447
35439
  return /*#__PURE__*/(0,jsx_runtime.jsx)(base, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
35448
35440
  count: 0,
@@ -49157,7 +49149,7 @@ var Year = function Year(props) {
49157
49149
  className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderMid,
49158
49150
  children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
49159
49151
  children: currentStart
49160
- }), /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
49152
+ }), /*#__PURE__*/(0,jsx_runtime.jsx)("strong", {
49161
49153
  children: "-"
49162
49154
  }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
49163
49155
  children: currentEnd
@@ -59329,8 +59321,7 @@ function Select(props0) {
59329
59321
  }
59330
59322
  };
59331
59323
  var handleSelectChange = usePersistFn(function (value, dataItem, checked) {
59332
- // why: props.emptyAfterSelect !== false 兼容之前的逻辑
59333
- if (props.emptyAfterSelect !== false && (props.emptyAfterSelect || createdData)) {
59324
+ if (props.emptyAfterSelect) {
59334
59325
  onFilter === null || onFilter === void 0 || onFilter('');
59335
59326
  }
59336
59327
  var shouldFocus = showInput && props.reFocus;
@@ -75690,7 +75681,7 @@ var upload_interface = __webpack_require__(8821);
75690
75681
 
75691
75682
 
75692
75683
  /* harmony default export */ var src_0 = ({
75693
- version: '3.9.13-beta.5'
75684
+ version: '3.9.13-beta.7'
75694
75685
  });
75695
75686
  }();
75696
75687
  /******/ return __webpack_exports__;