aldehyde 0.2.487 → 0.2.488

package/src/aldehyde/draw-canvas-edit/components/render/graphs/bezier.ts

@@ -96,7 +96,7 @@ export class Bezier extends BaseGraph {
                         graph.setAttr('hover', false);
                         graph.setAttr('hoverAnchor', false);
                         // 进入其他元素区域时离开需要靠它 redraw
-                        render.redraw([GraphDraw.name]);
+                        render.redraw([GraphDraw.NAME]);
                     });
                     anchorAndShadow.shape = anchorShape;
                 } else {
@@ -140,7 +140,7 @@ export class Bezier extends BaseGraph {
                         graph.setAttr('hover', false);
                         graph.setAttr('hoverAnchor', false);
                         // 进入其他元素区域时离开需要靠它 redraw
-                        render.redraw([GraphDraw.name]);
+                        render.redraw([GraphDraw.NAME]);
                     });
                     anchorAndShadow.shape = anchorShape;
                 }
@@ -278,7 +278,7 @@ export class Bezier extends BaseGraph {
                 }
             }
             // 重绘
-            render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+            render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
         }
         const allXs = line.points().reduce((arr, item, idx) => {
             if (idx % 2 === 0) {
@@ -382,7 +382,7 @@ export class Bezier extends BaseGraph {
         // 更新 图形 的 连接点 的 锚点位置
         Bezier.updateLinkAnchorShadows(this.group, this.linkAnchorShadows, this.line);
         // 重绘
-        this.render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+        this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
     }
 
     // 实现：拖动结束
@@ -412,7 +412,7 @@ export class Bezier extends BaseGraph {
         // 更新历史
         this.render.updateHistory();
         // 重绘
-        this.render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+        this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
         super.drawEnd(size, {
             x: Math.min(
                 ...this.line.points().reduce((arr, item, idx) => {

package/src/aldehyde/draw-canvas-edit/components/render/graphs/circle.ts

@@ -119,7 +119,7 @@ export class Circle extends BaseGraph {
         graph.setAttr('hover', false);
         graph.setAttr('hoverAnchor', false);
         // 进入其他元素区域时离开需要靠它 redraw
-        render.redraw([GraphDraw.name]);
+        render.redraw([GraphDraw.NAME]);
       });
       anchorAndShadow.shape = anchorShape;
     }
@@ -597,7 +597,7 @@ export class Circle extends BaseGraph {
           }
         }
       }
-      render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]); // 重绘
+      render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]); // 重绘
     }
     BaseGraph.adjust(render, graph, graphSnap, adjustShape, anchorAndShadows, startPoint, endPoint, hoverRect);
   }
@@ -671,7 +671,7 @@ export class Circle extends BaseGraph {
     this.group.size({ width: offsetX, height: offsetY });
     Circle.updateAnchorShadows(this.group, this.anchorShadows);
     Circle.updateLinkAnchorShadows(this.group, this.linkAnchorShadows);
-    this.render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+    this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
   }
 
   // 实现：拖动结束
@@ -693,7 +693,7 @@ export class Circle extends BaseGraph {
       // 更新历史
       this.render.updateHistory();
       // 重绘
-      this.render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+      this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
     }
     super.drawEnd();
   }

package/src/aldehyde/draw-canvas-edit/components/render/graphs/curve.ts

@@ -98,7 +98,7 @@ export class Curve extends BaseGraph {
             document.body.style.cursor = anchorShape.attrs.adjusting ? 'move' : 'default';
             graph.setAttr('hover', false);
             graph.setAttr('hoverAnchor', false);
-            render.redraw([GraphDraw.name]);
+            render.redraw([GraphDraw.NAME]);
           });
           anchorAndShadow.shape = anchorShape;
         } else {
@@ -134,7 +134,7 @@ export class Curve extends BaseGraph {
             document.body.style.cursor = anchorShape.attrs.adjusting ? 'move' : 'default';
             graph.setAttr('hover', false);
             graph.setAttr('hoverAnchor', false);
-            render.redraw([GraphDraw.name]);
+            render.redraw([GraphDraw.NAME]);
           });
           anchorAndShadow.shape = anchorShape;
         }
@@ -267,7 +267,7 @@ export class Curve extends BaseGraph {
           }
         }
       }
