diff --git a/packages/core/client/src/schema-initializer/SchemaInitializer.tsx b/packages/core/client/src/schema-initializer/SchemaInitializer.tsx index 20e95db9e..16643a7fc 100644 --- a/packages/core/client/src/schema-initializer/SchemaInitializer.tsx +++ b/packages/core/client/src/schema-initializer/SchemaInitializer.tsx @@ -1,4 +1,5 @@ import { css } from '@emotion/css'; +import lessStyle from './style.less'; import { ISchema, observer } from '@formily/react'; import { Button, Dropdown, Menu, Switch } from 'antd'; import classNames from 'classnames'; @@ -9,7 +10,7 @@ import { SchemaInitializerButtonProps, SchemaInitializerItemComponent, SchemaInitializerItemOptions, - SchemaInitializerItemProps + SchemaInitializerItemProps, } from './types'; const defaultWrap = (s: ISchema) => s; @@ -84,7 +85,11 @@ SchemaInitializer.Button = observer((props: SchemaInitializerButtonProps) => { if (item.type === 'subMenu') { return ( !!item.children?.length && ( - + {renderItems(item.children)} ) @@ -158,6 +163,7 @@ SchemaInitializer.Item = (props: SchemaInitializerItemProps) => { eventKey={item.key || `item-group-${indexA}`} key={item.key || `item-group-${indexA}`} title={compile(item.title)} + className={lessStyle.menuItemGroup} > {renderMenuItem(item.children)} diff --git a/packages/core/client/src/schema-initializer/style.less b/packages/core/client/src/schema-initializer/style.less new file mode 100644 index 000000000..3e449c361 --- /dev/null +++ b/packages/core/client/src/schema-initializer/style.less @@ -0,0 +1,4 @@ +.menuItemGroup { + max-height: 60vh; + overflow: auto; +}