@sheinx/shineout-style 3.6.0-beta.7 → 3.6.0-beta.8

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 (25) hide show
  1. package/cjs/alert/alert.js +6 -6
  2. package/cjs/avatar/avatar.d.ts.map +1 -1
  3. package/cjs/avatar/avatar.js +6 -1
  4. package/cjs/form/form-item.d.ts.map +1 -1
  5. package/cjs/form/form-item.js +33 -7
  6. package/cjs/image/image.d.ts.map +1 -1
  7. package/cjs/image/image.js +14 -0
  8. package/cjs/menu/menu.d.ts.map +1 -1
  9. package/cjs/menu/menu.js +5 -1
  10. package/cjs/spin/spin.js +1 -1
  11. package/cjs/version.d.ts +1 -1
  12. package/cjs/version.js +1 -1
  13. package/esm/alert/alert.js +6 -6
  14. package/esm/avatar/avatar.d.ts.map +1 -1
  15. package/esm/avatar/avatar.js +6 -1
  16. package/esm/form/form-item.d.ts.map +1 -1
  17. package/esm/form/form-item.js +33 -7
  18. package/esm/image/image.d.ts.map +1 -1
  19. package/esm/image/image.js +14 -0
  20. package/esm/menu/menu.d.ts.map +1 -1
  21. package/esm/menu/menu.js +5 -1
  22. package/esm/spin/spin.js +1 -1
  23. package/esm/version.d.ts +1 -1
  24. package/esm/version.js +1 -1
  25. package/package.json +3 -3
package/cjs/alert/alert.js CHANGED
@@ -58,14 +58,14 @@ var alertStyle = {
58
58
  }
59
59
  }
60
60
  },
61
- '&$widthTitle': {},
61
+ '&$withTitle': {},
62
62
  '& $icon': {}
63
63
  },
