chore: image edit invert painting area

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

@@ -8,6 +8,19 @@
   border-radius: var(--border-radius-base);
   overflow: hidden;
 
+  .label {
+    position: absolute;
+    top: 4px;
+    left: 4px;
+    height: 20px;
+    line-height: 20px;
+    border-radius: 12px;
+    padding: 0 8px;
+    background-color: var(--ant-geekblue-1);
+    z-index: 10;
+    transform: scale(0.9);
+  }
+
   .progress-wrapper {
     position: absolute;
     bottom: 20px;

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

@@ -14,6 +14,7 @@ interface SingleImageProps {
   maxHeight?: number;
   maxWidth?: number;
   dataUrl: string;
+  label?: React.ReactNode;
   uid: number;
   preview?: boolean;
   autoSize?: boolean;
@@ -42,6 +43,7 @@ const SingleImage: React.FC<SingleImageProps> = (props) => {
     maxHeight,
     maxWidth,
     dataUrl = '',
+    label,
     style,
     autoBgColor,
     preview = true,
@@ -119,6 +121,7 @@ const SingleImage: React.FC<SingleImageProps> = (props) => {
           ref={imgWrapper}
         >
           <>
+            {label && <div className="label">{label}</div>}
             {loading ? (
               <span
                 className="progress-wrap"