@tachybase/client 0.23.8-alpha.21 → 0.23.8-alpha.23

package/lib/modules/blocks/data-blocks/details-multi/DetailsBlockInitializer.mjs

@@ -0,0 +1,76 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
+import * as __WEBPACK_EXTERNAL_MODULE__application_index_mjs__ from "../../../../application/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__ from "../../../../data-source/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_initializer_items_DataBlockInitializer_mjs__ from "../../../../schema-initializer/items/DataBlockInitializer.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__createDetailsWithPaginationUISchema_mjs__ from "./createDetailsWithPaginationUISchema.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@ant-design/icons"
+
+;// CONCATENATED MODULE: external "../../../../application/index.mjs"
+
+;// CONCATENATED MODULE: external "../../../../data-source/index.mjs"
+
+;// CONCATENATED MODULE: external "../../../../schema-initializer/items/DataBlockInitializer.mjs"
+
+;// CONCATENATED MODULE: external "./createDetailsWithPaginationUISchema.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/modules/blocks/data-blocks/details-multi/DetailsBlockInitializer.tsx?__rslib_entry__
+
+
+
+
+
+
+
+const DetailsBlockInitializer = (param)=>{
+    let { filterCollections, onlyCurrentDataSource, hideSearch, componentType = 'Details', createBlockSchema, templateWrap, showAssociationFields, hideChildrenIfSingleCollection } = param;
+    const itemConfig = (0,__WEBPACK_EXTERNAL_MODULE__application_index_mjs__.useSchemaInitializerItem)();
+    const { createDetailsBlock } = useCreateDetailsBlock();
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_initializer_items_DataBlockInitializer_mjs__.DataBlockInitializer, {
+        ...itemConfig,
+        icon: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.TableOutlined, {}),
+        componentType: componentType,
+        onCreateBlockSchema: async (options)=>{
+            if (createBlockSchema) {
+                return createBlockSchema(options);
+            }
+            createDetailsBlock(options);
+        },
+        onlyCurrentDataSource: !!onlyCurrentDataSource,
+        hideSearch: hideSearch,
+        filter: filterCollections,
+        templateWrap: templateWrap,
+        showAssociationFields: showAssociationFields,
+        hideChildrenIfSingleCollection: hideChildrenIfSingleCollection
+    });
+};
+const useCreateDetailsBlock = ()=>{
+    const { insert } = (0,__WEBPACK_EXTERNAL_MODULE__application_index_mjs__.useSchemaInitializer)();
+    // const { getCollection } = useCollectionManager_deprecated();
+    const cm = (0,__WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.useCollectionManager)();
+    const createDetailsBlock = (0,__WEBPACK_EXTERNAL_MODULE_react__.useCallback)((param)=>{
+        let { item } = param;
+        const collection = cm.getCollection(item.name);
+        const schema = (0,__WEBPACK_EXTERNAL_MODULE__createDetailsWithPaginationUISchema_mjs__.createDetailsWithPaginationUISchema)({
+            collectionName: item.name,
+            dataSource: item.dataSource,
+            rowKey: collection.filterTargetKey || 'id',
+            hideActionInitializer: !((collection.template !== 'view' || (collection === null || collection === void 0 ? void 0 : collection.writableView)) && collection.template !== 'sql')
+        });
+        insert(schema);
+    }, [
+        cm,
+        insert
+    ]);
+    return {
+        createDetailsBlock
+    };
+};
+
+export { DetailsBlockInitializer, useCreateDetailsBlock };

package/lib/modules/blocks/data-blocks/details-multi/__e2e__/schemaInitializer.test.mjs

