* fix: form * refactor: schema-initializer * fix: bug * refactor: schema initializer * refactor: rename * fix: delete SchemaInitializerProvider * refactor: props `insert` to hooks `useSchemaInitializerV2` * fix: bug * refactor: delete `SchemaInitializer.Button` * refactor: delete old SchemaInitializer * fix: bug * fix: workflow * fix: docs * fix: bug * fix: bug * feat: style * fix: remove v2 * fix: visible * fix: bug * fix: item hook * feat: item hook * fix: add search DataBlockInitializer * fix: build bug * fix: style bug * fix: style bug * fix: test bug * fix: test bug * fix: rerender bug * fix: remove menu select * fix: bug * chore: add aria-label for SchemaInitializerButton * refactor: rename name to camel case * fix: menu height bug * fix: build errors * fix: build errors * fix: bug * fix: bug * fix: performance * test: add test for header * fix: sidebar is not refresh (T-2422) * feat(e2e): support to add group page and link page * chore: make sure the page is configurable when using page.goto * test: add tests for menu initializer * fix: imporve code * chore: fix build error * chore: optimize locator of menu item * refactor: rename testid for select * test: make tests passing * fix: make tests passing * chore: upgrade vitest to v0.34.6 * chore: increase timeout of e2e * feat: core * fix: revert schema initializer demos * test: menu, page tabs, page grid, table column * fix: schema button interface * feat: refactor: page tab settings * feat: page settings * fix: dumirc * fix: export CSSVariableProvider * feat: lazy render * fix: form-item * fix: general schema desinger * feat: filter form item settings * refactor: form-v2 schema settings * refactor: form-v1 schema settings * refactor: action schema settings * fix: action bug * fix: form-item bug * fix: types error * docs: schema settings doc * docs: schema settings * feat: schema setting item add name * fix: visible lazy render bug * fix: revert form item filter * fix: test bug * fix: test JSON.parse bug * fix: test bug * fix: improve styling * fix: styling * fix: cleanup * fix: token.borderRadiusSM * fix: bug * test: add tests * fix: style bug * fix: add chart performance * feat: add SchemaDesignerContext * fix: bug * fix: test bug * style: create record action style improve * fix: make test passing * chore: mack tests passing * chore: make tests passing * test: fix tests * style: style revert * fix: bug * fix: data selector * fix: fix tests * fix: fix tests * fix: delete PluginManagerContext * refactor: improve router and add SchemaComponentProvider & CSSVariableProvider to MainComponent * fix: add dn and field builtin to SchemaSettingWrapper * feat: update docs * refactor: application providers * fix: test bug * fix: fix tests * chore: make test passing * feat: update docs * chore: rename collection name * feat: update docs * chore: skip weird test * fix: blockInitializers media to otherBlocks * fix: cancel to skip test * fix: bug * test: add test * refactor: migrate to small files * test: add tests for form block settings * chore: format * fix: add chart scroll bug * refactor: action designer improve * refactor: formitem designer schemaSetting * feat: schemaSettingsManager and schemaInitializerManager addItem and removeItem * test: add tests for color field in creating block * test: add tests for email field in creating block * test: make tests passing * perf: reduce fields number * fix: sub menu bug * test: add tests basic in editing form * test: add tests basic in details form * fix: improve code * test: make tests passing * test(plugin-mock-collections): add color for enum options * refactor: improve code * fix: bug * fix: bug * refactor: convert parameters to destructured object * test: add tests choices * test: add tests media * test: add tests for datetime in creating form * feat(plugin-mock-collection): generate faker time * test: add tests for datetime in editing form * test: add tests for datetime in details form * fix: bug * feat: improve code * test: add tests for relation fields * fix: rename SchemaSettings * fix: type bug * refactor: useDesinger() * fix: bug * fix: bug * fix: build tip * fix: designableState * fix: bug * fix: designable * fix: designable * test: add tests for relation fields * test: add tests for relation fields * test: add tests for relation fields * feat: client api doc * test: add tests for relation fields * test: avoid errors * test: make tests passing * fix: bug * test: make tests passing * test: add tests for advanced fields * test: increase e2e timeout-minutes to 60 * fix: bug * fix: improve code * feat: add schema initailizer component demos * test: make tests passing * fix: schema settings demos * feat: shallowMerge & deepMerge * test: reduce number of tests * test: make tests passing * feat: updates * fix: add Initializer Internal * demos: useSchemaSettingsRender * test: make tests passing * test: make tests passing * fix: improve docs * fix: bug * chore: upgrade dumi theme * test: make tests passing * test: add tests for linkage rules * test: add test for form data templates * test: add tests for default value * test: reduce number of tests * fix: dn.deepMerge * fix: bug * fix: bug * fix: toolbar * fix: docs ssr * test: add tests for system fields * test: add tests for actions * fix: bug * test: add tests for lazy loading of variables * test: make testing more stable * fix: update docs * fix: bug --------- Co-authored-by: Rain <958414905@qq.com> Co-authored-by: chenos <chenlinxh@gmail.com> Co-authored-by: katherinehhh <katherine_15995@163.com>
150 lines
4.4 KiB
TypeScript
150 lines
4.4 KiB
TypeScript
import { Field } from '@formily/core';
|
|
import { ISchema, useField, useFieldSchema } from '@formily/react';
|
|
import {
|
|
GeneralSchemaDesigner,
|
|
GeneralSchemaItems,
|
|
SchemaSettingsModalItem,
|
|
SchemaSettingsRemove,
|
|
SchemaSettingsSelectItem,
|
|
isPatternDisabled,
|
|
useCollection,
|
|
useCollectionManager,
|
|
useDesignable,
|
|
useFormBlockContext,
|
|
} from '@nocobase/client';
|
|
import lodash from 'lodash';
|
|
import React from 'react';
|
|
import { useMapTranslation } from '../locale';
|
|
|
|
const Designer = () => {
|
|
const { getCollectionJoinField } = useCollectionManager();
|
|
const { getField } = useCollection();
|
|
const { form } = useFormBlockContext();
|
|
const field = useField<Field>();
|
|
const fieldSchema = useFieldSchema();
|
|
const { t } = useMapTranslation();
|
|
const { dn, refresh } = useDesignable();
|
|
const collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
|
|
const originalTitle = collectionField?.uiSchema?.title;
|
|
const initialValue = {
|
|
title: field.title === originalTitle ? undefined : field.title,
|
|
};
|
|
if (!field.readPretty) {
|
|
initialValue['required'] = field.required;
|
|
}
|
|
|
|
let readOnlyMode = 'editable';
|
|
if (fieldSchema['x-disabled'] === true) {
|
|
readOnlyMode = 'readonly';
|
|
}
|
|
if (fieldSchema['x-read-pretty'] === true) {
|
|
readOnlyMode = 'read-pretty';
|
|
}
|
|
|
|
return (
|
|
<GeneralSchemaDesigner>
|
|
<GeneralSchemaItems />
|
|
{form && !form?.readPretty && !isPatternDisabled(fieldSchema) && (
|
|
<SchemaSettingsSelectItem
|
|
key="pattern"
|
|
title={t('Pattern')}
|
|
options={[
|
|
{ label: t('Editable'), value: 'editable' },
|
|
{ label: t('Readonly'), value: 'readonly' },
|
|
{ label: t('Easy-reading'), value: 'read-pretty' },
|
|
]}
|
|
value={readOnlyMode}
|
|
onChange={(v) => {
|
|
const schema: ISchema = {
|
|
['x-uid']: fieldSchema['x-uid'],
|
|
};
|
|
|
|
switch (v) {
|
|
case 'readonly': {
|
|
fieldSchema['x-read-pretty'] = false;
|
|
fieldSchema['x-disabled'] = true;
|
|
schema['x-read-pretty'] = false;
|
|
schema['x-disabled'] = true;
|
|
field.readPretty = false;
|
|
field.disabled = true;
|
|
break;
|
|
}
|
|
case 'read-pretty': {
|
|
fieldSchema['x-read-pretty'] = true;
|
|
fieldSchema['x-disabled'] = false;
|
|
schema['x-read-pretty'] = true;
|
|
schema['x-disabled'] = false;
|
|
field.readPretty = true;
|
|
break;
|
|
}
|
|
default: {
|
|
fieldSchema['x-read-pretty'] = false;
|
|
fieldSchema['x-disabled'] = false;
|
|
schema['x-read-pretty'] = false;
|
|
schema['x-disabled'] = false;
|
|
field.readPretty = false;
|
|
field.disabled = false;
|
|
break;
|
|
}
|
|
}
|
|
|
|
dn.emit('patch', {
|
|
schema,
|
|
});
|
|
|
|
dn.refresh();
|
|
}}
|
|
/>
|
|
)}
|
|
<SchemaSettingsModalItem
|
|
key="map-zoom"
|
|
title={t('Set default zoom level')}
|
|
schema={
|
|
{
|
|
type: 'object',
|
|
title: t('Set default zoom level'),
|
|
properties: {
|
|
zoom: {
|
|
title: t('Zoom'),
|
|
default: field.componentProps.zoom || 13,
|
|
description: t('The default zoom level of the map'),
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'InputNumber',
|
|
'x-component-props': {
|
|
precision: 0,
|
|
},
|
|
},
|
|
},
|
|
} as ISchema
|
|
}
|
|
onSubmit={({ zoom }) => {
|
|
if (zoom) {
|
|
lodash.set(fieldSchema, 'x-component-props.zoom', zoom);
|
|
Object.assign(field.componentProps, fieldSchema['x-component-props']);
|
|
|
|
dn.emit('patch', {
|
|
schema: {
|
|
'x-uid': fieldSchema['x-uid'],
|
|
'x-component-props': field.componentProps,
|
|
},
|
|
});
|
|
}
|
|
dn.refresh();
|
|
}}
|
|
/>
|
|
<SchemaSettingsRemove
|
|
key="remove"
|
|
removeParentsIfNoChildren
|
|
confirm={{
|
|
title: t('Delete field'),
|
|
}}
|
|
breakRemoveOn={{
|
|
'x-component': 'Grid',
|
|
}}
|
|
/>
|
|
</GeneralSchemaDesigner>
|
|
);
|
|
};
|
|
|
|
export default Designer;
|