@sheinx/shineout-style 3.4.7-beta.3 → 3.5.0-beta.10

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;
@@ -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,CAwd9C,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,CAud9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -395,8 +395,6 @@ var cascaderStyle = _objectSpread(_objectSpread({
395
395
  },
396
396
  hideTag: {},
397
397
  list: {
398
- paddingTop: 3,
399
- paddingBottom: 3,
400
398
  display: 'inline-block',
401
399
  overflow: 'auto'
402
400
  },
@@ -448,6 +446,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
448
446
  option: {
449
447
  listStyle: 'none',
450
448
  lineHeight: _theme.default.lineHeightDynamic,
449
+ minWidth: 64,
451
450
  padding: "".concat(_theme.default.cascaderOptionPaddingY, " ").concat(_theme.default.cascaderOptionPaddingX),
452
451
  '&:not($optionDisabled)': {
453
452
  cursor: 'pointer'
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;
@@ -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,CAyexC,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': {
191
+ zIndex: fixedFixedIndex + 1,
192
+ '&$cellFixedLeft': {
193
+ position: 'sticky',
194
+ top: 'auto',
195
+ zIndex: fixedFixedIndex + 2
196
+ }
197
+ },
198
+ '& td': {
199
+ zIndex: fixedIndex,
200
+ '&$cellFixedLeft': {
201
+ position: 'sticky',
202
+ top: 'auto',
203
+ zIndex: fixedIndex + 1
204
+ }
205
+ }
206
+ }
189
207
  },
190
208
  footWrapper: {
191
209
  flex: '0 0 auto',
@@ -273,9 +291,15 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
273
291
  }
274
292
  },
275
293
  '& table': {
276
- '& th, & td': {
294
+ '& th': {
277
295
  '&$cellFixedLeft': {
278
- zIndex: fixedFixedIndex
296
+ zIndex: fixedFixedIndex + 2
297
+ }
298
+ },
299
+ '& td': {
300
+ '&$cellFixedLeft': {
301
+ zIndex: fixedFixedIndex,
302
+ top: 'auto'
279
303
  }
280
304
  }
281
305
  }
@@ -299,9 +323,15 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
299
323
  }
300
324
  },
301
325
  '& table': {
302
- '& th, & td': {
326
+ '& th': {
327
+ '&$cellFixedRight': {
328
+ zIndex: fixedFixedIndex + 2
329
+ }
330
+ },
331
+ '& td': {
303
332
  '&$cellFixedRight': {
304
- zIndex: fixedFixedIndex
333
+ zIndex: fixedFixedIndex,
334
+ top: 'auto'
305
335
  }
306
336
  }
307
337
  }
@@ -419,7 +449,8 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
419
449
  color: _theme.default.tableExpandIconColor,
420
450
  zIndex: 1,
421
451
  '&>svg': {
422
- cursor: 'pointer'
452
+ cursor: 'pointer',
453
+ display: 'block'
423
454
  }
424
455
  },
425
456
  expandIconWrapper: {
@@ -454,10 +485,10 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
454
485
  }
455
486
  },
456
487
  iconWrapper: {
457
- display: 'inline-block',
488
+ display: 'inline-flex',
458
489
  verticalAlign: 'top',
459
- lineHeight: '1.9',
460
- height: '14px'
490
+ height: _theme.default.lineHeightDynamic,
491
+ alignItems: 'center'
461
492
  },
462
493
  rowStriped: {
463
494
  '&& td': {
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.4.7-beta.3";
1
+ declare const _default: "3.5.0-beta.10";
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,wBAA8B"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}
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.4.7-beta.3';
7
+ var _default = exports.default = '3.5.0-beta.10';
@@ -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;
@@ -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,CAwd9C,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,CAud9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -388,8 +388,6 @@ var cascaderStyle = _objectSpread(_objectSpread({
388
388
  },
389
389
  hideTag: {},
390
390
  list: {
391
- paddingTop: 3,
392
- paddingBottom: 3,
393
391
  display: 'inline-block',
394
392
  overflow: 'auto'
395
393
  },
@@ -441,6 +439,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
441
439
  option: {
442
440
  listStyle: 'none',
443
441
  lineHeight: token.lineHeightDynamic,
442
+ minWidth: 64,
444
443
  padding: "".concat(token.cascaderOptionPaddingY, " ").concat(token.cascaderOptionPaddingX),
445
444
  '&:not($optionDisabled)': {
446
445
  cursor: 'pointer'
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";
@@ -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,CAyexC,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': {
184
+ zIndex: fixedFixedIndex + 1,
185
+ '&$cellFixedLeft': {
186
+ position: 'sticky',
187
+ top: 'auto',
188
+ zIndex: fixedFixedIndex + 2
189
+ }
190
+ },
191
+ '& td': {
192
+ zIndex: fixedIndex,
193
+ '&$cellFixedLeft': {
194
+ position: 'sticky',
195
+ top: 'auto',
196
+ zIndex: fixedIndex + 1
197
+ }
198
+ }
199
+ }
182
200
  },
183
201
  footWrapper: {
184
202
  flex: '0 0 auto',
@@ -266,9 +284,15 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
266
284
  }
267
285
  },
268
286
  '& table': {
269
- '& th, & td': {
287
+ '& th': {
270
288
  '&$cellFixedLeft': {
271
- zIndex: fixedFixedIndex
289
+ zIndex: fixedFixedIndex + 2
290
+ }
291
+ },
292
+ '& td': {
293
+ '&$cellFixedLeft': {
294
+ zIndex: fixedFixedIndex,
295
+ top: 'auto'
272
296
  }
273
297
  }
274
298
  }
@@ -292,9 +316,15 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
292
316
  }
293
317
  },
294
318
  '& table': {
295
- '& th, & td': {
319
+ '& th': {
320
+ '&$cellFixedRight': {
321
+ zIndex: fixedFixedIndex + 2
322
+ }
323
+ },
324
+ '& td': {
296
325
  '&$cellFixedRight': {
297
- zIndex: fixedFixedIndex
326
+ zIndex: fixedFixedIndex,
327
+ top: 'auto'
298
328
  }
299
329
  }
300
330
  }
@@ -412,7 +442,8 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
412
442
  color: token.tableExpandIconColor,
413
443
  zIndex: 1,
414
444
  '&>svg': {
415
- cursor: 'pointer'
445
+ cursor: 'pointer',
446
+ display: 'block'
416
447
  }
417
448
  },
418
449
  expandIconWrapper: {
@@ -447,10 +478,10 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
447
478
  }
448
479
  },
449
480
  iconWrapper: {
450
- display: 'inline-block',
481
+ display: 'inline-flex',
451
482
  verticalAlign: 'top',
452
- lineHeight: '1.9',
453
- height: '14px'
483
+ height: token.lineHeightDynamic,
484
+ alignItems: 'center'
454
485
  },
455
486
  rowStriped: {
456
487
  '&& td': {
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.4.7-beta.3";
1
+ declare const _default: "3.5.0-beta.10";
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,wBAA8B"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.4.7-beta.3';
1
+ export default '3.5.0-beta.10';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.4.7-beta.3",
3
+ "version": "3.5.0-beta.10",
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.4.7-beta.3",
21
- "@sheinx/base": "3.4.7-beta.3"
20
+ "@sheinx/theme": "3.5.0-beta.10",
21
+ "@sheinx/base": "3.5.0-beta.10"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"