diff --git a/src/menu/_usage/index.vue b/src/menu/_usage/index.vue
index 5c0883843..e5e022882 100644
--- a/src/menu/_usage/index.vue
+++ b/src/menu/_usage/index.vue
@@ -37,16 +37,39 @@
     </template>
     <template #headMenu="{ configProps }">
       <div :style="{ padding: '24px', background: 'var(--bg-color-page)', borderRadius: '3px' }">
-        <t-head-menu style="marginbottom: 20px" v-bind="configProps">
+        <t-head-menu style="margin-bottom: 20px" v-bind="configProps">
           <template #logo>
             <img src="https://www.tencent.com/img/index/menu_logo_hover.png" width="136" />
           </template>
+
           <t-menu-item value="0">
-            <span>菜单1</span>
-          </t-menu-item>
-          <t-menu-item value="1">
-            <span>菜单2</span>
+            <template #icon>
+              <t-icon name="app" />
+            </template>
+            仪表盘
           </t-menu-item>
+
+          <t-submenu value="1" title="资源列表">
+            <template #icon>
+              <t-icon name="code" />
+            </template>
+            <t-menu-item value="1-1" disabled>
+              <span>菜单二</span>
+            </t-menu-item>
+          </t-submenu>
+          <t-submenu value="2" title="调度平台">
+            <template #icon>
+              <t-icon name="file" />
+            </template>
+            <t-submenu value="2-1" title="二级菜单-1">
+              <t-menu-item value="3-1">三级菜单-1</t-menu-item>
+              <t-menu-item value="3-2">三级菜单-2</t-menu-item>
+              <t-menu-item value="3-3">三级菜单-3</t-menu-item>
+            </t-submenu>
+            <t-menu-item value="2-2">
+              <span>二级菜单-2</span>
+            </t-menu-item>
+          </t-submenu>
         </t-head-menu>
       </div>
     </template>
