From 45627a469cf443a378426dee3fe8cf1f53983d3e Mon Sep 17 00:00:00 2001 From: xiaosansiji Date: Wed, 31 May 2023 11:32:03 +0800 Subject: [PATCH 1/4] feat: support show tooltip when menu collapsed --- src/menu/const.ts | 1 + src/menu/menu-item.tsx | 19 +++++++++++++++++-- src/menu/menu.tsx | 2 ++ 3 files changed, 20 insertions(+), 2 deletions(-) diff --git a/src/menu/const.ts b/src/menu/const.ts index c7d12610b0..ccab4dc299 100644 --- a/src/menu/const.ts +++ b/src/menu/const.ts @@ -17,6 +17,7 @@ export interface TdMenuInterface { theme?: Ref; isHead: boolean; vMenu?: VMenu; + collapsed?: Ref; select: (val: MenuValue) => void; open?: (val: MenuValue, type?: TdOpenType) => boolean | void; } diff --git a/src/menu/menu-item.tsx b/src/menu/menu-item.tsx index 89514bc04f..36299244f8 100644 --- a/src/menu/menu-item.tsx +++ b/src/menu/menu-item.tsx @@ -1,10 +1,11 @@ -import { defineComponent, computed, inject, onMounted, ref, toRefs } from 'vue'; +import { defineComponent, computed, inject, onMounted, ref, toRefs, getCurrentInstance } from 'vue'; import props from './menu-item-props'; import { TdMenuInterface, TdSubMenuInterface } from './const'; import { renderContent, renderTNodeJSX } from '../utils/render-tnode'; import { emitEvent } from '../utils/event'; import useRipple from '../hooks/useRipple'; import { usePrefixClass } from '../hooks/useConfig'; +import Tooltip from '../tooltip'; export default defineComponent({ name: 'TMenuItem', @@ -18,6 +19,7 @@ export default defineComponent({ useRipple(itemRef); const submenu = inject('TdSubmenu', null); const active = computed(() => menu.activeValue.value === props.value); + const collapsed = computed(() => menu.collapsed?.value); const classes = computed(() => [ `${classPrefix.value}-menu__item`, { @@ -37,6 +39,7 @@ export default defineComponent({ classPrefix, menu, active, + collapsed, classes, itemRef, href, @@ -67,7 +70,7 @@ export default defineComponent({ }, }, render() { - return ( + const liContent = (
  • {renderTNodeJSX(this, 'icon')} {this.href ? ( @@ -79,5 +82,17 @@ export default defineComponent({ )}
  • ); + + const instance = getCurrentInstance(); + const node = instance.parent; + // 菜单收起,且只有本身为一级菜单才需要显示 tooltip + if (this.collapsed && /tmenu/i.test(node?.type.name)) { + return ( + renderContent(this, 'default', 'content')} placement="right"> + {liContent} + + ); + } + return liContent; }, }); diff --git a/src/menu/menu.tsx b/src/menu/menu.tsx index 3f478c5489..b756eab1d7 100644 --- a/src/menu/menu.tsx +++ b/src/menu/menu.tsx @@ -24,6 +24,7 @@ export default defineComponent({ const mode = ref(props.expandType); const theme = computed(() => props.theme); const isMutex = computed(() => props.expandMutex); + const collapsed = computed(() => props.collapsed); const menuClass = computed(() => [ `${classPrefix.value}-default-menu`, `${classPrefix.value}-menu--${props.theme}`, @@ -68,6 +69,7 @@ export default defineComponent({ theme, isHead: false, vMenu, + collapsed, select: (value: MenuValue) => { setActiveValue(value); }, From ca26c27cb177a9a72c4ed632092dc07b3d231e38 Mon Sep 17 00:00:00 2001 From: xiaosansiji Date: Wed, 31 May 2023 14:07:53 +0800 Subject: [PATCH 2/4] test: update snapshot --- test/unit/snap/__snapshots__/csr.test.js.snap | 18 ++++++++++++++++++ test/unit/snap/__snapshots__/ssr.test.js.snap | 2 +- 2 files changed, 19 insertions(+), 1 deletion(-) diff --git a/test/unit/snap/__snapshots__/csr.test.js.snap b/test/unit/snap/__snapshots__/csr.test.js.snap index 963ab1ab3e..0e3b8eb623 100644 --- a/test/unit/snap/__snapshots__/csr.test.js.snap +++ b/test/unit/snap/__snapshots__/csr.test.js.snap @@ -87252,6 +87252,7 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = ` 主导航 +
  • @@ -87272,6 +87273,8 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
  • + +
    csr test ./src/menu/_example/group-side.vue 1`] = ` +
  • @@ -87346,6 +87350,9 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
  • + + +
  • @@ -87366,6 +87373,9 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
  • + + +
  • @@ -87386,6 +87396,8 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
  • + +
    csr test ./src/menu/_example/group-side.vue 1`] = ` 更多
    +
  • @@ -87417,6 +87430,9 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
  • + + +
  • @@ -87437,6 +87453,8 @@ exports[`csr snapshot test > csr test ./src/menu/_example/group-side.vue 1`] = `
  • + + diff --git a/test/unit/snap/__snapshots__/ssr.test.js.snap b/test/unit/snap/__snapshots__/ssr.test.js.snap index 0ce2be8ccd..3bd67abd99 100644 --- a/test/unit/snap/__snapshots__/ssr.test.js.snap +++ b/test/unit/snap/__snapshots__/ssr.test.js.snap @@ -645,7 +645,7 @@ exports[`ssr snapshot test > ssr test ./src/menu/_example/custom-side.vue 1`] = exports[`ssr snapshot test > ssr test ./src/menu/_example/double.vue 1`] = `"
    \\"logo\\"
    • 菜单1
      • 子菜单1-1
      • 子菜单1-2
      • 子菜单1-3
    • 菜单2
      • 子菜单2-1
      • 子菜单2-2
      • 子菜单2-3
    • 菜单3
      • 子菜单3-1
      • 子菜单3-2
      • 子菜单3-3
    • 菜单4
      • 子菜单4-1
      • 子菜单4-2
      • 子菜单4-3
    • 菜单5
      • 子菜单5-1
      • 子菜单5-2
      • 子菜单5-3
    • 菜单6
      • 子菜单6-1
      • 子菜单6-2
      • 子菜单6-3
    \\"logo\\"
    • 菜单1
      • 子菜单1-1
      • 子菜单1-2
      • 子菜单1-3
    • 菜单2
      • 子菜单2-1
      • 子菜单2-2
      • 子菜单2-3
    • 菜单3
      • 子菜单3-1
      • 子菜单3-2
      • 子菜单3-3
    • 菜单4
      • 子菜单4-1
      • 子菜单4-2
      • 子菜单4-3
    • 菜单5
      • 子菜单5-1
      • 子菜单5-2
      • 子菜单5-3
    • 菜单6
      • 子菜单6-1
      • 子菜单6-2
      • 子菜单6-3
    "`; -exports[`ssr snapshot test > ssr test ./src/menu/_example/group-side.vue 1`] = `"
    \\"logo\\"
      主导航
    • 仪表盘
    • 组件
    • 列表项
    • 表单项
    • 详情页
    • 结果页
    • 更多
    • 个人页
    • 登录页
    "`; +exports[`ssr snapshot test > ssr test ./src/menu/_example/group-side.vue 1`] = `"
    \\"logo\\"
      主导航
    • 仪表盘
    • 组件
    • 列表项
    • 表单项
    • 详情页
    • 结果页
    • 更多
    • 个人页
    • 登录页
    "`; exports[`ssr snapshot test > ssr test ./src/menu/_example/head-menu-dark.vue 1`] = `"
    \\"logo\\"
    • 已选内容
    • 菜单内容一
    • 菜单内容二
    • 菜单内容三
    "`; From 71ea2e731324337ba69894f8ad02d7460afe3729 Mon Sep 17 00:00:00 2001 From: xiaosansiji Date: Wed, 31 May 2023 16:59:53 +0800 Subject: [PATCH 3/4] feat: scroll style move to less --- src/menu/menu.tsx | 6 +----- src/menu/submenu.tsx | 5 +---- 2 files changed, 2 insertions(+), 9 deletions(-) diff --git a/src/menu/menu.tsx b/src/menu/menu.tsx index b756eab1d7..353fd5bad9 100644 --- a/src/menu/menu.tsx +++ b/src/menu/menu.tsx @@ -32,11 +32,7 @@ export default defineComponent({ [`${classPrefix.value}-is-collapsed`]: props.collapsed, }, ]); - const innerClasses = computed(() => [ - `${classPrefix.value}-menu`, - { [`${classPrefix.value}-menu--scroll`]: mode.value !== 'popup' }, - 'narrow-scrollbar', - ]); + const innerClasses = computed(() => [`${classPrefix.value}-menu`, `${classPrefix.value}-menu--scroll`]); const expandWidth = computed(() => { const { width } = props; const format = (val: string | number) => (isNumber(val) ? `${val}px` : val); diff --git a/src/menu/submenu.tsx b/src/menu/submenu.tsx index a9f35484f6..d24d031933 100644 --- a/src/menu/submenu.tsx +++ b/src/menu/submenu.tsx @@ -64,7 +64,6 @@ export default defineComponent({ { [`${classPrefix.value}-is-opened`]: popupVisible.value, }, - 'narrow-scrollbar', ]); const submenuClass = computed(() => [ `${classPrefix.value}-menu__item`, @@ -240,9 +239,7 @@ export default defineComponent({ onMouseenter={this.handleEnterPopup} onMouseleave={this.handleMouseLeavePopup} > -
      - {renderContent(this, 'default', 'content')} -
    +
      {renderContent(this, 'default', 'content')}
    ); const slots = { From e0e675096ec3fa0da8179088c11993f3067b733a Mon Sep 17 00:00:00 2001 From: xiaosansiji Date: Wed, 31 May 2023 17:01:32 +0800 Subject: [PATCH 4/4] test: update snapshot --- .../__snapshots__/menu-item.test.jsx.snap | 10 ++++---- .../__snapshots__/menu.test.jsx.snap | 20 ++++++++-------- test/unit/snap/__snapshots__/csr.test.js.snap | 24 +++++++++---------- test/unit/snap/__snapshots__/ssr.test.js.snap | 18 +++++++------- 4 files changed, 36 insertions(+), 36 deletions(-) diff --git a/src/menu/__tests__/__snapshots__/menu-item.test.jsx.snap b/src/menu/__tests__/__snapshots__/menu-item.test.jsx.snap index b3824852be..7d9f8a98e3 100644 --- a/src/menu/__tests__/__snapshots__/menu-item.test.jsx.snap +++ b/src/menu/__tests__/__snapshots__/menu-item.test.jsx.snap @@ -10,7 +10,7 @@ exports[`MenuItem > props > :disabled 1`] = ` >
    • props > :name 1`] = ` >
      • props > :route 1`] = ` >
        • slot > 1`] = ` >
          • slot > 1`] = ` >
            • props > :active 1`] = ` >
              @@ -29,7 +29,7 @@ exports[`Menu > props > :collapsed 1`] = ` >
              @@ -49,7 +49,7 @@ exports[`Menu > props > :collapsedWidth 1`] = ` >
              @@ -69,7 +69,7 @@ exports[`Menu > props > :height 1`] = ` >
              @@ -88,7 +88,7 @@ exports[`Menu > props > :theme 1`] = ` >
              @@ -107,7 +107,7 @@ exports[`Menu > props > :theme 2`] = ` >
              @@ -126,7 +126,7 @@ exports[`Menu > props > :width 1`] = ` >
              @@ -145,7 +145,7 @@ exports[`Menu > slot > 1`] = ` >
                @@ -172,7 +172,7 @@ exports[`Menu > slot > 1`] = `
                @@ -191,7 +191,7 @@ exports[`Menu > slot > 1`] = ` >
                diff --git a/test/unit/snap/__snapshots__/csr.test.js.snap b/test/unit/snap/__snapshots__/csr.test.js.snap index 0e3b8eb623..83001dc32e 100644 --- a/test/unit/snap/__snapshots__/csr.test.js.snap +++ b/test/unit/snap/__snapshots__/csr.test.js.snap @@ -80616,7 +80616,7 @@ exports[`csr snapshot test > csr test ./src/layout/_example/aside.vue 1`] = `
                • csr test ./src/layout/_example/combine.vue 1`] = ` >
                  • csr test ./src/menu/_example/closable-side.vue 1`]
                    • csr test ./src/menu/_example/custom-side.vue 1`] =
                      • csr test ./src/menu/_example/group-side.vue 1`] = `
                          csr test ./src/menu/_example/multi-side.vue 1`] = ` >
                          • csr test ./src/menu/_example/multi-side.vue 1`] = ` >
                            • csr test ./src/menu/_example/popup-side.vue 1`] = `
                          • csr test ./src/menu/_example/side-menu-width.vue 1`
                            • csr test ./src/menu/_example/single-side.vue 1`] =
                              • csr test ./src/menu/_example/single-side.vue 1`] =
                                • csr test ./src/menu/_example/single-side.vue 1`] =
                                  • ssr test ./src/input-number/_example/status.vue 1`] exports[`ssr snapshot test > ssr test ./src/input-number/_example/step.vue 1`] = `"
                                    "`; -exports[`ssr snapshot test > ssr test ./src/layout/_example/aside.vue 1`] = `"
                                    Content
                                    Copyright @ 2019-2020 Tencent. All Rights Reserved
                                    "`; +exports[`ssr snapshot test > ssr test ./src/layout/_example/aside.vue 1`] = `"
                                    Content
                                    Copyright @ 2019-2020 Tencent. All Rights Reserved
                                    "`; exports[`ssr snapshot test > ssr test ./src/layout/_example/base.vue 1`] = `"
                                    Header
                                    Content
                                    Footer
                                    Header
                                    Content
                                    Footer
                                    Header
                                    Content
                                    Footer
                                    Header
                                    Content
                                    Footer
                                    "`; -exports[`ssr snapshot test > ssr test ./src/layout/_example/combine.vue 1`] = `"
                                    \\"logo\\"
                                    • 已选内容
                                    • 菜单内容一
                                    • 菜单内容二
                                    • 菜单内容三
                                    Content
                                    Copyright @ 2019-2020 Tencent. All Rights Reserved
                                    "`; +exports[`ssr snapshot test > ssr test ./src/layout/_example/combine.vue 1`] = `"
                                    \\"logo\\"
                                    • 已选内容
                                    • 菜单内容一
                                    • 菜单内容二
                                    • 菜单内容三
                                    Content
                                    Copyright @ 2019-2020 Tencent. All Rights Reserved
                                    "`; exports[`ssr snapshot test > ssr test ./src/layout/_example/top.vue 1`] = `"
                                    \\"logo\\"
                                    • 已选内容
                                    • 菜单内容一
                                    • 菜单内容二
                                    • 菜单内容三
                                    Content
                                    Copyright @ 2019-2020 Tencent. All Rights Reserved
                                    "`; @@ -637,15 +637,15 @@ exports[`ssr snapshot test > ssr test ./src/loading/_example/text.vue 1`] = `" ssr test ./src/loading/_example/wrap.vue 1`] = `"
                                    this is loading component
                                    this is loading component
                                    this is loading component
                                    this is loading component
                                    this is loading component
                                    "`; -exports[`ssr snapshot test > ssr test ./src/menu/_example/closable-side.vue 1`] = `"
                                    LOGO
                                    • 仪表盘1
                                    • 信息区
                                      • 菜单内容一
                                      • 菜单内容二
                                      • 菜单内容三
                                    • 视频区
                                    • 资源编辑
                                    "`; +exports[`ssr snapshot test > ssr test ./src/menu/_example/closable-side.vue 1`] = `"
                                    LOGO
                                    • 仪表盘1
                                    • 信息区
                                      • 菜单内容一
                                      • 菜单内容二
                                      • 菜单内容三
                                    • 视频区
                                    • 资源编辑
                                    "`; exports[`ssr snapshot test > ssr test ./src/menu/_example/custom-header.vue 1`] = `"
                                    • 菜单内容一
                                    • 已选内容
                                    • 菜单内容二
                                    • 菜单内容三
                                    "`; -exports[`ssr snapshot test > ssr test ./src/menu/_example/custom-side.vue 1`] = `"
                                    \\"logo\\"
                                    • 菜单内容
                                    • 菜单内容
                                    • 菜单内容
                                    • 禁用菜单
                                    "`; +exports[`ssr snapshot test > ssr test ./src/menu/_example/custom-side.vue 1`] = `"
                                    \\"logo\\"
                                    • 菜单内容
                                    • 菜单内容
                                    • 菜单内容
                                    • 禁用菜单
                                    "`; exports[`ssr snapshot test > ssr test ./src/menu/_example/double.vue 1`] = `"
                                    \\"logo\\"
                                    • 菜单1
                                      • 子菜单1-1
                                      • 子菜单1-2
                                      • 子菜单1-3
                                    • 菜单2
                                      • 子菜单2-1
                                      • 子菜单2-2
                                      • 子菜单2-3
                                    • 菜单3
                                      • 子菜单3-1
                                      • 子菜单3-2
                                      • 子菜单3-3
                                    • 菜单4
                                      • 子菜单4-1
                                      • 子菜单4-2
                                      • 子菜单4-3
                                    • 菜单5
                                      • 子菜单5-1
                                      • 子菜单5-2
                                      • 子菜单5-3
                                    • 菜单6
                                      • 子菜单6-1
                                      • 子菜单6-2
                                      • 子菜单6-3
                                    \\"logo\\"
                                    • 菜单1
                                      • 子菜单1-1
                                      • 子菜单1-2
                                      • 子菜单1-3
                                    • 菜单2
                                      • 子菜单2-1
                                      • 子菜单2-2
                                      • 子菜单2-3
                                    • 菜单3
                                      • 子菜单3-1
                                      • 子菜单3-2
                                      • 子菜单3-3
                                    • 菜单4
                                      • 子菜单4-1
                                      • 子菜单4-2
                                      • 子菜单4-3
                                    • 菜单5
                                      • 子菜单5-1
                                      • 子菜单5-2
                                      • 子菜单5-3
                                    • 菜单6
                                      • 子菜单6-1
                                      • 子菜单6-2
                                      • 子菜单6-3
                                    "`; -exports[`ssr snapshot test > ssr test ./src/menu/_example/group-side.vue 1`] = `"
                                    \\"logo\\"
                                      主导航
                                    • 仪表盘
                                    • 组件
                                    • 列表项
                                    • 表单项
                                    • 详情页
                                    • 结果页
                                    • 更多
                                    • 个人页
                                    • 登录页
                                    "`; +exports[`ssr snapshot test > ssr test ./src/menu/_example/group-side.vue 1`] = `"
                                    \\"logo\\"
                                      主导航
                                    • 仪表盘
                                    • 组件
                                    • 列表项
                                    • 表单项
                                    • 详情页
                                    • 结果页
                                    • 更多
                                    • 个人页
                                    • 登录页
                                    "`; exports[`ssr snapshot test > ssr test ./src/menu/_example/head-menu-dark.vue 1`] = `"
                                    \\"logo\\"
                                    • 已选内容
                                    • 菜单内容一
                                    • 菜单内容二
                                    • 菜单内容三
                                    "`; @@ -655,17 +655,17 @@ exports[`ssr snapshot test > ssr test ./src/menu/_example/head-menu-mode-tile.vu exports[`ssr snapshot test > ssr test ./src/menu/_example/head-menu-tile.vue 1`] = `"
                                    \\"logo\\"
                                    • 菜单1
                                      • 子菜单1-1
                                      • 子菜单1-2
                                      • 子菜单1-3
                                    • 菜单2
                                      • 子菜单2-1
                                      • 子菜单2-2
                                      • 子菜单2-3
                                    • 菜单3
                                      • 子菜单3-1
                                      • 子菜单3-2
                                      • 子菜单3-3
                                    • 菜单4
                                    "`; -exports[`ssr snapshot test > ssr test ./src/menu/_example/multi-side.vue 1`] = `"
                                    • 消息区
                                      • 二级菜单
                                        • 三级菜单内容
                                        • 三级菜单内容
                                        • 三级菜单内容
                                      • 二级菜单
                                        • 三级菜单内容
                                        • 三级菜单内容
                                        • 三级菜单内容
                                      • 二级菜单内容
                                      • 二级菜单内容
                                      • 二级菜单内容
                                    • 个人中心
                                    • 视频区
                                      • 二级菜单内容
                                      • 二级菜单内容
                                      • 二级菜单内容
                                    • 资源编辑
                                    • 仪表盘
                                    • 资源列表
                                    • 根目录
                                    • 调度平台
                                      • 二级菜单内容
                                      • 二级菜单内容
                                      • 二级菜单内容
                                    • 精准监控
                                    • 消息区
                                      • 二级菜单内容
                                      • 二级菜单内容
                                      • 二级菜单内容
                                    • 个人中心
                                    • 视频区
                                      • 二级菜单内容
                                      • 二级菜单内容
                                      • 二级菜单内容
                                    • 资源编辑
                                    "`; +exports[`ssr snapshot test > ssr test ./src/menu/_example/multi-side.vue 1`] = `"
                                    • 消息区
                                      • 二级菜单
                                        • 三级菜单内容
                                        • 三级菜单内容
                                        • 三级菜单内容
                                      • 二级菜单
                                        • 三级菜单内容
                                        • 三级菜单内容
                                        • 三级菜单内容
                                      • 二级菜单内容
                                      • 二级菜单内容
                                      • 二级菜单内容
                                    • 个人中心
                                    • 视频区
                                      • 二级菜单内容
                                      • 二级菜单内容
                                      • 二级菜单内容
                                    • 资源编辑
                                    • 仪表盘
                                    • 资源列表
                                    • 根目录
                                    • 调度平台
                                      • 二级菜单内容
                                      • 二级菜单内容
                                      • 二级菜单内容
                                    • 精准监控
                                    • 消息区
                                      • 二级菜单内容
                                      • 二级菜单内容
                                      • 二级菜单内容
                                    • 个人中心
                                    • 视频区
                                      • 二级菜单内容
                                      • 二级菜单内容
                                      • 二级菜单内容
                                    • 资源编辑
                                    "`; exports[`ssr snapshot test > ssr test ./src/menu/_example/multiple.vue 1`] = `"
                                    \\"logo\\"
                                    • 菜单1
                                    • 菜单2
                                    \\"logo\\"
                                    • 菜单1
                                    • 菜单2
                                    "`; -exports[`ssr snapshot test > ssr test ./src/menu/_example/popup-side.vue 1`] = `"
                                    \\"logo\\"
                                    • 仪表盘
                                    • 个人中心
                                      • 子菜单内容一
                                      • 子菜单内容二
                                      • 子菜单内容三
                                    • 根目录
                                      • 子菜单内容一
                                      • 子菜单内容二
                                      • 子菜单内容三
                                    • 资源列表
                                    "`; +exports[`ssr snapshot test > ssr test ./src/menu/_example/popup-side.vue 1`] = `"
                                    \\"logo\\"
                                    • 仪表盘
                                    • 个人中心
                                      • 子菜单内容一
                                      • 子菜单内容二
                                      • 子菜单内容三
                                    • 根目录
                                      • 子菜单内容一
                                      • 子菜单内容二
                                      • 子菜单内容三
                                    • 资源列表
                                    "`; -exports[`ssr snapshot test > ssr test ./src/menu/_example/side-menu-width.vue 1`] = `"
                                    \\"logo\\"
                                    • 菜单内容
                                    • 菜单内容
                                    • 菜单内容
                                    • 菜单内容
                                    "`; +exports[`ssr snapshot test > ssr test ./src/menu/_example/side-menu-width.vue 1`] = `"
                                    \\"logo\\"
                                    • 菜单内容
                                    • 菜单内容
                                    • 菜单内容
                                    • 菜单内容
                                    "`; exports[`ssr snapshot test > ssr test ./src/menu/_example/single.vue 1`] = `"
                                    \\"logo\\"
                                    • 菜单1
                                    • 菜单2
                                    • 禁用菜单

                                    \\"logo\\"
                                    • 菜单1
                                    • 菜单2
                                    • 禁用菜单
                                    "`; -exports[`ssr snapshot test > ssr test ./src/menu/_example/single-side.vue 1`] = `"
                                    \\"logo\\"
                                    • 仪表盘
                                    • 资源列表
                                    • 根目录
                                    • 调度平台
                                    • 精准监控
                                    • 消息区
                                    • 个人中心
                                    • 视频区
                                    • 资源编辑
                                    \\"logo\\"
                                    • 仪表盘
                                    • 资源列表
                                    • 根目录
                                    • 调度平台
                                    • 精准监控
                                    • 消息区
                                    • 个人中心
                                    • 视频区
                                    • 资源编辑
                                    \\"logo\\"
                                    • 仪表盘
                                    • 资源列表
                                    • 根目录
                                    • 调度平台
                                    • 精准监控
                                    • 消息区
                                    • 个人中心
                                    • 视频区
                                    • 资源编辑
                                    "`; +exports[`ssr snapshot test > ssr test ./src/menu/_example/single-side.vue 1`] = `"
                                    \\"logo\\"
                                    • 仪表盘
                                    • 资源列表
                                    • 根目录
                                    • 调度平台
                                    • 精准监控
                                    • 消息区
                                    • 个人中心
                                    • 视频区
                                    • 资源编辑
                                    \\"logo\\"
                                    • 仪表盘
                                    • 资源列表
                                    • 根目录
                                    • 调度平台
                                    • 精准监控
                                    • 消息区
                                    • 个人中心
                                    • 视频区
                                    • 资源编辑
                                    \\"logo\\"
                                    • 仪表盘
                                    • 资源列表
                                    • 根目录
                                    • 调度平台
                                    • 精准监控
                                    • 消息区
                                    • 个人中心
                                    • 视频区
                                    • 资源编辑
                                    "`; exports[`ssr snapshot test > ssr test ./src/message/_example/base.vue 1`] = `"
                                    用于表示普通操作信息提示
                                    用于表示操作顺利达成
                                    用于表示操作引起一定后果
                                    用于表示操作引起严重的后果
                                    用于帮助用户操作的信息提示
                                    "`;