@sheinx/shineout-style 3.1.0-rc.2 → 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 (124) hide show
  1. package/LICENSE +21 -0
  2. package/cjs/alert/alert.d.ts.map +1 -1
  3. package/cjs/alert/alert.js +6 -7
  4. package/cjs/button/button.d.ts.map +1 -1
  5. package/cjs/button/button.js +50 -11
  6. package/cjs/card/card.d.ts.map +1 -1
  7. package/cjs/card/card.js +6 -1
  8. package/cjs/cascader/cascader.d.ts.map +1 -1
  9. package/cjs/cascader/cascader.js +2 -1
  10. package/cjs/checkbox/checkbox.d.ts.map +1 -1
  11. package/cjs/checkbox/checkbox.js +1 -0
  12. package/cjs/collapse/collapse-item.d.ts.map +1 -1
  13. package/cjs/collapse/collapse-item.js +5 -1
  14. package/cjs/date-picker/date-picker.d.ts.map +1 -1
  15. package/cjs/date-picker/date-picker.js +95 -23
  16. package/cjs/descriptions/descriptions.d.ts.map +1 -1
  17. package/cjs/descriptions/descriptions.js +9 -7
  18. package/cjs/dropdown/dropdown.d.ts.map +1 -1
  19. package/cjs/dropdown/dropdown.js +33 -4
  20. package/cjs/form/form-item.d.ts.map +1 -1
  21. package/cjs/form/form-item.js +2 -5
  22. package/cjs/image/image.d.ts.map +1 -1
  23. package/cjs/image/image.js +44 -9
  24. package/cjs/input/input.d.ts.map +1 -1
  25. package/cjs/input/input.js +38 -7
  26. package/cjs/jss-style/handleStyle.js +3 -3
  27. package/cjs/menu/menu.d.ts.map +1 -1
  28. package/cjs/menu/menu.js +19 -4
  29. package/cjs/modal/modal.d.ts.map +1 -1
  30. package/cjs/modal/modal.js +5 -5
  31. package/cjs/normalize.js +3 -3
  32. package/cjs/pagination/pagination.d.ts.map +1 -1
  33. package/cjs/pagination/pagination.js +0 -9
  34. package/cjs/popover/popover.d.ts.map +1 -1
  35. package/cjs/popover/popover.js +13 -3
  36. package/cjs/rate/rate.d.ts.map +1 -1
  37. package/cjs/rate/rate.js +6 -1
  38. package/cjs/select/select.d.ts.map +1 -1
  39. package/cjs/select/select.js +6 -7
  40. package/cjs/slider/slider.d.ts.map +1 -1
  41. package/cjs/slider/slider.js +86 -22
  42. package/cjs/spin/spin.d.ts.map +1 -1
  43. package/cjs/spin/spin.js +3 -1
  44. package/cjs/steps/steps.d.ts.map +1 -1
  45. package/cjs/steps/steps.js +85 -20
  46. package/cjs/switch/switch.d.ts.map +1 -1
  47. package/cjs/switch/switch.js +30 -7
  48. package/cjs/table/table.d.ts.map +1 -1
  49. package/cjs/table/table.js +85 -31
  50. package/cjs/tabs/tabs.d.ts.map +1 -1
  51. package/cjs/tabs/tabs.js +178 -69
  52. package/cjs/textarea/textarea.d.ts.map +1 -1
  53. package/cjs/textarea/textarea.js +12 -2
  54. package/cjs/tooltip/tooltip.d.ts.map +1 -1
  55. package/cjs/tooltip/tooltip.js +13 -1
  56. package/cjs/tree/tree.d.ts.map +1 -1
  57. package/cjs/tree/tree.js +30 -5
  58. package/cjs/upload/upload.d.ts.map +1 -1
  59. package/cjs/upload/upload.js +9 -2
  60. package/cjs/version.d.ts +1 -1
  61. package/cjs/version.d.ts.map +1 -1
  62. package/cjs/version.js +1 -1
  63. package/esm/alert/alert.d.ts.map +1 -1
  64. package/esm/alert/alert.js +6 -7
  65. package/esm/button/button.d.ts.map +1 -1
  66. package/esm/button/button.js +50 -11
  67. package/esm/card/card.d.ts.map +1 -1
  68. package/esm/card/card.js +6 -1
  69. package/esm/cascader/cascader.d.ts.map +1 -1
  70. package/esm/cascader/cascader.js +2 -1
  71. package/esm/checkbox/checkbox.d.ts.map +1 -1
  72. package/esm/checkbox/checkbox.js +1 -0
  73. package/esm/collapse/collapse-item.d.ts.map +1 -1
  74. package/esm/collapse/collapse-item.js +5 -1
  75. package/esm/date-picker/date-picker.d.ts.map +1 -1
  76. package/esm/date-picker/date-picker.js +95 -23
  77. package/esm/descriptions/descriptions.d.ts.map +1 -1
  78. package/esm/descriptions/descriptions.js +9 -7
  79. package/esm/dropdown/dropdown.d.ts.map +1 -1
  80. package/esm/dropdown/dropdown.js +33 -4
  81. package/esm/form/form-item.d.ts.map +1 -1
  82. package/esm/form/form-item.js +2 -5
  83. package/esm/image/image.d.ts.map +1 -1
  84. package/esm/image/image.js +44 -9
  85. package/esm/input/input.d.ts.map +1 -1
  86. package/esm/input/input.js +38 -7
  87. package/esm/jss-style/handleStyle.js +3 -3
  88. package/esm/menu/menu.d.ts.map +1 -1
  89. package/esm/menu/menu.js +19 -4
  90. package/esm/modal/modal.d.ts.map +1 -1
  91. package/esm/modal/modal.js +5 -5
  92. package/esm/normalize.js +4 -4
  93. package/esm/pagination/pagination.d.ts.map +1 -1
  94. package/esm/pagination/pagination.js +0 -9
  95. package/esm/popover/popover.d.ts.map +1 -1
  96. package/esm/popover/popover.js +13 -3
  97. package/esm/rate/rate.d.ts.map +1 -1
  98. package/esm/rate/rate.js +6 -1
  99. package/esm/select/select.d.ts.map +1 -1
  100. package/esm/select/select.js +6 -7
  101. package/esm/slider/slider.d.ts.map +1 -1
  102. package/esm/slider/slider.js +86 -22
  103. package/esm/spin/spin.d.ts.map +1 -1
  104. package/esm/spin/spin.js +3 -1
  105. package/esm/steps/steps.d.ts.map +1 -1
  106. package/esm/steps/steps.js +85 -20
  107. package/esm/switch/switch.d.ts.map +1 -1
  108. package/esm/switch/switch.js +30 -7
  109. package/esm/table/table.d.ts.map +1 -1
  110. package/esm/table/table.js +85 -31
  111. package/esm/tabs/tabs.d.ts.map +1 -1
  112. package/esm/tabs/tabs.js +178 -69
  113. package/esm/textarea/textarea.d.ts.map +1 -1
  114. package/esm/textarea/textarea.js +12 -2
  115. package/esm/tooltip/tooltip.d.ts.map +1 -1
  116. package/esm/tooltip/tooltip.js +13 -1
  117. package/esm/tree/tree.d.ts.map +1 -1
  118. package/esm/tree/tree.js +30 -5
  119. package/esm/upload/upload.d.ts.map +1 -1
  120. package/esm/upload/upload.js +9 -2
  121. package/esm/version.d.ts +1 -1
  122. package/esm/version.d.ts.map +1 -1
  123. package/esm/version.js +1 -1
  124. package/package.json +10 -5
