diff --git a/packages/common b/packages/common index 8a79209ea0..31a797f2b5 160000 --- a/packages/common +++ b/packages/common @@ -1 +1 @@ -Subproject commit 8a79209ea0c7d345fa80cca22dba826ae46bec77 +Subproject commit 31a797f2b5d2eab6c36d7aeb5a3fe9275d48483d diff --git a/packages/components/menu/SubMenu.tsx b/packages/components/menu/SubMenu.tsx index 160437d5f9..797ff49f02 100644 --- a/packages/components/menu/SubMenu.tsx +++ b/packages/components/menu/SubMenu.tsx @@ -9,7 +9,6 @@ import useControlled from '../hooks/useControlled'; import useDomRefCallback from '../hooks/useDomRefCallback'; import useRipple from '../hooks/useRipple'; import { Popup } from '../popup'; -import { calculatePaddingLeft } from './_util/calculatePaddingLeft'; import { checkIsMenuGroup, checkIsSubMenu } from './_util/checkMenuType'; import checkSubMenuChildrenActive from './_util/checkSubMenuChildrenActive'; import { getSubMenuMaxHeight } from './_util/getSubMenuChildStyle'; @@ -73,9 +72,6 @@ const SubAccordion: FC = (props) => { return isExpand; }, [disabled, isPopUp, open, isExpand]); - // 计算左边距,兼容多层级子菜单 - const menuPaddingLeft = calculatePaddingLeft(level - 1); - const fakeArrowStyle = isPopUp && level > 1 ? { transform: 'rotate(-90deg)' } : {}; const contentRef = useRef(null); @@ -133,7 +129,6 @@ const SubAccordion: FC = (props) => { style={ { ...childStyle, - '--padding-left': `${menuPaddingLeft}px`, overflow: 'hidden', } as React.CSSProperties } diff --git a/packages/tdesign-react/.changelog/pr-4367.md b/packages/tdesign-react/.changelog/pr-4367.md new file mode 100644 index 0000000000..5bdd147732 --- /dev/null +++ b/packages/tdesign-react/.changelog/pr-4367.md @@ -0,0 +1,6 @@ +--- +pr_number: 4367 +contributor: HaixingOoO +--- + +- chore(Menu): 修改内联的 Menu 样式为样式类实现,移除过于宽泛的 --padding-left 变量,方便覆盖修改 @HaixingOoO ([#4367](https://github.com/Tencent/tdesign-react/pull/4367)) diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap index 51e39ebd23..582b0676f9 100644 --- a/test/snap/__snapshots__/csr.test.jsx.snap +++ b/test/snap/__snapshots__/csr.test.jsx.snap @@ -85898,7 +85898,7 @@ exports[`csr snapshot test > csr test packages/components/menu/_example/group-si
  • csr test packages/components/menu/_example/multi-si
    • csr test packages/components/menu/_example/multi-si
      • csr test packages/components/menu/_example/multi-si
        • csr test packages/components/menu/_example/multi-si
          • csr test packages/components/menu/_example/multi-si
            • csr test packages/components/menu/_example/multi-si
              • csr test packages/components/menu/_example/multi-si
                • csr test packages/components/menu/_example/multi-si
                  • csr test packages/components/menu/_example/multi-si
                    • csr test packages/components/menu/_example/multi-si
                      • ssr test packages/components/menu/_example/custom-s exports[`ssr snapshot test > ssr test packages/components/menu/_example/double.tsx 1`] = `"
                        • 菜单1
                        • 菜单2
                        • 菜单3
                        • 菜单4
                          子菜单1
                          子菜单2
                        • 菜单1
                        • 菜单2
                        • 菜单3
                        • 菜单4
                          子菜单1
                          子菜单2
                        "`; -exports[`ssr snapshot test > ssr test packages/components/menu/_example/group-side.tsx 1`] = `"
                          主导航
                        • 仪表盘
                        • 组件
                        • 列表项
                          • 基础列表项
                          • 卡片列表项
                          • 筛选列表项
                          • 树状筛选列表项
                        • 表单项
                        • 详情页
                        • 结果页
                        • 更多
                        • 个人页
                        • 登录页
                        "`; +exports[`ssr snapshot test > ssr test packages/components/menu/_example/group-side.tsx 1`] = `"
                          主导航
                        • 仪表盘
                        • 组件
                        • 列表项
                          • 基础列表项
                          • 卡片列表项
                          • 筛选列表项
                          • 树状筛选列表项
                        • 表单项
                        • 详情页
                        • 结果页
                        • 更多
                        • 个人页
                        • 登录页
                        "`; -exports[`ssr snapshot test > ssr test packages/components/menu/_example/multi-side.tsx 1`] = `"
                        • 仪表盘
                        • 资源列表
                          • 菜单二
                        • 调度平台
                          • 二级菜单-1
                            • 三级菜单-1
                            • 三级菜单-2
                            • 三级菜单-3
                          • 二级菜单-2
                        • 精准监控
                          • 二级菜单-1
                          • 二级菜单-2
                        • 根目录
                        • 消息区
                          • 二级菜单-1
                          • 二级菜单-2
                        • 仪表盘
                        • 资源列表
                          • 二级菜单-1
                            • 三级菜单-1
                            • 三级菜单-2
                            • 三级菜单-3
                        • 调度平台
                          • 二级菜单-1
                          • 二级菜单-2
                        • 精准监控
                          • 二级菜单-1
                          • 二级菜单-2
                        • 根目录
                        • 消息区
                          • 二级菜单-1
                          • 二级菜单-2
                        "`; +exports[`ssr snapshot test > ssr test packages/components/menu/_example/multi-side.tsx 1`] = `"
                        • 仪表盘
                        • 资源列表
                          • 菜单二
                        • 调度平台
                          • 二级菜单-1
                            • 三级菜单-1
                            • 三级菜单-2
                            • 三级菜单-3
                          • 二级菜单-2
                        • 精准监控
                          • 二级菜单-1
                          • 二级菜单-2
                        • 根目录
                        • 消息区
                          • 二级菜单-1
                          • 二级菜单-2
                        • 仪表盘
                        • 资源列表
                          • 二级菜单-1
                            • 三级菜单-1
                            • 三级菜单-2
                            • 三级菜单-3
                        • 调度平台
                          • 二级菜单-1
                          • 二级菜单-2
                        • 精准监控
                          • 二级菜单-1
                          • 二级菜单-2
                        • 根目录
                        • 消息区
                          • 二级菜单-1
                          • 二级菜单-2
                        "`; exports[`ssr snapshot test > ssr test packages/components/menu/_example/multiple.tsx 1`] = `"
                        • 电器
                        • 女装
                        • 水果蔬菜
                        • 其他
                        • 电器
                        • 女装
                        • 水果蔬菜
                        • 其他
                        "`; diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap index 83132a62db..b64932cc2d 100644 --- a/test/snap/__snapshots__/ssr.test.jsx.snap +++ b/test/snap/__snapshots__/ssr.test.jsx.snap @@ -650,9 +650,9 @@ exports[`ssr snapshot test > ssr test packages/components/menu/_example/custom-s exports[`ssr snapshot test > ssr test packages/components/menu/_example/double.tsx 1`] = `"
                        • 菜单1
                        • 菜单2
                        • 菜单3
                        • 菜单4
                          子菜单1
                          子菜单2
                        • 菜单1
                        • 菜单2
                        • 菜单3
                        • 菜单4
                          子菜单1
                          子菜单2
                        "`; -exports[`ssr snapshot test > ssr test packages/components/menu/_example/group-side.tsx 1`] = `"
                          主导航
                        • 仪表盘
                        • 组件
                        • 列表项
                          • 基础列表项
                          • 卡片列表项
                          • 筛选列表项
                          • 树状筛选列表项
                        • 表单项
                        • 详情页
                        • 结果页
                        • 更多
                        • 个人页
                        • 登录页
                        "`; +exports[`ssr snapshot test > ssr test packages/components/menu/_example/group-side.tsx 1`] = `"
                          主导航
                        • 仪表盘
                        • 组件
                        • 列表项
                          • 基础列表项
                          • 卡片列表项
                          • 筛选列表项
                          • 树状筛选列表项
                        • 表单项
                        • 详情页
                        • 结果页
                        • 更多
                        • 个人页
                        • 登录页
                        "`; -exports[`ssr snapshot test > ssr test packages/components/menu/_example/multi-side.tsx 1`] = `"
                        • 仪表盘
                        • 资源列表
                          • 菜单二
                        • 调度平台
                          • 二级菜单-1
                            • 三级菜单-1
                            • 三级菜单-2
                            • 三级菜单-3
                          • 二级菜单-2
                        • 精准监控
                          • 二级菜单-1
                          • 二级菜单-2
                        • 根目录
                        • 消息区
                          • 二级菜单-1
                          • 二级菜单-2
                        • 仪表盘
                        • 资源列表
                          • 二级菜单-1
                            • 三级菜单-1
                            • 三级菜单-2
                            • 三级菜单-3
                        • 调度平台
                          • 二级菜单-1
                          • 二级菜单-2
                        • 精准监控
                          • 二级菜单-1
                          • 二级菜单-2
                        • 根目录
                        • 消息区
                          • 二级菜单-1
                          • 二级菜单-2
                        "`; +exports[`ssr snapshot test > ssr test packages/components/menu/_example/multi-side.tsx 1`] = `"
                        • 仪表盘
                        • 资源列表
                          • 菜单二
                        • 调度平台
                          • 二级菜单-1
                            • 三级菜单-1
                            • 三级菜单-2
                            • 三级菜单-3
                          • 二级菜单-2
                        • 精准监控
                          • 二级菜单-1
                          • 二级菜单-2
                        • 根目录
                        • 消息区
                          • 二级菜单-1
                          • 二级菜单-2
                        • 仪表盘
                        • 资源列表
                          • 二级菜单-1
                            • 三级菜单-1
                            • 三级菜单-2
                            • 三级菜单-3
                        • 调度平台
                          • 二级菜单-1
                          • 二级菜单-2
                        • 精准监控
                          • 二级菜单-1
                          • 二级菜单-2
                        • 根目录
                        • 消息区
                          • 二级菜单-1
                          • 二级菜单-2
                        "`; exports[`ssr snapshot test > ssr test packages/components/menu/_example/multiple.tsx 1`] = `"
                        • 电器
                        • 女装
                        • 水果蔬菜
                        • 其他
                        • 电器
                        • 女装
                        • 水果蔬菜
                        • 其他
                        "`;