@sheinx/shineout-style 3.4.0-beta.7 → 3.4.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.
- package/cjs/menu/menu.js +2 -2
- package/cjs/tabs/tabs.d.ts.map +1 -1
- package/cjs/tabs/tabs.js +42 -109
- package/cjs/version.d.ts +1 -1
- package/cjs/version.js +1 -1
- package/esm/menu/menu.js +2 -2
- package/esm/tabs/tabs.d.ts.map +1 -1
- package/esm/tabs/tabs.js +40 -108
- package/esm/version.d.ts +1 -1
- package/esm/version.js +1 -1
- package/package.json +3 -3
package/cjs/menu/menu.js
CHANGED
|
@@ -210,9 +210,9 @@ var menuStyle = {
|
|
|
210
210
|
},
|
|
211
211
|
'$itemInPath > &&': {
|
|
212
212
|
'[data-soui-theme=light] &': {
|
|
213
|
-
color: _theme.default.
|
|
213
|
+
color: _theme.default.menuItemInpathActiveFontColor,
|
|
214
214
|
'& $icon': {
|
|
215
|
-
color: _theme.default.
|
|
215
|
+
color: _theme.default.menuItemInpathActiveFontColor
|
|
216
216
|
}
|
|
217
217
|
},
|
|
218
218
|
'[data-soui-theme=light] $itemDisabled&': {
|
package/cjs/tabs/tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAuQxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA2f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/cjs/tabs/tabs.js
CHANGED
|
@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _theme =
|
|
8
|
-
function
|
|
7
|
+
var _theme = _interopRequireWildcard(require("@sheinx/theme"));
|
|
8
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
9
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
9
10
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
10
11
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
12
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -159,90 +160,57 @@ var getCardStyle = function getCardStyle() {
|
|
|
159
160
|
};
|
|
160
161
|
var getLineStyle = function getLineStyle() {
|
|
161
162
|
return {
|
|
163
|
+
'$tab': {
|
|
164
|
+
'&:after': {
|
|
165
|
+
display: 'none'
|
|
166
|
+
}
|
|
167
|
+
},
|
|
162
168
|
'&[data-soui-position^="left-"][data-soui-shape="line"]': {
|
|
163
|
-
'&[dir=ltr]':
|
|
169
|
+
'&[dir=ltr]': {
|
|
164
170
|
'& $hr': {
|
|
165
171
|
right: 0,
|
|
166
172
|
width: 1,
|
|
167
173
|
height: '100%'
|
|
168
174
|
}
|
|
169
|
-
},
|
|
170
|
-
|
|
171
|
-
bottom: 0,
|
|
172
|
-
right: 0,
|
|
173
|
-
width: 2
|
|
174
|
-
})),
|
|
175
|
-
'&[dir=rtl]': _objectSpread({
|
|
175
|
+
},
|
|
176
|
+
'&[dir=rtl]': {
|
|
176
177
|
'& $hr': {
|
|
177
178
|
left: 0,
|
|
178
179
|
width: 1,
|
|
179
180
|
height: '100%'
|
|
180
181
|
}
|
|
181
|
-
}
|
|
182
|
-
top: 0,
|
|
183
|
-
bottom: 0,
|
|
184
|
-
left: 0,
|
|
185
|
-
width: 2
|
|
186
|
-
}))
|
|
187
|
-
// '& :not([data-soui-state="active"])$tab': {
|
|
188
|
-
// '&:after': {
|
|
189
|
-
// display: 'none',
|
|
190
|
-
// },
|
|
191
|
-
// },
|
|
182
|
+
}
|
|
192
183
|
},
|
|
193
184
|
'&[data-soui-position^="right-"][data-soui-shape="line"]': {
|
|
194
|
-
'&[dir=ltr]':
|
|
185
|
+
'&[dir=ltr]': {
|
|
195
186
|
'& $hr': {
|
|
196
187
|
left: 0,
|
|
197
188
|
width: 1,
|
|
198
189
|
height: '100%'
|
|
199
190
|
}
|
|
200
|
-
},
|
|
201
|
-
|
|
202
|
-
bottom: 0,
|
|
203
|
-
left: 0,
|
|
204
|
-
width: 2
|
|
205
|
-
})),
|
|
206
|
-
'&[dir=rtl]': _objectSpread({
|
|
191
|
+
},
|
|
192
|
+
'&[dir=rtl]': {
|
|
207
193
|
'& $hr': {
|
|
208
194
|
right: 0,
|
|
209
195
|
width: 1,
|
|
210
196
|
height: '100%'
|
|
211
197
|
}
|
|
212
|
-
}
|
|
213
|
-
top: 0,
|
|
214
|
-
bottom: 0,
|
|
215
|
-
right: 0,
|
|
216
|
-
width: 2
|
|
217
|
-
}))
|
|
198
|
+
}
|
|
218
199
|
},
|
|
219
|
-
'&[data-soui-position^="top-"][data-soui-shape="line"]':
|
|
200
|
+
'&[data-soui-position^="top-"][data-soui-shape="line"]': {
|
|
220
201
|
'& $hr': {
|
|
221
202
|
bottom: 0,
|
|
222
|
-
left: 0,
|
|
223
203
|
height: 1,
|
|
224
204
|
width: '100%'
|
|
225
205
|
}
|
|
226
|
-
},
|
|
227
|
-
|
|
228
|
-
left: 0,
|
|
229
|
-
right: 0,
|
|
230
|
-
height: 2
|
|
231
|
-
})),
|
|
232
|
-
'&[data-soui-position^="bottom-"][data-soui-shape="line"]': _objectSpread(_objectSpread({
|
|
206
|
+
},
|
|
207
|
+
'&[data-soui-position^="bottom-"][data-soui-shape="line"]': {
|
|
233
208
|
'& $hr': {
|
|
234
209
|
top: 0,
|
|
235
|
-
left: 0,
|
|
236
210
|
height: 1,
|
|
237
211
|
width: '100%'
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
top: 0,
|
|
241
|
-
left: 0,
|
|
242
|
-
right: 0,
|
|
243
|
-
height: 2
|
|
244
|
-
})), {}, {
|
|
245
|
-
'& :not([data-soui-state="active"])$tab': {
|
|
212
|
+
},
|
|
213
|
+
'& $tab': {
|
|
246
214
|
'&:after': {
|
|
247
215
|
position: 'absolute',
|
|
248
216
|
content: '""',
|
|
@@ -253,51 +221,16 @@ var getLineStyle = function getLineStyle() {
|
|
|
253
221
|
background: _theme.default.tabsBorderColor
|
|
254
222
|
}
|
|
255
223
|
}
|
|
256
|
-
}
|
|
224
|
+
}
|
|
257
225
|
};
|
|
258
226
|
};
|
|
259
227
|
var getDashStyle = function getDashStyle() {
|
|
260
228
|
return {
|
|
261
|
-
'
|
|
262
|
-
'
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
right: 0
|
|
267
|
-
})),
|
|
268
|
-
'&[dir=rtl]': _objectSpread({}, active({
|
|
269
|
-
top: "calc(50% - 12px)",
|
|
270
|
-
width: 2,
|
|
271
|
-
height: 24,
|
|
272
|
-
left: 0
|
|
273
|
-
}))
|
|
274
|
-
},
|
|
275
|
-
'&[data-soui-position^="right-"][data-soui-shape="dash"]': {
|
|
276
|
-
'&[dir=ltr]': _objectSpread({}, active({
|
|
277
|
-
top: "calc(50% - 12px)",
|
|
278
|
-
width: 2,
|
|
279
|
-
height: 24,
|
|
280
|
-
left: 0
|
|
281
|
-
})),
|
|
282
|
-
'&[dir=rtl]': _objectSpread({}, active({
|
|
283
|
-
top: "calc(50% - 12px)",
|
|
284
|
-
width: 2,
|
|
285
|
-
height: 24,
|
|
286
|
-
right: 0
|
|
287
|
-
}))
|
|
288
|
-
},
|
|
289
|
-
'&[data-soui-position^="top-"][data-soui-shape="dash"]': _objectSpread({}, active({
|
|
290
|
-
bottom: 0,
|
|
291
|
-
left: "calc(50% - 12px)",
|
|
292
|
-
width: 24,
|
|
293
|
-
height: 2
|
|
294
|
-
})),
|
|
295
|
-
'&[data-soui-position^="bottom-"][data-soui-shape="dash"]': _objectSpread({}, active({
|
|
296
|
-
top: 0,
|
|
297
|
-
left: "calc(50% - 12px)",
|
|
298
|
-
width: 24,
|
|
299
|
-
height: 2
|
|
300
|
-
}))
|
|
229
|
+
'$tab': {
|
|
230
|
+
'&:after': {
|
|
231
|
+
display: 'none'
|
|
232
|
+
}
|
|
233
|
+
}
|
|
301
234
|
};
|
|
302
235
|
};
|
|
303
236
|
var getFillStyle = function getFillStyle() {
|
|
@@ -654,6 +587,11 @@ var tabsStyle = {
|
|
|
654
587
|
headerScroll: {
|
|
655
588
|
transition: 'all .2s cubic-bezier(.34,.69,.1,1)'
|
|
656
589
|
},
|
|
590
|
+
headerScrollBar: {
|
|
591
|
+
position: 'absolute',
|
|
592
|
+
background: _theme.default.tabsActiveFontColor,
|
|
593
|
+
transition: "left ".concat(_theme.CommonToken['Animation-duration-2'], " ease-in-out, top ").concat(_theme.CommonToken['Animation-duration-2'], " ease-in-out, width ").concat(_theme.CommonToken['Animation-duration-2'], " ease-in-out, height ").concat(_theme.CommonToken['Animation-duration-2'], " ease-in-out")
|
|
594
|
+
},
|
|
657
595
|
header: {
|
|
658
596
|
flex: 1,
|
|
659
597
|
display: 'flex',
|
|
@@ -700,15 +638,21 @@ var tabsStyle = {
|
|
|
700
638
|
color: _theme.default.tabsLineCheckedFontColor,
|
|
701
639
|
fontSize: _theme.default.tabsLineCheckedFontSize,
|
|
702
640
|
background: _theme.default.tabsLineCheckedBackgroundColor,
|
|
703
|
-
fontWeight: _theme.default.tabsLineCheckedFontWeight
|
|
704
|
-
'&:after': {
|
|
705
|
-
background: _theme.default.tabsLineAfterBackgroundColor
|
|
706
|
-
}
|
|
641
|
+
fontWeight: _theme.default.tabsLineCheckedFontWeight
|
|
707
642
|
},
|
|
708
643
|
'&[data-soui-state="disabled"]': {
|
|
709
644
|
color: _theme.default.tabsLineDisabledFontColor,
|
|
710
645
|
cursor: 'not-allowed'
|
|
711
646
|
},
|
|
647
|
+
'&:after': {
|
|
648
|
+
position: 'absolute',
|
|
649
|
+
content: '""',
|
|
650
|
+
bottom: 0,
|
|
651
|
+
left: 0,
|
|
652
|
+
width: '100%',
|
|
653
|
+
height: 1,
|
|
654
|
+
background: _theme.default.tabsLineHrBackgroundColor
|
|
655
|
+
},
|
|
712
656
|
'[data-soui-position^="left-"] &': {
|
|
713
657
|
'&:after': {
|
|
714
658
|
width: 1,
|
|
@@ -725,17 +669,6 @@ var tabsStyle = {
|
|
|
725
669
|
background: _theme.default.tabsLineHrBackgroundColor
|
|
726
670
|
}
|
|
727
671
|
},
|
|
728
|
-
'&:not([data-soui-state="active"])': {
|
|
729
|
-
'&:after': {
|
|
730
|
-
position: 'absolute',
|
|
731
|
-
content: '""',
|
|
732
|
-
bottom: 0,
|
|
733
|
-
left: 0,
|
|
734
|
-
width: '100%',
|
|
735
|
-
height: 1,
|
|
736
|
-
background: _theme.default.tabsLineHrBackgroundColor
|
|
737
|
-
}
|
|
738
|
-
},
|
|
739
672
|
'&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
|
|
740
673
|
background: _theme.default.tabsLineHoverBackgroundColor
|
|
741
674
|
},
|
package/cjs/version.d.ts
CHANGED
package/cjs/version.js
CHANGED
package/esm/menu/menu.js
CHANGED
|
@@ -203,9 +203,9 @@ var menuStyle = {
|
|
|
203
203
|
},
|
|
204
204
|
'$itemInPath > &&': {
|
|
205
205
|
'[data-soui-theme=light] &': {
|
|
206
|
-
color: token.
|
|
206
|
+
color: token.menuItemInpathActiveFontColor,
|
|
207
207
|
'& $icon': {
|
|
208
|
-
color: token.
|
|
208
|
+
color: token.menuItemInpathActiveFontColor
|
|
209
209
|
}
|
|
210
210
|
},
|
|
211
211
|
'[data-soui-theme=light] $itemDisabled&': {
|
package/esm/tabs/tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAuQxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA2f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/esm/tabs/tabs.js
CHANGED
|
@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
4
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
6
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
-
import Token from '@sheinx/theme';
|
|
7
|
+
import Token, { CommonToken } from '@sheinx/theme';
|
|
8
8
|
var active = function active(options) {
|
|
9
9
|
return {
|
|
10
10
|
'& [data-soui-state="active"]$tab': {
|
|
@@ -152,90 +152,57 @@ var getCardStyle = function getCardStyle() {
|
|
|
152
152
|
};
|
|
153
153
|
var getLineStyle = function getLineStyle() {
|
|
154
154
|
return {
|
|
155
|
+
'$tab': {
|
|
156
|
+
'&:after': {
|
|
157
|
+
display: 'none'
|
|
158
|
+
}
|
|
159
|
+
},
|
|
155
160
|
'&[data-soui-position^="left-"][data-soui-shape="line"]': {
|
|
156
|
-
'&[dir=ltr]':
|
|
161
|
+
'&[dir=ltr]': {
|
|
157
162
|
'& $hr': {
|
|
158
163
|
right: 0,
|
|
159
164
|
width: 1,
|
|
160
165
|
height: '100%'
|
|
161
166
|
}
|
|
162
|
-
},
|
|
163
|
-
|
|
164
|
-
bottom: 0,
|
|
165
|
-
right: 0,
|
|
166
|
-
width: 2
|
|
167
|
-
})),
|
|
168
|
-
'&[dir=rtl]': _objectSpread({
|
|
167
|
+
},
|
|
168
|
+
'&[dir=rtl]': {
|
|
169
169
|
'& $hr': {
|
|
170
170
|
left: 0,
|
|
171
171
|
width: 1,
|
|
172
172
|
height: '100%'
|
|
173
173
|
}
|
|
174
|
-
}
|
|
175
|
-
top: 0,
|
|
176
|
-
bottom: 0,
|
|
177
|
-
left: 0,
|
|
178
|
-
width: 2
|
|
179
|
-
}))
|
|
180
|
-
// '& :not([data-soui-state="active"])$tab': {
|
|
181
|
-
// '&:after': {
|
|
182
|
-
// display: 'none',
|
|
183
|
-
// },
|
|
184
|
-
// },
|
|
174
|
+
}
|
|
185
175
|
},
|
|
186
176
|
'&[data-soui-position^="right-"][data-soui-shape="line"]': {
|
|
187
|
-
'&[dir=ltr]':
|
|
177
|
+
'&[dir=ltr]': {
|
|
188
178
|
'& $hr': {
|
|
189
179
|
left: 0,
|
|
190
180
|
width: 1,
|
|
191
181
|
height: '100%'
|
|
192
182
|
}
|
|
193
|
-
},
|
|
194
|
-
|
|
195
|
-
bottom: 0,
|
|
196
|
-
left: 0,
|
|
197
|
-
width: 2
|
|
198
|
-
})),
|
|
199
|
-
'&[dir=rtl]': _objectSpread({
|
|
183
|
+
},
|
|
184
|
+
'&[dir=rtl]': {
|
|
200
185
|
'& $hr': {
|
|
201
186
|
right: 0,
|
|
202
187
|
width: 1,
|
|
203
188
|
height: '100%'
|
|
204
189
|
}
|
|
205
|
-
}
|
|
206
|
-
top: 0,
|
|
207
|
-
bottom: 0,
|
|
208
|
-
right: 0,
|
|
209
|
-
width: 2
|
|
210
|
-
}))
|
|
190
|
+
}
|
|
211
191
|
},
|
|
212
|
-
'&[data-soui-position^="top-"][data-soui-shape="line"]':
|
|
192
|
+
'&[data-soui-position^="top-"][data-soui-shape="line"]': {
|
|
213
193
|
'& $hr': {
|
|
214
194
|
bottom: 0,
|
|
215
|
-
left: 0,
|
|
216
195
|
height: 1,
|
|
217
196
|
width: '100%'
|
|
218
197
|
}
|
|
219
|
-
},
|
|
220
|
-
|
|
221
|
-
left: 0,
|
|
222
|
-
right: 0,
|
|
223
|
-
height: 2
|
|
224
|
-
})),
|
|
225
|
-
'&[data-soui-position^="bottom-"][data-soui-shape="line"]': _objectSpread(_objectSpread({
|
|
198
|
+
},
|
|
199
|
+
'&[data-soui-position^="bottom-"][data-soui-shape="line"]': {
|
|
226
200
|
'& $hr': {
|
|
227
201
|
top: 0,
|
|
228
|
-
left: 0,
|
|
229
202
|
height: 1,
|
|
230
203
|
width: '100%'
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
top: 0,
|
|
234
|
-
left: 0,
|
|
235
|
-
right: 0,
|
|
236
|
-
height: 2
|
|
237
|
-
})), {}, {
|
|
238
|
-
'& :not([data-soui-state="active"])$tab': {
|
|
204
|
+
},
|
|
205
|
+
'& $tab': {
|
|
239
206
|
'&:after': {
|
|
240
207
|
position: 'absolute',
|
|
241
208
|
content: '""',
|
|
@@ -246,51 +213,16 @@ var getLineStyle = function getLineStyle() {
|
|
|
246
213
|
background: Token.tabsBorderColor
|
|
247
214
|
}
|
|
248
215
|
}
|
|
249
|
-
}
|
|
216
|
+
}
|
|
250
217
|
};
|
|
251
218
|
};
|
|
252
219
|
var getDashStyle = function getDashStyle() {
|
|
253
220
|
return {
|
|
254
|
-
'
|
|
255
|
-
'
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
right: 0
|
|
260
|
-
})),
|
|
261
|
-
'&[dir=rtl]': _objectSpread({}, active({
|
|
262
|
-
top: "calc(50% - 12px)",
|
|
263
|
-
width: 2,
|
|
264
|
-
height: 24,
|
|
265
|
-
left: 0
|
|
266
|
-
}))
|
|
267
|
-
},
|
|
268
|
-
'&[data-soui-position^="right-"][data-soui-shape="dash"]': {
|
|
269
|
-
'&[dir=ltr]': _objectSpread({}, active({
|
|
270
|
-
top: "calc(50% - 12px)",
|
|
271
|
-
width: 2,
|
|
272
|
-
height: 24,
|
|
273
|
-
left: 0
|
|
274
|
-
})),
|
|
275
|
-
'&[dir=rtl]': _objectSpread({}, active({
|
|
276
|
-
top: "calc(50% - 12px)",
|
|
277
|
-
width: 2,
|
|
278
|
-
height: 24,
|
|
279
|
-
right: 0
|
|
280
|
-
}))
|
|
281
|
-
},
|
|
282
|
-
'&[data-soui-position^="top-"][data-soui-shape="dash"]': _objectSpread({}, active({
|
|
283
|
-
bottom: 0,
|
|
284
|
-
left: "calc(50% - 12px)",
|
|
285
|
-
width: 24,
|
|
286
|
-
height: 2
|
|
287
|
-
})),
|
|
288
|
-
'&[data-soui-position^="bottom-"][data-soui-shape="dash"]': _objectSpread({}, active({
|
|
289
|
-
top: 0,
|
|
290
|
-
left: "calc(50% - 12px)",
|
|
291
|
-
width: 24,
|
|
292
|
-
height: 2
|
|
293
|
-
}))
|
|
221
|
+
'$tab': {
|
|
222
|
+
'&:after': {
|
|
223
|
+
display: 'none'
|
|
224
|
+
}
|
|
225
|
+
}
|
|
294
226
|
};
|
|
295
227
|
};
|
|
296
228
|
var getFillStyle = function getFillStyle() {
|
|
@@ -647,6 +579,11 @@ var tabsStyle = {
|
|
|
647
579
|
headerScroll: {
|
|
648
580
|
transition: 'all .2s cubic-bezier(.34,.69,.1,1)'
|
|
649
581
|
},
|
|
582
|
+
headerScrollBar: {
|
|
583
|
+
position: 'absolute',
|
|
584
|
+
background: Token.tabsActiveFontColor,
|
|
585
|
+
transition: "left ".concat(CommonToken['Animation-duration-2'], " ease-in-out, top ").concat(CommonToken['Animation-duration-2'], " ease-in-out, width ").concat(CommonToken['Animation-duration-2'], " ease-in-out, height ").concat(CommonToken['Animation-duration-2'], " ease-in-out")
|
|
586
|
+
},
|
|
650
587
|
header: {
|
|
651
588
|
flex: 1,
|
|
652
589
|
display: 'flex',
|
|
@@ -693,15 +630,21 @@ var tabsStyle = {
|
|
|
693
630
|
color: Token.tabsLineCheckedFontColor,
|
|
694
631
|
fontSize: Token.tabsLineCheckedFontSize,
|
|
695
632
|
background: Token.tabsLineCheckedBackgroundColor,
|
|
696
|
-
fontWeight: Token.tabsLineCheckedFontWeight
|
|
697
|
-
'&:after': {
|
|
698
|
-
background: Token.tabsLineAfterBackgroundColor
|
|
699
|
-
}
|
|
633
|
+
fontWeight: Token.tabsLineCheckedFontWeight
|
|
700
634
|
},
|
|
701
635
|
'&[data-soui-state="disabled"]': {
|
|
702
636
|
color: Token.tabsLineDisabledFontColor,
|
|
703
637
|
cursor: 'not-allowed'
|
|
704
638
|
},
|
|
639
|
+
'&:after': {
|
|
640
|
+
position: 'absolute',
|
|
641
|
+
content: '""',
|
|
642
|
+
bottom: 0,
|
|
643
|
+
left: 0,
|
|
644
|
+
width: '100%',
|
|
645
|
+
height: 1,
|
|
646
|
+
background: Token.tabsLineHrBackgroundColor
|
|
647
|
+
},
|
|
705
648
|
'[data-soui-position^="left-"] &': {
|
|
706
649
|
'&:after': {
|
|
707
650
|
width: 1,
|
|
@@ -718,17 +661,6 @@ var tabsStyle = {
|
|
|
718
661
|
background: Token.tabsLineHrBackgroundColor
|
|
719
662
|
}
|
|
720
663
|
},
|
|
721
|
-
'&:not([data-soui-state="active"])': {
|
|
722
|
-
'&:after': {
|
|
723
|
-
position: 'absolute',
|
|
724
|
-
content: '""',
|
|
725
|
-
bottom: 0,
|
|
726
|
-
left: 0,
|
|
727
|
-
width: '100%',
|
|
728
|
-
height: 1,
|
|
729
|
-
background: Token.tabsLineHrBackgroundColor
|
|
730
|
-
}
|
|
731
|
-
},
|
|
732
664
|
'&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
|
|
733
665
|
background: Token.tabsLineHoverBackgroundColor
|
|
734
666
|
},
|
package/esm/version.d.ts
CHANGED
package/esm/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default '3.4.0-beta.
|
|
1
|
+
export default '3.4.0-beta.8';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sheinx/shineout-style",
|
|
3
|
-
"version": "3.4.0-beta.
|
|
3
|
+
"version": "3.4.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.4.0-beta.
|
|
21
|
-
"@sheinx/base": "3.4.0-beta.
|
|
20
|
+
"@sheinx/theme": "3.4.0-beta.8",
|
|
21
|
+
"@sheinx/base": "3.4.0-beta.8"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
24
|
"core-js": ">=3"
|