不移动，切换音源暂停播放

src/pc/home/index.module.less

@@ -303,7 +303,7 @@
     box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.08);
     border-radius: 16px;
     border: 1px solid #F5F5F7;
-    cursor: move;
+    // cursor: move;
 
     .mearesInput {
         display: flex;

src/pc/home/index.tsx

@@ -1840,15 +1840,17 @@ export default defineComponent({
 												filterable
 												options={instruments.value}
 												v-model:value={abcData.synthOptions.program}
-												onUpdate:value={async () => {
-													abcData.synthControl.disable(true);
+												onUpdate:value={ () => {
+													abcData.synthControl.pause();
 													data.playState = false;
-													await loadMiniMp3();
-													resetMidi(true);
-													popup.selectSubjectShow = false;
-													abcData.abc.subjectCode =
-														ABCJS.synth.instrumentIndexToName[abcData.synthOptions.program];
-													autoSave();
+													nextTick(async () => {
+														await loadMiniMp3();
+														resetMidi(true);
+														popup.selectSubjectShow = false;
+														abcData.abc.subjectCode =
+															ABCJS.synth.instrumentIndexToName[abcData.synthOptions.program];
+														autoSave();
+													})
 												}}
 											></NSelect>
 										</>
@@ -2489,8 +2491,8 @@ export default defineComponent({
 					<TheSetting v-model:show={popup.settingShow} />
 
 					{data.selectMeasures.state && (
-						<UseDraggable
-							initialValue={{ x: data.selectMeasures.x, y: data.selectMeasures.y }}
+						<div
+							style={{ left: data.selectMeasures.x + 'px', top: data.selectMeasures.y  + 'px'}}
 							class={[styles.selectMearesBox, !popup.selectMearesShow && styles.selectMearesHidden]}
 						>
 							<div onKeyup={(e: Event) => e.stopPropagation()}>
@@ -2549,7 +2551,7 @@ export default defineComponent({
 									</div>
 								</NSpace>
 							</div>
-						</UseDraggable>
+						</div>
 					)}
 				</div>
 				<div class={styles.exportPng}>