ice-render 0.0.7 → 0.0.8

package/dist/index.cjs.js

@@ -3164,6 +3164,26 @@ class ICEEvent {
     }
   }
 
+  composedPath() {
+    throw new Error('Method not implemented.');
+  }
+
+  initEvent(type, bubbles, cancelable) {
+    throw new Error('Method not implemented.');
+  }
+
+  preventDefault() {
+    throw new Error('Method not implemented.');
+  }
+
+  stopImmediatePropagation() {
+    throw new Error('Method not implemented.');
+  }
+
+  stopPropagation() {
+    throw new Error('Method not implemented.');
+  }
+
 }
 
 var overArg = _overArg;
@@ -3616,10 +3636,13 @@ class ICEEventTarget {
   }
 
 } //增加别名，模拟 W3C 的 EventTarget 接口
+//@ts-ignore
 
 
-ICEEventTarget.prototype.addEventListener = ICEEventTarget.prototype.on;
-ICEEventTarget.prototype.removeEventListener = ICEEventTarget.prototype.off;
+ICEEventTarget.prototype.addEventListener = ICEEventTarget.prototype.on; //@ts-ignore
+
+ICEEventTarget.prototype.removeEventListener = ICEEventTarget.prototype.off; //@ts-ignore
+
 ICEEventTarget.prototype.dispatchEvent = ICEEventTarget.prototype.trigger;
 
 /**
@@ -3855,10 +3878,15 @@ class ICEBoundingBox {
 
 
   transform(matrix) {
-    const tl = transformMat2d([], this.tl, matrix);
-    const tr = transformMat2d([], this.tr, matrix);
-    const bl = transformMat2d([], this.bl, matrix);
-    const br = transformMat2d([], this.br, matrix);
+    //@ts-ignore
+    const tl = transformMat2d([], this.tl, matrix); //@ts-ignore
+
+    const tr = transformMat2d([], this.tr, matrix); //@ts-ignore
+
+    const bl = transformMat2d([], this.bl, matrix); //@ts-ignore
+
+    const br = transformMat2d([], this.br, matrix); //@ts-ignore
+
     const center = transformMat2d([], this.center, matrix);
     return new ICEBoundingBox([...tl, ...tr, ...bl, ...br, ...center]);
   }
@@ -4250,9 +4278,11 @@ class ICEComponent extends ICEEventTarget {
 
     if (this.parentNode) {
       let pLocalX = this.parentNode.state.localOrigin[0];
-      let pLocalY = this.parentNode.state.localOrigin[1];
+      let pLocalY = this.parentNode.state.localOrigin[1]; //@ts-ignore
+
       point = transformMat2d([], point, [1, 0, 0, 1, -pLocalX, -pLocalY]);
-      let pcm = this.parentNode.state.composedMatrix;
+      let pcm = this.parentNode.state.composedMatrix; //@ts-ignore
+
       point = transformMat2d([], point, pcm);
     }
 
@@ -4275,11 +4305,13 @@ class ICEComponent extends ICEEventTarget {
     const skewY = getVal(this, 'state.transform.skew.1');
     matrix = skew([], matrix, toRadian(skewX), toRadian(skewY)); //step2: rotate
 
-    let angle = getVal(this, 'state.transform.rotate');
+    let angle = getVal(this, 'state.transform.rotate'); //@ts-ignore
+
     matrix = rotate([], matrix, toRadian(angle)); //step3: scale
 
     const scaleX = getVal(this, 'state.transform.scale.0');
-    const scaleY = getVal(this, 'state.transform.scale.1');
+    const scaleY = getVal(this, 'state.transform.scale.1'); //@ts-ignore
+
     matrix = scale([], matrix, [scaleX, scaleY]);
     this.state.linearMatrix = matrix;
     return matrix;
@@ -4295,6 +4327,7 @@ class ICEComponent extends ICEEventTarget {
     let matrix = component.calcLinearMatrix();
 
     while (component.parentNode) {
+      //@ts-ignore
       matrix = multiply([], component.parentNode.state.linearMatrix, matrix);
       component = component.parentNode;
     }
@@ -4322,6 +4355,7 @@ class ICEComponent extends ICEEventTarget {
     let translationMatrix = [1, 0, 0, 1, origin[0], origin[1]]; //step-2: 计算线性变换矩阵，包含了所有祖先节点的线性变换。
 
     let linearMatrix = this.calcAbsoluteLinearMatrix(); //step-3: 计算综合变换矩阵，相当于先在 canvas 默认原点（左上角位置）进行变换，然后在平移到计算出的原点位置。
+    //@ts-ignore
 
     let composedMatrix = multiply([], translationMatrix, linearMatrix);
     this.state.composedMatrix = composedMatrix;
@@ -4474,8 +4508,10 @@ class ICEComponent extends ICEEventTarget {
 
     //如果组件存在嵌套，需要先用逆矩阵抵消所有祖先节点 transform 导致的坐标偏移。
     if (this.parentNode) {
-      let point = [tx, ty];
-      let matrix = invert([], this.parentNode.state.absoluteLinearMatrix);
+      let point = [tx, ty]; //@ts-ignore
+
+      let matrix = invert([], this.parentNode.state.absoluteLinearMatrix); //@ts-ignore
+
       point = transformMat2d([], point, matrix);
       tx = point[0];
       ty = point[1];
@@ -4500,8 +4536,10 @@ class ICEComponent extends ICEEventTarget {
 
     //如果组件存在嵌套，需要先用逆矩阵抵消所有祖先节点 transform 导致的坐标偏移。
     if (this.parentNode) {
-      let point = [left, top];
-      let matrix = invert([], this.parentNode.state.absoluteLinearMatrix);
+      let point = [left, top]; //@ts-ignore
+
+      let matrix = invert([], this.parentNode.state.absoluteLinearMatrix); //@ts-ignore
+
       point = transformMat2d([], point, matrix);
       left = point[0];
       top = point[1];
@@ -4543,7 +4581,8 @@ class ICEComponent extends ICEEventTarget {
 
   localToGlobal(localX, localY) {
     let point = [localX, localY];
-    let matrix = this.state.composedMatrix;
+    let matrix = this.state.composedMatrix; //@ts-ignore
+
     point = transformMat2d([], point, matrix);
     return point;
   }
@@ -4556,8 +4595,10 @@ class ICEComponent extends ICEEventTarget {
 
 
   globalToLocal(globalX, globalY) {
-    let point = [globalX, globalY];
-    let matrix = invert([], this.state.composedMatrix);
+    let point = [globalX, globalY]; //@ts-ignore
+
+    let matrix = invert([], this.state.composedMatrix); //@ts-ignore
+
     point = transformMat2d([], point, matrix);
     return point;
   }
@@ -5337,7 +5378,8 @@ class ICEDotPath extends ICEPath {
     let origin = super.calcLocalOrigin();
 
     for (let i = 0; i < this.state.dots.length; i++) {
-      let dot = this.state.dots[i];
+      let dot = this.state.dots[i]; //@ts-ignore
+
       dot = transformMat2d([], dot, [1, 0, 0, 1, -origin[0], -origin[1]]);
       this.state.dots[i] = dot;
     }
@@ -5430,7 +5472,8 @@ class ICEDotPath extends ICEPath {
     const result = [];
 
     for (let i = 0; i < dots.length; i++) {
-      const dot = dots[i];
+      const dot = dots[i]; //@ts-ignore
+
       const point = transformMat2d([], dot, matrix);
       result.push(point);
     }
@@ -5895,7 +5938,8 @@ class ICEPolyLine extends ICEDotPath {
 
     for (let i = 0; i < len; i++) {
       let p = this.state.points[i];
-      let vector2 = [p[0] - startX, p[1] - startY];
+      let vector2 = [p[0] - startX, p[1] - startY]; //@ts-ignore
+
       let crossProduct = cross([], vector1, vector2)[2];
 
       if (crossProduct === 0) {
@@ -6456,8 +6500,10 @@ class LineControlPanel extends ICEControlPanel {
     let newEndX = targetState.points[len - 1][0];
     let newEndY = targetState.points[len - 1][1]; //用逆矩阵补偿组件 transform 导致的坐标变换。
     //组件自身的 absoluteLinearMatrix 已经包含了所有层级上的 transform 。
+    //@ts-ignore
+
+    let matrix = invert([], targetState.absoluteLinearMatrix); //@ts-ignore
 
-    let matrix = invert([], targetState.absoluteLinearMatrix);
     let point = transformMat2d([], [movementX, movementY], matrix);
     movementX = point[0];
     movementY = point[1];
@@ -6610,8 +6656,10 @@ class ResizeControl extends ICERect {
     let newWidth = parentState.width;
     let newHeight = parentState.height; //用 parentNode 的逆矩阵把全局坐标系中的移动量转换为组件本地的移动量。
     //组件自身的 absoluteLinearMatrix 已经包含了所有层级上的 transform 。
+    //@ts-ignore
+
+    let matrix = invert([], parentState.absoluteLinearMatrix); //@ts-ignore
 
-    let matrix = invert([], parentState.absoluteLinearMatrix);
     let point = transformMat2d([], [movementX, movementY], matrix);
     movementX = point[0];
     movementY = point[1];
@@ -6702,8 +6750,10 @@ class ResizeControl extends ICERect {
     let parentState = this.parentNode.state;
     let parentLocalOrigin = parentState.localOrigin;
     let parentWidth = parentState.width;
-    let parentHeight = parentState.height;
-    let matrix = invert([], parentState.absoluteLinearMatrix);
+    let parentHeight = parentState.height; //@ts-ignore
+
+    let matrix = invert([], parentState.absoluteLinearMatrix); //@ts-ignore
+
     let point = transformMat2d([], [tx, ty], matrix);
     tx = point[0];
     ty = point[1];
@@ -7132,8 +7182,10 @@ class TransformControlPanel extends ICEControlPanel {
     let newLeft = targetState.left;
     let newTop = targetState.top;
     let newWidth = targetState.width;
-    let newHeight = targetState.height;
-    let matrix = invert([], targetState.absoluteLinearMatrix);
+    let newHeight = targetState.height; //@ts-ignore
+
+    let matrix = invert([], targetState.absoluteLinearMatrix); //@ts-ignore
+
     let point = transformMat2d([], [movementX, movementY], matrix);
     movementX = point[0];
     movementY = point[1];
@@ -9190,7 +9242,9 @@ class DDManager {
     // console.log('window.devicePixelRatio>', window.devicePixelRatio);
     // let tx = evt.movementX / window.devicePixelRatio; //FIXME: window.devicePixelRatio 需要移动到初始化参数中去
     // let ty = evt.movementY / window.devicePixelRatio; //FIXME: window.devicePixelRatio 需要移动到初始化参数中去
-    let tx = evt.movementX;
+    //@ts-ignore
+    let tx = evt.movementX; //@ts-ignore
+
     let ty = evt.movementY;
     this.currentObj.moveGlobalPosition(tx, ty, evt);
     return true;
@@ -9363,7 +9417,9 @@ class ICELinkSlotManager {
       let slotBounding = component.getMaxBoundingBox();
 
       if (slotBounding.isIntersect(hookBounding)) {
+        //@ts-ignore
         for (let i = 0; i < this.ice._linkSlots.length; i++) {
+          //@ts-ignore
           this.ice._linkSlots[i].hostComponent = component;
         }
 
@@ -9378,6 +9434,7 @@ class ICELinkSlotManager {
 
 
   createLinkSlots() {
+    //@ts-ignore
     if (this.ice._linkSlots && this.ice._linkSlots.length) {
       return;
     }
@@ -9437,7 +9494,8 @@ class ICELinkSlotManager {
         lineWidth: 1
       }
     });
-    this.ice.addTool(slot_4);
+    this.ice.addTool(slot_4); //@ts-ignore
+
     this.ice._linkSlots = [slot_1, slot_2, slot_3, slot_4];
   }
 
@@ -9455,10 +9513,21 @@ class ICELinkSlotManager {
  *
  * @author 大漠穷秋<damoqiongqiu@126.com>
  *
- * //FIXME:需要扩展一个注册方法，让外部使用方把自己扩展的组件注册进来，否则无法序列化和反解析。
+ * FIXME:需要扩展一个注册方法，让外部使用方把自己扩展的组件注册进来，否则无法序列化和反解析。
  */
 
