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

fix: style issue when using long text as the title field in association fields (#5655)

Browse Source
This commit is contained in:
Katherine 2024-11-15 09:55:47 +08:00 committed by GitHub
parent f27df77573
commit 514a63edbf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/core/client/src/schema-component/antd/remote-select/RemoteSelect.tsx
View File

@ -65,6 +65,7 @@ const InternalRemoteSelect = withDynamicSchemaProps(
optionFilter, optionFilter,
dataSource: propsDataSource, dataSource: propsDataSource,
toOptionsItem = (value) => value, toOptionsItem = (value) => value,
popupMatchSelectWidth = false,
...others ...others
} = props; } = props;
const dataSource = useDataSourceKey(); const dataSource = useDataSourceKey();
@ -245,7 +246,7 @@ const InternalRemoteSelect = withDynamicSchemaProps(
return ( return (
<Select <Select
open={open} open={open}
popupMatchSelectWidth={false} popupMatchSelectWidth={popupMatchSelectWidth}
autoClearSearchValue autoClearSearchValue
filterOption={false} filterOption={false}
filterSort={null} filterSort={null}

12
packages/plugins/@nocobase/plugin-mobile/src/client/pages/dynamic-page/MobilePage.tsx
View File

@ -7,10 +7,10 @@
* For more information, please refer to: https://www.nocobase.com/agreement. * For more information, please refer to: https://www.nocobase.com/agreement.
*/ */
import { RemoteSchemaComponent, AssociatedFields } from '@nocobase/client'; import { RemoteSchemaComponent, AssociationField } from '@nocobase/client';
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { Outlet, useParams } from 'react-router-dom'; import { Outlet, useParams } from 'react-router-dom';
import { Button as MobileButton, Form as MobileForm, List as MobileList, Dialog as MobileDialog } from 'antd-mobile'; import { Button as MobileButton, Dialog as MobileDialog } from 'antd-mobile';
import { MobilePicker } from './components/MobilePicker'; import { MobilePicker } from './components/MobilePicker';
import { MobileDateTimePicker } from './components/MobileDatePicker'; import { MobileDateTimePicker } from './components/MobileDatePicker';
@ -20,11 +20,9 @@ const mobileComponents = {
DatePicker: MobileDateTimePicker, DatePicker: MobileDateTimePicker,
UnixTimestamp: MobileDateTimePicker, UnixTimestamp: MobileDateTimePicker,
Modal: MobileDialog, Modal: MobileDialog,
AssociatedFields: ( AssociationField: (props) => {
<div contentEditable="false"> return <AssociationField {...props} popupMatchSelectWidth={true} />;
<AssociatedFields /> },
</div>
),
}; };
export const MobilePage = () => { export const MobilePage = () => {