@@ -0,0 +1,123 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__ from "@tachybase/test/e2e";
+
+;// CONCATENATED MODULE: external "@tachybase/test/e2e"
+
+;// CONCATENATED MODULE: ./packages/client/src/modules/blocks/data-blocks/details-multi/__e2e__/schemaInitializer.test.ts?__rslib_entry__
+
+__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.describe('where multi data details block can be added', ()=>{
+    (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test)('page', async (param)=>{
+        let { page, mockPage } = param;
+        await mockPage().goto();
+        await page.getByLabel('schema-initializer-Grid-page:addBlock').hover();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.createBlockInPage)(page, 'Details');
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('block-item-CardItem-users-details')).toBeVisible();
+    });
+});
+__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.describe('configure fields', ()=>{
+    (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test)('display collection fields & display association fields & add text', async (param)=>{
+        let { page, mockPage, mockRecord } = param;
+        await mockPage(__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.oneEmptyDetailsBlock).goto();
+        await mockRecord('general');
+        const formItemInitializer = page.getByLabel('schema-initializer-Grid-details:configureFields-general');
+        // add fields
+        await formItemInitializer.hover();
+        await page.getByRole('menuitem', {
+            name: 'Single select',
+            exact: true
+        }).click();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByRole('menuitem', {
+            name: 'Single select',
+            exact: true
+        }).getByRole('switch')).toBeChecked();
+        // add association fields
+        await page.getByRole('menuitem', {
+            name: 'Many to one'
+        }).nth(1).hover();
+        await page.getByRole('menuitem', {
+            name: 'Nickname'
+        }).click();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByRole('menuitem', {
+            name: 'Nickname'
+        }).getByRole('switch')).toBeChecked();
+        await page.mouse.move(300, 0);
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('block-item-CollectionField-general-details-general.singleSelect-Single select')).toBeVisible();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('block-item-CollectionField-general-details-general.manyToOne.nickname')).toBeVisible();
+        // delete fields
+        await formItemInitializer.hover();
+        await page.getByRole('menuitem', {
+            name: 'Single select',
+            exact: true
+        }).click();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByRole('menuitem', {
+            name: 'Single select',
+            exact: true
+        }).getByRole('switch')).not.toBeChecked();
+        await page.getByRole('menuitem', {
+            name: 'Many to one'
+        }).nth(1).hover();
+        await page.getByRole('menuitem', {
+            name: 'Nickname'
+        }).click();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByRole('menuitem', {
+            name: 'Nickname'
+        }).getByRole('switch')).not.toBeChecked();
+        await page.mouse.move(300, 0);
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('block-item-CollectionField-general-details-general.singleSelect-Single select')).not.toBeVisible();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('block-item-CollectionField-general-details-general.manyToOne.nickname')).not.toBeVisible();
+        // add text
+        await formItemInitializer.hover();
+        await page.getByRole('menuitem', {
+            name: 'Add text'
+        }).click();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByLabel('block-item-Markdown.Void-general-details')).toBeVisible();
+    });
+});
+__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.describe('configure actions', ()=>{
+    (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test)('edit & delete & duplicate', async (param)=>{
+        let { page, mockPage, mockRecord } = param;
+        await mockPage(__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.oneEmptyDetailsBlock).goto();
+        await mockRecord('general');
+        await page.getByLabel('schema-initializer-ActionBar-detailsWithPaging:configureActions-general').hover();
+        await page.getByRole('menuitem', {
+            name: 'Edit'
+        }).click();
+        await page.getByRole('menuitem', {
+            name: 'Delete'
+        }).click();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByRole('menuitem', {
+            name: 'Edit'
+        }).getByRole('switch')).toBeChecked();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByRole('menuitem', {
+            name: 'Delete'
+        }).getByRole('switch')).toBeChecked();
+        await page.mouse.move(300, 0);
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByRole('button', {
+            name: 'Edit'
+        })).toBeVisible();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByRole('button', {
+            name: 'Delete'
+        })).toBeVisible();
+        // delete buttons
+        await page.getByLabel('schema-initializer-ActionBar-detailsWithPaging:configureActions-general').hover();
+        await page.getByRole('menuitem', {
+            name: 'Edit'
+        }).click();
+        await page.getByRole('menuitem', {
+            name: 'Delete'
+        }).click();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByRole('menuitem', {
+            name: 'Edit'
+        }).getByRole('switch')).not.toBeChecked();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByRole('menuitem', {
+            name: 'Delete'
+        }).getByRole('switch')).not.toBeChecked();
+        await page.mouse.move(300, 0);
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByRole('button', {
+            name: 'Edit'
+        })).not.toBeVisible();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expect)(page.getByRole('button', {
+            name: 'Delete'
+        })).not.toBeVisible();
+    });
+});
+

