@sheinx/shineout-style 3.5.0-beta.4 → 3.5.0-beta.6

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.
@@ -0,0 +1,19 @@
1
+ import { JsStyles } from '../jss-style';
2
+ export type AvatarClasses = {
3
+ wrapper: string;
4
+ small: string;
5
+ large: string;
6
+ image: string;
7
+ string: string;
8
+ circle: string;
9
+ square: string;
10
+ icon: string;
11
+ text: string;
12
+ group: string;
13
+ max: string;
14
+ popover: string;
15
+ };
16
+ export type AvatarClassType = keyof AvatarClasses;
17
+ declare const avatarStyle: JsStyles<AvatarClassType>;
18
+ export default avatarStyle;
19
+ //# sourceMappingURL=avatar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAuE1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _theme = _interopRequireDefault(require("@sheinx/theme"));
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+ var avatarStyle = {
10
+ wrapper: {
11
+ display: 'inline-flex',
12
+ listStyle: 'none',
13
+ position: 'relative',
14
+ alignItems: 'center',
15
+ alignContent: 'center',
16
+ justifyContent: 'center',
17
+ overflow: 'hidden',
18
+ whiteSpace: 'nowrap',
19
+ textAlign: 'center',
20
+ verticalAlign: 'middle',
21
+ color: _theme.default.avatarFontColor,
22
+ width: _theme.default.avatarWidth,
23
+ height: _theme.default.avatarHeight,
24
+ fontSize: _theme.default.avatarFontSize,
25
+ fontWeight: _theme.default.avatarFontWeight,
26
+ backgroundColor: _theme.default.avatarBackgroundColor,
27
+ '& >img': {
28
+ display: 'block',
29
+ width: '100%',
30
+ height: '100%',
31
+ objectFit: 'cover'
32
+ }
33
+ },
34
+ image: {
35
+ backgroundColor: 'transparent'
36
+ },
37
+ circle: {
38
+ borderRadius: _theme.default.avatarCircleBorderRadius
39
+ },
40
+ square: {
41
+ borderRadius: _theme.default.avatarSquareBorderRadius
42
+ },
43
+ icon: {},
44
+ text: {},
45
+ string: {},
46
+ group: {
47
+ display: 'inline-flex',
48
+ '& :not(:first-child)': {
49
+ marginLeft: "-8px"
50
+ },
51
+ '& $wrapper': {
52
+ border: "".concat(_theme.default.avatarGroupBorderWidth, " solid ").concat(_theme.default.avatarGroupBorderColor)
53
+ }
54
+ },
55
+ small: {
56
+ width: _theme.default.avatarSmallWidth,
57
+ height: _theme.default.avatarSmallHeight,
58
+ fontSize: _theme.default.avatarSmallFontSize
59
+ },
60
+ large: {
61
+ width: _theme.default.avatarLargeWidth,
62
+ height: _theme.default.avatarLargeHeight,
63
+ fontSize: _theme.default.avatarLargeFontSize
64
+ },
65
+ max: {
66
+ color: _theme.default.avatarMaxFontColor,
67
+ fontWeight: _theme.default.avatarMaxFontWeight
68
+ },
69
+ popover: {
70
+ padding: _theme.default.avatarPopoverPadding,
71
+ maxWidth: 239,
72
+ maxHeight: 116,
73
+ overflow: 'auto',
74
+ display: 'flex',
75
+ flexWrap: 'wrap',
76
+ gap: '8px'
77
+ }
78
+ };
79
+ var _default = exports.default = avatarStyle;
@@ -0,0 +1,5 @@
1
+ import avatarStyle from './avatar';
2
+ declare const useAvatarStyle: () => import("jss").Classes<keyof import("./avatar").AvatarClasses>;
3
+ export { avatarStyle, useAvatarStyle };
4
+ export default useAvatarStyle;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,UAAU,CAAC;AAEnC,QAAA,MAAM,cAAc,qEAAgC,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AACvC,eAAe,cAAc,CAAC"}
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ "use client";
3
+
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "avatarStyle", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _avatar.default;
11
+ }
12
+ });
13
+ exports.useAvatarStyle = exports.default = void 0;
14
+ var _jssStyle = require("../jss-style");
15
+ var _avatar = _interopRequireDefault(require("./avatar"));
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+ var useAvatarStyle = exports.useAvatarStyle = (0, _jssStyle.styled)(_avatar.default, 'avatar');
18
+ var _default = exports.default = useAvatarStyle;
package/cjs/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './alert';
2
+ export * from './avatar';
2
3
  export * from './badge';
