From fef03bf494fe04885611e87c974d919382e01094 Mon Sep 17 00:00:00 2001
From: Yunfei Shen <shenyf0608@163.com>
Date: Mon, 8 Apr 2024 18:11:36 +0800
Subject: [PATCH] fix(menu): remove usage of `height` in menu demos (#3135)

* fix(menu): remove usage of `height` in menu demos

* fix(menu): update snapshots
---
 src/menu/_example-composition/closable-side.vue   |  2 +-
 src/menu/_example-composition/group-side.vue      |  2 +-
 src/menu/_example-composition/multi-side.vue      | 10 +---------
 src/menu/_example-composition/side-menu-width.vue |  4 ++--
 src/menu/_example-composition/single-side.vue     |  6 +++---
 src/menu/_example/closable-side.vue               |  2 +-
 src/menu/_example/group-side.vue                  |  2 +-
 src/menu/_example/multi-side.vue                  | 10 +---------
 src/menu/_example/side-menu-width.vue             |  4 ++--
 src/menu/_example/single-side.vue                 |  6 +++---
 test/snap/__snapshots__/csr.test.js.snap          |  9 ---------
 test/snap/__snapshots__/ssr.test.js.snap          | 10 +++++-----
 12 files changed, 21 insertions(+), 46 deletions(-)

diff --git a/src/menu/_example-composition/closable-side.vue b/src/menu/_example-composition/closable-side.vue
index a4d21f75d..447f9d929 100644
--- a/src/menu/_example-composition/closable-side.vue
+++ b/src/menu/_example-composition/closable-side.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-menu theme="light" defaultValue="2-1" :collapsed="collapsed" height="550px">
+  <t-menu theme="light" defaultValue="2-1" :collapsed="collapsed">
     <template #logo>
       <span>LOGO</span>
     </template>
diff --git a/src/menu/_example-composition/group-side.vue b/src/menu/_example-composition/group-side.vue
index ccdf5f9bd..298f4aa06 100644
--- a/src/menu/_example-composition/group-side.vue
+++ b/src/menu/_example-composition/group-side.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-menu theme="light" defaultValue="item2" :collapsed="collapsed" @change="changeHandler" height="550px">
+  <t-menu theme="light" defaultValue="item2" :collapsed="collapsed" @change="changeHandler">
     <template #logo>
       <img :width="collapsed ? 35 : 136" :src="iconUrl" alt="logo" />
     </template>
diff --git a/src/menu/_example-composition/multi-side.vue b/src/menu/_example-composition/multi-side.vue
index 35f647fae..298ffe6e6 100644
--- a/src/menu/_example-composition/multi-side.vue
+++ b/src/menu/_example-composition/multi-side.vue
@@ -1,13 +1,6 @@
 <template>
   <div class="box">
-    <t-menu
-      theme="light"
-      defaultValue="3-2"
-      expandMutex
-      :defaultExpanded="expanded"
-      height="550px"
-      :collapsed="collapsed"
-    >
+    <t-menu theme="light" defaultValue="3-2" expandMutex :defaultExpanded="expanded" :collapsed="collapsed">
       <t-submenu title="消息区" value="3">
         <template #icon>
           <icon name="mail" />
@@ -61,7 +54,6 @@
       style="margin-left: 40px"
       :expanded="expanded2"
       @expand="expanded2 = $event"
-      height="550px"
       :collapsed="collapsed2"
     >
       <t-menu-item value="item1">
diff --git a/src/menu/_example-composition/side-menu-width.vue b/src/menu/_example-composition/side-menu-width.vue
index 4dc2b9b95..ebc751ba2 100644
--- a/src/menu/_example-composition/side-menu-width.vue
+++ b/src/menu/_example-composition/side-menu-width.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrapper">
-    <t-menu defaultValue="item2" width="200px" height="550px" style="margin-right: 20px">
+    <t-menu defaultValue="item2" width="200px" style="margin-right: 20px">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
@@ -10,7 +10,7 @@
       <t-menu-item value="item4">资源区</t-menu-item>
     </t-menu>
 
-    <t-menu defaultValue="item2" :collapsed="collapsed" :width="['300px', 150]" height="550px">
+    <t-menu defaultValue="item2" :collapsed="collapsed" :width="['300px', 150]">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
diff --git a/src/menu/_example-composition/single-side.vue b/src/menu/_example-composition/single-side.vue
index dc5aa7c25..6fbbe73ab 100644
--- a/src/menu/_example-composition/single-side.vue
+++ b/src/menu/_example-composition/single-side.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="box">
-    <t-menu theme="light" defaultValue="item1" @change="changeHandler" style="margin-right: 40px" height="550px">
+    <t-menu theme="light" defaultValue="item1" @change="changeHandler" style="margin-right: 40px">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
@@ -15,7 +15,7 @@
       <t-menu-item value="item9">资源编辑</t-menu-item>
     </t-menu>
 
-    <t-menu theme="light" defaultValue="dashboard" style="margin-right: 40px" height="550px">
+    <t-menu theme="light" defaultValue="dashboard" style="margin-right: 40px">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
@@ -75,7 +75,7 @@
       </t-menu-item>
     </t-menu>
 
-    <t-menu theme="dark" defaultValue="dashboard" height="550px">
+    <t-menu theme="dark" defaultValue="dashboard">
       <img slot="logo" height="28" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" alt="logo" />
       <t-menu-item value="dashboard">
         <template #icon>
diff --git a/src/menu/_example/closable-side.vue b/src/menu/_example/closable-side.vue
index e7f75270b..48906504c 100644
--- a/src/menu/_example/closable-side.vue
+++ b/src/menu/_example/closable-side.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-menu theme="light" defaultValue="2-1" :collapsed="collapsed" height="550px">
+  <t-menu theme="light" defaultValue="2-1" :collapsed="collapsed">
     <template #logo>
       <span>LOGO</span>
     </template>
diff --git a/src/menu/_example/group-side.vue b/src/menu/_example/group-side.vue
index 184a21598..591c1624c 100644
--- a/src/menu/_example/group-side.vue
+++ b/src/menu/_example/group-side.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-menu theme="light" defaultValue="item2" :collapsed="collapsed" @change="changeHandler" height="550px">
+  <t-menu theme="light" defaultValue="item2" :collapsed="collapsed" @change="changeHandler">
     <template #logo>
       <img :width="collapsed ? 35 : 136" :src="iconUrl" alt="logo" />
     </template>
diff --git a/src/menu/_example/multi-side.vue b/src/menu/_example/multi-side.vue
index 4d28cd908..7430bcd4b 100644
--- a/src/menu/_example/multi-side.vue
+++ b/src/menu/_example/multi-side.vue
@@ -1,13 +1,6 @@
 <template>
   <div class="box">
-    <t-menu
-      theme="light"
-      defaultValue="3-2"
-      expandMutex
-      :defaultExpanded="expanded"
-      height="550px"
-      :collapsed="collapsed"
-    >
+    <t-menu theme="light" defaultValue="3-2" expandMutex :defaultExpanded="expanded" :collapsed="collapsed">
       <t-submenu title="消息区" value="3">
         <template #icon>
           <icon name="mail" />
@@ -61,7 +54,6 @@
       style="margin-left: 40px"
       :expanded="expanded2"
       @expand="expanded2 = $event"
-      height="550px"
       :collapsed="collapsed2"
     >
       <t-menu-item value="item1">
diff --git a/src/menu/_example/side-menu-width.vue b/src/menu/_example/side-menu-width.vue
index 1ef1f1a12..0dc74dbb0 100644
--- a/src/menu/_example/side-menu-width.vue
+++ b/src/menu/_example/side-menu-width.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrapper">
-    <t-menu defaultValue="item2" width="200px" height="550px" style="margin-right: 20px">
+    <t-menu defaultValue="item2" width="200px" style="margin-right: 20px">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
@@ -10,7 +10,7 @@
       <t-menu-item value="item4">资源区</t-menu-item>
     </t-menu>
 
-    <t-menu defaultValue="item2" :collapsed="collapsed" :width="['300px', 150]" height="550px">
+    <t-menu defaultValue="item2" :collapsed="collapsed" :width="['300px', 150]">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
diff --git a/src/menu/_example/single-side.vue b/src/menu/_example/single-side.vue
index d56881d15..52e1418f2 100644
--- a/src/menu/_example/single-side.vue
+++ b/src/menu/_example/single-side.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="box">
-    <t-menu theme="light" defaultValue="item1" @change="changeHandler" style="margin-right: 40px" height="550px">
+    <t-menu theme="light" defaultValue="item1" @change="changeHandler" style="margin-right: 40px">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
@@ -15,7 +15,7 @@
       <t-menu-item value="item9">资源编辑</t-menu-item>
     </t-menu>
 
-    <t-menu theme="light" defaultValue="dashboard" style="margin-right: 40px" height="550px">
+    <t-menu theme="light" defaultValue="dashboard" style="margin-right: 40px">
       <template #logo>
         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
       </template>
@@ -75,7 +75,7 @@
       </t-menu-item>
     </t-menu>
 
-    <t-menu theme="dark" defaultValue="dashboard" height="550px">
+    <t-menu theme="dark" defaultValue="dashboard">
       <img slot="logo" height="28" src="https://tdesign.gtimg.com/site/baseLogo-dark.png" alt="logo" />
       <t-menu-item value="dashboard">
         <template #icon>
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index 0e506f6d4..d39816615 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -69737,7 +69737,6 @@ exports[`csr snapshot test > csr test ./src/loading/_example/wrap.vue 1`] = `
 exports[`csr snapshot test > csr test ./src/menu/_example/closable-side.vue 1`] = `
 <div
   class="t-default-menu t-menu--light t-is-collapsed"
-  height="550px"
   style="height: 100%; width: 64px;"
 >
   <div
@@ -70490,7 +70489,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
 exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
 <div
   class="t-default-menu t-menu--light"
-  height="550px"
   style="height: 100%; width: 232px;"
 >
   <div
@@ -71345,7 +71343,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
   <div
     class="t-default-menu t-menu--light"
     data-v-3a81e078=""
-    height="550px"
     style="height: 100%; width: 232px;"
   >
     <div
@@ -71722,7 +71719,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
   <div
     class="t-default-menu t-menu--dark"
     data-v-3a81e078=""
-    height="550px"
     style="height: 100%; width: 232px; margin-left: 40px;"
   >
     <div
@@ -72692,7 +72688,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/side-menu-width.vue 1`
 >
   <div
     class="t-default-menu t-menu--light"
-    height="550px"
     style="height: 100%; width: 200px; margin-right: 20px;"
   >
     <div
@@ -72751,7 +72746,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/side-menu-width.vue 1`
   </div>
   <div
     class="t-default-menu t-menu--light"
-    height="550px"
     style="height: 100%; width: 300px;"
   >
     <div
@@ -73156,7 +73150,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single-side.vue 1`] =
 >
   <div
     class="t-default-menu t-menu--light"
-    height="550px"
     style="height: 100%; width: 232px; margin-right: 40px;"
   >
     <div
@@ -73266,7 +73259,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single-side.vue 1`] =
   </div>
   <div
     class="t-default-menu t-menu--light"