package/lib/modules/blocks/data-blocks/details-multi/__e2e__/schemaSettings.test.mjs

@@ -0,0 +1,81 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__ from "@tachybase/test/e2e";
+
+;// CONCATENATED MODULE: external "@tachybase/test/e2e"
+
+;// CONCATENATED MODULE: ./packages/client/src/modules/blocks/data-blocks/details-multi/__e2e__/schemaSettings.test.ts?__rslib_entry__
+
+__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.describe('multi data details block schema settings', ()=>{
+    (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test)('supported options', async (param)=>{
+        let { page, mockPage, mockRecord } = param;
+        const nocoPage = await mockPage(__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.oneDetailBlockWithM2oFieldToGeneral).waitForInit();
+        await mockRecord('general');
+        await nocoPage.goto();
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expectSettingsMenu)({
+            page,
+            showMenu: async ()=>{
+                await page.getByLabel('block-item-CardItem-targetToGeneral-details').hover();
+                await page.getByLabel('designer-schema-settings-CardItem-DetailsDesigner-targetToGeneral').hover();
+            },
+            supportedOptions: [
+                'Edit block title',
+                'Set the data scope',
+                'Set default sorting rules',
+                'Save as template',
+                'Delete'
+            ]
+        });
+    });
+});
+__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test.describe('actions schema settings', ()=>{
+    (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.test)('edit & delete & duplicate', async (param)=>{
+        let { page, mockPage, mockRecord } = param;
+        await mockPage(__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.oneEmptyDetailsBlock).goto();
+        await mockRecord('general');
+        // 创建 Edit & Delete 两个按钮
+        await page.getByLabel('schema-initializer-ActionBar-detailsWithPaging:configureActions-general').hover();
+        await page.getByRole('menuitem', {
+            name: 'Edit'
+        }).click();
+        await page.getByRole('menuitem', {
+            name: 'Delete'
+        }).click();
+        await page.mouse.move(0, 300);
+        // Edit button settings ---------------------------------------------------------------
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expectSettingsMenu)({
+            page,
+            showMenu: async ()=>{
+                await page.getByRole('button', {
+                    name: 'Edit'
+                }).hover();
+                await page.getByRole('button', {
+                    name: 'designer-schema-settings-Action'
+                }).hover();
+            },
+            supportedOptions: [
+                'Edit button',
+                'Linkage rules',
+                'Open mode',
+                'Popup size',
+                'Delete'
+            ]
+        });
+        // Delete settings -------------------------------------------------------------------
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_e2e__.expectSettingsMenu)({
+            page,
+            showMenu: async ()=>{
+                await page.getByRole('button', {
+                    name: 'Delete'
+                }).hover();
+                await page.getByRole('button', {
+                    name: 'designer-schema-settings-Action'
+                }).hover();
+            },
+            supportedOptions: [
+                'Edit button',
+                'Linkage rules',
+                'Delete'
+            ]
+        });
+    });
+});
+

package/lib/modules/blocks/data-blocks/details-multi/__e2e__/templatesOfBug.mjs

@@ -0,0 +1 @@
+

package/lib/modules/blocks/data-blocks/details-multi/__tests__/createDetailsBlockWithPagingUISchema.test.mjs

