Merge pull request #1577 from easyops-cn/steve/jsx

fix(): refine jsx types

Author: weareoutman

bricks/basic/src/button/index.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, Ref } from "react";
+import React, { useMemo, Ref, type HTMLAttributes } from "react";
 import { createDecorators } from "@next-core/element";
 import {
   ReactNextElement,
@@ -37,7 +37,7 @@ if (false) {
 export interface ButtonProps {
   type?: ButtonType;
   size?: ComponentSize;
-  icon?: GeneralIconProps;
+  icon?: GeneralIconProps & HTMLAttributes<GeneralIcon>;
   shape?: Shape;
   danger?: boolean;
   disabled?: boolean;
@@ -89,7 +89,7 @@ class Button extends ReactNextElement implements ButtonProps {
   @property({
     attribute: false,
   })
-  accessor icon: GeneralIconProps | undefined;
+  accessor icon: (GeneralIconProps & HTMLAttributes<GeneralIcon>) | undefined;
 
   /**
    * 按钮形状，支持圆形、椭圆形，不设置为默认方形

bricks/basic/src/link/index.tsx

@@ -4,6 +4,7 @@ import React, {
   useMemo,
   useRef,
   useState,
+  type HTMLAttributes,
 } from "react";
 import { createDecorators } from "@next-core/element";
 import { ReactNextElement, wrapBrick } from "@next-core/react-element";
@@ -37,7 +38,7 @@ export interface LinkProps {
   url?: ExtendedLocationDescriptor;
   href?: string;
   inApp?: boolean;
-  icon?: GeneralIconProps;
+  icon?: GeneralIconProps & HTMLAttributes<GeneralIcon>;
   target?: Target;
   showExternalIcon?: boolean;
   underline?: boolean;
@@ -129,7 +130,7 @@ class Link extends ReactNextElement implements LinkProps {
   @property({
     attribute: false,
   })
-  accessor icon: GeneralIconProps | undefined;
+  accessor icon: (GeneralIconProps & HTMLAttributes<GeneralIcon>) | undefined;
 
   /**
    * 是否开启危险状态