From 6ba5b9c5bc3932722e744d9d80233790ddf60901 Mon Sep 17 00:00:00 2001
From: whbbit <luckyboy_dong@sina.com>
Date: Mon, 24 Oct 2022 10:07:52 +0800
Subject: [PATCH 1/2] fix: #1236
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 使用内置路由和链接类型文档组件浮动导致展示问题
2. Accordion 事件表格展示问题
---
 .../docs/components/accordion/index.md        | 51 ++++++++++---------
 1 file changed, 28 insertions(+), 23 deletions(-)

diff --git a/packages/devui-vue/docs/components/accordion/index.md b/packages/devui-vue/docs/components/accordion/index.md
index 64605a3c22..921c449344 100644
--- a/packages/devui-vue/docs/components/accordion/index.md
+++ b/packages/devui-vue/docs/components/accordion/index.md
@@ -148,26 +148,28 @@ export default defineComponent({
 
 ```vue
 <template>
-  <div class="menu-wrapper">
-    <div>
-      router link (recommended)
-      <!--路由链接（推荐使用）-->
+  <div class="menu-container">
+    <div class="menu-wrapper">
+      <div>
+        router link (recommended)
+        <!--路由链接（推荐使用）-->
+      </div>
+      <d-accordion :data="menu1" class="menu" linkType="routerLink"></d-accordion>
     </div>
-    <d-accordion :data="menu1" class="menu" linkType="routerLink"></d-accordion>
-  </div>
-  <div class="menu-wrapper">
-    <div>
-      original hyperlink (cross site scene)
-      <!--原生超链接（涉及跨站场景使用）-->
+    <div class="menu-wrapper">
+      <div>
+        original hyperlink (cross site scene)
+        <!--原生超链接（涉及跨站场景使用）-->
+      </div>
+      <d-accordion :data="menu2" class="menu" linkType="hrefLink"></d-accordion>
     </div>
-    <d-accordion :data="menu2" class="menu" linkType="hrefLink"></d-accordion>
-  </div>
-  <div class="menu-wrapper">
-    <div>
-      mix link (partial cross site scene)
-      <!--混合链接（部分涉及跨站场景使用）-->
+    <div class="menu-wrapper">
+      <div>
+        mix link (partial cross site scene)
+        <!--混合链接（部分涉及跨站场景使用）-->
+      </div>
+      <d-accordion :data="menu3" class="menu" linkType="dependOnLinkTypeKey"></d-accordion>
     </div>
-    <d-accordion :data="menu3" class="menu" linkType="dependOnLinkTypeKey"></d-accordion>
   </div>
 </template>
 <script lang="ts">
@@ -276,7 +278,10 @@ export default defineComponent({
 .menu {
   width: 200px;
 }
-
+.menu-container {
+  overflow: auto;
+  padding-left: 2px;
+}
 .menu-wrapper {
   float: left;
 }
@@ -755,11 +760,11 @@ export default defineComponent({
 
 ### Accordion 事件
 
-| 事件名 | 类型 | 说明 | 跳转 Demo |
-| :-------------- | :----------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------- | ：--------------------- |
-| menuToggle | `EventEmitter<`[`AccordionMenuToggleEvent`](#accordionmenutoggleevent)`>` | 可选，可展开菜单展开事件，返回对象里属性 item 为点击的对象数据，open 为 true 则将要展开 false 则将要关闭， parent 为父对象数据，event 为点击事件的原生事件 | [基本用法](#基本用法) |
-| itemClick | `EventEmitter<`[`AccordionItemClickEvent`](#accordionitemclickevent)`>` | 可选，可点击菜单点击事件，返回对象里属性 item 为点击的对象数据，preActive 对象为上一次展开的对象， parent 为父对象数据，event 为点击事件的原生事件 | [基本用法](#基本用法) |
-| activeItemChange | `EventEmitter<any>` | 可选，子项切换的时候会发出新激活的子项的数据 | [基本用法](#基本用法) |
+| 事件名           | 类型                                                                      | 说明                                                                                                                                                       | 跳转 Demo             |
+| :--------------- | :------------------------------------------------------------------------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------- | :-------------------- |
+| menuToggle       | `EventEmitter<`[`AccordionMenuToggleEvent`](#accordionmenutoggleevent)`>` | 可选，可展开菜单展开事件，返回对象里属性 item 为点击的对象数据，open 为 true 则将要展开 false 则将要关闭， parent 为父对象数据，event 为点击事件的原生事件 | [基本用法](#基本用法) |
+| itemClick        | `EventEmitter<`[`AccordionItemClickEvent`](#accordionitemclickevent)`>`   | 可选，可点击菜单点击事件，返回对象里属性 item 为点击的对象数据，preActive 对象为上一次展开的对象， parent 为父对象数据，event 为点击事件的原生事件         | [基本用法](#基本用法) |
+| activeItemChange | `EventEmitter<any>`                                                       | 可选，子项切换的时候会发出新激活的子项的数据                                                                                                               | [基本用法](#基本用法) |
 
 ### Accordion 类型定义
 

From 35af64d6501c5bd1866cda179958d680cebe8ac5 Mon Sep 17 00:00:00 2001
From: whbbit <luckyboy_dong@sina.com>
Date: Thu, 3 Nov 2022 00:45:57 +0800
Subject: [PATCH 2/2] fix: #1014

1. change tab-nav.scss file
---
 .../devui-vue/devui/tabs/src/components/tab-nav/tab-nav.scss    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/devui-vue/devui/tabs/src/components/tab-nav/tab-nav.scss b/packages/devui-vue/devui/tabs/src/components/tab-nav/tab-nav.scss
index 2f3db29b8c..2411825eab 100644
--- a/packages/devui-vue/devui/tabs/src/components/tab-nav/tab-nav.scss
+++ b/packages/devui-vue/devui/tabs/src/components/tab-nav/tab-nav.scss
@@ -99,7 +99,7 @@ $devui-tab-slider-bg: $devui-list-item-hover-bg;
     }
 
     &.active {
-      background-color: $devui-tab-options-bg;
+      background: $devui-global-bg;
 
       & span > a {
         color: $devui-brand;