64
- widthTitle: {
64
+ withTitle: {
65
65
  '& $icon': {
66
66
  fontSize: _theme.default.alertTitleFontSize,
67
67
  // marginBottom: Token.alertNearlyMargin,
68
- width: _theme.default.alertTitleIconWidth,
68
+ width: "calc(".concat(_theme.default.alertTitleIconWidth, " + 2px)"),
69
69
  height: _theme.default.lineHeightDynamic
70
70
  },
71
71
  '& $title': {
@@ -89,10 +89,10 @@ var alertStyle = {
89
89
  },
90
90
  close: {
91
91
  cursor: 'pointer',
92
- width: _theme.default.alertFontSize,
93
92
  color: _theme.default.alertCloseFontColor,
94
93
  fontSize: _theme.default.alertFontSize,
95
- height: _theme.default.alertFontSize,
94
+ height: _theme.default.alertCloseSize,
95
+ width: _theme.default.alertCloseSize,
96
96
  flex: '0 0 auto',
97
97
  display: 'flex',
98
98
  alignItems: 'center',
@@ -107,7 +107,7 @@ var alertStyle = {
107
107
  },
108
108
  closeWrapper: {
109
109
  fontSize: _theme.default.alertFontSize,
110
- width: _theme.default.alertFontSize,
110
+ width: _theme.default.alertCloseSize,
111
111
  height: _theme.default.lineHeightDynamic,
112
112
  display: 'flex',
113
113
  alignItems: 'center',
package/cjs/avatar/avatar.d.ts.map CHANGED
@@ -1 +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"}
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,CA4E1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/avatar/avatar.js CHANGED
@@ -63,8 +63,13 @@ var avatarStyle = {
63
63
  fontSize: _theme.default.avatarLargeFontSize
64
64
  },
65
65
  max: {
66
+ cursor: 'pointer',
66
67
  color: _theme.default.avatarMaxFontColor,
67
- fontWeight: _theme.default.avatarMaxFontWeight
68
+ fontWeight: _theme.default.avatarMaxFontWeight,
69
+ '& $wrapper:hover': {
70
+ color: _theme.default.avatarMaxHoverColor,
71
+ backgroundColor: _theme.default.avatarMaxHoverBackgroundColor
72
+ }
68
73
  },
69
74
  popover: {
70
75
  padding: _theme.default.avatarPopoverPadding,
package/cjs/form/form-item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAuHlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAiJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/cjs/form/form-item.js CHANGED
@@ -39,12 +39,28 @@ var formItemStyle = {
39
39
  display: 'inline-block'
40
40
  }
41
41
  },
42
+ labelWithColon: {
43
+ display: 'inline-flex',
44
+ alignItems: 'flex-start',
45
+ justifyContent: 'flex-end'
46
+ },
47
+ labelWithTooltip: {
48
+ display: 'inline-flex',
49
+ alignItems: 'flex-start',
50
+ justifyContent: 'flex-end'
51
+ },
52
+ labelColon: {
53
+ flexShrink: 0,
54
+ marginLeft: _theme.default.formItemTooltipIconMarginXStart
55
+ },
42
56
  labelTooltip: {
43
- display: 'inline-block',
44
- verticalAlign: 'middle',
45
- cursor: 'help',
57
+ flexShrink: 0,
58
+ display: 'inline-flex',
59
+ alignItems: 'center',
60
+ cursor: 'pointer',
46
61
  color: _theme.default.formItemTooltipIconColor,
47
62
  width: _theme.default.formItemTooltipIconFontSize,
63
+ height: _theme.default.lineHeightDynamic,
48
64
  fontSize: _theme.default.formItemTooltipIconFontSize,
49
65
  marginLeft: _theme.default.formItemTooltipIconMarginXStart,
50
66
  '& svg': {
@@ -52,15 +68,16 @@ var formItemStyle = {
52
68
  }
53
69
  },
54
70
  labelLeft: {
55
- textAlign: 'start'
71
+ textAlign: 'start',
72
+ '&$labelWithColon, &$labelWithTooltip': {
73
+ justifyContent: 'flex-start'
74
+ }
56
75
  },
57
76
  wrapperInline: {
58
77
  display: 'inline-flex',
59
78
  marginRight: _theme.default.formItemMarginXEnd
60
79
  },
61
80
  wrapperLabelTop: {
62
- // flexFlow: 'column nowrap',
63
- // alignItems: 'stretch',
64
81
  display: 'block',
65
82
  width: '100%',
66
83
  '& $label': {
@@ -69,6 +86,9 @@ var formItemStyle = {
69
86
  paddingTop: '0',
70
87
  paddingBottom: _theme.default.formItemLabelTopPaddingY,
71
88
  margin: '0'
89
+ },
90
+ '& $label$labelWithColon, & $label$labelWithTooltip': {
91
+ justifyContent: 'flex-start'
72
92
  }
73
93
  },
74
94
  wrapperLabelVerticalMiddle: {
@@ -77,10 +97,16 @@ var formItemStyle = {
77
97
  lineHeight: 1,
78
98
  padding: 0,
79
99
  marginTop: 0
100
+ },
101
+ '& $label$labelWithColon, & $label$labelWithTooltip': {
102
+ alignItems: 'center'
80
103
  }
81
104
  },
82
105
  wrapperLabelVerticalBottom: {
83
- alignItems: 'flex-end'
106
+ alignItems: 'flex-end',
107
+ '& $label$labelWithColon, & $label$labelWithTooltip': {
108
+ alignItems: 'flex-end'
109
+ }
84
110
  },
85
111
  wrapperRequired: {
86
112
  '& $label::before': {
package/cjs/image/image.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAuZpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAsapC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/image/image.js CHANGED
@@ -257,6 +257,20 @@ var ImageStyle = _objectSpread(_objectSpread({
257
257
  },
258
258
  '&[dir=rtl]': {
259
259
  left: -15
260
+ },
261
+ '& > svg': {
262
+ position: 'relative'
263
+ },
264
+ '&:before': {
265
+ content: '""',
266
+ position: 'absolute',
267
+ top: '50%',
268
+ left: '50%',
269
+ width: '80%',
270
+ height: '80%',
271
+ transform: 'translate(-50%, -50%)',
272
+ backgroundColor: '#fff',
273
+ borderRadius: '50%'
260
274
  }
261
275
  },
262
276
  // gallery
package/cjs/menu/menu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAuhBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA4hBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/menu/menu.js CHANGED
@@ -194,9 +194,13 @@ var menuStyle = {
194
194
  backgroundColor: _theme.default.menuItemHoverBackgroundColor
195
195
  }
196
196
  },
197
+ // 一级菜单展不展开都是fill-9，一级展开后的子级都是fill-10
198
+ '[data-soui-theme=dark] $root > $item > &': {
199
+ backgroundColor: _theme.default.menuDarkItemBackgroundColor
200
+ },
197
201
  '[data-soui-theme=dark] &': {
198
202
  color: _theme.default.menuDarkFontColor,
199
- backgroundColor: _theme.default.menuDarkItemBackgroundColor,
203
+ backgroundColor: _theme.default.menuDarkItemOpenBackgroundColor,
200
204
  '&:hover': {
201
205
  color: _theme.default.menuDarkItemHoverFontColor,
202
206
  backgroundColor: _theme.default.menuDarkItemHoverBackgroundColor
package/cjs/spin/spin.js CHANGED
@@ -83,7 +83,7 @@ var spinStyle = _objectSpread(_objectSpread({
83
83
  display: 'flex',
84
84
  alignItems: 'center',
85
85
  justifyContent: 'center',
86
- '&:after': {
86
+ '&:before': {
87
87
  content: '""',
88
88
  position: 'absolute',
89
89
  top: 0,
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.6.0-beta.7";
1
+ declare const _default: "3.6.0-beta.8";
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.6.0-beta.7';
7
+ var _default = exports.default = '3.6.0-beta.8';
package/esm/alert/alert.js CHANGED
@@ -51,14 +51,14 @@ var alertStyle = {
51
51
  }
52
52
  }
53
53
  },
54
- '&$widthTitle': {},
54
+ '&$withTitle': {},
55
55
  '& $icon': {}
56
56
  },
57
- widthTitle: {
57
+ withTitle: {
58
58
  '& $icon': {
59
59
  fontSize: Token.alertTitleFontSize,
60
60
  // marginBottom: Token.alertNearlyMargin,
61
- width: Token.alertTitleIconWidth,
61
+ width: "calc(".concat(Token.alertTitleIconWidth, " + 2px)"),
62
62
  height: Token.lineHeightDynamic
63
63
  },
64
64
  '& $title': {
@@ -82,10 +82,10 @@ var alertStyle = {
82
82
  },
83
83
  close: {
84
84
  cursor: 'pointer',
85
- width: Token.alertFontSize,
86
85
  color: Token.alertCloseFontColor,
87
86
  fontSize: Token.alertFontSize,
88
- height: Token.alertFontSize,
87
+ height: Token.alertCloseSize,
88
+ width: Token.alertCloseSize,
89
89
  flex: '0 0 auto',
90
90
  display: 'flex',
91
91
  alignItems: 'center',
@@ -100,7 +100,7 @@ var alertStyle = {
100
100
  },
101
101
  closeWrapper: {
102
102
  fontSize: Token.alertFontSize,
103
- width: Token.alertFontSize,
103
+ width: Token.alertCloseSize,
104
104
  height: Token.lineHeightDynamic,
105
105
  display: 'flex',
106
106
  alignItems: 'center',
package/esm/avatar/avatar.d.ts.map CHANGED
@@ -1 +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"}
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,CA4E1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/avatar/avatar.js CHANGED
@@ -56,8 +56,13 @@ var avatarStyle = {
56
56
  fontSize: token.avatarLargeFontSize
57
57
  },
58
58
  max: {
59
+ cursor: 'pointer',
59
60
  color: token.avatarMaxFontColor,
60
- fontWeight: token.avatarMaxFontWeight
61
+ fontWeight: token.avatarMaxFontWeight,
62
+ '& $wrapper:hover': {
63
+ color: token.avatarMaxHoverColor,
64
+ backgroundColor: token.avatarMaxHoverBackgroundColor
65
+ }
61
66
  },
62
67
  popover: {
63
68
  padding: token.avatarPopoverPadding,
package/esm/form/form-item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAuHlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAiJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/esm/form/form-item.js CHANGED
@@ -32,12 +32,28 @@ var formItemStyle = {
32
32
  display: 'inline-block'
33
33
  }
34
34
  },
35
+ labelWithColon: {
36
+ display: 'inline-flex',
37
+ alignItems: 'flex-start',
38
+ justifyContent: 'flex-end'
39
+ },
40
+ labelWithTooltip: {
41
+ display: 'inline-flex',
42
+ alignItems: 'flex-start',
43
+ justifyContent: 'flex-end'
44
+ },
45
+ labelColon: {
46
+ flexShrink: 0,
47
+ marginLeft: token.formItemTooltipIconMarginXStart
48
+ },
35
49
  labelTooltip: {
36
- display: 'inline-block',
37
- verticalAlign: 'middle',
38
- cursor: 'help',
50
+ flexShrink: 0,
51
+ display: 'inline-flex',
52
+ alignItems: 'center',
53
+ cursor: 'pointer',
39
54
  color: token.formItemTooltipIconColor,
40
55
  width: token.formItemTooltipIconFontSize,
56
+ height: token.lineHeightDynamic,
41
57
  fontSize: token.formItemTooltipIconFontSize,
42
58
  marginLeft: token.formItemTooltipIconMarginXStart,
43
59
  '& svg': {
@@ -45,15 +61,16 @@ var formItemStyle = {
45
61
  }
46
62
  },
47
63
  labelLeft: {
48
- textAlign: 'start'
64
+ textAlign: 'start',
65
+ '&$labelWithColon, &$labelWithTooltip': {
66
+ justifyContent: 'flex-start'
67
+ }
49
68
  },
50
69
  wrapperInline: {
51
70
  display: 'inline-flex',
52
71
  marginRight: token.formItemMarginXEnd
53
72
  },
54
73
  wrapperLabelTop: {
55
- // flexFlow: 'column nowrap',
56
- // alignItems: 'stretch',
57
74
  display: 'block',
58
75
  width: '100%',
59
76
  '& $label': {
@@ -62,6 +79,9 @@ var formItemStyle = {
62
79
  paddingTop: '0',
63
80
  paddingBottom: token.formItemLabelTopPaddingY,
64
81
  margin: '0'
82
+ },
83
+ '& $label$labelWithColon, & $label$labelWithTooltip': {
84
+ justifyContent: 'flex-start'
65
85
  }
66
86
  },
67
87
  wrapperLabelVerticalMiddle: {
@@ -70,10 +90,16 @@ var formItemStyle = {
70
90
  lineHeight: 1,
71
91
  padding: 0,
72
92
  marginTop: 0
93
+ },
94
+ '& $label$labelWithColon, & $label$labelWithTooltip': {
95
+ alignItems: 'center'
73
96
  }
74
97
  },
75
98
  wrapperLabelVerticalBottom: {
76
- alignItems: 'flex-end'
99
+ alignItems: 'flex-end',
100
+ '& $label$labelWithColon, & $label$labelWithTooltip': {
101
+ alignItems: 'flex-end'
102
+ }
77
103
  },
78
104
  wrapperRequired: {
79
105
  '& $label::before': {
package/esm/image/image.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAuZpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAsapC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/image/image.js CHANGED
@@ -250,6 +250,20 @@ var ImageStyle = _objectSpread(_objectSpread({
250
250
  },
251
251
  '&[dir=rtl]': {
252
252
  left: -15
253
+ },
254
+ '& > svg': {
255
+ position: 'relative'
256
+ },
257
+ '&:before': {
258
+ content: '""',
259
+ position: 'absolute',
260
+ top: '50%',
261
+ left: '50%',
262
+ width: '80%',
263
+ height: '80%',
264
+ transform: 'translate(-50%, -50%)',
265
+ backgroundColor: '#fff',
266
+ borderRadius: '50%'
253
267
  }
254
268
  },
255
269
  // gallery
package/esm/menu/menu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAuhBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA4hBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/menu/menu.js CHANGED
@@ -187,9 +187,13 @@ var menuStyle = {
187
187
  backgroundColor: token.menuItemHoverBackgroundColor
188
188
  }
189
189
  },
190
+ // 一级菜单展不展开都是fill-9，一级展开后的子级都是fill-10
191
+ '[data-soui-theme=dark] $root > $item > &': {
192
+ backgroundColor: token.menuDarkItemBackgroundColor
193
+ },
190
194
  '[data-soui-theme=dark] &': {
191
195
  color: token.menuDarkFontColor,
192
- backgroundColor: token.menuDarkItemBackgroundColor,
196
+ backgroundColor: token.menuDarkItemOpenBackgroundColor,
193
197
  '&:hover': {
194
198
  color: token.menuDarkItemHoverFontColor,
195
199
  backgroundColor: token.menuDarkItemHoverBackgroundColor
package/esm/spin/spin.js CHANGED
@@ -76,7 +76,7 @@ var spinStyle = _objectSpread(_objectSpread({
76
76
  display: 'flex',
77
77
  alignItems: 'center',
78
78
  justifyContent: 'center',
79
- '&:after': {
79
+ '&:before': {
80
80
  content: '""',
81
81
  position: 'absolute',
82
82
  top: 0,
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.6.0-beta.7";
1
+ declare const _default: "3.6.0-beta.8";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.6.0-beta.7';
1
+ export default '3.6.0-beta.8';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.6.0-beta.7",
3
+ "version": "3.6.0-beta.8",
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.6.0-beta.7",
21
- "@sheinx/base": "3.6.0-beta.7"
20
+ "@sheinx/theme": "3.6.0-beta.8",
21
+ "@sheinx/base": "3.6.0-beta.8"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"