diff --git a/src/_common b/src/_common
index 1c6613d1e1..aef0a5d90a 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 1c6613d1e1eefc365a7a552a81568dab3fa82ee1
+Subproject commit aef0a5d90a415b8d62b18dc73d95a92848750fac
diff --git a/src/menu/__tests__/__snapshots__/head-menu.test.jsx.snap b/src/menu/__tests__/__snapshots__/head-menu.test.jsx.snap
index 96e30979fd..5114de937d 100644
--- a/src/menu/__tests__/__snapshots__/head-menu.test.jsx.snap
+++ b/src/menu/__tests__/__snapshots__/head-menu.test.jsx.snap
@@ -8,16 +8,12 @@ exports[`HeadMenu > props > :active 1`] = `
     class="t-head-menu__inner"
   >
     <!---->
-    <div
-      class="t-menu__container"
+    <ul
+      class="t-menu"
     >
-      <ul
-        class="t-menu"
-      >
-        
-        
-      </ul>
-    </div>
+      
+      
+    </ul>
     <!---->
   </div>
   <!---->
@@ -33,16 +29,12 @@ exports[`HeadMenu > props > :height 1`] = `
     class="t-head-menu__inner"
   >
     <!---->
-    <div
-      class="t-menu__container"
+    <ul
+      class="t-menu"
     >
-      <ul
-        class="t-menu"
-      >
-        
-        
-      </ul>
-    </div>
+      
+      
+    </ul>
     <!---->
   </div>
   <!---->
@@ -57,16 +49,12 @@ exports[`HeadMenu > props > :theme 1`] = `
     class="t-head-menu__inner"
   >
     <!---->
-    <div
-      class="t-menu__container"
+    <ul
+      class="t-menu"
     >
-      <ul
-        class="t-menu"
-      >
-        
-        
-      </ul>
-    </div>
+      
+      
+    </ul>
     <!---->
   </div>
   <!---->
@@ -81,17 +69,13 @@ exports[`HeadMenu > slot > <default> 1`] = `
     class="t-head-menu__inner"
   >
     <!---->
-    <div
-      class="t-menu__container"
+    <ul
+      class="t-menu"
     >
-      <ul
-        class="t-menu"
-      >
-        
-        <div />
-        
-      </ul>
-    </div>
+      
+      <div />
+      
+    </ul>
     <!---->
   </div>
   <!---->
@@ -112,16 +96,12 @@ exports[`HeadMenu > slot > <logo> 1`] = `
       <div />
       
     </div>
-    <div
-      class="t-menu__container"
+    <ul
+      class="t-menu"
     >
-      <ul
-        class="t-menu"
-      >
-        
-        
-      </ul>
-    </div>
+      
+      
+    </ul>
     <!---->
   </div>
   <!---->
@@ -136,16 +116,12 @@ exports[`HeadMenu > slot > <operations> 1`] = `
     class="t-head-menu__inner"
   >
     <!---->
-    <div
-      class="t-menu__container"
+    <ul
+      class="t-menu"
     >
-      <ul
-        class="t-menu"
-      >
-        
-        
-      </ul>
-    </div>
+      
+      
+    </ul>
     <div
       class="t-menu__operations"
     >
diff --git a/src/menu/_example/closable-side.vue b/src/menu/_example/closable-side.vue
index 970a9280ad..ef9e4fba01 100644
--- a/src/menu/_example/closable-side.vue
+++ b/src/menu/_example/closable-side.vue
@@ -33,7 +33,9 @@
       资源编辑
     </t-menu-item>
     <template #operations>
-      <t-icon class="t-menu__operations-icon" :name="iconName" @click="changeCollapsed" />
+      <t-button class="t-demo-collapse-btn" variant="text" shape="square" @click="changeCollapsed">
+        <template #icon><t-icon :name="iconName" /></template>
+      </t-button>
     </template>
   </t-menu>
 </template>
diff --git a/src/menu/_example/custom-header.vue b/src/menu/_example/custom-header.vue
index 34b4384a02..20f7d10524 100644
--- a/src/menu/_example/custom-header.vue
+++ b/src/menu/_example/custom-header.vue
@@ -5,18 +5,38 @@
     <t-menu-item value="item3"> 菜单内容二 </t-menu-item>
     <t-menu-item value="item4" :disabled="true"> 菜单内容三 </t-menu-item>
     <template #operations>
-      <div class="demo-box">自定义内容区域</div>
+      <div class="t-demo-menu--dark">
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="search" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="mail" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="user" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="ellipsis" /></template>
+        </t-button>
+      </div>
     </template>
   </t-head-menu>
 </template>
 
 <style lang="less" scoped>
