@sheinx/shineout-style 3.0.0-alpha.13 → 3.0.0-alpha.15

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 (33) hide show
  1. package/cjs/checkbox/checkbox.d.ts.map +1 -1
  2. package/cjs/checkbox/checkbox.js +3 -1
  3. package/cjs/form/form-item.js +9 -9
  4. package/cjs/jss-style/index.js +1 -1
  5. package/cjs/menu/menu.d.ts +1 -1
  6. package/cjs/menu/menu.d.ts.map +1 -1
  7. package/cjs/menu/menu.js +23 -7
  8. package/cjs/modal/modal.js +1 -1
  9. package/cjs/radio/radio.d.ts.map +1 -1
  10. package/cjs/radio/radio.js +4 -1
  11. package/cjs/rate/rate.d.ts.map +1 -1
  12. package/cjs/rate/rate.js +4 -1
  13. package/cjs/switch/switch.d.ts.map +1 -1
  14. package/cjs/switch/switch.js +3 -0
  15. package/cjs/version.d.ts +1 -1
  16. package/cjs/version.js +1 -1
  17. package/esm/checkbox/checkbox.d.ts.map +1 -1
  18. package/esm/checkbox/checkbox.js +3 -1
  19. package/esm/form/form-item.js +9 -9
  20. package/esm/jss-style/index.js +1 -1
  21. package/esm/menu/menu.d.ts +1 -1
  22. package/esm/menu/menu.d.ts.map +1 -1
  23. package/esm/menu/menu.js +23 -7
  24. package/esm/modal/modal.js +1 -1
  25. package/esm/radio/radio.d.ts.map +1 -1
  26. package/esm/radio/radio.js +4 -1
  27. package/esm/rate/rate.d.ts.map +1 -1
  28. package/esm/rate/rate.js +4 -1
  29. package/esm/switch/switch.d.ts.map +1 -1
  30. package/esm/switch/switch.js +3 -0
  31. package/esm/version.d.ts +1 -1
  32. package/esm/version.js +1 -1
  33. package/package.json +2 -2
package/cjs/checkbox/checkbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,aAAa,GACrB,SAAS,GACT,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,gBAAgB,GAChB,sBAAsB,GACtB,WAAW,GACX,kBAAkB,GAClB,sBAAsB,GACtB,MAAM,GACN,OAAO,GACP,OAAO,GACP,YAAY,CAAC;AAEjB,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAuI1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,aAAa,GACrB,SAAS,GACT,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,gBAAgB,GAChB,sBAAsB,GACtB,WAAW,GACX,kBAAkB,GAClB,sBAAsB,GACtB,MAAM,GACN,OAAO,GACP,OAAO,GACP,YAAY,CAAC;AAEjB,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAyI1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/cjs/checkbox/checkbox.js CHANGED
@@ -131,7 +131,9 @@ var checkboxStyle = {
131
131
  }
132
132
  },
133
133
  group: {
134
- // padding: '5px 0',
134
+ '[data-soui-role="form-control"] > &': {
135
+ padding: '5px 0'
136
+ },
135
137
  lineHeight: 1
136
138
  },
