@sheinx/shineout-style 3.8.0-beta.21 → 3.8.0-beta.23

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 (15) hide show
  1. package/cjs/radio/radio.js +1 -1
  2. package/cjs/skeleton/skeleton.js +2 -2
  3. package/cjs/table/table.d.ts.map +1 -1
  4. package/cjs/table/table.js +13 -4
  5. package/cjs/textarea/textarea.js +2 -2
  6. package/cjs/version.d.ts +1 -1
  7. package/cjs/version.js +1 -1
  8. package/esm/radio/radio.js +1 -1
  9. package/esm/skeleton/skeleton.js +2 -2
  10. package/esm/table/table.d.ts.map +1 -1
  11. package/esm/table/table.js +13 -4
  12. package/esm/textarea/textarea.js +2 -2
  13. package/esm/version.d.ts +1 -1
  14. package/esm/version.js +1 -1
  15. package/package.json +3 -3
package/cjs/radio/radio.js CHANGED
@@ -101,7 +101,7 @@ var radioStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
101
101
  color: _theme.default.radioIconColor,
102
102
  backgroundColor: _theme.default.radioIconBackgroundColor,
103
103
  border: '1px solid currentColor',
104
- '$wrapperChecked &': {
104
+ '$wrapperChecked > $indicatorWrapper > &': {
105
105
  backgroundColor: _theme.default.radioIconCheckedBackgroundColor,
106
106
  color: _theme.default.radioIconCheckedColor,
107
107
  '&::after': {
package/cjs/skeleton/skeleton.js CHANGED
@@ -31,7 +31,7 @@ var skeletonStyle = _objectSpread(_objectSpread({}, animation), {}, {
31
31
  '& $textItem, & $image, & $buttonItem': {
32
32
  backgroundImage: "linear-gradient(90deg, ".concat(_theme.default.skeletonAnimationFromColor, " 25%, ").concat(_theme.default.skeletonAnimationToColor, " 37%, ").concat(_theme.default.skeletonAnimationFromColor, " 63%)"),
33
33
  backgroundSize: '400% 100%',
34
- animation: '$skeleton-animation 1.4s ease infinite'
34
+ animation: '$skeleton-animation 1.5s cubic-bezier(0, 0, 1, 1) infinite'
35
35
  }
36
36
  },
37
37
  content: {
@@ -80,7 +80,7 @@ var skeletonStyle = _objectSpread(_objectSpread({}, animation), {}, {
80
80
  button: {
81
81
  display: 'flex',
82
82
  '$text + &': {
83
- marginTop: _theme.default.skeletonMargin
83
+ marginTop: _theme.default.skeletonButtonMarginTop
84
84
  }
85
85
  },
86
86
  buttonItem: {
package/cjs/table/table.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAymBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAknBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/table/table.js CHANGED
@@ -183,12 +183,15 @@ var tableStyle = _objectSpread(_objectSpread({
183
183
  '$sticky > &': {
184
184
  zIndex: headerIndex
185
185
  },
186
- '& table th': {
186
+ '$wrapper & table th': {
187
187
  zIndex: fixedFixedIndex + 1,
188
188
  '&$cellFixedLeft': {
189
189
  position: 'sticky',
190
190
  top: 'auto',
191
191
  zIndex: fixedFixedIndex + 2
192
+ },
193
+ '&$cellFixedRight': {
194
+ zIndex: fixedFixedIndex + 3
192
195
  }
193
196
  }
194
197
  },
@@ -210,7 +213,10 @@ var tableStyle = _objectSpread(_objectSpread({
210
213
  '&$cellFixedLeft': {
211
214
  position: 'sticky',
212
215
  top: 'auto',
213
- zIndex: fixedIndex + 1
216
+ zIndex: fixedIndex
217
+ },
218
+ '&$cellFixedRight': {
219
+ zIndex: fixedIndex
214
220
  }
215
221
  }
216
222
  },
@@ -264,10 +270,13 @@ var tableStyle = _objectSpread(_objectSpread({
264
270
  borderBottom: 'none'
265
271
  },
266
272
  cellFixedLeft: {
267
- position: 'sticky'
273
+ position: 'sticky',
274
+ // 快速横滚，有可能出现非固定列遮挡了固定列的短暂一瞬间，因此加上这个zIndex
275
+ zIndex: fixedIndex + 1
268
276
  },
269
277
  cellFixedRight: {
270
- position: 'sticky'
278
+ position: 'sticky',
279
+ zIndex: fixedFixedIndex
271
280
  },
272
281
  cellAlignLeft: {
273
282
  textAlign: 'left'
package/cjs/textarea/textarea.js CHANGED
@@ -66,7 +66,8 @@ var input = _objectSpread(_objectSpread(_objectSpread({
66
66
  width: '100%',
67
67
  boxSizing: 'border-box',
68
68
  position: 'relative',
69
- flexWrap: 'wrap'
69
+ flexWrap: 'wrap',
70
+ minHeight: "calc(".concat(_theme.default.lineHeightDynamic, " + ").concat(_theme.default.inputPaddingY, " * 2)")
70
71
  }, wrapper)
71
72
  }, resetWrapper), {}, {
72
73
  textarea: {
@@ -86,7 +87,6 @@ var input = _objectSpread(_objectSpread(_objectSpread({
86
87
  backgroundColor: 'transparent',
87
88
  resize: 'none',
88
89
  boxSizing: 'border-box',
89
- minHeight: "calc(".concat(_theme.default.lineHeightDynamic, " + ").concat(_theme.default.inputPaddingY, " * 2)"),
90
90
  // why: 为了让滚动条的轨道不遮盖右上角和右下角的圆角; 注: chrome >= 121才支持scrollbar-color
91
91
  scrollbarColor: "".concat(_theme.default.inputBorderColor, " transparent"),
92
92
  '&$resize': {
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.8.0-beta.21";
1
+ declare const _default: "3.8.0-beta.23";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
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.8.0-beta.21';
7
+ var _default = exports.default = '3.8.0-beta.23';
package/esm/radio/radio.js CHANGED
@@ -94,7 +94,7 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
94
94
  color: token.radioIconColor,
95
95
  backgroundColor: token.radioIconBackgroundColor,
96
96
  border: '1px solid currentColor',
97
- '$wrapperChecked &': {
97
+ '$wrapperChecked > $indicatorWrapper > &': {
98
98
  backgroundColor: token.radioIconCheckedBackgroundColor,
99
99
  color: token.radioIconCheckedColor,
100
100
  '&::after': {
package/esm/skeleton/skeleton.js CHANGED
@@ -24,7 +24,7 @@ var skeletonStyle = _objectSpread(_objectSpread({}, animation), {}, {
24
24
  '& $textItem, & $image, & $buttonItem': {
25
25
  backgroundImage: "linear-gradient(90deg, ".concat(token.skeletonAnimationFromColor, " 25%, ").concat(token.skeletonAnimationToColor, " 37%, ").concat(token.skeletonAnimationFromColor, " 63%)"),
26
26
  backgroundSize: '400% 100%',
27
- animation: '$skeleton-animation 1.4s ease infinite'
27
+ animation: '$skeleton-animation 1.5s cubic-bezier(0, 0, 1, 1) infinite'
28
28
  }
29
29
  },
30
30
  content: {
@@ -73,7 +73,7 @@ var skeletonStyle = _objectSpread(_objectSpread({}, animation), {}, {
73
73
  button: {
74
74
  display: 'flex',
75
75
  '$text + &': {
76
- marginTop: token.skeletonMargin
76
+ marginTop: token.skeletonButtonMarginTop
77
77
  }
78
78
  },
79
79
  buttonItem: {
package/esm/table/table.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAymBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAknBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/table/table.js CHANGED
@@ -176,12 +176,15 @@ var tableStyle = _objectSpread(_objectSpread({
176
176
  '$sticky > &': {
177
177
  zIndex: headerIndex
178
178
  },
179
- '& table th': {
179
+ '$wrapper & table th': {
180
180
  zIndex: fixedFixedIndex + 1,
181
181
  '&$cellFixedLeft': {
182
182
  position: 'sticky',
183
183
  top: 'auto',
184
184
  zIndex: fixedFixedIndex + 2
185
+ },
186
+ '&$cellFixedRight': {
187
+ zIndex: fixedFixedIndex + 3
185
188
  }
186
189
  }
187
190
  },
@@ -203,7 +206,10 @@ var tableStyle = _objectSpread(_objectSpread({
203
206
  '&$cellFixedLeft': {
204
207
  position: 'sticky',
205
208
  top: 'auto',
206
- zIndex: fixedIndex + 1
209
+ zIndex: fixedIndex
210
+ },
211
+ '&$cellFixedRight': {
212
+ zIndex: fixedIndex
207
213
  }
208
214
  }
209
215
  },
@@ -257,10 +263,13 @@ var tableStyle = _objectSpread(_objectSpread({
257
263
  borderBottom: 'none'
258
264
  },
259
265
  cellFixedLeft: {
260
- position: 'sticky'
266
+ position: 'sticky',
267
+ // 快速横滚，有可能出现非固定列遮挡了固定列的短暂一瞬间，因此加上这个zIndex
268
+ zIndex: fixedIndex + 1
261
269
  },
262
270
  cellFixedRight: {
263
- position: 'sticky'
271
+ position: 'sticky',
272
+ zIndex: fixedFixedIndex
264
273
  },
265
274
  cellAlignLeft: {
266
275
  textAlign: 'left'
package/esm/textarea/textarea.js CHANGED
@@ -59,7 +59,8 @@ var input = _objectSpread(_objectSpread(_objectSpread({
59
59
  width: '100%',
60
60
  boxSizing: 'border-box',
61
61
  position: 'relative',
62
- flexWrap: 'wrap'
62
+ flexWrap: 'wrap',
63
+ minHeight: "calc(".concat(token.lineHeightDynamic, " + ").concat(token.inputPaddingY, " * 2)")
63
64
  }, wrapper)
64
65
  }, resetWrapper), {}, {
65
66
  textarea: {
@@ -79,7 +80,6 @@ var input = _objectSpread(_objectSpread(_objectSpread({
79
80
  backgroundColor: 'transparent',
80
81
  resize: 'none',
81
82
  boxSizing: 'border-box',
82
- minHeight: "calc(".concat(token.lineHeightDynamic, " + ").concat(token.inputPaddingY, " * 2)"),
83
83
  // why: 为了让滚动条的轨道不遮盖右上角和右下角的圆角; 注: chrome >= 121才支持scrollbar-color
84
84
  scrollbarColor: "".concat(token.inputBorderColor, " transparent"),
85
85
  '&$resize': {
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.8.0-beta.21";
1
+ declare const _default: "3.8.0-beta.23";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.8.0-beta.21';
1
+ export default '3.8.0-beta.23';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.8.0-beta.21",
3
+ "version": "3.8.0-beta.23",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,8 +17,8 @@
17
17
  "dependencies": {
18
18
  "jss": "10.9.2",
19
19
  "react-jss": "10.9.2",
20
- "@sheinx/theme": "3.8.0-beta.21",
21
- "@sheinx/base": "3.8.0-beta.21"
20
+ "@sheinx/theme": "3.8.0-beta.23",
21
+ "@sheinx/base": "3.8.0-beta.23"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"