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

fix: use wrapper when greater than one column

Browse Source
This commit is contained in:
chenos 2022-05-01 00:04:59 +08:00
parent 69da6a340f
commit ef7cc8c2ff
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/core/client/src/schema-component/antd/grid/Grid.tsx
View File

@ -152,6 +152,10 @@ export const useGridContext = () => {
return useContext(GridContext);
};
export const useGridRowContext = () => {
return useContext(GridRowContext);
}
export const Grid: any = observer((props: any) => {
const field = useField();
const fieldSchema = useFieldSchema();

14
packages/core/client/src/schema-settings/GeneralSchemaDesigner.tsx
View File

@ -5,7 +5,8 @@ import { Space } from 'antd';
import classNames from 'classnames';
import React from 'react';
import { useTranslation } from 'react-i18next';
import { DragHandler, useCompile, useDesignable, useGridContext } from '../schema-component';
import { DragHandler, useCompile, useDesignable, useGridContext, useGridRowContext } from '../schema-component';
import { gridRowColWrap } from '../schema-initializer/utils';
import { SchemaSettings } from './SchemaSettings';
const titleCss = css`
@ -45,6 +46,7 @@ export const GeneralSchemaDesigner = (props: any) => {
if (!designable) {
return null;
}
const rowCtx = useGridRowContext();
const ctx = useGridContext();
const templateName = ['FormItem', 'ReadPrettyFormItem'].includes(template?.componentName)
? `${template?.name} ${t('(Fields only)')}`
@ -70,10 +72,12 @@ export const GeneralSchemaDesigner = (props: any) => {
<DragOutlined />
</DragHandler>
)}
{!disableInitializer && ctx?.renderSchemaInitializer?.({
insertPosition: 'afterEnd',
component: <PlusOutlined style={{ cursor: 'pointer', fontSize: 12 }} />,
})}
{!disableInitializer &&
ctx?.renderSchemaInitializer?.({
insertPosition: 'afterEnd',
wrap: rowCtx?.cols?.length > 1 ? undefined : gridRowColWrap,
component: <PlusOutlined style={{ cursor: 'pointer', fontSize: 12 }} />,
})}
<SchemaSettings title={<MenuOutlined style={{ cursor: 'pointer', fontSize: 12 }} />} {...schemaSettingsProps}>
{props.children}
</SchemaSettings>