137
139
  groupBlock: {
package/cjs/form/form-item.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- require("core-js/modules/es.array.concat.js");
9
8
  var _theme = _interopRequireDefault(require("@sheinx/theme"));
10
9
  var formItemStyle = {
11
10
  wrapper: {
@@ -78,12 +77,12 @@ var formItemStyle = {
78
77
  }
79
78
  },
80
79
  control: {
81
- minWidth: '0',
82
80
  fontSize: _theme.default.formItemFontSize,
83
- minHeight: "calc(".concat(_theme.default.lineHeightDynamic, " + ").concat(_theme.default.formItemLabelPaddingY, " * 2)"),
84
- display: 'flex',
85
- flexFlow: 'row wrap',
86
- alignItems: 'center',
81
+ // minHeight: `calc(${token.lineHeightDynamic} + ${token.formItemLabelPaddingY} * 2)`,
82
+ // minWidth: '0',
83
+ // display: 'flex',
84
+ // flexFlow: 'row wrap',
85
+ // alignItems: 'center',
87
86
  flex: '1',
88
87
  lineHeight: _theme.default.lineHeightDynamic,
89
88
  '$wrapperInline &': {
@@ -94,10 +93,11 @@ var formItemStyle = {
94
93
  color: _theme.default.formItemDangerColor,
95
94
  lineHeight: _theme.default.lineHeightDynamic,
96
95
  minHeight: _theme.default.formItemTipMinHeight,
97
- fontSize: _theme.default.formItemTipFontSize,
98
- flexBasis: '100%',
99
- width: 0
96
+ fontSize: _theme.default.formItemTipFontSize
97
+ // flexBasis: '100%',
98
+ // width: 0,
100
99
  },
100
+
101
101
  tip: {
102
102
  color: _theme.default.formItemTipFontColor,
103
103
  fontSize: _theme.default.formItemTipFontSize,
package/cjs/jss-style/index.js CHANGED
@@ -44,7 +44,7 @@ var createClassname = function createClassname(rule, sheet) {
44
44
  if (!ns) {
45
45
  console.warn('[sheinx/base]: styled should give namespace');
46
46
  }
47
- var prefix = 'so';
47
+ var prefix = 'soui';
48
48
  if (config.generateId) return config.generateId(rule, sheet);
49
49
  return generateClassName(_version.default, prefix, ns, rule.key);
50
50
  // return `${prefix}${ns}${camelToDash(rule.key)}`;
package/cjs/menu/menu.d.ts CHANGED
@@ -4,12 +4,12 @@ export declare type MenuClasses = {
4
4
  wrapperInline: string;
5
5
  wrapperVertical: string;
6
6
  wrapperHorizontal: string;
7
- wrapperHasExpand: string;
8
7
  wrapperHasOpen: string;
9
8
  wrapperLight: string;
10
9
  wrapperDark: string;
11
10
  root: string;
12
11
  children: string;
12
+ childrenHasExpand: string;
13
13
  childrenUp: string;
14
14
  item: string;
15
15
  itemActive: string;
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,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,oBAAY,aAAa,GAAG,MAAM,WAAW,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA2UtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,oBAAY,aAAa,GAAG,MAAM,WAAW,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA4VtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/menu/menu.js CHANGED
@@ -13,6 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
13
13
  var _theme = _interopRequireDefault(require("@sheinx/theme"));
14
14
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
15
15
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
+ var menuIndex = 1000;
16
17
  var arrow = {
17
18
  content: '""',
18
19
  position: 'absolute',
@@ -55,19 +56,19 @@ var menuStyle = {
55
56
  wrapperInline: {},
56
57
  wrapperVertical: {
57
58
  position: 'relative',
58
- zIndex: 0
59
+ zIndex: menuIndex
59
60
  },
60
61
  wrapperHorizontal: {
61
62
  height: '42px',
62
63
  position: 'relative',
63
- zIndex: 0
64
+ zIndex: menuIndex
64
65
  },
65
- wrapperHasExpand: {},
66
66
  wrapperHasOpen: {},
67
67
  children: {
68
68
  padding: '0',
69
69
  display: 'none',
70
70
  minWidth: '100%',
71
+ whiteSpace: 'nowrap',
71
72
  '$itemOpen > &': {
72
73
  display: 'block'
73
74
  },
@@ -137,6 +138,7 @@ var menuStyle = {
137
138
  itemOpen: {},
138
139
  itemInPath: {},
139
140
  itemHasChildren: {},
141
+ childrenHasExpand: {},
140
142
  itemContent: {
141
143
  lineHeight: _theme.default.lineHeightDynamic,
142
144
  display: 'flex',
@@ -225,7 +227,12 @@ var menuStyle = {
225
227
  }
226
228
  },
227
229
  '$wrapperLight$wrapperHorizontal $root > &::before': {
228
- display: 'none'
230
+ width: '100%',
231
+ height: '2px',
232
+ top: 'auto',
233
+ bottom: 0,
234
+ left: 0,
235
+ right: 'auto'
229
236
  }
230
237
  },
231
238
  '$wrapperLight $itemDisabled > &&': {
@@ -248,6 +255,9 @@ var menuStyle = {
248
255
  itemContentFront: {},
249
256
  itemContentBack: {},
250
257
  title: {
258
+ '&:hover': {
259
+ color: 'inherit'
260
+ },
251
261
  flex: 1,
252
262
  textDecoration: 'none',
253
263
  color: 'inherit',
@@ -255,13 +265,19 @@ var menuStyle = {
255
265
  alignItems: 'center',
256
266
  minWidth: 0,
257
267
  padding: "".concat(_theme.default.menuTitlePaddingY, " ").concat(_theme.default.menuTitlePaddingX),
258
- '$wrapperHasExpand $itemContentBack > &': {
268
+ '$wrapperInline $childrenHasExpand $itemContentBack > &': {
269
+ paddingRight: _theme.default.menuExpandWidth
270
+ },
271
+ '$wrapperInline $itemHasChildren > $itemContentBack > &': {
272
+ paddingRight: 0
273
+ },
274
+ '$childrenHasExpand > $item > $itemContentBack > &': {
259
275
  paddingRight: _theme.default.menuExpandWidth
260
276
  },
261
- '$wrapperHasExpand $itemHasChildren > $itemContentBack > &': {
277
+ '$childrenHasExpand $itemHasChildren > $itemContentBack > &': {
262
278
  paddingRight: 0
263
279
  },
264
- '$wrapperHasExpand $itemContentFront > &': {
280
+ '$childrenHasExpand $itemContentFront > &': {
265
281
  paddingLeft: 0
266
282
  }
267
283
  },
package/cjs/modal/modal.js CHANGED
@@ -161,7 +161,7 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
161
161
  zIndex: modalIndex,
162
162
  top: 0,
163
163
  left: 0,
164
- overflow: 'auto',
164
+ // overflow: 'auto',
165
165
  width: '100%',
166
166
  boxSizing: 'border-box',
167
167
  height: '100%',
package/cjs/radio/radio.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,UAAU,GAClB,SAAS,GACT,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,gBAAgB,GAChB,kBAAkB,GAClB,WAAW,GACX,MAAM,GACN,OAAO,GACP,YAAY,GACZ,aAAa,GACb,sBAAsB,CAAC;AAE3B,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAsJpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,UAAU,GAClB,SAAS,GACT,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,gBAAgB,GAChB,kBAAkB,GAClB,WAAW,GACX,MAAM,GACN,OAAO,GACP,YAAY,GACZ,aAAa,GACb,sBAAsB,CAAC;AAE3B,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAyJpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/radio/radio.js CHANGED
@@ -136,7 +136,10 @@ var radioStyle = {
136
136
  }
137
137
  },
138
138
  group: {
139
- lineHeight: 1
139
+ lineHeight: 1,
140
+ '[data-soui-role="form-control"] > &': {
141
+ padding: '5px 0'
142
+ }
140
143
  },
141
144
  groupBlock: {
142
145
  '& $wrapper': {
package/cjs/rate/rate.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AACF,oBAAY,aAAa,GAAG,MAAM,WAAW,CAAC;AAoB9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA+EtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AACF,oBAAY,aAAa,GAAG,MAAM,WAAW,CAAC;AAoB9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAkFtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/rate/rate.js CHANGED
@@ -27,7 +27,10 @@ var _theme = _interopRequireDefault(require("@sheinx/theme"));
27
27
  var rateStyle = {
28
28
  // ...animation,
29
29
  wrapper: {
30
- display: 'inline-block'
30
+ display: 'inline-block',
31
+ '[data-soui-role="form-control"] > &': {
32
+ padding: '4px 0'
33
+ }
31
34
  },
32
35
  inner: {
33
36
  display: 'flex',
package/cjs/switch/switch.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,WAAW,GACnB,SAAS,GACT,iBAAiB,GACjB,gBAAgB,GAEhB,cAAc,GACd,cAAc,GACd,WAAW,GACX,SAAS,GACT,SAAS,GACT,aAAa,CAAC;AAalB,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,WAAW,CA6HtC,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,WAAW,GACnB,SAAS,GACT,iBAAiB,GACjB,gBAAgB,GAEhB,cAAc,GACd,cAAc,GACd,WAAW,GACX,SAAS,GACT,SAAS,GACT,aAAa,CAAC;AAalB,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,WAAW,CAgItC,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/switch/switch.js CHANGED
@@ -26,6 +26,9 @@ var animation = {
26
26
  var transition = '.2s cubic-bezier(.34,.69,.1,1)';
27
27
  var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
28
28
  wrapper: {
29
+ '[data-soui-role="form-control"] > &': {
30
+ margin: '5px 0'
31
+ },
29
32
  transition: "background-color ".concat(transition),
30
33
  border: '0',
31
34
  display: 'inline-block',
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.0.0-alpha.13";
1
+ declare const _default: "3.0.0-alpha.15";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/cjs/version.js CHANGED
@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _default = '3.0.0-alpha.13';
7
+ var _default = '3.0.0-alpha.15';
8
8
  exports.default = _default;
package/esm/checkbox/checkbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,aAAa,GACrB,SAAS,GACT,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,gBAAgB,GAChB,sBAAsB,GACtB,WAAW,GACX,kBAAkB,GAClB,sBAAsB,GACtB,MAAM,GACN,OAAO,GACP,OAAO,GACP,YAAY,CAAC;AAEjB,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAuI1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,aAAa,GACrB,SAAS,GACT,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,gBAAgB,GAChB,sBAAsB,GACtB,WAAW,GACX,kBAAkB,GAClB,sBAAsB,GACtB,MAAM,GACN,OAAO,GACP,OAAO,GACP,YAAY,CAAC;AAEjB,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAyI1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/esm/checkbox/checkbox.js CHANGED
@@ -131,7 +131,9 @@ var checkboxStyle = {
131
131
  }
132
132
  },
133
133
  group: {
134
- // padding: '5px 0',
134
+ '[data-soui-role="form-control"] > &': {
135
+ padding: '5px 0'
136
+ },
135
137
  lineHeight: 1
136
138
  },
137
139
  groupBlock: {
package/esm/form/form-item.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- require("core-js/modules/es.array.concat.js");
9
8
  var _theme = _interopRequireDefault(require("@sheinx/theme"));
10
9
  var formItemStyle = {
11
10
  wrapper: {
@@ -78,12 +77,12 @@ var formItemStyle = {
78
77
  }
79
78
  },
80
79
  control: {
81
- minWidth: '0',
82
80
  fontSize: _theme.default.formItemFontSize,
83
- minHeight: "calc(".concat(_theme.default.lineHeightDynamic, " + ").concat(_theme.default.formItemLabelPaddingY, " * 2)"),
84
- display: 'flex',
85
- flexFlow: 'row wrap',
86
- alignItems: 'center',
81
+ // minHeight: `calc(${token.lineHeightDynamic} + ${token.formItemLabelPaddingY} * 2)`,
82
+ // minWidth: '0',
83
+ // display: 'flex',
84
+ // flexFlow: 'row wrap',
85
+ // alignItems: 'center',
87
86
  flex: '1',
88
87
  lineHeight: _theme.default.lineHeightDynamic,
89
88
  '$wrapperInline &': {
@@ -94,10 +93,11 @@ var formItemStyle = {
94
93
  color: _theme.default.formItemDangerColor,
95
94
  lineHeight: _theme.default.lineHeightDynamic,
96
95
  minHeight: _theme.default.formItemTipMinHeight,
97
- fontSize: _theme.default.formItemTipFontSize,
98
- flexBasis: '100%',
99
- width: 0
96
+ fontSize: _theme.default.formItemTipFontSize
97
+ // flexBasis: '100%',
98
+ // width: 0,
100
99
  },
100
+
101
101
  tip: {
102
102
  color: _theme.default.formItemTipFontColor,
103
103
  fontSize: _theme.default.formItemTipFontSize,
package/esm/jss-style/index.js CHANGED
@@ -44,7 +44,7 @@ var createClassname = function createClassname(rule, sheet) {
44
44
  if (!ns) {
45
45
  console.warn('[sheinx/base]: styled should give namespace');
46
46
  }
47
- var prefix = 'so';
47
+ var prefix = 'soui';
48
48
  if (config.generateId) return config.generateId(rule, sheet);
49
49
  return generateClassName(_version.default, prefix, ns, rule.key);
50
50
  // return `${prefix}${ns}${camelToDash(rule.key)}`;
package/esm/menu/menu.d.ts CHANGED
@@ -4,12 +4,12 @@ export declare type MenuClasses = {
4
4
  wrapperInline: string;
5
5
  wrapperVertical: string;
6
6
  wrapperHorizontal: string;
7
- wrapperHasExpand: string;
8
7
  wrapperHasOpen: string;
9
8
  wrapperLight: string;
10
9
  wrapperDark: string;
11
10
  root: string;
12
11
  children: string;
12
+ childrenHasExpand: string;
13
13
  childrenUp: string;
14
14
  item: string;
15
15
  itemActive: string;
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,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,oBAAY,aAAa,GAAG,MAAM,WAAW,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA2UtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,oBAAY,aAAa,GAAG,MAAM,WAAW,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA4VtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/menu/menu.js CHANGED
@@ -13,6 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
13
13
  var _theme = _interopRequireDefault(require("@sheinx/theme"));
14
14
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
15
15
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
+ var menuIndex = 1000;
16
17
  var arrow = {
17
18
  content: '""',
18
19
  position: 'absolute',
@@ -55,19 +56,19 @@ var menuStyle = {
55
56
  wrapperInline: {},
56
57
  wrapperVertical: {
57
58
  position: 'relative',
58
- zIndex: 0
59
+ zIndex: menuIndex
59
60
  },
60
61
  wrapperHorizontal: {
61
62
  height: '42px',
62
63
  position: 'relative',
63
- zIndex: 0
64
+ zIndex: menuIndex
64
65
  },
65
- wrapperHasExpand: {},
66
66
  wrapperHasOpen: {},
67
67
  children: {
68
68
  padding: '0',
69
69
  display: 'none',
70
70
  minWidth: '100%',
71
+ whiteSpace: 'nowrap',
71
72
  '$itemOpen > &': {
72
73
  display: 'block'
73
74
  },
@@ -137,6 +138,7 @@ var menuStyle = {
137
138
  itemOpen: {},
138
139
  itemInPath: {},
139
140
  itemHasChildren: {},
141
+ childrenHasExpand: {},
140
142
  itemContent: {
141
143
  lineHeight: _theme.default.lineHeightDynamic,
142
144
  display: 'flex',
@@ -225,7 +227,12 @@ var menuStyle = {
225
227
  }
226
228
  },
227
229
  '$wrapperLight$wrapperHorizontal $root > &::before': {
228
- display: 'none'
230
+ width: '100%',
231
+ height: '2px',
232
+ top: 'auto',
233
+ bottom: 0,
234
+ left: 0,
235
+ right: 'auto'
229
236
  }
230
237
  },
231
238
  '$wrapperLight $itemDisabled > &&': {
@@ -248,6 +255,9 @@ var menuStyle = {
248
255
  itemContentFront: {},
249
256
  itemContentBack: {},
250
257
  title: {
258
+ '&:hover': {
259
+ color: 'inherit'
260
+ },
251
261
  flex: 1,
252
262
  textDecoration: 'none',
253
263
  color: 'inherit',
@@ -255,13 +265,19 @@ var menuStyle = {
255
265
  alignItems: 'center',
256
266
  minWidth: 0,
257
267
  padding: "".concat(_theme.default.menuTitlePaddingY, " ").concat(_theme.default.menuTitlePaddingX),
258
- '$wrapperHasExpand $itemContentBack > &': {
268
+ '$wrapperInline $childrenHasExpand $itemContentBack > &': {
269
+ paddingRight: _theme.default.menuExpandWidth
270
+ },
271
+ '$wrapperInline $itemHasChildren > $itemContentBack > &': {
272
+ paddingRight: 0
273
+ },
274
+ '$childrenHasExpand > $item > $itemContentBack > &': {
259
275
  paddingRight: _theme.default.menuExpandWidth
260
276
  },
261
- '$wrapperHasExpand $itemHasChildren > $itemContentBack > &': {
277
+ '$childrenHasExpand $itemHasChildren > $itemContentBack > &': {
262
278
  paddingRight: 0
263
279
  },
264
- '$wrapperHasExpand $itemContentFront > &': {
280
+ '$childrenHasExpand $itemContentFront > &': {
265
281
  paddingLeft: 0
266
282
  }
267
283
  },
package/esm/modal/modal.js CHANGED
@@ -161,7 +161,7 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
161
161
  zIndex: modalIndex,
162
162
  top: 0,
163
163
  left: 0,
164
- overflow: 'auto',
164
+ // overflow: 'auto',
165
165
  width: '100%',
166
166
  boxSizing: 'border-box',
167
167
  height: '100%',
package/esm/radio/radio.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,UAAU,GAClB,SAAS,GACT,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,gBAAgB,GAChB,kBAAkB,GAClB,WAAW,GACX,MAAM,GACN,OAAO,GACP,YAAY,GACZ,aAAa,GACb,sBAAsB,CAAC;AAE3B,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAsJpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,UAAU,GAClB,SAAS,GACT,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,gBAAgB,GAChB,kBAAkB,GAClB,WAAW,GACX,MAAM,GACN,OAAO,GACP,YAAY,GACZ,aAAa,GACb,sBAAsB,CAAC;AAE3B,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAyJpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/radio/radio.js CHANGED
@@ -136,7 +136,10 @@ var radioStyle = {
136
136
  }
137
137
  },
138
138
  group: {
139
- lineHeight: 1
139
+ lineHeight: 1,
140
+ '[data-soui-role="form-control"] > &': {
141
+ padding: '5px 0'
142
+ }
140
143
  },
141
144
  groupBlock: {
142
145
  '& $wrapper': {
package/esm/rate/rate.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AACF,oBAAY,aAAa,GAAG,MAAM,WAAW,CAAC;AAoB9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA+EtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AACF,oBAAY,aAAa,GAAG,MAAM,WAAW,CAAC;AAoB9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAkFtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/rate/rate.js CHANGED
@@ -27,7 +27,10 @@ var _theme = _interopRequireDefault(require("@sheinx/theme"));
27
27
  var rateStyle = {
28
28
  // ...animation,
29
29
  wrapper: {
30
- display: 'inline-block'
30
+ display: 'inline-block',
31
+ '[data-soui-role="form-control"] > &': {
32
+ padding: '4px 0'
33
+ }
31
34
  },
32
35
  inner: {
33
36
  display: 'flex',
package/esm/switch/switch.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,WAAW,GACnB,SAAS,GACT,iBAAiB,GACjB,gBAAgB,GAEhB,cAAc,GACd,cAAc,GACd,WAAW,GACX,SAAS,GACT,SAAS,GACT,aAAa,CAAC;AAalB,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,WAAW,CA6HtC,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,WAAW,GACnB,SAAS,GACT,iBAAiB,GACjB,gBAAgB,GAEhB,cAAc,GACd,cAAc,GACd,WAAW,GACX,SAAS,GACT,SAAS,GACT,aAAa,CAAC;AAalB,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,WAAW,CAgItC,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/switch/switch.js CHANGED
@@ -26,6 +26,9 @@ var animation = {
26
26
  var transition = '.2s cubic-bezier(.34,.69,.1,1)';
27
27
  var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
28
28
  wrapper: {
29
+ '[data-soui-role="form-control"] > &': {
30
+ margin: '5px 0'
31
+ },
29
32
  transition: "background-color ".concat(transition),
30
33
  border: '0',
31
34
  display: 'inline-block',
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.0.0-alpha.13";
1
+ declare const _default: "3.0.0-alpha.15";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _default = '3.0.0-alpha.13';
7
+ var _default = '3.0.0-alpha.15';
8
8
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.0.0-alpha.13",
3
+ "version": "3.0.0-alpha.15",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "ISC",
@@ -17,6 +17,6 @@
17
17
  "dependencies": {
18
18
  "jss": "10.9.2",
19
19
  "react-jss": "10.9.2",
20
- "@sheinx/theme": "3.0.0-alpha.13"
20
+ "@sheinx/theme": "3.0.0-alpha.15"
21
21
  }
22
22
  }