fix: 修复button icon不显示的问题

Author: LeonardoSya

packages/pro-components/chat/_util/reactify.tsx

@@ -127,6 +127,13 @@ const dynamicSlotConfig: Record<string, (slotName: string) => boolean> = {
   't-chat-item': (slotName) => slotName === 'actionbar',
 };
 
+/**
+ * 某些prop与slot同名，但应该作为prop而非slot传递
+ * 如t-button的icon prop不应该渲染到slot中
+ * 同时，这些prop不应该作为attribute传递
+ */
+const propsNotAsSlot = ['icon'];
+
 const reactify = <T extends AnyProps = AnyProps>(
   WC: string,
 ): React.ForwardRefExoticComponent<Omit<T, 'ref'> & React.RefAttributes<HTMLElement | undefined>> => {
@@ -204,7 +211,10 @@ const reactify = <T extends AnyProps = AnyProps>(
       // 如果val是ReactNode，直接渲染到slot
       else if (isValidReactNode(val)) {
         // 先设置属性，让组件知道这个prop有值
-        webComponent[prop] = true;
+        // 组件不需要渲染 propsNotAsSlot
+        if (!propsNotAsSlot.includes(prop)) {
+          webComponent[prop] = true;
+        }
 
         // 使用微任务延迟渲染，确保在当前渲染周期完成后执行
         Promise.resolve().then(() => {
@@ -512,8 +522,14 @@ const reactify = <T extends AnyProps = AnyProps>(
 
     render() {
       const { children, className, ...rest } = this.props;
-
-      return createElement(WC, { class: className, ...rest, ref: this.ref }, children);
+      // 过滤掉不应该作为attribute传递的props，它们会在update()中处理
+      const filteredProps: Record<string, any> = {};
+      Object.keys(rest).forEach((key) => {
+        if (!propsNotAsSlot.includes(key)) {
+          filteredProps[key] = rest[key];
+        }
+      });
+      return createElement(WC, { class: className, ...filteredProps, ref: this.ref }, children);
     }
   }