refactor: recode html2block

libs/components/editor-blocks/src/blocks/image/index.ts

@@ -1,7 +1,12 @@
-import { BaseView } from '@toeverything/framework/virgo';
+import {
+    BaseView,
+    BlockEditor,
+    HTML2BlockResult,
+} from '@toeverything/framework/virgo';
 import { Protocol } from '@toeverything/datasource/db-service';
 import { ImageView } from './ImageView';
 import { Block2HtmlProps } from '../../utils/commonBlockClip';
+import { getRandomString } from '@toeverything/components/common';
 
 export class ImageBlock extends BaseView {
     public override selectable = true;
@@ -10,27 +15,30 @@ export class ImageBlock extends BaseView {
     View = ImageView;
 
     // TODO: needs to download the image and then upload it to get a new link and then assign it
-    override html2block(
-        el: Element,
-        parseEl: (el: Element) => any[]
-    ): any[] | null {
-        const tag_name = el.tagName;
-        if (tag_name === 'IMG') {
+    override async html2block2({
+        element,
+        editor,
+    }: {
+        element: Element;
+        editor: BlockEditor;
+    }): Promise<HTML2BlockResult> {
+        if (element.tagName === 'IMG') {
             return [
                 {
                     type: this.type,
                     properties: {
-                        value: '',
-                        url: el.getAttribute('src'),
-                        name: el.getAttribute('src'),
-                        size: 0,
-                        type: 'link',
+                        image: {
+                            value: getRandomString('image'),
+                            url: element.getAttribute('src'),
+                            name: element.getAttribute('src'),
+                            size: 0,
+                            type: 'link',
+                        },
                     },
                     children: [],
                 },
             ];
         }
-
         return null;
     }