@sheinx/shineout-style 3.5.8-beta.8 → 3.5.8

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.
Files changed (91) hide show
  1. package/cjs/badge/badge.js +2 -2
  2. package/cjs/breadcrumb/breadcrumb.d.ts.map +1 -1
  3. package/cjs/breadcrumb/breadcrumb.js +4 -1
  4. package/cjs/cascader/cascader.d.ts.map +1 -1
  5. package/cjs/cascader/cascader.js +49 -19
  6. package/cjs/checkbox/checkbox.d.ts.map +1 -1
  7. package/cjs/checkbox/checkbox.js +2 -1
  8. package/cjs/date-picker/date-picker.d.ts.map +1 -1
  9. package/cjs/date-picker/date-picker.js +13 -6
  10. package/cjs/form/form.d.ts.map +1 -1
  11. package/cjs/form/form.js +3 -0
  12. package/cjs/image/image.d.ts.map +1 -1
  13. package/cjs/image/image.js +3 -0
  14. package/cjs/input/input.d.ts.map +1 -1
  15. package/cjs/input/input.js +7 -0
  16. package/cjs/menu/menu.d.ts.map +1 -1
  17. package/cjs/menu/menu.js +11 -2
  18. package/cjs/modal/modal.d.ts.map +1 -1
  19. package/cjs/modal/modal.js +4 -1
  20. package/cjs/radio/radio.d.ts.map +1 -1
  21. package/cjs/radio/radio.js +9 -2
  22. package/cjs/select/select.d.ts.map +1 -1
  23. package/cjs/select/select.js +9 -7
  24. package/cjs/slider/slider.d.ts.map +1 -1
  25. package/cjs/slider/slider.js +24 -10
  26. package/cjs/steps/steps.js +1 -1
  27. package/cjs/switch/switch.d.ts.map +1 -1
  28. package/cjs/switch/switch.js +33 -30
  29. package/cjs/table/table.d.ts.map +1 -1
  30. package/cjs/table/table.js +3 -2
  31. package/cjs/tabs/tabs.d.ts.map +1 -1
  32. package/cjs/tabs/tabs.js +6 -8
  33. package/cjs/tag/tag.d.ts.map +1 -1
  34. package/cjs/tag/tag.js +2 -1
  35. package/cjs/textarea/textarea.d.ts.map +1 -1
  36. package/cjs/textarea/textarea.js +3 -0
  37. package/cjs/transfer/transfer.d.ts.map +1 -1
  38. package/cjs/transfer/transfer.js +3 -1
  39. package/cjs/tree/tree.d.ts.map +1 -1
  40. package/cjs/tree/tree.js +3 -0
  41. package/cjs/tree-select/tree-select.d.ts.map +1 -1
  42. package/cjs/tree-select/tree-select.js +13 -3
  43. package/cjs/version.d.ts +1 -1
  44. package/cjs/version.d.ts.map +1 -1
  45. package/cjs/version.js +1 -1
  46. package/esm/badge/badge.js +2 -2
  47. package/esm/breadcrumb/breadcrumb.d.ts.map +1 -1
  48. package/esm/breadcrumb/breadcrumb.js +4 -1
  49. package/esm/cascader/cascader.d.ts.map +1 -1
  50. package/esm/cascader/cascader.js +49 -19
  51. package/esm/checkbox/checkbox.d.ts.map +1 -1
  52. package/esm/checkbox/checkbox.js +2 -1
  53. package/esm/date-picker/date-picker.d.ts.map +1 -1
  54. package/esm/date-picker/date-picker.js +13 -6
  55. package/esm/form/form.d.ts.map +1 -1
  56. package/esm/form/form.js +3 -0
  57. package/esm/image/image.d.ts.map +1 -1
  58. package/esm/image/image.js +3 -0
  59. package/esm/input/input.d.ts.map +1 -1
  60. package/esm/input/input.js +7 -0
  61. package/esm/menu/menu.d.ts.map +1 -1
  62. package/esm/menu/menu.js +11 -2
  63. package/esm/modal/modal.d.ts.map +1 -1
  64. package/esm/modal/modal.js +4 -1
  65. package/esm/radio/radio.d.ts.map +1 -1
  66. package/esm/radio/radio.js +9 -2
  67. package/esm/select/select.d.ts.map +1 -1
  68. package/esm/select/select.js +9 -7
  69. package/esm/slider/slider.d.ts.map +1 -1
  70. package/esm/slider/slider.js +24 -10
  71. package/esm/steps/steps.js +1 -1
  72. package/esm/switch/switch.d.ts.map +1 -1
  73. package/esm/switch/switch.js +33 -30
  74. package/esm/table/table.d.ts.map +1 -1
  75. package/esm/table/table.js +3 -2
  76. package/esm/tabs/tabs.d.ts.map +1 -1
  77. package/esm/tabs/tabs.js +6 -8
  78. package/esm/tag/tag.d.ts.map +1 -1
  79. package/esm/tag/tag.js +2 -1
  80. package/esm/textarea/textarea.d.ts.map +1 -1
  81. package/esm/textarea/textarea.js +3 -0
  82. package/esm/transfer/transfer.d.ts.map +1 -1
  83. package/esm/transfer/transfer.js +3 -1
  84. package/esm/tree/tree.d.ts.map +1 -1
  85. package/esm/tree/tree.js +3 -0
  86. package/esm/tree-select/tree-select.d.ts.map +1 -1
  87. package/esm/tree-select/tree-select.js +13 -3
  88. package/esm/version.d.ts +1 -1
  89. package/esm/version.d.ts.map +1 -1
  90. package/esm/version.js +1 -1
  91. package/package.json +3 -3
