@alicloud/appflow-chat 0.0.5 → 0.0.6-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/appflow-chat",
-  "version": "0.0.5",
+  "version": "0.0.6-beta.1",
   "description": "Appflow-Chat AI聊天机器人组件库，提供聊天服务和UI组件",
   "type": "module",
   "main": "./dist/appflow-chat.cjs.js",

package/src/components/MessageBubble.tsx

@@ -310,7 +310,7 @@ export const MessageBubble: React.FC<MessageBubbleProps> = ({
             <div style={{ borderRadius: '4px', backgroundColor: '#f0f2f5', padding: '8px' }}>
               <StyledWrapSpace>
                 {images.map((url, index) => (
-                  <Image key={index} src={url} height={50} />
+                  <Image key={index} src={url} height={50} referrerPolicy="no-referrer" />
                 ))}
               </StyledWrapSpace>
             </div>

package/src/components/RichMessageBubble.tsx

@@ -216,7 +216,7 @@ export const RichMessageBubble: React.FC<RichMessageBubbleProps> = ({
             <div style={{ borderRadius: '4px', backgroundColor: '#f0f2f5', padding: '8px' }}>
               <StyledWrapSpace>
                 {images.map((url: string, index: number) => (
-                  <Image key={index} src={url} height={50} />
+                  <Image key={index} src={url} height={50} referrerPolicy="no-referrer" />
                 ))}
               </StyledWrapSpace>
             </div>

package/src/core/SourceContent.tsx

@@ -274,7 +274,7 @@ export const SourceContent: React.FC<SourceContentProps> = ({
           <StyledWrapSpace>
             {uniqueImages.map((image, index) => (
               <StyledImageBox key={index}>
-                <Image src={image} width={50} height={50} preview={{ zIndex: 1100 }}/>
+                <Image src={image} width={50} height={50} referrerPolicy="no-referrer" preview={{ zIndex: 1100 }}/>
               </StyledImageBox>
             ))}
           </StyledWrapSpace>

package/src/markdown/index.tsx

@@ -45,12 +45,12 @@ export const MarkdownView: React.FC<MarkdownViewProps> = ({
         return (
           <Image
             style={{
-              maxWidth: '200px',
-              maxHeight: '150px',
-              objectFit: 'contain',
+              maxWidth: '100%',
+              maxHeight: '600px',
             }}
             src={props.src}
             alt={props.alt}
+            referrerPolicy="no-referrer"
             preview={{ zIndex: 1100 }}
           />
         );
@@ -176,13 +176,13 @@ export const MarkdownView: React.FC<MarkdownViewProps> = ({
             <>
               <Image
                 style={{
-                  maxWidth: '200px',
-                  maxHeight: '150px',
-                  objectFit: 'contain',
+                  maxWidth: '100%',
+                  maxHeight: '600px',
                 }}
                 src={image.properties.src}
                 className="max-w-full h-auto align-middle border-none rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300 ease-in-out mt-2 mb-2"
                 alt={image.properties.alt}
+                referrerPolicy="no-referrer"
                 preview={{ zIndex: 1100 }}
               />
               {isSlice && <p>