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

fix: association block associate action popup issue on mobile (#6235)

Browse Source
This commit is contained in:
Katherine 2025-02-18 09:49:37 +08:00 committed by GitHub
parent 50cad8476e
commit a5b00ca6a3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/core/client/src/modules/actions/associate/AssociateActionProvider.tsx
View File

@ -9,8 +9,14 @@
import React, { useState, useContext } from 'react';
import { RecordPickerProvider, RecordPickerContext } from '../../../schema-component/antd/record-picker';
import { SchemaComponentOptions, useActionContext, useBlockRequestContext, useCollection } from '../../../';
import { useField } from '@formily/react';
import {
SchemaComponentOptions,
useActionContext,
useBlockRequestContext,
useCollection,
ActionContextProvider,
useOpenModeContext,
} from '../../../';
import {
TableSelectorParamsProvider,
useTableSelectorProps as useTsp,
@ -36,7 +42,8 @@ export const AssociateActionProvider = (props) => {
const [selectedRows, setSelectedRows] = useState([]);
const collection = useCollection();
const { resource, service, block, __parent } = useBlockRequestContext();
const actionCtx = useActionContext();
const { isMobile } = useOpenModeContext() || {};
const pickerProps = {
size: 'small',
onChange: props?.onChange,
@ -73,11 +80,19 @@ export const AssociateActionProvider = (props) => {
}
return {};
};
return (
<RecordPickerProvider {...pickerProps}>
<SchemaComponentOptions scope={{ useTableSelectorProps, usePickActionProps }}>
<TableSelectorParamsProvider params={{ filter: getFilter() }}>{props.children}</TableSelectorParamsProvider>
</SchemaComponentOptions>
</RecordPickerProvider>
<ActionContextProvider
value={{
...actionCtx,
openMode: isMobile ? 'drawer' : actionCtx.openMode,
}}
>
<RecordPickerProvider {...pickerProps}>
<SchemaComponentOptions scope={{ useTableSelectorProps, usePickActionProps }}>
<TableSelectorParamsProvider params={{ filter: getFilter() }}>{props.children}</TableSelectorParamsProvider>
</SchemaComponentOptions>
</RecordPickerProvider>
</ActionContextProvider>
);
};