feat(common): remove the some logic in ImageBaseComponent and MindEmo…

…jiBaseComponent to try remove base class

.changeset/khaki-wasps-attend.md

@@ -0,0 +1,6 @@
+---
+'@plait/common': minor
+'@plait/mind': minor
+---
+
+remove the some logic in ImageBaseComponent and MindEmojiBaseComponent to try remove base class

packages/common/src/image/image-base.component.ts

@@ -1,26 +1,10 @@
 import { PlaitBoard, PlaitElement } from '@plait/core';
-import { CommonImageItem } from '../utils';
 
 export abstract class ImageBaseComponent {
-    _imageItem!: CommonImageItem;
-
     _isFocus!: boolean;
 
-    initialized = false;
-
     element!: PlaitElement;
 
-    set imageItem(value: CommonImageItem) {
-        this._imageItem = value;
-        if (this.initialized) {
-            this.afterImageItemChange(this._imageItem, value);
-        }
-    }
-
-    get imageItem() {
-        return this._imageItem;
-    }
-
     board!: PlaitBoard;
 
     set isFocus(value: boolean) {
@@ -31,14 +15,5 @@ export abstract class ImageBaseComponent {
         return this._isFocus;
     }
 
-    abstract afterImageItemChange(previous: CommonImageItem, current: CommonImageItem): void;
-
     abstract nativeElement(): HTMLElement;
-
-    initialize(): void {
-        this.initialized = true;
-    }
-
-    destroy(): void {
-    }
 }

packages/mind/src/emoji/emoji-base.component.ts

@@ -12,9 +12,4 @@ export abstract class MindEmojiBaseComponent {
     element!: MindElement<EmojiData>;
 
     abstract nativeElement(): HTMLElement;
-
-    initialize(): void {
-        this.nativeElement().style.fontSize = `${this.fontSize}px`;
-        this.nativeElement().classList.add('mind-node-emoji');
-    }
 }

src/app/editor/emoji/emoji.component.ts

@@ -15,7 +15,7 @@ export class MindEmojiComponent extends MindEmojiBaseComponent implements OnInit
     }
 
     ngOnInit(): void {
-        super.initialize();
         this.nativeElement().innerHTML = this.emojiItem.name;
+        this.nativeElement().style.fontSize = `${this.fontSize}px`;
     }
 }