@sheinx/shineout-style 3.5.0-beta.1 → 3.5.0-beta.11

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'
@@ -160,16 +160,16 @@ var ImageStyle = _objectSpread(_objectSpread({}, animation), {}, {
160
160
  },
161
161
  circle: {
162
162
  borderRadius: _theme.default.imageCircleBorderRadius,
163
- border: "1px solid ".concat(_theme.default.imageBorderColor)
163
+ outline: "1px solid ".concat(_theme.default.imageBorderColor)
164
164
  },
165
165
  rounded: {
166
166
  borderRadius: _theme.default.imageBorderRadius,
167
- border: "1px solid ".concat(_theme.default.imageBorderColor)
167
+ outline: "1px solid ".concat(_theme.default.imageBorderColor)
168
168
  },
169
169
  thumbnail: {
170
170
  borderRadius: _theme.default.imageBorderRadius,
171
171
  backgroundColor: '#FFFFFF',
172
- border: "1px solid ".concat(_theme.default.imageBorderColor),
172
+ outline: "1px solid ".concat(_theme.default.imageBorderColor),
173
173
  '& $inner': {
174
174
  top: 4,
175
175
  left: 4,
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":"list.d.ts","sourceRoot":"","sources":["list.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,CAsHtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.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,CAyHtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/list/list.js CHANGED
@@ -18,6 +18,9 @@ var listStyle = {
18
18
  border: "".concat(_theme.default.listBorderWidth, " solid ").concat(_theme.default.listBorderColor),
19
19
  borderRadius: _theme.default.listBorderRadius
20
20
  },
21
+ wrapperEmpty: {
22
+ justifyContent: 'center'
23
+ },
21
24
  wrapperSmall: {},
22
25
  wrapperLarge: {},
23
26
  wrapperStriped: {
@@ -109,7 +109,7 @@ var selectStyle = _objectSpread(_objectSpread({
109
109
  },
110
110
  '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
111
111
  cursor: 'pointer',
112
- '&$clearable:not($wrapperEmpty)': {
112
+ '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
113
113
  '& $clearIcon': {
114
114
  display: 'block'
115
115
  },
@@ -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,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.5.0-beta.1";
1
+ declare const _default: "3.5.0-beta.11";
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.5.0-beta.1';
7
+ var _default = exports.default = '3.5.0-beta.11';
@@ -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'
@@ -153,16 +153,16 @@ var ImageStyle = _objectSpread(_objectSpread({}, animation), {}, {
153
153
  },
154
154
  circle: {
155
155
  borderRadius: Token.imageCircleBorderRadius,
156
- border: "1px solid ".concat(Token.imageBorderColor)
156
+ outline: "1px solid ".concat(Token.imageBorderColor)
157
157
  },
158
158
  rounded: {
159
159
  borderRadius: Token.imageBorderRadius,
160
- border: "1px solid ".concat(Token.imageBorderColor)
160
+ outline: "1px solid ".concat(Token.imageBorderColor)
161
161
  },
162
162
  thumbnail: {
163
163
  borderRadius: Token.imageBorderRadius,
164
164
  backgroundColor: '#FFFFFF',
165
- border: "1px solid ".concat(Token.imageBorderColor),
165
+ outline: "1px solid ".concat(Token.imageBorderColor),
166
166
  '& $inner': {
167
167
  top: 4,
168
168
  left: 4,
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":"list.d.ts","sourceRoot":"","sources":["list.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,CAsHtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.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,CAyHtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/list/list.js CHANGED
@@ -11,6 +11,9 @@ var listStyle = {
11
11
  border: "".concat(token.listBorderWidth, " solid ").concat(token.listBorderColor),
12
12
  borderRadius: token.listBorderRadius
13
13
  },
14
+ wrapperEmpty: {
15
+ justifyContent: 'center'
16
+ },
14
17
  wrapperSmall: {},
15
18
  wrapperLarge: {},
16
19
  wrapperStriped: {
@@ -102,7 +102,7 @@ var selectStyle = _objectSpread(_objectSpread({
102
102
  },
103
103
  '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
104
104
  cursor: 'pointer',
105
- '&$clearable:not($wrapperEmpty)': {
105
+ '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
106
106
  '& $clearIcon': {
107
107
  display: 'block'
108
108
  },
@@ -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,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.5.0-beta.1";
1
+ declare const _default: "3.5.0-beta.11";
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.5.0-beta.1';
1
+ export default '3.5.0-beta.11';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.5.0-beta.1",
3
+ "version": "3.5.0-beta.11",
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.1",
21
- "@sheinx/base": "3.5.0-beta.1"
20
+ "@sheinx/theme": "3.5.0-beta.11",
21
+ "@sheinx/base": "3.5.0-beta.11"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"