pref: 优化事件、日志位置

src/renderer/src/locales/en_US.json

@@ -120,5 +120,7 @@
   "HSYNCRequired": "HSYNC is required",
   "VSYNCRequired": "VSYNC is required",
   "HsyncWidthRequired": "HsyncWidth is required",
-  "VsyncWidthRequired": "VsyncWidth is required"
+  "VsyncWidthRequired": "VsyncWidth is required",
+  "event": "Event",
+  "log": "Log"
 }

src/renderer/src/locales/zh_CN.json

@@ -120,5 +120,7 @@
   "HSYNCRequired": "HSYNC不能为空",
   "VSYNCRequired": "VSYNC不能为空",
   "HsyncWidthRequired": "HsyncWidth不能为空",
-  "VsyncWidthRequired": "VsyncWidth不能为空"
+  "VsyncWidthRequired": "VsyncWidth不能为空",
+  "event": "事件",
+  "log": "日志"
 }

src/renderer/src/views/designer/sidebar/index.vue

@@ -28,6 +28,40 @@
       </div>
       <div class="w-full flex flex-col">
         <ul class="list-none p-0 m-0 text-12px text-text-secondary">
+          <li class="sidebar-menu-item h-32px!" @click="toggleShowEvent">
+            <el-tooltip
+              content="事件"
+              :enterable="false"
+              :focus-on-show="false"
+              placement="right"
+              trigger="hover"
+            >
+              <span
+                :class="{
+                  'text-text-active':
+                    appStore.showComposite && appStore.compositeTabAcitve === 'event'
+                }"
+                >事件</span
+              >
+            </el-tooltip>
+          </li>
+          <li class="sidebar-menu-item h-32px!" @click="toggleShowLog">
+            <el-tooltip
+              content="日志"
+              :enterable="false"
+              :focus-on-show="false"
+              placement="right"
+              trigger="hover"
+            >
+              <span
+                :class="{
+                  'text-text-active':
+                    appStore.showComposite && appStore.compositeTabAcitve === 'log'
+                }"
+                >日志</span
+              >
+            </el-tooltip>
+          </li>
           <li class="sidebar-menu-item">
             <el-popover placement="right" v-model:visible="showPopoverMenu" trigger="click">
               <template #reference>
@@ -133,6 +167,15 @@ const projectSettingModalRef = ref<InstanceType<typeof ProjectSettingModal>>()
 const handleProjectSetting = () => {
   projectSettingModalRef.value?.edit()
 }
+
+const toggleShowEvent = () => {
+  appStore.showComposite = true
+  appStore.compositeTabAcitve = 'event'
+}
+const toggleShowLog = () => {
+  appStore.showComposite = true
+  appStore.compositeTabAcitve = 'log'
+}
 </script>
 
 <style scoped lang="less">