@@ -38,14 +38,14 @@ var badgeStyle = {
38
38
  minWidth: _theme.default.badgeCountHeight,
39
39
  height: _theme.default.badgeCountHeight,
40
40
  verticalAlign: 'super',
41
- lineHeight: _theme.default.lineHeightDynamic,
41
+ lineHeight: _theme.default.badgeCountHeight,
42
42
  background: _theme.default.badgeBadgeBackgroundColor,
43
43
  borderRadius: _theme.default.badgeBadgeBorderRadius,
44
44
  fontSize: _theme.default.badgeBadgeFontSize,
45
45
  color: _theme.default.badgeBadgeFontColor
46
46
  },
47
47
  small: {
48
- lineHeight: 'initial',
48
+ lineHeight: _theme.default.badgeSmallCountHeight,
49
49
  height: _theme.default.badgeSmallCountHeight,
50
50
  minWidth: _theme.default.badgeSmallCountHeight
51
51
  },
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAuGlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0GlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -28,6 +28,9 @@ var breadcrumbStyle = {
28
28
  '&&': {
29
29
  display: 'flex',
30
30
  alignItems: 'center'
31
+ },
32
+ '&[role=button]:active': {
33
+ color: _theme.default.breadcrumbDefaultLinkActiveColor
31
34
  }
32
35
  },
33
36
  ellipsis: {
@@ -97,7 +100,7 @@ var breadcrumbStyle = {
97
100
  color: _theme.default.dropdownOptionHoverFontColor,
98
101
  backgroundColor: _theme.default.dropdownOptionHoverBackgroundColor
99
102
  },
100
- '& $content, & a': {
103
+ '& $content, & a': {
101
104
  padding: "".concat(_theme.default.dropdownOptionPaddingY, " ").concat(_theme.default.dropdownOptionPaddingX),
102
105
  display: 'inline-block',
103
106
  textDecoration: 'none',
@@ -1 +1 @@
1
- {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAie9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAggB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -118,6 +118,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
118
118
  marginTop: _theme.default.cascaderLargePlaceholderMarginY,
119
119
  marginBottom: _theme.default.cascaderLargePlaceholderMarginY
120
120
  },
121
+ '& $arrowIcon': {
122
+ width: _theme.default.cascaderLargeFontSize
123
+ },
121
124
  '& $optionInner': {
122
125
  // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
123
126
  paddingTop: _theme.default.cascaderLargeOptionInnerPaddingY,
@@ -130,7 +133,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
130
133
  }
131
134
  },
132
135
  // hover
133
- '&:hover': {
136
+ '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
134
137
  '& $clearIcon': {
135
138
  display: 'inline-block'
136
139
  },
@@ -142,6 +145,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
142
145
  display: 'none'
143
146
  }
144
147
  }
148
+ }),
149
+ '&:has($pickerWrapperShow)': {
150
+ borderColor: _theme.default.cascaderFocusBorderColor
145
151
  },
146
152
  // not wrapperFocus
