Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

プリセット登録のタイトル入力欄で右クリックメニューを使えるようにする #748

Open
aoirint opened this issue Mar 10, 2022 · 5 comments

Comments

@aoirint
Copy link
Member

aoirint commented Mar 10, 2022

内容

#747 に似たIssueです。

プリセット登録のタイトル入力欄では、右クリックメニューがないようでした(Ctrl+X/C/Vのショートカットキーはそれぞれ動作しました)。

読み上げテキストの入力欄と同じような右クリックメニューがあるとよさそうです。

image

image

Pros 良くなる点

マウスでコピペ操作ができる

Cons 悪くなる点

実現方法

VOICEVOXのバージョン

0.11.3

その他

@Hiroshiba
Copy link
Member

Issue作成ありがとうございます!
右クリックコンテキストメニューを開くようになったのはこちらのPRなので参考になるかも

@jdkfx
Copy link
Contributor

jdkfx commented Aug 20, 2024

@Hiroshiba
こちら取り組みます!
この実装が使えそうな気がします!

#2156

@jdkfx
Copy link
Contributor

jdkfx commented Aug 20, 2024

<QSelect
fillInput
autofocus
hideSelected
label="タイトル"
color="primary"
useInput
inputDebounce="0"
:modelValue="presetName"
:options="presetOptionsList"
@inputValue="setPresetName"
@filter="filterPresetOptionsList"
/>

#2156 ではSelectionHelperForQInputというQInputの選択範囲への操作を簡単にできるようにするクラスを用いて実装を行いましたが、今回の実装部分についてはQSelectuseInputをつけてインプット要素としているので、SelectionHelperForQInputを使わない方法(そもそもuseRightClickContextMenuを使用しない)で実装する必要がありそうですね。

@Hiroshiba
Copy link
Member

おーーーーコメントありがとうございます!!!
そうか、こっちはQInputじゃないんですね!!

確かに無理な気がしますね・・・。

仕組み的にはsetTextとnativeEl(=HTMLInputElement)が必要なだけなので、useRightClickContextMenuにとってQInputは必要ないはずなのですが、Qselectのuse-inputだとドキュメント見た感じnativeElを取れなさそうですね・・・。
できなくはない気がしますが結構大変そうなので、後回しにして良さそうに感じました。

将来もしquasarをやめてradix-vueに移行して行き、このあたりも置き換わっていったら結構気軽に実装できるかもですね!!!

@jdkfx
Copy link
Contributor

jdkfx commented Aug 20, 2024

@Hiroshiba
nativeElを取れないとなると、個人的には難しいと思うので後回しが確かによさそうです。
他のタスクをやろうとおもいます!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants