diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-03-09 14:28:01 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-03-09 14:28:01 +0900 |
| commit | be7e3b9a0cb81b78a744993fef2fa2fd2833fa9c (patch) | |
| tree | c82e18ce93ec0a24c57d7e36eb54a09266b3a25b /packages/frontend/src/scripts/emoji-picker.ts | |
| parent | enhnace(frontend): 文字列比較のためのローマナイズを強化(... (diff) | |
| download | misskey-be7e3b9a0cb81b78a744993fef2fa2fd2833fa9c.tar.gz misskey-be7e3b9a0cb81b78a744993fef2fa2fd2833fa9c.tar.bz2 misskey-be7e3b9a0cb81b78a744993fef2fa2fd2833fa9c.zip | |
refactor(frontend): scripts -> utility
Diffstat (limited to 'packages/frontend/src/scripts/emoji-picker.ts')
| -rw-r--r-- | packages/frontend/src/scripts/emoji-picker.ts | 61 |
1 files changed, 0 insertions, 61 deletions
diff --git a/packages/frontend/src/scripts/emoji-picker.ts b/packages/frontend/src/scripts/emoji-picker.ts deleted file mode 100644 index 7ff5863243..0000000000 --- a/packages/frontend/src/scripts/emoji-picker.ts +++ /dev/null @@ -1,61 +0,0 @@ -/* - * SPDX-FileCopyrightText: syuilo and misskey-project - * SPDX-License-Identifier: AGPL-3.0-only - */ - -import { defineAsyncComponent, ref } from 'vue'; -import type { Ref } from 'vue'; -import { popup } from '@/os.js'; -import { store } from '@/store.js'; - -/** - * 絵文字ピッカーを表示する。 - * 類似の機能として{@link ReactionPicker}が存在しているが、この機能とは動きが異なる。 - * 投稿フォームなどで絵文字を選択する時など、絵文字ピックアップ後でもダイアログが消えずに残り、 - * 一度表示したダイアログを連続で使用できることが望ましいシーンでの利用が想定される。 - */ -class EmojiPicker { - private src: Ref<HTMLElement | null> = ref(null); - private manualShowing = ref(false); - private onChosen?: (emoji: string) => void; - private onClosed?: () => void; - - constructor() { - // nop - } - - public async init() { - const emojisRef = store.reactiveState.pinnedEmojis; - await popup(defineAsyncComponent(() => import('@/components/MkEmojiPickerDialog.vue')), { - src: this.src, - pinnedEmojis: emojisRef, - asReactionPicker: false, - manualShowing: this.manualShowing, - choseAndClose: false, - }, { - done: emoji => { - if (this.onChosen) this.onChosen(emoji); - }, - close: () => { - this.manualShowing.value = false; - }, - closed: () => { - this.src.value = null; - if (this.onClosed) this.onClosed(); - }, - }); - } - - public show( - src: HTMLElement, - onChosen?: EmojiPicker['onChosen'], - onClosed?: EmojiPicker['onClosed'], - ) { - this.src.value = src; - this.manualShowing.value = true; - this.onChosen = onChosen; - this.onClosed = onClosed; - } -} - -export const emojiPicker = new EmojiPicker(); |