{
const prefixCls = usePrefixCls('description-textarea', props);
// eslint-disable-next-line react-hooks/rules-of-hooks
const compile = useCompile();
- const value = compile(props.value ?? '');
- const { autop = true, ellipsis } = props;
- const html = (
-
- );
+ // eslint-disable-next-line react-hooks/rules-of-hooks
+ const content = useMemo(() => {
+ const value = compile(props.value ?? '');
+ const { autop = true, ellipsis } = props;
+ const html = (
+
{
// eslint-disable-next-line react-hooks/rules-of-hooks
const prefixCls = usePrefixCls('json', props);
- const content = props.value != null ? JSON.stringify(props.value, null, props.space ?? 2) : '';
+ // eslint-disable-next-line react-hooks/rules-of-hooks
+ const content = useMemo(
+ () => (props.value != null ? JSON.stringify(props.value, null, props.space ?? 2) : ''),
+ [props.space, props.value],
+ );
const JSONContent = (
-
+
{content}
);
@@ -260,7 +272,7 @@ ReadPretty.JSON = (props: JSONTextAreaReadPrettyProps) => {
if (props.ellipsis) {
return (
- {content}
+ {content}
);
}
diff --git a/packages/core/client/src/schema-component/antd/list/List.tsx b/packages/core/client/src/schema-component/antd/list/List.tsx
index 53355e9d2c..adbae09b52 100644
--- a/packages/core/client/src/schema-component/antd/list/List.tsx
+++ b/packages/core/client/src/schema-component/antd/list/List.tsx
@@ -9,6 +9,7 @@
import { css, cx } from '@emotion/css';
import { ArrayField } from '@formily/core';
+import { FormLayout } from '@formily/antd-v5';
import { RecursionField, Schema, useField, useFieldSchema } from '@formily/react';
import { List as AntdList, PaginationProps, theme } from 'antd';
import React, { useCallback, useState } from 'react';
@@ -21,6 +22,7 @@ import { ListDesigner } from './List.Designer';
import { ListItem } from './List.Item';
import useStyles from './List.style';
import { useListActionBarProps, useListBlockHeight } from './hooks';
+import { getCardItemSchema } from '../../../block-provider';
const InternalList = (props) => {
const { service } = useListBlockContext();
@@ -28,6 +30,7 @@ const InternalList = (props) => {
const fieldSchema = useFieldSchema();
const Designer = useDesigner();
const meta = service?.data?.meta;
+ const { pageSize, count, hasNext, page } = meta || {};
const field = useField();
const [schemaMap] = useState(new Map());
const { wrapSSR, componentCls, hashId } = useStyles();
@@ -63,7 +66,58 @@ const InternalList = (props) => {
},
[run, params],
);
-
+ const cardItemSchema = getCardItemSchema?.(fieldSchema);
+ const {
+ layout = 'vertical',
+ labelAlign = 'left',
+ labelWidth = 120,
+ labelWrap = true,
+ } = cardItemSchema?.['x-component-props'] || {};
+ 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 (
+
+ {originalElement}
{page}
+
-
- {field.value?.length
- ? field.value.map((item, index) => {
- return (
-
- );
- })
- : null}
-
+
+ {field.value?.length
+ ? field.value.map((item, index) => {
+ return (
+
+ );
+ })
+ : null}
+
+
