mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-14 03:02:15 +01:00
add format check, update prettier rules, apply rules consistently
This commit is contained in:
@@ -1,16 +1,15 @@
|
||||
import {computed, type Ref, watch} from "vue";
|
||||
import {onKeyStroke} from "@vueuse/core";
|
||||
|
||||
export function useSelectEvents<Type>(filteredItems: Ref<Array<Type>>,
|
||||
highlightedItemId: Ref<string | null>,
|
||||
getKeyFromItem: (item: Type) => string,
|
||||
open: Ref<boolean>) {
|
||||
import { computed, type Ref, watch } from 'vue';
|
||||
import { onKeyStroke } from '@vueuse/core';
|
||||
|
||||
export function useSelectEvents<Type>(
|
||||
filteredItems: Ref<Array<Type>>,
|
||||
highlightedItemId: Ref<string | null>,
|
||||
getKeyFromItem: (item: Type) => string,
|
||||
open: Ref<boolean>
|
||||
) {
|
||||
function moveHighlightUp() {
|
||||
if (highlightedItem.value) {
|
||||
const currentHightlightedIndex = filteredItems.value.indexOf(
|
||||
highlightedItem.value
|
||||
);
|
||||
const currentHightlightedIndex = filteredItems.value.indexOf(highlightedItem.value);
|
||||
if (currentHightlightedIndex === 0) {
|
||||
highlightedItemId.value = getKeyFromItem(
|
||||
filteredItems.value[filteredItems.value.length - 1]
|
||||
@@ -20,36 +19,30 @@ export function useSelectEvents<Type>(filteredItems: Ref<Array<Type>>,
|
||||
filteredItems.value[currentHightlightedIndex - 1]
|
||||
);
|
||||
}
|
||||
}
|
||||
else {
|
||||
highlightedItemId.value = getKeyFromItem(filteredItems.value[filteredItems.value.length - 1]);
|
||||
} else {
|
||||
highlightedItemId.value = getKeyFromItem(
|
||||
filteredItems.value[filteredItems.value.length - 1]
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
function moveHighlightDown() {
|
||||
if (highlightedItem.value) {
|
||||
const currentHightlightedIndex = filteredItems.value.indexOf(
|
||||
highlightedItem.value
|
||||
);
|
||||
const currentHightlightedIndex = filteredItems.value.indexOf(highlightedItem.value);
|
||||
if (currentHightlightedIndex === filteredItems.value.length - 1) {
|
||||
highlightedItemId.value = getKeyFromItem(
|
||||
filteredItems.value[0]
|
||||
);
|
||||
highlightedItemId.value = getKeyFromItem(filteredItems.value[0]);
|
||||
} else {
|
||||
highlightedItemId.value = getKeyFromItem(
|
||||
filteredItems.value[currentHightlightedIndex + 1]
|
||||
);
|
||||
}
|
||||
}
|
||||
else{
|
||||
} else {
|
||||
highlightedItemId.value = getKeyFromItem(filteredItems.value[0]);
|
||||
}
|
||||
}
|
||||
|
||||
const highlightedItem = computed(() => {
|
||||
return filteredItems.value.find(
|
||||
(item) => getKeyFromItem(item) === highlightedItemId.value
|
||||
);
|
||||
return filteredItems.value.find((item) => getKeyFromItem(item) === highlightedItemId.value);
|
||||
});
|
||||
|
||||
onKeyStroke('ArrowDown', (e) => {
|
||||
@@ -72,4 +65,3 @@ export function useSelectEvents<Type>(filteredItems: Ref<Array<Type>>,
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user