mediacube-ui 0.1.438 → 0.1.439
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/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.1.439](https://github.com/MediaCubeCo/mcui/compare/v0.1.438...v0.1.439) (2025-12-08)
|
|
6
|
+
|
|
5
7
|
### [0.1.438](https://github.com/MediaCubeCo/mcui/compare/v0.1.437...v0.1.438) (2025-12-02)
|
|
6
8
|
|
|
7
9
|
### [0.1.437](https://github.com/MediaCubeCo/mcui/compare/v0.1.436...v0.1.437) (2025-11-27)
|
package/package.json
CHANGED
|
@@ -32,12 +32,10 @@
|
|
|
32
32
|
<mc-avatar v-if="option.image" :src="option.image" size="400" />
|
|
33
33
|
<mc-svg-icon v-else :name="option.icon" :color="option.iconColor || 'main'" size="400" />
|
|
34
34
|
</template>
|
|
35
|
-
<mc-title slot="top" weight="semi-bold" v-html="option.name" />
|
|
35
|
+
<mc-title slot="top" weight="semi-bold" v-html="option.name + 'ee'" />
|
|
36
36
|
<!-- Слот для замены стандартной стрелки при выведенном превью -->
|
|
37
37
|
<slot slot="right" name="arrow" />
|
|
38
|
-
<mc-title slot="bottom" color="gray">
|
|
39
|
-
{{ option.text }}
|
|
40
|
-
</mc-title>
|
|
38
|
+
<mc-title slot="bottom" color="gray"> {{ option.text }} kk </mc-title>
|
|
41
39
|
</mc-preview>
|
|
42
40
|
<div v-else class="mc-field-select__single-label">
|
|
43
41
|
<div v-if="hasPrepend" class="mc-field-select__prepend">
|
|
@@ -48,7 +46,7 @@
|
|
|
48
46
|
class="mc-field-select__label-text"
|
|
49
47
|
:class="hasPrepend ? 'mc-field-select__label-text--indent-left' : ''"
|
|
50
48
|
>
|
|
51
|
-
{{ option ? option.name : placeholder }}
|
|
49
|
+
{{ option ? option.name + 'rar' : placeholder }}
|
|
52
50
|
</div>
|
|
53
51
|
</div>
|
|
54
52
|
</template>
|
|
@@ -61,7 +59,7 @@
|
|
|
61
59
|
:closable="!option.hasOwnProperty('is_closable') || option.is_closable"
|
|
62
60
|
@click="remove(option)"
|
|
63
61
|
>
|
|
64
|
-
{{ option.name }}
|
|
62
|
+
{{ option.name + 'tt' }}
|
|
65
63
|
</mc-chip>
|
|
66
64
|
</template>
|
|
67
65
|
<template
|
|
@@ -74,16 +72,20 @@
|
|
|
74
72
|
weight="semi-bold"
|
|
75
73
|
variation="subtitle"
|
|
76
74
|
>
|
|
77
|
-
{{ option.$groupLabel }}
|
|
75
|
+
{{ option.$groupLabel }} aa
|
|
78
76
|
</mc-title>
|
|
79
77
|
<mc-preview v-else-if="optionWithPreview || optionWithPreviewOnly" class="option__desc" size="l">
|
|
80
78
|
<template v-if="option?.icon || option?.image" #left>
|
|
81
79
|
<mc-avatar v-if="option.image" :src="option.image" size="400" />
|
|
82
80
|
<mc-svg-icon v-else :name="option.icon" :color="option.iconColor || 'main'" size="400" />
|
|
83
81
|
</template>
|
|
84
|
-
<mc-title
|
|
82
|
+
<mc-title
|
|
83
|
+
slot="top"
|
|
84
|
+
:weight="optionWithPreviewOnly ? '' : 'semi-bold'"
|
|
85
|
+
v-html="option.name + 'yy'"
|
|
86
|
+
/>
|
|
85
87
|
<mc-title v-if="!!option.text" slot="bottom" color="dark-gray" :pre-line="option.preLine"
|
|
86
|
-
>{{ option.text }}
|
|
88
|
+
>{{ option.text + 'lll' }}
|
|
87
89
|
</mc-title>
|
|
88
90
|
</mc-preview>
|
|
89
91
|
<mc-tooltip
|
|
@@ -94,7 +96,7 @@
|
|
|
94
96
|
placement="top"
|
|
95
97
|
:content="option.name"
|
|
96
98
|
>
|
|
97
|
-
<span>{{ option.name }}</span>
|
|
99
|
+
<span>{{ option.name + '[[[' }}</span>
|
|
98
100
|
</mc-tooltip>
|
|
99
101
|
</template>
|
|
100
102
|
<!-- @slot Слот для текста, если ничего не найдено -->
|
|
@@ -383,6 +385,13 @@ export default {
|
|
|
383
385
|
type: Boolean,
|
|
384
386
|
default: false,
|
|
385
387
|
},
|
|
388
|
+
/**
|
|
389
|
+
* Выводить в оцпциях полный текст, без обрезания
|
|
390
|
+
* */
|
|
391
|
+
showFullOptionText: {
|
|
392
|
+
type: Boolean,
|
|
393
|
+
default: false,
|
|
394
|
+
},
|
|
386
395
|
},
|
|
387
396
|
data() {
|
|
388
397
|
return {
|
|
@@ -482,6 +491,7 @@ export default {
|
|
|
482
491
|
'mc-field-select--max-height': this.maxHeight,
|
|
483
492
|
'mc-field-select--empty': !this._value,
|
|
484
493
|
'mc-field-select--rtl': this.rtl,
|
|
494
|
+
'mc-field-select--show-full-option-text': this.showFullOptionText,
|
|
485
495
|
}
|
|
486
496
|
},
|
|
487
497
|
isEmptyOptions() {
|
|
@@ -831,6 +841,20 @@ export default {
|
|
|
831
841
|
}
|
|
832
842
|
}
|
|
833
843
|
|
|
844
|
+
&--show-full-option-text {
|
|
845
|
+
.multiselect__option {
|
|
846
|
+
text-overflow: unset;
|
|
847
|
+
overflow-x: visible;
|
|
848
|
+
text-wrap: wrap;
|
|
849
|
+
|
|
850
|
+
& > * {
|
|
851
|
+
text-overflow: unset !important;
|
|
852
|
+
overflow-x: visible !important;
|
|
853
|
+
text-wrap: wrap !important;
|
|
854
|
+
}
|
|
855
|
+
}
|
|
856
|
+
}
|
|
857
|
+
|
|
834
858
|
.multiselect {
|
|
835
859
|
&__placeholder {
|
|
836
860
|
@include ellipsis();
|
|
@@ -854,28 +878,34 @@ export default {
|
|
|
854
878
|
color: $color-gray;
|
|
855
879
|
}
|
|
856
880
|
}
|
|
881
|
+
|
|
857
882
|
&__tag {
|
|
858
883
|
padding-left: 2px !important;
|
|
884
|
+
|
|
859
885
|
.mc-chip__button {
|
|
860
886
|
background-color: $color-white;
|
|
861
887
|
border-radius: $radius-circle;
|
|
862
888
|
opacity: 1;
|
|
889
|
+
|
|
863
890
|
.mc-svg-icon {
|
|
864
891
|
min-width: $space-250;
|
|
865
892
|
width: $space-250;
|
|
866
893
|
min-height: $space-250;
|
|
867
894
|
height: $space-250;
|
|
868
895
|
}
|
|
896
|
+
|
|
869
897
|
&:hover {
|
|
870
898
|
.mc-svg-icon {
|
|
871
899
|
fill: var(--color-red);
|
|
872
900
|
}
|
|
873
901
|
}
|
|
902
|
+
|
|
874
903
|
.mc-svg-icon {
|
|
875
904
|
fill: var(--color-main);
|
|
876
905
|
}
|
|
877
906
|
}
|
|
878
907
|
}
|
|
908
|
+
|
|
879
909
|
&__input {
|
|
880
910
|
padding-inline-start: $space-50;
|
|
881
911
|
margin-bottom: $space-150 - 2px;
|
|
@@ -1007,9 +1037,11 @@ export default {
|
|
|
1007
1037
|
}
|
|
1008
1038
|
|
|
1009
1039
|
&--above {
|
|
1010
|
-
.
|
|
1011
|
-
|
|
1012
|
-
|
|
1040
|
+
.multiselect {
|
|
1041
|
+
&__content-wrapper {
|
|
1042
|
+
bottom: calc(100% + #{$size-100});
|
|
1043
|
+
top: auto;
|
|
1044
|
+
}
|
|
1013
1045
|
}
|
|
1014
1046
|
}
|
|
1015
1047
|
|