ピッチ編集機能を追加 (#2003)

* ピッチ編集機能を追加

* 修正

* 色を調整、UIを修正

* ペンの画像を追加、ピッチ編集時のカーソルをペンに変更

* TODOコメントを追加

* ピッチ編集をundo/redoできるようにした

* 有声区間のみピッチ編集を適用するように変更

* ピッチ編集データを平滑化してからセットするようにした

* Update src/components/Dialog/SettingDialog.vue

Co-authored-by: Hiroshiba <hihokaruta@gmail.com>

* Update src/components/Sing/ScoreSequencer.vue

Co-authored-by: Hiroshiba <hihokaruta@gmail.com>

* 例外を使用して網羅性チェックを行うようにした

* pitchEdit.dataのところにコメントを追加、データが無いことを表す値を定数で定義

* prevCursorFrameとprevCursorFrequencyをまとめてprevCursorPosに変更、コメントを追加

* 修正

* ピッチ編集機能が無効になったときに行う処理をSingEditorに移動

* 1フレームのピッチ変更を適用しない理由をコメントで説明

* 編集モードの判定をcomputed内で行うようにした

* プレビュー時に実行される関数の処理を説明するコメントを追加

* コメントを追加

* EditModeをEditTargetに変更

* DataSectionのハッシュの型をブランド型にした

* データ区間のマップを更新する関数の処理を説明するコメントを追加、コメントを修正

* フレームレート周りを一旦変更

* Colorクラスの値の範囲をコメントで書いた

* FramewiseDataSectionに変更

* watchのimmediateをtrueに設定

* データ区間のマップを生成する処理を関数に切り出した

* concatからpushに変更、spliceを使用してデータを書き換える形に変更

* SET_PITCH_EDIT_DATAのところにコメントを追加

* ピッチ編集を適用する処理のところにコメントを追加

* 修正

* DataSectionMapの更新処理が開始順で完了せずピッチの表示が更新されないことがある不具合を修正

* 修正

* Revert "concatからpushに変更、spliceを使用してデータを書き換える形に変更"

This reverts commit a0c3260.

* ExhaustiveErrorを移動

* NOTEコメントを追加

* 修正

* structuredCloneを使用してディープコピーするようにした

* asyncProcessで例外が発生したときにisRunningとisRunRequestedがfalseにならないのを修正

* 非同期処理の実行部分を変更

* AsyncLockを使用する形にした

* DEPRECATEDにしてコメントを追加

* CLEAR_PITCH_EDIT_DATAを削除

* 縦方向のズームの下限を調整

* Update src/type/utility.ts

Co-authored-by: Hiroshiba <hihokaruta@gmail.com>

* Update src/sing/utility.ts

Co-authored-by: Hiroshiba <hihokaruta@gmail.com>

* 元のピッチの色の彩度を12から15にした

* concatからpushに変更、spliceを使用してデータを書き換える形に変更

* macでピッチの消去ができるように修正

* to mouseButton

---------

Co-authored-by: Hiroshiba <hihokaruta@gmail.com>

src/components/Dialog/SettingDialog.vue

@@ -955,9 +955,9 @@
                 </QToggle>
               </QCardActions>
               <QCardActions class="q-px-md bg-surface">
-                <div>ソング：ピッチを表示</div>
+                <div>ソング：ピッチ編集機能</div>
                 <div
-                  aria-label="ONの場合、ソングエディターでピッチ（音の高さ）が表示されます。"
+                  aria-label="ONの場合、ピッチ編集モードに切り替えて音の高さを変えられるようになります。"
                 >
                   <QIcon name="help_outline" size="sm" class="help-hover-icon">
                     <QTooltip
@@ -966,15 +966,18 @@
                       self="center left"
                       transition-show="jump-right"
                       transition-hide="jump-left"
-                      >ONの場合、ソングエディターでピッチ（音の高さ）が表示されます。</QTooltip
+                      >ピッチ編集機能を有効にします。ピッチ編集モードに切り替えられるようになります。</QTooltip
                     >
                   </QIcon>
                 </div>
                 <QSpace />
                 <QToggle
-                  :model-value="experimentalSetting.showPitchInSongEditor"
+                  :model-value="experimentalSetting.enablePitchEditInSongEditor"
                   @update:model-value="
-                    changeExperimentalSetting('showPitchInSongEditor', $event)
+                    changeExperimentalSetting(
+                      'enablePitchEditInSongEditor',
+                      $event,
+                    )
                   "
                 >
                 </QToggle>