From 0043d3e400f29ffb61ab0b167cb0968f2982f226 Mon Sep 17 00:00:00 2001
From: owenchen1004 <yoga981004@gmail.com>
Date: Fri, 17 Nov 2023 09:28:12 +0800
Subject: [PATCH] fix: Solving bug of shaking when selecting icons

---
 .../lowcode/_setters/antd-icon-setter/index.tsx            | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/antd-lowcode-materials/lowcode/_setters/antd-icon-setter/index.tsx b/packages/antd-lowcode-materials/lowcode/_setters/antd-icon-setter/index.tsx
index bb0f8c25..a701919f 100644
--- a/packages/antd-lowcode-materials/lowcode/_setters/antd-icon-setter/index.tsx
+++ b/packages/antd-lowcode-materials/lowcode/_setters/antd-icon-setter/index.tsx
@@ -120,6 +120,8 @@ interface AntdIconSetterProps {
   icons: string[];
 }
 
+const Tooltip = Balloon.Tooltip;
+
 const AntdIconSetter = (props: AntdIconSetterProps) => {
   const [search, setSearch] = useState('');
   const [icons, setIcons] = useState<Record<string, any>>({});
@@ -252,10 +254,9 @@ const AntdIconSetter = (props: AntdIconSetterProps) => {
                 className="lc-antd-icon-setter-list-item"
                 onClick={() => handleChange(item.name)}
               >
-                <Icon type={item.name} icons={icons} />
-                <div className="lc-antd-icon-setter-list-item-name">
+                <Tooltip v2 trigger={<Icon type={item.name} icons={icons} />} popupStyle= {{backgroundColor: "#fff"}}>
                   {item.name}
-                </div>
+                </Tooltip>
               </li>
             ))}
           </ul>