-const componentTypeMap = Object.fromEntries(new Map([['ICERect', ICERect], ['ICECircle', ICECircle], ['ICEEllipse', ICEEllipse], ['ICEStar', ICEStar], ['ICEIsogon', ICEIsogon], ['ICEText', ICEText], ['ICEImage', ICEImage], ['ICEGroup', ICEGroup], ['ICEVisioLink', ICEVisioLink], ['ICEPolyLine', ICEPolyLine]]));
+const componentTypeMap = {
+  ICERect: ICERect,
+  ICECircle: ICECircle,
+  ICEEllipse: ICEEllipse,
+  ICEStar: ICEStar,
+  ICEIsogon: ICEIsogon,
+  ICEText: ICEText,
+  ICEImage: ICEImage,
+  ICEGroup: ICEGroup,
+  ICEVisioLink: ICEVisioLink,
+  ICEPolyLine: ICEPolyLine
+};
 
 /**
  * Copyright (c) 2022 大漠穷秋.

package/dist/index.js

@@ -3160,6 +3160,26 @@ class ICEEvent {
     }
   }
 
+  composedPath() {
+    throw new Error('Method not implemented.');
+  }
+
+  initEvent(type, bubbles, cancelable) {
+    throw new Error('Method not implemented.');
+  }
+
+  preventDefault() {
+    throw new Error('Method not implemented.');
+  }
+
+  stopImmediatePropagation() {
+    throw new Error('Method not implemented.');
+  }
+
+  stopPropagation() {
+    throw new Error('Method not implemented.');
+  }
+
 }
 
 var overArg = _overArg;
@@ -3612,10 +3632,13 @@ class ICEEventTarget {
   }
 
 } //增加别名，模拟 W3C 的 EventTarget 接口
+//@ts-ignore
 
 
-ICEEventTarget.prototype.addEventListener = ICEEventTarget.prototype.on;
-ICEEventTarget.prototype.removeEventListener = ICEEventTarget.prototype.off;
+ICEEventTarget.prototype.addEventListener = ICEEventTarget.prototype.on; //@ts-ignore
+
+ICEEventTarget.prototype.removeEventListener = ICEEventTarget.prototype.off; //@ts-ignore
+
 ICEEventTarget.prototype.dispatchEvent = ICEEventTarget.prototype.trigger;
 
 /**
@@ -3851,10 +3874,15 @@ class ICEBoundingBox {
 
 
   transform(matrix) {
-    const tl = transformMat2d([], this.tl, matrix);
-    const tr = transformMat2d([], this.tr, matrix);
-    const bl = transformMat2d([], this.bl, matrix);
-    const br = transformMat2d([], this.br, matrix);
+    //@ts-ignore
+    const tl = transformMat2d([], this.tl, matrix); //@ts-ignore
+
+    const tr = transformMat2d([], this.tr, matrix); //@ts-ignore
+
+    const bl = transformMat2d([], this.bl, matrix); //@ts-ignore
+
+    const br = transformMat2d([], this.br, matrix); //@ts-ignore
+
     const center = transformMat2d([], this.center, matrix);
     return new ICEBoundingBox([...tl, ...tr, ...bl, ...br, ...center]);
   }
@@ -4246,9 +4274,11 @@ class ICEComponent extends ICEEventTarget {
 
     if (this.parentNode) {
       let pLocalX = this.parentNode.state.localOrigin[0];
-      let pLocalY = this.parentNode.state.localOrigin[1];
+      let pLocalY = this.parentNode.state.localOrigin[1]; //@ts-ignore
+
       point = transformMat2d([], point, [1, 0, 0, 1, -pLocalX, -pLocalY]);
-      let pcm = this.parentNode.state.composedMatrix;
+      let pcm = this.parentNode.state.composedMatrix; //@ts-ignore
+
       point = transformMat2d([], point, pcm);
     }
 
@@ -4271,11 +4301,13 @@ class ICEComponent extends ICEEventTarget {
     const skewY = getVal(this, 'state.transform.skew.1');
     matrix = skew([], matrix, toRadian(skewX), toRadian(skewY)); //step2: rotate
 
-    let angle = getVal(this, 'state.transform.rotate');
+    let angle = getVal(this, 'state.transform.rotate'); //@ts-ignore
+
     matrix = rotate([], matrix, toRadian(angle)); //step3: scale
 
     const scaleX = getVal(this, 'state.transform.scale.0');
-    const scaleY = getVal(this, 'state.transform.scale.1');
+    const scaleY = getVal(this, 'state.transform.scale.1'); //@ts-ignore
+
     matrix = scale([], matrix, [scaleX, scaleY]);
     this.state.linearMatrix = matrix;
     return matrix;
@@ -4291,6 +4323,7 @@ class ICEComponent extends ICEEventTarget {
     let matrix = component.calcLinearMatrix();
 
     while (component.parentNode) {
+      //@ts-ignore
       matrix = multiply([], component.parentNode.state.linearMatrix, matrix);
       component = component.parentNode;
     }
@@ -4318,6 +4351,7 @@ class ICEComponent extends ICEEventTarget {
     let translationMatrix = [1, 0, 0, 1, origin[0], origin[1]]; //step-2: 计算线性变换矩阵，包含了所有祖先节点的线性变换。
 
     let linearMatrix = this.calcAbsoluteLinearMatrix(); //step-3: 计算综合变换矩阵，相当于先在 canvas 默认原点（左上角位置）进行变换，然后在平移到计算出的原点位置。
+    //@ts-ignore
 
     let composedMatrix = multiply([], translationMatrix, linearMatrix);
     this.state.composedMatrix = composedMatrix;
@@ -4470,8 +4504,10 @@ class ICEComponent extends ICEEventTarget {
 
     //如果组件存在嵌套，需要先用逆矩阵抵消所有祖先节点 transform 导致的坐标偏移。
     if (this.parentNode) {
-      let point = [tx, ty];
-      let matrix = invert([], this.parentNode.state.absoluteLinearMatrix);
+      let point = [tx, ty]; //@ts-ignore
+
+      let matrix = invert([], this.parentNode.state.absoluteLinearMatrix); //@ts-ignore
+
       point = transformMat2d([], point, matrix);
       tx = point[0];
       ty = point[1];
@@ -4496,8 +4532,10 @@ class ICEComponent extends ICEEventTarget {
 
     //如果组件存在嵌套，需要先用逆矩阵抵消所有祖先节点 transform 导致的坐标偏移。
     if (this.parentNode) {
-      let point = [left, top];
-      let matrix = invert([], this.parentNode.state.absoluteLinearMatrix);
+      let point = [left, top]; //@ts-ignore
+
+      let matrix = invert([], this.parentNode.state.absoluteLinearMatrix); //@ts-ignore
+
       point = transformMat2d([], point, matrix);
       left = point[0];
       top = point[1];
@@ -4539,7 +4577,8 @@ class ICEComponent extends ICEEventTarget {
 
   localToGlobal(localX, localY) {
     let point = [localX, localY];
-    let matrix = this.state.composedMatrix;
+    let matrix = this.state.composedMatrix; //@ts-ignore
+
     point = transformMat2d([], point, matrix);
     return point;
   }
@@ -4552,8 +4591,10 @@ class ICEComponent extends ICEEventTarget {
 
 
   globalToLocal(globalX, globalY) {
-    let point = [globalX, globalY];
-    let matrix = invert([], this.state.composedMatrix);
+    let point = [globalX, globalY]; //@ts-ignore
+
+    let matrix = invert([], this.state.composedMatrix); //@ts-ignore
+
     point = transformMat2d([], point, matrix);
     return point;
   }
@@ -5333,7 +5374,8 @@ class ICEDotPath extends ICEPath {
     let origin = super.calcLocalOrigin();
 
     for (let i = 0; i < this.state.dots.length; i++) {
-      let dot = this.state.dots[i];
+      let dot = this.state.dots[i]; //@ts-ignore
+
       dot = transformMat2d([], dot, [1, 0, 0, 1, -origin[0], -origin[1]]);
       this.state.dots[i] = dot;
     }
@@ -5426,7 +5468,8 @@ class ICEDotPath extends ICEPath {
     const result = [];
 
     for (let i = 0; i < dots.length; i++) {
-      const dot = dots[i];
+      const dot = dots[i]; //@ts-ignore
+
       const point = transformMat2d([], dot, matrix);
       result.push(point);
     }
@@ -5891,7 +5934,8 @@ class ICEPolyLine extends ICEDotPath {
 
     for (let i = 0; i < len; i++) {
       let p = this.state.points[i];
-      let vector2 = [p[0] - startX, p[1] - startY];
+      let vector2 = [p[0] - startX, p[1] - startY]; //@ts-ignore
+
       let crossProduct = cross([], vector1, vector2)[2];
 
       if (crossProduct === 0) {
@@ -6452,8 +6496,10 @@ class LineControlPanel extends ICEControlPanel {
     let newEndX = targetState.points[len - 1][0];
     let newEndY = targetState.points[len - 1][1]; //用逆矩阵补偿组件 transform 导致的坐标变换。
     //组件自身的 absoluteLinearMatrix 已经包含了所有层级上的 transform 。
+    //@ts-ignore
+
+    let matrix = invert([], targetState.absoluteLinearMatrix); //@ts-ignore
 
-    let matrix = invert([], targetState.absoluteLinearMatrix);
     let point = transformMat2d([], [movementX, movementY], matrix);
     movementX = point[0];
     movementY = point[1];
@@ -6606,8 +6652,10 @@ class ResizeControl extends ICERect {
     let newWidth = parentState.width;
     let newHeight = parentState.height; //用 parentNode 的逆矩阵把全局坐标系中的移动量转换为组件本地的移动量。
     //组件自身的 absoluteLinearMatrix 已经包含了所有层级上的 transform 。
+    //@ts-ignore
+
+    let matrix = invert([], parentState.absoluteLinearMatrix); //@ts-ignore
 
-    let matrix = invert([], parentState.absoluteLinearMatrix);
     let point = transformMat2d([], [movementX, movementY], matrix);
     movementX = point[0];
     movementY = point[1];
@@ -6698,8 +6746,10 @@ class ResizeControl extends ICERect {
     let parentState = this.parentNode.state;
     let parentLocalOrigin = parentState.localOrigin;
     let parentWidth = parentState.width;
-    let parentHeight = parentState.height;
-    let matrix = invert([], parentState.absoluteLinearMatrix);
+    let parentHeight = parentState.height; //@ts-ignore
+
+    let matrix = invert([], parentState.absoluteLinearMatrix); //@ts-ignore
+
     let point = transformMat2d([], [tx, ty], matrix);
     tx = point[0];
     ty = point[1];
@@ -7128,8 +7178,10 @@ class TransformControlPanel extends ICEControlPanel {
     let newLeft = targetState.left;
     let newTop = targetState.top;
     let newWidth = targetState.width;
-    let newHeight = targetState.height;
-    let matrix = invert([], targetState.absoluteLinearMatrix);
+    let newHeight = targetState.height; //@ts-ignore
+
+    let matrix = invert([], targetState.absoluteLinearMatrix); //@ts-ignore
+
     let point = transformMat2d([], [movementX, movementY], matrix);
     movementX = point[0];
     movementY = point[1];
@@ -9186,7 +9238,9 @@ class DDManager {
     // console.log('window.devicePixelRatio>', window.devicePixelRatio);
     // let tx = evt.movementX / window.devicePixelRatio; //FIXME: window.devicePixelRatio 需要移动到初始化参数中去
     // let ty = evt.movementY / window.devicePixelRatio; //FIXME: window.devicePixelRatio 需要移动到初始化参数中去
-    let tx = evt.movementX;
+    //@ts-ignore
+    let tx = evt.movementX; //@ts-ignore
+
     let ty = evt.movementY;
     this.currentObj.moveGlobalPosition(tx, ty, evt);
     return true;
@@ -9359,7 +9413,9 @@ class ICELinkSlotManager {
       let slotBounding = component.getMaxBoundingBox();
 
       if (slotBounding.isIntersect(hookBounding)) {
+        //@ts-ignore
         for (let i = 0; i < this.ice._linkSlots.length; i++) {
+          //@ts-ignore
           this.ice._linkSlots[i].hostComponent = component;
         }
 
@@ -9374,6 +9430,7 @@ class ICELinkSlotManager {
 
 
   createLinkSlots() {
+    //@ts-ignore
     if (this.ice._linkSlots && this.ice._linkSlots.length) {
       return;
     }
@@ -9433,7 +9490,8 @@ class ICELinkSlotManager {
         lineWidth: 1
       }
     });
-    this.ice.addTool(slot_4);
+    this.ice.addTool(slot_4); //@ts-ignore
+
     this.ice._linkSlots = [slot_1, slot_2, slot_3, slot_4];
   }
 
@@ -9451,10 +9509,21 @@ class ICELinkSlotManager {
  *
  * @author 大漠穷秋<damoqiongqiu@126.com>
  *
- * //FIXME:需要扩展一个注册方法，让外部使用方把自己扩展的组件注册进来，否则无法序列化和反解析。
+ * FIXME:需要扩展一个注册方法，让外部使用方把自己扩展的组件注册进来，否则无法序列化和反解析。
  */
 
