@sheinx/shineout-style 3.1.0-rc.3 → 3.1.0

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 (79) hide show
  1. package/cjs/alert/alert.d.ts.map +1 -1
  2. package/cjs/alert/alert.js +4 -6
  3. package/cjs/cascader/cascader.d.ts.map +1 -1
  4. package/cjs/cascader/cascader.js +2 -1
  5. package/cjs/date-picker/date-picker.d.ts.map +1 -1
  6. package/cjs/date-picker/date-picker.js +69 -10
  7. package/cjs/dropdown/dropdown.d.ts.map +1 -1
  8. package/cjs/dropdown/dropdown.js +33 -4
  9. package/cjs/form/form-item.d.ts.map +1 -1
  10. package/cjs/form/form-item.js +1 -5
  11. package/cjs/input/input.d.ts.map +1 -1
  12. package/cjs/input/input.js +38 -7
  13. package/cjs/menu/menu.d.ts.map +1 -1
  14. package/cjs/menu/menu.js +19 -4
  15. package/cjs/modal/modal.d.ts.map +1 -1
  16. package/cjs/modal/modal.js +4 -5
  17. package/cjs/rate/rate.d.ts.map +1 -1
  18. package/cjs/rate/rate.js +6 -1
  19. package/cjs/select/select.d.ts.map +1 -1
  20. package/cjs/select/select.js +6 -7
  21. package/cjs/spin/spin.d.ts.map +1 -1
  22. package/cjs/spin/spin.js +3 -1
  23. package/cjs/steps/steps.d.ts.map +1 -1
  24. package/cjs/steps/steps.js +79 -14
  25. package/cjs/switch/switch.d.ts.map +1 -1
  26. package/cjs/switch/switch.js +30 -7
  27. package/cjs/tabs/tabs.d.ts.map +1 -1
  28. package/cjs/tabs/tabs.js +178 -69
  29. package/cjs/textarea/textarea.d.ts.map +1 -1
  30. package/cjs/textarea/textarea.js +12 -2
  31. package/cjs/tooltip/tooltip.d.ts.map +1 -1
  32. package/cjs/tooltip/tooltip.js +12 -1
  33. package/cjs/tree/tree.d.ts.map +1 -1
  34. package/cjs/tree/tree.js +30 -5
  35. package/cjs/upload/upload.d.ts.map +1 -1
  36. package/cjs/upload/upload.js +8 -2
  37. package/cjs/version.d.ts +1 -1
  38. package/cjs/version.d.ts.map +1 -1
  39. package/cjs/version.js +1 -1
  40. package/esm/alert/alert.d.ts.map +1 -1
  41. package/esm/alert/alert.js +4 -6
  42. package/esm/cascader/cascader.d.ts.map +1 -1
  43. package/esm/cascader/cascader.js +2 -1
  44. package/esm/date-picker/date-picker.d.ts.map +1 -1
  45. package/esm/date-picker/date-picker.js +69 -10
  46. package/esm/dropdown/dropdown.d.ts.map +1 -1
  47. package/esm/dropdown/dropdown.js +33 -4
  48. package/esm/form/form-item.d.ts.map +1 -1
  49. package/esm/form/form-item.js +1 -5
  50. package/esm/input/input.d.ts.map +1 -1
  51. package/esm/input/input.js +38 -7
  52. package/esm/menu/menu.d.ts.map +1 -1
  53. package/esm/menu/menu.js +19 -4
  54. package/esm/modal/modal.d.ts.map +1 -1
  55. package/esm/modal/modal.js +4 -5
  56. package/esm/rate/rate.d.ts.map +1 -1
  57. package/esm/rate/rate.js +6 -1
  58. package/esm/select/select.d.ts.map +1 -1
  59. package/esm/select/select.js +6 -7
  60. package/esm/spin/spin.d.ts.map +1 -1
  61. package/esm/spin/spin.js +3 -1
  62. package/esm/steps/steps.d.ts.map +1 -1
  63. package/esm/steps/steps.js +79 -14
  64. package/esm/switch/switch.d.ts.map +1 -1
  65. package/esm/switch/switch.js +30 -7
  66. package/esm/tabs/tabs.d.ts.map +1 -1
  67. package/esm/tabs/tabs.js +178 -69
  68. package/esm/textarea/textarea.d.ts.map +1 -1
  69. package/esm/textarea/textarea.js +12 -2
  70. package/esm/tooltip/tooltip.d.ts.map +1 -1
  71. package/esm/tooltip/tooltip.js +12 -1
  72. package/esm/tree/tree.d.ts.map +1 -1
  73. package/esm/tree/tree.js +30 -5
  74. package/esm/upload/upload.d.ts.map +1 -1
  75. package/esm/upload/upload.js +8 -2
  76. package/esm/version.d.ts +1 -1
  77. package/esm/version.d.ts.map +1 -1
  78. package/esm/version.js +1 -1
  79. package/package.json +3 -3
