jvs-ppt-ui 0.0.6 → 0.0.8

package/src/components/PresentationGroupChild.vue

@@ -165,7 +165,7 @@ function getElementPattern(el: any): string | undefined {
         if (typeof val === 'string') {
           pattern = val
         } else if (val && typeof val === 'object') {
-          pattern = val.base64 || val.ref || val.src || val.url || ''
+          pattern = val.blob || val.base64 || val.src || val.url || ''
         }
       }
     }

package/src/components/PresentationMode.vue

@@ -378,7 +378,9 @@ onMounted(() => {
     updateScale()
     window.addEventListener('resize', updateScale)
   }
-  updateFullscreenState()
+  // 注意：不能在挂载时同步跑 updateFullscreenState——进入放映时 requestFullscreen 是异步授权，
+  // 挂载瞬间 fullscreenElement 尚为 null，会被误判为"已退出全屏"而立即 stopPresentation；
+  // 全屏状态同步只交给 fullscreenchange 事件
   document.addEventListener('fullscreenchange', updateFullscreenState)
 })
 
@@ -553,7 +555,7 @@ function getElementPattern(el: any): string | undefined {
         if (typeof val === 'string') {
           pattern = val
         } else if (val && typeof val === 'object') {
-          pattern = val.base64 || val.ref || val.src || val.url || ''
+          pattern = val.blob || val.base64 || val.src || val.url || ''
         }
       }
     }

package/src/components/SidebarLeft.vue

@@ -850,12 +850,9 @@ const measure = () => {
   const el = getSlideListEl()
   if (!el) return
   const thumbEl = el.querySelector('.slide-thumb')
-  if (thumbEl) {
-    thumbWidth.value = thumbEl.clientWidth
-  } else {
-    const listWidth = el.clientWidth
-    thumbWidth.value = Math.max(100, listWidth - 24 - 8 - 24)
-  }
+  const next = thumbEl ? thumbEl.clientWidth : Math.max(100, el.clientWidth - 24 - 8 - 24)
+  // 同值守卫：thumbWidth 变化会触发全列表缩略图重算，RO 回调里值未变时不要写
+  if (next > 0 && next !== thumbWidth.value) thumbWidth.value = next
 }
 
 function isPerspectivePreset(presetName?: string): boolean {
@@ -1499,7 +1496,7 @@ function getElementPattern(el: any): string | undefined {
   if (el.pattern || el.style?.pattern) return el.pattern || el.style?.pattern
   const rawFill = (el.style && el.style.fill !== undefined) ? el.style.fill : el.fill
   if (rawFill && typeof rawFill === 'object' && (rawFill.type === 'image' || rawFill.type === 'pattern')) {
-    return rawFill.value?.src || rawFill.value?.url || rawFill.value
+    return rawFill.value?.blob || rawFill.value?.src || rawFill.value?.base64 || rawFill.value?.url || (typeof rawFill.value === 'string' ? rawFill.value : undefined)
   }
   return undefined
 }
@@ -2095,7 +2092,7 @@ const masterGroupedLayouts = computed(() => {
 
     <!-- Regular Sidebar Layouts -->
     <template v-else>
-      <div class="sidebar-add-slide-container" style="padding: 12px 16px; display: flex;">
+      <div class="sidebar-add-slide-container" style="padding: 12px 16px; display: flex; flex-shrink: 0;">
         <div class="custom-split-button">
           <!-- Main Add Slide Button -->
           <button @click="addSlide" class="split-btn-left">
@@ -2832,6 +2829,9 @@ const masterGroupedLayouts = computed(() => {
   border-radius: 6px;
   height: 36px;
   width: 100%;
+  box-sizing: border-box;
+  white-space: nowrap;
+  flex-shrink: 0;
   transition: background-color 0.2s;
 }
 
@@ -2855,6 +2855,10 @@ const masterGroupedLayouts = computed(() => {
   cursor: pointer;
   padding-left: 12px;
   padding-right: 8px;
+  box-sizing: border-box;
+  white-space: nowrap;
+  flex-shrink: 0;
+  line-height: 1;
   transition: background-color 0.2s;
 }
 
@@ -2873,6 +2877,9 @@ const masterGroupedLayouts = computed(() => {
   align-items: center;
   justify-content: center;
   cursor: pointer;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  line-height: 1;
   transition: background-color 0.2s;
 }
 

package/src/components/Toolbar.vue

@@ -346,8 +346,9 @@ async function handleVideoFileChange(e: Event) {
         })
       })
       if (url) {
-        mediaUrl.value = url
-        notify('已选择本地视频文件')
+        addElement('video', url)
+        mediaPopoverVisible.value = false
+        notify('已成功添加视频')
       }
     } catch (err: any) {
       console.error(err)
@@ -370,8 +371,9 @@ async function handleAudioFileChange(e: Event) {
         })
       })
       if (url) {
-        mediaUrl.value = url
-        notify('已选择本地音频文件')
+        addElement('audio', url)
+        mediaPopoverVisible.value = false
+        notify('已成功添加音频')
       }
     } catch (err: any) {
       console.error(err)