-const componentTypeMap = Object.fromEntries(new Map([['ICERect', ICERect], ['ICECircle', ICECircle], ['ICEEllipse', ICEEllipse], ['ICEStar', ICEStar], ['ICEIsogon', ICEIsogon], ['ICEText', ICEText], ['ICEImage', ICEImage], ['ICEGroup', ICEGroup], ['ICEVisioLink', ICEVisioLink], ['ICEPolyLine', ICEPolyLine]]));
+const componentTypeMap = {
+  ICERect: ICERect,
+  ICECircle: ICECircle,
+  ICEEllipse: ICEEllipse,
+  ICEStar: ICEStar,
+  ICEIsogon: ICEIsogon,
+  ICEText: ICEText,
+  ICEImage: ICEImage,
+  ICEGroup: ICEGroup,
+  ICEVisioLink: ICEVisioLink,
+  ICEPolyLine: ICEPolyLine
+};
 
 /**
  * Copyright (c) 2022 大漠穷秋.

package/dist/index.umd.js

@@ -3166,6 +3166,26 @@
 	    }
 	  }
 
+	  composedPath() {
+	    throw new Error('Method not implemented.');
+	  }
+
+	  initEvent(type, bubbles, cancelable) {
+	    throw new Error('Method not implemented.');
+	  }
+
+	  preventDefault() {
+	    throw new Error('Method not implemented.');
+	  }
+
+	  stopImmediatePropagation() {
+	    throw new Error('Method not implemented.');
+	  }
+
+	  stopPropagation() {
+	    throw new Error('Method not implemented.');
+	  }
+
 	}
 
 	var overArg = _overArg;
@@ -3618,10 +3638,13 @@
 	  }
 
 	} //增加别名，模拟 W3C 的 EventTarget 接口
+	//@ts-ignore
 
 
-	ICEEventTarget.prototype.addEventListener = ICEEventTarget.prototype.on;
-	ICEEventTarget.prototype.removeEventListener = ICEEventTarget.prototype.off;
+	ICEEventTarget.prototype.addEventListener = ICEEventTarget.prototype.on; //@ts-ignore
+
+	ICEEventTarget.prototype.removeEventListener = ICEEventTarget.prototype.off; //@ts-ignore
+
 	ICEEventTarget.prototype.dispatchEvent = ICEEventTarget.prototype.trigger;
 
 	/**
@@ -3857,10 +3880,15 @@
 
 
 	  transform(matrix) {
-	    const tl = transformMat2d([], this.tl, matrix);
-	    const tr = transformMat2d([], this.tr, matrix);
-	    const bl = transformMat2d([], this.bl, matrix);
-	    const br = transformMat2d([], this.br, matrix);
+	    //@ts-ignore
+	    const tl = transformMat2d([], this.tl, matrix); //@ts-ignore
+
+	    const tr = transformMat2d([], this.tr, matrix); //@ts-ignore
+
+	    const bl = transformMat2d([], this.bl, matrix); //@ts-ignore
+
+	    const br = transformMat2d([], this.br, matrix); //@ts-ignore
+
 	    const center = transformMat2d([], this.center, matrix);
 	    return new ICEBoundingBox([...tl, ...tr, ...bl, ...br, ...center]);
 	  }
@@ -4252,9 +4280,11 @@
 
 	    if (this.parentNode) {
 	      let pLocalX = this.parentNode.state.localOrigin[0];
-	      let pLocalY = this.parentNode.state.localOrigin[1];
+	      let pLocalY = this.parentNode.state.localOrigin[1]; //@ts-ignore
+
 	      point = transformMat2d([], point, [1, 0, 0, 1, -pLocalX, -pLocalY]);
-	      let pcm = this.parentNode.state.composedMatrix;
+	      let pcm = this.parentNode.state.composedMatrix; //@ts-ignore
+
 	      point = transformMat2d([], point, pcm);
 	    }
 
@@ -4277,11 +4307,13 @@
 	    const skewY = getVal(this, 'state.transform.skew.1');
 	    matrix = skew([], matrix, toRadian(skewX), toRadian(skewY)); //step2: rotate
 
-	    let angle = getVal(this, 'state.transform.rotate');
+	    let angle = getVal(this, 'state.transform.rotate'); //@ts-ignore
+
 	    matrix = rotate([], matrix, toRadian(angle)); //step3: scale
 
 	    const scaleX = getVal(this, 'state.transform.scale.0');
-	    const scaleY = getVal(this, 'state.transform.scale.1');
+	    const scaleY = getVal(this, 'state.transform.scale.1'); //@ts-ignore
+
 	    matrix = scale([], matrix, [scaleX, scaleY]);
 	    this.state.linearMatrix = matrix;
 	    return matrix;
@@ -4297,6 +4329,7 @@
 	    let matrix = component.calcLinearMatrix();
 
 	    while (component.parentNode) {
+	      //@ts-ignore
 	      matrix = multiply([], component.parentNode.state.linearMatrix, matrix);
 	      component = component.parentNode;
 	    }
@@ -4324,6 +4357,7 @@
 	    let translationMatrix = [1, 0, 0, 1, origin[0], origin[1]]; //step-2: 计算线性变换矩阵，包含了所有祖先节点的线性变换。
 
 	    let linearMatrix = this.calcAbsoluteLinearMatrix(); //step-3: 计算综合变换矩阵，相当于先在 canvas 默认原点（左上角位置）进行变换，然后在平移到计算出的原点位置。
+	    //@ts-ignore
 
 	    let composedMatrix = multiply([], translationMatrix, linearMatrix);
 	    this.state.composedMatrix = composedMatrix;
@@ -4476,8 +4510,10 @@
 
 	    //如果组件存在嵌套，需要先用逆矩阵抵消所有祖先节点 transform 导致的坐标偏移。
 	    if (this.parentNode) {
-	      let point = [tx, ty];
-	      let matrix = invert([], this.parentNode.state.absoluteLinearMatrix);
+	      let point = [tx, ty]; //@ts-ignore
+
+	      let matrix = invert([], this.parentNode.state.absoluteLinearMatrix); //@ts-ignore
+
 	      point = transformMat2d([], point, matrix);
 	      tx = point[0];
 	      ty = point[1];
@@ -4502,8 +4538,10 @@
 
 	    //如果组件存在嵌套，需要先用逆矩阵抵消所有祖先节点 transform 导致的坐标偏移。
 	    if (this.parentNode) {
-	      let point = [left, top];
-	      let matrix = invert([], this.parentNode.state.absoluteLinearMatrix);
+	      let point = [left, top]; //@ts-ignore
+
+	      let matrix = invert([], this.parentNode.state.absoluteLinearMatrix); //@ts-ignore
+
 	      point = transformMat2d([], point, matrix);
 	      left = point[0];
 	      top = point[1];
@@ -4545,7 +4583,8 @@
 
 	  localToGlobal(localX, localY) {
 	    let point = [localX, localY];
-	    let matrix = this.state.composedMatrix;
+	    let matrix = this.state.composedMatrix; //@ts-ignore
+
 	    point = transformMat2d([], point, matrix);
 	    return point;
 	  }
@@ -4558,8 +4597,10 @@
 
 
 	  globalToLocal(globalX, globalY) {
-	    let point = [globalX, globalY];
-	    let matrix = invert([], this.state.composedMatrix);
+	    let point = [globalX, globalY]; //@ts-ignore
+
+	    let matrix = invert([], this.state.composedMatrix); //@ts-ignore
+
 	    point = transformMat2d([], point, matrix);
 	    return point;
 	  }
@@ -5339,7 +5380,8 @@
 	    let origin = super.calcLocalOrigin();
 
 	    for (let i = 0; i < this.state.dots.length; i++) {
-	      let dot = this.state.dots[i];
+	      let dot = this.state.dots[i]; //@ts-ignore
+
 	      dot = transformMat2d([], dot, [1, 0, 0, 1, -origin[0], -origin[1]]);
 	      this.state.dots[i] = dot;
 	    }
@@ -5432,7 +5474,8 @@
 	    const result = [];
 
 	    for (let i = 0; i < dots.length; i++) {
-	      const dot = dots[i];
+	      const dot = dots[i]; //@ts-ignore
+
 	      const point = transformMat2d([], dot, matrix);
 	      result.push(point);
 	    }
@@ -5897,7 +5940,8 @@
 
 	    for (let i = 0; i < len; i++) {
 	      let p = this.state.points[i];
-	      let vector2 = [p[0] - startX, p[1] - startY];
+	      let vector2 = [p[0] - startX, p[1] - startY]; //@ts-ignore
+
 	      let crossProduct = cross([], vector1, vector2)[2];
 
 	      if (crossProduct === 0) {
@@ -6458,8 +6502,10 @@
 	    let newEndX = targetState.points[len - 1][0];
 	    let newEndY = targetState.points[len - 1][1]; //用逆矩阵补偿组件 transform 导致的坐标变换。
 	    //组件自身的 absoluteLinearMatrix 已经包含了所有层级上的 transform 。
+	    //@ts-ignore
+
+	    let matrix = invert([], targetState.absoluteLinearMatrix); //@ts-ignore
 
-	    let matrix = invert([], targetState.absoluteLinearMatrix);
 	    let point = transformMat2d([], [movementX, movementY], matrix);
 	    movementX = point[0];
 	    movementY = point[1];
@@ -6612,8 +6658,10 @@
 	    let newWidth = parentState.width;
 	    let newHeight = parentState.height; //用 parentNode 的逆矩阵把全局坐标系中的移动量转换为组件本地的移动量。
 	    //组件自身的 absoluteLinearMatrix 已经包含了所有层级上的 transform 。
+	    //@ts-ignore
+
+	    let matrix = invert([], parentState.absoluteLinearMatrix); //@ts-ignore
 
-	    let matrix = invert([], parentState.absoluteLinearMatrix);
 	    let point = transformMat2d([], [movementX, movementY], matrix);
 	    movementX = point[0];
 	    movementY = point[1];
@@ -6704,8 +6752,10 @@
 	    let parentState = this.parentNode.state;
 	    let parentLocalOrigin = parentState.localOrigin;
 	    let parentWidth = parentState.width;
-	    let parentHeight = parentState.height;
-	    let matrix = invert([], parentState.absoluteLinearMatrix);
+	    let parentHeight = parentState.height; //@ts-ignore
+
+	    let matrix = invert([], parentState.absoluteLinearMatrix); //@ts-ignore
+
 	    let point = transformMat2d([], [tx, ty], matrix);
 	    tx = point[0];
 	    ty = point[1];
@@ -7134,8 +7184,10 @@
 	    let newLeft = targetState.left;
 	    let newTop = targetState.top;
 	    let newWidth = targetState.width;
-	    let newHeight = targetState.height;
-	    let matrix = invert([], targetState.absoluteLinearMatrix);
+	    let newHeight = targetState.height; //@ts-ignore
+
+	    let matrix = invert([], targetState.absoluteLinearMatrix); //@ts-ignore
+
 	    let point = transformMat2d([], [movementX, movementY], matrix);
 	    movementX = point[0];
 	    movementY = point[1];
@@ -9192,7 +9244,9 @@
 	    // console.log('window.devicePixelRatio>', window.devicePixelRatio);
 	    // let tx = evt.movementX / window.devicePixelRatio; //FIXME: window.devicePixelRatio 需要移动到初始化参数中去
 	    // let ty = evt.movementY / window.devicePixelRatio; //FIXME: window.devicePixelRatio 需要移动到初始化参数中去
-	    let tx = evt.movementX;
+	    //@ts-ignore
+	    let tx = evt.movementX; //@ts-ignore
+
 	    let ty = evt.movementY;
 	    this.currentObj.moveGlobalPosition(tx, ty, evt);
 	    return true;
@@ -9365,7 +9419,9 @@
 	      let slotBounding = component.getMaxBoundingBox();
 
 	      if (slotBounding.isIntersect(hookBounding)) {
+	        //@ts-ignore
 	        for (let i = 0; i < this.ice._linkSlots.length; i++) {
+	          //@ts-ignore
 	          this.ice._linkSlots[i].hostComponent = component;
 	        }
 
@@ -9380,6 +9436,7 @@
 
 
 	  createLinkSlots() {
+	    //@ts-ignore
 	    if (this.ice._linkSlots && this.ice._linkSlots.length) {
 	      return;
 	    }
@@ -9439,7 +9496,8 @@
 	        lineWidth: 1
 	      }
 	    });
-	    this.ice.addTool(slot_4);
+	    this.ice.addTool(slot_4); //@ts-ignore
+
 	    this.ice._linkSlots = [slot_1, slot_2, slot_3, slot_4];
 	  }
 
@@ -9457,10 +9515,21 @@
 	 *
 	 * @author 大漠穷秋<damoqiongqiu@126.com>
 	 *
-	 * //FIXME:需要扩展一个注册方法，让外部使用方把自己扩展的组件注册进来，否则无法序列化和反解析。
+	 * FIXME:需要扩展一个注册方法，让外部使用方把自己扩展的组件注册进来，否则无法序列化和反解析。
 	 */
 
