From 4de5e90fc4bf9b244bdc6bf070c407f933757691 Mon Sep 17 00:00:00 2001
From: KDZhu <carlchu0113@gmail.com>
Date: Wed, 30 Oct 2024 17:50:10 +0800
Subject: [PATCH] =?UTF-8?q?feat(doc-detail):=20=E6=96=B0=E5=A2=9E=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E8=AF=A6=E6=83=85=E9=A1=B5=E5=8F=B3=E5=8C=BA=E6=8A=98?=
 =?UTF-8?q?=E5=8F=A0=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/apiDocs/doc-detail.vue          | 27 ++++---------------
 1 file changed, 5 insertions(+), 22 deletions(-)

diff --git a/src/dashboard-front/src/views/apiDocs/doc-detail.vue b/src/dashboard-front/src/views/apiDocs/doc-detail.vue
index 371e63aba..c096656c5 100644
--- a/src/dashboard-front/src/views/apiDocs/doc-detail.vue
+++ b/src/dashboard-front/src/views/apiDocs/doc-detail.vue
@@ -35,13 +35,6 @@
           </bk-dropdown>
         </aside>
       </main>
-      <!--  展示右侧网关/组件基础信息的开关  -->
-      <aside
-        class="detail-toggle"
-        :class="{ 'active': isAsideVisible }"
-        @click="toggleAsideVisible()"
-      ><i class="apigateway-icon icon-ag-document f14"></i>
-      </aside>
     </header>
     <!--  正文  -->
     <main class="page-content">
@@ -54,7 +47,6 @@
         :max="480"
         :min="293"
         style="flex-grow: 1;"
-        @collapse-change="updateIsRightAsideCollapsed"
       >
         <template #main>
           <bk-resize-layout
@@ -183,7 +175,6 @@
 <script lang="ts" setup>
 import {
   computed,
-  nextTick,
   onBeforeMount,
   provide,
   ref,
@@ -254,8 +245,6 @@ const sdks = ref<IApiGatewaySdkDoc[] & IComponentSdk[]>([]);
 const isSdkInstructionSliderShow = ref(false);
 const navList = ref<INavItem[]>([]);
 const outerResizeLayoutRef = ref<InstanceType<typeof ResizeLayout> | null>(null);
-// 记录右栏折叠状态
-const isAsideVisible = ref(true);
 const isLoading = ref(false);
 const keyword = ref('');  // 筛选器输入框的搜索关键字
 const activeGroupPanelNames = ref<string[]>([]);  // API分类 collapse 展开的 panel
@@ -499,16 +488,6 @@ const init = async () => {
   }
 };
 
-const toggleAsideVisible = () => {
-  nextTick(() => {
-    outerResizeLayoutRef.value?.setCollapse(isAsideVisible.value);
-  });
-};
-
-const updateIsRightAsideCollapsed = (collapsed: boolean) => {
-  isAsideVisible.value = !collapsed;
-};
-
 const handleGoBack = () => {
   router.push({
     name: 'apiDocs',
@@ -823,7 +802,11 @@ onBeforeMount(() => {
 
   // 隐藏的折叠按钮
   :deep(.bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse) {
-    display: none !important;
+    // 避免折叠按钮溢出制造横向滚动条
+    svg {
+      width: 16px !important;
+      height: 16px !important;
+    }
   }
 }