usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

ドラッグ中ずっとAPIを更新し続けるのを修正

This commit is contained in:
kakkokari-gtyih 2024-10-08 10:05:28 +09:00
parent 771bf9a0f6
commit dfdf714cf9
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/frontend/src/pages/settings/emoji-picker.vue
View File

@ -123,7 +123,10 @@ import MkEmoji from '@/components/global/MkEmoji.vue';
import MkFolder from '@/components/MkFolder.vue';
const pinnedEmojisForReaction = ref<string[]>(deepClone(defaultStore.state.reactions));
const isPinnedEmojisForReactionDragging = ref(false);
const pinnedEmojis = ref<string[]>(deepClone(defaultStore.state.pinnedEmojis));
const isPinnedEmojisDragging = ref(false);
const emojiPickerScale = computed(defaultStore.makeGetterSetter('emojiPickerScale'));
const emojiPickerWidth = computed(defaultStore.makeGetterSetter('emojiPickerWidth'));
@ -140,6 +143,13 @@ dragAndDrop({
draggable: (el: HTMLElement) => {
return !el.classList.contains('no-drag');
},
onDragstart: () => {
isPinnedEmojisForReactionDragging.value = true;
},
onDragend: () => {
isPinnedEmojisForReactionDragging.value = false;
defaultStore.set('reactions', pinnedEmojisForReaction.value);
},
});
dragAndDrop({
@ -149,6 +159,13 @@ dragAndDrop({
draggable: (el: HTMLElement) => {
return !el.classList.contains('no-drag');
},
onDragstart: () => {
isPinnedEmojisDragging.value = true;
},
onDragend: () => {
isPinnedEmojisDragging.value = false;
defaultStore.set('pinnedEmojis', pinnedEmojis.value);
},
});
const removeReaction = (reaction: string, ev: MouseEvent) => remove(pinnedEmojisForReaction, reaction, ev);
@ -229,12 +246,14 @@ function getHTMLElement(ev: MouseEvent): HTMLElement {
}
watch(pinnedEmojisForReaction, () => {
if (isPinnedEmojisForReactionDragging.value) return;
defaultStore.set('reactions', pinnedEmojisForReaction.value);
}, {
deep: true,
});
watch(pinnedEmojis, () => {
if (isPinnedEmojisDragging.value) return;
defaultStore.set('pinnedEmojis', pinnedEmojis.value);
}, {
deep: true,