From a7aed92e317a35da9a59f7148c4ed002402e458d Mon Sep 17 00:00:00 2001
From: Junyi <mytharcher@users.noreply.github.com>
Date: Thu, 21 Aug 2025 09:35:58 +0800
Subject: [PATCH] refactor(client): support read-pretty select to use string
 icon (#7420)

---
 .../client/src/schema-component/antd/select/ReadPretty.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/core/client/src/schema-component/antd/select/ReadPretty.tsx b/packages/core/client/src/schema-component/antd/select/ReadPretty.tsx
index 82785f1b38b..1f02c39d75f 100644
--- a/packages/core/client/src/schema-component/antd/select/ReadPretty.tsx
+++ b/packages/core/client/src/schema-component/antd/select/ReadPretty.tsx
@@ -16,6 +16,7 @@ import { useCollectionField } from '../../../data-source/collection-field/Collec
 import { EllipsisWithTooltip } from '../input/EllipsisWithTooltip';
 import { FieldNames, defaultFieldNames, getCurrentOptions } from './utils';
 import { withPopupWrapper } from '../../common/withPopupWrapper';
+import { Icon } from '../../../icon';
 
 export interface SelectReadPrettyProps {
   value: any;
@@ -54,7 +55,11 @@ const ReadPrettyInternal = observer(
       const content =
         field.value !== null &&
         currentOptions.map((option, index) => (
-          <Tag key={index} color={option[fieldNames.color]} icon={option.icon}>
+          <Tag
+            key={index}
+            color={option[fieldNames.color]}
+            icon={typeof option.icon === 'string' ? <Icon type={option.icon} /> : option.icon}
+          >
             {option[fieldNames.label]}
           </Tag>
         ));