-.demo-box {
-  width: 200px;
-  height: 40px;
-  line-height: 40px;
-  background: rgba(255, 255, 255, 0.3);
-  color: #fff;
-  text-align: center;
+.t-menu__operations {
+  .t-button {
+    margin-left: 8px;
+  }
+}
+.t-demo-menu--dark {
+  .t-button {
+    color: #fff;
+    &:hover {
+      background-color: #4b4b4b;
+      border-color: transparent;
+      --ripple-color: #383838;
+    }
+  }
 }
 </style>
diff --git a/src/menu/_example/custom-side.vue b/src/menu/_example/custom-side.vue
index 73a2f028d7..88f470c888 100644
--- a/src/menu/_example/custom-side.vue
+++ b/src/menu/_example/custom-side.vue
@@ -1,7 +1,7 @@
 <template>
   <t-menu theme="light" default-value="item2">
     <template #logo>
-      <img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo" />
+      <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
     </template>
     <t-menu-item value="item1">菜单内容</t-menu-item>
     <t-menu-item value="item2">菜单内容</t-menu-item>
diff --git a/src/menu/_example/double.vue b/src/menu/_example/double.vue
index a1d7b708a6..667d5d24ab 100644
--- a/src/menu/_example/double.vue
+++ b/src/menu/_example/double.vue
@@ -2,7 +2,7 @@
   <div class="box" :style="{ width: '800px' }">
     <t-head-menu default-value="1-1" :default-expanded="expanded">
       <template #logo>
-        <img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo" />
+        <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
       <t-submenu value="1">
         <template #title>
@@ -52,24 +52,24 @@
         <t-menu-item value="6-2">子菜单6-2</t-menu-item>
         <t-menu-item value="6-3">子菜单6-3</t-menu-item>
       </t-submenu>
-      <t-submenu value="7">
-        <template #title>
-          <span>菜单7</span>
-        </template>
-        <t-menu-item value="7-1">子菜单7-1</t-menu-item>
-        <t-menu-item value="7-2">子菜单7-2</t-menu-item>
-        <t-menu-item value="7-3">子菜单7-3</t-menu-item>
-      </t-submenu>
       <template #operations>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="search" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="mail" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="user" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="ellipsis" /></a>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="search" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="mail" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="user" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="ellipsis" /></template>
+        </t-button>
       </template>
     </t-head-menu>
     <t-head-menu :default-expanded="expanded2" default-value="1-1" theme="dark" style="margin-top: 24px">
       <template #logo>
-        <img width="136" src="https://www.tencent.com/img/index/menu_logo.png" alt="logo" />
+        <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" alt="logo" />
       </template>
       <t-submenu value="1">
         <template #title>
@@ -119,19 +119,21 @@
         <t-menu-item value="6-2">子菜单6-2</t-menu-item>
         <t-menu-item value="6-3">子菜单6-3</t-menu-item>
       </t-submenu>
-      <t-submenu value="7">
-        <template #title>
-          <span>菜单7</span>
-        </template>
-        <t-menu-item value="7-1">子菜单7-1</t-menu-item>
-        <t-menu-item value="7-2">子菜单7-2</t-menu-item>
-        <t-menu-item value="7-3">子菜单7-3</t-menu-item>
-      </t-submenu>
       <template #operations>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="search" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="mail" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="user" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="ellipsis" /></a>
+        <div class="t-demo-menu--dark">
+          <t-button variant="text" shape="square">
+            <template #icon><t-icon name="search" /></template>
+          </t-button>
+          <t-button variant="text" shape="square">
+            <template #icon><t-icon name="mail" /></template>
+          </t-button>
+          <t-button variant="text" shape="square">
+            <template #icon><t-icon name="user" /></template>
+          </t-button>
+          <t-button variant="text" shape="square">
+            <template #icon><t-icon name="ellipsis" /></template>
+          </t-button>
+        </div>
       </template>
     </t-head-menu>
   </div>
@@ -143,3 +145,20 @@ import { ref } from 'vue';
 const expanded = ref(['1']);
 const expanded2 = ref(['1']);
 </script>
+<style lang="less" scoped>
+.t-menu__operations {
+  .t-button {
+    margin-left: 8px;
+  }
+}
+.t-demo-menu--dark {
+  .t-button {
+    color: #fff;
+    &:hover {
+      background-color: #4b4b4b;
+      border-color: transparent;
+      --ripple-color: #383838;
+    }
+  }
+}
+</style>
diff --git a/src/menu/_example/group-side.vue b/src/menu/_example/group-side.vue
index 7c15723d4f..a9c0a805b1 100644
--- a/src/menu/_example/group-side.vue
+++ b/src/menu/_example/group-side.vue
@@ -3,23 +3,61 @@
     <template #logo>
       <img :width="collapsed ? 35 : 136" :src="iconUrl" alt="logo" />
     </template>
-    <t-menu-group title="Classification A">
+    <t-menu-group title="主导航">
       <t-menu-item value="item1">
         <template #icon>
-          <t-icon name="dashboard" />
+          <t-icon name="app" />
         </template>
         仪表盘
       </t-menu-item>
     </t-menu-group>
-    <t-menu-group title="Classification B">
-      <t-menu-item value="item2"> 调度平台 </t-menu-item>
-      <t-menu-item value="item3"> 菜单内容二很长很长很长很长很长很长很长很长 </t-menu-item>
+    <t-menu-group title="组件">
+      <t-submenu title="列表项" value="2-1">
+        <template #icon>
+          <t-icon name="server" />
+        </template>
+        <t-menu-item value="2-1-1">基础列表项</t-menu-item>
+        <t-menu-item value="2-1-2">卡片列表项</t-menu-item>
+        <t-menu-item value="2-1-3">筛选列表项</t-menu-item>
+        <t-menu-item value="2-1-4">树状筛选列表项</t-menu-item>
+      </t-submenu>
+      <t-menu-item value="2-2">
+        <template #icon>
+          <t-icon name="edit-1" />
+        </template>
+        表单项
+      </t-menu-item>
+      <t-menu-item value="2-3">
+        <template #icon>
+          <t-icon name="root-list" />
+        </template>
+        详情页
+      </t-menu-item>
+      <t-menu-item value="2-4">
+        <template #icon>
+          <t-icon name="check" />
+        </template>
+        结果页
+      </t-menu-item>
     </t-menu-group>
-    <t-menu-group title="Classification C">
-      <t-menu-item value="item4" :disabled="true"> 精准监控 </t-menu-item>
+    <t-menu-group title="更多">
+      <t-menu-item value="item3">
+        <template #icon>
+          <t-icon name="user" />
+        </template>
+        个人页
+      </t-menu-item>
+      <t-menu-item value="item4">
+        <template #icon>
+          <t-icon name="login" />
+        </template>
+        登录页
+      </t-menu-item>
     </t-menu-group>
     <template #operations>
-      <t-icon class="t-menu__operations-icon" name="view-list" @click="changeCollapsed" />
+      <t-button class="t-demo-collapse-btn" variant="text" shape="square" @click="changeCollapsed">
+        <template #icon><t-icon name="view-list" /></template>
+      </t-button>
     </template>
   </t-menu>
 </template>
@@ -28,15 +66,13 @@
 import { ref, computed } from 'vue';
 
 const collapsed = ref(true);
-const iconUrl = ref('https://www.tencent.com/img/index/menu_logo_hover.png');
-
-const iconName = computed(() => (collapsed.value ? 'chevron-right' : 'chevron-left'));
+const iconUrl = ref('https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/logo%402x.png');
 
 const changeCollapsed = () => {
   collapsed.value = !collapsed.value;
   iconUrl.value = collapsed.value
     ? 'https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/logo%402x.png'
-    : 'https://www.tencent.com/img/index/menu_logo_hover.png';
+    : 'https://tdesign.gtimg.com/site/baseLogo-light.png';
 };
 
 const changeHandler = (active) => {
diff --git a/src/menu/_example/head-menu-dark.vue b/src/menu/_example/head-menu-dark.vue
index 535a62857c..0f265b7448 100644
--- a/src/menu/_example/head-menu-dark.vue
+++ b/src/menu/_example/head-menu-dark.vue
@@ -1,17 +1,40 @@
 <template>
   <t-head-menu theme="dark" value="item1">
     <template #logo>
-      <img width="136" class="t-menu__logo--center" src="https://www.tencent.com/img/index/menu_logo.png" alt="logo" />
+      <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" alt="logo" />
     </template>
     <t-menu-item value="item1"> 已选内容 </t-menu-item>
     <t-menu-item value="item2"> 菜单内容一 </t-menu-item>
     <t-menu-item value="item3"> 菜单内容二 </t-menu-item>
     <t-menu-item value="item4" :disabled="true"> 菜单内容三 </t-menu-item>
     <template #operations>
-      <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="search" /></a>
-      <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="mail" /></a>
-      <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="user" /></a>
-      <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="ellipsis" /></a>
+      <div class="t-demo-menu--dark">
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="search" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="mail" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="user" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="ellipsis" /></template>
+        </t-button>
+      </div>
     </template>
   </t-head-menu>
 </template>
+
+<style lang="less" scoped>
+.t-demo-menu--dark {
+  .t-button {
+    color: #fff;
+    &:hover {
+      background-color: #4b4b4b;
+      border-color: transparent;
+      --ripple-color: #383838;
+    }
+  }
+}
+</style>
diff --git a/src/menu/_example/head-menu-mode-tile.vue b/src/menu/_example/head-menu-mode-tile.vue
index 999248135e..3c8508b5a8 100644
--- a/src/menu/_example/head-menu-mode-tile.vue
+++ b/src/menu/_example/head-menu-mode-tile.vue
@@ -1,12 +1,7 @@
 <template>
   <t-head-menu theme="dark" value="item2">
     <template #logo>
-      <img
-        width="136"
-        class="t-menu__logo--center"
-        src="https://www.tencent.com/img/index/menu_logo_hover.png"
-        alt="logo"
-      />
+      <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
     </template>
     <t-menu-item value="item1"> 菜单内容一 </t-menu-item>
     <t-menu-item value="item2"> 已选内容 </t-menu-item>
@@ -20,10 +15,18 @@
     </template>
     <template #submenu>
       <t-submenu>
-        <t-menu-item value="submenu1"> 菜单内容一 </t-menu-item>
-        <t-menu-item value="submenu2"> 菜单内容二 </t-menu-item>
-        <t-menu-item value="submenu3"> 菜单内容三 </t-menu-item>
-        <t-menu-item value="submenu4"> 菜单内容四 </t-menu-item>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="search" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="mail" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="user" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="ellipsis" /></template>
+        </t-button>
       </t-submenu>
     </template>
   </t-head-menu>
diff --git a/src/menu/_example/head-menu-tile.vue b/src/menu/_example/head-menu-tile.vue
index cba821e702..14c4363cd5 100644
--- a/src/menu/_example/head-menu-tile.vue
+++ b/src/menu/_example/head-menu-tile.vue
@@ -1,7 +1,7 @@
 <template>
   <t-head-menu theme="dark" :value="active" @change="changeHandler">
     <template #logo>
-      <img width="136" class="t-menu__logo--center" src="https://www.tencent.com/img/index/menu_logo.png" alt="logo" />
+      <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" alt="logo" />
     </template>
     <t-menu-item v-for="(menu, index) in menus" :key="index" :value="`${index + 1}`">
       {{ menu.title }}
@@ -17,10 +17,18 @@
     </t-menu-item>
     <t-menu-item value="4" :disabled="true"> 菜单4 </t-menu-item>
     <template #operations>
-      <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="search" /></a>
-      <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="mail" /></a>
-      <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="user" /></a>
-      <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="ellipsis" /></a>
+      <t-button variant="text" shape="square">
+        <template #icon><t-icon name="search" /></template>
+      </t-button>
+      <t-button variant="text" shape="square">
+        <template #icon><t-icon name="mail" /></template>
+      </t-button>
+      <t-button variant="text" shape="square">
+        <template #icon><t-icon name="user" /></template>
+      </t-button>
+      <t-button variant="text" shape="square">
+        <template #icon><t-icon name="ellipsis" /></template>
+      </t-button>
     </template>
   </t-head-menu>
 </template>
diff --git a/src/menu/_example/multi-side.vue b/src/menu/_example/multi-side.vue
index e029f02daf..37e47e9667 100644
--- a/src/menu/_example/multi-side.vue
+++ b/src/menu/_example/multi-side.vue
@@ -53,7 +53,9 @@
         资源编辑
       </t-menu-item>
       <template #operations>
-        <t-icon class="t-menu__operations-icon" name="view-list" @click="changeCollapsed" />
+        <t-button variant="text" shape="square" @click="changeCollapsed">
+          <template #icon><t-icon name="view-list" /></template>
+        </t-button>
       </template>
     </t-menu>
 
@@ -135,7 +137,9 @@
         资源编辑
       </t-menu-item>
       <template #operations>
-        <t-icon class="t-menu__operations-icon" name="view-list" @click="changeCollapsed2" />
+        <t-button class="t-demo-collapse-btn" variant="text" shape="square" @click="changeCollapsed2">
+          <template #icon><t-icon name="view-list" /></template>
+        </t-button>
       </template>
     </t-menu>
   </div>
@@ -158,3 +162,13 @@ const changeCollapsed2 = () => {
 const expanded = ref(['2', '3']);
 const expanded2 = ref(['2']);
 </script>
+<style lang="less" scoped>
+.t-demo-collapse-btn {
+  color: #fff;
+  &:hover {
+    background-color: #4b4b4b;
+    border-color: transparent;
+    --ripple-color: #383838;
+  }
+}
+</style>
diff --git a/src/menu/_example/multiple.vue b/src/menu/_example/multiple.vue
index 6b3b1e92c0..ca7d78d3df 100644
--- a/src/menu/_example/multiple.vue
+++ b/src/menu/_example/multiple.vue
@@ -2,7 +2,7 @@
   <div class="box">
     <t-head-menu default-value="2-1" expand-type="popup">
       <template #logo>
-        <img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo" />
+        <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
       <t-submenu value="1">
         <template #title>
@@ -52,16 +52,24 @@
         <t-menu-item value="2-3"> 子菜单2-3 </t-menu-item>
       </t-submenu>
       <template #operations>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="search" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="mail" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="user" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="ellipsis" /></a>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="search" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="mail" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="user" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="ellipsis" /></template>
+        </t-button>
       </template>
     </t-head-menu>
 
     <t-head-menu default-value="2-1" theme="dark" expand-type="popup" style="margin-top: 24px">
       <template #logo>
-        <img width="136" src="https://www.tencent.com/img/index/menu_logo.png" alt="logo" />
+        <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" alt="logo" />
       </template>
       <t-submenu value="1">
         <template #title>
@@ -102,11 +110,38 @@
         <t-menu-item value="2-3"> 子菜单2-3 </t-menu-item>
       </t-submenu>
       <template #operations>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="search" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="mail" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="user" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="ellipsis" /></a>
+        <div class="t-demo-menu--dark">
+          <t-button variant="text" shape="square">
+            <template #icon><t-icon name="search" /></template>
+          </t-button>
+          <t-button variant="text" shape="square">
+            <template #icon><t-icon name="mail" /></template>
+          </t-button>
+          <t-button variant="text" shape="square">
+            <template #icon><t-icon name="user" /></template>
+          </t-button>
+          <t-button variant="text" shape="square">
+            <template #icon><t-icon name="ellipsis" /></template>
+          </t-button>
+        </div>
       </template>
     </t-head-menu>
   </div>
 </template>
+<style lang="less" scoped>
+.t-menu__operations {
+  .t-button {
+    margin-left: 8px;
+  }
+}
+.t-demo-menu--dark {
+  .t-button {
+    color: #fff;
+    &:hover {
+      background-color: #4b4b4b;
+      border-color: transparent;
+      --ripple-color: #383838;
+    }
+  }
+}
+</style>
diff --git a/src/menu/_example/popup-side.vue b/src/menu/_example/popup-side.vue
index 49e312bedb..5d74fde8fc 100644
--- a/src/menu/_example/popup-side.vue
+++ b/src/menu/_example/popup-side.vue
@@ -46,7 +46,9 @@
       资源列表
     </t-menu-item>
     <template #operations>
-      <t-icon class="t-menu__operations-icon" name="view-list" @click="changeCollapsed" />
+      <t-button variant="text" shape="square" @click="changeCollapsed">
+        <template #icon><t-icon name="view-list" /></template>
+      </t-button>
     </template>
   </t-menu>
 </template>
@@ -55,13 +57,13 @@
 import { ref } from 'vue';
 
 const collapsed = ref(false);
-const iconUrl = ref('https://www.tencent.com/img/index/menu_logo_hover.png');
+const iconUrl = ref('https://tdesign.gtimg.com/site/baseLogo-light.png');
 
 const changeCollapsed = () => {
   collapsed.value = !collapsed.value;
   iconUrl.value = collapsed.value
     ? 'https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/logo%402x.png'
-    : 'https://www.tencent.com/img/index/menu_logo_hover.png';
+    : 'https://tdesign.gtimg.com/site/baseLogo-light.png';
 };
 
 const handleExpand = (names) => {
diff --git a/src/menu/_example/side-menu-width.vue b/src/menu/_example/side-menu-width.vue
index 834b1f9eab..3489ee0dcd 100644
--- a/src/menu/_example/side-menu-width.vue
+++ b/src/menu/_example/side-menu-width.vue
@@ -1,12 +1,7 @@
 <template>
   <t-menu v-model="value" theme="light" width="200px" height="550px">
     <template #logo>
-      <img
-        width="136"
-        class="t-menu__logo--center"
-        src="https://www.tencent.com/img/index/menu_logo_hover.png"
-        alt="logo"
-      />
+      <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
     </template>
     <t-menu-item value="item1">菜单内容</t-menu-item>
     <t-menu-item value="item2">菜单内容</t-menu-item>
diff --git a/src/menu/_example/single-side.vue b/src/menu/_example/single-side.vue
index aeaf65157f..bb9362e130 100644
--- a/src/menu/_example/single-side.vue
+++ b/src/menu/_example/single-side.vue
@@ -2,12 +2,7 @@
   <div class="box">
     <t-menu theme="light" default-value="item1" style="margin-right: 40px" height="550px" @change="changeHandler">
       <template #logo>
-        <img
-          width="136"
-          class="t-menu__logo--center"
-          src="https://www.tencent.com/img/index/menu_logo_hover.png"
-          alt="logo"
-        />
+        <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
       <t-menu-item value="item1"> 仪表盘 </t-menu-item>
       <t-menu-item value="item2"> 资源列表 </t-menu-item>
@@ -22,12 +17,7 @@
 
     <t-menu theme="light" default-value="dashboard" style="margin-right: 40px" height="550px">
       <template #logo>
-        <img
-          width="136"
-          class="t-menu__logo--center"
-          src="https://www.tencent.com/img/index/menu_logo_hover.png"
-          alt="logo"
-        />
+        <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
       <t-menu-item value="dashboard">
         <template #icon>
@@ -87,12 +77,7 @@
 
     <t-menu theme="dark" default-value="dashboard" height="550px">
       <template #logo>
-        <img
-          width="136"
-          class="t-menu__logo--center"
-          src="https://www.tencent.com/img/index/menu_logo.png"
-          alt="logo"
-        />
+        <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" alt="logo" />
       </template>
       <t-menu-item value="dashboard">
         <template #icon>
diff --git a/src/menu/_example/single.vue b/src/menu/_example/single.vue
index dda544283e..e647c65ffa 100644
--- a/src/menu/_example/single.vue
+++ b/src/menu/_example/single.vue
@@ -2,16 +2,24 @@
   <div>
     <t-head-menu v-model="menu1Value" theme="light" @change="changeHandler">
       <template #logo>
-        <img width="136" src="https://www.tencent.com/img/index/menu_logo_hover.png" alt="logo" />
+        <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
       <t-menu-item value="item1"> 菜单1 </t-menu-item>
       <t-menu-item value="item2"> 菜单2 </t-menu-item>
       <t-menu-item value="item4" :disabled="true"> 禁用菜单 </t-menu-item>
       <template #operations>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="search" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="mail" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="user" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="ellipsis" /></a>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="search" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="mail" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="user" /></template>
+        </t-button>
+        <t-button variant="text" shape="square">
+          <template #icon><t-icon name="ellipsis" /></template>
+        </t-button>
       </template>
     </t-head-menu>
 
@@ -19,16 +27,26 @@
 
     <t-head-menu v-model="menu2Value" theme="dark" height="120px">
       <template #logo>
-        <img width="136" src="https://www.tencent.com/img/index/menu_logo.png" alt="logo" />
+        <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" alt="logo" />
       </template>
       <t-menu-item value="item1"> 菜单1 </t-menu-item>
       <t-menu-item value="item2"> 菜单2 </t-menu-item>
       <t-menu-item value="item4" :disabled="true"> 禁用菜单 </t-menu-item>
       <template #operations>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="search" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="mail" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="user" /></a>
-        <a href="javascript:;"><t-icon class="t-menu__operations-icon" name="ellipsis" /></a>
+        <div class="t-demo-menu--dark">
+          <t-button variant="text" shape="square">
+            <template #icon><t-icon name="search" /></template>
+          </t-button>
+          <t-button variant="text" shape="square">
+            <template #icon><t-icon name="mail" /></template>
+          </t-button>
+          <t-button variant="text" shape="square">
+            <template #icon><t-icon name="user" /></template>
+          </t-button>
+          <t-button variant="text" shape="square">
+            <template #icon><t-icon name="ellipsis" /></template>
+          </t-button>
+        </div>
       </template>
     </t-head-menu>
   </div>
@@ -45,8 +63,20 @@ const changeHandler = (active) => {
 };
 </script>
 
-<style>
-.t-menu__operations-icon {
-  box-sizing: border-box;
+<style lang="less" scoped>
+.t-menu__operations {
+  .t-button {
+    margin-left: 8px;
+  }
+}
+.t-demo-menu--dark {
+  .t-button {
+    color: #fff;
+    &:hover {
+      background-color: #4b4b4b;
+      border-color: transparent;
+      --ripple-color: #383838;
+    }
+  }
 }
 </style>
diff --git a/src/menu/head-menu.tsx b/src/menu/head-menu.tsx
index 1c507a6688..c1c1bc2720 100644
--- a/src/menu/head-menu.tsx
+++ b/src/menu/head-menu.tsx
@@ -133,7 +133,6 @@ export default defineComponent({
       );
     };
 
-    const menuContainerRef = ref<HTMLDivElement>();
     const menuRef = ref<HTMLUListElement>();
     const innerRef = ref<HTMLDivElement>();
     const logoRef = ref<HTMLDivElement>();
@@ -146,8 +145,8 @@ export default defineComponent({
       Number.parseInt(String(getComputedCss(el, cssProperty)), 10);
 
     const calcMenuWidth = () => {
-      const menuPaddingLeft = getComputedCssValue(menuContainerRef.value, 'paddingLeft');
-      const menuPaddingRight = getComputedCssValue(menuContainerRef.value, 'paddingRight');
+      const menuPaddingLeft = getComputedCssValue(menuRef.value, 'paddingLeft');
+      const menuPaddingRight = getComputedCssValue(menuRef.value, 'paddingRight');
       let totalWidth = innerRef.value.clientWidth;
       if (logoRef.value) {
         const logoMarginLeft = getComputedCssValue(logoRef.value, 'marginLeft');
@@ -231,11 +230,9 @@ export default defineComponent({
                 {logo}
               </div>
             )}
-            <div class={`${classPrefix.value}-menu__container`} ref={menuContainerRef}>
-              <ul class={`${classPrefix.value}-menu`} ref={menuRef}>
-                {content}
-              </ul>
-            </div>
+            <ul class={`${classPrefix.value}-menu`} ref={menuRef}>
+              {content}
+            </ul>
             {operations && (
               <div class={`${classPrefix.value}-menu__operations`} ref={operationRef}>
                 {operations}
diff --git a/src/menu/style/index.js b/src/menu/style/index.js
index 823a948376..99fc8907e5 100644
--- a/src/menu/style/index.js
+++ b/src/menu/style/index.js
@@ -1 +1 @@
-import '../../_common/style/web/components/menu/_index-v2.less';
+import '../../_common/style/web/components/menu/_index.less';
diff --git a/src/menu/submenu.tsx b/src/menu/submenu.tsx
index 880db13fe3..cc4ca3381c 100644
--- a/src/menu/submenu.tsx
+++ b/src/menu/submenu.tsx
@@ -59,7 +59,6 @@ export default defineComponent({
     ]);
     const popupClass = computed(() => [
       `${classPrefix.value}-menu__popup`,
-      `${classPrefix.value}-menu__popup--${theme.value}`,
       `${classPrefix.value}-is-${isHead ? 'horizontal' : 'vertical'}`,
       {
         [`${classPrefix.value}-is-opened`]: popupVisible.value,
@@ -222,8 +221,7 @@ export default defineComponent({
       if (!this.isNested && this.isHead) {
         placement = 'bottom-left';
       }
-      const overlayInnerStyle =
-        this.isNested && this.isHead ? { marginLeft: '16px' } : { [`margin-${this.isHead ? 'top' : 'left'}`]: '20px' };
+      const overlayInnerStyle = this.isNested && this.isHead ? { marginLeft: '0px' } : { [`margin-top': `]: '12px' };
 
       const popupWrapper = (
         <div
@@ -247,6 +245,7 @@ export default defineComponent({
       const realPopup = (
         <Popup
           overlayInnerClassName={[...this.popupClass]}
+          overlayClassName={`${this.classPrefix}-menu--${this.theme}`}
           visible={this.popupVisible}
           placement={placement as PopupPlacement}
           overlayInnerStyle={overlayInnerStyle}
@@ -276,7 +275,7 @@ export default defineComponent({
         icon,
         <span class={[`${this.classPrefix}-menu__content`]}>{renderTNodeJSX(this, 'title', { silent: true })}</span>,
         <FakeArrow
-          overlayClassName={this.arrowClass}
+          overlayClassName={/menu/i.test(this.$parent.$options.name) ? this.arrowClass : null}
           overlayStyle={{ transform: `rotate(${needRotate ? -90 : 0}deg)` }}
         />,
       ];
@@ -319,7 +318,7 @@ export default defineComponent({
         icon,
         <span class={[`${this.classPrefix}-menu__content`]}>{renderTNodeJSX(this, 'title', { silent: true })}</span>,
         <FakeArrow
-          overlayClassName={this.arrowClass}
+          overlayClassName={/menu/i.test(this.$parent.$options.name) ? this.arrowClass : null}
           overlayStyle={{ transform: `rotate(${needRotate ? -90 : 0}deg)`, 'margin-left': 'auto' }}
         />,
       ];
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index 52d7b2e972..283eb57a63 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -76885,64 +76885,60 @@ exports[`csr snapshot test > csr test ./src/layout/_example/combine.vue 1`] = `
           />
           
         </div>
-        <div
-          class="t-menu__container"
+        <ul
+          class="t-menu"
         >
-          <ul
-            class="t-menu"
+          
+          <li
+            class="t-menu__item t-is-active t-menu__item--plain"
           >
-            
-            <li
-              class="t-menu__item t-is-active t-menu__item--plain"
+            <!---->
+            <span
+              class="t-menu__content"
             >
-              <!---->
-              <span
-                class="t-menu__content"
-              >
-                
-                 已选内容 
-                
-              </span>
-            </li>
-            <li
-              class="t-menu__item t-menu__item--plain"
+              
+               已选内容 
+              
+            </span>
+          </li>
+          <li
+            class="t-menu__item t-menu__item--plain"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
             >
-              <!---->
-              <span
-                class="t-menu__content"
-              >
-                
-                 菜单内容一 
-                
-              </span>
-            </li>
-            <li
-              class="t-menu__item t-menu__item--plain"
+              
+               菜单内容一 
+              
+            </span>
+          </li>
+          <li
+            class="t-menu__item t-menu__item--plain"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
             >
-              <!---->
-              <span
-                class="t-menu__content"
-              >
-                
-                 菜单内容二 
-                
-              </span>
-            </li>
-            <li
-              class="t-menu__item t-is-disabled t-menu__item--plain"
+              
+               菜单内容二 
+              
+            </span>
+          </li>
+          <li
+            class="t-menu__item t-is-disabled t-menu__item--plain"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
             >
-              <!---->
-              <span
-                class="t-menu__content"
-              >
-                
-                 菜单内容三 
-                
-              </span>
-            </li>
-            
-          </ul>
-        </div>
+              
+               菜单内容三 
+              
+            </span>
+          </li>
+          
+        </ul>
         <div
           class="t-menu__operations"
         >
@@ -77251,64 +77247,60 @@ exports[`csr snapshot test > csr test ./src/layout/_example/top.vue 1`] = `
           />
           
         </div>
-        <div
-          class="t-menu__container"
+        <ul
+          class="t-menu"
         >
-          <ul
-            class="t-menu"
+          
+          <li
+            class="t-menu__item t-is-active t-menu__item--plain"
           >
-            
-            <li
-              class="t-menu__item t-is-active t-menu__item--plain"
+            <!---->
+            <span
+              class="t-menu__content"
             >
-              <!---->
-              <span
-                class="t-menu__content"
-              >
-                
-                 已选内容 
-                
-              </span>
-            </li>
-            <li
-              class="t-menu__item t-menu__item--plain"
+              
+               已选内容 
+              
+            </span>
+          </li>
+          <li
+            class="t-menu__item t-menu__item--plain"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
             >
-              <!---->
-              <span
-                class="t-menu__content"
-              >
-                
-                 菜单内容一 
-                
-              </span>
-            </li>
-            <li
-              class="t-menu__item t-menu__item--plain"
+              
+               菜单内容一 
+              
+            </span>
+          </li>
+          <li
+            class="t-menu__item t-menu__item--plain"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
             >
-              <!---->
-              <span
-                class="t-menu__content"
-              >
-                
-                 菜单内容二 
-                
-              </span>
-            </li>
-            <li
-              class="t-menu__item t-is-disabled t-menu__item--plain"
+              
+               菜单内容二 
+              
+            </span>
+          </li>
+          <li
+            class="t-menu__item t-is-disabled t-menu__item--plain"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
             >
-              <!---->
-              <span
-                class="t-menu__content"
-              >
-                
-                 菜单内容三 
-                
-              </span>
-            </li>
-            
-          </ul>
-        </div>
+              
+               菜单内容三 
+              
+            </span>
+          </li>
+          
+        </ul>
         <div
           class="t-menu__operations"
         >
@@ -81725,13 +81717,23 @@ exports[`csr snapshot test > csr test ./src/menu/_example/closable-side.vue 1`]
       class="t-menu__operations"
     >
       
-      <svg
-        class="t-icon t-icon-chevron-left t-menu__operations-icon"
+      <button
+        class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only t-demo-collapse-btn"
+        type="button"
       >
-        <use
-          href="#t-icon-chevron-left"
-        />
-      </svg>
+        
+        
+        <svg
+          class="t-icon t-icon-chevron-left"
+        >
+          <use
+            href="#t-icon-chevron-left"
+          />
+        </svg>
+        
+        
+        
+      </button>
       
     </div>
   </div>
@@ -81747,77 +81749,148 @@ exports[`csr snapshot test > csr test ./src/menu/_example/custom-header.vue 1`]
     class="t-head-menu__inner"
   >
     <!---->
-    <div
-      class="t-menu__container"
+    <ul
+      class="t-menu"
     >
-      <ul
-        class="t-menu"
+      
+      <li
+        class="t-menu__item t-menu__item--plain"
+        data-v-92091f28=""
       >
-        
-        <li
-          class="t-menu__item t-menu__item--plain"
-          data-v-92091f28=""
-        >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单内容一 
-            
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-is-active t-menu__item--plain"
-          data-v-92091f28=""
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             已选内容 
-            
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-menu__item--plain"
-          data-v-92091f28=""
+          
+           菜单内容一 
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-is-active t-menu__item--plain"
+        data-v-92091f28=""
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单内容二 
-            
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-is-disabled t-menu__item--plain"
-          data-v-92091f28=""
+          
+           已选内容 
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-menu__item--plain"
+        data-v-92091f28=""
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单内容三 
-            
-          </span>
-        </li>
-        
-      </ul>
-    </div>
+          
+           菜单内容二 
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-is-disabled t-menu__item--plain"
+        data-v-92091f28=""
+      >
+        <!---->
+        <span
+          class="t-menu__content"
+        >
+          
+           菜单内容三 
+          
+        </span>
+      </li>
+      
+    </ul>
     <div
       class="t-menu__operations"
     >
       
       <div
-        class="demo-box"
+        class="t-demo-menu--dark"
         data-v-92091f28=""
       >
-        自定义内容区域
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-92091f28=""
+          type="button"
+        >
+          
+          
+          <svg
+            class="t-icon t-icon-search"
+            data-v-92091f28=""
+          >
+            <use
+              href="#t-icon-search"
+            />
+          </svg>
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-92091f28=""
+          type="button"
+        >
+          
+          
+          <svg
+            class="t-icon t-icon-mail"
+            data-v-92091f28=""
+          >
+            <use
+              href="#t-icon-mail"
+            />
+          </svg>
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-92091f28=""
+          type="button"
+        >
+          
+          
+          <svg
+            class="t-icon t-icon-user"
+            data-v-92091f28=""
+          >
+            <use
+              href="#t-icon-user"
+            />
+          </svg>
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-92091f28=""
+          type="button"
+        >
+          
+          
+          <svg
+            class="t-icon t-icon-ellipsis"
+            data-v-92091f28=""
+          >
+            <use
+              href="#t-icon-ellipsis"
+            />
+          </svg>
+          
+          
+          
+        </button>
       </div>
       
     </div>
@@ -81840,8 +81913,8 @@ exports[`csr snapshot test > csr test ./src/menu/_example/custom-side.vue 1`] =
       
       <img
         alt="logo"
-        src="https://www.tencent.com/img/index/menu_logo_hover.png"
-        width="136"
+        height="28"
+        src="https://tdesign.gtimg.com/site/baseLogo-light.png"
       />
       
     </div>
@@ -81907,10 +81980,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/custom-side.vue 1`] =
 exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
 <div
   class="box"
+  data-v-3a8c765e=""
   style="width: 800px;"
 >
   <div
     class="t-menu t-head-menu t-menu--light"
+    data-v-3a8c765e=""
   >
     <div
       class="t-head-menu__inner"
@@ -81921,503 +81996,506 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
         
         <img
           alt="logo"
-          src="https://www.tencent.com/img/index/menu_logo_hover.png"
-          width="136"
+          data-v-3a8c765e=""
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
         />
         
       </div>
-      <div
-        class="t-menu__container"
+      <ul
+        class="t-menu"
       >
-        <ul
-          class="t-menu"
+        
+        <li
+          class="t-submenu t-is-opened"
+          data-v-3a8c765e=""
         >
           
-          <li
-            class="t-submenu t-is-opened"
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
+            >
+              
+              <span
+                data-v-3a8c765e=""
+              >
+                菜单1
+              </span>
+              
+            </span>
+          </div>
+          <ul
+            style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened"
+            <li
+              class="t-menu__item t-is-active t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单1
-                </span>
+                子菜单1-1
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
-              
-              <li
-                class="t-menu__item t-is-active t-menu__item--plain"
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单1-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+                
+                子菜单1-2
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
+            >
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单1-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+                
+                子菜单1-3
+                
+              </span>
+            </li>
+            
+          </ul>
+          
+        </li>
+        <li
+          class="t-submenu"
+          data-v-3a8c765e=""
+        >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
+            >
+              
+              <span
+                data-v-3a8c765e=""
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单1-3
-                  
-                </span>
-              </li>
+                菜单2
+              </span>
               
-            </ul>
-            
-          </li>
-          <li
-            class="t-submenu"
+            </span>
+          </div>
+          <ul
+            style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单2
-                </span>
+                子菜单2-1
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
-              
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单2-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单2-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单2-3
-                  
-                </span>
-              </li>
-              
-            </ul>
-            
-          </li>
-          <li
-            class="t-submenu"
-          >
-            
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+                
+                子菜单2-2
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单3
-                </span>
+                子菜单2-3
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            
+          </ul>
+          
+        </li>
+        <li
+          class="t-submenu"
+          data-v-3a8c765e=""
+        >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
             >
               
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单3-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单3-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <span
+                data-v-3a8c765e=""
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单3-3
-                  
-                </span>
-              </li>
+                菜单3
+              </span>
               
-            </ul>
-            
-          </li>
-          <li
-            class="t-submenu"
+            </span>
+          </div>
+          <ul
+            style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单4
-                </span>
+                子菜单3-1
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
-              
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单4-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单4-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单4-3
-                  
-                </span>
-              </li>
-              
-            </ul>
-            
-          </li>
-          <li
-            class="t-submenu"
-          >
-            
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+                
+                子菜单3-2
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单5
-                </span>
+                子菜单3-3
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            
+          </ul>
+          
+        </li>
+        <li
+          class="t-submenu"
+          data-v-3a8c765e=""
+        >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
             >
               
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单5-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单5-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <span
+                data-v-3a8c765e=""
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单5-3
-                  
-                </span>
-              </li>
+                菜单4
+              </span>
               
-            </ul>
-            
-          </li>
-          <li
-            class="t-submenu"
+            </span>
+          </div>
+          <ul
+            style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单6
-                </span>
+                子菜单4-1
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
-              
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单6-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单6-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+                
+                子菜单4-2
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
+            >
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单6-3
-                  
-                </span>
-              </li>
-              
-            </ul>
+                
+                子菜单4-3
+                
+              </span>
+            </li>
             
-          </li>
-          <li
-            class="t-submenu"
+          </ul>
+          
+        </li>
+        <li
+          class="t-submenu"
+          data-v-3a8c765e=""
+        >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
+            >
+              
+              <span
+                data-v-3a8c765e=""
+              >
+                菜单5
+              </span>
+              
+            </span>
+          </div>
+          <ul
+            style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单7
-                </span>
+                子菜单5-1
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
-              
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单7-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+                
+                子菜单5-2
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
+            >
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单7-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+                
+                子菜单5-3
+                
+              </span>
+            </li>
+            
+          </ul>
+          
+        </li>
+        <li
+          class="t-submenu"
+          data-v-3a8c765e=""
+        >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
+            >
+              
+              <span
+                data-v-3a8c765e=""
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单7-3
-                  
-                </span>
-              </li>
+                菜单6
+              </span>
               
-            </ul>
+            </span>
+          </div>
+          <ul
+            style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+          >
             
-          </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
+            >
+              <!---->
+              <span
+                class="t-menu__content"
+              >
+                
+                子菜单6-1
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
+            >
+              <!---->
+              <span
+                class="t-menu__content"
+              >
+                
+                子菜单6-2
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
+            >
+              <!---->
+              <span
+                class="t-menu__content"
+              >
+                
+                子菜单6-3
+                
+              </span>
+            </li>
+            
+          </ul>
           
-        </ul>
-      </div>
+        </li>
+        
+      </ul>
       <div
         class="t-menu__operations"
       >
         
-        <a
-          href="javascript:;"
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-3a8c765e=""
+          type="button"
         >
+          
+          
           <svg
-            class="t-icon t-icon-search t-menu__operations-icon"
+            class="t-icon t-icon-search"
+            data-v-3a8c765e=""
           >
             <use
               href="#t-icon-search"
             />
           </svg>
-        </a>
-        <a
-          href="javascript:;"
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-3a8c765e=""
+          type="button"
         >
+          
+          
           <svg
-            class="t-icon t-icon-mail t-menu__operations-icon"
+            class="t-icon t-icon-mail"
+            data-v-3a8c765e=""
           >
             <use
               href="#t-icon-mail"
             />
           </svg>
-        </a>
-        <a
-          href="javascript:;"
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-3a8c765e=""
+          type="button"
         >
+          
+          
           <svg
-            class="t-icon t-icon-user t-menu__operations-icon"
+            class="t-icon t-icon-user"
+            data-v-3a8c765e=""
           >
             <use
               href="#t-icon-user"
             />
           </svg>
-        </a>
-        <a
-          href="javascript:;"
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-3a8c765e=""
+          type="button"
         >
+          
+          
           <svg
-            class="t-icon t-icon-ellipsis t-menu__operations-icon"
+            class="t-icon t-icon-ellipsis"
+            data-v-3a8c765e=""
           >
             <use
               href="#t-icon-ellipsis"
             />
           </svg>
-        </a>
+          
+          
+          
+        </button>
         
       </div>
     </div>
@@ -82425,6 +82503,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
   </div>
   <div
     class="t-menu t-head-menu t-menu--dark"
+    data-v-3a8c765e=""
     style="margin-top: 24px;"
   >
     <div
@@ -82436,503 +82515,511 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
         
         <img
           alt="logo"
-          src="https://www.tencent.com/img/index/menu_logo.png"
-          width="136"
+          data-v-3a8c765e=""
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
         />
         
       </div>
-      <div
-        class="t-menu__container"
+      <ul
+        class="t-menu"
       >
-        <ul
-          class="t-menu"
+        
+        <li
+          class="t-submenu t-is-opened"
+          data-v-3a8c765e=""
         >
           
-          <li
-            class="t-submenu t-is-opened"
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
+            >
+              
+              <span
+                data-v-3a8c765e=""
+              >
+                菜单1
+              </span>
+              
+            </span>
+          </div>
+          <ul
+            style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened"
+            <li
+              class="t-menu__item t-is-active t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单1
-                </span>
+                子菜单1-1
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
-              
-              <li
-                class="t-menu__item t-is-active t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单1-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单1-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单1-3
-                  
-                </span>
-              </li>
-              
-            </ul>
-            
-          </li>
-          <li
-            class="t-submenu"
-          >
-            
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+                
+                子菜单1-2
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单2
-                </span>
+                子菜单1-3
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            
+          </ul>
+          
+        </li>
+        <li
+          class="t-submenu"
+          data-v-3a8c765e=""
+        >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
             >
               
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单2-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单2-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <span
+                data-v-3a8c765e=""
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单2-3
-                  
-                </span>
-              </li>
+                菜单2
+              </span>
               
-            </ul>
-            
-          </li>
-          <li
-            class="t-submenu"
+            </span>
+          </div>
+          <ul
+            style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单3
-                </span>
+                子菜单2-1
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
-              
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单3-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单3-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单3-3
-                  
-                </span>
-              </li>
-              
-            </ul>
-            
-          </li>
-          <li
-            class="t-submenu"
-          >
-            
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+                
+                子菜单2-2
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单4
-                </span>
+                子菜单2-3
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            
+          </ul>
+          
+        </li>
+        <li
+          class="t-submenu"
+          data-v-3a8c765e=""
+        >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
             >
               
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单4-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
-              >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单4-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <span
+                data-v-3a8c765e=""
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单4-3
-                  
-                </span>
-              </li>
+                菜单3
+              </span>
               
-            </ul>
-            
-          </li>
-          <li
-            class="t-submenu"
+            </span>
+          </div>
+          <ul
+            style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单5
-                </span>
+                子菜单3-1
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
-              
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单5-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+                
+                子菜单3-2
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
+            >
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单5-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+                
+                子菜单3-3
+                
+              </span>
+            </li>
+            
+          </ul>
+          
+        </li>
+        <li
+          class="t-submenu"
+          data-v-3a8c765e=""
+        >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
+            >
+              
+              <span
+                data-v-3a8c765e=""
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单5-3
-                  
-                </span>
-              </li>
+                菜单4
+              </span>
               
-            </ul>
-            
-          </li>
-          <li
-            class="t-submenu"
+            </span>
+          </div>
+          <ul
+            style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单6
-                </span>
+                子菜单4-1
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
-              
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单6-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+                
+                子菜单4-2
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
+            >
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单6-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+                
+                子菜单4-3
+                
+              </span>
+            </li>
+            
+          </ul>
+          
+        </li>
+        <li
+          class="t-submenu"
+          data-v-3a8c765e=""
+        >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
+            >
+              
+              <span
+                data-v-3a8c765e=""
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单6-3
-                  
-                </span>
-              </li>
+                菜单5
+              </span>
               
-            </ul>
-            
-          </li>
-          <li
-            class="t-submenu"
+            </span>
+          </div>
+          <ul
+            style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
               <!---->
               <span
                 class="t-menu__content"
               >
                 
-                <span>
-                  菜单7
-                </span>
+                子菜单5-1
                 
               </span>
-            </div>
-            <ul
-              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
             >
-              
-              <li
-                class="t-menu__item t-menu__item--plain"
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单7-1
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+                
+                子菜单5-2
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
+            >
+              <!---->
+              <span
+                class="t-menu__content"
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单7-2
-                  
-                </span>
-              </li>
-              <li
-                class="t-menu__item t-menu__item--plain"
+                
+                子菜单5-3
+                
+              </span>
+            </li>
+            
+          </ul>
+          
+        </li>
+        <li
+          class="t-submenu"
+          data-v-3a8c765e=""
+        >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+          >
+            <!---->
+            <span
+              class="t-menu__content"
+            >
+              
+              <span
+                data-v-3a8c765e=""
               >
-                <!---->
-                <span
-                  class="t-menu__content"
-                >
-                  
-                  子菜单7-3
-                  
-                </span>
-              </li>
+                菜单6
+              </span>
               
-            </ul>
+            </span>
+          </div>
+          <ul
+            style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+          >
             
-          </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
+            >
+              <!---->
+              <span
+                class="t-menu__content"
+              >
+                
+                子菜单6-1
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
+            >
+              <!---->
+              <span
+                class="t-menu__content"
+              >
+                
+                子菜单6-2
+                
+              </span>
+            </li>
+            <li
+              class="t-menu__item t-menu__item--plain"
+              data-v-3a8c765e=""
+            >
+              <!---->
+              <span
+                class="t-menu__content"
+              >
+                
+                子菜单6-3
+                
+              </span>
+            </li>
+            
+          </ul>
           
-        </ul>
-      </div>
+        </li>
+        
+      </ul>
       <div
         class="t-menu__operations"
       >
         
-        <a
-          href="javascript:;"
+        <div
+          class="t-demo-menu--dark"
+          data-v-3a8c765e=""
         >
-          <svg
-            class="t-icon t-icon-search t-menu__operations-icon"
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+            data-v-3a8c765e=""
+            type="button"
           >
-            <use
-              href="#t-icon-search"
-            />
-          </svg>
-        </a>
-        <a
-          href="javascript:;"
-        >
-          <svg
-            class="t-icon t-icon-mail t-menu__operations-icon"
+            
+            
+            <svg
+              class="t-icon t-icon-search"
+              data-v-3a8c765e=""
+            >
+              <use
+                href="#t-icon-search"
+              />
+            </svg>
+            
+            
+            
+          </button>
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+            data-v-3a8c765e=""
+            type="button"
           >
-            <use
-              href="#t-icon-mail"
-            />
-          </svg>
-        </a>
-        <a
-          href="javascript:;"
-        >
-          <svg
-            class="t-icon t-icon-user t-menu__operations-icon"
+            
+            
+            <svg
+              class="t-icon t-icon-mail"
+              data-v-3a8c765e=""
+            >
+              <use
+                href="#t-icon-mail"
+              />
+            </svg>
+            
+            
+            
+          </button>
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+            data-v-3a8c765e=""
+            type="button"
           >
-            <use
-              href="#t-icon-user"
-            />
-          </svg>
-        </a>
-        <a
-          href="javascript:;"
-        >
-          <svg
-            class="t-icon t-icon-ellipsis t-menu__operations-icon"
+            
+            
+            <svg
+              class="t-icon t-icon-user"
+              data-v-3a8c765e=""
+            >
+              <use
+                href="#t-icon-user"
+              />
+            </svg>
+            
+            
+            
+          </button>
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+            data-v-3a8c765e=""
+            type="button"
           >
-            <use
-              href="#t-icon-ellipsis"
-            />
-          </svg>
-        </a>
+            
+            
+            <svg
+              class="t-icon t-icon-ellipsis"
+              data-v-3a8c765e=""
+            >
+              <use
+                href="#t-icon-ellipsis"
+              />
+            </svg>
+            
+            
+            
+          </button>
+        </div>
         
       </div>
     </div>
@@ -82956,7 +83043,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
       
       <img
         alt="logo"
-        src="https://www.tencent.com/img/index/menu_logo_hover.png"
+        src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/logo%402x.png"
         width="35"
       />
       
@@ -82971,7 +83058,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
         <div
           class="t-menu-group__title"
         >
-          Classification A
+          主导航
         </div>
         
         <li
@@ -82979,10 +83066,10 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
         >
           
           <svg
-            class="t-icon t-icon-dashboard"
+            class="t-icon t-icon-app"
           >
             <use
-              href="#t-icon-dashboard"
+              href="#t-icon-app"
             />
           </svg>
           
@@ -83002,30 +83089,109 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
         <div
           class="t-menu-group__title"
         >
-          Classification B
+          组件
         </div>
         
         <li
-          class="t-menu__item t-is-active t-menu__item--plain"
+          class="t-submenu"
         >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--right"
+          >
+            
+            
+            <svg
+              class="t-icon t-icon-server"
+            >
+              <use
+                href="#t-icon-server"
+              />
+            </svg>
+            
+            <span
+              class="t-menu__content"
+            >
+              列表项
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              style="transform: rotate(0deg); margin-left: auto;"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            
+          </div>
           <!---->
+          
+        </li>
+        <li
+          class="t-menu__item"
+        >
+          
+          <svg
+            class="t-icon t-icon-edit-1"
+          >
+            <use
+              href="#t-icon-edit-1"
+            />
+          </svg>
+          
           <span
             class="t-menu__content"
           >
             
-             调度平台 
+             表单项 
             
           </span>
         </li>
         <li
-          class="t-menu__item t-menu__item--plain"
+          class="t-menu__item"
         >
-          <!---->
+          
+          <svg
+            class="t-icon t-icon-root-list"
+          >
+            <use
+              href="#t-icon-root-list"
+            />
+          </svg>
+          
+          <span
+            class="t-menu__content"
+          >
+            
+             详情页 
+            
+          </span>
+        </li>
+        <li
+          class="t-menu__item"
+        >
+          
+          <svg
+            class="t-icon t-icon-check"
+          >
+            <use
+              href="#t-icon-check"
+            />
+          </svg>
+          
           <span
             class="t-menu__content"
           >
             
-             菜单内容二很长很长很长很长很长很长很长很长 
+             结果页 
             
           </span>
         </li>
@@ -83037,18 +83203,46 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
         <div
           class="t-menu-group__title"
         >
-          Classification C
+          更多
         </div>
         
         <li
-          class="t-menu__item t-is-disabled t-menu__item--plain"
+          class="t-menu__item"
         >
-          <!---->
+          
+          <svg
+            class="t-icon t-icon-user"
+          >
+            <use
+              href="#t-icon-user"
+            />
+          </svg>
+          
           <span
             class="t-menu__content"
           >
             
-             精准监控 
+             个人页 
+            
+          </span>
+        </li>
+        <li
+          class="t-menu__item"
+        >
+          
+          <svg
+            class="t-icon t-icon-login"
+          >
+            <use
+              href="#t-icon-login"
+            />
+          </svg>
+          
+          <span
+            class="t-menu__content"
+          >
+            
+             登录页 
             
           </span>
         </li>
@@ -83060,13 +83254,23 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
       class="t-menu__operations"
     >
       
-      <svg
-        class="t-icon t-icon-view-list t-menu__operations-icon"
+      <button
+        class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only t-demo-collapse-btn"
+        type="button"
       >
-        <use
-          href="#t-icon-view-list"
-        />
-      </svg>
+        
+        
+        <svg
+          class="t-icon t-icon-view-list"
+        >
+          <use
+            href="#t-icon-view-list"
+          />
+        </svg>
+        
+        
+        
+      </button>
       
     </div>
   </div>
@@ -83076,6 +83280,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
 exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-dark.vue 1`] = `
 <div
   class="t-menu t-head-menu t-menu--dark"
+  data-v-7bda6bf8=""
 >
   <div
     class="t-head-menu__inner"
@@ -83086,118 +83291,155 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-dark.vue 1`]
       
       <img
         alt="logo"
-        class="t-menu__logo--center"
-        src="https://www.tencent.com/img/index/menu_logo.png"
-        width="136"
+        data-v-7bda6bf8=""
+        height="28"
+        src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
       />
       
     </div>
-    <div
-      class="t-menu__container"
+    <ul
+      class="t-menu"
     >
-      <ul
-        class="t-menu"
+      
+      <li
+        class="t-menu__item t-is-active t-menu__item--plain"
+        data-v-7bda6bf8=""
       >
-        
-        <li
-          class="t-menu__item t-is-active t-menu__item--plain"
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             已选内容 
-            
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-menu__item--plain"
+          
+           已选内容 
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-menu__item--plain"
+        data-v-7bda6bf8=""
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单内容一 
-            
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-menu__item--plain"
+          
+           菜单内容一 
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-menu__item--plain"
+        data-v-7bda6bf8=""
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单内容二 
-            
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-is-disabled t-menu__item--plain"
+          
+           菜单内容二 
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-is-disabled t-menu__item--plain"
+        data-v-7bda6bf8=""
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单内容三 
-            
-          </span>
-        </li>
-        
-      </ul>
-    </div>
+          
+           菜单内容三 
+          
+        </span>
+      </li>
+      
+    </ul>
     <div
       class="t-menu__operations"
     >
       
-      <a
-        href="javascript:;"
+      <div
+        class="t-demo-menu--dark"
+        data-v-7bda6bf8=""
       >
-        <svg
-          class="t-icon t-icon-search t-menu__operations-icon"
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-7bda6bf8=""
+          type="button"
         >
-          <use
-            href="#t-icon-search"
-          />
-        </svg>
-      </a>
-      <a
-        href="javascript:;"
-      >
-        <svg
-          class="t-icon t-icon-mail t-menu__operations-icon"
+          
+          
+          <svg
+            class="t-icon t-icon-search"
+            data-v-7bda6bf8=""
+          >
+            <use
+              href="#t-icon-search"
+            />
+          </svg>
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-7bda6bf8=""
+          type="button"
         >
-          <use
-            href="#t-icon-mail"
-          />
-        </svg>
-      </a>
-      <a
-        href="javascript:;"
-      >
-        <svg
-          class="t-icon t-icon-user t-menu__operations-icon"
+          
+          
+          <svg
+            class="t-icon t-icon-mail"
+            data-v-7bda6bf8=""
+          >
+            <use
+              href="#t-icon-mail"
+            />
+          </svg>
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-7bda6bf8=""
+          type="button"
         >
-          <use
-            href="#t-icon-user"
-          />
-        </svg>
-      </a>
-      <a
-        href="javascript:;"
-      >
-        <svg
-          class="t-icon t-icon-ellipsis t-menu__operations-icon"
+          
+          
+          <svg
+            class="t-icon t-icon-user"
+            data-v-7bda6bf8=""
+          >
+            <use
+              href="#t-icon-user"
+            />
+          </svg>
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-7bda6bf8=""
+          type="button"
         >
-          <use
-            href="#t-icon-ellipsis"
-          />
-        </svg>
-      </a>
+          
+          
+          <svg
+            class="t-icon t-icon-ellipsis"
+            data-v-7bda6bf8=""
+          >
+            <use
+              href="#t-icon-ellipsis"
+            />
+          </svg>
+          
+          
+          
+        </button>
+      </div>
       
     </div>
   </div>
@@ -83213,64 +83455,60 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-empty.vue 1`
     class="t-head-menu__inner"
   >
     <!---->
-    <div
-      class="t-menu__container"
+    <ul
+      class="t-menu"
     >
-      <ul
-        class="t-menu"
+      
+      <li
+        class="t-menu__item t-menu__item--plain"
+      >
+        <!---->
+        <span
+          class="t-menu__content"
+        >
+          
+           菜单内容一 
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-is-active t-menu__item--plain"
       >
-        
-        <li
-          class="t-menu__item t-menu__item--plain"
-        >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单内容一 
-            
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-is-active t-menu__item--plain"
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             已选内容 
-            
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-menu__item--plain"
+          
+           已选内容 
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-menu__item--plain"
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单内容二 
-            
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-is-disabled t-menu__item--plain"
+          
+           菜单内容二 
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-is-disabled t-menu__item--plain"
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单内容三 
-            
-          </span>
-        </li>
-        
-      </ul>
-    </div>
+          
+           菜单内容三 
+          
+        </span>
+      </li>
+      
+    </ul>
     <!---->
   </div>
   <!---->
@@ -83290,70 +83528,65 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-mode-tile.vu
       
       <img
         alt="logo"
-        class="t-menu__logo--center"
-        src="https://www.tencent.com/img/index/menu_logo_hover.png"
-        width="136"
+        height="28"
+        src="https://tdesign.gtimg.com/site/baseLogo-light.png"
       />
       
     </div>
-    <div
-      class="t-menu__container"
+    <ul
+      class="t-menu"
     >
-      <ul
-        class="t-menu"
+      
+      <li
+        class="t-menu__item t-menu__item--plain"
       >
-        
-        <li
-          class="t-menu__item t-menu__item--plain"
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单内容一 
-            
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-is-active t-menu__item--plain"
+          
+           菜单内容一 
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-is-active t-menu__item--plain"
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             已选内容 
-            
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-menu__item--plain"
+          
+           已选内容 
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-menu__item--plain"
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单内容二 
-            
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-is-disabled t-menu__item--plain"
+          
+           菜单内容二 
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-is-disabled t-menu__item--plain"
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单内容三 
-            
-          </span>
-        </li>
-        
-      </ul>
-    </div>
+          
+           菜单内容三 
+          
+        </span>
+      </li>
+      
+    </ul>
     <div
       class="t-menu__operations"
     >
@@ -83422,300 +83655,319 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-tile.vue 1`]
       
       <img
         alt="logo"
-        class="t-menu__logo--center"
-        src="https://www.tencent.com/img/index/menu_logo.png"
-        width="136"
+        height="28"
+        src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
       />
       
     </div>
-    <div
-      class="t-menu__container"
+    <ul
+      class="t-menu"
     >
-      <ul
-        class="t-menu"
+      
+      
+      <li
+        class="t-menu__item t-menu__item--plain"
       >
-        
-        
-        <li
-          class="t-menu__item t-menu__item--plain"
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
+          
+          菜单1 
+          <li
+            class="t-submenu"
           >
             
-            菜单1 
-            <li
-              class="t-submenu"
+            <div
+              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            >
+              <!---->
+              <span
+                class="t-menu__content"
+              >
+                <!---->
+              </span>
+            </div>
+            <ul
+              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
             >
               
-              <div
-                class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+              
+              <li
+                class="t-menu__item t-menu__item--plain"
               >
                 <!---->
                 <span
                   class="t-menu__content"
                 >
-                  <!---->
+                  
+                  子菜单1-1
+                  
                 </span>
-              </div>
-              <ul
-                style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+              </li>
+              <li
+                class="t-menu__item t-menu__item--plain"
               >
-                
-                
-                <li
-                  class="t-menu__item t-menu__item--plain"
-                >
-                  <!---->
-                  <span
-                    class="t-menu__content"
-                  >
-                    
-                    子菜单1-1
-                    
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item t-menu__item--plain"
-                >
-                  <!---->
-                  <span
-                    class="t-menu__content"
-                  >
-                    
-                    子菜单1-2
-                    
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item t-menu__item--plain"
+                <!---->
+                <span
+                  class="t-menu__content"
                 >
-                  <!---->
-                  <span
-                    class="t-menu__content"
-                  >
-                    
-                    子菜单1-3
-                    
-                  </span>
-                </li>
-                
-                
-              </ul>
+                  
+                  子菜单1-2
+                  
+                </span>
+              </li>
+              <li
+                class="t-menu__item t-menu__item--plain"
+              >
+                <!---->
+                <span
+                  class="t-menu__content"
+                >
+                  
+                  子菜单1-3
+                  
+                </span>
+              </li>
               
-            </li>
+              
+            </ul>
             
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-menu__item--plain"
+          </li>
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-menu__item--plain"
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
+          
+          菜单2 
+          <li
+            class="t-submenu"
           >
             
-            菜单2 
-            <li
-              class="t-submenu"
+            <div
+              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            >
+              <!---->
+              <span
+                class="t-menu__content"
+              >
+                <!---->
+              </span>
+            </div>
+            <ul
+              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
             >
               
-              <div
-                class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+              
+              <li
+                class="t-menu__item t-is-active t-menu__item--plain"
               >
                 <!---->
                 <span
                   class="t-menu__content"
                 >
-                  <!---->
+                  
+                  子菜单2-1
+                  
                 </span>
-              </div>
-              <ul
-                style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+              </li>
+              <li
+                class="t-menu__item t-menu__item--plain"
               >
-                
-                
-                <li
-                  class="t-menu__item t-is-active t-menu__item--plain"
-                >
-                  <!---->
-                  <span
-                    class="t-menu__content"
-                  >
-                    
-                    子菜单2-1
-                    
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item t-menu__item--plain"
+                <!---->
+                <span
+                  class="t-menu__content"
                 >
-                  <!---->
-                  <span
-                    class="t-menu__content"
-                  >
-                    
-                    子菜单2-2
-                    
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item t-menu__item--plain"
+                  
+                  子菜单2-2
+                  
+                </span>
+              </li>
+              <li
+                class="t-menu__item t-menu__item--plain"
+              >
+                <!---->
+                <span
+                  class="t-menu__content"
                 >
-                  <!---->
-                  <span
-                    class="t-menu__content"
-                  >
-                    
-                    子菜单2-3
-                    
-                  </span>
-                </li>
-                
-                
-              </ul>
+                  
+                  子菜单2-3
+                  
+                </span>
+              </li>
               
-            </li>
+              
+            </ul>
             
-          </span>
-        </li>
-        <li
-          class="t-menu__item t-menu__item--plain"
+          </li>
+          
+        </span>
+      </li>
+      <li
+        class="t-menu__item t-menu__item--plain"
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
+          
+          菜单3 
+          <li
+            class="t-submenu"
           >
             
-            菜单3 
-            <li
-              class="t-submenu"
+            <div
+              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            >
+              <!---->
+              <span
+                class="t-menu__content"
+              >
+                <!---->
+              </span>
+            </div>
+            <ul
+              style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
             >
               
-              <div
-                class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+              
+              <li
+                class="t-menu__item t-menu__item--plain"
               >
                 <!---->
                 <span
                   class="t-menu__content"
                 >
-                  <!---->
+                  
+                  子菜单3-1
+                  
                 </span>
-              </div>
-              <ul
-                style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
+              </li>
+              <li
+                class="t-menu__item t-menu__item--plain"
               >
-                
-                
-                <li
-                  class="t-menu__item t-menu__item--plain"
-                >
-                  <!---->
-                  <span
-                    class="t-menu__content"
-                  >
-                    
-                    子菜单3-1
-                    
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item t-menu__item--plain"
+                <!---->
+                <span
+                  class="t-menu__content"
                 >
-                  <!---->
-                  <span
-                    class="t-menu__content"
-                  >
-                    
-                    子菜单3-2
-                    
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item t-menu__item--plain"
+                  
+                  子菜单3-2
+                  
+                </span>
+              </li>
+              <li
+                class="t-menu__item t-menu__item--plain"
+              >
+                <!---->
+                <span
+                  class="t-menu__content"
                 >
-                  <!---->
-                  <span
-                    class="t-menu__content"
-                  >
-                    
-                    子菜单3-3
-                    
-                  </span>
-                </li>
-                
-                
-              </ul>
+                  
+                  子菜单3-3
+                  
+                </span>
+              </li>
               
-            </li>
+              
+            </ul>
             
-          </span>
-        </li>
-        
-        <li
-          class="t-menu__item t-is-disabled t-menu__item--plain"
+          </li>
+          
+        </span>
+      </li>
+      
+      <li
+        class="t-menu__item t-is-disabled t-menu__item--plain"
+      >
+        <!---->
+        <span
+          class="t-menu__content"
         >
-          <!---->
-          <span
-            class="t-menu__content"
-          >
-            
-             菜单4 
-            
-          </span>
-        </li>
-        
-      </ul>
-    </div>
+          
+           菜单4 
+          
+        </span>
+      </li>
+      
+    </ul>
     <div
       class="t-menu__operations"
     >
       
-      <a
-        href="javascript:;"
+      <button
+        class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+        type="button"
       >
+        
+        
         <svg
-          class="t-icon t-icon-search t-menu__operations-icon"
+          class="t-icon t-icon-search"
         >
           <use
             href="#t-icon-search"
           />
         </svg>
-      </a>
-      <a
-        href="javascript:;"
+        
+        
+        
+      </button>
+      <button
+        class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+        type="button"
       >
+        
+        
         <svg
-          class="t-icon t-icon-mail t-menu__operations-icon"
+          class="t-icon t-icon-mail"
         >
           <use
             href="#t-icon-mail"
           />
         </svg>
-      </a>
-      <a
-        href="javascript:;"
+        
+        
+        
+      </button>
+      <button
+        class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+        type="button"
       >
+        
+        
         <svg
-          class="t-icon t-icon-user t-menu__operations-icon"
+          class="t-icon t-icon-user"
         >
           <use
             href="#t-icon-user"
           />
         </svg>
-      </a>
-      <a
-        href="javascript:;"
+        
+        
+        
+      </button>
+      <button
+        class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+        type="button"
       >
+        
+        
         <svg
-          class="t-icon t-icon-ellipsis t-menu__operations-icon"
+          class="t-icon t-icon-ellipsis"
         >
           <use
             href="#t-icon-ellipsis"
           />
         </svg>
-      </a>
+        
+        
+        
+      </button>
       
     </div>
   </div>
@@ -83726,9 +83978,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-tile.vue 1`]
 exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
 <div
   class="box"
+  data-v-3a81e078=""
 >
   <div
     class="t-default-menu t-menu--light"
+    data-v-3a81e078=""
     height="550px"
     style="height: 100%; width: 232px;"
   >
@@ -83742,6 +83996,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         
         <li
           class="t-submenu t-is-opened"
+          data-v-3a81e078=""
         >
           
           <div
@@ -83750,6 +84005,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             
             <svg
               class="t-icon t-icon-mail"
+              data-v-3a81e078=""
             >
               <use
                 href="#t-icon-mail"
@@ -83760,7 +84016,9 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
               class="t-menu__content"
             >
               
-              <span>
+              <span
+                data-v-3a81e078=""
+              >
                 消息区
               </span>
               
@@ -83789,6 +84047,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             
             <li
               class="t-submenu"
+              data-v-3a81e078=""
             >
               
               <div
@@ -83824,6 +84083,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
                 
                 <li
                   class="t-menu__item t-menu__item--plain t-submenu__item"
+                  data-v-3a81e078=""
                 >
                   <!---->
                   <span
@@ -83836,6 +84096,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
                 </li>
                 <li
                   class="t-menu__item t-menu__item--plain t-submenu__item"
+                  data-v-3a81e078=""
                 >
                   <!---->
                   <span
@@ -83848,6 +84109,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
                 </li>
                 <li
                   class="t-menu__item t-menu__item--plain t-submenu__item"
+                  data-v-3a81e078=""
                 >
                   <!---->
                   <span
@@ -83864,6 +84126,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             </li>
             <li
               class="t-submenu"
+              data-v-3a81e078=""
             >
               
               <div
@@ -83899,6 +84162,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
                 
                 <li
                   class="t-menu__item t-menu__item--plain t-submenu__item"
+                  data-v-3a81e078=""
                 >
                   <!---->
                   <span
@@ -83911,6 +84175,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
                 </li>
                 <li
                   class="t-menu__item t-menu__item--plain t-submenu__item"
+                  data-v-3a81e078=""
                 >
                   <!---->
                   <span
@@ -83923,6 +84188,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
                 </li>
                 <li
                   class="t-menu__item t-menu__item--plain t-submenu__item"
+                  data-v-3a81e078=""
                 >
                   <!---->
                   <span
@@ -83939,6 +84205,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             </li>
             <li
               class="t-menu__item t-is-active t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -83951,6 +84218,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             </li>
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -83963,6 +84231,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             </li>
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -83979,10 +84248,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         </li>
         <li
           class="t-menu__item"
+          data-v-3a81e078=""
         >
           
           <svg
             class="t-icon t-icon-user-circle"
+            data-v-3a81e078=""
           >
             <use
               href="#t-icon-user-circle"
@@ -83999,6 +84270,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         </li>
         <li
           class="t-submenu"
+          data-v-3a81e078=""
         >
           
           <div
@@ -84007,6 +84279,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             
             <svg
               class="t-icon t-icon-play-circle"
+              data-v-3a81e078=""
             >
               <use
                 href="#t-icon-play-circle"
@@ -84017,7 +84290,9 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
               class="t-menu__content"
             >
               
-              <span>
+              <span
+                data-v-3a81e078=""
+              >
                 视频区
               </span>
               
@@ -84046,6 +84321,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -84058,6 +84334,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             </li>
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -84070,6 +84347,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             </li>
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -84086,10 +84364,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         </li>
         <li
           class="t-menu__item"
+          data-v-3a81e078=""
         >
           
           <svg
             class="t-icon t-icon-edit-1"
+            data-v-3a81e078=""
           >
             <use
               href="#t-icon-edit-1"
@@ -84110,19 +84390,32 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         class="t-menu__operations"
       >
         
-        <svg
-          class="t-icon t-icon-view-list t-menu__operations-icon"
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-3a81e078=""
+          type="button"
         >
-          <use
-            href="#t-icon-view-list"
-          />
-        </svg>
+          
+          
+          <svg
+            class="t-icon t-icon-view-list"
+            data-v-3a81e078=""
+          >
+            <use
+              href="#t-icon-view-list"
+            />
+          </svg>
+          
+          
+          
+        </button>
         
       </div>
     </div>
   </div>
   <div
     class="t-default-menu t-menu--dark"
+    data-v-3a81e078=""
     height="550px"
     style="height: 100%; width: 232px; margin-left: 50px;"
   >
@@ -84136,10 +84429,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         
         <li
           class="t-menu__item"
+          data-v-3a81e078=""
         >
           
           <svg
             class="t-icon t-icon-dashboard"
+            data-v-3a81e078=""
           >
             <use
               href="#t-icon-dashboard"
@@ -84156,10 +84451,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         </li>
         <li
           class="t-menu__item"
+          data-v-3a81e078=""
         >
           
           <svg
             class="t-icon t-icon-server"
+            data-v-3a81e078=""
           >
             <use
               href="#t-icon-server"
@@ -84176,10 +84473,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         </li>
         <li
           class="t-menu__item"
+          data-v-3a81e078=""
         >
           
           <svg
             class="t-icon t-icon-root-list"
+            data-v-3a81e078=""
           >
             <use
               href="#t-icon-root-list"
@@ -84196,6 +84495,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         </li>
         <li
           class="t-submenu t-is-opened"
+          data-v-3a81e078=""
         >
           
           <div
@@ -84204,6 +84504,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             
             <svg
               class="t-icon t-icon-control-platform"
+              data-v-3a81e078=""
             >
               <use
                 href="#t-icon-control-platform"
@@ -84214,7 +84515,9 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
               class="t-menu__content"
             >
               
-              <span>
+              <span
+                data-v-3a81e078=""
+              >
                 调度平台
               </span>
               
@@ -84243,6 +84546,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             
             <li
               class="t-menu__item t-is-active t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -84255,6 +84559,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             </li>
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -84267,6 +84572,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             </li>
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -84283,10 +84589,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         </li>
         <li
           class="t-menu__item"
+          data-v-3a81e078=""
         >
           
           <svg
             class="t-icon t-icon-precise-monitor"
+            data-v-3a81e078=""
           >
             <use
               href="#t-icon-precise-monitor"
@@ -84303,6 +84611,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         </li>
         <li
           class="t-submenu t-is-disabled"
+          data-v-3a81e078=""
         >
           
           <div
@@ -84311,6 +84620,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             
             <svg
               class="t-icon t-icon-mail"
+              data-v-3a81e078=""
             >
               <use
                 href="#t-icon-mail"
@@ -84346,6 +84656,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -84358,6 +84669,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             </li>
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -84370,6 +84682,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             </li>
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -84386,10 +84699,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         </li>
         <li
           class="t-menu__item"
+          data-v-3a81e078=""
         >
           
           <svg
             class="t-icon t-icon-user-circle"
+            data-v-3a81e078=""
           >
             <use
               href="#t-icon-user-circle"
@@ -84406,6 +84721,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         </li>
         <li
           class="t-submenu"
+          data-v-3a81e078=""
         >
           
           <div
@@ -84414,6 +84730,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             
             <svg
               class="t-icon t-icon-play-circle"
+              data-v-3a81e078=""
             >
               <use
                 href="#t-icon-play-circle"
@@ -84424,7 +84741,9 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
               class="t-menu__content"
             >
               
-              <span>
+              <span
+                data-v-3a81e078=""
+              >
                 视频区
               </span>
               
@@ -84453,6 +84772,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -84465,6 +84785,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             </li>
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -84477,6 +84798,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             </li>
             <li
               class="t-menu__item t-menu__item--plain t-submenu__item"
+              data-v-3a81e078=""
             >
               <!---->
               <span
@@ -84493,10 +84815,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         </li>
         <li
           class="t-menu__item"
+          data-v-3a81e078=""
         >
           
           <svg
             class="t-icon t-icon-edit-1"
+            data-v-3a81e078=""
           >
             <use
               href="#t-icon-edit-1"
@@ -84517,13 +84841,25 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
         class="t-menu__operations"
       >
         
-        <svg
-          class="t-icon t-icon-view-list t-menu__operations-icon"
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only t-demo-collapse-btn"
+          data-v-3a81e078=""
+          type="button"
         >
-          <use
-            href="#t-icon-view-list"
-          />
-        </svg>
+          
+          
+          <svg
+            class="t-icon t-icon-view-list"
+            data-v-3a81e078=""
+          >
+            <use
+              href="#t-icon-view-list"
+            />
+          </svg>
+          
+          
+          
+        </button>
         
       </div>
     </div>
@@ -84534,9 +84870,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
 exports[`csr snapshot test > csr test ./src/menu/_example/multiple.vue 1`] = `
 <div
   class="box"
+  data-v-4dc7c046=""
 >
   <div
     class="t-menu t-head-menu t-menu--light"
+    data-v-4dc7c046=""
   >
     <div
       class="t-head-menu__inner"
@@ -84547,143 +84885,176 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multiple.vue 1`] = `
         
         <img
           alt="logo"
-          src="https://www.tencent.com/img/index/menu_logo_hover.png"
-          width="136"
+          data-v-4dc7c046=""
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
         />
         
       </div>
-      <div
-        class="t-menu__container"
+      <ul
+        class="t-menu"
       >
-        <ul
-          class="t-menu"
+        
+        <li
+          class="t-submenu"
+          data-v-4dc7c046=""
         >
           
-          <li
-            class="t-submenu"
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            <!---->
+            <span
+              class="t-menu__content"
             >
               
-              <!---->
               <span
-                class="t-menu__content"
+                data-v-4dc7c046=""
               >
-                
-                <span>
-                  菜单1
-                </span>
-                
+                菜单1
               </span>
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                style="transform: rotate(0deg);"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
               
-            </div>
-            <!---->
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              style="transform: rotate(0deg);"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
             
-          </li>
-          <li
-            class="t-submenu"
+          </div>
+          <!---->
+          
+        </li>
+        <li
+          class="t-submenu"
+          data-v-4dc7c046=""
+        >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
-            >
-              
-              <!---->
-              <span
-                class="t-menu__content"
-              >
-                菜单2
-              </span>
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                style="transform: rotate(0deg);"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-              
-            </div>
             <!---->
+            <span
+              class="t-menu__content"
+            >
+              菜单2
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              style="transform: rotate(0deg);"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
             
-          </li>
+          </div>
+          <!---->
           
-        </ul>
-      </div>
+        </li>
+        
+      </ul>
       <div
         class="t-menu__operations"
       >
         
-        <a
-          href="javascript:;"
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-4dc7c046=""
+          type="button"
         >
+          
+          
           <svg
-            class="t-icon t-icon-search t-menu__operations-icon"
+            class="t-icon t-icon-search"
+            data-v-4dc7c046=""
           >
             <use
               href="#t-icon-search"
             />
           </svg>
-        </a>
-        <a
-          href="javascript:;"
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-4dc7c046=""
+          type="button"
         >
+          
+          
           <svg
-            class="t-icon t-icon-mail t-menu__operations-icon"
+            class="t-icon t-icon-mail"
+            data-v-4dc7c046=""
           >
             <use
               href="#t-icon-mail"
             />
           </svg>
-        </a>
-        <a
-          href="javascript:;"
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-4dc7c046=""
+          type="button"
         >
+          
+          
           <svg
-            class="t-icon t-icon-user t-menu__operations-icon"
+            class="t-icon t-icon-user"
+            data-v-4dc7c046=""
           >
             <use
               href="#t-icon-user"
             />
           </svg>
-        </a>
-        <a
-          href="javascript:;"
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-4dc7c046=""
+          type="button"
         >
+          
+          
           <svg
-            class="t-icon t-icon-ellipsis t-menu__operations-icon"
+            class="t-icon t-icon-ellipsis"
+            data-v-4dc7c046=""
           >
             <use
               href="#t-icon-ellipsis"
             />
           </svg>
-        </a>
+          
+          
+          
+        </button>
         
       </div>
     </div>
@@ -84691,6 +85062,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multiple.vue 1`] = `
   </div>
   <div
     class="t-menu t-head-menu t-menu--dark"
+    data-v-4dc7c046=""
     style="margin-top: 24px;"
   >
     <div
@@ -84702,147 +85074,187 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multiple.vue 1`] = `
         
         <img
           alt="logo"
-          src="https://www.tencent.com/img/index/menu_logo.png"
-          width="136"
+          data-v-4dc7c046=""
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
         />
         
       </div>
-      <div
-        class="t-menu__container"
+      <ul
+        class="t-menu"
       >
-        <ul
-          class="t-menu"
+        
+        <li
+          class="t-submenu"
+          data-v-4dc7c046=""
         >
           
-          <li
-            class="t-submenu"
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            <!---->
+            <span
+              class="t-menu__content"
             >
               
-              <!---->
               <span
-                class="t-menu__content"
+                data-v-4dc7c046=""
               >
-                
-                <span>
-                  菜单1
-                </span>
-                
+                菜单1
               </span>
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                style="transform: rotate(0deg);"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
               
-            </div>
-            <!---->
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              style="transform: rotate(0deg);"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
             
-          </li>
-          <li
-            class="t-submenu"
+          </div>
+          <!---->
+          
+        </li>
+        <li
+          class="t-submenu"
+          data-v-4dc7c046=""
+        >
+          
+          <div
+            class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
           >
             
-            <div
-              class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
+            <!---->
+            <span
+              class="t-menu__content"
             >
               
-              <!---->
               <span
-                class="t-menu__content"
+                data-v-4dc7c046=""
               >
-                
-                <span>
-                  菜单2
-                </span>
-                
+                菜单2
               </span>
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                style="transform: rotate(0deg);"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
               
-            </div>
-            <!---->
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              style="transform: rotate(0deg);"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
             
-          </li>
+          </div>
+          <!---->
           
-        </ul>
-      </div>
+        </li>
+        
+      </ul>
       <div
         class="t-menu__operations"
       >
         
-        <a
-          href="javascript:;"
+        <div
+          class="t-demo-menu--dark"
+          data-v-4dc7c046=""
         >
-          <svg
-            class="t-icon t-icon-search t-menu__operations-icon"
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+            data-v-4dc7c046=""
+            type="button"
           >
-            <use
-              href="#t-icon-search"
-            />
-          </svg>
-        </a>
-        <a
-          href="javascript:;"
-        >
-          <svg
-            class="t-icon t-icon-mail t-menu__operations-icon"
+            
+            
+            <svg
+              class="t-icon t-icon-search"
+              data-v-4dc7c046=""
+            >
+              <use
+                href="#t-icon-search"
+              />
+            </svg>
+            
+            
+            
+          </button>
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+            data-v-4dc7c046=""
+            type="button"
           >
-            <use
-              href="#t-icon-mail"
-            />
-          </svg>
-        </a>
-        <a
-          href="javascript:;"
-        >
-          <svg
-            class="t-icon t-icon-user t-menu__operations-icon"
+            
+            
+            <svg
+              class="t-icon t-icon-mail"
+              data-v-4dc7c046=""
+            >
+              <use
+                href="#t-icon-mail"
+              />
+            </svg>
+            
+            
+            
+          </button>
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+            data-v-4dc7c046=""
+            type="button"
           >
-            <use
-              href="#t-icon-user"
-            />
-          </svg>
-        </a>
-        <a
-          href="javascript:;"
-        >
-          <svg
-            class="t-icon t-icon-ellipsis t-menu__operations-icon"
+            
+            
+            <svg
+              class="t-icon t-icon-user"
+              data-v-4dc7c046=""
+            >
+              <use
+                href="#t-icon-user"
+              />
+            </svg>
+            
+            
+            
+          </button>
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+            data-v-4dc7c046=""
+            type="button"
           >
-            <use
-              href="#t-icon-ellipsis"
-            />
-          </svg>
-        </a>
+            
+            
+            <svg
+              class="t-icon t-icon-ellipsis"
+              data-v-4dc7c046=""
+            >
+              <use
+                href="#t-icon-ellipsis"
+              />
+            </svg>
+            
+            
+            
+          </button>
+        </div>
         
       </div>
     </div>
@@ -84865,7 +85277,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/popup-side.vue 1`] = `
       
       <img
         alt="logo"
-        src="https://www.tencent.com/img/index/menu_logo_hover.png"
+        src="https://tdesign.gtimg.com/site/baseLogo-light.png"
         width="136"
       />
       
@@ -85094,13 +85506,23 @@ exports[`csr snapshot test > csr test ./src/menu/_example/popup-side.vue 1`] = `
       class="t-menu__operations"
     >
       
-      <svg
-        class="t-icon t-icon-view-list t-menu__operations-icon"
+      <button
+        class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+        type="button"
       >
-        <use
-          href="#t-icon-view-list"
-        />
-      </svg>
+        
+        
+        <svg
+          class="t-icon t-icon-view-list"
+        >
+          <use
+            href="#t-icon-view-list"
+          />
+        </svg>
+        
+        
+        
+      </button>
       
     </div>
   </div>
@@ -85122,9 +85544,8 @@ exports[`csr snapshot test > csr test ./src/menu/_example/side-menu-width.vue 1`
       
       <img
         alt="logo"
-        class="t-menu__logo--center"
-        src="https://www.tencent.com/img/index/menu_logo_hover.png"
-        width="136"
+        height="28"
+        src="https://tdesign.gtimg.com/site/baseLogo-light.png"
       />
       
     </div>
@@ -85188,9 +85609,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/side-menu-width.vue 1`
 `;
 
 exports[`csr snapshot test > csr test ./src/menu/_example/single.vue 1`] = `
-<div>
+<div
+  data-v-42966b55=""
+>
   <div
     class="t-menu t-head-menu t-menu--light"
+    data-v-42966b55=""
   >
     <div
       class="t-head-menu__inner"
@@ -85201,113 +85625,148 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single.vue 1`] = `
         
         <img
           alt="logo"
-          src="https://www.tencent.com/img/index/menu_logo_hover.png"
-          width="136"
+          data-v-42966b55=""
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
         />
         
       </div>
-      <div
-        class="t-menu__container"
+      <ul
+        class="t-menu"
       >
-        <ul
-          class="t-menu"
+        
+        <li
+          class="t-menu__item t-menu__item--plain"
+          data-v-42966b55=""
         >
-          
-          <li
-            class="t-menu__item t-menu__item--plain"
-          >
-            <!---->
-            <span
-              class="t-menu__content"
-            >
-              
-               菜单1 
-              
-            </span>
-          </li>
-          <li
-            class="t-menu__item t-is-active t-menu__item--plain"
+          <!---->
+          <span
+            class="t-menu__content"
           >
-            <!---->
-            <span
-              class="t-menu__content"
-            >
-              
-               菜单2 
-              
-            </span>
-          </li>
-          <li
-            class="t-menu__item t-is-disabled t-menu__item--plain"
+            
+             菜单1 
+            
+          </span>
+        </li>
+        <li
+          class="t-menu__item t-is-active t-menu__item--plain"
+          data-v-42966b55=""
+        >
+          <!---->
+          <span
+            class="t-menu__content"
           >
-            <!---->
-            <span
-              class="t-menu__content"
-            >
-              
-               禁用菜单 
-              
-            </span>
-          </li>
-          
-        </ul>
-      </div>
+            
+             菜单2 
+            
+          </span>
+        </li>
+        <li
+          class="t-menu__item t-is-disabled t-menu__item--plain"
+          data-v-42966b55=""
+        >
+          <!---->
+          <span
+            class="t-menu__content"
+          >
+            
+             禁用菜单 
+            
+          </span>
+        </li>
+        
+      </ul>
       <div
         class="t-menu__operations"
       >
         
-        <a
-          href="javascript:;"
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-42966b55=""
+          type="button"
         >
+          
+          
           <svg
-            class="t-icon t-icon-search t-menu__operations-icon"
+            class="t-icon t-icon-search"
+            data-v-42966b55=""
           >
             <use
               href="#t-icon-search"
             />
           </svg>
-        </a>
-        <a
-          href="javascript:;"
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-42966b55=""
+          type="button"
         >
+          
+          
           <svg
-            class="t-icon t-icon-mail t-menu__operations-icon"
+            class="t-icon t-icon-mail"
+            data-v-42966b55=""
           >
             <use
               href="#t-icon-mail"
             />
           </svg>
-        </a>
-        <a
-          href="javascript:;"
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-42966b55=""
+          type="button"
         >
+          
+          
           <svg
-            class="t-icon t-icon-user t-menu__operations-icon"
+            class="t-icon t-icon-user"
+            data-v-42966b55=""
           >
             <use
               href="#t-icon-user"
             />
           </svg>
-        </a>
-        <a
-          href="javascript:;"
+          
+          
+          
+        </button>
+        <button
+          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+          data-v-42966b55=""
+          type="button"
         >
+          
+          
           <svg
-            class="t-icon t-icon-ellipsis t-menu__operations-icon"
+            class="t-icon t-icon-ellipsis"
+            data-v-42966b55=""
           >
             <use
               href="#t-icon-ellipsis"
             />
           </svg>
-        </a>
+          
+          
+          
+        </button>
         
       </div>
     </div>
     <!---->
   </div>
-  <br />
+  <br
+    data-v-42966b55=""
+  />
   <div
     class="t-menu t-head-menu t-menu--dark"
+    data-v-42966b55=""
     height="120px"
   >
     <div
@@ -85319,105 +85778,142 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single.vue 1`] = `
         
         <img
           alt="logo"
-          src="https://www.tencent.com/img/index/menu_logo.png"
-          width="136"
+          data-v-42966b55=""
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
         />
         
       </div>
-      <div
-        class="t-menu__container"
+      <ul
+        class="t-menu"
       >
-        <ul
-          class="t-menu"
+        
+        <li
+          class="t-menu__item t-is-active t-menu__item--plain"
+          data-v-42966b55=""
         >
-          
-          <li
-            class="t-menu__item t-is-active t-menu__item--plain"
+          <!---->
+          <span
+            class="t-menu__content"
           >
-            <!---->
-            <span
-              class="t-menu__content"
-            >
-              
-               菜单1 
-              
-            </span>
-          </li>
-          <li
-            class="t-menu__item t-menu__item--plain"
+            
+             菜单1 
+            
+          </span>
+        </li>
+        <li
+          class="t-menu__item t-menu__item--plain"
+          data-v-42966b55=""
+        >
+          <!---->
+          <span
+            class="t-menu__content"
           >
-            <!---->
-            <span
-              class="t-menu__content"
-            >
-              
-               菜单2 
-              
-            </span>
-          </li>
-          <li
-            class="t-menu__item t-is-disabled t-menu__item--plain"
+            
+             菜单2 
+            
+          </span>
+        </li>
+        <li
+          class="t-menu__item t-is-disabled t-menu__item--plain"
+          data-v-42966b55=""
+        >
+          <!---->
+          <span
+            class="t-menu__content"
           >
-            <!---->
-            <span
-              class="t-menu__content"
-            >
-              
-               禁用菜单 
-              
-            </span>
-          </li>
-          
-        </ul>
-      </div>
+            
+             禁用菜单 
+            
+          </span>
+        </li>
+        
+      </ul>
       <div
         class="t-menu__operations"
       >
         
-        <a
-          href="javascript:;"
+        <div
+          class="t-demo-menu--dark"
+          data-v-42966b55=""
         >
-          <svg
-            class="t-icon t-icon-search t-menu__operations-icon"
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+            data-v-42966b55=""
+            type="button"
           >
-            <use
-              href="#t-icon-search"
-            />
-          </svg>
-        </a>
-        <a
-          href="javascript:;"
-        >
-          <svg
-            class="t-icon t-icon-mail t-menu__operations-icon"
+            
+            
+            <svg
+              class="t-icon t-icon-search"
+              data-v-42966b55=""
+            >
+              <use
+                href="#t-icon-search"
+              />
+            </svg>
+            
+            
+            
+          </button>
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+            data-v-42966b55=""
+            type="button"
           >
-            <use
-              href="#t-icon-mail"
-            />
-          </svg>
-        </a>
-        <a
-          href="javascript:;"
-        >
-          <svg
-            class="t-icon t-icon-user t-menu__operations-icon"
+            
+            
+            <svg
+              class="t-icon t-icon-mail"
+              data-v-42966b55=""
+            >
+              <use
+                href="#t-icon-mail"
+              />
+            </svg>
+            
+            
+            
+          </button>
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+            data-v-42966b55=""
+            type="button"
           >
-            <use
-              href="#t-icon-user"
-            />
-          </svg>
-        </a>
-        <a
-          href="javascript:;"
-        >
-          <svg
-            class="t-icon t-icon-ellipsis t-menu__operations-icon"
+            
+            
+            <svg
+              class="t-icon t-icon-user"
+              data-v-42966b55=""
+            >
+              <use
+                href="#t-icon-user"
+              />
+            </svg>
+            
+            
+            
+          </button>
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only"
+            data-v-42966b55=""
+            type="button"
           >
-            <use
-              href="#t-icon-ellipsis"
-            />
-          </svg>
-        </a>
+            
+            
+            <svg
+              class="t-icon t-icon-ellipsis"
+              data-v-42966b55=""
+            >
+              <use
+                href="#t-icon-ellipsis"
+              />
+            </svg>
+            
+            
+            
+          </button>
+        </div>
         
       </div>
     </div>
@@ -85444,9 +85940,8 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single-side.vue 1`] =
         
         <img
           alt="logo"
-          class="t-menu__logo--center"
-          src="https://www.tencent.com/img/index/menu_logo_hover.png"
-          width="136"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
         />
         
       </div>
@@ -85581,9 +86076,8 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single-side.vue 1`] =
         
         <img
           alt="logo"
-          class="t-menu__logo--center"
-          src="https://www.tencent.com/img/index/menu_logo_hover.png"
-          width="136"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
         />
         
       </div>
@@ -85790,9 +86284,8 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single-side.vue 1`] =
         
         <img
           alt="logo"
-          class="t-menu__logo--center"
-          src="https://www.tencent.com/img/index/menu_logo.png"
-          width="136"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
         />
         
       </div>
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index ddfea085ec..237485b6a3 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -553,9 +553,9 @@ exports[`ssr snapshot test > ssr test ./src/layout/_example/aside.vue 1`] = `"<s
 
 exports[`ssr snapshot test > ssr test ./src/layout/_example/base.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div><section class=\\"t-layout\\"><!--[--><header class=\\"t-layout__header\\" style=\\"\\"><!--[-->Header<!--]--></header><main class=\\"t-layout__content\\"><!--[-->Content<!--]--></main><footer class=\\"t-layout__footer\\" style=\\"\\"><!--[-->Footer<!--]--></footer><!--]--></section></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div><section class=\\"t-layout\\"><!--[--><header class=\\"t-layout__header\\" style=\\"\\"><!--[-->Header<!--]--></header><section class=\\"t-layout\\"><!--[--><aside class=\\"t-layout__sider\\" style=\\"\\"><!--[-->Aside<!--]--></aside><main class=\\"t-layout__content\\"><!--[-->Content<!--]--></main><!--]--></section><footer class=\\"t-layout__footer\\" style=\\"\\"><!--[-->Footer<!--]--></footer><!--]--></section></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div><section class=\\"t-layout\\"><!--[--><header class=\\"t-layout__header\\" style=\\"\\"><!--[-->Header<!--]--></header><section class=\\"t-layout\\"><!--[--><main class=\\"t-layout__content\\"><!--[-->Content<!--]--></main><aside class=\\"t-layout__sider\\" style=\\"\\"><!--[-->Aside<!--]--></aside><!--]--></section><footer class=\\"t-layout__footer\\" style=\\"\\"><!--[-->Footer<!--]--></footer><!--]--></section></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div><section class=\\"t-layout\\"><!--[--><aside class=\\"t-layout__sider\\" style=\\"\\"><!--[-->Aside<!--]--></aside><section class=\\"t-layout\\"><!--[--><header class=\\"t-layout__header\\" style=\\"\\"><!--[-->Header<!--]--></header><main class=\\"t-layout__content\\"><!--[-->Content<!--]--></main><footer class=\\"t-layout__footer\\" style=\\"\\"><!--[-->Footer<!--]--></footer><!--]--></section><!--]--></section></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/layout/_example/combine.vue 1`] = `"<section class=\\"t-layout\\"><!--[--><header class=\\"t-layout__header\\" style=\\"\\"><!--[--><div class=\\"t-menu t-head-menu t-menu--light\\" height=\\"120px\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" class=\\"logo\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 已选内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul></div><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-notification-filled t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-notification-filled\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-home t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-home\\"></use></svg></a><!--]--></div></div><!----></div><!--]--></header><section class=\\"t-layout\\"><!--[--><aside class=\\"t-layout__sider\\" style=\\"border-top:1px solid var(--component-border);\\"><!--[--><div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;margin-right:50px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><!----><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item t-is-active\\"><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\"><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-server\\" style=\\"\\"><use href=\\"#t-icon-server\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源列表 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-root-list\\" style=\\"\\"><use href=\\"#t-icon-root-list\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 根目录 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-control-platform\\" style=\\"\\"><use href=\\"#t-icon-control-platform\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 调度平台 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-precise-monitor\\" style=\\"\\"><use href=\\"#t-icon-precise-monitor\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 调度平台 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 消息区 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-user-circle\\" style=\\"\\"><use href=\\"#t-icon-user-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 个人中心 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-play-circle\\" style=\\"\\"><use href=\\"#t-icon-play-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 视频区 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\"><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><!----></div></div><!--]--></aside><section class=\\"t-layout\\"><!--[--><main class=\\"t-layout__content\\"><!--[--><div>Content</div><!--]--></main><footer class=\\"t-layout__footer\\" style=\\"\\"><!--[-->Copyright @ 2019-2020 Tencent. All Rights Reserved<!--]--></footer><!--]--></section><!--]--></section><!--]--></section>"`;
+exports[`ssr snapshot test > ssr test ./src/layout/_example/combine.vue 1`] = `"<section class=\\"t-layout\\"><!--[--><header class=\\"t-layout__header\\" style=\\"\\"><!--[--><div class=\\"t-menu t-head-menu t-menu--light\\" height=\\"120px\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" class=\\"logo\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 已选内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-notification-filled t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-notification-filled\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-home t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-home\\"></use></svg></a><!--]--></div></div><!----></div><!--]--></header><section class=\\"t-layout\\"><!--[--><aside class=\\"t-layout__sider\\" style=\\"border-top:1px solid var(--component-border);\\"><!--[--><div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;margin-right:50px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><!----><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item t-is-active\\"><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\"><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-server\\" style=\\"\\"><use href=\\"#t-icon-server\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源列表 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-root-list\\" style=\\"\\"><use href=\\"#t-icon-root-list\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 根目录 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-control-platform\\" style=\\"\\"><use href=\\"#t-icon-control-platform\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 调度平台 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-precise-monitor\\" style=\\"\\"><use href=\\"#t-icon-precise-monitor\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 调度平台 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 消息区 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-user-circle\\" style=\\"\\"><use href=\\"#t-icon-user-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 个人中心 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-play-circle\\" style=\\"\\"><use href=\\"#t-icon-play-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 视频区 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\"><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><!----></div></div><!--]--></aside><section class=\\"t-layout\\"><!--[--><main class=\\"t-layout__content\\"><!--[--><div>Content</div><!--]--></main><footer class=\\"t-layout__footer\\" style=\\"\\"><!--[-->Copyright @ 2019-2020 Tencent. All Rights Reserved<!--]--></footer><!--]--></section><!--]--></section><!--]--></section>"`;
 
-exports[`ssr snapshot test > ssr test ./src/layout/_example/top.vue 1`] = `"<section class=\\"t-layout\\"><!--[--><header class=\\"t-layout__header\\" style=\\"\\"><!--[--><div class=\\"t-menu t-head-menu t-menu--light\\" height=\\"120px\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" class=\\"logo\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 已选内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul></div><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-notification-filled t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-notification-filled\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-home t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-home\\"></use></svg></a><!--]--></div></div><!----></div><!--]--></header><main class=\\"t-layout__content\\"><!--[--><div>Content</div><!--]--></main><footer class=\\"t-layout__footer\\" style=\\"\\"><!--[--> Copyright @ 2019-2020 Tencent. All Rights Reserved <!--]--></footer><!--]--></section>"`;
+exports[`ssr snapshot test > ssr test ./src/layout/_example/top.vue 1`] = `"<section class=\\"t-layout\\"><!--[--><header class=\\"t-layout__header\\" style=\\"\\"><!--[--><div class=\\"t-menu t-head-menu t-menu--light\\" height=\\"120px\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" class=\\"logo\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 已选内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-notification-filled t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-notification-filled\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-home t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-home\\"></use></svg></a><!--]--></div></div><!----></div><!--]--></header><main class=\\"t-layout__content\\"><!--[--><div>Content</div><!--]--></main><footer class=\\"t-layout__footer\\" style=\\"\\"><!--[--> Copyright @ 2019-2020 Tencent. All Rights Reserved <!--]--></footer><!--]--></section>"`;
 
 exports[`ssr snapshot test > ssr test ./src/link/_example/base.vue 1`] = `"<div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><a class=\\"t-link t-link--theme-primary t-link--hover-underline\\" target><!----><!--[-->跳转链接<!--]--><!----></a></div><!----><!--]--><!--]--></div>"`;
 
@@ -621,35 +621,35 @@ exports[`ssr snapshot test > ssr test ./src/loading/_example/text.vue 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test ./src/loading/_example/wrap.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-loading__parent\\" style=\\"width:170px;\\"><!--[--><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><div>this is loading component</div><!--]--><div class=\\"t-loading--center t-size-s t-loading t-loading--full t-loading__overlay\\" style=\\"\\"><svg class=\\"t-loading__gradient t-icon-loading\\" viewBox=\\"0 0 14 14\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\"><foreignObject x=\\"1\\" y=\\"1\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg><!----></div></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><button class=\\"t-button t-size-s t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->加载中<!--]--></span></button></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><button class=\\"t-button t-size-s t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->加载完成<!--]--></span></button></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/closable-side.vue 1`] = `"<div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><span>LOGO</span><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\"><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘1 <!--]--></span></li><li class=\\"t-submenu\\" mode=\\"popup\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span>信息区</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-play-circle\\" style=\\"\\"><use href=\\"#t-icon-play-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 视频区 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled\\"><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\"><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><svg class=\\"t-icon t-icon-chevron-left t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-chevron-left\\"></use></svg><!--]--></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/closable-side.vue 1`] = `"<div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><span>LOGO</span><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\"><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘1 <!--]--></span></li><li class=\\"t-submenu\\" mode=\\"popup\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span>信息区</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-play-circle\\" style=\\"\\"><use href=\\"#t-icon-play-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 视频区 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled\\"><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\"><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only t-demo-collapse-btn\\" type=\\"button\\"><!--[--><!--[--><svg class=\\"t-icon t-icon-chevron-left\\" style=\\"\\"><use href=\\"#t-icon-chevron-left\\"></use></svg><!--]--><!--]--></button><!--]--></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/custom-header.vue 1`] = `"<div class=\\"t-menu t-head-menu t-menu--dark\\" data-v-92091f28><div class=\\"t-head-menu__inner\\"><!----><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-92091f28><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-92091f28><!----><span class=\\"t-menu__content\\"><!--[--> 已选内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-92091f28><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-92091f28><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul></div><div class=\\"t-menu__operations\\"><!--[--><div class=\\"demo-box\\" data-v-92091f28>自定义内容区域</div><!--]--></div></div><!----></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/custom-header.vue 1`] = `"<div class=\\"t-menu t-head-menu t-menu--dark\\" data-v-92091f28><div class=\\"t-head-menu__inner\\"><!----><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-92091f28><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-92091f28><!----><span class=\\"t-menu__content\\"><!--[--> 已选内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-92091f28><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-92091f28><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><div class=\\"t-demo-menu--dark\\" data-v-92091f28><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-92091f28><!--[--><!--[--><svg class=\\"t-icon t-icon-search\\" style=\\"\\" data-v-92091f28><use href=\\"#t-icon-search\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-92091f28><!--[--><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\" data-v-92091f28><use href=\\"#t-icon-mail\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-92091f28><!--[--><!--[--><svg class=\\"t-icon t-icon-user\\" style=\\"\\" data-v-92091f28><use href=\\"#t-icon-user\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-92091f28><!--[--><!--[--><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"\\" data-v-92091f28><use href=\\"#t-icon-ellipsis\\"></use></svg><!--]--><!--]--></button></div><!--]--></div></div><!----></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/custom-side.vue 1`] = `"<div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->禁用菜单<!--]--></span></li><!--]--></ul><!----></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/custom-side.vue 1`] = `"<div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->禁用菜单<!--]--></span></li><!--]--></ul><!----></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/double.vue 1`] = `"<div class=\\"box\\" style=\\"width:800px;\\"><div class=\\"t-menu t-head-menu t-menu--light\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><li class=\\"t-submenu t-is-opened\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单1</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单2</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单3</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单4</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单4-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单4-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单4-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单5</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单5-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单5-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单5-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单6</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单6-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单6-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单6-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单7</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单7-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单7-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单7-3<!--]--></span></li><!--]--></ul><!--]--></li><!--]--></ul></div><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-mail t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-user t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-user\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-ellipsis t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-ellipsis\\"></use></svg></a><!--]--></div></div><!----></div><div class=\\"t-menu t-head-menu t-menu--dark\\" style=\\"margin-top:24px;\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo.png\\" alt=\\"logo\\"><!--]--></div><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><li class=\\"t-submenu t-is-opened\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单1</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单2</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单3</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单4</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单4-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单4-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单4-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单5</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单5-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单5-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单5-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单6</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单6-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单6-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单6-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单7</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单7-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单7-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单7-3<!--]--></span></li><!--]--></ul><!--]--></li><!--]--></ul></div><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-mail t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-user t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-user\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-ellipsis t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-ellipsis\\"></use></svg></a><!--]--></div></div><!----></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/double.vue 1`] = `"<div class=\\"box\\" style=\\"width:800px;\\" data-v-3a8c765e><div class=\\"t-menu t-head-menu t-menu--light\\" data-v-3a8c765e><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\" data-v-3a8c765e><!--]--></div><ul class=\\"t-menu\\"><!--[--><li class=\\"t-submenu t-is-opened\\" data-v-3a8c765e><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened\\"><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-3a8c765e>菜单1</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\" data-v-3a8c765e><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-3a8c765e>菜单2</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\" data-v-3a8c765e><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-3a8c765e>菜单3</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\" data-v-3a8c765e><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-3a8c765e>菜单4</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单4-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单4-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单4-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\" data-v-3a8c765e><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-3a8c765e>菜单5</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单5-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单5-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单5-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\" data-v-3a8c765e><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-3a8c765e>菜单6</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单6-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单6-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单6-3<!--]--></span></li><!--]--></ul><!--]--></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-3a8c765e><!--[--><!--[--><svg class=\\"t-icon t-icon-search\\" style=\\"\\" data-v-3a8c765e><use href=\\"#t-icon-search\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-3a8c765e><!--[--><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\" data-v-3a8c765e><use href=\\"#t-icon-mail\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-3a8c765e><!--[--><!--[--><svg class=\\"t-icon t-icon-user\\" style=\\"\\" data-v-3a8c765e><use href=\\"#t-icon-user\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-3a8c765e><!--[--><!--[--><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"\\" data-v-3a8c765e><use href=\\"#t-icon-ellipsis\\"></use></svg><!--]--><!--]--></button><!--]--></div></div><!----></div><div class=\\"t-menu t-head-menu t-menu--dark\\" style=\\"margin-top:24px;\\" data-v-3a8c765e><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\" data-v-3a8c765e><!--]--></div><ul class=\\"t-menu\\"><!--[--><li class=\\"t-submenu t-is-opened\\" data-v-3a8c765e><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened\\"><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-3a8c765e>菜单1</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\" data-v-3a8c765e><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-3a8c765e>菜单2</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\" data-v-3a8c765e><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-3a8c765e>菜单3</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\" data-v-3a8c765e><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-3a8c765e>菜单4</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单4-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单4-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单4-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\" data-v-3a8c765e><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-3a8c765e>菜单5</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单5-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单5-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单5-3<!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\" data-v-3a8c765e><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-3a8c765e>菜单6</span><!--]--></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单6-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单6-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><!----><span class=\\"t-menu__content\\"><!--[-->子菜单6-3<!--]--></span></li><!--]--></ul><!--]--></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><div class=\\"t-demo-menu--dark\\" data-v-3a8c765e><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-3a8c765e><!--[--><!--[--><svg class=\\"t-icon t-icon-search\\" style=\\"\\" data-v-3a8c765e><use href=\\"#t-icon-search\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-3a8c765e><!--[--><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\" data-v-3a8c765e><use href=\\"#t-icon-mail\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-3a8c765e><!--[--><!--[--><svg class=\\"t-icon t-icon-user\\" style=\\"\\" data-v-3a8c765e><use href=\\"#t-icon-user\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-3a8c765e><!--[--><!--[--><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"\\" data-v-3a8c765e><use href=\\"#t-icon-ellipsis\\"></use></svg><!--]--><!--]--></button></div><!--]--></div></div><!----></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/group-side.vue 1`] = `"<div class=\\"t-default-menu t-menu--light t-is-collapsed\\" style=\\"height:100%;width:64px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"35\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu narrow-scrollbar\\"><!--[--><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">Classification A</div><!--[--><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\"><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><!--]--></div><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">Classification B</div><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 调度平台 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二很长很长很长很长很长很长很长很长 <!--]--></span></li><!--]--></div><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">Classification C</div><!--[--><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 精准监控 <!--]--></span></li><!--]--></div><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><svg class=\\"t-icon t-icon-view-list t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-view-list\\"></use></svg><!--]--></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/group-side.vue 1`] = `"<div class=\\"t-default-menu t-menu--light t-is-collapsed\\" style=\\"height:100%;width:64px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"35\\" src=\\"https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/logo%402x.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu narrow-scrollbar\\"><!--[--><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">主导航</div><!--[--><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-app\\" style=\\"\\"><use href=\\"#t-icon-app\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><!--]--></div><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">组件</div><!--[--><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!--[--><!--[--><svg class=\\"t-icon t-icon-server\\" style=\\"\\"><use href=\\"#t-icon-server\\"></use></svg><!--]--><span class=\\"t-menu__content\\">列表项</span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);margin-left:auto;\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--]--></div><!----><!--]--></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\"><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 表单项 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-root-list\\" style=\\"\\"><use href=\\"#t-icon-root-list\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 详情页 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-check\\" style=\\"\\"><use href=\\"#t-icon-check\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 结果页 <!--]--></span></li><!--]--></div><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">更多</div><!--[--><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-user\\" style=\\"\\"><use href=\\"#t-icon-user\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 个人页 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-login\\" style=\\"\\"><use href=\\"#t-icon-login\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 登录页 <!--]--></span></li><!--]--></div><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only t-demo-collapse-btn\\" type=\\"button\\"><!--[--><!--[--><svg class=\\"t-icon t-icon-view-list\\" style=\\"\\"><use href=\\"#t-icon-view-list\\"></use></svg><!--]--><!--]--></button><!--]--></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/head-menu-dark.vue 1`] = `"<div class=\\"t-menu t-head-menu t-menu--dark\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" class=\\"t-menu__logo--center\\" src=\\"https://www.tencent.com/img/index/menu_logo.png\\" alt=\\"logo\\"><!--]--></div><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 已选内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul></div><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-mail t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-user t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-user\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-ellipsis t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-ellipsis\\"></use></svg></a><!--]--></div></div><!----></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/head-menu-dark.vue 1`] = `"<div class=\\"t-menu t-head-menu t-menu--dark\\" data-v-7bda6bf8><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\" data-v-7bda6bf8><!--]--></div><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-7bda6bf8><!----><span class=\\"t-menu__content\\"><!--[--> 已选内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-7bda6bf8><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-7bda6bf8><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-7bda6bf8><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><div class=\\"t-demo-menu--dark\\" data-v-7bda6bf8><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-7bda6bf8><!--[--><!--[--><svg class=\\"t-icon t-icon-search\\" style=\\"\\" data-v-7bda6bf8><use href=\\"#t-icon-search\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-7bda6bf8><!--[--><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\" data-v-7bda6bf8><use href=\\"#t-icon-mail\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-7bda6bf8><!--[--><!--[--><svg class=\\"t-icon t-icon-user\\" style=\\"\\" data-v-7bda6bf8><use href=\\"#t-icon-user\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-7bda6bf8><!--[--><!--[--><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"\\" data-v-7bda6bf8><use href=\\"#t-icon-ellipsis\\"></use></svg><!--]--><!--]--></button></div><!--]--></div></div><!----></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/head-menu-empty.vue 1`] = `"<div class=\\"t-menu t-head-menu t-menu--light\\"><div class=\\"t-head-menu__inner\\"><!----><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 已选内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul></div><!----></div><!----></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/head-menu-empty.vue 1`] = `"<div class=\\"t-menu t-head-menu t-menu--light\\"><div class=\\"t-head-menu__inner\\"><!----><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 已选内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul><!----></div><!----></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/head-menu-mode-tile.vue 1`] = `"<div class=\\"t-menu t-head-menu t-menu--dark\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" class=\\"t-menu__logo--center\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 已选内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul></div><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-mail t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-user t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-user\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-ellipsis t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-ellipsis\\"></use></svg></a><!--]--></div></div><!----></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/head-menu-mode-tile.vue 1`] = `"<div class=\\"t-menu t-head-menu t-menu--dark\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 已选内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单内容三 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-mail t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-user t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-user\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-ellipsis t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-ellipsis\\"></use></svg></a><!--]--></div></div><!----></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/head-menu-tile.vue 1`] = `"<div class=\\"t-menu t-head-menu t-menu--dark\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" class=\\"t-menu__logo--center\\" src=\\"https://www.tencent.com/img/index/menu_logo.png\\" alt=\\"logo\\"><!--]--></div><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单1 <li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!----></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-3<!--]--></span></li><!--]--><!--]--></ul><!--]--></li><!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单2 <li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!----></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-3<!--]--></span></li><!--]--><!--]--></ul><!--]--></li><!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单3 <li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!----></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-3<!--]--></span></li><!--]--><!--]--></ul><!--]--></li><!--]--></span></li><!--]--><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单4 <!--]--></span></li><!--]--></ul></div><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-mail t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-user t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-user\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-ellipsis t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-ellipsis\\"></use></svg></a><!--]--></div></div><!----></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/head-menu-tile.vue 1`] = `"<div class=\\"t-menu t-head-menu t-menu--dark\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu\\"><!--[--><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单1 <li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!----></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单1-3<!--]--></span></li><!--]--><!--]--></ul><!--]--></li><!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单2 <li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!----></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单2-3<!--]--></span></li><!--]--><!--]--></ul><!--]--></li><!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单3 <li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!----><span class=\\"t-menu__content\\"><!----></span></div><ul style=\\"opacity: 0; width: 0; height: 0; overflow: hidden\\"><!--[--><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-1<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-2<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->子菜单3-3<!--]--></span></li><!--]--><!--]--></ul><!--]--></li><!--]--></span></li><!--]--><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单4 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\"><!--[--><!--[--><svg class=\\"t-icon t-icon-search\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\"><!--[--><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\"><!--[--><!--[--><svg class=\\"t-icon t-icon-user\\" style=\\"\\"><use href=\\"#t-icon-user\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\"><!--[--><!--[--><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"\\"><use href=\\"#t-icon-ellipsis\\"></use></svg><!--]--><!--]--></button><!--]--></div></div><!----></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/multi-side.vue 1`] = `"<div class=\\"box\\"><div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><!----><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-submenu t-is-opened\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-opened\\"><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span>消息区</span><!--]--></span><svg class=\\"t-fake-arrow t-fake-arrow--active\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub t-is-opened\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!----><span class=\\"t-menu__content\\">二级菜单</span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:60px;\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 三级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 三级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 三级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!----><span class=\\"t-menu__content\\">二级菜单</span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:60px;\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 三级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 三级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 三级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item t-is-active t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-user-circle\\" style=\\"\\"><use href=\\"#t-icon-user-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 个人中心 <!--]--></span></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!--[--><svg class=\\"t-icon t-icon-play-circle\\" style=\\"\\"><use href=\\"#t-icon-play-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span>视频区</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\"><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><svg class=\\"t-icon t-icon-view-list t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-view-list\\"></use></svg><!--]--></div></div></div><div class=\\"t-default-menu t-menu--dark\\" style=\\"height:100%;width:232px;margin-left:50px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><!----><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\"><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-server\\" style=\\"\\"><use href=\\"#t-icon-server\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源列表 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-root-list\\" style=\\"\\"><use href=\\"#t-icon-root-list\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 根目录 <!--]--></span></li><li class=\\"t-submenu t-is-opened\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-opened\\"><!--[--><svg class=\\"t-icon t-icon-control-platform\\" style=\\"\\"><use href=\\"#t-icon-control-platform\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span>调度平台</span><!--]--></span><svg class=\\"t-fake-arrow t-fake-arrow--active\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub t-is-opened\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-precise-monitor\\" style=\\"\\"><use href=\\"#t-icon-precise-monitor\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 精准监控 <!--]--></span></li><li class=\\"t-submenu t-is-disabled\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-disabled\\"><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg><!--]--><span class=\\"t-menu__content\\">消息区</span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-user-circle\\" style=\\"\\"><use href=\\"#t-icon-user-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 个人中心 <!--]--></span></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!--[--><svg class=\\"t-icon t-icon-play-circle\\" style=\\"\\"><use href=\\"#t-icon-play-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span>视频区</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\"><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><svg class=\\"t-icon t-icon-view-list t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-view-list\\"></use></svg><!--]--></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/multi-side.vue 1`] = `"<div class=\\"box\\" data-v-3a81e078><div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\" height=\\"550px\\" data-v-3a81e078><div class=\\"t-default-menu__inner\\"><!----><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-submenu t-is-opened\\" data-v-3a81e078><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-opened\\"><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-mail\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span data-v-3a81e078>消息区</span><!--]--></span><svg class=\\"t-fake-arrow t-fake-arrow--active\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub t-is-opened\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-submenu\\" data-v-3a81e078><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!----><span class=\\"t-menu__content\\">二级菜单</span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:60px;\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 三级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 三级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 三级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\" data-v-3a81e078><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!----><span class=\\"t-menu__content\\">二级菜单</span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:60px;\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 三级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 三级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 三级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item t-is-active t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item\\" data-v-3a81e078><!--[--><svg class=\\"t-icon t-icon-user-circle\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-user-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 个人中心 <!--]--></span></li><li class=\\"t-submenu\\" data-v-3a81e078><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!--[--><svg class=\\"t-icon t-icon-play-circle\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-play-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span data-v-3a81e078>视频区</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item\\" data-v-3a81e078><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-3a81e078><!--[--><!--[--><svg class=\\"t-icon t-icon-view-list\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-view-list\\"></use></svg><!--]--><!--]--></button><!--]--></div></div></div><div class=\\"t-default-menu t-menu--dark\\" style=\\"height:100%;width:232px;margin-left:50px;\\" height=\\"550px\\" data-v-3a81e078><div class=\\"t-default-menu__inner\\"><!----><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item\\" data-v-3a81e078><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><li class=\\"t-menu__item\\" data-v-3a81e078><!--[--><svg class=\\"t-icon t-icon-server\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-server\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源列表 <!--]--></span></li><li class=\\"t-menu__item\\" data-v-3a81e078><!--[--><svg class=\\"t-icon t-icon-root-list\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-root-list\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 根目录 <!--]--></span></li><li class=\\"t-submenu t-is-opened\\" data-v-3a81e078><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-opened\\"><!--[--><svg class=\\"t-icon t-icon-control-platform\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-control-platform\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span data-v-3a81e078>调度平台</span><!--]--></span><svg class=\\"t-fake-arrow t-fake-arrow--active\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub t-is-opened\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item\\" data-v-3a81e078><!--[--><svg class=\\"t-icon t-icon-precise-monitor\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-precise-monitor\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 精准监控 <!--]--></span></li><li class=\\"t-submenu t-is-disabled\\" data-v-3a81e078><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-disabled\\"><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-mail\\"></use></svg><!--]--><span class=\\"t-menu__content\\">消息区</span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item\\" data-v-3a81e078><!--[--><svg class=\\"t-icon t-icon-user-circle\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-user-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 个人中心 <!--]--></span></li><li class=\\"t-submenu\\" data-v-3a81e078><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!--[--><svg class=\\"t-icon t-icon-play-circle\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-play-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span data-v-3a81e078>视频区</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\" data-v-3a81e078><!----><span class=\\"t-menu__content\\"><!--[--> 二级菜单内容 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item\\" data-v-3a81e078><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only t-demo-collapse-btn\\" type=\\"button\\" data-v-3a81e078><!--[--><!--[--><svg class=\\"t-icon t-icon-view-list\\" style=\\"\\" data-v-3a81e078><use href=\\"#t-icon-view-list\\"></use></svg><!--]--><!--]--></button><!--]--></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/multiple.vue 1`] = `"<div class=\\"box\\"><div class=\\"t-menu t-head-menu t-menu--light\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!--[--><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单1</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--]--></div><!----><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!--[--><!----><span class=\\"t-menu__content\\">菜单2</span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--]--></div><!----><!--]--></li><!--]--></ul></div><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-mail t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-user t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-user\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-ellipsis t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-ellipsis\\"></use></svg></a><!--]--></div></div><!----></div><div class=\\"t-menu t-head-menu t-menu--dark\\" style=\\"margin-top:24px;\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo.png\\" alt=\\"logo\\"><!--]--></div><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!--[--><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单1</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--]--></div><!----><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!--[--><!----><span class=\\"t-menu__content\\"><!--[--><span>菜单2</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--]--></div><!----><!--]--></li><!--]--></ul></div><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-mail t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-user t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-user\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-ellipsis t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-ellipsis\\"></use></svg></a><!--]--></div></div><!----></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/multiple.vue 1`] = `"<div class=\\"box\\" data-v-4dc7c046><div class=\\"t-menu t-head-menu t-menu--light\\" data-v-4dc7c046><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\" data-v-4dc7c046><!--]--></div><ul class=\\"t-menu\\"><!--[--><li class=\\"t-submenu\\" data-v-4dc7c046><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!--[--><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-4dc7c046>菜单1</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--]--></div><!----><!--]--></li><li class=\\"t-submenu\\" data-v-4dc7c046><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!--[--><!----><span class=\\"t-menu__content\\">菜单2</span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--]--></div><!----><!--]--></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-4dc7c046><!--[--><!--[--><svg class=\\"t-icon t-icon-search\\" style=\\"\\" data-v-4dc7c046><use href=\\"#t-icon-search\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-4dc7c046><!--[--><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\" data-v-4dc7c046><use href=\\"#t-icon-mail\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-4dc7c046><!--[--><!--[--><svg class=\\"t-icon t-icon-user\\" style=\\"\\" data-v-4dc7c046><use href=\\"#t-icon-user\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-4dc7c046><!--[--><!--[--><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"\\" data-v-4dc7c046><use href=\\"#t-icon-ellipsis\\"></use></svg><!--]--><!--]--></button><!--]--></div></div><!----></div><div class=\\"t-menu t-head-menu t-menu--dark\\" style=\\"margin-top:24px;\\" data-v-4dc7c046><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\" data-v-4dc7c046><!--]--></div><ul class=\\"t-menu\\"><!--[--><li class=\\"t-submenu\\" data-v-4dc7c046><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!--[--><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-4dc7c046>菜单1</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--]--></div><!----><!--]--></li><li class=\\"t-submenu\\" data-v-4dc7c046><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><!--[--><!----><span class=\\"t-menu__content\\"><!--[--><span data-v-4dc7c046>菜单2</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--]--></div><!----><!--]--></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><div class=\\"t-demo-menu--dark\\" data-v-4dc7c046><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-4dc7c046><!--[--><!--[--><svg class=\\"t-icon t-icon-search\\" style=\\"\\" data-v-4dc7c046><use href=\\"#t-icon-search\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-4dc7c046><!--[--><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\" data-v-4dc7c046><use href=\\"#t-icon-mail\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-4dc7c046><!--[--><!--[--><svg class=\\"t-icon t-icon-user\\" style=\\"\\" data-v-4dc7c046><use href=\\"#t-icon-user\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-4dc7c046><!--[--><!--[--><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"\\" data-v-4dc7c046><use href=\\"#t-icon-ellipsis\\"></use></svg><!--]--><!--]--></button></div><!--]--></div></div><!----></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/popup-side.vue 1`] = `"<div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\"><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><li class=\\"t-submenu t-is-opened\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-opened\\"><!--[--><svg class=\\"t-icon t-icon-user-circle\\" style=\\"\\"><use href=\\"#t-icon-user-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span>个人中心</span><!--]--></span><svg class=\\"t-fake-arrow t-fake-arrow--active\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub t-is-opened\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 子菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 子菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 子菜单内容三 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!--[--><svg class=\\"t-icon t-icon-root-list\\" style=\\"\\"><use href=\\"#t-icon-root-list\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span>根目录</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 子菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 子菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 子菜单内容三 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item t-is-disabled\\"><!--[--><svg class=\\"t-icon t-icon-server\\" style=\\"\\"><use href=\\"#t-icon-server\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源列表 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><svg class=\\"t-icon t-icon-view-list t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-view-list\\"></use></svg><!--]--></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/popup-side.vue 1`] = `"<div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\"><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><li class=\\"t-submenu t-is-opened\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-opened\\"><!--[--><svg class=\\"t-icon t-icon-user-circle\\" style=\\"\\"><use href=\\"#t-icon-user-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span>个人中心</span><!--]--></span><svg class=\\"t-fake-arrow t-fake-arrow--active\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub t-is-opened\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 子菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 子菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 子菜单内容三 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-submenu\\"><!--[--><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><!--[--><svg class=\\"t-icon t-icon-root-list\\" style=\\"\\"><use href=\\"#t-icon-root-list\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--><span>根目录</span><!--]--></span><svg class=\\"t-fake-arrow\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><ul class=\\"t-menu__sub\\" style=\\"--padding-left:44px;\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 子菜单内容一 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 子菜单内容二 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain t-submenu__item\\"><!----><span class=\\"t-menu__content\\"><!--[--> 子菜单内容三 <!--]--></span></li><!--]--></ul><!--]--></li><li class=\\"t-menu__item t-is-disabled\\"><!--[--><svg class=\\"t-icon t-icon-server\\" style=\\"\\"><use href=\\"#t-icon-server\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源列表 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\"><!--[--><!--[--><svg class=\\"t-icon t-icon-view-list\\" style=\\"\\"><use href=\\"#t-icon-view-list\\"></use></svg><!--]--><!--]--></button><!--]--></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/side-menu-width.vue 1`] = `"<div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:200px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" class=\\"t-menu__logo--center\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><!--]--></ul><!----></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/side-menu-width.vue 1`] = `"<div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:200px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[-->菜单内容<!--]--></span></li><!--]--></ul><!----></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/single.vue 1`] = `"<div><div class=\\"t-menu t-head-menu t-menu--light\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单1 <!--]--></span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单2 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 禁用菜单 <!--]--></span></li><!--]--></ul></div><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-mail t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-user t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-user\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-ellipsis t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-ellipsis\\"></use></svg></a><!--]--></div></div><!----></div><br><div class=\\"t-menu t-head-menu t-menu--dark\\" height=\\"120px\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo.png\\" alt=\\"logo\\"><!--]--></div><div class=\\"t-menu__container\\"><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单1 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 菜单2 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 禁用菜单 <!--]--></span></li><!--]--></ul></div><div class=\\"t-menu__operations\\"><!--[--><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-search t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-search\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-mail t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-user t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-user\\"></use></svg></a><a href=\\"javascript:;\\"><svg class=\\"t-icon t-icon-ellipsis t-menu__operations-icon\\" style=\\"\\"><use href=\\"#t-icon-ellipsis\\"></use></svg></a><!--]--></div></div><!----></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/single.vue 1`] = `"<div data-v-42966b55><div class=\\"t-menu t-head-menu t-menu--light\\" data-v-42966b55><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\" data-v-42966b55><!--]--></div><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-menu__item--plain\\" data-v-42966b55><!----><span class=\\"t-menu__content\\"><!--[--> 菜单1 <!--]--></span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-42966b55><!----><span class=\\"t-menu__content\\"><!--[--> 菜单2 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-42966b55><!----><span class=\\"t-menu__content\\"><!--[--> 禁用菜单 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-42966b55><!--[--><!--[--><svg class=\\"t-icon t-icon-search\\" style=\\"\\" data-v-42966b55><use href=\\"#t-icon-search\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-42966b55><!--[--><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\" data-v-42966b55><use href=\\"#t-icon-mail\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-42966b55><!--[--><!--[--><svg class=\\"t-icon t-icon-user\\" style=\\"\\" data-v-42966b55><use href=\\"#t-icon-user\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-42966b55><!--[--><!--[--><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"\\" data-v-42966b55><use href=\\"#t-icon-ellipsis\\"></use></svg><!--]--><!--]--></button><!--]--></div></div><!----></div><br data-v-42966b55><div class=\\"t-menu t-head-menu t-menu--dark\\" height=\\"120px\\" data-v-42966b55><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\" data-v-42966b55><!--]--></div><ul class=\\"t-menu\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-42966b55><!----><span class=\\"t-menu__content\\"><!--[--> 菜单1 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-42966b55><!----><span class=\\"t-menu__content\\"><!--[--> 菜单2 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-42966b55><!----><span class=\\"t-menu__content\\"><!--[--> 禁用菜单 <!--]--></span></li><!--]--></ul><div class=\\"t-menu__operations\\"><!--[--><div class=\\"t-demo-menu--dark\\" data-v-42966b55><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-42966b55><!--[--><!--[--><svg class=\\"t-icon t-icon-search\\" style=\\"\\" data-v-42966b55><use href=\\"#t-icon-search\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-42966b55><!--[--><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\" data-v-42966b55><use href=\\"#t-icon-mail\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-42966b55><!--[--><!--[--><svg class=\\"t-icon t-icon-user\\" style=\\"\\" data-v-42966b55><use href=\\"#t-icon-user\\"></use></svg><!--]--><!--]--></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-button--icon-only\\" type=\\"button\\" data-v-42966b55><!--[--><!--[--><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"\\" data-v-42966b55><use href=\\"#t-icon-ellipsis\\"></use></svg><!--]--><!--]--></button></div><!--]--></div></div><!----></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/menu/_example/single-side.vue 1`] = `"<div class=\\"box\\"><div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;margin-right:40px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" class=\\"t-menu__logo--center\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 资源列表 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 根目录 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 调度平台 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 精准监控 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 消息区 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 个人中心 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 视频区 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><!----></div></div><div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;margin-right:40px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" class=\\"t-menu__logo--center\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item t-is-active\\"><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\"><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-server\\" style=\\"\\"><use href=\\"#t-icon-server\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源列表 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-root-list\\" style=\\"\\"><use href=\\"#t-icon-root-list\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 根目录 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-control-platform\\" style=\\"\\"><use href=\\"#t-icon-control-platform\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 调度平台 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-precise-monitor\\" style=\\"\\"><use href=\\"#t-icon-precise-monitor\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 精准监控 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 消息区 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-user-circle\\" style=\\"\\"><use href=\\"#t-icon-user-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 个人中心 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-play-circle\\" style=\\"\\"><use href=\\"#t-icon-play-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 视频区 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\"><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><!----></div></div><div class=\\"t-default-menu t-menu--dark\\" style=\\"height:100%;width:232px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img width=\\"136\\" class=\\"t-menu__logo--center\\" src=\\"https://www.tencent.com/img/index/menu_logo.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item t-is-active\\"><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\"><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-server\\" style=\\"\\"><use href=\\"#t-icon-server\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源列表 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-root-list\\" style=\\"\\"><use href=\\"#t-icon-root-list\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 根目录 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-control-platform\\" style=\\"\\"><use href=\\"#t-icon-control-platform\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 调度平台 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-precise-monitor\\" style=\\"\\"><use href=\\"#t-icon-precise-monitor\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 精准监控 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 消息区 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-user-circle\\" style=\\"\\"><use href=\\"#t-icon-user-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 个人中心 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-play-circle\\" style=\\"\\"><use href=\\"#t-icon-play-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 视频区 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\"><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><!----></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/menu/_example/single-side.vue 1`] = `"<div class=\\"box\\"><div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;margin-right:40px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 资源列表 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 根目录 <!--]--></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 调度平台 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 精准监控 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 消息区 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 个人中心 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 视频区 <!--]--></span></li><li class=\\"t-menu__item t-menu__item--plain\\"><!----><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><!----></div></div><div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;margin-right:40px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item t-is-active\\"><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\"><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-server\\" style=\\"\\"><use href=\\"#t-icon-server\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源列表 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-root-list\\" style=\\"\\"><use href=\\"#t-icon-root-list\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 根目录 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-control-platform\\" style=\\"\\"><use href=\\"#t-icon-control-platform\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 调度平台 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-precise-monitor\\" style=\\"\\"><use href=\\"#t-icon-precise-monitor\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 精准监控 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 消息区 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-user-circle\\" style=\\"\\"><use href=\\"#t-icon-user-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 个人中心 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-play-circle\\" style=\\"\\"><use href=\\"#t-icon-play-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 视频区 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\"><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><!----></div></div><div class=\\"t-default-menu t-menu--dark\\" style=\\"height:100%;width:232px;\\" height=\\"550px\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><!--[--><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\"><!--]--></div><ul class=\\"t-menu t-menu--scroll narrow-scrollbar\\"><!--[--><li class=\\"t-menu__item t-is-active\\"><!--[--><svg class=\\"t-icon t-icon-dashboard\\" style=\\"\\"><use href=\\"#t-icon-dashboard\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 仪表盘 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-server\\" style=\\"\\"><use href=\\"#t-icon-server\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源列表 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-root-list\\" style=\\"\\"><use href=\\"#t-icon-root-list\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 根目录 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-control-platform\\" style=\\"\\"><use href=\\"#t-icon-control-platform\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 调度平台 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-precise-monitor\\" style=\\"\\"><use href=\\"#t-icon-precise-monitor\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 精准监控 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-mail\\" style=\\"\\"><use href=\\"#t-icon-mail\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 消息区 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-user-circle\\" style=\\"\\"><use href=\\"#t-icon-user-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 个人中心 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-play-circle\\" style=\\"\\"><use href=\\"#t-icon-play-circle\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 视频区 <!--]--></span></li><li class=\\"t-menu__item\\"><!--[--><svg class=\\"t-icon t-icon-edit-1\\" style=\\"\\"><use href=\\"#t-icon-edit-1\\"></use></svg><!--]--><span class=\\"t-menu__content\\"><!--[--> 资源编辑 <!--]--></span></li><!--]--></ul><!----></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/message/_example/base.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-message t-is-info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--[-->用于表示普通操作信息提示<!--]--><span class=\\"t-message__close\\"><!----></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-message t-is-success\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z\\" fill-opacity=\\"0.9\\"></path></svg><!--[-->用于表示操作顺利达成<!--]--><span class=\\"t-message__close\\"><!----></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-message t-is-warning\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg><!--[-->用于表示操作引起一定后果<!--]--><span class=\\"t-message__close\\"><!----></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-message t-is-error\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg><!--[-->用于表示操作引起严重的后果<!--]--><span class=\\"t-message__close\\"><!----></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-message t-is-question\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-help-circle-filled\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.8 6.63a2.2 2.2 0 014.39 0c0 .97-.75 1.72-1.49 2.02a.34.34 0 00-.2.32v.8h-1v-.8c0-.56.33-1.04.82-1.24.5-.2.87-.66.87-1.1a1.2 1.2 0 00-2.39 0h-1zm1.67 4.54a.53.53 0 111.05 0 .53.53 0 01-1.05 0z\\" fill-opacity=\\"0.9\\"></path></svg><!--[-->用于帮助用户操作的信息提示<!--]--><span class=\\"t-message__close\\"><!----></span></div></div><!----><!--]--><!--]--></div>"`;