@mptw/skylens-ui 1.3.8 → 1.3.9
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/components/SLRadioGroup.vue +31 -23
- package/package.json +1 -1
|
@@ -3,14 +3,15 @@ SLElementWithTitle(:title='disabled ? disabledHint : ""')
|
|
|
3
3
|
.radio-group(:class='sizeClass')
|
|
4
4
|
.radio(v-for="option, i in options")
|
|
5
5
|
input(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
6
|
+
type="radio"
|
|
7
|
+
:id="uids[i]"
|
|
8
|
+
:checked="modelValue === option.value"
|
|
9
|
+
:disabled="disabled"
|
|
10
|
+
)
|
|
11
|
+
SLElementWithTitle(:title='option.desc')
|
|
12
|
+
label(@click="onClickedRadio(option.value)")
|
|
13
|
+
span(v-if='option.label') {{ option.label }}
|
|
14
|
+
SLIcon(v-if='option.icon' :icon='option.icon')
|
|
14
15
|
</template>
|
|
15
16
|
|
|
16
17
|
<script lang="ts">
|
|
@@ -138,8 +139,9 @@ export default defineComponent({
|
|
|
138
139
|
label
|
|
139
140
|
@apply bg-third-hover text-white
|
|
140
141
|
|
|
141
|
-
input:checked +
|
|
142
|
-
|
|
142
|
+
input:checked + .element-with-title
|
|
143
|
+
label
|
|
144
|
+
@apply text-third-7
|
|
143
145
|
|
|
144
146
|
&.radio-group--edit-purple
|
|
145
147
|
@apply bg-edit-purple border-primary
|
|
@@ -151,15 +153,17 @@ export default defineComponent({
|
|
|
151
153
|
label
|
|
152
154
|
@apply bg-card-lightpr-bg text-primary-light
|
|
153
155
|
|
|
154
|
-
input:checked +
|
|
155
|
-
|
|
156
|
+
input:checked + .element-with-title
|
|
157
|
+
label
|
|
158
|
+
@apply bg-edit-purple text-white
|
|
156
159
|
|
|
157
160
|
.radio
|
|
158
161
|
label
|
|
159
162
|
@apply bg-edit-purple text-white
|
|
160
163
|
|
|
161
|
-
input:checked +
|
|
162
|
-
|
|
164
|
+
input:checked + .element-with-title
|
|
165
|
+
label
|
|
166
|
+
@apply text-primary
|
|
163
167
|
|
|
164
168
|
&.radio-group--insight-title
|
|
165
169
|
@apply bg-bg border-bg
|
|
@@ -171,15 +175,17 @@ export default defineComponent({
|
|
|
171
175
|
label
|
|
172
176
|
@apply bg-card-lightpr-bg text-primary-light
|
|
173
177
|
|
|
174
|
-
input:checked +
|
|
175
|
-
|
|
178
|
+
input:checked + .element-with-title
|
|
179
|
+
label
|
|
180
|
+
@apply bg-edit-purple text-white
|
|
176
181
|
|
|
177
182
|
.radio
|
|
178
183
|
label
|
|
179
184
|
@apply bg-bg text-primary
|
|
180
185
|
|
|
181
|
-
input:checked +
|
|
182
|
-
|
|
186
|
+
input:checked + .element-with-title
|
|
187
|
+
label
|
|
188
|
+
@apply bg-insight-title text-white
|
|
183
189
|
|
|
184
190
|
&.disabled
|
|
185
191
|
@apply bg-gray-6 border-gray-6
|
|
@@ -193,9 +199,11 @@ export default defineComponent({
|
|
|
193
199
|
label
|
|
194
200
|
@apply inline-flex justify-center items-center relative px-3 s('py-1.25') bg-bg rounded text-base leading-normal text-primary-hover cursor-pointer transition
|
|
195
201
|
|
|
196
|
-
input:checked +
|
|
197
|
-
|
|
202
|
+
input:checked + .element-with-title
|
|
203
|
+
label
|
|
204
|
+
@apply bg-white text-primary shadow
|
|
198
205
|
|
|
199
|
-
input:disabled +
|
|
200
|
-
|
|
201
|
-
|
|
206
|
+
input:disabled + .element-with-title
|
|
207
|
+
label
|
|
208
|
+
@apply bg-gray-6 text-gray-4 cursor-default
|
|
209
|
+
</style>
|