fix: image stream data error

src/components/auto-image/index.tsx

@@ -71,9 +71,6 @@ const AutoImage: React.FC<
   }, [props.onLoad]);
 
   const handleOnError = () => {
-    console.log('error===img=========', {
-      src: props.src
-    });
     setIsError(true);
   };
 

src/components/auto-image/single-image.tsx

@@ -1,6 +1,7 @@
 import { CloseCircleOutlined } from '@ant-design/icons';
 import { Progress, ProgressProps } from 'antd';
 import classNames from 'classnames';
+import { round } from 'lodash';
 import ResizeObserver from 'rc-resize-observer';
 import React, { useCallback } from 'react';
 import AutoImage from './index';
@@ -40,7 +41,7 @@ const SingleImage: React.FC<SingleImageProps> = (props) => {
     progress,
     maxHeight,
     maxWidth,
-    dataUrl,
+    dataUrl = '',
     style,
     autoBgColor,
     preview = true,
@@ -134,12 +135,12 @@ const SingleImage: React.FC<SingleImageProps> = (props) => {
                 }}
               >
                 <Progress
-                  percent={progress}
+                  percent={round(progress, 0)}
                   type="dashboard"
                   size={loadingSize}
                   steps={{ count: 50, gap: 2 }}
                   format={() => (
-                    <span className="font-size-20">{progress}%</span>
+                    <span className="font-size-20">{round(progress, 0)}%</span>
                   )}
                   trailColor="var(--ant-color-fill-secondary)"
                 />
@@ -164,12 +165,14 @@ const SingleImage: React.FC<SingleImageProps> = (props) => {
                 {progress && progress < 100 && (
                   <span className="small-progress-wrap">
                     <Progress
-                      percent={progress}
+                      percent={round(progress, 0)}
                       type="dashboard"
                       size="small"
                       steps={{ count: 25, gap: 3 }}
                       format={() => (
-                        <span className="font-size-12">{progress}%</span>
+                        <span className="font-size-12">
+                          {round(progress, 0)}%
+                        </span>
                       )}
                       strokeColor="var(--color-white-secondary)"
                       trailColor="var(--ant-color-fill-secondary)"

src/components/image-editor/index.tsx

@@ -44,7 +44,7 @@ const CanvasImageEditor: React.FC<CanvasImageEditorProps> = ({
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const overlayCanvasRef = useRef<HTMLCanvasElement>(null);
   const containerRef = useRef<HTMLDivElement>(null);
-  const [lineWidth, setLineWidth] = useState<number>(30);
+  const [lineWidth, setLineWidth] = useState<number>(60);
   const isDrawing = useRef<boolean>(false);
   const currentStroke = useRef<Point[]>([]);
   const resizeObserver = useRef<ResizeObserver | null>(null);