mirrors/nocobase
1
0
Fork 0
mirror of https://github.com/nocobase/nocobase synced 2024-11-15 10:17:00 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: should limit submenu height (#2227)

Browse Source
This commit is contained in:
被雨水过滤的空气-Rairn 2023-07-11 14:47:27 +08:00 committed by GitHub
parent 2e8c14e0d6
commit 1fb15de29a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/core/client/src/schema-initializer/SchemaInitializer.tsx
View File

@ -58,6 +58,7 @@ SchemaInitializer.Button = observer(
const [searchValue, setSearchValue] = useState(''); const [searchValue, setSearchValue] = useState('');
const [isPending, startTransition] = useTransition(); const [isPending, startTransition] = useTransition();
const menuItems = useRef([]); const menuItems = useRef([]);
const { styles } = useStyles();
const changeMenu = (v: boolean) => { const changeMenu = (v: boolean) => {
// 这里是为了防止当鼠标快速滑过时，终止菜单的渲染，防止卡顿 // 这里是为了防止当鼠标快速滑过时，终止菜单的渲染，防止卡顿
@ -155,6 +156,7 @@ SchemaInitializer.Button = observer(
key: item.key || `item-group-${indexA}`, key: item.key || `item-group-${indexA}`,
label, label,
title: label, title: label,
popupClassName: styles.nbMenuItemGroup,
children: renderItems(item.children), children: renderItems(item.children),
} }
); );

6
packages/core/client/src/schema-initializer/style.ts
View File

@ -1,10 +1,12 @@
import { createStyles } from 'antd-style'; import { createStyles } from 'antd-style';
export const useStyles = createStyles(() => { export const useStyles = createStyles(({ token }) => {
return { return {
nbMenuItemGroup: { nbMenuItemGroup: {
maxHeight: '50vh', maxHeight: '50vh',
overflow: 'auto', overflowY: 'auto',
boxShadow: token.boxShadowSecondary,
borderRadius: token.borderRadiusLG,
}, },
}; };
}); });