-    height="550px"
     style="height: 100%; width: 232px; margin-right: 40px;"
   >
     <div
@@ -73433,7 +73425,6 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single-side.vue 1`] =
   </div>
   <div
     class="t-default-menu t-menu--dark"
-    height="550px"
     style="height: 100%; width: 232px;"
   >
     <div
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index 66e2589ed..f58378df4 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -644,7 +644,7 @@ exports[`ssr snapshot test > renders ./src/loading/_example/text.vue correctly 1
 
 exports[`ssr snapshot test > renders ./src/loading/_example/wrap.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-loading__parent\\"><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\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">加载中</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">加载完成</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/closable-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" height=\\"550px\\" class=\\"t-default-menu t-menu--light t-is-collapsed\\" style=\\"height:100%;width:64px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><span>LOGO</span></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-dashboard\\"><use href=\\"#t-icon-dashboard\\"></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-mail\\"><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\"><span>信息区</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(-90deg);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-play-circle\\"><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\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源区 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg class=\\"t-icon t-icon-chevron-right\\"><use href=\\"#t-icon-chevron-right\\"></use></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/closable-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-default-menu t-menu--light t-is-collapsed\\" style=\\"height:100%;width:64px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><span>LOGO</span></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-dashboard\\"><use href=\\"#t-icon-dashboard\\"></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-mail\\"><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\"><span>信息区</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(-90deg);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-play-circle\\"><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\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源区 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg class=\\"t-icon t-icon-chevron-right\\"><use href=\\"#t-icon-chevron-right\\"></use></svg></button></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/menu/_example/custom-header.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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\\">菜单1</span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-92091f28><span class=\\"t-menu__content\\">菜单2</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-92091f28><span class=\\"t-menu__content\\">菜单3</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 type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-92091f28><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-92091f28><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-92091f28></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-92091f28><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-92091f28><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-92091f28></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-92091f28><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-92091f28><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-92091f28></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-92091f28><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-92091f28><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-92091f28></path></svg></button></div></div></div></div>"`;
 
@@ -652,7 +652,7 @@ exports[`ssr snapshot test > renders ./src/menu/_example/custom-side.vue correct
 
 exports[`ssr snapshot test > renders ./src/menu/_example/double.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"box\\" 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 data-v-3a8c765e>菜单1</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 data-v-3a8c765e>菜单2</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></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" shape=\\"square\\" class=\\"t-icon t-icon-search\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-3a8c765e></path></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 data-v-3a8c765e>菜单1</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 data-v-3a8c765e>菜单2</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></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\" data-v-3a8c765e><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-3a8c765e></path></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/group-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" height=\\"550px\\" 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\\"><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">主导航</div><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-app\\"><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\\"><use href=\\"#t-icon-server\\"></use></svg><span class=\\"t-menu__content\\">列表项</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-edit-1\\"><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\\"><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\\"><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\\"><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\\"><use href=\\"#t-icon-login\\"></use></svg><span class=\\"t-menu__content\\"> 登录页 </span></li></div></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-view-list\\"><use href=\\"#t-icon-view-list\\"></use></svg></span></button></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/group-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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\\"><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">主导航</div><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-app\\"><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\\"><use href=\\"#t-icon-server\\"></use></svg><span class=\\"t-menu__content\\">列表项</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-edit-1\\"><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\\"><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\\"><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\\"><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\\"><use href=\\"#t-icon-login\\"></use></svg><span class=\\"t-menu__content\\"> 登录页 </span></li></div></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-view-list\\"><use href=\\"#t-icon-view-list\\"></use></svg></span></button></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/menu/_example/head-menu-dark.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-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\\"><div class=\\"t-demo-menu--dark\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\"><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\"></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\"></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></button></div></div></div></div>"`;
 
@@ -662,17 +662,17 @@ exports[`ssr snapshot test > renders ./src/menu/_example/head-menu-mode-tile.vue
 
 exports[`ssr snapshot test > renders ./src/menu/_example/head-menu-tile.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-menu t-head-menu t-menu--dark\\" data-v-46745d88><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-46745d88></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 菜单1 <li class=\\"t-submenu\\" data-v-46745d88><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单1-1 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单1-2 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单1-3 </span></li></ul></li></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 菜单2 <li class=\\"t-submenu\\" data-v-46745d88><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"></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-46745d88><span class=\\"t-menu__content\\"> 子菜单2-1 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单2-2 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单2-3 </span></li></ul></li></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 菜单3 <li class=\\"t-submenu\\" data-v-46745d88><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单3-1 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单3-2 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><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\\" data-v-46745d88><span class=\\"t-menu__content\\">菜单4</span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-46745d88><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" shape=\\"square\\" class=\\"t-icon t-icon-search\\" data-v-46745d88><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-46745d88></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-46745d88><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-46745d88><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-46745d88></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-46745d88><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-46745d88><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-46745d88></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-46745d88><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-46745d88><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-46745d88></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/multi-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"box\\" data-v-3a81e078><div height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\" data-v-3a81e078><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><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\\" data-v-3a81e078><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\">消息区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-fake-arrow--active\\" 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><div name=\\"t-slide-down\\"></div></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\\"></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-play-circle\\" data-v-3a81e078><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\">视频区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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><div name=\\"t-slide-down\\"></div></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\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a81e078><span class=\\"t-button__text\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a81e078><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-view-list\\" data-v-3a81e078><path fill=\\"currentColor\\" d=\\"M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z\\" data-v-3a81e078></path></svg></button></span></button></div></div></div><div height=\\"550px\\" class=\\"t-default-menu t-menu--dark\\" style=\\"height:100%;width:232px;margin-left:40px;\\" data-v-3a81e078><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-dashboard\\" 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\\" 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\\" 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\\" data-v-3a81e078><use href=\\"#t-icon-control-platform\\"></use></svg><span class=\\"t-menu__content\\">调度平台</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-fake-arrow--active\\" 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><div name=\\"t-slide-down\\"></div></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\\"></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\\" data-v-3a81e078><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\">消息区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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><div name=\\"t-slide-down\\"></div></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\\"></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\\" data-v-3a81e078><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\">视频区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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><div name=\\"t-slide-down\\"></div></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\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a81e078><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-view-list\\" data-v-3a81e078><path fill=\\"currentColor\\" d=\\"M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z\\" data-v-3a81e078></path></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/multi-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"box\\" data-v-3a81e078><div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\" data-v-3a81e078><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><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\\" data-v-3a81e078><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\">消息区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-fake-arrow--active\\" 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><div name=\\"t-slide-down\\"></div></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\\"></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-play-circle\\" data-v-3a81e078><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\">视频区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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><div name=\\"t-slide-down\\"></div></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\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a81e078><span class=\\"t-button__text\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a81e078><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-view-list\\" data-v-3a81e078><path fill=\\"currentColor\\" d=\\"M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z\\" data-v-3a81e078></path></svg></button></span></button></div></div></div><div class=\\"t-default-menu t-menu--dark\\" style=\\"height:100%;width:232px;margin-left:40px;\\" data-v-3a81e078><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-dashboard\\" 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\\" 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\\" 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\\" data-v-3a81e078><use href=\\"#t-icon-control-platform\\"></use></svg><span class=\\"t-menu__content\\">调度平台</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-fake-arrow--active\\" 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><div name=\\"t-slide-down\\"></div></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\\"></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\\" data-v-3a81e078><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\">消息区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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><div name=\\"t-slide-down\\"></div></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\\"></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\\" data-v-3a81e078><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\">视频区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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><div name=\\"t-slide-down\\"></div></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\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a81e078><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-view-list\\" data-v-3a81e078><path fill=\\"currentColor\\" d=\\"M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z\\" data-v-3a81e078></path></svg></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/menu/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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 width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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 width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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 type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" shape=\\"square\\" class=\\"t-icon t-icon-search\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-4dc7c046></path></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 width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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 width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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 type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-4dc7c046></path></svg></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/menu/_example/popup-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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\\"><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-dashboard\\"><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\\"><use href=\\"#t-icon-user-circle\\"></use></svg><span class=\\"t-menu__content\\"><span>个人中心</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-fake-arrow--active\\" 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><div name=\\"t-slide-down\\"></div></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\\"><use href=\\"#t-icon-root-list\\"></use></svg><span class=\\"t-menu__content\\"><span>根目录</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" 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><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item t-is-disabled\\"><svg class=\\"t-icon t-icon-server\\"><use href=\\"#t-icon-server\\"></use></svg><span class=\\"t-menu__content\\"> 资源列表 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-view-list\\"><use href=\\"#t-icon-view-list\\"></use></svg></span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/side-menu-width.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"wrapper\\"><div height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:200px;margin-right:20px;\\"><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\\"><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><div height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:300px;\\"><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\\"><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-dashboard\\"><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-mail\\"><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-play-circle\\"><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\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源区 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-view-list\\"><use href=\\"#t-icon-view-list\\"></use></svg></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/side-menu-width.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"wrapper\\"><div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:200px;margin-right:20px;\\"><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\\"><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><div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:300px;\\"><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\\"><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-dashboard\\"><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-mail\\"><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-play-circle\\"><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\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源区 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-view-list\\"><use href=\\"#t-icon-view-list\\"></use></svg></span></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/menu/_example/single.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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 type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" shape=\\"square\\" class=\\"t-icon t-icon-search\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-42966b55></path></svg></button></div></div></div><br data-v-42966b55><div height=\\"120px\\" class=\\"t-menu t-head-menu t-menu--dark\\" 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 type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-42966b55></path></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/single-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"box\\"><div height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;margin-right:40px;\\"><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\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><a href=\\"/vue\\" target=\\"_blank\\" class=\\"t-menu__item-link\\"><span class=\\"t-menu__content\\">仪表盘</span></a></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 height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;margin-right:40px;\\"><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\\"><li class=\\"t-menu__item t-is-active\\"><svg class=\\"t-icon t-icon-dashboard\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul></div></div><div height=\\"550px\\" class=\\"t-default-menu t-menu--dark\\" 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-dark.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-is-active\\"><svg class=\\"t-icon t-icon-dashboard\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/single-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"box\\"><div class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;margin-right:40px;\\"><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\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><a href=\\"/vue\\" target=\\"_blank\\" class=\\"t-menu__item-link\\"><span class=\\"t-menu__content\\">仪表盘</span></a></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;\\"><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\\"><li class=\\"t-menu__item t-is-active\\"><svg class=\\"t-icon t-icon-dashboard\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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;\\"><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\\"><li class=\\"t-menu__item t-is-active\\"><svg class=\\"t-icon t-icon-dashboard\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/message/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-help-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zm-.17-11.11c.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95L7.9 8.6l.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2V14c0-.87.39-1.57.83-2.11zM11 18.25v-2h2v2h-2z\\"></path></svg>用于帮助用户操作的信息提示<span class=\\"t-message__close\\"></span></div></div></div>"`;