@timus-networks/theme 2.4.109 → 2.4.112
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/dist/module.json +1 -1
- package/dist/module.mjs +1 -1
- package/dist/runtime/assets/scss/main.css +0 -0
- package/dist/runtime/components/development/example.description.vue +46 -14
- package/dist/runtime/components/development/example.select.vue +20 -2
- package/dist/runtime/public/scss/element-plus/common/var.scss +6 -6
- package/dist/runtime/public/scss/element-plus/descriptions-item.css +7 -7
- package/dist/runtime/public/scss/element-plus/descriptions-item.scss +7 -7
- package/dist/runtime/public/scss/element-plus/descriptions.css +14 -39
- package/dist/runtime/public/scss/element-plus/descriptions.scss +32 -23
- package/dist/runtime/public/scss/element-plus/index.css +41 -47
- package/dist/runtime/public/scss/element-plus/select-v2.css +16 -0
- package/dist/runtime/public/scss/element-plus/select.css +16 -0
- package/dist/runtime/public/scss/element-plus/select.scss +6 -2
- package/dist/runtime/public/scss/element-plus/table.css +4 -0
- package/dist/runtime/public/scss/element-plus/table.scss +7 -0
- package/package.json +1 -1
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
|
|
|
11
11
|
const __dirname = __cjs_path__.dirname(__filename);
|
|
12
12
|
const require = __cjs_mod__.createRequire(import.meta.url);
|
|
13
13
|
const name = "@timus-networks/theme";
|
|
14
|
-
const version = "2.4.
|
|
14
|
+
const version = "2.4.111";
|
|
15
15
|
const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
|
|
16
16
|
const type = "module";
|
|
17
17
|
const exports = {
|
|
File without changes
|
|
@@ -23,13 +23,18 @@
|
|
|
23
23
|
<el-select v-model="column_count" class="!w-32" size="mini">
|
|
24
24
|
<el-option v-for="index of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]" :key="index" :value="index" />
|
|
25
25
|
</el-select>
|
|
26
|
+
<el-radio-group v-model="bordered" size="mini">
|
|
27
|
+
<el-radio-button plain value="false">Border: False</el-radio-button>
|
|
28
|
+
<el-radio-button plain value="true">Border: True</el-radio-button>
|
|
29
|
+
</el-radio-group>
|
|
26
30
|
</div>
|
|
27
|
-
<section class="flex gap-7.5">
|
|
28
|
-
<
|
|
31
|
+
<section class="flex flex-col gap-7.5">
|
|
32
|
+
<h3>Border: {{ bordered }}</h3>
|
|
33
|
+
<el-descriptions :size="size" :column="column_count" :border="bordered">
|
|
29
34
|
<el-descriptions-item label="Username:">kooriookami</el-descriptions-item>
|
|
30
35
|
<el-descriptions-item label="Telephone:">18100000000</el-descriptions-item>
|
|
31
36
|
<el-descriptions-item label="Place:">Suzhou</el-descriptions-item>
|
|
32
|
-
<el-descriptions-item label="Remarks:"> <el-tag
|
|
37
|
+
<el-descriptions-item label="Remarks:"> <el-tag>School</el-tag> </el-descriptions-item>
|
|
33
38
|
<el-descriptions-item label="Address"> No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province </el-descriptions-item>
|
|
34
39
|
</el-descriptions>
|
|
35
40
|
</section>
|
|
@@ -56,14 +61,32 @@
|
|
|
56
61
|
<el-select v-model="column_count" class="!w-32" size="mini">
|
|
57
62
|
<el-option v-for="index of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]" :key="index" :value="index" />
|
|
58
63
|
</el-select>
|
|
64
|
+
<el-radio-group v-model="bordered" size="mini">
|
|
65
|
+
<el-radio-button plain value="false">Border: False</el-radio-button>
|
|
66
|
+
<el-radio-button plain value="true">Border: True</el-radio-button>
|
|
67
|
+
</el-radio-group>
|
|
59
68
|
</div>
|
|
60
|
-
<section class="flex gap-7.5">
|
|
61
|
-
<
|
|
69
|
+
<section class="flex flex-col gap-7.5">
|
|
70
|
+
<h3>Border: {{ bordered }}</h3>
|
|
71
|
+
<el-descriptions title="Seperated Columns" :border="true" :size="size" :column="column_count">
|
|
62
72
|
<el-descriptions-item label="Username:">kooriookami</el-descriptions-item>
|
|
63
73
|
<el-descriptions-item label="Telephone:">18100000000</el-descriptions-item>
|
|
64
74
|
<el-descriptions-item label="Place:">Suzhou</el-descriptions-item>
|
|
65
75
|
<el-descriptions-item label="Remarks:">
|
|
66
|
-
<el-tag
|
|
76
|
+
<el-tag>School</el-tag>
|
|
77
|
+
</el-descriptions-item>
|
|
78
|
+
<el-descriptions-item label="Address"> No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province </el-descriptions-item>
|
|
79
|
+
</el-descriptions>
|
|
80
|
+
|
|
81
|
+
<el-descriptions class="margin-top" title="Without border" :column="3" :size="size">
|
|
82
|
+
<template #extra>
|
|
83
|
+
<el-button type="primary">Operation</el-button>
|
|
84
|
+
</template>
|
|
85
|
+
<el-descriptions-item label="Username">kooriookami</el-descriptions-item>
|
|
86
|
+
<el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
|
|
87
|
+
<el-descriptions-item label="Place">Suzhou</el-descriptions-item>
|
|
88
|
+
<el-descriptions-item label="Remarks">
|
|
89
|
+
<el-tag>School</el-tag>
|
|
67
90
|
</el-descriptions-item>
|
|
68
91
|
<el-descriptions-item label="Address"> No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province </el-descriptions-item>
|
|
69
92
|
</el-descriptions>
|
|
@@ -79,17 +102,26 @@
|
|
|
79
102
|
|
|
80
103
|
const size = ref('default');
|
|
81
104
|
const column_count = ref(3);
|
|
105
|
+
const bordered = ref(false);
|
|
82
106
|
|
|
83
107
|
const snippets = ref({
|
|
84
108
|
basic: `
|
|
85
|
-
<el-
|
|
86
|
-
<el-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
<
|
|
91
|
-
|
|
92
|
-
|
|
109
|
+
<el-descriptions :size="size" :column="2" :border="false">
|
|
110
|
+
<el-descriptions-item label="Username:">kooriookami</el-descriptions-item>
|
|
111
|
+
<el-descriptions-item label="Telephone:">18100000000</el-descriptions-item>
|
|
112
|
+
<el-descriptions-item label="Place:">Suzhou</el-descriptions-item>
|
|
113
|
+
<el-descriptions-item label="Remarks:"> <el-tag>School</el-tag> </el-descriptions-item>
|
|
114
|
+
<el-descriptions-item label="Address"> No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province </el-descriptions-item>
|
|
115
|
+
</el-descriptions>
|
|
116
|
+
`,
|
|
117
|
+
bordered: `
|
|
118
|
+
<el-descriptions :size="size" :column="1" :border="true">
|
|
119
|
+
<el-descriptions-item label="Username:">kooriookami</el-descriptions-item>
|
|
120
|
+
<el-descriptions-item label="Telephone:">18100000000</el-descriptions-item>
|
|
121
|
+
<el-descriptions-item label="Place:">Suzhou</el-descriptions-item>
|
|
122
|
+
<el-descriptions-item label="Remarks:"> <el-tag>School</el-tag> </el-descriptions-item>
|
|
123
|
+
<el-descriptions-item label="Address"> No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province </el-descriptions-item>
|
|
124
|
+
</el-descriptions>
|
|
93
125
|
`,
|
|
94
126
|
});
|
|
95
127
|
</script>
|
|
@@ -11,7 +11,15 @@
|
|
|
11
11
|
sizes <el-text tag="mark">{{ sizes.join(', ') }}</el-text>
|
|
12
12
|
</p>
|
|
13
13
|
<div class="flex gap-4 items-start">
|
|
14
|
-
<el-select
|
|
14
|
+
<el-select
|
|
15
|
+
v-for="(size, index) of sizes"
|
|
16
|
+
:key="size + index"
|
|
17
|
+
v-model="value"
|
|
18
|
+
filterable
|
|
19
|
+
v-bind="size !== 'default' ? { size } : {}"
|
|
20
|
+
placeholder="Select"
|
|
21
|
+
style="width: 140px"
|
|
22
|
+
>
|
|
15
23
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
|
|
16
24
|
</el-select>
|
|
17
25
|
</div>
|
|
@@ -101,7 +109,17 @@
|
|
|
101
109
|
</div>
|
|
102
110
|
<div class="flex gap-4 flex-col">
|
|
103
111
|
<p>use max-collapse-tags</p>
|
|
104
|
-
<el-select
|
|
112
|
+
<el-select
|
|
113
|
+
v-model="multiple.four"
|
|
114
|
+
filterable
|
|
115
|
+
multiple
|
|
116
|
+
collapse-tags
|
|
117
|
+
collapse-tags-tooltip
|
|
118
|
+
:max-collapse-tags="3"
|
|
119
|
+
placeholder="Select"
|
|
120
|
+
style="width: 184px"
|
|
121
|
+
:size="size"
|
|
122
|
+
>
|
|
105
123
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
|
|
106
124
|
</el-select>
|
|
107
125
|
</div>
|
|
@@ -489,11 +489,11 @@ $select-dropdown: map.merge(
|
|
|
489
489
|
$select-wrapper-padding: () !default;
|
|
490
490
|
$select-wrapper-padding: map.merge(
|
|
491
491
|
(
|
|
492
|
-
'default': 8px
|
|
493
|
-
'large': 10px
|
|
494
|
-
'medium': 8px
|
|
495
|
-
'small': 6px
|
|
496
|
-
'mini': 5px
|
|
492
|
+
'default': 8px,
|
|
493
|
+
'large': 10px,
|
|
494
|
+
'medium': 8px,
|
|
495
|
+
'small': 6px,
|
|
496
|
+
'mini': 5px,
|
|
497
497
|
),
|
|
498
498
|
$select-wrapper-padding
|
|
499
499
|
);
|
|
@@ -1532,7 +1532,7 @@ $empty: map.merge(
|
|
|
1532
1532
|
$descriptions: () !default;
|
|
1533
1533
|
$descriptions: map.merge(
|
|
1534
1534
|
(
|
|
1535
|
-
'table-border':
|
|
1535
|
+
'table-border': getCssVar('fill-color', 'light'),
|
|
1536
1536
|
// 1px solid getCssVar('border-color-lighter'),
|
|
1537
1537
|
'item-bordered-label-background': getCssVar('fill-color', 'light'),
|
|
1538
1538
|
),
|
|
@@ -301,14 +301,14 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
301
301
|
}
|
|
302
302
|
**/
|
|
303
303
|
.el-descriptions__label.el-descriptions__cell.is-bordered-label {
|
|
304
|
-
color: var(--el-color-neutral-light-
|
|
304
|
+
color: var(--el-color-neutral-light-6);
|
|
305
305
|
}
|
|
306
306
|
.el-descriptions__label:not(.is-bordered-label) {
|
|
307
|
-
color: var(--el-color-neutral-light-
|
|
307
|
+
color: var(--el-color-neutral-light-6);
|
|
308
308
|
margin-right: 6px;
|
|
309
309
|
}
|
|
310
310
|
.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
|
|
311
|
-
padding-bottom:
|
|
311
|
+
padding-bottom: 10px;
|
|
312
312
|
}
|
|
313
313
|
|
|
314
314
|
.el-descriptions__content.el-descriptions__cell.is-bordered-content {
|
|
@@ -322,26 +322,26 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
322
322
|
margin-right: 6px;
|
|
323
323
|
}
|
|
324
324
|
.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
|
|
325
|
-
padding-bottom:
|
|
325
|
+
padding-bottom: 12px;
|
|
326
326
|
}
|
|
327
327
|
|
|
328
328
|
.el-descriptions--medium .el-descriptions__label:not(.is-bordered-label) {
|
|
329
329
|
margin-right: 6px;
|
|
330
330
|
}
|
|
331
331
|
.el-descriptions--medium .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
|
|
332
|
-
padding-bottom:
|
|
332
|
+
padding-bottom: 10px;
|
|
333
333
|
}
|
|
334
334
|
|
|
335
335
|
.el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
|
|
336
336
|
margin-right: 6px;
|
|
337
337
|
}
|
|
338
338
|
.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
|
|
339
|
-
padding-bottom:
|
|
339
|
+
padding-bottom: 8px;
|
|
340
340
|
}
|
|
341
341
|
|
|
342
342
|
.el-descriptions--mini .el-descriptions__label:not(.is-bordered-label) {
|
|
343
343
|
margin-right: 6px;
|
|
344
344
|
}
|
|
345
345
|
.el-descriptions--mini .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
|
|
346
|
-
padding-bottom:
|
|
346
|
+
padding-bottom: 4px;
|
|
347
347
|
}
|
|
@@ -18,11 +18,11 @@ $descriptions-item-label-margin-right: map.merge(
|
|
|
18
18
|
$descriptions-item-vertical-label-padding-bottom: () !default;
|
|
19
19
|
$descriptions-item-vertical-label-padding-bottom: map.merge(
|
|
20
20
|
(
|
|
21
|
-
'default':
|
|
22
|
-
'large':
|
|
23
|
-
'medium':
|
|
24
|
-
'small':
|
|
25
|
-
'mini':
|
|
21
|
+
'default': 10px,
|
|
22
|
+
'large': 12px,
|
|
23
|
+
'medium': 10px,
|
|
24
|
+
'small': 8px,
|
|
25
|
+
'mini': 4px,
|
|
26
26
|
),
|
|
27
27
|
$descriptions-item-vertical-label-padding-bottom
|
|
28
28
|
);
|
|
@@ -30,11 +30,11 @@ $descriptions-item-vertical-label-padding-bottom: map.merge(
|
|
|
30
30
|
@include b(descriptions) {
|
|
31
31
|
@include e(label) {
|
|
32
32
|
&.#{$namespace}-descriptions__cell.is-bordered-label {
|
|
33
|
-
color: getCssVar('color-neutral-light-
|
|
33
|
+
color: getCssVar('color-neutral-light-6');
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
&:not(.is-bordered-label) {
|
|
37
|
-
color: getCssVar('color', 'neutral-light-
|
|
37
|
+
color: getCssVar('color', 'neutral-light-6');
|
|
38
38
|
margin-right: map.get($descriptions-item-label-margin-right, 'default');
|
|
39
39
|
}
|
|
40
40
|
|
|
@@ -301,7 +301,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
301
301
|
}
|
|
302
302
|
**/
|
|
303
303
|
.el-descriptions {
|
|
304
|
-
--el-descriptions-table-border:
|
|
304
|
+
--el-descriptions-table-border: var(--el-fill-color-light);
|
|
305
305
|
--el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
|
|
306
306
|
box-sizing: border-box;
|
|
307
307
|
font-size: var(--el-font-size-base);
|
|
@@ -331,8 +331,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
331
331
|
box-sizing: border-box;
|
|
332
332
|
text-align: left;
|
|
333
333
|
font-weight: normal;
|
|
334
|
-
|
|
335
|
-
|
|
334
|
+
font-size: 12px;
|
|
335
|
+
height: 36px;
|
|
336
336
|
}
|
|
337
337
|
.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
|
|
338
338
|
text-align: left;
|
|
@@ -347,13 +347,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
347
347
|
}
|
|
348
348
|
|
|
349
349
|
.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
|
|
350
|
-
border: var(--el-descriptions-table-border);
|
|
351
|
-
padding: 8px 12px 8px 0;
|
|
350
|
+
border-bottom: 1px solid var(--el-descriptions-table-border);
|
|
352
351
|
}
|
|
353
|
-
.el-descriptions__body .el-descriptions__table
|
|
354
|
-
|
|
352
|
+
.el-descriptions__body .el-descriptions__table.is-bordered tr:last-child .el-descriptions__cell {
|
|
353
|
+
border-bottom: none;
|
|
355
354
|
}
|
|
356
|
-
|
|
357
355
|
.el-descriptions--large {
|
|
358
356
|
font-size: 14px;
|
|
359
357
|
}
|
|
@@ -365,15 +363,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
365
363
|
}
|
|
366
364
|
|
|
367
365
|
.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
|
|
368
|
-
font-size:
|
|
369
|
-
|
|
370
|
-
.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
|
|
371
|
-
padding: 8px 12px 8px 0;
|
|
366
|
+
font-size: 16px;
|
|
367
|
+
height: 40px;
|
|
372
368
|
}
|
|
373
|
-
.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
|
|
374
|
-
padding: 8px 12px 8px 0;
|
|
375
|
-
}
|
|
376
|
-
|
|
377
369
|
.el-descriptions--medium {
|
|
378
370
|
font-size: 14px;
|
|
379
371
|
}
|
|
@@ -385,15 +377,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
385
377
|
}
|
|
386
378
|
|
|
387
379
|
.el-descriptions--medium .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
|
|
388
|
-
font-size:
|
|
389
|
-
|
|
390
|
-
.el-descriptions--medium .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
|
|
391
|
-
padding: 6px 12px 6px 0;
|
|
392
|
-
}
|
|
393
|
-
.el-descriptions--medium .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
|
|
394
|
-
padding: 6px 12px 6px 0;
|
|
380
|
+
font-size: 12px;
|
|
381
|
+
height: 36px;
|
|
395
382
|
}
|
|
396
|
-
|
|
397
383
|
.el-descriptions--small {
|
|
398
384
|
font-size: 12px;
|
|
399
385
|
}
|
|
@@ -405,15 +391,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
405
391
|
}
|
|
406
392
|
|
|
407
393
|
.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
|
|
408
|
-
font-size:
|
|
409
|
-
|
|
410
|
-
.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
|
|
411
|
-
padding: 3px 12px 3px 0;
|
|
412
|
-
}
|
|
413
|
-
.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
|
|
414
|
-
padding: 3px 12px 3px 0;
|
|
394
|
+
font-size: 12px;
|
|
395
|
+
height: 32px;
|
|
415
396
|
}
|
|
416
|
-
|
|
417
397
|
.el-descriptions--mini {
|
|
418
398
|
font-size: 12px;
|
|
419
399
|
}
|
|
@@ -425,11 +405,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
425
405
|
}
|
|
426
406
|
|
|
427
407
|
.el-descriptions--mini .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
|
|
428
|
-
font-size:
|
|
429
|
-
|
|
430
|
-
.el-descriptions--mini .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
|
|
431
|
-
padding: 2px 12px 2px 0;
|
|
432
|
-
}
|
|
433
|
-
.el-descriptions--mini .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
|
|
434
|
-
padding: 2px 12px 2px 0;
|
|
408
|
+
font-size: 10px;
|
|
409
|
+
height: 28px;
|
|
435
410
|
}
|
|
@@ -32,11 +32,11 @@ $descriptions-title-font-size: map.merge(
|
|
|
32
32
|
$descriptions-cell-padding-bottom: () !default;
|
|
33
33
|
$descriptions-cell-padding-bottom: map.merge(
|
|
34
34
|
(
|
|
35
|
-
'default':
|
|
36
|
-
'large':
|
|
37
|
-
'medium':
|
|
38
|
-
'small':
|
|
39
|
-
'mini':
|
|
35
|
+
'default': 18px,
|
|
36
|
+
'large': 20px,
|
|
37
|
+
'medium': 18px,
|
|
38
|
+
'small': 14px,
|
|
39
|
+
'mini': 10px,
|
|
40
40
|
),
|
|
41
41
|
$descriptions-cell-padding-bottom
|
|
42
42
|
);
|
|
@@ -44,11 +44,11 @@ $descriptions-cell-padding-bottom: map.merge(
|
|
|
44
44
|
$descriptions-bordered-cell-padding: () !default;
|
|
45
45
|
$descriptions-bordered-cell-padding: map.merge(
|
|
46
46
|
(
|
|
47
|
-
'default':
|
|
48
|
-
'large':
|
|
49
|
-
'medium':
|
|
50
|
-
'small':
|
|
51
|
-
'mini':
|
|
47
|
+
'default': 9px 12px 9px 0,
|
|
48
|
+
'large': 10px 12px 10px 0,
|
|
49
|
+
'medium': 9px 12px 9px 0,
|
|
50
|
+
'small': 7px 12px 7px 0,
|
|
51
|
+
'mini': 5px 12px 5px 0,
|
|
52
52
|
),
|
|
53
53
|
$descriptions-bordered-cell-padding
|
|
54
54
|
);
|
|
@@ -56,11 +56,13 @@ $descriptions-bordered-cell-padding: map.merge(
|
|
|
56
56
|
$descriptions-cell-font-size: () !default;
|
|
57
57
|
$descriptions-cell-font-size: map.merge(
|
|
58
58
|
(
|
|
59
|
-
'
|
|
60
|
-
'
|
|
61
|
-
'medium':
|
|
62
|
-
'
|
|
63
|
-
'
|
|
59
|
+
'huge': 18px,
|
|
60
|
+
'large': 16px,
|
|
61
|
+
'medium': 12px,
|
|
62
|
+
'default': 12px,
|
|
63
|
+
'small': 12px,
|
|
64
|
+
'mini': 10px,
|
|
65
|
+
'tiny': 8px,
|
|
64
66
|
),
|
|
65
67
|
$descriptions-cell-font-size
|
|
66
68
|
);
|
|
@@ -97,8 +99,8 @@ $descriptions-cell-font-size: map.merge(
|
|
|
97
99
|
box-sizing: border-box;
|
|
98
100
|
text-align: left;
|
|
99
101
|
font-weight: normal;
|
|
100
|
-
line-height: 24px;
|
|
101
102
|
font-size: map.get($descriptions-cell-font-size, 'default');
|
|
103
|
+
height: map.get($common-component-size, 'default');
|
|
102
104
|
|
|
103
105
|
@include when(left) {
|
|
104
106
|
text-align: left;
|
|
@@ -115,15 +117,21 @@ $descriptions-cell-font-size: map.merge(
|
|
|
115
117
|
|
|
116
118
|
&.is-bordered {
|
|
117
119
|
.#{$namespace}-descriptions__cell {
|
|
118
|
-
border: getCssVar('descriptions-table-border');
|
|
119
|
-
padding: map.get($descriptions-bordered-cell-padding, 'default');
|
|
120
|
+
border-bottom: 1px solid getCssVar('descriptions-table-border');
|
|
121
|
+
// padding: map.get($descriptions-bordered-cell-padding, 'default');
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
tr:last-child {
|
|
125
|
+
.#{$namespace}-descriptions__cell {
|
|
126
|
+
border-bottom: none;
|
|
127
|
+
}
|
|
120
128
|
}
|
|
121
129
|
}
|
|
122
130
|
|
|
123
131
|
&:not(.is-bordered) {
|
|
124
132
|
.#{$namespace}-descriptions__cell {
|
|
125
|
-
$padding: math.div(map.get($descriptions-cell-padding-bottom, 'default'), 2);
|
|
126
|
-
padding: $padding 12px $padding 0;
|
|
133
|
+
// $padding: math.div(map.get($descriptions-cell-padding-bottom, 'default'), 2);
|
|
134
|
+
// padding: $padding 12px $padding 0;
|
|
127
135
|
}
|
|
128
136
|
}
|
|
129
137
|
}
|
|
@@ -145,18 +153,19 @@ $descriptions-cell-font-size: map.merge(
|
|
|
145
153
|
.#{$namespace}-descriptions__table {
|
|
146
154
|
.#{$namespace}-descriptions__cell {
|
|
147
155
|
font-size: map.get($descriptions-cell-font-size, $size);
|
|
156
|
+
height: map.get($common-component-size, $size);
|
|
148
157
|
}
|
|
149
158
|
|
|
150
159
|
&.is-bordered {
|
|
151
160
|
.#{$namespace}-descriptions__cell {
|
|
152
|
-
padding: map.get($descriptions-bordered-cell-padding, $size);
|
|
161
|
+
// padding: map.get($descriptions-bordered-cell-padding, $size);
|
|
153
162
|
}
|
|
154
163
|
}
|
|
155
164
|
|
|
156
165
|
&:not(.is-bordered) {
|
|
157
166
|
.#{$namespace}-descriptions__cell {
|
|
158
|
-
$padding: math.div(map.get($descriptions-cell-padding-bottom, $size), 2);
|
|
159
|
-
padding: $padding 12px $padding 0;
|
|
167
|
+
// $padding: math.div(map.get($descriptions-cell-padding-bottom, $size), 2);
|
|
168
|
+
// padding: $padding 12px $padding 0;
|
|
160
169
|
}
|
|
161
170
|
}
|
|
162
171
|
}
|
|
@@ -7916,7 +7916,7 @@ heights > $common-component-size
|
|
|
7916
7916
|
}
|
|
7917
7917
|
|
|
7918
7918
|
.el-descriptions {
|
|
7919
|
-
--el-descriptions-table-border:
|
|
7919
|
+
--el-descriptions-table-border: var(--el-fill-color-light);
|
|
7920
7920
|
--el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
|
|
7921
7921
|
box-sizing: border-box;
|
|
7922
7922
|
font-size: var(--el-font-size-base);
|
|
@@ -7946,8 +7946,8 @@ heights > $common-component-size
|
|
|
7946
7946
|
box-sizing: border-box;
|
|
7947
7947
|
text-align: left;
|
|
7948
7948
|
font-weight: normal;
|
|
7949
|
-
|
|
7950
|
-
|
|
7949
|
+
font-size: 12px;
|
|
7950
|
+
height: 36px;
|
|
7951
7951
|
}
|
|
7952
7952
|
.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
|
|
7953
7953
|
text-align: left;
|
|
@@ -7962,13 +7962,11 @@ heights > $common-component-size
|
|
|
7962
7962
|
}
|
|
7963
7963
|
|
|
7964
7964
|
.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
|
|
7965
|
-
border: var(--el-descriptions-table-border);
|
|
7966
|
-
padding: 8px 12px 8px 0;
|
|
7965
|
+
border-bottom: 1px solid var(--el-descriptions-table-border);
|
|
7967
7966
|
}
|
|
7968
|
-
.el-descriptions__body .el-descriptions__table
|
|
7969
|
-
|
|
7967
|
+
.el-descriptions__body .el-descriptions__table.is-bordered tr:last-child .el-descriptions__cell {
|
|
7968
|
+
border-bottom: none;
|
|
7970
7969
|
}
|
|
7971
|
-
|
|
7972
7970
|
.el-descriptions--large {
|
|
7973
7971
|
font-size: 14px;
|
|
7974
7972
|
}
|
|
@@ -7980,15 +7978,9 @@ heights > $common-component-size
|
|
|
7980
7978
|
}
|
|
7981
7979
|
|
|
7982
7980
|
.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
|
|
7983
|
-
font-size:
|
|
7984
|
-
|
|
7985
|
-
.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
|
|
7986
|
-
padding: 8px 12px 8px 0;
|
|
7987
|
-
}
|
|
7988
|
-
.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
|
|
7989
|
-
padding: 8px 12px 8px 0;
|
|
7981
|
+
font-size: 16px;
|
|
7982
|
+
height: 40px;
|
|
7990
7983
|
}
|
|
7991
|
-
|
|
7992
7984
|
.el-descriptions--medium {
|
|
7993
7985
|
font-size: 14px;
|
|
7994
7986
|
}
|
|
@@ -8000,15 +7992,9 @@ heights > $common-component-size
|
|
|
8000
7992
|
}
|
|
8001
7993
|
|
|
8002
7994
|
.el-descriptions--medium .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
|
|
8003
|
-
font-size:
|
|
8004
|
-
|
|
8005
|
-
.el-descriptions--medium .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
|
|
8006
|
-
padding: 6px 12px 6px 0;
|
|
8007
|
-
}
|
|
8008
|
-
.el-descriptions--medium .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
|
|
8009
|
-
padding: 6px 12px 6px 0;
|
|
7995
|
+
font-size: 12px;
|
|
7996
|
+
height: 36px;
|
|
8010
7997
|
}
|
|
8011
|
-
|
|
8012
7998
|
.el-descriptions--small {
|
|
8013
7999
|
font-size: 12px;
|
|
8014
8000
|
}
|
|
@@ -8020,15 +8006,9 @@ heights > $common-component-size
|
|
|
8020
8006
|
}
|
|
8021
8007
|
|
|
8022
8008
|
.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
|
|
8023
|
-
font-size:
|
|
8024
|
-
|
|
8025
|
-
.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
|
|
8026
|
-
padding: 3px 12px 3px 0;
|
|
8027
|
-
}
|
|
8028
|
-
.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
|
|
8029
|
-
padding: 3px 12px 3px 0;
|
|
8009
|
+
font-size: 12px;
|
|
8010
|
+
height: 32px;
|
|
8030
8011
|
}
|
|
8031
|
-
|
|
8032
8012
|
.el-descriptions--mini {
|
|
8033
8013
|
font-size: 12px;
|
|
8034
8014
|
}
|
|
@@ -8040,24 +8020,18 @@ heights > $common-component-size
|
|
|
8040
8020
|
}
|
|
8041
8021
|
|
|
8042
8022
|
.el-descriptions--mini .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
|
|
8043
|
-
font-size:
|
|
8044
|
-
|
|
8045
|
-
.el-descriptions--mini .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
|
|
8046
|
-
padding: 2px 12px 2px 0;
|
|
8047
|
-
}
|
|
8048
|
-
.el-descriptions--mini .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
|
|
8049
|
-
padding: 2px 12px 2px 0;
|
|
8023
|
+
font-size: 10px;
|
|
8024
|
+
height: 28px;
|
|
8050
8025
|
}
|
|
8051
|
-
|
|
8052
8026
|
.el-descriptions__label.el-descriptions__cell.is-bordered-label {
|
|
8053
|
-
color: var(--el-color-neutral-light-
|
|
8027
|
+
color: var(--el-color-neutral-light-6);
|
|
8054
8028
|
}
|
|
8055
8029
|
.el-descriptions__label:not(.is-bordered-label) {
|
|
8056
|
-
color: var(--el-color-neutral-light-
|
|
8030
|
+
color: var(--el-color-neutral-light-6);
|
|
8057
8031
|
margin-right: 6px;
|
|
8058
8032
|
}
|
|
8059
8033
|
.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
|
|
8060
|
-
padding-bottom:
|
|
8034
|
+
padding-bottom: 10px;
|
|
8061
8035
|
}
|
|
8062
8036
|
|
|
8063
8037
|
.el-descriptions__content.el-descriptions__cell.is-bordered-content {
|
|
@@ -8071,28 +8045,28 @@ heights > $common-component-size
|
|
|
8071
8045
|
margin-right: 6px;
|
|
8072
8046
|
}
|
|
8073
8047
|
.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
|
|
8074
|
-
padding-bottom:
|
|
8048
|
+
padding-bottom: 12px;
|
|
8075
8049
|
}
|
|
8076
8050
|
|
|
8077
8051
|
.el-descriptions--medium .el-descriptions__label:not(.is-bordered-label) {
|
|
8078
8052
|
margin-right: 6px;
|
|
8079
8053
|
}
|
|
8080
8054
|
.el-descriptions--medium .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
|
|
8081
|
-
padding-bottom:
|
|
8055
|
+
padding-bottom: 10px;
|
|
8082
8056
|
}
|
|
8083
8057
|
|
|
8084
8058
|
.el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
|
|
8085
8059
|
margin-right: 6px;
|
|
8086
8060
|
}
|
|
8087
8061
|
.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
|
|
8088
|
-
padding-bottom:
|
|
8062
|
+
padding-bottom: 8px;
|
|
8089
8063
|
}
|
|
8090
8064
|
|
|
8091
8065
|
.el-descriptions--mini .el-descriptions__label:not(.is-bordered-label) {
|
|
8092
8066
|
margin-right: 6px;
|
|
8093
8067
|
}
|
|
8094
8068
|
.el-descriptions--mini .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
|
|
8095
|
-
padding-bottom:
|
|
8069
|
+
padding-bottom: 4px;
|
|
8096
8070
|
}
|
|
8097
8071
|
|
|
8098
8072
|
:root {
|
|
@@ -12765,6 +12739,10 @@ h6,
|
|
|
12765
12739
|
height: 20px;
|
|
12766
12740
|
}
|
|
12767
12741
|
|
|
12742
|
+
.el-select--large .el-select__selected-item {
|
|
12743
|
+
height: 20px;
|
|
12744
|
+
}
|
|
12745
|
+
|
|
12768
12746
|
.el-select--medium .el-select__wrapper {
|
|
12769
12747
|
gap: 8px;
|
|
12770
12748
|
padding: 8px 12px;
|
|
@@ -12792,6 +12770,10 @@ h6,
|
|
|
12792
12770
|
height: 20px;
|
|
12793
12771
|
}
|
|
12794
12772
|
|
|
12773
|
+
.el-select--medium .el-select__selected-item {
|
|
12774
|
+
height: 20px;
|
|
12775
|
+
}
|
|
12776
|
+
|
|
12795
12777
|
.el-select--small .el-select__wrapper {
|
|
12796
12778
|
gap: 4px;
|
|
12797
12779
|
padding: 6px 12px;
|
|
@@ -12819,6 +12801,10 @@ h6,
|
|
|
12819
12801
|
height: 20px;
|
|
12820
12802
|
}
|
|
12821
12803
|
|
|
12804
|
+
.el-select--small .el-select__selected-item {
|
|
12805
|
+
height: 20px;
|
|
12806
|
+
}
|
|
12807
|
+
|
|
12822
12808
|
.el-select--mini .el-select__wrapper {
|
|
12823
12809
|
gap: 4px;
|
|
12824
12810
|
padding: 5px 12px;
|
|
@@ -12841,6 +12827,10 @@ h6,
|
|
|
12841
12827
|
gap: 4px;
|
|
12842
12828
|
}
|
|
12843
12829
|
|
|
12830
|
+
.el-select--mini .el-select__selected-item {
|
|
12831
|
+
height: 18px;
|
|
12832
|
+
}
|
|
12833
|
+
|
|
12844
12834
|
.el-skeleton {
|
|
12845
12835
|
--el-skeleton-circle-size: var(--el-avatar-size);
|
|
12846
12836
|
}
|
|
@@ -13982,6 +13972,10 @@ h6,
|
|
|
13982
13972
|
font-weight: var(--el-table-font-weight-head);
|
|
13983
13973
|
border-bottom: 1px solid var(--el-color-neutral-light-3);
|
|
13984
13974
|
}
|
|
13975
|
+
.el-table thead th .el-table__cell .cell {
|
|
13976
|
+
display: flex;
|
|
13977
|
+
gap: 3px;
|
|
13978
|
+
}
|
|
13985
13979
|
.el-table thead.is-group th.el-table__cell {
|
|
13986
13980
|
background: var(--el-fill-color-light);
|
|
13987
13981
|
}
|
|
@@ -697,6 +697,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
697
697
|
height: 20px;
|
|
698
698
|
}
|
|
699
699
|
|
|
700
|
+
.el-select--large .el-select__selected-item {
|
|
701
|
+
height: 20px;
|
|
702
|
+
}
|
|
703
|
+
|
|
700
704
|
.el-select--medium .el-select__wrapper {
|
|
701
705
|
gap: 8px;
|
|
702
706
|
padding: 8px 12px;
|
|
@@ -724,6 +728,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
724
728
|
height: 20px;
|
|
725
729
|
}
|
|
726
730
|
|
|
731
|
+
.el-select--medium .el-select__selected-item {
|
|
732
|
+
height: 20px;
|
|
733
|
+
}
|
|
734
|
+
|
|
727
735
|
.el-select--small .el-select__wrapper {
|
|
728
736
|
gap: 4px;
|
|
729
737
|
padding: 6px 12px;
|
|
@@ -751,6 +759,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
751
759
|
height: 20px;
|
|
752
760
|
}
|
|
753
761
|
|
|
762
|
+
.el-select--small .el-select__selected-item {
|
|
763
|
+
height: 20px;
|
|
764
|
+
}
|
|
765
|
+
|
|
754
766
|
.el-select--mini .el-select__wrapper {
|
|
755
767
|
gap: 4px;
|
|
756
768
|
padding: 5px 12px;
|
|
@@ -771,4 +783,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
771
783
|
|
|
772
784
|
.el-select--mini .el-select__suffix {
|
|
773
785
|
gap: 4px;
|
|
786
|
+
}
|
|
787
|
+
|
|
788
|
+
.el-select--mini .el-select__selected-item {
|
|
789
|
+
height: 18px;
|
|
774
790
|
}
|
|
@@ -697,6 +697,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
697
697
|
height: 20px;
|
|
698
698
|
}
|
|
699
699
|
|
|
700
|
+
.el-select--large .el-select__selected-item {
|
|
701
|
+
height: 20px;
|
|
702
|
+
}
|
|
703
|
+
|
|
700
704
|
.el-select--medium .el-select__wrapper {
|
|
701
705
|
gap: 8px;
|
|
702
706
|
padding: 8px 12px;
|
|
@@ -724,6 +728,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
724
728
|
height: 20px;
|
|
725
729
|
}
|
|
726
730
|
|
|
731
|
+
.el-select--medium .el-select__selected-item {
|
|
732
|
+
height: 20px;
|
|
733
|
+
}
|
|
734
|
+
|
|
727
735
|
.el-select--small .el-select__wrapper {
|
|
728
736
|
gap: 4px;
|
|
729
737
|
padding: 6px 12px;
|
|
@@ -751,6 +759,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
751
759
|
height: 20px;
|
|
752
760
|
}
|
|
753
761
|
|
|
762
|
+
.el-select--small .el-select__selected-item {
|
|
763
|
+
height: 20px;
|
|
764
|
+
}
|
|
765
|
+
|
|
754
766
|
.el-select--mini .el-select__wrapper {
|
|
755
767
|
gap: 4px;
|
|
756
768
|
padding: 5px 12px;
|
|
@@ -771,4 +783,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
771
783
|
|
|
772
784
|
.el-select--mini .el-select__suffix {
|
|
773
785
|
gap: 4px;
|
|
786
|
+
}
|
|
787
|
+
|
|
788
|
+
.el-select--mini .el-select__selected-item {
|
|
789
|
+
height: 18px;
|
|
774
790
|
}
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
cursor: pointer;
|
|
38
38
|
text-align: left;
|
|
39
39
|
font-size: map.get($input-font-size, 'default');
|
|
40
|
-
padding: map.get($select-wrapper-padding, 'default');
|
|
40
|
+
padding: map.get($select-wrapper-padding, 'default') 12px;
|
|
41
41
|
gap: map.get($select-item-gap, 'default');
|
|
42
42
|
// height: map.get($common-component-size, 'default');
|
|
43
43
|
min-height: map.get($input-height, 'default');
|
|
@@ -255,7 +255,7 @@
|
|
|
255
255
|
@include m($size) {
|
|
256
256
|
@include e(wrapper) {
|
|
257
257
|
gap: map.get($select-item-gap, $size);
|
|
258
|
-
padding: map.get($select-wrapper-padding, $size);
|
|
258
|
+
padding: map.get($select-wrapper-padding, $size) 12px;
|
|
259
259
|
min-height: map.get($input-height, $size);
|
|
260
260
|
// height: map.get($input-height, $size);
|
|
261
261
|
line-height: map.get($select-item-height, $size);
|
|
@@ -281,6 +281,10 @@
|
|
|
281
281
|
@include e(input) {
|
|
282
282
|
height: map.get($select-item-height, $size);
|
|
283
283
|
}
|
|
284
|
+
|
|
285
|
+
@include e(selected-item) {
|
|
286
|
+
height: map.get($input-height, $size) - map.get($select-wrapper-padding, $size) * 2;
|
|
287
|
+
}
|
|
284
288
|
}
|
|
285
289
|
}
|
|
286
290
|
}
|
|
@@ -424,6 +424,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
424
424
|
font-weight: var(--el-table-font-weight-head);
|
|
425
425
|
border-bottom: 1px solid var(--el-color-neutral-light-3);
|
|
426
426
|
}
|
|
427
|
+
.el-table thead th .el-table__cell .cell {
|
|
428
|
+
display: flex;
|
|
429
|
+
gap: 3px;
|
|
430
|
+
}
|
|
427
431
|
.el-table thead.is-group th.el-table__cell {
|
|
428
432
|
background: var(--el-fill-color-light);
|
|
429
433
|
}
|
|
@@ -156,6 +156,13 @@
|
|
|
156
156
|
th {
|
|
157
157
|
font-weight: getCssVar('table-font-weight-head');
|
|
158
158
|
border-bottom: 1px solid getCssVar('color-neutral-light-3');
|
|
159
|
+
|
|
160
|
+
.#{$namespace}-table__cell {
|
|
161
|
+
.cell {
|
|
162
|
+
display: flex;
|
|
163
|
+
gap: 3px;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
159
166
|
}
|
|
160
167
|
|
|
161
168
|
&.is-group {
|
package/package.json
CHANGED