优化媒资组件在属性栏中的布局

smsb-plus-ui/src/components/MediaFileSelector.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-button type="primary" @click="dialogVisible = true">选择文件</el-button>
-    <div v-if="selectedFiles.length > 0" class="selected-files-list">
+    <div v-if="showSelected && selectedFiles.length > 0" class="selected-files-list">
       <el-tag v-for="(file, idx) in selectedFiles" :key="file.id" closable @close="removeFile(idx)" style="margin: 2px">
         {{ file.name }}
       </el-tag>
@@ -58,7 +58,12 @@ import { ref, watch, defineProps, defineEmits, nextTick } from 'vue';
 import { listMinioData } from '@/api/smsb/source/minioData';
 import type { MinioDataVO, MinioDataQuery } from '@/api/smsb/source/minioData_type';
 
-const props = defineProps<{ modelValue: string; single?: boolean; onlyImage?: boolean }>();
+const props = defineProps<{
+  modelValue: string;
+  single?: boolean;
+  onlyImage?: boolean;
+  showSelected: boolean | { type: BooleanConstructor; default: boolean };
+}>();
 const emit = defineEmits(['update:modelValue']);
 
 const dialogVisible = ref(false);

smsb-plus-ui/src/views/smsb/itemProgram/EditProgram.vue

@@ -148,7 +148,7 @@
                 <el-switch v-model="selectedComponent[key]" active-text="开" inactive-text="关" />
               </template>
               <template v-else-if="key === 'mediaId'">
-                <MediaFileSelector v-model="selectedComponent[key]" />
+                <MediaFileSelector v-model="selectedComponent[key]" :showSelected="false" />
               </template>
               <template v-else-if="key === 'bg'">
                 <BackgroundSelector v-model="selectedComponent[key]" :isCanvas="selectedComponent.type === 'canvas'" />

smsb-plus-ui/src/views/smsb/itemProgram/component/propNameMaps.ts

@@ -30,7 +30,7 @@ export const scrollingTextPropNameMap = {
 };
 
 export const mediaAssetPropNameMap = {
-  mediaId: '媒资ID',
+  mediaId: '媒资文件',
   width: '宽度',
   height: '高度',
   x: '横坐标',