feat: add block title (#513)
This commit is contained in:
parent
300d42f632
commit
99fdc83dae
@ -176,6 +176,13 @@ export default {
|
|||||||
"Many to one description": "用于创建多对一关系,比如一个城市只能属于一个国家,一个国家可以有多个城市。作为字段存在时,它是一个下拉选择用于选择目标数据表的数据。创建后,会在目标数据表里自动生成一个多对一字段。",
|
"Many to one description": "用于创建多对一关系,比如一个城市只能属于一个国家,一个国家可以有多个城市。作为字段存在时,它是一个下拉选择用于选择目标数据表的数据。创建后,会在目标数据表里自动生成一个多对一字段。",
|
||||||
"Many to many description": "用于创建多对多关系,比如一个学生会有多个老师,一个老师也会有多个学生。作为字段存在时,它是一个下拉选择用于选择目标数据表的数据。",
|
"Many to many description": "用于创建多对多关系,比如一个学生会有多个老师,一个老师也会有多个学生。作为字段存在时,它是一个下拉选择用于选择目标数据表的数据。",
|
||||||
"Generated automatically if left blank": "留空时,自动生成中间表",
|
"Generated automatically if left blank": "留空时,自动生成中间表",
|
||||||
|
"References fields of associated table": "引用关联表的字段",
|
||||||
|
"Toggles the subfield mode": "切换子字段模式",
|
||||||
|
"Selector mode": "选择器模式",
|
||||||
|
"Subtable mode": "子表格模式",
|
||||||
|
"Subform mode": "子表单模式",
|
||||||
|
"Edit block title": "编辑区块标题",
|
||||||
|
"Block title": "区块标题",
|
||||||
"Add filter": "添加筛选条件",
|
"Add filter": "添加筛选条件",
|
||||||
"Add filter group": "添加筛选分组",
|
"Add filter group": "添加筛选分组",
|
||||||
"is": "等于",
|
"is": "等于",
|
||||||
|
@ -36,6 +36,7 @@ export const CalendarDesigner = () => {
|
|||||||
const defaultResource = fieldSchema?.['x-decorator-props']?.resource;
|
const defaultResource = fieldSchema?.['x-decorator-props']?.resource;
|
||||||
return (
|
return (
|
||||||
<GeneralSchemaDesigner template={template} title={title || name}>
|
<GeneralSchemaDesigner template={template} title={title || name}>
|
||||||
|
<SchemaSettings.BlockTitleItem />
|
||||||
<SchemaSettings.SelectItem
|
<SchemaSettings.SelectItem
|
||||||
title={t('Title field')}
|
title={t('Title field')}
|
||||||
value={fieldNames.title}
|
value={fieldNames.title}
|
||||||
|
@ -24,6 +24,7 @@ export const FormDesigner = () => {
|
|||||||
return (
|
return (
|
||||||
<GeneralSchemaDesigner template={template} title={title || name}>
|
<GeneralSchemaDesigner template={template} title={title || name}>
|
||||||
{/* <SchemaSettings.Template componentName={'FormItem'} collectionName={name} /> */}
|
{/* <SchemaSettings.Template componentName={'FormItem'} collectionName={name} /> */}
|
||||||
|
<SchemaSettings.BlockTitleItem />
|
||||||
<SchemaSettings.FormItemTemplate componentName={'FormItem'} collectionName={name} resourceName={defaultResource} />
|
<SchemaSettings.FormItemTemplate componentName={'FormItem'} collectionName={name} resourceName={defaultResource} />
|
||||||
<SchemaSettings.Divider />
|
<SchemaSettings.Divider />
|
||||||
<SchemaSettings.Remove
|
<SchemaSettings.Remove
|
||||||
@ -44,6 +45,7 @@ export const ReadPrettyFormDesigner = () => {
|
|||||||
return (
|
return (
|
||||||
<GeneralSchemaDesigner template={template} title={title || name}>
|
<GeneralSchemaDesigner template={template} title={title || name}>
|
||||||
{/* <SchemaSettings.Template componentName={'ReadPrettyForm'} collectionName={name} /> */}
|
{/* <SchemaSettings.Template componentName={'ReadPrettyForm'} collectionName={name} /> */}
|
||||||
|
<SchemaSettings.BlockTitleItem />
|
||||||
<SchemaSettings.FormItemTemplate
|
<SchemaSettings.FormItemTemplate
|
||||||
insertAdjacentPosition={'beforeEnd'}
|
insertAdjacentPosition={'beforeEnd'}
|
||||||
componentName={'ReadPrettyFormItem'}
|
componentName={'ReadPrettyFormItem'}
|
||||||
@ -87,6 +89,7 @@ export const DetailsDesigner = () => {
|
|||||||
});
|
});
|
||||||
return (
|
return (
|
||||||
<GeneralSchemaDesigner template={template} title={title || name}>
|
<GeneralSchemaDesigner template={template} title={title || name}>
|
||||||
|
<SchemaSettings.BlockTitleItem />
|
||||||
<SchemaSettings.ModalItem
|
<SchemaSettings.ModalItem
|
||||||
title={t('Set the data scope')}
|
title={t('Set the data scope')}
|
||||||
schema={
|
schema={
|
||||||
|
@ -31,6 +31,7 @@ export const G2PlotDesigner = () => {
|
|||||||
const compile = useCompile();
|
const compile = useCompile();
|
||||||
return (
|
return (
|
||||||
<GeneralSchemaDesigner>
|
<GeneralSchemaDesigner>
|
||||||
|
<SchemaSettings.BlockTitleItem />
|
||||||
<SchemaSettings.ModalItem
|
<SchemaSettings.ModalItem
|
||||||
title={t('Edit chart')}
|
title={t('Edit chart')}
|
||||||
schema={
|
schema={
|
||||||
|
@ -21,6 +21,7 @@ export const KanbanDesigner = () => {
|
|||||||
const template = useSchemaTemplate();
|
const template = useSchemaTemplate();
|
||||||
return (
|
return (
|
||||||
<GeneralSchemaDesigner template={template} title={title || name}>
|
<GeneralSchemaDesigner template={template} title={title || name}>
|
||||||
|
<SchemaSettings.BlockTitleItem />
|
||||||
<SchemaSettings.ModalItem
|
<SchemaSettings.ModalItem
|
||||||
title={t('Set the data scope')}
|
title={t('Set the data scope')}
|
||||||
schema={
|
schema={
|
||||||
|
@ -17,7 +17,7 @@ export const TableBlockDesigner = () => {
|
|||||||
const sortFields = useSortFields(name);
|
const sortFields = useSortFields(name);
|
||||||
const { service } = useTableBlockContext();
|
const { service } = useTableBlockContext();
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const { dn } = useDesignable();
|
const { dn, refresh } = useDesignable();
|
||||||
const defaultFilter = fieldSchema?.['x-decorator-props']?.params?.filter || {};
|
const defaultFilter = fieldSchema?.['x-decorator-props']?.params?.filter || {};
|
||||||
const defaultSort = fieldSchema?.['x-decorator-props']?.params?.sort || [];
|
const defaultSort = fieldSchema?.['x-decorator-props']?.params?.sort || [];
|
||||||
const defaultResource = fieldSchema?.['x-decorator-props']?.resource;
|
const defaultResource = fieldSchema?.['x-decorator-props']?.resource;
|
||||||
@ -36,6 +36,7 @@ export const TableBlockDesigner = () => {
|
|||||||
const { dragSort } = field.decoratorProps;
|
const { dragSort } = field.decoratorProps;
|
||||||
return (
|
return (
|
||||||
<GeneralSchemaDesigner template={template} title={title || name}>
|
<GeneralSchemaDesigner template={template} title={title || name}>
|
||||||
|
<SchemaSettings.BlockTitleItem />
|
||||||
<SchemaSettings.SwitchItem
|
<SchemaSettings.SwitchItem
|
||||||
title={t('Enable drag and drop sorting')}
|
title={t('Enable drag and drop sorting')}
|
||||||
checked={field.decoratorProps.dragSort}
|
checked={field.decoratorProps.dragSort}
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { ISchema, Schema, useFieldSchema, useForm } from '@formily/react';
|
import { ISchema, Schema, useFieldSchema, useForm } from '@formily/react';
|
||||||
import { uid } from '@formily/shared';
|
import { uid } from '@formily/shared';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import { SchemaInitializerItemOptions } from '../';
|
import { SchemaInitializerItemOptions, useTableBlockContext } from '../';
|
||||||
import { useCollection, useCollectionManager } from '../collection-manager';
|
import { useCollection, useCollectionManager } from '../collection-manager';
|
||||||
import { useDesignable } from '../schema-component';
|
import { useDesignable } from '../schema-component';
|
||||||
import { useSchemaTemplateManager } from '../schema-templates';
|
import { useSchemaTemplateManager } from '../schema-templates';
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { css } from '@emotion/css';
|
import { css } from '@emotion/css';
|
||||||
import { FormDialog, FormItem, FormLayout, Input } from '@formily/antd';
|
import { FormDialog, FormItem, FormLayout, Input } from '@formily/antd';
|
||||||
import { createForm, GeneralField } from '@formily/core';
|
import { createForm, GeneralField } from '@formily/core';
|
||||||
import { ISchema, Schema, SchemaOptionsContext, useFieldSchema } from '@formily/react';
|
import { ISchema, Schema, SchemaOptionsContext, useField, useFieldSchema } from '@formily/react';
|
||||||
import { uid } from '@formily/shared';
|
import { uid } from '@formily/shared';
|
||||||
import { Alert, Button, Dropdown, Menu, MenuItemProps, Modal, Select, Space, Switch } from 'antd';
|
import { Alert, Button, Dropdown, Menu, MenuItemProps, Modal, Select, Space, Switch } from 'antd';
|
||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
@ -21,6 +21,7 @@ import {
|
|||||||
useAPIClient,
|
useAPIClient,
|
||||||
useCollection,
|
useCollection,
|
||||||
useCompile,
|
useCompile,
|
||||||
|
useDesignable,
|
||||||
} from '..';
|
} from '..';
|
||||||
import { useSchemaTemplateManager } from '../schema-templates';
|
import { useSchemaTemplateManager } from '../schema-templates';
|
||||||
import { useBlockTemplateContext } from '../schema-templates/BlockTemplate';
|
import { useBlockTemplateContext } from '../schema-templates/BlockTemplate';
|
||||||
@ -234,7 +235,6 @@ const findBlockTemplateSchema = (fieldSchema) => {
|
|||||||
|
|
||||||
SchemaSettings.FormItemTemplate = (props) => {
|
SchemaSettings.FormItemTemplate = (props) => {
|
||||||
const { insertAdjacentPosition = 'afterBegin', componentName, collectionName, resourceName } = props;
|
const { insertAdjacentPosition = 'afterBegin', componentName, collectionName, resourceName } = props;
|
||||||
console.log('SchemaSettings.Template', props);
|
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const { dn, setVisible, template, fieldSchema } = useSchemaSettings();
|
const { dn, setVisible, template, fieldSchema } = useSchemaSettings();
|
||||||
const api = useAPIClient();
|
const api = useAPIClient();
|
||||||
@ -284,7 +284,6 @@ SchemaSettings.FormItemTemplate = (props) => {
|
|||||||
onClick={async () => {
|
onClick={async () => {
|
||||||
setVisible(false);
|
setVisible(false);
|
||||||
const gridSchema = findGridSchema(fieldSchema);
|
const gridSchema = findGridSchema(fieldSchema);
|
||||||
console.log('gridSchema', gridSchema);
|
|
||||||
const values = await FormDialog(t('Save as template'), () => {
|
const values = await FormDialog(t('Save as template'), () => {
|
||||||
return (
|
return (
|
||||||
<FormLayout layout={'vertical'}>
|
<FormLayout layout={'vertical'}>
|
||||||
@ -586,3 +585,45 @@ SchemaSettings.ModalItem = (props) => {
|
|||||||
</SchemaSettings.Item>
|
</SchemaSettings.Item>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
SchemaSettings.BlockTitleItem = () => {
|
||||||
|
const field = useField();
|
||||||
|
const fieldSchema = useFieldSchema();
|
||||||
|
const { dn } = useDesignable();
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<SchemaSettings.ModalItem
|
||||||
|
title={t('Edit block title')}
|
||||||
|
schema={
|
||||||
|
{
|
||||||
|
type: 'object',
|
||||||
|
title: t('Edit block title'),
|
||||||
|
properties: {
|
||||||
|
title: {
|
||||||
|
title: t('Block title'),
|
||||||
|
type: 'string',
|
||||||
|
default: fieldSchema?.['x-component-props']?.['title'],
|
||||||
|
'x-decorator': 'FormItem',
|
||||||
|
'x-component': 'Input',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
} as ISchema
|
||||||
|
}
|
||||||
|
onSubmit={({ title }) => {
|
||||||
|
const componentProps = fieldSchema['x-component-props'] || {};
|
||||||
|
componentProps.title = title;
|
||||||
|
fieldSchema['x-component-props'] = componentProps;
|
||||||
|
field.componentProps.title = title;
|
||||||
|
dn.emit('patch', {
|
||||||
|
schema: {
|
||||||
|
['x-uid']: fieldSchema['x-uid'],
|
||||||
|
'x-component-props': fieldSchema['x-component-props'],
|
||||||
|
},
|
||||||
|
});
|
||||||
|
dn.refresh();
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)
|
||||||
|
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user