-	const componentTypeMap = Object.fromEntries(new Map([['ICERect', ICERect], ['ICECircle', ICECircle], ['ICEEllipse', ICEEllipse], ['ICEStar', ICEStar], ['ICEIsogon', ICEIsogon], ['ICEText', ICEText], ['ICEImage', ICEImage], ['ICEGroup', ICEGroup], ['ICEVisioLink', ICEVisioLink], ['ICEPolyLine', ICEPolyLine]]));
+	const componentTypeMap = {
+	  ICERect: ICERect,
+	  ICECircle: ICECircle,
+	  ICEEllipse: ICEEllipse,
+	  ICEStar: ICEStar,
+	  ICEIsogon: ICEIsogon,
+	  ICEText: ICEText,
+	  ICEImage: ICEImage,
+	  ICEGroup: ICEGroup,
+	  ICEVisioLink: ICEVisioLink,
+	  ICEPolyLine: ICEPolyLine
+	};
 
 	/**
 	 * Copyright (c) 2022 大漠穷秋.

package/package.json

@@ -1,7 +1,7 @@
 {
   "author": "大漠穷秋",
   "name": "ice-render",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "A canvas engine for interactive graphics.",
   "repository": "https://gitee.com/ice-render/ice-render",
   "browser": "dist/index.umd.js",
@@ -16,7 +16,7 @@
   ],
   "scripts": {
     "start": "rollup -c -w  --environment NODE_ENV:development",
-    "build": "npm run clean && npm run build:js",
+    "build": "npm run clean && npm run build:types && npm run build:js",
     "build:js": "rollup -c --environment NODE_ENV:production",
     "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf dist",