147
153
  '&:not($wrapperFocus)': {
@@ -314,8 +320,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
314
320
  boxShadow: _theme.default.cascaderPanelShadow,
315
321
  border: "1px solid ".concat(_theme.default.cascaderPanelBorder),
316
322
  borderRadius: _theme.default.cascaderPanelRadius,
317
- transformOrigin: '0 0'
323
+ transformOrigin: '0 0',
324
+ cursor: 'initial'
318
325
  },
326
+ pickerWrapperShow: {},
319
327
  iconWrapper: {
320
328
  display: 'flex',
321
329
  alignItems: 'center',
@@ -342,8 +350,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
342
350
  transition: 'transform 0.3s'
343
351
  },
344
352
  arrowIconOpen: {
345
- transform: 'rotate(180deg)',
346
- color: _theme.default.cascaderHoverBorderColor
353
+ color: _theme.default.cascaderHoverBorderColor,
354
+ '&:not($compressedIcon)': {
355
+ transform: 'rotate(180deg)'
356
+ }
347
357
  },
348
358
  ellipsis: {
349
359
  display: 'block',
@@ -402,8 +412,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
402
412
  },
403
413
  hideTag: {},
404
414
  list: {
405
- display: 'inline-block',
406
- overflow: 'auto'
415
+ display: 'inline-block'
416
+ },
417
+ listSimple: {
418
+ overflow: 'auto',
419
+ paddingTop: _theme.default.cascaderListPaddingY,
420
+ paddingBottom: _theme.default.cascaderListPaddingY
407
421
  },
408
422
  tag: {
409
423
  flexShrink: 0,
@@ -441,8 +455,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
441
455
  visibility: 'hidden'
442
456
  },
443
457
  moreWrapper: {
444
- width: 248,
445
- height: 72,
458
+ // width: 248,
459
+ // height: 72,
460
+ maxWidth: 400,
461
+ maxHeight: 160,
446
462
  overflow: 'auto',
447
463
  padding: "".concat(_theme.default.cascaderMorePaddingY, " ").concat(_theme.default.cascaderMorePaddingX)
448
464
  },
