vueless 0.0.617 → 0.0.618
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/package.json
CHANGED
|
@@ -166,8 +166,13 @@ function getMarginForSubCategory(level: number = 0) {
|
|
|
166
166
|
function optionHighlight(index: number, option: Option) {
|
|
167
167
|
const classes = [];
|
|
168
168
|
|
|
169
|
-
if (
|
|
170
|
-
|
|
169
|
+
if (isSelectedOption(option)) {
|
|
170
|
+
classes.push(config.value?.optionActive);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
if (index === pointer.value && !isSelectedOption(option)) {
|
|
174
|
+
classes.push(config.value?.optionHighlighted);
|
|
175
|
+
}
|
|
171
176
|
|
|
172
177
|
return classes;
|
|
173
178
|
}
|
|
@@ -251,6 +256,7 @@ const {
|
|
|
251
256
|
addOptionLabelHotkeyAttrs,
|
|
252
257
|
addOptionButtonAttrs,
|
|
253
258
|
addOptionIconAttrs,
|
|
259
|
+
optionActiveAttrs,
|
|
254
260
|
optionAttrs,
|
|
255
261
|
subGroupAttrs,
|
|
256
262
|
groupAttrs,
|
|
@@ -281,7 +287,7 @@ const {
|
|
|
281
287
|
<!-- option title -->
|
|
282
288
|
<span
|
|
283
289
|
v-if="!(option && (option.groupLabel || option.isSubGroup)) && !option.isHidden"
|
|
284
|
-
v-bind="optionAttrs"
|
|
290
|
+
v-bind="isSelectedOption(option) ? optionActiveAttrs : optionAttrs"
|
|
285
291
|
:class="optionHighlight(index, option)"
|
|
286
292
|
@click="select(option), onClickOption(option)"
|
|
287
293
|
@mouseenter.self="pointerSet(index)"
|
|
@@ -25,9 +25,9 @@ export default /*tw*/ {
|
|
|
25
25
|
},
|
|
26
26
|
},
|
|
27
27
|
},
|
|
28
|
-
|
|
29
|
-
optionSelected: "font-bold bg-brand-100",
|
|
28
|
+
optionActive: "{>option} font-bold bg-brand-100 hover:bg-brand-100",
|
|
30
29
|
optionHighlighted: "bg-brand-50",
|
|
30
|
+
optionContent: "overflow-visible text-ellipsis",
|
|
31
31
|
groupBase: {
|
|
32
32
|
base: "px-2 pb-2.5 font-medium !leading-none text-gray-400 overflow-hidden text-ellipsis",
|
|
33
33
|
variants: {
|