note.txt

用gradio 实现以下需求：
1，gradio界面下有两个用户输入框，供用户填写。source_file 和 target_file。
2，source_file用来读取目录下的.jpg和.txt文件。这两种格式的文件的文件名称是对应关系，比如1.jpg和1.txt，文件名相同，只是扩展名不同。
3，用户填写source_file以后，点击"confirm"按钮以后，加载目录下所有.jpg文件和.txt文件，.jpg文件通过预览列表显示出来，先不加载.txt文件。用户点击预览列表里的某个.jpg文件以后，预览列表上方显示所点击的.jpg原图，在原图下方以一个输入框的形式读取与这个.jpg文件同名的.txt的内容。
4，以上3个功能显示在界面左面，称为加载区
5,界面右侧是文本操作区。
6，文本操作区首先有一个输入框，用户输入文本内容点击"+"，就会在下方生成有可选中的文本提示条。这个提示条如果选中，则将文本内容插入到要求3里描述的提示框。再点击这个提示条，则把这个提示条的内容从要求3里面的提示框中删除。
7，当要求3中，.txt文件内容显示的同时，界面右面需要显示.txt文件内容，显示方式为：.txt文本内，以","作为分隔符，将文本内容分隔以后，显示在不同的提示条里，并且显示的内容标蓝，同时内容出现在要求3里面描述的输入框的内容里。再点击一次，表示取消，将所对应的内容从要求3描述的输入框中删除。
8，界面右下方有一个"save"按钮，点击以后，就会把要求3中，用户选中的.jpg文件储存到target_file目录下，文件名称保持不变。同时，将要求3中的输入框内容保存到target_file目录下，文件名称和.jpg文件名称一致，扩展名称为.txt.