package/cjs/tree/tree.js CHANGED
@@ -10,20 +10,30 @@ var treeStyle = {
10
10
  tree: {},
11
11
  line: {
12
12
  '& $node': {
13
+ '&[dir=ltr]::before': {
14
+ left: 0
15
+ },
16
+ '&[dir=rtl]::before': {
17
+ right: 0
18
+ },
13
19
  '&::before': {
14
20
  content: '""',
15
21
  position: 'absolute',
16
- left: 0,
17
22
  top: -6,
18
23
  height: 'calc(100% + 6px)',
19
24
  width: 1,
20
25
  background: '#ebebeb'
21
26
  },
27
+ '&[dir=ltr]::after': {
28
+ left: 0
29
+ },
30
+ '&[dir=rtl]::after': {
31
+ right: 0
32
+ },
22
33
  '&::after': {
23
34
  content: '""',
24
35
  position: 'absolute',
25
36
  top: 18,
26
- left: 0,
27
37
  height: 1,
28
38
  width: 16,
29
39
  background: '#ebebeb'
@@ -43,7 +53,12 @@ var treeStyle = {
43
53
  },
44
54
  '& $contentWrapper': {},
45
55
  '& $iconWrapper': {
46
- left: 16,
56
+ '&[dir=ltr]': {
57
+ left: 16
58
+ },
59
+ '&[dir=rtl]': {
60
+ right: 16
61
+ },
47
62
  width: 24,
48
63
  '& $icon': {
49
64
  // width: 16,
@@ -59,7 +74,12 @@ var treeStyle = {
59
74
  },
60
75
  '& $iconWrapper[data-expanded="false"][data-icon="false"]': {
61
76
  '& $icon': {
62
- transform: 'rotate(-90deg)'
77
+ '&[dir=ltr]': {
78
+ transform: 'rotate(-90deg)'
79
+ },
80
+ '&[dir=rtl]': {
81
+ transform: 'rotate(90deg)'
82
+ }
63
83
  }
64
84
  },
65
85
  '& $iconWrapper[data-expanded="true"][data-icon="false"]': {
@@ -144,8 +164,13 @@ var treeStyle = {
144
164
  leaf: {},
145
165
  childnode: {},
146
166
  iconWrapper: {
167
+ '&[dir=ltr]': {
168
+ left: 0
169
+ },
170
+ '&[dir=rtl]': {
171
+ right: 0
172
+ },
147
173
  position: 'absolute',
148
- left: 0,
149
174
  width: 24,
150
175
  height: 26,
151
176
  display: 'inline-flex',
@@ -1 +1 @@
1
- {"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA4U1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAkV1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -243,8 +243,14 @@ var uploadStyle = {
243
243
  imageResultTopBtn: {
244
244
  position: 'absolute',
245
245
  top: 0,
246
- right: 0,
247
- transform: 'translate(50%, -50%)',
246
+ '&[dir=ltr]': {
247
+ right: 0,
248
+ transform: 'translate(50%, -50%)'
249
+ },
250
+ '&[dir=rtl]': {
251
+ left: 0,
252
+ transform: 'translate(-50%, -50%)'
253
+ },
248
254
  color: _theme.default.uploadImageResultBtnCloseColor,
249
255
  cursor: 'pointer',
250
256
  '$resultDeleted &': {
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.1.0-rc.3";
1
+ declare const _default: "3.1.0";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA4B"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
package/cjs/version.js CHANGED
@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _default = exports.default = '3.1.0-rc.3';
7
+ var _default = exports.default = '3.1.0';
@@ -1 +1 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAkJ5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAgJ5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -39,12 +39,10 @@ var alertStyle = {
39
39
  '&:after': {
40
40
  content: '""',
41
41
  position: 'absolute',
42
- top: -2,
43
- right: 0,
44
- bottom: 0,
45
- left: -5,
46
- width: 24,
47
- height: 24,
42
+ top: -4,
43
+ right: -4,
44
+ bottom: -4,
45
+ left: -4,
48
46
  borderRadius: '50%',
49
47
  background: Token.alertMessageHoverColor
50
48
  }
@@ -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;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAgc9C,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;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAic9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -375,7 +375,8 @@ var cascaderStyle = _objectSpread(_objectSpread({
375
375
  list: {
376
376
  paddingTop: 3,
377
377
  paddingBottom: 3,
378
- display: 'inline-block'
378
+ display: 'inline-block',
379
+ overflow: 'auto'
379
380
  },
380
381
  tag: {
381
382
  '&$tag + &$tag': {
@@ -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;AA6C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAijBlD,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;AA6C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAwmBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -113,6 +113,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
113
113
  resultText: {
114
114
  lineHeight: token.lineHeightDynamic,
115
115
  position: 'relative',
116
+ zIndex: 0,
116
117
  flex: '1',
117
118
  minWidth: 0,
118
119
  '&::before': {
@@ -121,7 +122,25 @@ var datePickerStyle = _objectSpread(_objectSpread({
121
122
  }
122
123
  },
123
124
  resultTextPadding: {
125
+ position: 'relative',
126
+ zIndex: 2,
127
+ '& > input': {
128
+ color: 'inherit',
129
+ padding: '0',
130
+ border: '0',
131
+ outline: '0',
132
+ fontSize: 'inherit',
133
+ lineHeight: token.lineHeightDynamic,
134
+ backgroundColor: 'transparent',
135
+ width: '100%',
136
+ '&::placeholder': {
137
+ color: token.datePickerPlaceholderColor
138
+ }
139
+ }
140
+ },
141
+ resultTextBg: {
124
142
  position: 'absolute',
143
+ zIndex: 1,
125
144
  padding: "0 ".concat(token.datePickerResultTextPaddingX),
126
145
  left: "calc(-1 * ".concat(token.datePickerResultTextPaddingX, ")"),
127
146
  right: "calc(-1 * ".concat(token.datePickerResultTextPaddingX, ")"),
@@ -143,7 +162,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
143
162
  }
144
163
  },
145
164
  resultTextActive: {
146
- '& $resultTextPadding': {
165
+ '& $resultTextBg': {
147
166
  backgroundColor: token.datePickerResultTextActiveBackgroundColor
148
167
  }
149
168
  },
@@ -200,9 +219,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
200
219
  display: 'block',
201
220
  position: 'absolute',
202
221
  bottom: '-1px',
203
- left: '0',
204
- transform: 'translateX(-100%)',
205
222
  borderBottom: "1px solid ".concat(token.datePickerPanelHeaderBorderColor)
223
+ },
224
+ '&[dir=ltr]::before': {
225
+ left: '0',
226
+ transform: 'translateX(-100%)'
227
+ },
228
+ '&[dir=rtl]::before': {
229
+ right: '0',
230
+ transform: 'translateX(100%)'
206
231
  }
207
232
  },
208
233
  '& $pickerFooter': {
@@ -213,9 +238,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
213
238
  display: 'block',
214
239
  position: 'absolute',
215
240
  top: '-1px',
216
- left: '0',
217
- transform: 'translateX(-100%)',
218
241
  borderBottom: "1px solid ".concat(token.datePickerPanelHeaderBorderColor)
242
+ },
243
+ '&[dir=ltr]::before': {
244
+ left: '0',
245
+ transform: 'translateX(-100%)'
246
+ },
247
+ '&[dir=rtl]::before': {
248
+ right: '0',
249
+ transform: 'translateX(100%)'
219
250
  }
220
251
  }
221
252
  }
@@ -248,6 +279,9 @@ var datePickerStyle = _objectSpread(_objectSpread({
248
279
  width: token.datePickerPanelHeaderIconHotWidth,
249
280
  height: token.datePickerPanelHeaderIconHotWidth,
250
281
  borderRadius: '50%',
282
+ '&[dir=rtl]': {
283
+ transform: 'rotate(180deg)'
284
+ },
251
285
  '& svg': {
252
286
  width: token.datePickerPanelHeaderIconWidth,
253
287
  height: token.datePickerPanelHeaderIconWidth
@@ -318,18 +352,30 @@ var datePickerStyle = _objectSpread(_objectSpread({
318
352
  paddingRight: token.datePickerCellMarginY
319
353
  }
320
354
  },
321
- '& $pickerCell:not(:nth-child(2))': {
355
+ '& $pickerCell[dir=ltr]:not(:nth-child(2))': {
322
356
  '& $pickerCellContent >span': {
323
357
  borderTopLeftRadius: '0',
324
358
  borderBottomLeftRadius: '0'
325
359
  }
326
360
  },
327
- '& $pickerCell:not(:nth-child(8))': {
361
+ '& $pickerCell[dir=rtl]:not(:nth-child(2))': {
328
362
  '& $pickerCellContent >span': {
329
363
  borderTopRightRadius: '0',
330
364
  borderBottomRightRadius: '0'
331
365
  }
332
366
  },
367
+ '& $pickerCell[dir=ltr]:not(:nth-child(8))': {
368
+ '& $pickerCellContent >span': {
369
+ borderTopRightRadius: '0',
370
+ borderBottomRightRadius: '0'
371
+ }
372
+ },
373
+ '& $pickerCell[dir=rtl]:not(:nth-child(8))': {
374
+ '& $pickerCellContent >span': {
375
+ borderTopLeftRadius: '0',
376
+ borderBottomLeftRadius: '0'
377
+ }
378
+ },
333
379
  '& $pickerCellContent > span': {
334
380
  width: '100%'
335
381
  },
@@ -408,15 +454,23 @@ var datePickerStyle = _objectSpread(_objectSpread({
408
454
  }
409
455
  },
410
456
  pickerCellInRangeStart: {
411
- '& > $pickerCellContent': {
457
+ '&[dir=ltr] > $pickerCellContent': {
412
458
  borderTopLeftRadius: token.datePickerCellHeight,
413
459
  borderBottomLeftRadius: token.datePickerCellHeight
460
+ },
461
+ '&[dir=rtl] > $pickerCellContent': {
462
+ borderTopRightRadius: token.datePickerCellHeight,
463
+ borderBottomRightRadius: token.datePickerCellHeight
414
464
  }
415
465
  },
416
466
  pickerCellInRangeEnd: {
417
- '& > $pickerCellContent': {
467
+ '&[dir=ltr] > $pickerCellContent': {
418
468
  borderTopRightRadius: token.datePickerCellHeight,
419
469
  borderBottomRightRadius: token.datePickerCellHeight
470
+ },
471
+ '&[dir=rtl] > $pickerCellContent': {
472
+ borderTopLeftRadius: token.datePickerCellHeight,
473
+ borderBottomLeftRadius: token.datePickerCellHeight
420
474
  }
421
475
  },
422
476
  pickerCellDisabled: {
@@ -567,7 +621,12 @@ var datePickerStyle = _objectSpread(_objectSpread({
567
621
  '& $timePicker': {
568
622
  position: 'absolute',
569
623
  top: 0,
570
- left: 0,
624
+ '&[dir=ltr]': {
625
+ left: 0
626
+ },
627
+ '&[dir=rtl]': {
628
+ right: 0
629
+ },
571
630
  transform: 'translateY(-100%)',
572
631
  backgroundColor: token.datePickerPanelBackgroundColor,
573
632
  boxShadow: token.datePickerPanelShadow,
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAyJ7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAsL7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -44,11 +44,33 @@ var dropdown = {
44
44
  listHasChildren: {
45
45
  '$wrapper[data-position^="left"] > &': {
46
46
  '& > $itemWrapper > $item': {
47
- '&::before': {
47
+ '&[dir=ltr]::before': {
48
48
  content: '""',
49
49
  width: '1em',
50
50
  marginLeft: token.dropdownCaretMarginLeft,
51
51
  display: 'inline-block'
52
+ },
53
+ '&[dir=rtl]::after': {
54
+ content: '""',
55
+ width: '1em',
56
+ marginRight: token.dropdownCaretMarginLeft,
57
+ display: 'inline-block'
58
+ }
59
+ }
60
+ },
61
+ '$wrapper[data-position^="right"] > &': {
62
+ '& > $itemWrapper > $item': {
63
+ '&[dir=rtl]::before': {
64
+ content: '""',
65
+ width: '1em',
66
+ marginLeft: token.dropdownCaretMarginLeft,
67
+ display: 'inline-block'
68
+ },
69
+ '&[dir=ltr]::after': {
70
+ content: '""',
71
+ width: '1em',
72
+ marginRight: token.dropdownCaretMarginLeft,
73
+ display: 'inline-block'
52
74
  }
53
75
  }
54
76
  }
@@ -69,13 +91,20 @@ var dropdown = {
69
91
  transform: 'rotate(-90deg)'
70
92
  },
71
93
  '$wrapper[data-position^="left"] > $button &': {
72
- marginLeft: '0',
73
- marginRight: token.dropdownCaretMarginLeft,
74
- textAlign: 'right',
75
94
  '& > svg': {
76
95
  transform: 'rotate(90deg)'
77
96
  }
78
97
  },
98
+ '$wrapper[data-position^="left"] > $button &[dir=ltr]': {
99
+ marginLeft: '0',
100
+ marginRight: token.dropdownCaretMarginLeft,
101
+ textAlign: 'right'
102
+ },
103
+ '$wrapper[data-position^="right"] > $button &[dir=rtl]': {
104
+ marginLeft: '0',
105
+ marginRight: token.dropdownCaretMarginLeft,
106
+ textAlign: 'right'
107
+ },
79
108
  '$wrapper[data-position^="left"] > $button & > svg': {},
80
109
  '$wrapper[data-position^="top"] > $button & > svg': {
81
110
  transform: 'rotate(180deg)'
@@ -1 +1 @@
1
- {"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAqGlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAiGlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -74,12 +74,8 @@ var formItemStyle = {
74
74
  },
75
75
  control: {
76
76
  fontSize: token.formItemFontSize,
77
- // minHeight: `calc(${token.lineHeightDynamic} + ${token.formItemLabelPaddingY} * 2)`,
78
- // minWidth: '0',
79
- // display: 'flex',
80
- // flexFlow: 'row wrap',
81
- // alignItems: 'center',
82
77
  flex: '1',
78
+ minWidth: 0,
83
79
  lineHeight: token.lineHeightDynamic,
84
80
  '$wrapperInline &': {
85
81
  padding: 0
@@ -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;AA8E5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAsLvC,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;AA8F5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAsMvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -63,17 +63,33 @@ var groupSpace = function groupSpace(gap) {
63
63
  background: token.inputDisabledBackgroundColor,
64
64
  fontWeight: 'normal',
65
65
  '&:first-child': {
66
- borderTopLeftRadius: token.inputBorderRadius,
67
- borderBottomLeftRadius: token.inputBorderRadius,
68
66
  borderLeftColor: 'inherit',
69
67
  marginLeft: '-1px'
70
68
  },
71
69
  '&:last-child': {
72
- borderTopRightRadius: token.inputBorderRadius,
73
- borderBottomRightRadius: token.inputBorderRadius,
74
70
  borderRightColor: 'inherit',
75
71
  marginRight: '-1px'
76
72
  }
73
+ },
74
+ '&[dir=ltr] > b': {
75
+ '&:first-child': {
76
+ borderTopLeftRadius: token.inputBorderRadius,
77
+ borderBottomLeftRadius: token.inputBorderRadius
78
+ },
79
+ '&:last-child': {
80
+ borderTopRightRadius: token.inputBorderRadius,
81
+ borderBottomRightRadius: token.inputBorderRadius
82
+ }
83
+ },
84
+ '&[dir=rtl] > b': {
85
+ '&:first-child': {
86
+ borderTopRightRadius: token.inputBorderRadius,
87
+ borderBottomRightRadius: token.inputBorderRadius
88
+ },
89
+ '&:last-child': {
90
+ borderTopLeftRadius: token.inputBorderRadius,
91
+ borderBottomLeftRadius: token.inputBorderRadius
92
+ }
77
93
  }
78
94
  };
79
95
  };
@@ -146,7 +162,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({
146
162
  '&:hover svg': {
147
163
  color: token.inputHoverClearColor
148
164
  },
149
- right: '0'
165
+ '&[dir=ltr]': {
166
+ right: '0'
167
+ },
168
+ '&[dir=rtl]': {
169
+ left: '0'
170
+ }
150
171
  },
151
172
  group: _objectSpread(_objectSpread({}, group), {}, {
152
173
  display: 'flex',
@@ -213,7 +234,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({
213
234
  },
214
235
  info: {
215
236
  position: 'absolute',
216
- right: '0',
237
+ '&[dir=ltr]': {
238
+ right: '0'
239
+ },
240
+ '&[dir=rtl]': {
241
+ left: '0'
242
+ },
217
243
  top: '100%',
218
244
  transformOrigin: '100% 0',
219
245
  marginTop: '10px',
@@ -228,7 +254,6 @@ var input = _objectSpread(_objectSpread(_objectSpread({
228
254
  '&::before': {
229
255
  display: 'block',
230
256
  position: 'absolute',
231
- right: '4px',
232
257
  bottom: '100%',
233
258
  transform: 'rotate(45deg) translateY(3px)',
234
259
  width: '6px',
@@ -237,6 +262,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({
237
262
  borderWidth: '1px 0 0 1px',
238
263
  background: 'inherit',
239
264
  content: "' '"
265
+ },
266
+ '&[dir=ltr]::before': {
267
+ right: '4px'
268
+ },
269
+ '&[dir=rtl]::before': {
270
+ left: '8px'
240
271
  }
241
272
  },
242
273
  infoError: {
@@ -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;AAGxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAiWtC,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;AAGxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA6WtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/menu/menu.js CHANGED
@@ -89,8 +89,14 @@ var menuStyle = {
89
89
  '$wrapperVertical &': {
90
90
  position: 'absolute',
91
91
  top: 0,
92
- right: '-6px',
93
- transform: 'translateX(100%)',
92
+ '&[dir=ltr]': {
93
+ right: '-6px',
94
+ transform: 'translateX(100%)'
95
+ },
96
+ '&[dir=rtl]': {
97
+ left: '-6px',
98
+ transform: 'translateX(-100%)'
99
+ },
94
100
  minWidth: 'auto',
95
101
  borderRadius: '4px',
96
102
  '& > :first-child > $itemContent': {
@@ -295,7 +301,12 @@ var menuStyle = {
295
301
  }
296
302
  },
297
303
  '$wrapperVertical &': {
298
- transform: 'rotate(-90deg)'
304
+ '&[dir=ltr]': {
305
+ transform: 'rotate(-90deg)'
306
+ },
307
+ '&[dir=rtl]': {
308
+ transform: 'rotate(90deg)'
309
+ }
299
310
  }
300
311
  },
301
312
  icon: {},
@@ -343,7 +354,11 @@ var menuStyle = {
343
354
  bottom: 0,
344
355
  width: '16px',
345
356
  boxSizing: 'border-box',
346
- borderWidth: '0 1px'
357
+ borderWidth: '0 1px',
358
+ '&[dir=rtl]': {
359
+ left: 0,
360
+ right: 'auto'
361
+ }
347
362
  },
348
363
  scrolbarHandler: {
349
364
  position: 'absolute',
@@ -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;AAuJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAiRxC,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,CAkRxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -140,11 +140,9 @@ var hoverAfterStyles = {
140
140
  content: '""',
141
141
  position: 'absolute',
142
142
  top: -4,
143
- right: 0,
144
- bottom: 0,
143
+ right: -4,
144
+ bottom: -4,
145
145
  left: -4,
146
- width: 24,
147
- height: 24,
148
146
  borderRadius: '50%'
149
147
  };
150
148
  var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
@@ -252,7 +250,8 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
252
250
  marginBottom: 0
253
251
  },
254
252
  '& $body': {
255
- padding: "".concat(token.modalDrawerBodyPaddingY, " ").concat(token.modalDrawerBodyPaddingX)
253
+ padding: "".concat(token.modalDrawerBodyPaddingY, " ").concat(token.modalDrawerBodyPaddingX),
254
+ overflow: 'auto'
256
255
  },
257
256
  '& $bodyWithIcon': {
258
257
  paddingLeft: token.modalDrawerBodyPaddingX
@@ -1 +1 @@
1
- {"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAoB9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAkFtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAoB9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAmFtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/rate/rate.js CHANGED
@@ -66,7 +66,12 @@ var rateStyle = {
66
66
  itemHalf: {
67
67
  position: 'absolute',
68
68
  top: 0,
69
- left: 0,
69
+ '&[dir=ltr]': {
70
+ left: 0
71
+ },
72
+ '&[dir=rtl]': {
73
+ right: 0
74
+ },
70
75
  bottom: 0,
71
76
  overflow: 'hidden',
72
77
  width: '50%',
@@ -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;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAke1C,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;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA2d1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -83,18 +83,12 @@ var selectStyle = _objectSpread(_objectSpread({
83
83
  '& $placeholder,$ellipsis,$space,input': {
84
84
  marginTop: 0,
85
85
  marginBottom: 0
86
- },
87
- '& $clearIcon': {
88
- right: token.selectSmallPaddingX
89
86
  }
90
87
  },
91
88
  '&$wrapperLarge': {
92
89
  '& $placeholder,$ellipsis,$space,input': {
93
90
  marginTop: token.selectLargePlaceholderMarginY,
94
91
  marginBottom: token.selectLargePlaceholderMarginY
95
- },
96
- '& $clearIcon': {
97
- right: token.selectLargePaddingX
98
92
  }
99
93
  },
100
94
  '&:hover': {
@@ -335,7 +329,12 @@ var selectStyle = _objectSpread(_objectSpread({
335
329
  justifyContent: 'center'
336
330
  },
337
331
  checkedIcon: {
338
- right: 8,
332
+ '&[dir=ltr]': {
333
+ right: 8
334
+ },
335
+ '&[dir=rtl]': {
336
+ left: 8
337
+ },
339
338
  top: "calc(50% - 1em/2)",
340
339
  position: 'absolute',
341
340
  display: 'inline-flex',
@@ -1 +1 @@
1
- {"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA4E1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA8E1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/spin/spin.js CHANGED
@@ -36,7 +36,9 @@ var spinStyle = _objectSpread(_objectSpread({}, Animation), {}, {
36
36
  wave: wave,
37
37
  chasingRing: chasingRing,
38
38
  fade: {},
39
- spin: {},
39
+ spin: {
40
+ margin: 'auto'
41
+ },
40
42
  content: {
41
43
  margin: 'auto',
42
44
  display: 'flex',
@@ -1 +1 @@
1
- {"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqnBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmpBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}