fm453/nocobase
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2025-05-07 14:39:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add ellipsis configuration support for more components (#5888)

Browse Source 
* feat: add ellipsis configuration support for more components

* chore: fix unit tests
This commit is contained in:
Zeke Zhang 2024-12-18 11:16:11 +08:00 committed by GitHub
parent 486aa24b5f
commit 6d3c7e037f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/core/client/src/modules/blocks/data-blocks/form/__tests__/fieldSettingsFormItem.test.tsx
View File

@ -198,6 +198,10 @@ describe('FieldSettingsFormItem', () => {
title: 'Allow multiple',
type: 'switch',
},
{
title: 'Ellipsis overflow content',
type: 'switch',
},
{
title: 'Title field',
type: 'select',
@ -304,6 +308,10 @@ describe('FieldSettingsFormItem', () => {
title: 'Enable link',
type: 'switch',
},
{
title: 'Ellipsis overflow content',
type: 'switch',
},
{
title: 'Delete',
type: 'delete',

5
packages/core/client/src/modules/fields/component/CascadeSelect/cascadeSelectComponentFieldSettings.tsx
View File

@ -12,10 +12,11 @@ import { useField, useFieldSchema } from '@formily/react';
import { useTranslation } from 'react-i18next';
import { SchemaSettings } from '../../../../application/schema-settings/SchemaSettings';
import { useFieldComponentName } from '../../../../common/useFieldComponentName';
import { useCollectionField } from '../../../../data-source';
import { useDesignable, useFieldModeOptions, useIsAddNewForm } from '../../../../schema-component';
import { isSubMode } from '../../../../schema-component/antd/association-field/util';
import { useTitleFieldOptions } from '../../../../schema-component/antd/form-item/FormItem.Settings';
import { useCollectionField } from '../../../../data-source';
import { ellipsisSettingsItem } from '../Input/inputComponentSettings';
const fieldComponent: any = {
name: 'fieldComponent',
@ -99,5 +100,5 @@ const titleField: any = {
export const cascadeSelectComponentFieldSettings = new SchemaSettings({
name: 'fieldSettings:component:CascadeSelect',
items: [fieldComponent, titleField],
items: [fieldComponent, titleField, ellipsisSettingsItem],
});

5
packages/core/client/src/modules/fields/component/DatePicker/datePickerComponentFieldSettings.tsx
View File

@ -9,8 +9,9 @@
import { useFieldSchema } from '@formily/react';
import { SchemaSettings } from '../../../../application/schema-settings/SchemaSettings';
import { SchemaSettingsDateFormat } from '../../../../schema-settings/SchemaSettingsDateFormat';
import { useColumnSchema } from '../../../../schema-component/antd/table-v2/Table.Column.Decorator';
import { SchemaSettingsDateFormat } from '../../../../schema-settings/SchemaSettingsDateFormat';
import { ellipsisSettingsItem } from '../Input/inputComponentSettings';
export const datePickerComponentFieldSettings = new SchemaSettings({
name: 'fieldSettings:component:DatePicker',
@ -27,6 +28,7 @@ export const datePickerComponentFieldSettings = new SchemaSettings({
};
},
},
ellipsisSettingsItem,
],
});
@ -45,5 +47,6 @@ export const rangePickerPickerComponentFieldSettings = new SchemaSettings({
};
},
},
ellipsisSettingsItem,
],
});

5
packages/core/client/src/modules/fields/component/Select/selectComponentFieldSettings.tsx
View File

@ -16,7 +16,7 @@ import { SchemaSettings } from '../../../../application/schema-settings/SchemaSe
import { useFormBlockContext } from '../../../../block-provider/FormBlockProvider';
import { useCollectionManager_deprecated, useCollection_deprecated } from '../../../../collection-manager';
import { useFieldComponentName } from '../../../../common/useFieldComponentName';
import { useCollectionField } from '../../../../data-source';
import { useCollectionField, useDataBlockProps } from '../../../../data-source';
import { useRecord } from '../../../../record-provider';
import { removeNullCondition, useDesignable, useFieldModeOptions, useIsAddNewForm } from '../../../../schema-component';
import { isSubMode } from '../../../../schema-component/antd/association-field/util';
@ -34,7 +34,7 @@ import { SchemaSettingsSortingRule } from '../../../../schema-settings/SchemaSet
import { useIsShowMultipleSwitch } from '../../../../schema-settings/hooks/useIsShowMultipleSwitch';
import { useLocalVariables, useVariables } from '../../../../variables';
import { useOpenModeContext } from '../../../popup/OpenModeProvider';
import { useDataBlockProps } from '../../../../data-source';
import { ellipsisSettingsItem } from '../Input/inputComponentSettings';
const enableLink = {
name: 'enableLink',
@ -382,6 +382,7 @@ export const selectComponentFieldSettings = new SchemaSettings({
return useIsAssociationField() && readPretty;
},
},
ellipsisSettingsItem,
],
});

6
packages/core/client/src/modules/fields/component/Tag/tagComponentFieldSettings.tsx
View File

@ -12,12 +12,13 @@ import { useField, useFieldSchema } from '@formily/react';
import { useTranslation } from 'react-i18next';
import { SchemaSettings } from '../../../../application/schema-settings/SchemaSettings';
import { useFieldComponentName } from '../../../../common/useFieldComponentName';
import { useCollectionField } from '../../../../data-source';
import { useDesignable, useFieldModeOptions, useIsAddNewForm } from '../../../../schema-component';
import { isSubMode } from '../../../../schema-component/antd/association-field/util';
import { useTitleFieldOptions } from '../../../../schema-component/antd/form-item/FormItem.Settings';
import { useColorFields } from '../../../../schema-component/antd/table-v2/Table.Column.Designer';
import { useColumnSchema } from '../../../../schema-component/antd/table-v2/Table.Column.Decorator';
import { useCollectionField } from '../../../../data-source';
import { useColorFields } from '../../../../schema-component/antd/table-v2/Table.Column.Designer';
import { ellipsisSettingsItem } from '../Input/inputComponentSettings';
const enableLink = {
name: 'enableLink',
@ -177,5 +178,6 @@ export const tagComponentFieldSettings = new SchemaSettings({
},
titleField,
enableLink,
ellipsisSettingsItem,
],
});