fix: use html-node as model type

Author: towersxu

packages/core/src/constant/constant.ts

@@ -20,6 +20,7 @@ export enum ModelType {
   TEXT_NODE = 'text-node',
   ELLIPSE_NODE = 'ellipse-node',
   DIAMOND_NODE = 'diamond-node',
+  HTML_NODE ='html-node',
   EDGE = 'edge',
   LINE_EDGE = 'line-edge',
   POLYLINE_EDGE = 'polyline-edge',

packages/core/src/model/node/HtmlNodeModel.ts

@@ -1,13 +1,11 @@
-import { computed, observable } from 'mobx';
+import { computed } from 'mobx';
 import { Point } from '../../type';
 import BaseNodeModel from './BaseNodeModel';
 import { ModelType } from '../../constant/constant';
 import GraphModel from '../GraphModel';
-import { defaultTheme } from '../../constant/DefaultTheme';
 
 class HtmlNodeModel extends BaseNodeModel {
-  modelType = ModelType.RECT_NODE;
-  @observable radius = defaultTheme.rect.radius;
+  modelType = ModelType.HTML_NODE;
 
   constructor(data, graphModel: GraphModel) {
     super(data, graphModel, 'html');

packages/core/src/view/node/HtmlNode.tsx

@@ -19,22 +19,6 @@ export default class HtmlNode extends BaseNode {
   get rootEl() {
     return document.querySelector(`#${this.rootElId}`) as HTMLElement;
   }
-  getShapeStyle() {
-    const attributes = super.getShapeStyle();
-    const { model: { radius } } = this.props as IProps;
-    return {
-      ...attributes,
-      radius,
-    };
-  }
-  getAttributes() {
-    const attributes = super.getAttributes();
-    const style = this.getShapeStyle();
-    return {
-      ...attributes,
-      ...style,
-    };
-  }
   setHtml(rootEl: HTMLElement) {
     rootEl.appendChild(document.createElement('div'));
   }