@@ -0,0 +1,20 @@
+import * as __WEBPACK_EXTERNAL_MODULE__createDetailsWithPaginationUISchema_mjs__ from "../createDetailsWithPaginationUISchema.mjs";
+
+;// CONCATENATED MODULE: external "../createDetailsWithPaginationUISchema.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/modules/blocks/data-blocks/details-multi/__tests__/createDetailsBlockWithPagingUISchema.test.ts?__rslib_entry__
+
+vi.mock('@formily/shared', ()=>({
+        uid: vi.fn().mockReturnValue('mocked-uid')
+    }));
+describe('createDetailsBlockWithPaginationUISchema', ()=>{
+    it('should return the correct schema', ()=>{
+        const schema = (0,__WEBPACK_EXTERNAL_MODULE__createDetailsWithPaginationUISchema_mjs__.createDetailsWithPaginationUISchema)({
+            collectionName: 'users',
+            dataSource: 'users',
+            rowKey: 'id'
+        });
+        expect(schema).toMatchInlineSnapshot('\n      {\n        "properties": {\n          "mocked-uid": {\n            "properties": {\n              "grid": {\n                "properties": {},\n                "type": "void",\n                "x-component": "Grid",\n                "x-initializer": "details:configureFields",\n              },\n              "mocked-uid": {\n                "properties": {},\n                "type": "void",\n                "x-component": "ActionBar",\n                "x-component-props": {\n                  "style": {\n                    "marginBottom": 24,\n                  },\n                },\n                "x-initializer": "details:configureActions",\n              },\n              "pagination": {\n                "type": "void",\n                "x-component": "Pagination",\n                "x-use-component-props": "useDetailsPaginationProps",\n              },\n            },\n            "type": "void",\n            "x-component": "Details",\n            "x-read-pretty": true,\n            "x-use-component-props": "useDetailsWithPaginationProps",\n          },\n        },\n        "type": "void",\n        "x-acl-action": "users:view",\n        "x-component": "CardItem",\n        "x-decorator": "DetailsBlockProvider",\n        "x-decorator-props": {\n          "action": "list",\n          "association": undefined,\n          "collection": "users",\n          "dataSource": "users",\n          "params": {\n            "pageSize": 1,\n          },\n          "readPretty": true,\n        },\n        "x-settings": "blockSettings:detailsWithPagination",\n        "x-toolbar": "BlockSchemaToolbar",\n        "x-use-decorator-props": "useDetailsWithPaginationDecoratorProps",\n      }\n    ');
+    });
+});
+

package/lib/modules/blocks/data-blocks/details-multi/createDetailsWithPaginationUISchema.mjs

@@ -0,0 +1,66 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+
+;// CONCATENATED MODULE: external "@tachybase/schema"
+
+;// CONCATENATED MODULE: ./packages/client/src/modules/blocks/data-blocks/details-multi/createDetailsWithPaginationUISchema.ts?__rslib_entry__
+
+function createDetailsWithPaginationUISchema(options) {
+    const { collectionName, dataSource, association, templateSchema, hideActionInitializer, rowKey } = options;
+    const resourceName = association || collectionName;
+    if (!dataSource || !rowKey) {
+        throw new Error('dataSource and rowKey are required');
+    }
+    return {
+        type: 'void',
+        'x-acl-action': "".concat(resourceName, ":view"),
+        'x-decorator': 'DetailsBlockProvider',
+        'x-use-decorator-props': 'useDetailsWithPaginationDecoratorProps',
+        'x-decorator-props': {
+            dataSource,
+            collection: collectionName,
+            association,
+            readPretty: true,
+            action: 'list',
+            params: {
+                pageSize: 1
+            }
+        },
+        'x-toolbar': 'BlockSchemaToolbar',
+        'x-settings': 'blockSettings:detailsWithPagination',
+        'x-component': 'CardItem',
+        properties: {
+            [(0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.uid)()]: {
+                type: 'void',
+                'x-component': 'Details',
+                'x-read-pretty': true,
+                'x-use-component-props': 'useDetailsWithPaginationProps',
+                properties: {
+                    [(0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.uid)()]: {
+                        type: 'void',
+                        'x-initializer': hideActionInitializer ? undefined : 'details:configureActions',
+                        'x-component': 'ActionBar',
+                        'x-component-props': {
+                            style: {
+                                marginBottom: 24
+                            }
+                        },
+                        properties: {}
+                    },
+                    grid: templateSchema || {
+                        type: 'void',
+                        'x-component': 'Grid',
+                        'x-initializer': 'details:configureFields',
+                        properties: {}
+                    },
+                    pagination: {
+                        type: 'void',
+                        'x-component': 'Pagination',
+                        'x-use-component-props': 'useDetailsPaginationProps'
+                    }
+                }
+            }
+        }
+    };
+}
+
+export { createDetailsWithPaginationUISchema };