3
4
  export * from './breadcrumb';
4
5
  export * from './button';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
package/cjs/index.js CHANGED
@@ -21,6 +21,18 @@ Object.keys(_alert).forEach(function (key) {
21
21
  }
22
22
  });
23
23
  });
24
+ var _avatar = require("./avatar");
25
+ Object.keys(_avatar).forEach(function (key) {
26
+ if (key === "default" || key === "__esModule") return;
27
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
28
+ if (key in exports && exports[key] === _avatar[key]) return;
29
+ Object.defineProperty(exports, key, {
30
+ enumerable: true,
31
+ get: function get() {
32
+ return _avatar[key];
33
+ }
34
+ });
35
+ });
24
36
  var _badge = require("./badge");
25
37
  Object.keys(_badge).forEach(function (key) {
26
38
  if (key === "default" || key === "__esModule") return;
@@ -179,7 +179,7 @@ var selectStyle = _objectSpread(_objectSpread({
179
179
  minWidth: 12,
180
180
  maxWidth: '100%',
181
181
  // flex: 1,
182
- width: 12,
182
+ // width: 12,
183
183
  overflow: 'hidden',
184
184
  whiteSpace: 'nowrap',
185
185
  textOverflow: 'ellipsis',
@@ -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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA0cxC,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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAuexC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -151,7 +151,7 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
151
151
  borderTop: 'none',
152
152
  '&::before': {
153
153
  position: 'absolute',
154
- zIndex: 7,
154
+ zIndex: fixedFixedIndex + 3,
155
155
  content: '""',
156
156
  display: 'block',
157
157
  top: 0,
@@ -185,7 +185,25 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
185
185
  overflow: 'auto',
186
186
  boxSizing: 'border-box',
187
187
  flexGrow: 1,
188
- minHeight: '0'
188
+ minHeight: '0',
189
+ '$wrapper & table': {
190
+ '& th, & td': {
191
+ position: 'sticky',
192
+ top: 0
193
+ },
194
+ '& th': {
195
+ zIndex: fixedFixedIndex + 1,
196
+ '&$cellFixedLeft': {
197
+ zIndex: fixedFixedIndex + 2
198
+ }
199
+ },
200
+ '& td': {
201
+ zIndex: fixedIndex,
202
+ '&$cellFixedLeft': {
203
+ zIndex: fixedIndex + 1
204
+ }
205
+ }
206
+ }
189
207
  },
190
208
  footWrapper: {
191
209
  flex: '0 0 auto',
@@ -273,7 +291,12 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
273
291
  }
274
292
  },
275
293
  '& table': {
276
- '& th, & td': {
294
+ '& th': {
295
+ '&$cellFixedLeft': {
296
+ zIndex: fixedFixedIndex + 2
297
+ }
298
+ },
299
+ '& td': {
277
300
  '&$cellFixedLeft': {
278
301
  zIndex: fixedFixedIndex
279
302
  }
@@ -299,7 +322,12 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
299
322
  }
300
323
  },
301
324
  '& table': {
302
- '& th, & td': {
325
+ '& th': {
326
+ '&$cellFixedRight': {
327
+ zIndex: fixedFixedIndex + 2
328
+ }
329
+ },
330
+ '& td': {
303
331
  '&$cellFixedRight': {
304
332
  zIndex: fixedFixedIndex
305
333
  }
@@ -419,7 +447,8 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
419
447
  color: _theme.default.tableExpandIconColor,
420
448
  zIndex: 1,
421
449
  '&>svg': {
422
- cursor: 'pointer'
450
+ cursor: 'pointer',
451
+ display: 'block'
423
452
  }
424
453
  },
425
454
  expandIconWrapper: {
@@ -454,10 +483,10 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
454
483
  }
455
484
  },
456
485
  iconWrapper: {
457
- display: 'inline-block',
486
+ display: 'inline-flex',
458
487
  verticalAlign: 'top',
459
- lineHeight: '1.9',
460
- height: '14px'
488
+ height: _theme.default.lineHeightDynamic,
489
+ alignItems: 'center'
461
490
  },
462
491
  rowStriped: {
463
492
  '&& td': {
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.5.0-beta.4";
1
+ declare const _default: "3.5.0-beta.6";
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.5.0-beta.4';
7
+ var _default = exports.default = '3.5.0-beta.6';
@@ -0,0 +1,19 @@
1
+ import { JsStyles } from '../jss-style';
2
+ export type AvatarClasses = {
3
+ wrapper: string;
4
+ small: string;
5
+ large: string;
6
+ image: string;
7
+ string: string;
8
+ circle: string;
9
+ square: string;
10
+ icon: string;
11
+ text: string;
12
+ group: string;
13
+ max: string;
14
+ popover: string;
15
+ };
16
+ export type AvatarClassType = keyof AvatarClasses;
17
+ declare const avatarStyle: JsStyles<AvatarClassType>;
18
+ export default avatarStyle;
19
+ //# sourceMappingURL=avatar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAuE1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,72 @@
1
+ import token from '@sheinx/theme';
2
+ var avatarStyle = {
3
+ wrapper: {
4
+ display: 'inline-flex',
5
+ listStyle: 'none',
6
+ position: 'relative',
7
+ alignItems: 'center',
8
+ alignContent: 'center',
9
+ justifyContent: 'center',
10
+ overflow: 'hidden',
11
+ whiteSpace: 'nowrap',
12
+ textAlign: 'center',
13
+ verticalAlign: 'middle',
14
+ color: token.avatarFontColor,
15
+ width: token.avatarWidth,
16
+ height: token.avatarHeight,
17
+ fontSize: token.avatarFontSize,
18
+ fontWeight: token.avatarFontWeight,
19
+ backgroundColor: token.avatarBackgroundColor,
20
+ '& >img': {
21
+ display: 'block',
22
+ width: '100%',
23
+ height: '100%',
24
+ objectFit: 'cover'
25
+ }
26
+ },
27
+ image: {
28
+ backgroundColor: 'transparent'
29
+ },
30
+ circle: {
31
+ borderRadius: token.avatarCircleBorderRadius
32
+ },
33
+ square: {
34
+ borderRadius: token.avatarSquareBorderRadius
35
+ },
36
+ icon: {},
37
+ text: {},
38
+ string: {},
39
+ group: {
40
+ display: 'inline-flex',
41
+ '& :not(:first-child)': {
42
+ marginLeft: "-8px"
43
+ },
44
+ '& $wrapper': {
45
+ border: "".concat(token.avatarGroupBorderWidth, " solid ").concat(token.avatarGroupBorderColor)
46
+ }
47
+ },
48
+ small: {
49
+ width: token.avatarSmallWidth,
50
+ height: token.avatarSmallHeight,
51
+ fontSize: token.avatarSmallFontSize
52
+ },
53
+ large: {
54
+ width: token.avatarLargeWidth,
55
+ height: token.avatarLargeHeight,
56
+ fontSize: token.avatarLargeFontSize
57
+ },
58
+ max: {
59
+ color: token.avatarMaxFontColor,
60
+ fontWeight: token.avatarMaxFontWeight
61
+ },
62
+ popover: {
63
+ padding: token.avatarPopoverPadding,
64
+ maxWidth: 239,
65
+ maxHeight: 116,
66
+ overflow: 'auto',
67
+ display: 'flex',
68
+ flexWrap: 'wrap',
69
+ gap: '8px'
70
+ }
71
+ };
72
+ export default avatarStyle;
@@ -0,0 +1,5 @@
1
+ import avatarStyle from './avatar';
2
+ declare const useAvatarStyle: () => import("jss").Classes<keyof import("./avatar").AvatarClasses>;
3
+ export { avatarStyle, useAvatarStyle };
4
+ export default useAvatarStyle;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,UAAU,CAAC;AAEnC,QAAA,MAAM,cAAc,qEAAgC,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AACvC,eAAe,cAAc,CAAC"}
@@ -0,0 +1,6 @@
1
+ "use client";
2
+ import { styled } from "../jss-style";
3
+ import avatarStyle from "./avatar";
4
+ var useAvatarStyle = styled(avatarStyle, 'avatar');
5
+ export { avatarStyle, useAvatarStyle };
6
+ export default useAvatarStyle;
package/esm/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './alert';
2
+ export * from './avatar';
2
3
  export * from './badge';
3
4
  export * from './breadcrumb';
4
5
  export * from './button';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
package/esm/index.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use client";
2
2
  export * from "./alert";
3
+ export * from "./avatar";
3
4
  export * from "./badge";
4
5
  export * from "./breadcrumb";
5
6
  export * from "./button";
@@ -172,7 +172,7 @@ var selectStyle = _objectSpread(_objectSpread({
172
172
  minWidth: 12,
173
173
  maxWidth: '100%',
174
174
  // flex: 1,
175
- width: 12,
175
+ // width: 12,
176
176
  overflow: 'hidden',
177
177
  whiteSpace: 'nowrap',
178
178
  textOverflow: 'ellipsis',
@@ -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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA0cxC,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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAuexC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -144,7 +144,7 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
144
144
  borderTop: 'none',
145
145
  '&::before': {
146
146
  position: 'absolute',
147
- zIndex: 7,
147
+ zIndex: fixedFixedIndex + 3,
148
148
  content: '""',
149
149
  display: 'block',
150
150
  top: 0,
@@ -178,7 +178,25 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
178
178
  overflow: 'auto',
179
179
  boxSizing: 'border-box',
180
180
  flexGrow: 1,
181
- minHeight: '0'
181
+ minHeight: '0',
182
+ '$wrapper & table': {
183
+ '& th, & td': {
184
+ position: 'sticky',
185
+ top: 0
186
+ },
187
+ '& th': {
188
+ zIndex: fixedFixedIndex + 1,
189
+ '&$cellFixedLeft': {
190
+ zIndex: fixedFixedIndex + 2
191
+ }
192
+ },
193
+ '& td': {
194
+ zIndex: fixedIndex,
195
+ '&$cellFixedLeft': {
196
+ zIndex: fixedIndex + 1
197
+ }
198
+ }
199
+ }
182
200
  },
183
201
  footWrapper: {
184
202
  flex: '0 0 auto',
@@ -266,7 +284,12 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
266
284
  }
267
285
  },
268
286
  '& table': {
269
- '& th, & td': {
287
+ '& th': {
288
+ '&$cellFixedLeft': {
289
+ zIndex: fixedFixedIndex + 2
290
+ }
291
+ },
292
+ '& td': {
270
293
  '&$cellFixedLeft': {
271
294
  zIndex: fixedFixedIndex
272
295
  }
@@ -292,7 +315,12 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
292
315
  }
293
316
  },
294
317
  '& table': {
295
- '& th, & td': {
318
+ '& th': {
319
+ '&$cellFixedRight': {
320
+ zIndex: fixedFixedIndex + 2
321
+ }
322
+ },
323
+ '& td': {
296
324
  '&$cellFixedRight': {
297
325
  zIndex: fixedFixedIndex
298
326
  }
@@ -412,7 +440,8 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
412
440
  color: token.tableExpandIconColor,
413
441
  zIndex: 1,
414
442
  '&>svg': {
415
- cursor: 'pointer'
443
+ cursor: 'pointer',
444
+ display: 'block'
416
445
  }
417
446
  },
418
447
  expandIconWrapper: {
@@ -447,10 +476,10 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
447
476
  }
448
477
  },
449
478
  iconWrapper: {
450
- display: 'inline-block',
479
+ display: 'inline-flex',
451
480
  verticalAlign: 'top',
452
- lineHeight: '1.9',
453
- height: '14px'
481
+ height: token.lineHeightDynamic,
482
+ alignItems: 'center'
454
483
  },
455
484
  rowStriped: {
456
485
  '&& td': {
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.5.0-beta.4";
1
+ declare const _default: "3.5.0-beta.6";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.5.0-beta.4';
1
+ export default '3.5.0-beta.6';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.5.0-beta.4",
3
+ "version": "3.5.0-beta.6",
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.5.0-beta.4",
21
- "@sheinx/base": "3.5.0-beta.4"
20
+ "@sheinx/theme": "3.5.0-beta.6",
21
+ "@sheinx/base": "3.5.0-beta.6"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"