diff --git a/src/menu/submenu.tsx b/src/menu/submenu.tsx
index a198cf80c..299a149b2 100644
--- a/src/menu/submenu.tsx
+++ b/src/menu/submenu.tsx
@@ -288,7 +288,8 @@ export default defineComponent({
       const rippleVal = (this.keepAnimation as Record<AnimationType, boolean>).ripple ? this.rippleColor : false;
       const normalSubmenu = [
         <div v-ripple={rippleVal} class={this.submenuClass} onClick={this.handleSubmenuItemClick}>
-          {renderTNodeJSX(this, 'title')}
+          {icon}
+          <span class={[`${this.classPrefix}-menu__content`]}>{renderTNodeJSX(this, 'title')}</span>
         </div>,
         <ul style="opacity: 0; width: 0; height: 0; overflow: hidden">{renderContent(this, 'default', 'content')}</ul>,
       ];
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index 279489c2e..f866c4cca 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -68881,9 +68881,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
             class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened"
           >
             <span
-              data-v-3a8c765e=""
+              class="t-menu__content"
             >
-              菜单1
+              <span
+                data-v-3a8c765e=""
+              >
+                菜单1
+              </span>
             </span>
           </div>
           <ul
@@ -68929,9 +68933,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
             class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
           >
             <span
-              data-v-3a8c765e=""
+              class="t-menu__content"
             >
-              菜单2
+              <span
+                data-v-3a8c765e=""
+              >
+                菜单2
+              </span>
             </span>
           </div>
           <ul
@@ -69086,9 +69094,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
             class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened"
           >
             <span
-              data-v-3a8c765e=""
+              class="t-menu__content"
             >
-              菜单1
+              <span
+                data-v-3a8c765e=""
+              >
+                菜单1
+              </span>
             </span>
           </div>
           <ul
@@ -69134,9 +69146,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
             class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
           >
             <span
-              data-v-3a8c765e=""
+              class="t-menu__content"
             >
-              菜单2
+              <span
+                data-v-3a8c765e=""
+              >
+                菜单2
+              </span>
             </span>
           </div>
           <ul
@@ -69876,7 +69892,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-tile.vue 1`]
           >
             <div
               class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
-            />
+            >
+              <span
+                class="t-menu__content"
+              />
+            </div>
             <ul
               style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
             >
@@ -69928,7 +69948,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-tile.vue 1`]
           >
             <div
               class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
-            />
+            >
+              <span
+                class="t-menu__content"
+              />
+            </div>
             <ul
               style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
             >
@@ -69980,7 +70004,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-tile.vue 1`]
           >
             <div
               class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
-            />
+            >
+              <span
+                class="t-menu__content"
+              />
+            </div>
             <ul
               style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
             >
@@ -70151,9 +70179,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
             class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened"
           >
             <span
-              data-v-29e136fe=""
+              class="t-menu__content"
             >
-              菜单1
+              <span
+                data-v-29e136fe=""
+              >
+                菜单1
+              </span>
             </span>
           </div>
           <ul
@@ -70166,7 +70198,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
               <div
                 class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
               >
-                子菜单1-1
+                <span
+                  class="t-menu__content"
+                >
+                  子菜单1-1
+                </span>
               </div>
               <ul
                 style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
@@ -70210,7 +70246,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
               <div
                 class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
               >
-                子菜单1-2
+                <span
+                  class="t-menu__content"
+                >
+                  子菜单1-2
+                </span>
               </div>
               <ul
                 style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
@@ -70254,7 +70294,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
               <div
                 class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
               >
-                子菜单1-3
+                <span
+                  class="t-menu__content"
+                >
+                  子菜单1-3
+                </span>
               </div>
               <ul
                 style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
@@ -70301,9 +70345,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
             class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
           >
             <span
-              data-v-29e136fe=""
+              class="t-menu__content"
             >
-              菜单2
+              <span
+                data-v-29e136fe=""
+              >
+                菜单2
+              </span>
             </span>
           </div>
           <ul
@@ -70316,7 +70364,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
               <div
                 class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
               >
-                子菜单2-1
+                <span
+                  class="t-menu__content"
+                >
+                  子菜单2-1
+                </span>
               </div>
               <ul
                 style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
@@ -70360,7 +70412,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
               <div
                 class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
               >
-                子菜单2-2
+                <span
+                  class="t-menu__content"
+                >
+                  子菜单2-2
+                </span>
               </div>
               <ul
                 style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
@@ -70404,7 +70460,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
               <div
                 class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
               >
-                子菜单2-3
+                <span
+                  class="t-menu__content"
+                >
+                  子菜单2-3
+                </span>
               </div>
               <ul
                 style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
@@ -70560,9 +70620,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
             class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened"
           >
             <span
-              data-v-29e136fe=""
+              class="t-menu__content"
             >
-              菜单1
+              <span
+                data-v-29e136fe=""
+              >
+                菜单1
+              </span>
             </span>
           </div>
           <ul
@@ -70575,7 +70639,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
               <div
                 class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
               >
-                子菜单1-1
+                <span
+                  class="t-menu__content"
+                >
+                  子菜单1-1
+                </span>
               </div>
               <ul
                 style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
@@ -70619,7 +70687,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
               <div
                 class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
               >
-                子菜单1-2
+                <span
+                  class="t-menu__content"
+                >
+                  子菜单1-2
+                </span>
               </div>
               <ul
                 style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
@@ -70663,7 +70735,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
               <div
                 class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
               >
-                子菜单1-3
+                <span
+                  class="t-menu__content"
+                >
+                  子菜单1-3
+                </span>
               </div>
               <ul
                 style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
@@ -70710,9 +70786,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
             class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
           >
             <span
-              data-v-29e136fe=""
+              class="t-menu__content"
             >
-              菜单2
+              <span
+                data-v-29e136fe=""
+              >
+                菜单2
+              </span>
             </span>
           </div>
           <ul
@@ -70725,7 +70805,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
               <div
                 class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
               >
-                子菜单2-1
+                <span
+                  class="t-menu__content"
+                >
+                  子菜单2-1
+                </span>
               </div>
               <ul
                 style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
@@ -70769,7 +70853,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
               <div
                 class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
               >
-                子菜单2-2
+                <span
+                  class="t-menu__content"
+                >
+                  子菜单2-2
+                </span>
               </div>
               <ul
                 style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
@@ -70813,7 +70901,11 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-head.vue 1`] = `
               <div
                 class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"
               >
-                子菜单2-3
+                <span
+                  class="t-menu__content"
+                >
+                  子菜单2-3
+                </span>
               </div>
               <ul
                 style="opacity: 0; width: 0px; height: 0px; overflow: hidden;"
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index e864effa6..a726c8ae1 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -672,7 +672,7 @@ exports[`ssr snapshot test > renders ./src/menu/_example/custom-header.vue corre
 
 exports[`ssr snapshot test > renders ./src/menu/_example/custom-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 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-is-disabled t-menu__item--plain"><span class="t-menu__content">禁用菜单</span></li></ul></div></div>"`;
 
-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.0962 5.90381C12.5578 3.3654 8.44221 3.3654 5.90381 5.90381C3.3654 8.44221 3.3654 12.5578 5.90381 15.0962C8.44221 17.6346 12.5578 17.6346 15.0962 15.0962C17.6346 12.5578 17.6346 8.44221 15.0962 5.90381ZM4.48959 4.48959C7.80905 1.17014 13.191 1.17014 16.5104 4.48959C19.5906 7.56983 19.8126 12.4259 17.1764 15.7621L22.5208 21.1066L21.1066 22.5208L15.7621 17.1764C12.4259 19.8126 7.56983 19.5906 4.48959 16.5104C1.17014 13.191 1.17014 7.80905 4.48959 4.48959Z" 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 3H23V21L1 21V3ZM3 5V6.82947L12 11.3795L21 6.82947V5H3ZM21 9.07053L12 13.6205L3 9.07053V19L21 19V9.07053Z" 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 4C10.067 4 8.5 5.567 8.5 7.5C8.5 9.433 10.067 11 12 11C13.933 11 15.5 9.433 15.5 7.5C15.5 5.567 13.933 4 12 4ZM6.5 7.5C6.5 4.46243 8.96243 2 12 2C15.0376 2 17.5 4.46243 17.5 7.5C17.5 10.5376 15.0376 13 12 13C8.96243 13 6.5 10.5376 6.5 7.5ZM3 19C3 16.2386 5.23858 14 8 14H16C18.7614 14 21 16.2386 21 19V22H3V19ZM8 16C6.34315 16 5 17.3431 5 19V20H19V19C19 17.3431 17.6569 16 16 16H8Z" 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.5H6V13.5H3V10.5ZM10.5 10.5H13.5V13.5H10.5V10.5ZM18 10.5H21V13.5H18V10.5Z" 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.0962 5.90381C12.5578 3.3654 8.44221 3.3654 5.90381 5.90381C3.3654 8.44221 3.3654 12.5578 5.90381 15.0962C8.44221 17.6346 12.5578 17.6346 15.0962 15.0962C17.6346 12.5578 17.6346 8.44221 15.0962 5.90381ZM4.48959 4.48959C7.80905 1.17014 13.191 1.17014 16.5104 4.48959C19.5906 7.56983 19.8126 12.4259 17.1764 15.7621L22.5208 21.1066L21.1066 22.5208L15.7621 17.1764C12.4259 19.8126 7.56983 19.5906 4.48959 16.5104C1.17014 13.191 1.17014 7.80905 4.48959 4.48959Z" 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 3H23V21L1 21V3ZM3 5V6.82947L12 11.3795L21 6.82947V5H3ZM21 9.07053L12 13.6205L3 9.07053V19L21 19V9.07053Z" 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 4C10.067 4 8.5 5.567 8.5 7.5C8.5 9.433 10.067 11 12 11C13.933 11 15.5 9.433 15.5 7.5C15.5 5.567 13.933 4 12 4ZM6.5 7.5C6.5 4.46243 8.96243 2 12 2C15.0376 2 17.5 4.46243 17.5 7.5C17.5 10.5376 15.0376 13 12 13C8.96243 13 6.5 10.5376 6.5 7.5ZM3 19C3 16.2386 5.23858 14 8 14H16C18.7614 14 21 16.2386 21 19V22H3V19ZM8 16C6.34315 16 5 17.3431 5 19V20H19V19C19 17.3431 17.6569 16 16 16H8Z" 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.5H6V13.5H3V10.5ZM10.5 10.5H13.5V13.5H10.5V10.5ZM18 10.5H21V13.5H18V10.5Z" data-v-3a8c765e></path></svg></button></div></div></div></div></div>"`;
+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 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></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.0962 5.90381C12.5578 3.3654 8.44221 3.3654 5.90381 5.90381C3.3654 8.44221 3.3654 12.5578 5.90381 15.0962C8.44221 17.6346 12.5578 17.6346 15.0962 15.0962C17.6346 12.5578 17.6346 8.44221 15.0962 5.90381ZM4.48959 4.48959C7.80905 1.17014 13.191 1.17014 16.5104 4.48959C19.5906 7.56983 19.8126 12.4259 17.1764 15.7621L22.5208 21.1066L21.1066 22.5208L15.7621 17.1764C12.4259 19.8126 7.56983 19.5906 4.48959 16.5104C1.17014 13.191 1.17014 7.80905 4.48959 4.48959Z" 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 3H23V21L1 21V3ZM3 5V6.82947L12 11.3795L21 6.82947V5H3ZM21 9.07053L12 13.6205L3 9.07053V19L21 19V9.07053Z" 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 4C10.067 4 8.5 5.567 8.5 7.5C8.5 9.433 10.067 11 12 11C13.933 11 15.5 9.433 15.5 7.5C15.5 5.567 13.933 4 12 4ZM6.5 7.5C6.5 4.46243 8.96243 2 12 2C15.0376 2 17.5 4.46243 17.5 7.5C17.5 10.5376 15.0376 13 12 13C8.96243 13 6.5 10.5376 6.5 7.5ZM3 19C3 16.2386 5.23858 14 8 14H16C18.7614 14 21 16.2386 21 19V22H3V19ZM8 16C6.34315 16 5 17.3431 5 19V20H19V19C19 17.3431 17.6569 16 16 16H8Z" 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.5H6V13.5H3V10.5ZM10.5 10.5H13.5V13.5H10.5V10.5ZM18 10.5H21V13.5H18V10.5Z" 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 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></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.0962 5.90381C12.5578 3.3654 8.44221 3.3654 5.90381 5.90381C3.3654 8.44221 3.3654 12.5578 5.90381 15.0962C8.44221 17.6346 12.5578 17.6346 15.0962 15.0962C17.6346 12.5578 17.6346 8.44221 15.0962 5.90381ZM4.48959 4.48959C7.80905 1.17014 13.191 1.17014 16.5104 4.48959C19.5906 7.56983 19.8126 12.4259 17.1764 15.7621L22.5208 21.1066L21.1066 22.5208L15.7621 17.1764C12.4259 19.8126 7.56983 19.5906 4.48959 16.5104C1.17014 13.191 1.17014 7.80905 4.48959 4.48959Z" 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 3H23V21L1 21V3ZM3 5V6.82947L12 11.3795L21 6.82947V5H3ZM21 9.07053L12 13.6205L3 9.07053V19L21 19V9.07053Z" 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 4C10.067 4 8.5 5.567 8.5 7.5C8.5 9.433 10.067 11 12 11C13.933 11 15.5 9.433 15.5 7.5C15.5 5.567 13.933 4 12 4ZM6.5 7.5C6.5 4.46243 8.96243 2 12 2C15.0376 2 17.5 4.46243 17.5 7.5C17.5 10.5376 15.0376 13 12 13C8.96243 13 6.5 10.5376 6.5 7.5ZM3 19C3 16.2386 5.23858 14 8 14H16C18.7614 14 21 16.2386 21 19V22H3V19ZM8 16C6.34315 16 5 17.3431 5 19V20H19V19C19 17.3431 17.6569 16 16 16H8Z" 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.5H6V13.5H3V10.5ZM10.5 10.5H13.5V13.5H10.5V10.5ZM18 10.5H21V13.5H18V10.5Z" 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" 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>"`;
 
@@ -682,9 +682,9 @@ exports[`ssr snapshot test > renders ./src/menu/_example/head-menu-empty.vue cor
 
 exports[`ssr snapshot test > renders ./src/menu/_example/head-menu-mode-tile.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-light.png" alt="logo"></div><ul class="t-menu"><li class="t-menu__item t-menu__item--plain"><span class="t-menu__content">111菜单内容一</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"><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.0962 5.90381C12.5578 3.3654 8.44221 3.3654 5.90381 5.90381C3.3654 8.44221 3.3654 12.5578 5.90381 15.0962C8.44221 17.6346 12.5578 17.6346 15.0962 15.0962C17.6346 12.5578 17.6346 8.44221 15.0962 5.90381ZM4.48959 4.48959C7.80905 1.17014 13.191 1.17014 16.5104 4.48959C19.5906 7.56983 19.8126 12.4259 17.1764 15.7621L22.5208 21.1066L21.1066 22.5208L15.7621 17.1764C12.4259 19.8126 7.56983 19.5906 4.48959 16.5104C1.17014 13.191 1.17014 7.80905 4.48959 4.48959Z"></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 3H23V21L1 21V3ZM3 5V6.82947L12 11.3795L21 6.82947V5H3ZM21 9.07053L12 13.6205L3 9.07053V19L21 19V9.07053Z"></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 4C10.067 4 8.5 5.567 8.5 7.5C8.5 9.433 10.067 11 12 11C13.933 11 15.5 9.433 15.5 7.5C15.5 5.567 13.933 4 12 4ZM6.5 7.5C6.5 4.46243 8.96243 2 12 2C15.0376 2 17.5 4.46243 17.5 7.5C17.5 10.5376 15.0376 13 12 13C8.96243 13 6.5 10.5376 6.5 7.5ZM3 19C3 16.2386 5.23858 14 8 14H16C18.7614 14 21 16.2386 21 19V22H3V19ZM8 16C6.34315 16 5 17.3431 5 19V20H19V19C19 17.3431 17.6569 16 16 16H8Z"></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.5H6V13.5H3V10.5ZM10.5 10.5H13.5V13.5H10.5V10.5ZM18 10.5H21V13.5H18V10.5Z"></path></svg></button></div></div></div></div>"`;
 
-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.0962 5.90381C12.5578 3.3654 8.44221 3.3654 5.90381 5.90381C3.3654 8.44221 3.3654 12.5578 5.90381 15.0962C8.44221 17.6346 12.5578 17.6346 15.0962 15.0962C17.6346 12.5578 17.6346 8.44221 15.0962 5.90381ZM4.48959 4.48959C7.80905 1.17014 13.191 1.17014 16.5104 4.48959C19.5906 7.56983 19.8126 12.4259 17.1764 15.7621L22.5208 21.1066L21.1066 22.5208L15.7621 17.1764C12.4259 19.8126 7.56983 19.5906 4.48959 16.5104C1.17014 13.191 1.17014 7.80905 4.48959 4.48959Z" 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 3H23V21L1 21V3ZM3 5V6.82947L12 11.3795L21 6.82947V5H3ZM21 9.07053L12 13.6205L3 9.07053V19L21 19V9.07053Z" 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 4C10.067 4 8.5 5.567 8.5 7.5C8.5 9.433 10.067 11 12 11C13.933 11 15.5 9.433 15.5 7.5C15.5 5.567 13.933 4 12 4ZM6.5 7.5C6.5 4.46243 8.96243 2 12 2C15.0376 2 17.5 4.46243 17.5 7.5C17.5 10.5376 15.0376 13 12 13C8.96243 13 6.5 10.5376 6.5 7.5ZM3 19C3 16.2386 5.23858 14 8 14H16C18.7614 14 21 16.2386 21 19V22H3V19ZM8 16C6.34315 16 5 17.3431 5 19V20H19V19C19 17.3431 17.6569 16 16 16H8Z" 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.5H6V13.5H3V10.5ZM10.5 10.5H13.5V13.5H10.5V10.5ZM18 10.5H21V13.5H18V10.5Z" data-v-46745d88></path></svg></button></div></div></div>"`;
+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"><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" 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"><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" 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"><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" 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.0962 5.90381C12.5578 3.3654 8.44221 3.3654 5.90381 5.90381C3.3654 8.44221 3.3654 12.5578 5.90381 15.0962C8.44221 17.6346 12.5578 17.6346 15.0962 15.0962C17.6346 12.5578 17.6346 8.44221 15.0962 5.90381ZM4.48959 4.48959C7.80905 1.17014 13.191 1.17014 16.5104 4.48959C19.5906 7.56983 19.8126 12.4259 17.1764 15.7621L22.5208 21.1066L21.1066 22.5208L15.7621 17.1764C12.4259 19.8126 7.56983 19.5906 4.48959 16.5104C1.17014 13.191 1.17014 7.80905 4.48959 4.48959Z" 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 3H23V21L1 21V3ZM3 5V6.82947L12 11.3795L21 6.82947V5H3ZM21 9.07053L12 13.6205L3 9.07053V19L21 19V9.07053Z" 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 4C10.067 4 8.5 5.567 8.5 7.5C8.5 9.433 10.067 11 12 11C13.933 11 15.5 9.433 15.5 7.5C15.5 5.567 13.933 4 12 4ZM6.5 7.5C6.5 4.46243 8.96243 2 12 2C15.0376 2 17.5 4.46243 17.5 7.5C17.5 10.5376 15.0376 13 12 13C8.96243 13 6.5 10.5376 6.5 7.5ZM3 19C3 16.2386 5.23858 14 8 14H16C18.7614 14 21 16.2386 21 19V22H3V19ZM8 16C6.34315 16 5 17.3431 5 19V20H19V19C19 17.3431 17.6569 16 16 16H8Z" 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.5H6V13.5H3V10.5ZM10.5 10.5H13.5V13.5H10.5V10.5ZM18 10.5H21V13.5H18V10.5Z" data-v-46745d88></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/multi-head.vue correctly 1`] = `"<div data-server-rendered="true" class="box" data-v-29e136fe><div class="t-menu t-head-menu t-menu--light" data-v-29e136fe><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-29e136fe></div><ul class="t-menu"><li class="t-submenu t-is-opened" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened"><span data-v-29e136fe>菜单1</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom">子菜单1-1</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-29e136fe><span class="t-menu__content">子菜单1-1-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-1-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-1-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom">子菜单1-2</div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-2-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-2-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-2-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom">子菜单1-3</div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-3-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-3-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-3-3</span></li></ul></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span data-v-29e136fe>菜单2</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom">子菜单2-1</div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-1-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-1-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-1-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom">子菜单2-2</div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-2-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-2-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-2-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom">子菜单2-3</div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-3-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-3-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-3-3</span></li></ul></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-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" shape="square" class="t-icon t-icon-search" data-v-29e136fe><path fill="currentColor" d="M15.0962 5.90381C12.5578 3.3654 8.44221 3.3654 5.90381 5.90381C3.3654 8.44221 3.3654 12.5578 5.90381 15.0962C8.44221 17.6346 12.5578 17.6346 15.0962 15.0962C17.6346 12.5578 17.6346 8.44221 15.0962 5.90381ZM4.48959 4.48959C7.80905 1.17014 13.191 1.17014 16.5104 4.48959C19.5906 7.56983 19.8126 12.4259 17.1764 15.7621L22.5208 21.1066L21.1066 22.5208L15.7621 17.1764C12.4259 19.8126 7.56983 19.5906 4.48959 16.5104C1.17014 13.191 1.17014 7.80905 4.48959 4.48959Z" data-v-29e136fe></path></svg></button><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail" data-v-29e136fe><path fill="currentColor" d="M1 3H23V21L1 21V3ZM3 5V6.82947L12 11.3795L21 6.82947V5H3ZM21 9.07053L12 13.6205L3 9.07053V19L21 19V9.07053Z" data-v-29e136fe></path></svg></button><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" data-v-29e136fe><path fill="currentColor" d="M12 4C10.067 4 8.5 5.567 8.5 7.5C8.5 9.433 10.067 11 12 11C13.933 11 15.5 9.433 15.5 7.5C15.5 5.567 13.933 4 12 4ZM6.5 7.5C6.5 4.46243 8.96243 2 12 2C15.0376 2 17.5 4.46243 17.5 7.5C17.5 10.5376 15.0376 13 12 13C8.96243 13 6.5 10.5376 6.5 7.5ZM3 19C3 16.2386 5.23858 14 8 14H16C18.7614 14 21 16.2386 21 19V22H3V19ZM8 16C6.34315 16 5 17.3431 5 19V20H19V19C19 17.3431 17.6569 16 16 16H8Z" data-v-29e136fe></path></svg></button><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" data-v-29e136fe><path fill="currentColor" d="M3 10.5H6V13.5H3V10.5ZM10.5 10.5H13.5V13.5H10.5V10.5ZM18 10.5H21V13.5H18V10.5Z" data-v-29e136fe></path></svg></button></div></div></div><div class="t-menu t-head-menu t-menu--dark" style="margin-top:24px;" data-v-29e136fe><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-29e136fe></div><ul class="t-menu"><li class="t-submenu t-is-opened" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened"><span data-v-29e136fe>菜单1</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom">子菜单1-1</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-29e136fe><span class="t-menu__content">子菜单1-1-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-1-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-1-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom">子菜单1-2</div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-2-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-2-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-2-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom">子菜单1-3</div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-3-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-3-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-3-3</span></li></ul></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span data-v-29e136fe>菜单2</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom">子菜单2-1</div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-1-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-1-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-1-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom">子菜单2-2</div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-2-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-2-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-2-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom">子菜单2-3</div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-3-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-3-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-3-3</span></li></ul></li></ul></li></ul><div class="t-menu__operations"><div class="t-demo-menu--dark" data-v-29e136fe><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" data-v-29e136fe><path fill="currentColor" d="M15.0962 5.90381C12.5578 3.3654 8.44221 3.3654 5.90381 5.90381C3.3654 8.44221 3.3654 12.5578 5.90381 15.0962C8.44221 17.6346 12.5578 17.6346 15.0962 15.0962C17.6346 12.5578 17.6346 8.44221 15.0962 5.90381ZM4.48959 4.48959C7.80905 1.17014 13.191 1.17014 16.5104 4.48959C19.5906 7.56983 19.8126 12.4259 17.1764 15.7621L22.5208 21.1066L21.1066 22.5208L15.7621 17.1764C12.4259 19.8126 7.56983 19.5906 4.48959 16.5104C1.17014 13.191 1.17014 7.80905 4.48959 4.48959Z" data-v-29e136fe></path></svg></button><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail" data-v-29e136fe><path fill="currentColor" d="M1 3H23V21L1 21V3ZM3 5V6.82947L12 11.3795L21 6.82947V5H3ZM21 9.07053L12 13.6205L3 9.07053V19L21 19V9.07053Z" data-v-29e136fe></path></svg></button><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" data-v-29e136fe><path fill="currentColor" d="M12 4C10.067 4 8.5 5.567 8.5 7.5C8.5 9.433 10.067 11 12 11C13.933 11 15.5 9.433 15.5 7.5C15.5 5.567 13.933 4 12 4ZM6.5 7.5C6.5 4.46243 8.96243 2 12 2C15.0376 2 17.5 4.46243 17.5 7.5C17.5 10.5376 15.0376 13 12 13C8.96243 13 6.5 10.5376 6.5 7.5ZM3 19C3 16.2386 5.23858 14 8 14H16C18.7614 14 21 16.2386 21 19V22H3V19ZM8 16C6.34315 16 5 17.3431 5 19V20H19V19C19 17.3431 17.6569 16 16 16H8Z" data-v-29e136fe></path></svg></button><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" data-v-29e136fe><path fill="currentColor" d="M3 10.5H6V13.5H3V10.5ZM10.5 10.5H13.5V13.5H10.5V10.5ZM18 10.5H21V13.5H18V10.5Z" data-v-29e136fe></path></svg></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/multi-head.vue correctly 1`] = `"<div data-server-rendered="true" class="box" data-v-29e136fe><div class="t-menu t-head-menu t-menu--light" data-v-29e136fe><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-29e136fe></div><ul class="t-menu"><li class="t-submenu t-is-opened" data-v-29e136fe><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-29e136fe>菜单1</span></span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content">子菜单1-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-29e136fe><span class="t-menu__content">子菜单1-1-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-1-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-1-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content">子菜单1-2</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-2-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-2-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-2-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content">子菜单1-3</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-3-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-3-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-3-3</span></li></ul></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content"><span data-v-29e136fe>菜单2</span></span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content">子菜单2-1</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-1-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-1-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-1-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content">子菜单2-2</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-2-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-2-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-2-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content">子菜单2-3</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-3-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-3-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-3-3</span></li></ul></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-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" shape="square" class="t-icon t-icon-search" data-v-29e136fe><path fill="currentColor" d="M15.0962 5.90381C12.5578 3.3654 8.44221 3.3654 5.90381 5.90381C3.3654 8.44221 3.3654 12.5578 5.90381 15.0962C8.44221 17.6346 12.5578 17.6346 15.0962 15.0962C17.6346 12.5578 17.6346 8.44221 15.0962 5.90381ZM4.48959 4.48959C7.80905 1.17014 13.191 1.17014 16.5104 4.48959C19.5906 7.56983 19.8126 12.4259 17.1764 15.7621L22.5208 21.1066L21.1066 22.5208L15.7621 17.1764C12.4259 19.8126 7.56983 19.5906 4.48959 16.5104C1.17014 13.191 1.17014 7.80905 4.48959 4.48959Z" data-v-29e136fe></path></svg></button><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail" data-v-29e136fe><path fill="currentColor" d="M1 3H23V21L1 21V3ZM3 5V6.82947L12 11.3795L21 6.82947V5H3ZM21 9.07053L12 13.6205L3 9.07053V19L21 19V9.07053Z" data-v-29e136fe></path></svg></button><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" data-v-29e136fe><path fill="currentColor" d="M12 4C10.067 4 8.5 5.567 8.5 7.5C8.5 9.433 10.067 11 12 11C13.933 11 15.5 9.433 15.5 7.5C15.5 5.567 13.933 4 12 4ZM6.5 7.5C6.5 4.46243 8.96243 2 12 2C15.0376 2 17.5 4.46243 17.5 7.5C17.5 10.5376 15.0376 13 12 13C8.96243 13 6.5 10.5376 6.5 7.5ZM3 19C3 16.2386 5.23858 14 8 14H16C18.7614 14 21 16.2386 21 19V22H3V19ZM8 16C6.34315 16 5 17.3431 5 19V20H19V19C19 17.3431 17.6569 16 16 16H8Z" data-v-29e136fe></path></svg></button><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" data-v-29e136fe><path fill="currentColor" d="M3 10.5H6V13.5H3V10.5ZM10.5 10.5H13.5V13.5H10.5V10.5ZM18 10.5H21V13.5H18V10.5Z" data-v-29e136fe></path></svg></button></div></div></div><div class="t-menu t-head-menu t-menu--dark" style="margin-top:24px;" data-v-29e136fe><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-29e136fe></div><ul class="t-menu"><li class="t-submenu t-is-opened" data-v-29e136fe><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-29e136fe>菜单1</span></span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content">子菜单1-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-29e136fe><span class="t-menu__content">子菜单1-1-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-1-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-1-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content">子菜单1-2</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-2-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-2-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-2-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content">子菜单1-3</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-3-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-3-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单1-3-3</span></li></ul></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content"><span data-v-29e136fe>菜单2</span></span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content">子菜单2-1</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-1-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-1-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-1-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content">子菜单2-2</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-2-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-2-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-2-3</span></li></ul></li><li class="t-submenu" data-v-29e136fe><div class="t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom"><span class="t-menu__content">子菜单2-3</span></div><ul style="opacity:0;width:0;height:0;overflow:hidden;"><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-3-1</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-3-2</span></li><li class="t-menu__item t-menu__item--plain" data-v-29e136fe><span class="t-menu__content">子菜单2-3-3</span></li></ul></li></ul></li></ul><div class="t-menu__operations"><div class="t-demo-menu--dark" data-v-29e136fe><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" data-v-29e136fe><path fill="currentColor" d="M15.0962 5.90381C12.5578 3.3654 8.44221 3.3654 5.90381 5.90381C3.3654 8.44221 3.3654 12.5578 5.90381 15.0962C8.44221 17.6346 12.5578 17.6346 15.0962 15.0962C17.6346 12.5578 17.6346 8.44221 15.0962 5.90381ZM4.48959 4.48959C7.80905 1.17014 13.191 1.17014 16.5104 4.48959C19.5906 7.56983 19.8126 12.4259 17.1764 15.7621L22.5208 21.1066L21.1066 22.5208L15.7621 17.1764C12.4259 19.8126 7.56983 19.5906 4.48959 16.5104C1.17014 13.191 1.17014 7.80905 4.48959 4.48959Z" data-v-29e136fe></path></svg></button><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-mail" data-v-29e136fe><path fill="currentColor" d="M1 3H23V21L1 21V3ZM3 5V6.82947L12 11.3795L21 6.82947V5H3ZM21 9.07053L12 13.6205L3 9.07053V19L21 19V9.07053Z" data-v-29e136fe></path></svg></button><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-user" data-v-29e136fe><path fill="currentColor" d="M12 4C10.067 4 8.5 5.567 8.5 7.5C8.5 9.433 10.067 11 12 11C13.933 11 15.5 9.433 15.5 7.5C15.5 5.567 13.933 4 12 4ZM6.5 7.5C6.5 4.46243 8.96243 2 12 2C15.0376 2 17.5 4.46243 17.5 7.5C17.5 10.5376 15.0376 13 12 13C8.96243 13 6.5 10.5376 6.5 7.5ZM3 19C3 16.2386 5.23858 14 8 14H16C18.7614 14 21 16.2386 21 19V22H3V19ZM8 16C6.34315 16 5 17.3431 5 19V20H19V19C19 17.3431 17.6569 16 16 16H8Z" data-v-29e136fe></path></svg></button><button type="button" class="t-button t-button--variant-text t-button--theme-default t-button--shape-square" data-v-29e136fe><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" data-v-29e136fe><path fill="currentColor" d="M3 10.5H6V13.5H3V10.5ZM10.5 10.5H13.5V13.5H10.5V10.5ZM18 10.5H21V13.5H18V10.5Z" data-v-29e136fe></path></svg></button></div></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 4H3H21H22V6H21H3H2V4ZM2 11H3H21H22V13H21H3H2V11ZM3 18H2V20H3H21H22V18H21H3Z" 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 4H3H21H22V6H21H3H2V4ZM2 11H3H21H22V13H21H3H2V11ZM3 18H2V20H3H21H22V18H21H3Z" data-v-3a81e078></path></svg></button></div></div></div></div>"`;