style: check compatibility

src/components/alert-info/block.less

@@ -21,6 +21,12 @@
     background-color: var(--ant-color-warning-bg);
   }
 
+  &.transition {
+    color: var(--ant-geekblue-7);
+    background: var(--ant-geekblue-1);
+    border-color: var(--ant-geekblue-3);
+  }
+
   .title {
     position: absolute;
     left: 0;
@@ -38,6 +44,10 @@
       &.warning {
         color: var(--ant-color-warning);
       }
+
+      &.transition {
+        color: var(--ant-geekblue-7);
+      }
     }
 
     .text {

src/components/alert-info/block.tsx

@@ -6,7 +6,7 @@ import styled from 'styled-components';
 import OverlayScroller from '../overlay-scroller';
 import './block.less';
 interface AlertInfoProps {
-  type: 'danger' | 'warning';
+  type: 'danger' | 'warning' | 'transition' | 'info';
   message: React.ReactNode;
   rows?: number;
   icon?: React.ReactNode;
@@ -38,7 +38,8 @@ const AlertInfo: React.FC<AlertInfoProps> = (props) => {
     ellipsis,
     style,
     title,
-    contentStyle
+    contentStyle,
+    icon
   } = props;
 
   return (
@@ -57,7 +58,9 @@ const AlertInfo: React.FC<AlertInfoProps> = (props) => {
             }
           >
             <div className={classNames('title', type)}>
-              <WarningFilled className={classNames('info-icon', type)} />
+              <span className={classNames('info-icon', type)}>
+                {icon ?? <WarningFilled />}
+              </span>
             </div>
             {title && <TitleWrapper>{title}</TitleWrapper>}
             <OverlayScroller maxHeight={80} style={{ ...contentStyle }}>

src/components/copy-button/index.tsx

@@ -11,6 +11,7 @@ type CopyButtonProps = {
   type?: 'text' | 'primary' | 'dashed' | 'link' | 'default';
   size?: 'small' | 'middle' | 'large';
   shape?: 'circle' | 'round' | 'default';
+  tips?: string;
   placement?:
     | 'top'
     | 'left'
@@ -25,6 +26,7 @@ type CopyButtonProps = {
 };
 
 const CopyButton: React.FC<CopyButtonProps> = ({
+  tips,
   text,
   disabled,
   type = 'text',
@@ -68,7 +70,7 @@ const CopyButton: React.FC<CopyButtonProps> = ({
 
   return (
     <Tooltip
-      title={intl.formatMessage({ id: 'common.button.copy' })}
+      title={tips ?? intl.formatMessage({ id: 'common.button.copy' })}
       placement={placement}
     >
       <Button