refactor: コンテキストメニュー上部のテキスト表示周りをリファクタリング (#2223)

* テキスト未選択時にコンテキストメニューヘッダーを非表示にする * コンテキストメニュー上部のテキスト表示周りをリファクタリング --------- Co-authored-by: jdkfx <amateurranch@gmail.com>
VOICEVOX · Aug 31, 2024 · 855be3c · 855be3c
1 parent b9ea2fa
commit 855be3c
Showing 1 changed file with 17 additions and 17 deletions.
diff --git a/src/components/Talk/AudioCell.vue b/src/components/Talk/AudioCell.vue
@@ -628,31 +628,31 @@ const readyForContextMenu = () => {
  const MAX_HEADER_LENGTH = 15;
  const SHORTED_HEADER_FRAGMENT_LENGTH = 5;
 
- // 選択範囲を1行目に表示
+ // 選択範囲のテキスト
  const selectionText = textFieldSelection.getAsString();
- if (selectionText.length === 0) {
+ if (selectionText.length > MAX_HEADER_LENGTH) {
+ // 長すぎる場合適度な長さで省略
+ contextMenuHeader.value =
+ selectionText.length <= MAX_HEADER_LENGTH
+ ? selectionText
+ : `${selectionText.substring(
+ 0,
+ SHORTED_HEADER_FRAGMENT_LENGTH,
+ )} ... ${selectionText.substring(
+ selectionText.length - SHORTED_HEADER_FRAGMENT_LENGTH,
+ )}`;
+ } else {
+ contextMenuHeader.value = selectionText;
+ }
+
+ if (textFieldSelection.isEmpty) {
  isRangeSelected.value = false;
  getMenuItemButton("切り取り").disabled = true;
  getMenuItemButton("コピー").disabled = true;
- contextMenuHeader.value = "";
  } else {
  isRangeSelected.value = true;
  getMenuItemButton("切り取り").disabled = false;
  getMenuItemButton("コピー").disabled = false;
- if (selectionText.length > MAX_HEADER_LENGTH) {
- // 長すぎる場合適度な長さで省略
- contextMenuHeader.value =
- selectionText.length <= MAX_HEADER_LENGTH
- ? selectionText
- : `${selectionText.substring(
- 0,
- SHORTED_HEADER_FRAGMENT_LENGTH,
- )} ... ${selectionText.substring(
- selectionText.length - SHORTED_HEADER_FRAGMENT_LENGTH,
- )}`;
- } else {
- contextMenuHeader.value = selectionText;
- }
  }
 };
 const endContextMenuOperation = async () => {