#1818 ソング:MIDIトラックを選択できる ようにする

[romot-co]

内容

• ソングの「MIDIインポート」においてダイアログを表示し、ファイルとともにトラックを選択できるようにします

複数トラックのMIDIの場合、目的のトラックがインポートできない問題を解決します

関連 Issue

ref #1818
close #1818

スクリーンショット・動画など

その他

• MusicXML側は修正していません
• IMPORT_MIDI_FILEとで2回MIDIファイルをパースしてますが、ファイルドロップまわりがどうなるか把握できていないため、いったんそのままです

[Hiroshiba]

ほぼLGTMです！！

コード読みやすかったです！！

[romot-co]

@Hiroshiba
お忙しいところレビューいただいて本当に助かります！
各点、ほかIssueもあわせてのちほど修正いたします！

[romot-co]

@Hiroshiba
こちらご指摘ありがとうございます！取り急ぎ各点修正いたしました。

ファイルドロップもやりかけたのですが、
ドロップ時にトラック選択する必要あるため、Dialog表示になる...
Dialogまわり把握できておらず＆おそらくはドロップの場合はDialogでファイルパス名のみ表示などになる＆storeにドロップしたファイルパス持たせるとクリーンナップがややこしそう…などで今後の課題にできれば…！

[Hiroshiba]

ちょっと1個バグ見つけたのでコメントしました！

デザインに関して、ちょっとこちらで他のダイアログと揃うように後々調整させていただくかもです！

[romot-co]

指摘点修正済みです
(今投げてしまっているプルリク以降、forkしたリポジトリからgit操作するようにいたします…！

[Hiroshiba]

LGTM！！！

ファイルのドラッグアンドドロップに関して、ちょっと想像されてるのと違うかもですがご案内です！！

ダイアログは、SingEditor内にドロップされたパスを、引数でダイアログに渡せるようにするのが綺麗に感じます。
実はAllDialog内に記述しなくても、Dialog.createという関数を使えばprops付きでquasarダイアログを開けたりします。こっちも参考になれば･･･！！

voicevox/src/components/Dialog/Dialog.ts

Lines 234 to 241 in 05926fb

	Dialog.create({
	component: SaveAllResultDialog,
	componentProps: {
	successArray: successArray,
	writeErrorArray: writeErrorArray,
	engineErrorArray: engineErrorArray,
	},
	});

プロジェクトファイルに関して、トーク側にこそっとファイルD&Dが実装されていたりするので参考になれば！！

voicevox/src/components/Talk/TalkEditor.vue

Line 510 in 05926fb

const loadDraggedFile = (event: { dataTransfer: DataTransfer | null }) => {