From 1fb15de29a0f9313c2fed05db022bf714eeaa331 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=A2=AB=E9=9B=A8=E6=B0=B4=E8=BF=87=E6=BB=A4=E7=9A=84?= =?UTF-8?q?=E7=A9=BA=E6=B0=94-Rairn?= <958414905@qq.com> Date: Tue, 11 Jul 2023 14:47:27 +0800 Subject: [PATCH] fix: should limit submenu height (#2227) --- .../client/src/schema-initializer/SchemaInitializer.tsx | 2 ++ packages/core/client/src/schema-initializer/style.ts | 6 ++++-- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/core/client/src/schema-initializer/SchemaInitializer.tsx b/packages/core/client/src/schema-initializer/SchemaInitializer.tsx index 054383907..4b00874f5 100644 --- a/packages/core/client/src/schema-initializer/SchemaInitializer.tsx +++ b/packages/core/client/src/schema-initializer/SchemaInitializer.tsx @@ -58,6 +58,7 @@ SchemaInitializer.Button = observer( const [searchValue, setSearchValue] = useState(''); const [isPending, startTransition] = useTransition(); const menuItems = useRef([]); + const { styles } = useStyles(); const changeMenu = (v: boolean) => { // 这里是为了防止当鼠标快速滑过时,终止菜单的渲染,防止卡顿 @@ -155,6 +156,7 @@ SchemaInitializer.Button = observer( key: item.key || `item-group-${indexA}`, label, title: label, + popupClassName: styles.nbMenuItemGroup, children: renderItems(item.children), } ); diff --git a/packages/core/client/src/schema-initializer/style.ts b/packages/core/client/src/schema-initializer/style.ts index 6d7d03365..6bc0def6b 100644 --- a/packages/core/client/src/schema-initializer/style.ts +++ b/packages/core/client/src/schema-initializer/style.ts @@ -1,10 +1,12 @@ import { createStyles } from 'antd-style'; -export const useStyles = createStyles(() => { +export const useStyles = createStyles(({ token }) => { return { nbMenuItemGroup: { maxHeight: '50vh', - overflow: 'auto', + overflowY: 'auto', + boxShadow: token.boxShadowSecondary, + borderRadius: token.borderRadiusLG, }, }; });