summaryrefslogtreecommitdiff
path: root/packages/frontend/src/scripts/emoji-picker.ts
diff options
context:
space:
mode:
authorsyuilo <4439005+syuilo@users.noreply.github.com>2025-03-09 14:28:01 +0900
committersyuilo <4439005+syuilo@users.noreply.github.com>2025-03-09 14:28:01 +0900
commitbe7e3b9a0cb81b78a744993fef2fa2fd2833fa9c (patch)
treec82e18ce93ec0a24c57d7e36eb54a09266b3a25b /packages/frontend/src/scripts/emoji-picker.ts
parentenhnace(frontend): 文字列比較のためのローマナイズを強化(... (diff)
downloadmisskey-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.ts61
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();