package/lib/modules/blocks/data-blocks/details-multi/detailsWithPaginationSettings.mjs

@@ -0,0 +1,256 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__application_schema_settings_SchemaSettings_mjs__ from "../../../../application/schema-settings/SchemaSettings.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__ from "../../../../block-provider/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__block_provider_DetailsBlockProvider_mjs__ from "../../../../block-provider/DetailsBlockProvider.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__ from "../../../../collection-manager/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__ from "../../../../schema-settings/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettingsDataScope_mjs__ from "../../../../schema-settings/SchemaSettingsDataScope.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__setDataLoadingModeSettingsItem_mjs__ from "./setDataLoadingModeSettingsItem.mjs";
+
+;// CONCATENATED MODULE: external "@tachybase/components"
+
+;// CONCATENATED MODULE: external "@tachybase/schema"
+
+;// CONCATENATED MODULE: external "react-i18next"
+
+;// CONCATENATED MODULE: external "../../../../application/schema-settings/SchemaSettings.mjs"
+
+;// CONCATENATED MODULE: external "../../../../block-provider/index.mjs"
+
+;// CONCATENATED MODULE: external "../../../../block-provider/DetailsBlockProvider.mjs"
+
+;// CONCATENATED MODULE: external "../../../../collection-manager/index.mjs"
+
+;// CONCATENATED MODULE: external "../../../../schema-component/index.mjs"
+
+;// CONCATENATED MODULE: external "../../../../schema-settings/index.mjs"
+
+;// CONCATENATED MODULE: external "../../../../schema-settings/SchemaSettingsDataScope.mjs"
+
+;// CONCATENATED MODULE: external "./setDataLoadingModeSettingsItem.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/modules/blocks/data-blocks/details-multi/detailsWithPaginationSettings.tsx?__rslib_entry__
+
+
+
+
+
+
+
+
+
+
+
+const commonItems = [
+    {
+        name: 'title',
+        Component: __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsBlockTitleItem
+    },
+    {
+        name: 'dataScope',
+        Component: __WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettingsDataScope_mjs__.SchemaSettingsDataScope,
+        useComponentProps () {
+            var _fieldSchema_xdecoratorprops_params, _fieldSchema_xdecoratorprops;
+            const { name } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+            const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+            const { form } = (0,__WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__.useFormBlockContext)();
+            const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+            const { service } = (0,__WEBPACK_EXTERNAL_MODULE__block_provider_DetailsBlockProvider_mjs__.useDetailsBlockContext)();
+            const { dn } = (0,__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
+            const dataLoadingMode = (0,__WEBPACK_EXTERNAL_MODULE__setDataLoadingModeSettingsItem_mjs__.useDataLoadingMode)();
+            return {
+                collectionName: name,
+                defaultFilter: (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema_xdecoratorprops = fieldSchema['x-decorator-props']) === null || _fieldSchema_xdecoratorprops === void 0 ? void 0 : (_fieldSchema_xdecoratorprops_params = _fieldSchema_xdecoratorprops.params) === null || _fieldSchema_xdecoratorprops_params === void 0 ? void 0 : _fieldSchema_xdecoratorprops_params.filter) || {},
+                form,
+                onSubmit: (param)=>{
+                    let { filter } = param;
+                    filter = (0,__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.removeNullCondition)(filter);
+                    const params = field.decoratorProps.params || {};
+                    params.filter = filter;
+                    field.decoratorProps.params = params;
+                    fieldSchema['x-decorator-props']['params'] = params;
+                    if (dataLoadingMode === 'auto') {
+                        var _service_params;
+                        service.run({
+                            ...(_service_params = service.params) === null || _service_params === void 0 ? void 0 : _service_params[0],
+                            filter
+                        });
+                    }
+                    dn.emit('patch', {
+                        schema: {
+                            ['x-uid']: fieldSchema['x-uid'],
+                            'x-decorator-props': fieldSchema['x-decorator-props']
+                        }
+                    });
+                }
+            };
+        }
+    },
+    {
+        name: 'sortingRules',
+        type: 'modal',
+        useComponentProps () {
+            var _fieldSchema_xdecoratorprops_params, _fieldSchema_xdecoratorprops;
+            const { name } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+            const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+            const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+            const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+            const { service } = (0,__WEBPACK_EXTERNAL_MODULE__block_provider_DetailsBlockProvider_mjs__.useDetailsBlockContext)();
+            const { dn } = (0,__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
+            const sortFields = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useSortFields)(name);
+            const defaultSort = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema_xdecoratorprops = fieldSchema['x-decorator-props']) === null || _fieldSchema_xdecoratorprops === void 0 ? void 0 : (_fieldSchema_xdecoratorprops_params = _fieldSchema_xdecoratorprops.params) === null || _fieldSchema_xdecoratorprops_params === void 0 ? void 0 : _fieldSchema_xdecoratorprops_params.sort) || [];
+            const sort = defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.map((item)=>{
+                return item.startsWith('-') ? {
+                    field: item.substring(1),
+                    direction: 'desc'
+                } : {
+                    field: item,
+                    direction: 'asc'
+                };
+            });
+            return {
+                title: t('Set default sorting rules'),
+                components: {
+                    ArrayItems: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.ArrayItems
+                },
+                schema: {
+                    type: 'object',
+                    title: t('Set default sorting rules'),
+                    properties: {
+                        sort: {
+                            type: 'array',
+                            default: sort,
+                            'x-component': 'ArrayItems',
+                            'x-decorator': 'FormItem',
+                            items: {
+                                type: 'object',
+                                properties: {
+                                    space: {
+                                        type: 'void',
+                                        'x-component': 'Space',
+                                        properties: {
+                                            sort: {
+                                                type: 'void',
+                                                'x-decorator': 'FormItem',
+                                                'x-component': 'ArrayItems.SortHandle'
+                                            },
+                                            field: {
+                                                type: 'string',
+                                                enum: sortFields,
+                                                required: true,
+                                                'x-decorator': 'FormItem',
+                                                'x-component': 'Select',
+                                                'x-component-props': {
+                                                    style: {
+                                                        width: 260
+                                                    }
+                                                }
+                                            },
+                                            direction: {
+                                                type: 'string',
+                                                'x-decorator': 'FormItem',
+                                                'x-component': 'Radio.Group',
+                                                'x-component-props': {
+                                                    optionType: 'button'
+                                                },
+                                                enum: [
+                                                    {
+                                                        label: t('ASC'),
+                                                        value: 'asc'
+                                                    },
+                                                    {
+                                                        label: t('DESC'),
+                                                        value: 'desc'
+                                                    }
+                                                ]
+                                            },
+                                            remove: {
+                                                type: 'void',
+                                                'x-decorator': 'FormItem',
+                                                'x-component': 'ArrayItems.Remove'
+                                            }
+                                        }
+                                    }
+                                }
+                            },
+                            properties: {
+                                add: {
+                                    type: 'void',
+                                    title: t('Add sort field'),
+                                    'x-component': 'ArrayItems.Addition'
+                                }
+                            }
+                        }
+                    }
+                },
+                onSubmit (param) {
+                    let { sort } = param;
+                    var _service_params;
+                    const sortArr = sort.map((item)=>{
+                        return item.direction === 'desc' ? "-".concat(item.field) : item.field;
+                    });
+                    const params = field.decoratorProps.params || {};
+                    params.sort = sortArr;
+                    field.decoratorProps.params = params;
+                    fieldSchema['x-decorator-props']['params'] = params;
+                    dn.emit('patch', {
+                        schema: {
+                            ['x-uid']: fieldSchema['x-uid'],
+                            'x-decorator-props': fieldSchema['x-decorator-props']
+                        }
+                    });
+                    service.run({
+                        ...(_service_params = service.params) === null || _service_params === void 0 ? void 0 : _service_params[0],
+                        sort: sortArr
+                    });
+                }
+            };
+        }
+    },
+    __WEBPACK_EXTERNAL_MODULE__setDataLoadingModeSettingsItem_mjs__.setDataLoadingModeSettingsItem,
+    {
+        name: 'template',
+        Component: __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsTemplate,
+        useComponentProps () {
+            var _fieldSchema_xdecoratorprops, _fieldSchema_xdecoratorprops1;
+            const { name } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+            const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+            const defaultResource = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema_xdecoratorprops = fieldSchema['x-decorator-props']) === null || _fieldSchema_xdecoratorprops === void 0 ? void 0 : _fieldSchema_xdecoratorprops.resource) || (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema_xdecoratorprops1 = fieldSchema['x-decorator-props']) === null || _fieldSchema_xdecoratorprops1 === void 0 ? void 0 : _fieldSchema_xdecoratorprops1.association);
+            return {
+                componentName: 'Details',
+                collectionName: name,
+                resourceName: defaultResource
+            };
+        }
+    },
+    {
+        name: 'divider',
+        type: 'divider'
+    },
+    {
+        name: 'remove',
+        type: 'remove',
+        componentProps: {
+            removeParentsIfNoChildren: true,
+            breakRemoveOn: {
+                'x-component': 'Grid'
+            }
+        }
+    }
+];
+/**
+ * @deprecated
+ * 已弃用，请使用 detailsWithPaginationSettings 代替
+ */ const multiDataDetailsBlockSettings = new __WEBPACK_EXTERNAL_MODULE__application_schema_settings_SchemaSettings_mjs__.SchemaSettings({
+    name: 'blockSettings:multiDataDetails',
+    items: commonItems
+});
+const detailsWithPaginationSettings = new __WEBPACK_EXTERNAL_MODULE__application_schema_settings_SchemaSettings_mjs__.SchemaSettings({
+    name: 'blockSettings:detailsWithPagination',
+    items: commonItems
+});
+
+export { detailsWithPaginationSettings, multiDataDetailsBlockSettings };

package/lib/modules/blocks/data-blocks/details-multi/hooks/useDetailsWithPaginationDecoratorProps.mjs

@@ -0,0 +1,19 @@
+import * as __WEBPACK_EXTERNAL_MODULE__useParentRecordCommon_mjs__ from "../../../useParentRecordCommon.mjs";
+
+;// CONCATENATED MODULE: external "../../../useParentRecordCommon.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/modules/blocks/data-blocks/details-multi/hooks/useDetailsWithPaginationDecoratorProps.ts?__rslib_entry__
+
+function useDetailsWithPaginationDecoratorProps(props) {
+    let parentRecord;
+    // association 的值是固定不变的，所以可以在条件中使用 hooks
+    if (props.association) {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        parentRecord = (0,__WEBPACK_EXTERNAL_MODULE__useParentRecordCommon_mjs__.useParentRecordCommon)(props.association);
+    }
+    return {
+        parentRecord
+    };
+}
+
+export { useDetailsWithPaginationDecoratorProps };