fix: DevCloudFE#1236

1. 使用内置路由和链接类型文档组件浮动导致展示问题 2. Accordion 事件表格展示问题

Author: Whbbit1999

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 类型定义