新增: OSS 资产库与桌面本地文件读取,交互与云同步增强

src/components/editor/Toolbar.vue

@@ -12,12 +12,14 @@ const emit = defineEmits<{
   (e: 'present'): void
   (e: 'open-library'): void
   (e: 'open-settings'): void
+  (e: 'open-oss'): void
   (e: 'save'): void
   (e: 'open-templates'): void
   (e: 'export-json'): void
   (e: 'import-json'): void
   (e: 'import-materials'): void
   (e: 'export-pdf'): void
+  (e: 'home'): void
 }>()
 
 const themeKeys = Object.keys(themes)
@@ -48,6 +50,7 @@ async function action(a: string) {
     case 'library': emit('open-library'); break
     case 'save': emit('save'); break
     case 'settings': emit('open-settings'); break
+    case 'oss': emit('open-oss'); break
   }
 }
 
@@ -95,11 +98,11 @@ defineProps<{ disabledActions?: string[] }>()
 
 <template>
   <header class="toolbar">
-    <div class="brand">
+    <button class="brand" title="返回首页" @click="emit('home')">
       <span class="logo">▦</span>
       <span class="name">u-ppt</span>
       <span class="sub">在线演示工具</span>
-    </div>
+    </button>
 
     <div class="tools">
       <!-- 高频：页面操作 -->
@@ -155,12 +158,17 @@ defineProps<{ disabledActions?: string[] }>()
 
       <!-- 终端动作 -->
       <button class="btn primary" data-action="present" title="开始演示 (F5)" :disabled="disabledActions?.includes('present')" @click="action('present')">▶ 演示</button>
+      <button class="btn ghost icon-only" data-action="oss" title="云存储 OSS 设置" @click="action('oss')">☁</button>
       <button class="btn ghost icon-only" data-action="settings" title="AI 设置" @click="action('settings')">⚙</button>
     </div>
   </header>
 </template>
 
 <style scoped>
+/* 品牌区按钮化：去掉 button 默认外观，保留原有视觉，hover 轻反馈 */
+.brand { border: none; background: transparent; padding: 0; font: inherit; text-align: left; cursor: pointer; }
+.brand:hover { opacity: .8; }
+
 /* 新建幻灯片：创作起点，给主色轻底强调 */
 .tool-add { background: var(--ui-primary-soft); border-color: transparent; color: var(--ui-primary); font-weight: 500; }
 .tool-add:hover { background: #e0e7ff; }