From e5ee716702eee0bee6d1bdb9e9d0e88beb22bd76 Mon Sep 17 00:00:00 2001
From: Dunqing <dengqing0821@gmail.com>
Date: Wed, 29 Mar 2023 16:52:00 +0800
Subject: [PATCH] feat: improve the non-link ui of association data (#1602)

---
 .../antd/record-picker/ReadPrettyRecordPicker.tsx    | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/core/client/src/schema-component/antd/record-picker/ReadPrettyRecordPicker.tsx b/packages/core/client/src/schema-component/antd/record-picker/ReadPrettyRecordPicker.tsx
index e305d73c1..870c2b26d 100644
--- a/packages/core/client/src/schema-component/antd/record-picker/ReadPrettyRecordPicker.tsx
+++ b/packages/core/client/src/schema-component/antd/record-picker/ReadPrettyRecordPicker.tsx
@@ -1,6 +1,7 @@
+import { css } from '@emotion/css';
 import { observer, RecursionField, useFieldSchema } from '@formily/react';
 import { toArr } from '@formily/shared';
-import { Tag } from 'antd';
+import { Typography } from 'antd';
 import React, { Fragment, useRef, useState } from 'react';
 import { BlockAssociationContext, WithoutTableFieldResource } from '../../../block-provider';
 import { CollectionProvider, useCollection, useCollectionManager } from '../../../collection-manager';
@@ -52,7 +53,14 @@ export const ReadPrettyRecordPicker: React.FC = observer((props: any) => {
             {snapshot ? (
               text
             ) : isTagsMode ? (
-              <Tag>{text}</Tag>
+              <Typography.Text
+                className={css`
+                  margin-left: 8px;
+                `}
+                underline
+              >
+                {text}
+              </Typography.Text>
             ) : (
               <a
                 onClick={(e) => {