fix(layout): fix menu classname no work error

close #7030
ant-design · May 8, 2023 · c64e81c · c64e81c
1 parent 94c9c03
commit c64e81c
Show file tree

Hide file tree

Showing 5 changed files with 1,226 additions and 1,226 deletions.
diff --git a/packages/layout/src/components/SiderMenu/BaseMenu.tsx b/packages/layout/src/components/SiderMenu/BaseMenu.tsx
@@ -478,7 +478,7 @@ const BaseMenu: React.FC<BaseMenuProps & PrivateSiderMenuProps> = (props) => {
 
   const { dark, token: designToken } = useContext(ProProvider);
 
-  const baseClassName = `${prefixCls}-base-menu`;
+  const baseClassName = `${prefixCls}-base-menu-${mode}`;
   // 用于减少 defaultOpenKeys 计算的组件
   const defaultOpenKeysRef = useRef<string[]>([]);
 
@@ -569,7 +569,7 @@ const BaseMenu: React.FC<BaseMenuProps & PrivateSiderMenuProps> = (props) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [openKeys && openKeys.join(','), props.layout, props.collapsed],
   );
-  const { wrapSSR, hashId } = useStyle(baseClassName + '-' + mode, mode);
+  const { wrapSSR, hashId } = useStyle(baseClassName, mode);
 
   const menuUtils = useMemo(() => {
     return new MenuUtil({

diff --git a/tests/form/__snapshots__/demo.test.ts.snap b/tests/form/__snapshots__/demo.test.ts.snap
@@ -48667,14 +48667,14 @@ exports[`form demos 📸 renders ./packages/form/src/demos/layout-footer.tsx cor
             style="flex: 1; overflow-y: auto; overflow-x: hidden;"
           >
             <ul
-              class="ant-menu ant-menu-root ant-menu-vertical ant-menu-light ant-pro-sider-menu  ant-pro-base-menu ant-pro-base-menu-collapsed ant-menu-inline-collapsed"
+              class="ant-menu ant-menu-root ant-menu-vertical ant-menu-light ant-pro-sider-menu  ant-pro-base-menu-inline ant-pro-base-menu-inline-collapsed ant-menu-inline-collapsed"
               data-menu-list="true"
               role="menu"
               style="background-color: transparent; width: 100%;"
               tabindex="0"
             >
               <li
-                class="ant-menu-submenu ant-menu-submenu-vertical ant-pro-base-menu-submenu ant-pro-base-menu-submenu-has-icon ant-menu-submenu-selected"
+                class="ant-menu-submenu ant-menu-submenu-vertical ant-pro-base-menu-inline-submenu ant-pro-base-menu-inline-submenu-has-icon ant-menu-submenu-selected"
                 role="none"
               >
                 <div
@@ -48690,10 +48690,10 @@ exports[`form demos 📸 renders ./packages/form/src/demos/layout-footer.tsx cor
                     class="ant-menu-title-content"
                   >
                     <div
-                      class="ant-pro-base-menu-item-title ant-pro-base-menu-item-title-collapsed"
+                      class="ant-pro-base-menu-inline-item-title ant-pro-base-menu-inline-item-title-collapsed"
                     >
                       <span
-                        class="ant-pro-base-menu-item-icon "
+                        class="ant-pro-base-menu-inline-item-icon "
                       >
                         <span
                           aria-label="smile"
@@ -48716,7 +48716,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/layout-footer.tsx cor
                         </span>
                       </span>
                       <span
-                        class="ant-pro-base-menu-item-text ant-pro-base-menu-item-text-has-icon"
+                        class="ant-pro-base-menu-inline-item-text ant-pro-base-menu-inline-item-text-has-icon"
                       >
                         一级名称
                       </span>