package/cjs/tabs/tabs.js CHANGED
@@ -37,38 +37,86 @@ var getHeaderPositionStyle = function getHeaderPositionStyle(position, options)
37
37
  };
38
38
  var getCardStyle = function getCardStyle() {
39
39
  return {
40
- '&[data-soui-position^="left-"][data-soui-shape="card"]': _objectSpread({
40
+ '&[data-soui-position^="left-"][data-soui-shape="card"]': {
41
41
  '& $tab,& $next,& $prev': {
42
- borderRadius: "".concat(_theme.default.tabsTabBorderRadius, " 0 0 ").concat(_theme.default.tabsTabBorderRadius)
42
+ '&[dir=ltr]': {
43
+ borderRadius: "".concat(_theme.default.tabsTabBorderRadius, " 0 0 ").concat(_theme.default.tabsTabBorderRadius)
44
+ },
45
+ '&[dir=rtl]': {
46
+ borderRadius: "0 ".concat(_theme.default.tabsTabBorderRadius, " ").concat(_theme.default.tabsTabBorderRadius, " 0")
47
+ }
43
48
  },
44
- '& $hr': {
45
- right: 0,
49
+ '&[dir=ltr]': _objectSpread({
50
+ '& $cardHr': {
51
+ '&:after': {
52
+ right: 0,
53
+ width: '1px',
54
+ height: '100%'
55
+ }
56
+ }
57
+ }, active({
58
+ top: 0,
59
+ bottom: 0,
60
+ right: -1,
46
61
  width: 1,
47
- height: '100%'
48
- }
49
- }, active({
50
- top: 0,
51
- bottom: 0,
52
- right: -1,
53
- width: 1,
54
- background: '#FFFFFF'
55
- })),
56
- '&[data-soui-position^="right-"][data-soui-shape="card"]': _objectSpread({
62
+ background: '#FFFFFF'
63
+ })),
64
+ '&[dir=rtl]': _objectSpread(_objectSpread({}, active({
65
+ top: 0,
66
+ bottom: 0,
67
+ left: -1,
68
+ width: 1,
69
+ background: '#FFFFFF'
70
+ })), {}, {
71
+ '& $cardHr': {
72
+ '&:after': {
73
+ left: 0,
74
+ width: 1,
75
+ height: '100%'
76
+ }
77
+ }
78
+ })
79
+ },
80
+ '&[data-soui-position^="right-"][data-soui-shape="card"]': {
57
81
  '& $tab,& $next,& $prev': {
58
- borderRadius: "0 ".concat(_theme.default.tabsTabBorderRadius, " ").concat(_theme.default.tabsTabBorderRadius, " 0")
82
+ '&[dir=ltr]': {
83
+ borderRadius: "0 ".concat(_theme.default.tabsTabBorderRadius, " ").concat(_theme.default.tabsTabBorderRadius, " 0")
84
+ },
85
+ '&[dir=rtl]': {
86
+ borderRadius: "".concat(_theme.default.tabsTabBorderRadius, " 0 0 ").concat(_theme.default.tabsTabBorderRadius)
87
+ }
59
88
  },
60
- '& $hr': {
61
- left: 0,
89
+ '&[dir=ltr]': _objectSpread({
90
+ '& $cardHr': {
91
+ '&:after': {
92
+ left: 0,
93
+ width: 1,
94
+ height: '100%'
95
+ }
96
+ }
97
+ }, active({
98
+ top: 0,
99
+ bottom: 0,
100
+ left: -1,
62
101
  width: 1,
63
- height: '100%'
64
- }
65
- }, active({
66
- top: 0,
67
- bottom: 0,
68
- left: -1,
69
- width: 1,
70
- background: '#FFFFFF'
71
- })),
102
+ background: '#FFFFFF'
103
+ })),
104
+ '&[dir=rtl]': _objectSpread({
105
+ '& $cardHr': {
106
+ '&:after': {
107
+ right: 0,
108
+ width: 1,
109
+ height: '100%'
110
+ }
111
+ }
112
+ }, active({
113
+ top: 0,
114
+ bottom: 0,
115
+ right: -1,
116
+ width: 1,
117
+ background: '#FFFFFF'
118
+ }))
119
+ },
72
120
  '&[data-soui-position^="top-"][data-soui-shape="card"]': _objectSpread({
73
121
  '& $tab,& $next,& $prev': {
74
122
  borderRadius: "".concat(_theme.default.tabsTabBorderRadius, " ").concat(_theme.default.tabsTabBorderRadius, " 0 0")
@@ -111,42 +159,68 @@ var getCardStyle = function getCardStyle() {
111
159
  };
112
160
  var getLineStyle = function getLineStyle() {
113
161
  return {
114
- '&[data-soui-position^="left-"][data-soui-shape="line"]': _objectSpread(_objectSpread({
115
- '& $hr': {
162
+ '&[data-soui-position^="left-"][data-soui-shape="line"]': {
163
+ '&[dir=ltr]': _objectSpread({
164
+ '& $hr': {
165
+ right: 0,
166
+ width: 1,
167
+ height: '100%'
168
+ }
169
+ }, active({
170
+ top: 0,
171
+ bottom: 0,
116
172
  right: 0,
117
- width: 1,
118
- height: '100%'
119
- }
120
- }, active({
121
- top: 0,
122
- bottom: 0,
123
- right: 0,
124
- width: 2
125
- })), {}, {
173
+ width: 2
174
+ })),
175
+ '&[dir=rtl]': _objectSpread({
176
+ '& $hr': {
177
+ left: 0,
178
+ width: 1,
179
+ height: '100%'
180
+ }
181
+ }, active({
182
+ top: 0,
183
+ bottom: 0,
184
+ left: 0,
185
+ width: 2
186
+ })),
126
187
  '& :not([data-soui-state="active"])$tab': {
127
188
  '&:after': {
128
189
  display: 'none'
129
190
  }
130
191
  }
131
- }),
132
- '&[data-soui-position^="right-"][data-soui-shape="line"]': _objectSpread(_objectSpread({
133
- '& $hr': {
192
+ },
193
+ '&[data-soui-position^="right-"][data-soui-shape="line"]': {
194
+ '&[dir=ltr]': _objectSpread({
195
+ '& $hr': {
196
+ left: 0,
197
+ width: 1,
198
+ height: '100%'
199
+ }
200
+ }, active({
201
+ top: 0,
202
+ bottom: 0,
134
203
  left: 0,
135
- width: 1,
136
- height: '100%'
137
- }
138
- }, active({
139
- top: 0,
140
- bottom: 0,
141
- left: 0,
142
- width: 2
143
- })), {}, {
204
+ width: 2
205
+ })),
206
+ '&[dir=rtl]': _objectSpread({
207
+ '& $hr': {
208
+ right: 0,
209
+ width: 1,
210
+ height: '100%'
211
+ }
212
+ }, active({
213
+ top: 0,
214
+ bottom: 0,
215
+ right: 0,
216
+ width: 2
217
+ })),
144
218
  '& :not([data-soui-state="active"])$tab': {
145
219
  '&:after': {
146
220
  display: 'none'
147
221
  }
148
222
  }
149
- }),
223
+ },
150
224
  '&[data-soui-position^="top-"][data-soui-shape="line"]': _objectSpread({
151
225
  '& $hr': {
152
226
  bottom: 0,
@@ -181,18 +255,34 @@ var getLineStyle = function getLineStyle() {
181
255
  };
182
256
  var getDashStyle = function getDashStyle() {
183
257
  return {
184
- '&[data-soui-position^="left-"][data-soui-shape="dash"]': _objectSpread({}, active({
185
- top: "calc(50% - 12px)",
186
- width: 2,
187
- height: 24,
188
- right: 0
189
- })),
190
- '&[data-soui-position^="right-"][data-soui-shape="dash"]': _objectSpread({}, active({
191
- top: "calc(50% - 12px)",
192
- width: 2,
193
- height: 24,
194
- left: 0
195
- })),
258
+ '&[data-soui-position^="left-"][data-soui-shape="dash"]': {
259
+ '&[dir=ltr]': _objectSpread({}, active({
260
+ top: "calc(50% - 12px)",
261
+ width: 2,
262
+ height: 24,
263
+ right: 0
264
+ })),
265
+ '&[dir=rtl]': _objectSpread({}, active({
266
+ top: "calc(50% - 12px)",
267
+ width: 2,
268
+ height: 24,
269
+ left: 0
270
+ }))
271
+ },
272
+ '&[data-soui-position^="right-"][data-soui-shape="dash"]': {
273
+ '&[dir=ltr]': _objectSpread({}, active({
274
+ top: "calc(50% - 12px)",
275
+ width: 2,
276
+ height: 24,
277
+ left: 0
278
+ })),
279
+ '&[dir=rtl]': _objectSpread({}, active({
280
+ top: "calc(50% - 12px)",
281
+ width: 2,
282
+ height: 24,
283
+ right: 0
284
+ }))
285
+ },
196
286
  '&[data-soui-position^="top-"][data-soui-shape="dash"]': _objectSpread({}, active({
197
287
  bottom: 0,
198
288
  left: "calc(50% - 12px)",
@@ -218,7 +308,6 @@ var getFillStyle = function getFillStyle() {
218
308
  }
219
309
  },
220
310
  '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $fillInner': {
221
- // background: Token.tabsHoverBackgroundColor,
222
311
  background: _theme.default.tabsExtraFillHoverBackgroundColor
223
312
  },
224
313
  '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active $fillInner': {
@@ -227,12 +316,17 @@ var getFillStyle = function getFillStyle() {
227
316
  '&:before': {
228
317
  content: '""',
229
318
  position: 'absolute',
230
- left: 0,
231
319
  top: 'calc(50% - 7px)',
232
320
  width: 1,
233
321
  height: 14,
234
322
  background: 'transparent',
235
323
  transition: 'background .15s ease-out'
324
+ },
325
+ '&[dir=ltr]::before': {
326
+ left: 0
327
+ },
328
+ '&[dir=rtl]::before': {
329
+ right: 0
236
330
  }
237
331
  },
238
332
  '& $tab:not([data-soui-state="active"]):not(:hover) + $tab:not([data-soui-state="active"]):not(:hover)': {
@@ -277,15 +371,24 @@ var getHeaderStyle = function getHeaderStyle() {
277
371
  '&[data-soui-shape="fill"] $header': {
278
372
  '& $tab': {
279
373
  background: _theme.default.tabsBackgroundColor,
280
- // padding: `${Token.tabsFillPaddingY} ${Token.tabsFillPaddingX}`,
281
374
  padding: "".concat(_theme.default.tabsFillPaddingY, " 0")
282
375
  },
283
376
  '& $tab:first-child': {
284
- borderRadius: "".concat(_theme.default.tabsTabBorderRadius, " 0 0 ").concat(_theme.default.tabsTabBorderRadius),
377
+ '&[dir=ltr]': {
378
+ borderRadius: "".concat(_theme.default.tabsTabBorderRadius, " 0 0 ").concat(_theme.default.tabsTabBorderRadius)
379
+ },
380
+ '&[dir=rtl]': {
381
+ borderRadius: "0 ".concat(_theme.default.tabsTabBorderRadius, " ").concat(_theme.default.tabsTabBorderRadius, " 0")
382
+ },
285
383
  paddingLeft: _theme.default.tabsFillPaddingX
286
384
  },
287
385
  '& $tab:last-child': {
288
- borderRadius: "0 ".concat(_theme.default.tabsTabBorderRadius, " ").concat(_theme.default.tabsTabBorderRadius, " 0"),
386
+ '&[dir=rtl]': {
387
+ borderRadius: "".concat(_theme.default.tabsTabBorderRadius, " 0 0 ").concat(_theme.default.tabsTabBorderRadius)
388
+ },
389
+ '&[dir=ltr]': {
390
+ borderRadius: "0 ".concat(_theme.default.tabsTabBorderRadius, " ").concat(_theme.default.tabsTabBorderRadius, " 0")
391
+ },
289
392
  paddingRight: _theme.default.tabsFillPaddingX
290
393
  }
291
394
  },
@@ -679,12 +782,18 @@ var tabsStyle = {
679
782
  prev: {
680
783
  textAlign: 'center',
681
784
  color: _theme.default.tabsArrowFontColor,
682
- lineHeight: _theme.default.lineHeightDynamic
785
+ lineHeight: _theme.default.lineHeightDynamic,
786
+ '&[dir=rtl] svg': {
787
+ transform: 'rotate(180deg)'
788
+ }
683
789
  },
684
790
  next: {
685
791
  textAlign: 'center',
686
792
  color: _theme.default.tabsArrowFontColor,
687
- lineHeight: _theme.default.lineHeightDynamic
793
+ lineHeight: _theme.default.lineHeightDynamic,
794
+ '&[dir=rtl] svg': {
795
+ transform: 'rotate(180deg)'
796
+ }
688
797
  },
689
798
  extra: {},
690
799
  collapsible: {
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA6CxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CAqF1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA6CxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CA4F1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -83,7 +83,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({}, inputBorder), {}, {
83
83
  },
84
84
  info: {
85
85
  position: 'absolute',
86
- right: '0',
86
+ '&[dir=ltr]': {
87
+ right: '0'
88
+ },
89
+ '&[dir=rtl]': {
90
+ left: '0'
91
+ },
87
92
  top: '100%',
88
93
  transformOrigin: '100% 0',
89
94
  marginTop: '10px',
@@ -98,7 +103,6 @@ var input = _objectSpread(_objectSpread(_objectSpread({}, inputBorder), {}, {
98
103
  '&::before': {
99
104
  display: 'block',
100
105
  position: 'absolute',
101
- right: '4px',
102
106
  bottom: '100%',
103
107
  transform: 'rotate(45deg) translateY(3px)',
104
108
  width: '6px',
@@ -107,6 +111,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({}, inputBorder), {}, {
107
111
  borderWidth: '1px 0 0 1px',
108
112
  background: 'inherit',
109
113
  content: "' '"
114
+ },
115
+ '&[dir=ltr]::before': {
116
+ right: '4px'
117
+ },
118
+ '&[dir=rtl]::before': {
119
+ left: '8px'
110
120
  }
111
121
  },
112
122
  infoError: {
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAmJhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAuJhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -65,6 +65,7 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
65
65
  borderRadius: _theme.default.tooltipBorderRadius,
66
66
  boxShadow: _theme.default.tooltipShadow,
67
67
  color: _theme.default.tooltipColor,
68
+ wordWrap: 'break-word',
68
69
  '&[data-soui-type^="light"]': {
69
70
  backgroundColor: _theme.default.tooltipLightBackgroundColor,
70
71
  color: _theme.default.tooltipLightColor,
@@ -96,7 +97,6 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
96
97
  height: '8.4px',
97
98
  boxSizing: 'content-box',
98
99
  background: 'inherit',
99
- borderLeft: 'none',
100
100
  borderBottom: 'none'
101
101
  },
102
102
  '&[data-soui-position^="bottom"]': {
@@ -139,6 +139,12 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
139
139
  },
140
140
  '&[data-soui-position^="left"]': {
141
141
  marginLeft: (arrowGap - 2) * -1,
142
+ '&[dir=ltr]': {
143
+ marginLeft: (arrowGap - 2) * -1
144
+ },
145
+ '&[dir=rtl]': {
146
+ marginRight: (arrowGap - 2) * -1
147
+ },
142
148
  '&::before': {
143
149
  right: 0,
144
150
  transform: 'translate(50%, 0) rotate(45deg)',
@@ -158,6 +164,12 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
158
164
  },
159
165
  '&[data-soui-position^="right"]': {
160
166
  marginLeft: arrowGap - 2,
167
+ '&[dir=ltr]': {
168
+ marginLeft: arrowGap - 2
169
+ },
170
+ '&[dir=rtl]': {
171
+ marginRight: arrowGap - 2
172
+ },
161
173
  '&::before': {
162
174
  left: '0',
163
175
  transform: 'translate(-50%, 0) rotate(-135deg)',
@@ -1 +1 @@
1
- {"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.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;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA8LtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.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;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAmMtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
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,CA2U1C,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"}
@@ -108,6 +108,7 @@ var uploadStyle = {
108
108
  display: 'flex',
109
109
  alignItems: 'center',
110
110
  minWidth: '0',
111
+ wordBreak: 'break-all',
111
112
  flex: 1,
112
113
  gap: _theme.default.uploadResultGap,
113
114
  fontSize: _theme.default.uploadResultFontSize,
@@ -242,8 +243,14 @@ var uploadStyle = {
242
243
  imageResultTopBtn: {
243
244
  position: 'absolute',
244
245
  top: 0,
245
- right: 0,
246
- 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
+ },
247
254
  color: _theme.default.uploadImageResultBtnCloseColor,
248
255
  cursor: 'pointer',
249
256
  '$resultDeleted &': {
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.1.0-rc.2";
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.2';
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,CAiJ5C,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
  }
@@ -96,7 +94,8 @@ var alertStyle = {
96
94
  }
97
95
  },
98
96
  content: {
99
- flex: '1 1 0'
97
+ flex: '1 1 0',
98
+ wordBreak: 'break-all'
100
99
  },
101
100
  pending: {
102
101
  opacity: 0,
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAoK7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA+U9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAmL7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAuW9C,CAAC;AAEF,eAAe,WAAW,CAAC"}