-      render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+      render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
     }
     const allXs = line.points().reduce((arr, item, idx) => {
       if (idx % 2 === 0) arr.push(item);
@@ -362,7 +362,7 @@ export class Curve extends BaseGraph {
     Curve.updateAnchorShadows(this.group, this.anchorShadows, this.line);
     // 更新 图形 的 连接点 的 锚点位置
     Curve.updateLinkAnchorShadows(this.group, this.linkAnchorShadows, this.line);
-    this.render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+    this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
   }
 
   // 实现：拖动结束
@@ -385,7 +385,7 @@ export class Curve extends BaseGraph {
     this.group.size(size);  // 更新大小
     this.render.attractTool.alignLinesClear();      // 对齐线清除
     this.render.updateHistory();     // 更新历史
-    this.render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+    this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
     super.drawEnd(size, {
       x: Math.min(...this.line.points().reduce((arr, item, idx) => {
         if (idx % 2 === 0) arr.push(item);

package/src/aldehyde/draw-canvas-edit/components/render/graphs/line.ts

@@ -98,7 +98,7 @@ export class Line extends BaseGraph {
             document.body.style.cursor = anchorShape.attrs.adjusting ? 'move' : 'default';
             graph.setAttr('hover', false);
             graph.setAttr('hoverAnchor', false);
-            render.redraw([GraphDraw.name]);
+            render.redraw([GraphDraw.NAME]);
           });
           anchorAndShadow.shape = anchorShape;
         } else {
@@ -134,7 +134,7 @@ export class Line extends BaseGraph {
             document.body.style.cursor = anchorShape.attrs.adjusting ? 'move' : 'default';
             graph.setAttr('hover', false);
             graph.setAttr('hoverAnchor', false);
-            render.redraw([GraphDraw.name]);
+            render.redraw([GraphDraw.NAME]);
           });
           anchorAndShadow.shape = anchorShape;
         }
@@ -265,7 +265,7 @@ export class Line extends BaseGraph {
           }
         }
       }
-      render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+      render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
     }
     BaseGraph.adjust(
       render,
@@ -355,7 +355,7 @@ export class Line extends BaseGraph {
     Line.updateAnchorShadows(this.group, this.anchorShadows, this.line);
     // 更新 图形 的 连接点 的 锚点位置
     Line.updateLinkAnchorShadows(this.group, this.linkAnchorShadows, this.line);
-    this.render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+    this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
   }
 
   // 实现：拖动结束
@@ -378,7 +378,7 @@ export class Line extends BaseGraph {
     this.group.size(size);
     this.render.attractTool.alignLinesClear();
     this.render.updateHistory();
-    this.render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+    this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
     super.drawEnd(size, {
       x: Math.min(...this.line.points().reduce((arr, item, idx) => {
         if (idx % 2 === 0) arr.push(item);

package/src/aldehyde/draw-canvas-edit/components/render/graphs/rect.ts

@@ -118,7 +118,7 @@ export class Rect extends BaseGraph {
         document.body.style.cursor = anchorShape.attrs.adjusting ? 'move' : 'default';
         graph.setAttr('hover', false);
         graph.setAttr('hoverAnchor', false);
-        render.redraw([GraphDraw.name]);
+        render.redraw([GraphDraw.NAME]);
       });
       anchorAndShadow.shape = anchorShape;
     }
@@ -590,7 +590,7 @@ export class Rect extends BaseGraph {
           }
         }
       }
-      render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+      render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
     }
     BaseGraph.adjust(render, graph, graphSnap, adjustShape, anchorAndShadows, startPoint, endPoint, hoverRect);
   }
@@ -660,7 +660,7 @@ export class Rect extends BaseGraph {
     this.group.size({ width: offsetX, height: offsetY });
     Rect.updateAnchorShadows(this.group, this.anchorShadows);
     Rect.updateLinkAnchorShadows(this.group, this.linkAnchorShadows);
-    this.render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+    this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
   }
 
   // 实现：拖动结束
@@ -674,7 +674,7 @@ export class Rect extends BaseGraph {
       Rect.updateLinkAnchorShadows(this.group, this.linkAnchorShadows);
       this.render.attractTool.alignLinesClear();
       this.render.updateHistory();
-      this.render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+      this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
     }
     super.drawEnd();
   }

package/src/aldehyde/draw-canvas-edit/components/render/handlers/drag-handlers.ts

@@ -4,6 +4,7 @@ import { Handler, MouseButton } from '../types';
 import { LinkDraw, BgDraw, GraphDraw, RulerDraw, PreviewDraw } from '../draws';
 
 export class DragHandlers implements Handler {
+  static readonly NAME = 'DragHandlers';
   private render: Render;
   constructor(render: Render) {
     this.render = render;
@@ -19,7 +20,7 @@ export class DragHandlers implements Handler {
       mousedown: (e: Konva.KonvaEventObject<GlobalEventHandlersEventMap['mousedown']>) => {
         // 拐点操作中，防止异常拖动
         // 新建图形并拖动中
-        if (!(this.render.draws[LinkDraw.name] as LinkDraw)?.state.linkManualing && !this.render.graphType) {
+        if (!(this.render.draws[LinkDraw.NAME] as LinkDraw)?.state.linkManualing && !this.render.graphType) {
           if (e.evt.button === MouseButton["右键"] || (e.evt.ctrlKey && e.evt.button === MouseButton["左键"])) // mac 拖动画布快捷键
           {
             const stageState = this.render.getStageState();
@@ -53,11 +54,11 @@ export class DragHandlers implements Handler {
             this.render.stage.position({ x: this.mousedownStagePos.x + offsetX, y: this.mousedownStagePos.y + offsetY });
             // 重绘
             this.render.redraw([
-              BgDraw.name,
-              GraphDraw.name,
-              LinkDraw.name,
-              RulerDraw.name,
-              PreviewDraw.name
+              BgDraw.NAME,
+              GraphDraw.NAME,
+              LinkDraw.NAME,
+              RulerDraw.NAME,
+              PreviewDraw.NAME
             ]);
           }
         }

package/src/aldehyde/draw-canvas-edit/components/render/handlers/drag-outside-handlers.ts

@@ -5,6 +5,7 @@ import { Handler, AssetInfoPoint, LinkDrawPoint } from '../types';
 import { RefLineDraw, PreviewDraw } from '../draws';
 
 export class DragOutsideHandlers implements Handler {
+  static readonly NAME = 'DragOutsideHandlers';
   private render: Render;
   constructor(render: Render) {
     this.render = render;
@@ -13,11 +14,11 @@ export class DragOutsideHandlers implements Handler {
     dom: {
       dragenter: (e: GlobalEventHandlersEventMap['dragenter']) => {
         this.render.stage.setPointersPositions(e);
-        this.render.redraw([RefLineDraw.name]);  // 更新参考线
+        this.render.redraw([RefLineDraw.NAME]);  // 更新参考线
       },
       dragover: (e: GlobalEventHandlersEventMap['dragover']) => {
         this.render.stage.setPointersPositions(e);
-        this.render.redraw([RefLineDraw.name]);  // 更新参考线
+        this.render.redraw([RefLineDraw.NAME]);  // 更新参考线
       },
       drop: async (e: GlobalEventHandlersEventMap['drop']) => {
         const componentItem = JSON.parse(e.dataTransfer?.getData('componentItem') || '{}');
@@ -68,7 +69,7 @@ export class DragOutsideHandlers implements Handler {
           // 更新历史
           this.render.updateHistory();
           // 重绘
-          this.render.redraw([PreviewDraw.name]);
+          this.render.redraw([PreviewDraw.NAME]);
         }
       }
     }

package/src/aldehyde/draw-canvas-edit/components/render/handlers/graph-handlers.ts

@@ -5,6 +5,7 @@ import { BaseGraph, Circle, Rect, Line, Bezier, Curve } from '../graphs';
 import { GraphDraw } from '../draws';
 
 export class GraphHandlers implements Handler {
+  static readonly NAME = 'GraphHandlers';
   private render: Render;
   constructor(render: Render) {
     this.render = render;
@@ -104,7 +105,7 @@ export class GraphHandlers implements Handler {
           this.graphing = false; // 调整结束
           this.render.changeGraphType(); // 清空图形类型选择
           this.render.attractTool.alignLinesClear(); // 对齐线清除
-          this.render.redraw([GraphDraw.name]);
+          this.render.redraw([GraphDraw.NAME]);
         }
       }
     }

package/src/aldehyde/draw-canvas-edit/components/render/handlers/key-move-handlers.ts

@@ -5,6 +5,7 @@ import { GraphDraw, LinkDraw, RulerDraw, PreviewDraw } from '../draws';
 
 // 键盘控制组件移动
 export class KeyMoveHandlers implements Handler {
+  static readonly NAME = 'KeyMoveHandlers';
   private render: Render;
   constructor(render: Render) {
     this.render = render;
@@ -32,10 +33,10 @@ export class KeyMoveHandlers implements Handler {
             this.change();
             // 重绘
             this.render.redraw([
-              GraphDraw.name,
-              LinkDraw.name,
-              RulerDraw.name,
-              PreviewDraw.name
+              GraphDraw.NAME,
+              LinkDraw.NAME,
+              RulerDraw.NAME,
+              PreviewDraw.NAME
             ]);
           }
         }

package/src/aldehyde/draw-canvas-edit/components/render/handlers/link-handlers.ts

@@ -5,6 +5,7 @@ import { LinkDraw } from '../draws';
 // 临时连接线
 
 export class LinkHandlers implements Handler {
+  static readonly NAME = 'LinkHandlers';
   private render: Render;
   constructor(render: Render) {
     this.render = render;
@@ -12,14 +13,14 @@ export class LinkHandlers implements Handler {
   handlers = {
     stage: {
       mouseup: () => {
-        const linkDrawState = (this.render.draws[LinkDraw.name] as LinkDraw)?.state;
+        const linkDrawState = (this.render.draws[LinkDraw.NAME] as LinkDraw)?.state;
         if (linkDrawState) {         // 临时 连接线 移除
           linkDrawState.linkingLine?.line.destroy();
           linkDrawState.linkingLine = null;
         }
       },
       mousemove: () => {
-        const linkDrawState = (this.render.draws[LinkDraw.name] as LinkDraw)?.state;
+        const linkDrawState = (this.render.draws[LinkDraw.NAME] as LinkDraw)?.state;
         if (linkDrawState) {
           const pos = this.render.stage.getPointerPosition();
           if (pos) {

package/src/aldehyde/draw-canvas-edit/components/render/handlers/selection-handlers.ts

@@ -4,6 +4,7 @@ import { Handler, LinkDrawPoint, LinkDrawPair, ManualPointsMap, MouseButton, Man
 import { GraphDraw, LinkDraw, PreviewDraw, RulerDraw } from '../draws';
 
 export class SelectionHandlers implements Handler {
+  static readonly NAME = 'SelectionHandlers';
   private render: Render;
   constructor(render: Render) {
     this.render = render;
@@ -304,12 +305,12 @@ export class SelectionHandlers implements Handler {
           this.render.emit('asset-rotation-change', groups);
           this.render.emit('asset-size-change', groups);
         }
-        this.render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+        this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
       },
       transformend: () => {
         this.reset();  // 变换结束 重置状态
         this.render.updateHistory();  // 更新历史
-        this.render.redraw([GraphDraw.name, LinkDraw.name, PreviewDraw.name]);
+        this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, PreviewDraw.NAME]);
       },
       dragstart: () => {
       },
@@ -335,12 +336,12 @@ export class SelectionHandlers implements Handler {
           group.setAttr('assetSettings', this.render.getAssetSettings(group));
         }
         this.render.emit('asset-position-change', groups);
-        this.render.redraw([GraphDraw.name, LinkDraw.name, RulerDraw.name, PreviewDraw.name]);
+        this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, RulerDraw.NAME, PreviewDraw.NAME]);
       },
       dragend: () => {
         this.reset();  // 拖动结束 重置状态
         this.render.updateHistory();
-        this.render.redraw([GraphDraw.name, LinkDraw.name, RulerDraw.name, PreviewDraw.name]);
+        this.render.redraw([GraphDraw.NAME, LinkDraw.NAME, RulerDraw.NAME, PreviewDraw.NAME]);
       },
       mousemove: () => { // 子节点 hover
         const pos = this.render.stage.getPointerPosition();

package/src/aldehyde/draw-canvas-edit/components/render/handlers/shutcut-handlers.ts

@@ -2,6 +2,7 @@ import { Render } from '../index';
 import { Handler, ShutcutKey } from '../types';
 
 export class ShutcutHandlers implements Handler {
+  static readonly NAME = 'ShutcutHandlers';
   private render: Render;
   constructor(render: Render) {
     this.render = render;

package/src/aldehyde/draw-canvas-edit/components/render/handlers/text-handlers.ts

@@ -5,6 +5,7 @@ import { Handler } from '../types';
 // 文本创建操作
 
 export class TextHandlers implements Handler {
+  static readonly NAME = 'TextHandlers';
   private render: Render;
   constructor(render: Render) {
     this.render = render;

package/src/aldehyde/draw-canvas-edit/components/render/handlers/zoom-handlers.ts

@@ -6,6 +6,7 @@ import { GraphDraw, LinkDraw, RulerDraw, PreviewDraw, RefLineDraw, BgDraw } from
 // 缩放
 
 export class ZoomHandlers implements Handler {
+  static readonly NAME = 'ZoomHandlers';
   private render: Render;
   constructor(render: Render) {
     this.render = render;
@@ -45,12 +46,12 @@ export class ZoomHandlers implements Handler {
         }
         // 重绘
         this.render.redraw([
-          BgDraw.name,
-          GraphDraw.name,
-          LinkDraw.name,
-          RulerDraw.name,
-          RefLineDraw.name,
-          PreviewDraw.name
+          BgDraw.NAME,
+          GraphDraw.NAME,
+          LinkDraw.NAME,
+          RulerDraw.NAME,
+          RefLineDraw.NAME,
+          PreviewDraw.NAME
         ]);
       }
     }

package/src/aldehyde/draw-canvas-edit/components/render/index.ts

@@ -105,36 +105,36 @@ export class Render {
     this.layerCover.add(this.groupTransformer);
 
     if (this.config.showBg) { // 背景
-      this.draws[BgDraw.name] = new BgDraw(this, this.layerFloor, { size: this.bgSize, showGrid: this.showGrid, readonly: this.config.readonly });
+      this.draws[BgDraw.NAME] = new BgDraw(this, this.layerFloor, { size: this.bgSize, showGrid: this.showGrid, readonly: this.config.readonly });
     }
 
-    this.draws[LinkDraw.name] = new LinkDraw(this, this.layerCover, {
+    this.draws[LinkDraw.NAME] = new LinkDraw(this, this.layerCover, {
       size: this.pointSize
     });
 
     if (!this.config.readonly && this.config.showRuler) {
-      this.draws[RulerDraw.name] = new RulerDraw(this, this.layerCover, {
+      this.draws[RulerDraw.NAME] = new RulerDraw(this, this.layerCover, {
         size: this.rulerSize
       });
     }
 
     if (!this.config.readonly && this.config.showRefLine) {
-      this.draws[RefLineDraw.name] = new RefLineDraw(this, this.layerCover, {
+      this.draws[RefLineDraw.NAME] = new RefLineDraw(this, this.layerCover, {
         padding: this.rulerSize
       });
     }
 
     if (this.config.showContextmenu) {
-      this.draws[ContextmenuDraw.name] = new ContextmenuDraw(this, this.layerCover, {});
+      this.draws[ContextmenuDraw.NAME] = new ContextmenuDraw(this, this.layerCover, {});
     }
 
     if (!this.config.readonly && this.config.showPreview) {
-      this.draws[PreviewDraw.name] = new PreviewDraw(this, this.layerCover, {
+      this.draws[PreviewDraw.NAME] = new PreviewDraw(this, this.layerCover, {
         size: this.previewSize
       });
     }
 
-    this.draws[GraphDraw.name] = new GraphDraw(this, this.layerCover, {});
+    this.draws[GraphDraw.NAME] = new GraphDraw(this, this.layerCover, {});
 
     this.assetTool = new AssetTool(this); // 素材工具
     this.selectionTool = new SelectionTool(this);  // 选择工具
@@ -148,23 +148,23 @@ export class Render {
     this.componentFactory = new ComponentFactory(this); // 统一组件渲染
 
     // 事件处理
-    this.handlers[DragHandlers.name] = new DragHandlers(this);
-    this.handlers[ZoomHandlers.name] = new ZoomHandlers(this);
+    this.handlers[DragHandlers.NAME] = new DragHandlers(this);
+    this.handlers[ZoomHandlers.NAME] = new ZoomHandlers(this);
 
     if (!this.config.readonly) {
-      this.handlers[DragOutsideHandlers.name] = new DragOutsideHandlers(this);
-      this.handlers[SelectionHandlers.name] = new SelectionHandlers(this);
-      this.handlers[KeyMoveHandlers.name] = new KeyMoveHandlers(this);
-      this.handlers[LinkHandlers.name] = new LinkHandlers(this);
-      this.handlers[GraphHandlers.name] = new GraphHandlers(this);
-      this.handlers[TextHandlers.name] = new TextHandlers(this);
+      this.handlers[DragOutsideHandlers.NAME] = new DragOutsideHandlers(this);
+      this.handlers[SelectionHandlers.NAME] = new SelectionHandlers(this);
+      this.handlers[KeyMoveHandlers.NAME] = new KeyMoveHandlers(this);
+      this.handlers[LinkHandlers.NAME] = new LinkHandlers(this);
+      this.handlers[GraphHandlers.NAME] = new GraphHandlers(this);
+      this.handlers[TextHandlers.NAME] = new TextHandlers(this);
     }
     if (!this.config.readonly && this.config.showRefLine) {
-      if (this.draws[RefLineDraw.name] !== void 0) {
-        this.handlers[RefLineDraw.name] = this.draws[RefLineDraw.name]!;
+      if (this.draws[RefLineDraw.NAME] !== void 0) {
+        this.handlers[RefLineDraw.NAME] = this.draws[RefLineDraw.NAME]!;
       }
     }
-    this.handlers[ShutcutHandlers.name] = new ShutcutHandlers(this);
+    this.handlers[ShutcutHandlers.NAME] = new ShutcutHandlers(this);
     // 初始化
     this.init();
   }
@@ -172,14 +172,14 @@ export class Render {
   // 初始化
   init() {
     this.stage.add(this.layerFloor);
-    this.draws[BgDraw.name]?.init();
+    this.draws[BgDraw.NAME]?.init();
     this.stage.add(this.layer);
     this.stage.add(this.layerCover);
-    this.draws[LinkDraw.name]?.init();
-    this.draws[RulerDraw.name]?.init();
-    this.draws[RefLineDraw.name]?.init();
-    this.draws[ContextmenuDraw.name]?.init();
-    this.draws[PreviewDraw.name]?.init();
+    this.draws[LinkDraw.NAME]?.init();
+    this.draws[RulerDraw.NAME]?.init();
+    this.draws[RefLineDraw.NAME]?.init();
+    this.draws[ContextmenuDraw.NAME]?.init();
+    this.draws[PreviewDraw.NAME]?.init();
     // 事件绑定
     this.eventBind();
     // 更新历史
@@ -358,9 +358,9 @@ export class Render {
       });
     }
 
-    this.handlers[SelectionHandlers.name]?.transformerConfig?.anchorDragBoundFunc &&
+    this.handlers[SelectionHandlers.NAME]?.transformerConfig?.anchorDragBoundFunc &&
       this.transformer.anchorDragBoundFunc(
-        this.handlers[SelectionHandlers.name].transformerConfig!.anchorDragBoundFunc!
+        this.handlers[SelectionHandlers.NAME].transformerConfig!.anchorDragBoundFunc!
       );
   }
 
@@ -399,7 +399,7 @@ export class Render {
 
   // 忽略各 draw 的根 group
   ignoreDraw(node: Konva.Node) {
-    return [BgDraw.name, RulerDraw.name, RefLineDraw.name, ContextmenuDraw.name, PreviewDraw.name, LinkDraw.name, GraphDraw.name].includes(node.name());
+    return [BgDraw.NAME, RulerDraw.NAME, RefLineDraw.NAME, ContextmenuDraw.NAME, PreviewDraw.NAME, LinkDraw.NAME, GraphDraw.NAME].includes(node.name());
   }
 
   // 忽略各 draw 的根 group
@@ -411,14 +411,14 @@ export class Render {
   redraw(drawNames?: string[]) {
     const all = [
       // layerFloor
-      BgDraw.name, // 更新背景
+      BgDraw.NAME, // 更新背景
       // layerCover（按先后顺序）
-      GraphDraw.name, // 更新图形调整点
-      LinkDraw.name, // 更新连线
-      RulerDraw.name, // 更新比例尺
-      RefLineDraw.name, // 更新参考线
-      PreviewDraw.name, // 更新预览
-      ContextmenuDraw.name // 更新右键菜单
+      GraphDraw.NAME, // 更新图形调整点
+      LinkDraw.NAME, // 更新连线
+      RulerDraw.NAME, // 更新比例尺
+      RefLineDraw.NAME, // 更新参考线
+      PreviewDraw.NAME, // 更新预览
+      ContextmenuDraw.NAME // 更新右键菜单
     ];
 
     // 可以以此发现缺失的 draw
@@ -471,7 +471,7 @@ export class Render {
   // 更改网格显示
   changeShowGrid(show: boolean) {
     this.showGrid = show;
-    (this.draws[BgDraw.name] as BgDraw)?.updateOption({ showGrid: show });
+    (this.draws[BgDraw.NAME] as BgDraw)?.updateOption({ showGrid: show });
   }
 
   // 更改磁吸显示
@@ -511,15 +511,15 @@ export class Render {
 
   // 获取背景
   getBackground() {
-    return this.draws[BgDraw.name]?.layer.findOne(`.${BgDraw.name}__background`) as Konva.Rect;
+    return this.draws[BgDraw.NAME]?.layer.findOne(`.${BgDraw.NAME}__background`) as Konva.Rect;
   }
 
   // 更新背景
   updateBackground() {
-    this.draws[BgDraw.name]?.draw();
-    this.draws[GraphDraw.name]?.draw();
-    this.draws[LinkDraw.name]?.draw();
-    this.draws[PreviewDraw.name]?.draw();
+    this.draws[BgDraw.NAME]?.draw();
+    this.draws[GraphDraw.NAME]?.draw();
+    this.draws[LinkDraw.NAME]?.draw();
+    this.draws[PreviewDraw.NAME]?.draw();
   }
 
   // 素材设置 默认值
@@ -716,10 +716,10 @@ export class Render {
       // 更新历史
       this.updateHistory();
     }
-    this.draws[BgDraw.name]?.draw();
-    this.draws[GraphDraw.name]?.draw();
-    this.draws[LinkDraw.name]?.draw();
-    this.draws[PreviewDraw.name]?.draw();
+    this.draws[BgDraw.NAME]?.draw();
+    this.draws[GraphDraw.NAME]?.draw();
+    this.draws[LinkDraw.NAME]?.draw();
+    this.draws[PreviewDraw.NAME]?.draw();
   }
 
   // 获取画布上所有素材节点及其配置
@@ -781,10 +781,10 @@ export class Render {
       this.updateHistory();
     }
 
-    this.draws[BgDraw.name]?.draw();
-    this.draws[GraphDraw.name]?.draw();
-    this.draws[LinkDraw.name]?.draw();
-    this.draws[PreviewDraw.name]?.draw();
+    this.draws[BgDraw.NAME]?.draw();
+    this.draws[GraphDraw.NAME]?.draw();
+    this.draws[LinkDraw.NAME]?.draw();
+    this.draws[PreviewDraw.NAME]?.draw();
   }
 
   // 获取连接线设置

package/src/aldehyde/draw-canvas-edit/components/render/tools/align-tool.ts

@@ -80,10 +80,10 @@ export class AlignTool {
     this.render.updateHistory();
     // 重绘
     this.render.redraw([
-      GraphDraw.name,
-      LinkDraw.name,
-      RulerDraw.name,
-      PreviewDraw.name
+      GraphDraw.NAME,
+      LinkDraw.NAME,
+      RulerDraw.NAME,
+      PreviewDraw.NAME
     ]);
   }
 }

package/src/aldehyde/draw-canvas-edit/components/render/tools/asset-tool.ts

@@ -55,7 +55,7 @@ export class AssetTool {
           ctx.drawImage(frame.buffer, frame.x, frame.y);
           this.render.layer.draw();
           // 更新预览（layer）
-          this.render.draws[PreviewDraw.name]?.layer.draw();
+          this.render.draws[PreviewDraw.NAME]?.layer.draw();
         });
         img.remove();
         // TODO: 拖动 gif 素材产生大量 JS event listeners