y-design-ssr 0.0.22 → 0.0.25
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/libs/button.js +6 -17
- package/libs/cell.js +6 -18
- package/libs/checkbox.css +2 -0
- package/libs/checkbox.js +126 -124
- package/libs/checkboxGroup.js +201 -220
- package/libs/col.css +2 -0
- package/libs/col.js +68 -67
- package/libs/countdown.js +6 -18
- package/libs/dialog.js +10 -22
- package/libs/empty.js +9 -20
- package/libs/form.js +702 -712
- package/libs/formItem.js +177 -157
- package/libs/icon.js +6 -18
- package/libs/input.js +6 -18
- package/libs/list.js +6 -18
- package/libs/loading.js +9 -25
- package/libs/mask.js +6 -18
- package/libs/popup.js +6 -18
- package/libs/progress.js +6 -18
- package/libs/pullrefresh.js +6 -18
- package/libs/row.js +171 -193
- package/libs/slider.js +6 -18
- package/libs/stepper.js +6 -18
- package/libs/style.js +6 -22
- package/libs/swipe.js +40 -44
- package/libs/swipeItem.css +2 -0
- package/libs/swipeItem.js +34 -20
- package/libs/switch.js +6 -18
- package/libs/tab.css +4 -0
- package/libs/tab.js +127 -114
- package/libs/tabs.css +2 -0
- package/libs/tabs.js +3913 -3924
- package/libs/toast.js +10 -22
- package/libs/tooltip.js +10 -22
- package/libs/yui.css +4 -4
- package/libs/yui.js +484 -558
- package/package.json +1 -1
package/libs/tab.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
if(typeof exports === 'object' && typeof module === 'object')
|
|
3
3
|
module.exports = factory(require("vue"));
|
|
4
4
|
else if(typeof define === 'function' && define.amd)
|
|
5
|
-
define(["vue"], factory);
|
|
6
|
-
else
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
define("yui-lib", ["vue"], factory);
|
|
6
|
+
else if(typeof exports === 'object')
|
|
7
|
+
exports["yui-lib"] = factory(require("vue"));
|
|
8
|
+
else
|
|
9
|
+
root["yui-lib"] = factory(root["vue"]);
|
|
10
10
|
})(this, function(__WEBPACK_EXTERNAL_MODULE__4103__) {
|
|
11
11
|
return /******/ (function() { // webpackBootstrap
|
|
12
12
|
/******/ var __webpack_modules__ = ({
|
|
@@ -467,6 +467,31 @@ var langs = (0,external_vue_.reactive)({
|
|
|
467
467
|
}
|
|
468
468
|
});
|
|
469
469
|
|
|
470
|
+
/***/ }),
|
|
471
|
+
|
|
472
|
+
/***/ 279:
|
|
473
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
474
|
+
|
|
475
|
+
"use strict";
|
|
476
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
477
|
+
/* harmony export */ "pB": function() { return /* reexport safe */ _src_swipe__WEBPACK_IMPORTED_MODULE_1__.p; }
|
|
478
|
+
/* harmony export */ });
|
|
479
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8309);
|
|
480
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
481
|
+
/* harmony import */ var _src_swipe__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7832);
|
|
482
|
+
/* harmony import */ var _src_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2530);
|
|
483
|
+
|
|
484
|
+
|
|
485
|
+
|
|
486
|
+
|
|
487
|
+
_src_swipe__WEBPACK_IMPORTED_MODULE_1__/* .default.install */ .Z.install = function (Vue) {
|
|
488
|
+
var name = _src_swipe__WEBPACK_IMPORTED_MODULE_1__/* .default.name */ .Z.name;
|
|
489
|
+
Vue.component(name, _src_swipe__WEBPACK_IMPORTED_MODULE_1__/* .default */ .Z);
|
|
490
|
+
};
|
|
491
|
+
|
|
492
|
+
|
|
493
|
+
|
|
494
|
+
|
|
470
495
|
/***/ }),
|
|
471
496
|
|
|
472
497
|
/***/ 2530:
|
|
@@ -1157,7 +1182,7 @@ var SWIPE_PROVIDE_KEY = Symbol(name);
|
|
|
1157
1182
|
/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
1158
1183
|
/* harmony import */ var _context_relation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(874);
|
|
1159
1184
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4105);
|
|
1160
|
-
/* harmony import */ var
|
|
1185
|
+
/* harmony import */ var _swipe__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(279);
|
|
1161
1186
|
|
|
1162
1187
|
|
|
1163
1188
|
|
|
@@ -1188,7 +1213,7 @@ var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .createNamespace
|
|
|
1188
1213
|
var slots = _ref.slots;
|
|
1189
1214
|
var instance = (0,vue__WEBPACK_IMPORTED_MODULE_0__.getCurrentInstance)();
|
|
1190
1215
|
|
|
1191
|
-
var _useRelation = (0,_context_relation__WEBPACK_IMPORTED_MODULE_3__/* .useRelation */ .jQ)(
|
|
1216
|
+
var _useRelation = (0,_context_relation__WEBPACK_IMPORTED_MODULE_3__/* .useRelation */ .jQ)(_swipe__WEBPACK_IMPORTED_MODULE_5__/* .SWIPE_PROVIDE_KEY */ .pB),
|
|
1192
1217
|
parent = _useRelation.parent;
|
|
1193
1218
|
|
|
1194
1219
|
if (!props.clonenNode && instance) {
|
|
@@ -1241,100 +1266,20 @@ var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .createNamespace
|
|
|
1241
1266
|
|
|
1242
1267
|
/***/ }),
|
|
1243
1268
|
|
|
1244
|
-
/***/
|
|
1245
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
1246
|
-
|
|
1247
|
-
"use strict";
|
|
1248
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1249
|
-
/* harmony export */ "O": function() { return /* binding */ acceptProps; }
|
|
1250
|
-
/* harmony export */ });
|
|
1251
|
-
/* unused harmony export unknownProp */
|
|
1252
|
-
/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9653);
|
|
1253
|
-
/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
1254
|
-
|
|
1255
|
-
var unknownProp = null;
|
|
1256
|
-
var acceptProps = {
|
|
1257
|
-
initIndex: {
|
|
1258
|
-
type: Number,
|
|
1259
|
-
default: 0
|
|
1260
|
-
},
|
|
1261
|
-
initName: {
|
|
1262
|
-
type: [Number, String],
|
|
1263
|
-
default: null
|
|
1264
|
-
},
|
|
1265
|
-
duration: {
|
|
1266
|
-
type: Number,
|
|
1267
|
-
default: 300
|
|
1268
|
-
},
|
|
1269
|
-
lazy: {
|
|
1270
|
-
type: Boolean,
|
|
1271
|
-
default: false
|
|
1272
|
-
},
|
|
1273
|
-
lineColor: {
|
|
1274
|
-
type: String,
|
|
1275
|
-
default: ''
|
|
1276
|
-
},
|
|
1277
|
-
lineWidth: {
|
|
1278
|
-
type: [Number, String],
|
|
1279
|
-
default: '12px'
|
|
1280
|
-
},
|
|
1281
|
-
lineHeight: {
|
|
1282
|
-
type: [Number, String],
|
|
1283
|
-
default: '3px'
|
|
1284
|
-
},
|
|
1285
|
-
titleWrapperClass: unknownProp,
|
|
1286
|
-
titleScrollThreshold: {
|
|
1287
|
-
type: Number,
|
|
1288
|
-
default: 5
|
|
1289
|
-
},
|
|
1290
|
-
titleStyle: {
|
|
1291
|
-
type: [Object],
|
|
1292
|
-
default: null
|
|
1293
|
-
},
|
|
1294
|
-
titleClass: {
|
|
1295
|
-
type: unknownProp,
|
|
1296
|
-
default: null
|
|
1297
|
-
},
|
|
1298
|
-
titleActiveStyle: {
|
|
1299
|
-
type: [Object],
|
|
1300
|
-
default: null
|
|
1301
|
-
},
|
|
1302
|
-
titleActiveClass: {
|
|
1303
|
-
type: unknownProp,
|
|
1304
|
-
default: null
|
|
1305
|
-
},
|
|
1306
|
-
touchable: {
|
|
1307
|
-
type: Boolean,
|
|
1308
|
-
default: true
|
|
1309
|
-
},
|
|
1310
|
-
changeWithAnimation: {
|
|
1311
|
-
type: Boolean,
|
|
1312
|
-
default: false
|
|
1313
|
-
},
|
|
1314
|
-
size: {
|
|
1315
|
-
type: String,
|
|
1316
|
-
default: 'large'
|
|
1317
|
-
},
|
|
1318
|
-
align: {
|
|
1319
|
-
type: String,
|
|
1320
|
-
default: 'center'
|
|
1321
|
-
}
|
|
1322
|
-
};
|
|
1323
|
-
|
|
1324
|
-
/***/ }),
|
|
1325
|
-
|
|
1326
|
-
/***/ 4990:
|
|
1269
|
+
/***/ 463:
|
|
1327
1270
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
1328
1271
|
|
|
1329
1272
|
"use strict";
|
|
1330
1273
|
|
|
1331
1274
|
// EXPORTS
|
|
1332
1275
|
__webpack_require__.d(__webpack_exports__, {
|
|
1333
|
-
"
|
|
1276
|
+
"R7": function() { return /* reexport */ TABS_KEY; }
|
|
1334
1277
|
});
|
|
1335
1278
|
|
|
1336
|
-
// UNUSED EXPORTS: default
|
|
1279
|
+
// UNUSED EXPORTS: acceptProps, default, unknownProp
|
|
1337
1280
|
|
|
1281
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
|
|
1282
|
+
var es_function_name = __webpack_require__(8309);
|
|
1338
1283
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
1339
1284
|
var defineProperty = __webpack_require__(6156);
|
|
1340
1285
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
|
|
@@ -1354,8 +1299,6 @@ var es_symbol_description = __webpack_require__(1817);
|
|
|
1354
1299
|
var es_object_to_string = __webpack_require__(1539);
|
|
1355
1300
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find-index.js
|
|
1356
1301
|
var es_array_find_index = __webpack_require__(4553);
|
|
1357
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
|
|
1358
|
-
var es_function_name = __webpack_require__(8309);
|
|
1359
1302
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
|
|
1360
1303
|
var es_array_map = __webpack_require__(1249);
|
|
1361
1304
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
|
|
@@ -1453,8 +1396,78 @@ var _createNamespace = (0,utils/* createNamespace */.do)('tabs-title'),
|
|
|
1453
1396
|
};
|
|
1454
1397
|
}
|
|
1455
1398
|
}));
|
|
1456
|
-
// EXTERNAL MODULE: ./
|
|
1457
|
-
var
|
|
1399
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
|
|
1400
|
+
var es_number_constructor = __webpack_require__(9653);
|
|
1401
|
+
;// CONCATENATED MODULE: ./packages/tabs/src/constants.ts
|
|
1402
|
+
|
|
1403
|
+
var unknownProp = null;
|
|
1404
|
+
var acceptProps = {
|
|
1405
|
+
initIndex: {
|
|
1406
|
+
type: Number,
|
|
1407
|
+
default: 0
|
|
1408
|
+
},
|
|
1409
|
+
initName: {
|
|
1410
|
+
type: [Number, String],
|
|
1411
|
+
default: null
|
|
1412
|
+
},
|
|
1413
|
+
duration: {
|
|
1414
|
+
type: Number,
|
|
1415
|
+
default: 300
|
|
1416
|
+
},
|
|
1417
|
+
lazy: {
|
|
1418
|
+
type: Boolean,
|
|
1419
|
+
default: false
|
|
1420
|
+
},
|
|
1421
|
+
lineColor: {
|
|
1422
|
+
type: String,
|
|
1423
|
+
default: ''
|
|
1424
|
+
},
|
|
1425
|
+
lineWidth: {
|
|
1426
|
+
type: [Number, String],
|
|
1427
|
+
default: '12px'
|
|
1428
|
+
},
|
|
1429
|
+
lineHeight: {
|
|
1430
|
+
type: [Number, String],
|
|
1431
|
+
default: '3px'
|
|
1432
|
+
},
|
|
1433
|
+
titleWrapperClass: unknownProp,
|
|
1434
|
+
titleScrollThreshold: {
|
|
1435
|
+
type: Number,
|
|
1436
|
+
default: 5
|
|
1437
|
+
},
|
|
1438
|
+
titleStyle: {
|
|
1439
|
+
type: [Object],
|
|
1440
|
+
default: null
|
|
1441
|
+
},
|
|
1442
|
+
titleClass: {
|
|
1443
|
+
type: unknownProp,
|
|
1444
|
+
default: null
|
|
1445
|
+
},
|
|
1446
|
+
titleActiveStyle: {
|
|
1447
|
+
type: [Object],
|
|
1448
|
+
default: null
|
|
1449
|
+
},
|
|
1450
|
+
titleActiveClass: {
|
|
1451
|
+
type: unknownProp,
|
|
1452
|
+
default: null
|
|
1453
|
+
},
|
|
1454
|
+
touchable: {
|
|
1455
|
+
type: Boolean,
|
|
1456
|
+
default: true
|
|
1457
|
+
},
|
|
1458
|
+
changeWithAnimation: {
|
|
1459
|
+
type: Boolean,
|
|
1460
|
+
default: false
|
|
1461
|
+
},
|
|
1462
|
+
size: {
|
|
1463
|
+
type: String,
|
|
1464
|
+
default: 'large'
|
|
1465
|
+
},
|
|
1466
|
+
align: {
|
|
1467
|
+
type: String,
|
|
1468
|
+
default: 'center'
|
|
1469
|
+
}
|
|
1470
|
+
};
|
|
1458
1471
|
;// CONCATENATED MODULE: ./packages/tabs/src/tabs.tsx
|
|
1459
1472
|
|
|
1460
1473
|
|
|
@@ -1501,7 +1514,7 @@ var TABS_KEY = Symbol(tabs_name);
|
|
|
1501
1514
|
components: {
|
|
1502
1515
|
YTabTitle: title
|
|
1503
1516
|
},
|
|
1504
|
-
props:
|
|
1517
|
+
props: acceptProps,
|
|
1505
1518
|
setup: function setup(props, _ref) {
|
|
1506
1519
|
var slots = _ref.slots,
|
|
1507
1520
|
emit = _ref.emit,
|
|
@@ -1811,6 +1824,18 @@ var TABS_KEY = Symbol(tabs_name);
|
|
|
1811
1824
|
};
|
|
1812
1825
|
}
|
|
1813
1826
|
}));
|
|
1827
|
+
;// CONCATENATED MODULE: ./packages/tabs/index.ts
|
|
1828
|
+
|
|
1829
|
+
|
|
1830
|
+
|
|
1831
|
+
|
|
1832
|
+
tabs.install = function (Vue) {
|
|
1833
|
+
var name = tabs.name;
|
|
1834
|
+
Vue.component(name, tabs);
|
|
1835
|
+
};
|
|
1836
|
+
|
|
1837
|
+
|
|
1838
|
+
|
|
1814
1839
|
|
|
1815
1840
|
/***/ }),
|
|
1816
1841
|
|
|
@@ -6310,24 +6335,11 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__4103__;
|
|
|
6310
6335
|
/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
|
|
6311
6336
|
/******/ }();
|
|
6312
6337
|
/******/
|
|
6313
|
-
/******/ /* webpack/runtime/make namespace object */
|
|
6314
|
-
/******/ !function() {
|
|
6315
|
-
/******/ // define __esModule on exports
|
|
6316
|
-
/******/ __webpack_require__.r = function(exports) {
|
|
6317
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
6318
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
6319
|
-
/******/ }
|
|
6320
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
6321
|
-
/******/ };
|
|
6322
|
-
/******/ }();
|
|
6323
|
-
/******/
|
|
6324
6338
|
/************************************************************************/
|
|
6325
6339
|
var __webpack_exports__ = {};
|
|
6326
6340
|
// This entry need to be wrapped in an IIFE because it need to be in strict mode.
|
|
6327
6341
|
!function() {
|
|
6328
6342
|
"use strict";
|
|
6329
|
-
// ESM COMPAT FLAG
|
|
6330
|
-
__webpack_require__.r(__webpack_exports__);
|
|
6331
6343
|
|
|
6332
6344
|
// EXPORTS
|
|
6333
6345
|
__webpack_require__.d(__webpack_exports__, {
|
|
@@ -6352,8 +6364,8 @@ var swipeItem = __webpack_require__(7481);
|
|
|
6352
6364
|
var relation = __webpack_require__(874);
|
|
6353
6365
|
// EXTERNAL MODULE: ./packages/utils/index.ts + 4 modules
|
|
6354
6366
|
var utils = __webpack_require__(4105);
|
|
6355
|
-
// EXTERNAL MODULE: ./packages/tabs/
|
|
6356
|
-
var tabs = __webpack_require__(
|
|
6367
|
+
// EXTERNAL MODULE: ./packages/tabs/index.ts + 3 modules
|
|
6368
|
+
var tabs = __webpack_require__(463);
|
|
6357
6369
|
;// CONCATENATED MODULE: ./packages/tab/src/tab.tsx
|
|
6358
6370
|
|
|
6359
6371
|
|
|
@@ -6364,7 +6376,7 @@ var tabs = __webpack_require__(4990);
|
|
|
6364
6376
|
/*
|
|
6365
6377
|
* @Author: yanmeng
|
|
6366
6378
|
* @Date: 2021-05-10 16:00:46
|
|
6367
|
-
* @LastEditTime: 2022-08-11
|
|
6379
|
+
* @LastEditTime: 2022-08-11 15:14:23
|
|
6368
6380
|
* @LastEditors: ruan fei
|
|
6369
6381
|
* @Description: In User Settings Edit
|
|
6370
6382
|
* @FilePath: /yui-vue/packages/tab/src/tab.tsx
|
|
@@ -6404,7 +6416,7 @@ var _createNamespace = (0,utils/* createNamespace */.do)('tab'),
|
|
|
6404
6416
|
setup: function setup(_, _ref) {
|
|
6405
6417
|
var slots = _ref.slots;
|
|
6406
6418
|
|
|
6407
|
-
var _useRelation = (0,relation/* useRelation */.jQ)(tabs/* TABS_KEY */.
|
|
6419
|
+
var _useRelation = (0,relation/* useRelation */.jQ)(tabs/* TABS_KEY */.R7),
|
|
6408
6420
|
parent = _useRelation.parent;
|
|
6409
6421
|
|
|
6410
6422
|
var instance = (0,external_vue_.getCurrentInstance)();
|
|
@@ -6445,6 +6457,7 @@ tab.install = function (Vue) {
|
|
|
6445
6457
|
|
|
6446
6458
|
/* harmony default export */ var packages_tab = (tab);
|
|
6447
6459
|
}();
|
|
6460
|
+
__webpack_exports__ = __webpack_exports__.default;
|
|
6448
6461
|
/******/ return __webpack_exports__;
|
|
6449
6462
|
/******/ })()
|
|
6450
6463
|
;
|
package/libs/tabs.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
.y-swipe{position:relative;overflow:hidden}.y-swipe__track{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.y-swipe__track--is-dragging{-webkit-transition:none;transition:none}.y-swipe__track--is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.y-swipe__track--is-auto-height{display:block;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.y-swipe__dots{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.y-swipe__dots--left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:12px;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.y-swipe__dots--top{top:12px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.y-swipe__dots--right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;right:12px;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.y-swipe__dots--bottom{bottom:12px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.y-swipe__dot{width:6px;height:6px;margin:6px;border-radius:50%;background-color:#f5f5f5;background-color:var(--Background);opacity:0.3;-webkit-transition:opacity .3s;transition:opacity .3s}.y-swipe__dot--active{opacity:1}
|
|
2
|
+
|
|
1
3
|
.y-tabs__list{background-color:#fff;background-color:var(--Background_1)}.y-tabs__list-child-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.y-tabs__list-child-wrapper--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.y-tabs__list-child-wrapper--center{-ms-flex-pack:distribute;justify-content:space-around}.y-tabs__list-child-wrapper--large{height:56px}.y-tabs__list-child-wrapper--middle{height:44px}.y-tabs__list-child-wrapper--small{height:40px}.y-tabs__list-child-wrapper--scrollable{overflow-x:auto;overflow-y:hidden;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.y-tabs__list-child-wrapper--scrollable::-webkit-scrollbar{display:none}.y-tabs-title{color:#4c4c4c;color:var(--Surface_1);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.4;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 16px}.y-tabs-title__large,.y-tabs-title__middle{font-size:16px}.y-tabs-title__large--active,.y-tabs-title__middle--active{color:#68e38b;color:var(--Primary);font-size:18px;font-weight:700}.y-tabs-title__small{font-size:14px}.y-tabs-title__small--active{color:#68e38b;color:var(--Primary);font-size:14px;font-weight:500}.y-tabs-title--scrollable{min-width:60px;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;padding:16px}.y-tabs-title--disabled{color:#ccc;color:var(--Surface_4)}.y-tabs__line{position:absolute;background-color:#68e38b;background-color:var(--Primary);width:12px;height:3px;border-radius:20px;bottom:0;left:0}
|
|
2
4
|
|