优化云盘

src/components/CloudDisk/index.vue

@@ -158,7 +158,8 @@ const GroupList = ref([] as any)
 const setLoading = ref(false)
 const deleteLoading = ref<any>(null)
 const props = defineProps({
-    active: '' as any
+    active: '' as any,
+    show: false as Boolean
 })
 
 const emit = defineEmits<{
@@ -168,6 +169,9 @@ const emit = defineEmits<{
 watch(() => props.active, () => {
     if(props.active!=2) ImgId.value = ''
 })
+watch(() => props.show, () => {
+    if(!props.show) ImgId.value = ''
+})
 const setImg = (item:any) => {
     ImgId.value = item.DetailsId
     emit('getImg',item.FilePath)

src/views/Editor/CanvasTool/UploadPicture.vue

@@ -69,7 +69,7 @@
                             </div>
                         </div>
                     </FileInput> -->
-                    <CloudDisk :active="activeName" @getImg="getImg"></CloudDisk>
+                    <CloudDisk :show="showVisible" :active="activeName" @getImg="getImg"></CloudDisk>
                 </el-tab-pane>
                 <el-tab-pane label="图片地址" name="3">
                     <div class="row wrap q-mt-md">
@@ -91,7 +91,7 @@
     </div>
 </template>
 <script lang="ts" setup>
-import { ref, reactive, inject } from 'vue'
+import { ref, reactive, inject, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { type UploadProps, type UploadUserFile,type UploadInstance, ElMessage, ElLoading } from 'element-plus'
 import useCreateElement from '@/hooks/useCreateElement'
@@ -158,6 +158,11 @@ const slidesStore = useSlidesStore()
 const { slides, currentSlide, slideIndex, layoutSlides } = storeToRefs(slidesStore)
 const { handleElement, handleElementId } = storeToRefs(mainStore)
 const handleImageElement = handleElement as Ref<PPTImageElement>
+const { imgPoolVisible } = storeToRefs(useScreenStore())
+
+watch(() => imgPoolVisible.value, () => {
+    if(imgPoolVisible.value) showVisible.value = true
+})
 
 const handleSizeChange = (val: number) => {
 }
@@ -297,7 +302,7 @@ const handleClick = (tab: TabsPaneContext, event: Event) => {
 }
 
 const close = () =>{
-    // showVisible.value = false
+    showVisible.value = false
     imgVisibleStore.setImgPoolVisible(false)
     imgVisibleStore.setImgReplaceVisible(false)
 }