@@ -455,18 +471,21 @@ var cascaderStyle = _objectSpread(_objectSpread({
455
471
  lineHeight: _theme.default.lineHeightDynamic,
456
472
  minWidth: 64,
457
473
  padding: "".concat(_theme.default.cascaderOptionPaddingY, " ").concat(_theme.default.cascaderOptionPaddingX),
458
- '&:not($optionDisabled)': {
459
- cursor: 'pointer'
474
+ '&:not($optionDisabled):not($activeOption)': {
475
+ cursor: 'pointer',
476
+ '&:hover': {
477
+ '& $optionInner': {
478
+ color: _theme.default.cascaderOptionHoverFontColor,
479
+ backgroundColor: _theme.default.cascaderOptionHoverBackgroundColor
480
+ }
481
+ },
482
+ '&:hover $optionInner:active, & $optionInner:active': {
483
+ color: _theme.default.cascaderOptionHoverFontColor,
484
+ backgroundColor: "".concat(_theme.default.cascaderOptionFocusBackgroundColor)
485
+ }
460
486
  },
461
487
  '& $optionCheckbox': {
462
488
  marginRight: 8
463
- },
464
- // hover
465
- '&:not($optionDisabled):hover': {
466
- '& $optionInner': {
467
- color: _theme.default.cascaderOptionHoverFontColor,
468
- backgroundColor: _theme.default.cascaderOptionHoverBackgroundColor
469
- }
470
489
  }
471
490
  },
472
491
  filterOption: {
@@ -475,12 +494,23 @@ var cascaderStyle = _objectSpread(_objectSpread({
475
494
  width: '100%'
476
495
  }
477
496
  },
478
- filterDisabledOption: {},
497
+ filterOptionItem: {
498
+ // not disabled
499
+ '&:not($filterDisabledOption):hover': {
500
+ color: _theme.default.cascaderOptionItemHoverFontColor
501
+ }
502
+ },
503
+ filterDisabledOption: {
504
+ color: _theme.default.cascaderOptionDisabledColor
505
+ },
479
506
  filterOptionSeparator: {},
480
507
  activeOption: {
481
508
  '& $optionInner': {
482
509
  color: _theme.default.cascaderOptionActiveColor,
483
- backgroundColor: _theme.default.cascaderOptionActiveBackgroundColor
510
+ backgroundColor: _theme.default.cascaderOptionActiveBackgroundColor,
511
+ '& $optionIcon': {
512
+ color: _theme.default.cascaderOptionActiveColor
513
+ }
484
514
  }
485
515
  },
486
516
  optionCheckbox: {},
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CA4IlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CA6IlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -141,7 +141,8 @@ var checkboxStyle = {
141
141
  groupBlock: {
142
142
  '& $wrapper': {
143
143
  display: 'flex',
144
- marginBottom: _theme.default.checkboxBlockGap
144
+ marginBottom: _theme.default.checkboxBlockGap,
145
+ marginRight: 0
145
146
  }
146
147
  }
147
148
  };
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAsoBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2oBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -58,6 +58,8 @@ var inputBorder = (0, _inputBorder.default)('wrapper', inputBorderToken);
58
58
  var wrapper = inputBorder.wrapper,
59
59
  wrapperDisabled = inputBorder.wrapperDisabled,
60
60
  resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
61
+ var leftCircleBackground = "radial-gradient(circle closest-side, ".concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to right, transparent 0%,transparent 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%)\n");
62
+ var rightCircleBackground = "radial-gradient(circle closest-side, ".concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to left, transparent 0%,transparent 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%)\n");
61
63
  var datePickerStyle = _objectSpread(_objectSpread({
62
64
  rootClass: {},
63
65
  wrapper: _objectSpread({
@@ -219,7 +221,8 @@ var datePickerStyle = _objectSpread(_objectSpread({
219
221
  backgroundColor: _theme.default.datePickerPanelBackgroundColor,
220
222
  boxShadow: _theme.default.datePickerPanelShadow,
221
223
  borderRadius: _theme.default.datePickerPanelRadius,
222
- border: "1px solid ".concat(_theme.default.datePickerPanelBorder)
224
+ border: "1px solid ".concat(_theme.default.datePickerPanelBorder),
225
+ cursor: 'initial'
223
226
  },
224
227
  pickerBox: {
225
228
  display: 'flex'
@@ -442,7 +445,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
442
445
  backgroundColor: _theme.default.datePickerCellActiveHoverBackgroundColor
443
446
  }
444
447
  },
445
- '&$pickerCellActive$pickerCellInRange:not($pickerCellDisabled):hover $pickerCellContent': {
448
+ '&$pickerCellActive$pickerCellInRange:not($pickerCellDisabled):not($pickerCellInRangeStart):not($pickerCellInRangeEnd):hover $pickerCellContent': {
446
449
  backgroundColor: _theme.default.datePickerCellActiveHoverBackgroundColor
447
450
  }
448
451
  },
@@ -490,21 +493,25 @@ var datePickerStyle = _objectSpread(_objectSpread({
490
493
  pickerCellInRangeStart: {
491
494
  '&[dir=ltr] > $pickerCellContent': {
492
495
  borderTopLeftRadius: _theme.default.datePickerCellHeight,
493
- borderBottomLeftRadius: _theme.default.datePickerCellHeight
496
+ borderBottomLeftRadius: _theme.default.datePickerCellHeight,
497
+ background: leftCircleBackground
494
498
  },
495
499
  '&[dir=rtl] > $pickerCellContent': {
496
500
  borderTopRightRadius: _theme.default.datePickerCellHeight,
497
- borderBottomRightRadius: _theme.default.datePickerCellHeight
501
+ borderBottomRightRadius: _theme.default.datePickerCellHeight,
502
+ background: rightCircleBackground
498
503
  }
499
504
  },
500
505
  pickerCellInRangeEnd: {
501
506
  '&[dir=ltr] > $pickerCellContent': {
502
507
  borderTopRightRadius: _theme.default.datePickerCellHeight,
503
- borderBottomRightRadius: _theme.default.datePickerCellHeight
508
+ borderBottomRightRadius: _theme.default.datePickerCellHeight,
509
+ background: rightCircleBackground
504
510
  },
505
511
  '&[dir=rtl] > $pickerCellContent': {
506
512
  borderTopLeftRadius: _theme.default.datePickerCellHeight,
507
- borderBottomLeftRadius: _theme.default.datePickerCellHeight
513
+ borderBottomLeftRadius: _theme.default.datePickerCellHeight,
514
+ background: leftCircleBackground
508
515
  }
509
516
  },
510
517
  pickerCellDisabled: {
@@ -1 +1 @@
1
- {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,QAAQ,CAAC,MAAM,WAAW,CAarC,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,QAAQ,CAAC,MAAM,WAAW,CAgBrC,CAAC;AAEF,eAAe,IAAI,CAAC"}
package/cjs/form/form.js CHANGED
@@ -17,6 +17,9 @@ var form = {
17
17
  },
18
18
  '& > [data-soui-input-border]': {
19
19
  marginRight: _theme.default.formItemMarginXEnd
20
+ },
21
+ '& > button[type="submit"], & > button[type="reset"]': {
22
+ verticalAlign: 'top'
20
23
  }
21
24
  }
22
25
  };
@@ -1 +1 @@
1
- {"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAoZpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAuZpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -236,6 +236,9 @@ var ImageStyle = _objectSpread(_objectSpread({
236
236
  borderStyle: 'none'
237
237
  }
238
238
  },
239
+ magnifyZoomOut: {
240
+ cursor: 'zoom-out'
241
+ },
239
242
  close: {
240
243
  position: 'absolute',
241
244
  top: -15,
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CA+MvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAuNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -237,6 +237,13 @@ var input = _objectSpread(_objectSpread(_objectSpread({
237
237
  width: 14,
238
238
  transform: 'rotate(-90deg)'
239
239
  }
240
+ },
241
+ '$wrapperDisabled & > span': {
242
+ color: _theme.default.inputDisabledFontColor,
243
+ borderColor: _theme.default.inputDisabledBorderColor,
244
+ '&:first-child': {
245
+ borderColor: _theme.default.inputDisabledBorderColor
246
+ }
240
247
  }
241
248
  },
242
249
  passwordToggle: {
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA8gBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAuhBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/menu/menu.js CHANGED
@@ -409,6 +409,9 @@ var menuStyle = {
409
409
  '$childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
410
410
  paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuExpandSize, ")")
411
411
  },
412
+ '$wrapperHorizontal $childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
413
+ paddingRight: _theme.default.menuTitlePaddingX
414
+ },
412
415
  '$childrenHasExpand $itemHasChildren > $itemContentBack > &': {
413
416
  paddingRight: 0
414
417
  },
@@ -420,8 +423,10 @@ var menuStyle = {
420
423
  '& + $titleContent': {
421
424
  paddingLeft: _theme.default.menuIconMarginX
422
425
  },
423
- lineHeight: 1,
424
- display: 'inline-flex'
426
+ display: 'inline-flex',
427
+ alignSelf: 'flex-start',
428
+ height: _theme.default.lineHeightDynamic,
429
+ alignItems: 'center'
425
430
  },
426
431
  titleContent: {
427
432
  whiteSpace: 'pre-wrap',
@@ -446,6 +451,10 @@ var menuStyle = {
446
451
  lineHeight: 1,
447
452
  width: _theme.default.menuExpandSize,
448
453
  height: _theme.default.menuExpandSize,
454
+ alignSelf: 'flex-start',
455
+ alignItems: 'center',
456
+ display: 'flex',
457
+ minHeight: "calc(".concat(_theme.default.lineHeightDynamic, " + ").concat(_theme.default.menuTitlePaddingY, "*2)"),
449
458
  '$wrapper:not($wrapperVertical) $itemOpen > $itemContent &': {
450
459
  transform: 'rotate(180deg)'
451
460
  }
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAsSxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAySxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -414,6 +414,9 @@ var modalStyle = _objectSpread(_objectSpread({
414
414
  left: '-4px',
415
415
  right: 'auto',
416
416
  cursor: 'col-resize'
417
+ },
418
+ '$wrapperDrawerLeft &': {
419
+ cursor: 'col-resize'
417
420
  }
418
421
  },
419
422
  resizeY: {
@@ -429,7 +432,7 @@ var modalStyle = _objectSpread(_objectSpread({
429
432
  '$wrapperDrawerBottom &': {
430
433
  top: '-4px',
431
434
  bottom: 'auto',
432
- cursor: 'n-resize'
435
+ cursor: 'row-resize'
433
436
  }
434
437
  },
435
438
  resizeXY: {
@@ -1 +1 @@
1
- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CA0J5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAiK5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -25,7 +25,10 @@ var radioStyle = {
25
25
  alignItems: 'center',
26
26
  cursor: 'pointer',
27
27
  boxSizing: 'border-box',
28
- marginRight: _theme.default.radioGap
28
+ marginRight: _theme.default.radioGap,
29
+ '&:last-child': {
30
+ marginRight: 0
31
+ }
29
32
  },
30
33
  wrapperSmall: {},
31
34
  wrapperLarge: {},
@@ -145,7 +148,11 @@ var radioStyle = {
145
148
  groupBlock: {
146
149
  '& $wrapper': {
147
150
  display: 'flex',
148
- marginBottom: _theme.default.radioBlockGap
151
+ marginBottom: _theme.default.radioBlockGap,
152
+ marginRight: 0,
153
+ '&:last-child': {
154
+ marginBottom: 0
155
+ }
149
156
  }
150
157
  },
151
158
  groupButton: {
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA4gB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA8gB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -106,6 +106,9 @@ var selectStyle = _objectSpread(_objectSpread({
106
106
  '& $placeholder,$ellipsis,$space,input': {
107
107
  marginTop: _theme.default.selectLargePlaceholderMarginY,
108
108
  marginBottom: _theme.default.selectLargePlaceholderMarginY
109
+ },
110
+ '& $arrowIcon': {
111
+ width: _theme.default.selectLargeFontSize
109
112
  }
110
113
  },
111
114
  '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
@@ -277,7 +280,8 @@ var selectStyle = _objectSpread(_objectSpread({
277
280
  boxShadow: _theme.default.selectPanelShadow,
278
281
  borderRadius: _theme.default.selectPanelRadius,
279
282
  transformOrigin: '0 0',
280
- border: "1px solid ".concat(_theme.default.selectPanelBorder)
283
+ border: "1px solid ".concat(_theme.default.selectPanelBorder),
284
+ cursor: 'initial'
281
285
  },
282
286
  pickerSmall: {
283
287
  '& $optionInner': {
@@ -305,7 +309,8 @@ var selectStyle = _objectSpread(_objectSpread({
305
309
  iconWrapper: {
306
310
  display: 'flex',
307
311
  alignItems: 'center',
308
- justifyContent: 'center'
312
+ justifyContent: 'center',
313
+ marginLeft: _theme.default.selectIconMarginLeft
309
314
  },
310
315
  clearable: {},
311
316
  clearIcon: {
@@ -381,10 +386,7 @@ var selectStyle = _objectSpread(_objectSpread({
381
386
  },
382
387
  moreIcon: {},
383
388
  hideTag: {},
384
- list: {
385
- paddingTop: 3,
386
- paddingBottom: 3
387
- },
389
+ list: {},
388
390
  tree: {
389
391
  padding: 4,
390
392
  overflow: 'auto'
@@ -436,7 +438,7 @@ var selectStyle = _objectSpread(_objectSpread({
436
438
  maxWidth: 400,
437
439
  maxHeight: 160,
438
440
  overflow: 'auto',
439
- padding: _theme.default.selectMorePadding,
441
+ padding: "".concat(_theme.default.selectMorePaddingY, " ").concat(_theme.default.selectMorePaddingX),
440
442
  '&:hover': {
441
443
  '& $clearIcon': {
442
444
  display: 'inline-block'
@@ -1 +1 @@
1
- {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAyR1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAIlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAsS1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _theme = _interopRequireDefault(require("@sheinx/theme"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+ var verticalLabelMargin = 4;
9
10
  var sliderStyle = {
10
11
  rootClass: {},
11
12
  wrapper: {
@@ -37,6 +38,9 @@ var sliderStyle = {
37
38
  '$vertical &': {
38
39
  width: _theme.default.sliderTrackSize,
39
40
  height: '100%'
41
+ },
42
+ '$disabled &': {
43
+ cursor: 'not-allowed'
40
44
  }
41
45
  },
42
46
  trackInner: {
@@ -159,11 +163,11 @@ var sliderStyle = {
159
163
  bottom: '100%',
160
164
  '&[dir=ltr]': {
161
165
  left: 0,
162
- transform: 'translate(-50%, -10px)'
166
+ transform: 'translate(-50%, -14px)'
163
167
  },
164
168
  '&[dir=rtl]': {
165
169
  right: 0,
166
- transform: 'translate(50%, -10px)'
170
+ transform: 'translate(50%, -14px)'
167
171
  }
168
172
  },
169
173
  '$vertical &': {
@@ -171,11 +175,11 @@ var sliderStyle = {
171
175
  padding: '1px 4px',
172
176
  '&[dir=ltr]': {
173
177
  left: '100%',
174
- transform: 'translate(10px, 50%)'
178
+ transform: 'translate(14px, 50%)'
175
179
  },
176
180
  '&[dir=rtl]': {
177
181
  right: '100%',
178
- transform: 'translate(-10px, 50%)'
182
+ transform: 'translate(-14px, 50%)'
179
183
  }
180
184
  }
181
185
  },
@@ -184,11 +188,11 @@ var sliderStyle = {
184
188
  bottom: '100%',
185
189
  '&[dir=ltr]': {
186
190
  right: 0,
187
- transform: 'translate(50%, -10px)'
191
+ transform: 'translate(50%, -14px)'
188
192
  },
189
193
  '&[dir=rtl]': {
190
194
  left: 0,
191
- transform: 'translate(-50%, -10px)'
195
+ transform: 'translate(-50%, -14px)'
192
196
  }
193
197
  },
194
198
  '$vertical &': {
@@ -196,11 +200,11 @@ var sliderStyle = {
196
200
  padding: '1px 4px',
197
201
  '&[dir=ltr]': {
198
202
  left: '100%',
199
- transform: 'translate(10px, -50%)'
203
+ transform: 'translate(14px, -50%)'
200
204
  },
201
205
  '&[dir=rtl]': {
202
206
  right: '100%',
203
- transform: 'translate(-10px, -50%)'
207
+ transform: 'translate(-14px, -50%)'
204
208
  }
205
209
  }
206
210
  },
@@ -260,6 +264,11 @@ var sliderStyle = {
260
264
  height: _theme.default.sliderScaleLineSize,
261
265
  transform: 'translateX(-50%)'
262
266
  }
267
+ // 为了让首尾刻度不超出轨道
268
+ // '&:first-child $label[dir=ltr]': { transform: 'translate(0%)' },
269
+ // '&:first-child $label[dir=rtl]': { transform: 'translate(0%)' },
270
+ // '&:last-child $label[dir=ltr]': { transform: 'translate(-100%)' },
271
+ // '&:last-child $label[dir=rtl]': { transform: 'translate(100%)' },
263
272
  },
264
273
  '$vertical &': {
265
274
  marginLeft: _theme.default.sliderScaleMarginY,
@@ -269,6 +278,11 @@ var sliderStyle = {
269
278
  width: _theme.default.sliderScaleLineSize,
270
279
  transform: 'translateY(-50%)'
271
280
  }
281
+ // 为了让首尾刻度不超出轨道
282
+ // '&:first-child $label[dir=ltr]': { transform: `translate(${verticalLabelMargin}px, -100%)` },
283
+ // '&:first-child $label[dir=rtl]': { transform: `translate(-${verticalLabelMargin}px, -100%)` },
284
+ // '&:last-child $label[dir=ltr]': { transform: `translate(${verticalLabelMargin}px, 0)` },
285
+ // '&:last-child $label[dir=rtl]': { transform: `translate(-${verticalLabelMargin}px, 0)` },
272
286
  }
273
287
  },
274
288
  label: {
@@ -290,11 +304,11 @@ var sliderStyle = {
290
304
  lineHeight: 1,
291
305
  '&[dir=ltr]': {
292
306
  left: '100%',
293
- transform: 'translate(4px, -50%)'
307
+ transform: "translate(".concat(verticalLabelMargin, "px, -50%)")
294
308
  },
295
309
  '&[dir=rtl]': {
296
310
  right: '100%',
297
- transform: 'translate(-4px, -50%)'
311
+ transform: "translate(-".concat(verticalLabelMargin, "px, -50%)")
298
312
  }
299
313
  }
300
314
  }
@@ -489,7 +489,7 @@ var stepsStyle = {
489
489
  backgroundColor: _theme.default.stepsErrorBackgroundColor
490
490
  },
491
491
  '& $title': {
492
- fontWeight: 'bold'
492
+ fontWeight: 500
493
493
  }
494
494
  },
495
495
  icon: {
@@ -1 +1 @@
1
- {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA8K9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAwL9C,CAAC;AAEF,eAAe,WAAW,CAAC"}