mediacube-ui 0.1.406 → 0.1.407
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.407](https://github.com/MediaCubeCo/mcui/compare/v0.1.406...v0.1.407) (2025-09-02)
|
|
6
|
+
|
|
5
7
|
### [0.1.406](https://github.com/MediaCubeCo/mcui/compare/v0.1.405...v0.1.406) (2025-09-02)
|
|
6
8
|
|
|
7
9
|
### [0.1.405](https://github.com/MediaCubeCo/mcui/compare/v0.1.404...v0.1.405) (2025-09-02)
|
package/package.json
CHANGED
|
@@ -52,7 +52,18 @@
|
|
|
52
52
|
</div>
|
|
53
53
|
</div>
|
|
54
54
|
</template>
|
|
55
|
-
|
|
55
|
+
<template slot="tag" slot-scope="{ option, remove }">
|
|
56
|
+
<mc-chip
|
|
57
|
+
variation="main-alpha-10-invert"
|
|
58
|
+
class="multiselect__tag"
|
|
59
|
+
text-color="black"
|
|
60
|
+
size="s"
|
|
61
|
+
:closable="!option.hasOwnProperty('is_closable') || option.is_closable"
|
|
62
|
+
@click="remove(option)"
|
|
63
|
+
>
|
|
64
|
+
{{ option.name }}
|
|
65
|
+
</mc-chip>
|
|
66
|
+
</template>
|
|
56
67
|
<template
|
|
57
68
|
v-if="optionsTooltip || optionWithPreview || optionWithPreviewOnly"
|
|
58
69
|
slot="option"
|
|
@@ -124,6 +135,7 @@
|
|
|
124
135
|
<script>
|
|
125
136
|
import MultiSelect from 'vue-multiselect'
|
|
126
137
|
import McTitle from '../../McTitle/McTitle'
|
|
138
|
+
import McChip from '../../McChip/McChip'
|
|
127
139
|
import McTooltip from '../../McTooltip/McTooltip'
|
|
128
140
|
import McAvatar from '../../McAvatar/McAvatar'
|
|
129
141
|
import McSvgIcon from '../../McSvgIcon/McSvgIcon'
|
|
@@ -134,7 +146,7 @@ import { LANGUAGES } from '../../../helpers/consts'
|
|
|
134
146
|
|
|
135
147
|
export default {
|
|
136
148
|
name: 'McFieldSelect',
|
|
137
|
-
components: { McSvgIcon, McAvatar, McTitle, McTooltip, MultiSelect, McPreview },
|
|
149
|
+
components: { McSvgIcon, McAvatar, McTitle, McTooltip, MultiSelect, McPreview, McChip },
|
|
138
150
|
mixins: [fieldErrors, equalFieldHeight],
|
|
139
151
|
props: {
|
|
140
152
|
/**
|
|
@@ -836,7 +848,28 @@ export default {
|
|
|
836
848
|
color: $color-gray;
|
|
837
849
|
}
|
|
838
850
|
}
|
|
839
|
-
|
|
851
|
+
&__tag {
|
|
852
|
+
padding-left: 2px !important;
|
|
853
|
+
.mc-chip__button {
|
|
854
|
+
background-color: $color-white;
|
|
855
|
+
border-radius: $radius-circle;
|
|
856
|
+
opacity: 1;
|
|
857
|
+
.mc-svg-icon {
|
|
858
|
+
min-width: $space-250;
|
|
859
|
+
width: $space-250;
|
|
860
|
+
min-height: $space-250;
|
|
861
|
+
height: $space-250;
|
|
862
|
+
}
|
|
863
|
+
&:hover {
|
|
864
|
+
.mc-svg-icon {
|
|
865
|
+
fill: var(--color-red);
|
|
866
|
+
}
|
|
867
|
+
}
|
|
868
|
+
.mc-svg-icon {
|
|
869
|
+
fill: var(--color-main);
|
|
870
|
+
}
|
|
871
|
+
}
|
|
872
|
+
}
|
|
840
873
|
&__input {
|
|
841
874
|
padding-inline-start: $space-50;
|
|
842
875
|
margin-bottom: $space-150 - 2px;
|