mirrors/nocobase
1
0
Fork 0
mirror of https://github.com/nocobase/nocobase synced 2024-11-14 22:05:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: pagination issue in list block with simple pagination collection (#5500)

Browse Source
This commit is contained in:
Katherine 2024-10-24 09:51:35 +08:00 committed by GitHub
parent 8e6da46691
commit 5010a052b5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 47 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
packages/core/client/src/schema-component/antd/list/List.tsx
View File

@ -28,6 +28,7 @@ const InternalList = (props) => {
const fieldSchema = useFieldSchema();
const Designer = useDesigner();
const meta = service?.data?.meta;
const { pageSize, count, hasNext, page } = meta || {};
const field = useField<ArrayField>();
const [schemaMap] = useState(new Map());
const { wrapSSR, componentCls, hashId } = useStyles();
@ -63,7 +64,51 @@ const InternalList = (props) => {
},
[run, params],
);
const usePagination = () => {
if (!count) {
return {
onChange: onPaginationChange,
total: count || field.value?.length < pageSize || !hasNext ? pageSize * page : pageSize * page + 1,
pageSize: pageSize || 10,
current: page || 1,
showSizeChanger: true,
pageSizeOptions,
simple: true,
className: css`
.ant-pagination-simple-pager {
display: none !important;
}
`,
itemRender: (_, type, originalElement) => {
if (type === 'prev') {
return (
<div
style={{ display: 'flex' }}
className={css`
.ant-pagination-item-link {
min-width: ${token.controlHeight}px;
}
`}
>
{originalElement} <div style={{ marginLeft: '7px' }}>{page}</div>
</div>
);
} else {
return originalElement;
}
},
};
}
return {
onChange: onPaginationChange,
total: count || 0,
pageSize: pageSize || 10,
current: page || 1,
showSizeChanger: true,
pageSizeOptions,
};
};
const paginationProps = usePagination();
return wrapSSR(
<SchemaComponentOptions
scope={{
@ -91,18 +136,7 @@ const InternalList = (props) => {
<div className="nb-list-container">
<AntdList
{...props}
pagination={
!meta || !field.value?.length
? false
: {
onChange: onPaginationChange,
total: meta?.count || 0,
pageSize: meta?.pageSize || 10,
current: meta?.page || 1,
showSizeChanger: true,
pageSizeOptions,
}
}
pagination={!meta || !field.value?.length ? false : paginationProps}
loading={service?.loading}
>
{field.value?.length