@labelbee/lb-annotation 1.14.0-alpha.2 → 1.14.0-alpha.3

package/dist/core/pointCloud/matrix.js

@@ -1 +1,138 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var THREE=require("three"),lbUtils=require("@labelbee/lb-utils"),uuid=require("../../utils/uuid.js");function _interopNamespace(r){if(r&&r.__esModule)return r;var t=Object.create(null);return r&&Object.keys(r).forEach(function(e){if(e!=="default"){var i=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:function(){return r[e]}})}}),t.default=r,Object.freeze(t)}var THREE__namespace=_interopNamespace(THREE),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,t,e)=>t in r?__defProp(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,__spreadValues=(r,t)=>{for(var e in t||(t={}))__hasOwnProp.call(t,e)&&__defNormalProp(r,e,t[e]);if(__getOwnPropSymbols)for(var e of __getOwnPropSymbols(t))__propIsEnum.call(t,e)&&__defNormalProp(r,e,t[e]);return r},__spreadProps=(r,t)=>__defProps(r,__getOwnPropDescs(t));function createThreeMatrix4(r){return new THREE__namespace.Matrix4().set(...r)}function transferKitti2Matrix(r,t,e){const i=lbUtils.MatrixUtils.transferMatrix34FromKitti2Three(r),a=lbUtils.MatrixUtils.transferMatrix33FromKitti2Three(t),n=lbUtils.MatrixUtils.transferMatrix34FromKitti2Three(e),l=createThreeMatrix4(i),c=createThreeMatrix4(a),s=createThreeMatrix4(n);return{composeMatrix4:s.clone().premultiply(c).premultiply(l),PM:l,RM:c,TM:s}}function rotatePoint(r,t,e){var i;const a=new THREE__namespace.Vector3(r.x,r.y,(i=r==null?void 0:r.z)!=null?i:1),n=new THREE__namespace.Matrix4().makeRotationZ(e),l=new THREE__namespace.Matrix4().makeTranslation(t.x,t.y,t.z),c=new THREE__namespace.Matrix4().makeTranslation(-t.x,-t.y,-t.z);return a.clone().applyMatrix4(c).applyMatrix4(n).applyMatrix4(l)}function lidar2image(r,t){const i=new THREE__namespace.Vector4(r.x,r.y,r.z).applyMatrix4(t);if(i.z<0)return;const a=1/i.z,n=new THREE__namespace.Matrix4().set(a,0,0,0,0,a,0,0,0,0,a,0,0,0,0,1);return i.applyMatrix4(n)}function getCuboidFromPointCloudBox(r){const{center:t,width:e,height:i,depth:a,rotation:n}=r,l=[{x:t.x+e/2,y:t.y-i/2},{x:t.x+e/2,y:t.y+i/2},{x:t.x-e/2,y:t.y+i/2},{x:t.x-e/2,y:t.y-i/2}].map(o=>{const u=rotatePoint(o,t,n);return{x:u.x,y:u.y}}),c=t.z+a/2,s=t.z-a/2;return __spreadProps(__spreadValues({},r),{polygonPointList:l,zMax:c,zMin:s})}function pointCloudLidar2image(r,t){const e=lbUtils.PointCloudUtils.getAllViewData(r),{P:i,R:a,T:n}=t,{composeMatrix4:l}=transferKitti2Matrix(i,a,n);return e.map(s=>({type:s.type,pointList:s.pointList.map(o=>rotatePoint(o,r.center,r.rotation)).map(o=>lidar2image(o,l)).map(o=>{if(!!o)return{id:uuid(),x:o==null?void 0:o.x,y:o==null?void 0:o.y}}).filter(o=>o!==void 0)})).filter(s=>s.pointList.length!==0)}exports.createThreeMatrix4=createThreeMatrix4,exports.getCuboidFromPointCloudBox=getCuboidFromPointCloudBox,exports.lidar2image=lidar2image,exports.pointCloudLidar2image=pointCloudLidar2image,exports.rotatePoint=rotatePoint,exports.transferKitti2Matrix=transferKitti2Matrix;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var THREE = require('three');
+var lbUtils = require('@labelbee/lb-utils');
+var uuid = require('../../utils/uuid.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function createThreeMatrix4(matrix4) {
+  return new THREE__namespace.Matrix4().set(...matrix4);
+}
+function transferKitti2Matrix(P, R, T) {
+  const PMA = lbUtils.MatrixUtils.transferMatrix34FromKitti2Three(P);
+  const RMA = lbUtils.MatrixUtils.transferMatrix33FromKitti2Three(R);
+  const TMA = lbUtils.MatrixUtils.transferMatrix34FromKitti2Three(T);
+  const PM = createThreeMatrix4(PMA);
+  const RM = createThreeMatrix4(RMA);
+  const TM = createThreeMatrix4(TMA);
+  return {
+    composeMatrix4: TM.clone().premultiply(RM).premultiply(PM),
+    PM,
+    RM,
+    TM
+  };
+}
+function rotatePoint(points, centerPoint, rotationZ) {
+  var _a;
+  const pointVector = new THREE__namespace.Vector3(points.x, points.y, (_a = points == null ? void 0 : points.z) != null ? _a : 1);
+  const Rz = new THREE__namespace.Matrix4().makeRotationZ(rotationZ);
+  const TFrom = new THREE__namespace.Matrix4().makeTranslation(centerPoint.x, centerPoint.y, centerPoint.z);
+  const TBack = new THREE__namespace.Matrix4().makeTranslation(-centerPoint.x, -centerPoint.y, -centerPoint.z);
+  return pointVector.clone().applyMatrix4(TBack).applyMatrix4(Rz).applyMatrix4(TFrom);
+}
+function lidar2image(point, composeMatrix4) {
+  const vector = new THREE__namespace.Vector4(point.x, point.y, point.z);
+  const newV = vector.applyMatrix4(composeMatrix4);
+  if (newV.z < 0) {
+    return void 0;
+  }
+  const z = 1 / newV.z;
+  const fixMatrix4 = new THREE__namespace.Matrix4().set(z, 0, 0, 0, 0, z, 0, 0, 0, 0, z, 0, 0, 0, 0, 1);
+  return newV.applyMatrix4(fixMatrix4);
+}
+function getCuboidFromPointCloudBox(boxParams) {
+  const {center, width, height, depth, rotation} = boxParams;
+  const polygonPointList = [
+    {
+      x: center.x + width / 2,
+      y: center.y - height / 2
+    },
+    {
+      x: center.x + width / 2,
+      y: center.y + height / 2
+    },
+    {
+      x: center.x - width / 2,
+      y: center.y + height / 2
+    },
+    {
+      x: center.x - width / 2,
+      y: center.y - height / 2
+    }
+  ].map((v) => {
+    const vector = rotatePoint(v, center, rotation);
+    return {
+      x: vector.x,
+      y: vector.y
+    };
+  });
+  const zMax = center.z + depth / 2;
+  const zMin = center.z - depth / 2;
+  return __spreadProps(__spreadValues({}, boxParams), {
+    polygonPointList,
+    zMax,
+    zMin
+  });
+}
+function pointCloudLidar2image(boxParams, cameraMatrix) {
+  const allViewData = lbUtils.PointCloudUtils.getAllViewData(boxParams);
+  const {P, R, T} = cameraMatrix;
+  const {composeMatrix4} = transferKitti2Matrix(P, R, T);
+  const transferViewData = allViewData.map((viewData) => ({
+    type: viewData.type,
+    pointList: viewData.pointList.map((point) => rotatePoint(point, boxParams.center, boxParams.rotation)).map((point) => lidar2image(point, composeMatrix4)).map((point) => {
+      if (!point) {
+        return void 0;
+      }
+      return {id: uuid(), x: point == null ? void 0 : point.x, y: point == null ? void 0 : point.y};
+    }).filter((v) => v !== void 0)
+  })).filter((v) => v.pointList.length !== 0);
+  return transferViewData;
+}
+
+exports.createThreeMatrix4 = createThreeMatrix4;
+exports.getCuboidFromPointCloudBox = getCuboidFromPointCloudBox;
+exports.lidar2image = lidar2image;
+exports.pointCloudLidar2image = pointCloudLidar2image;
+exports.rotatePoint = rotatePoint;
+exports.transferKitti2Matrix = transferKitti2Matrix;

package/dist/core/pointCloud/segmentation.js

@@ -0,0 +1,144 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DrawUtils = require('../../utils/tool/DrawUtils.js');
+var THREE = require('three');
+var Sse3dLassoSelector = require('./selector/Sse3dLassoSelector.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
+
+class PointCloudSegmentOperation {
+  constructor(props) {
+    this.pointer = new THREE__namespace.Vector2();
+    this._forbidRender = false;
+    this.polygon = [];
+    this.startX = NaN;
+    this.startY = NaN;
+    this.onMouseMove = (iev) => {
+      const coord = this.getCoordinate(iev);
+      this.pointer.x = coord.x / this.dom.clientWidth * 2 - 1;
+      this.pointer.y = -(coord.y / this.dom.clientHeight) * 2 + 1;
+      const ev = {
+        offsetX: iev.offsetX,
+        offsetY: iev.offsetY,
+        pageX: iev.pageX,
+        pageY: iev.pageY,
+        which: iev.buttons === 2 ? 3 : 0
+      };
+      this.selector.mouseDrag(ev);
+    };
+    this.onMouseDown = (iev) => {
+      this._forbidRender = true;
+      const ev = {
+        offsetX: iev.offsetX,
+        offsetY: iev.offsetY,
+        pageX: iev.pageX,
+        pageY: iev.pageY,
+        which: iev.buttons === 2 ? 3 : 0
+      };
+      this.selector.mouseDown(ev);
+    };
+    this.onMouseUp = (iev) => {
+      const ev = {
+        offsetX: iev.offsetX,
+        offsetY: iev.offsetY,
+        pageX: iev.pageX,
+        pageY: iev.pageY,
+        which: iev.buttons === 2 ? 3 : 0
+      };
+      this.selector.mouseUp(ev);
+    };
+    this.render = ({camera, scene}) => {
+      const originPolygon = this.selector.polygon;
+      const polygon = [];
+      if (originPolygon.length > 0 && this.mouseCanvas) {
+        for (let i = 0; i < originPolygon.length; i += 2) {
+          polygon.push({
+            x: originPolygon[i * 2],
+            y: originPolygon[i * 2 + 1]
+          });
+        }
+        console.log("polygon", polygon);
+        DrawUtils.drawPolygon(this.mouseCanvas, polygon, {isClose: false, color: "red"});
+      }
+    };
+    this.dom = props.dom;
+    this.selector = new Sse3dLassoSelector(this);
+    const canvas = document.createElement("canvas");
+    canvas.id = "canvasMouse";
+    this.updateCanvasBasicStyle(canvas, {width: this.dom.clientWidth, height: this.dom.clientHeight}, 10);
+    this.dom.appendChild(canvas);
+    canvas.addEventListener("pointermove", this.onMouseMove);
+    canvas.addEventListener("pointerdown", this.onMouseDown);
+    canvas.addEventListener("pointerup", this.onMouseUp);
+    canvas.oncontextmenu = (e) => {
+      e.preventDefault();
+    };
+    canvas.getContext("2d");
+    this.mouseCanvas = canvas;
+    this.getPointsInPolygon = props.getPointsInPolygon;
+    this.setupRaycaster();
+    const geometry = new THREE__namespace.BufferGeometry();
+    const pointsMaterial = new THREE__namespace.PointsMaterial({size: 10, color: "red"});
+    geometry.setAttribute("position", new THREE__namespace.BufferAttribute(new Float32Array([0, 0, 0]), 3));
+    this._highlight_Point = new THREE__namespace.Points(geometry, pointsMaterial);
+    this.emitRender = props.render;
+    const geometry2 = new THREE__namespace.BufferGeometry();
+    const pointsMaterial2 = new THREE__namespace.PointsMaterial({size: 5, color: "white"});
+    geometry2.setAttribute("position", new THREE__namespace.BufferAttribute(new Float32Array([0, 0, 0]), 3));
+    this._temp = new THREE__namespace.Points(geometry2, pointsMaterial2);
+  }
+  updateCanvasBasicStyle(canvas, size, zIndex) {
+    const pixel = 2;
+    canvas.style.position = "absolute";
+    canvas.width = size.width * pixel;
+    canvas.height = size.height * pixel;
+    canvas.style.width = `${size.width}px`;
+    canvas.style.height = `${size.height}px`;
+    canvas.style.left = "0";
+    canvas.style.top = "0";
+    canvas.style.zIndex = `${zIndex} `;
+  }
+  addMorePoint(scene) {
+    scene.add(this._highlight_Point);
+    scene.add(this._temp);
+  }
+  getCoordinate(e) {
+    const bounding = this.dom.getBoundingClientRect();
+    return {
+      x: e.clientX - bounding.left,
+      y: e.clientY - bounding.top
+    };
+  }
+  setupRaycaster() {
+    const boundingBox = {x: 10, y: 10, z: 10};
+    const numberOfPoints = 10;
+    this.raycaster = new THREE__namespace.Raycaster();
+    const threshold = Math.cbrt(boundingBox.x * boundingBox.y * boundingBox.z / numberOfPoints) / 3;
+    if (this.raycaster) {
+      this.raycaster.params.Points.threshold = threshold;
+      this.raycaster.linePrecision = 0.1;
+    }
+  }
+}
+
+exports.PointCloudSegmentOperation = PointCloudSegmentOperation;

package/dist/core/pointCloud/selector/Sse3dLassoSelector.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var Sse3dSelector = require('./Sse3dSelector.js');
+
+class Sse3dLassoSelector extends Sse3dSelector {
+  mouseDown(ev) {
+    if (ev.which === 3) {
+      this.pushPoint(ev.offsetX, ev.offsetY);
+    }
+  }
+  mouseUp(ev) {
+    if (ev.which === 3) {
+      this.scene.getPointsInPolygon(this.polygon);
+      this.polygon.length = 0;
+    }
+  }
+  mouseDrag(ev) {
+    console.log("ev", ev.which);
+    if (ev.which === 3) {
+      this.pushPoint(ev.offsetX, ev.offsetY);
+      this.scene.emitRender(true);
+    }
+  }
+}
+
+module.exports = Sse3dLassoSelector;

package/dist/core/pointCloud/selector/Sse3dSelector.js

@@ -0,0 +1,16 @@
+'use strict';
+
+class Sse3dSelector {
+  constructor(scene) {
+    this.scene = scene;
+    this.polygon = [];
+  }
+  pushPoint(x, y) {
+    this.polygon.push([x, y]);
+  }
+  deactivate() {
+    this.polygon.length = 0;
+  }
+}
+
+module.exports = Sse3dSelector;

package/dist/core/scheduler.js

@@ -1 +1,233 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var defaultConfig=require("../constant/defaultConfig.js"),EnhanceCommonToolUtils=require("../utils/tool/EnhanceCommonToolUtils.js"),basicToolOperation=require("./toolOperation/basicToolOperation.js");const createEmptyImage=e=>{const t=document.createElement("canvas");t.width=e.width,t.height=e.height;const i=t.getContext("2d");return i?(i.fillStyle="transparent",i.fillRect(0,0,e.width,e.height),t.toDataURL()):""},arraySwap=(e,t,i)=>{const o=e[t];return e[t]=e[i],e[i]=o,e},_HybridToolUtils=class{static isSingleTool(e){return!this.isHybridTool(e)}static isHybridTool(e){return Array.isArray(e)}};let HybridToolUtils=_HybridToolUtils;HybridToolUtils.getTopToolName=e=>_HybridToolUtils.isHybridTool(e)?e[e.length-1]:e;class ToolScheduler{constructor(t){this.toolOperationList=[],this.toolOperationDom=[],this.toolOperationNameList=[];var i,o;this.init(),this.container=t.container,this.size=t.size,this.imgNode=t.imgNode,this.config=(i=t.config)!=null?i:JSON.stringify(defaultConfig.getConfig(HybridToolUtils.getTopToolName(t.toolName))),this.style=(o=t.style)!=null?o:defaultConfig.styleDefaultConfig}setImgNode(t,i){this.toolOperationList.forEach(o=>{o.setImgNode(t,i)})}setImgAttribute(t){this.toolOperationList.forEach(i=>{i.setImgAttribute(t)})}setSize(t){this.toolOperationList.forEach(i=>{i.setSize(t)})}syncPosition(t,i,o,s){this.toolOperationList.forEach(a=>{s!==a&&(a.setCurrentPos(t),a.setZoom(i),a.setImgInfo(o),a.renderBasicCanvas(),a.render())})}get defaultSize(){var t,i;return{width:((t=this.imgNode)==null?void 0:t.width)||this.size.width,height:((i=this.imgNode)==null?void 0:i.height)||this.size.height}}createDom(){const{width:t,height:i}=this.defaultSize,o=window.document.createElement("div");o.style.position="absolute",o.style.left="0",o.style.top="0",o.style.width=`${t}px`,o.style.height=`${i}px`;const s=this.toolOperationList.length+1;return o.style.zIndex=`${s}`,o}getEmptyImage(t,i){const o=createEmptyImage({width:t,height:i}),s=new Image;return s.src=o,s}createOperation(t,i,o){var s;const{width:a,height:l}=this.defaultSize,r=this.createDom(),d=this.getEmptyImage(a,l),h={container:r,size:this.size,config:(s=this==null?void 0:this.config)!=null?s:"{}",drawOutSideTarget:!1,style:this.style,imgNode:i||d,hiddenImg:!!t};o&&Object.assign(h,o);let n;if(!t)n=new basicToolOperation.BasicToolOperation(h),r.style.zIndex="0",n.init();else{const c=EnhanceCommonToolUtils.getCurrentOperation(t);if(!c)return;n=new c(h)}return n==null||n.init(),n.canvas.id=t!=null?t:"basicCanvas",n.on("dragMove",({currentPos:c,zoom:p,imgInfo:u})=>{this.syncPosition(c,p,u,n)}),n.on("renderZoom",(c,p,u)=>{c&&p&&this.syncPosition(p,c,u,n)}),t?(this.container.appendChild(r),this.toolOperationList.push(n),this.toolOperationNameList.push(t),this.toolOperationDom.push(r),n):(this.container.insertBefore(r,this.container.childNodes[0]),this.toolOperationList.unshift(n),this.toolOperationDom.unshift(r),n)}switchLastTwoCanvas(){if(this.toolOperationDom.length<3){console.error("switchLastTwoCanvas is just used the layer which has 3 canvas");return}const t=this.toolOperationDom.length,i=t-1,o=t-2,s=this.toolOperationDom[i],a=this.toolOperationDom[o];if(!(!a||!s))return s.style.zIndex=`${i-1}`,a.style.zIndex=`${i}`,this.toolOperationList[i].clearActiveStatus(),this.toolOperationList[i].clearCursorLine(),this.toolOperationList[i].render(),this.toolOperationList=arraySwap(this.toolOperationList,i,o),this.toolOperationDom=arraySwap(this.toolOperationDom,i,o),this.toolOperationList[i]}getFirstToolOperation(){return this.toolOperationList.length>1?this.toolOperationList[1]:this.toolOperationList[0]}switchToCanvas(t){var i,o,s,a;const l=this.toolOperationNameList.indexOf(t);if(l<0||this.toolOperationList.length<1||l>this.toolOperationDom.length-1)return;const r=this.toolOperationDom.length-1,d=this.toolOperationDom[l],h=this.toolOperationDom[r];if(!d||!h)return;const n=h.style.zIndex;return h.style.zIndex=`${d.style.zIndex}`,d.style.zIndex=`${n}`,(o=(i=this.toolOperationList[r]).clearActiveStatus)==null||o.call(i),(a=(s=this.toolOperationList[r]).clearCursorLine)==null||a.call(s),this.toolOperationList[r].render(),this.toolOperationList=arraySwap(this.toolOperationList,r,l),this.toolOperationDom=arraySwap(this.toolOperationDom,r,l),this.toolOperationNameList=arraySwap(this.toolOperationNameList,r,l),this.toolOperationList[r]}updateDataByToolName(t,i){const o=this.toolOperationNameList.indexOf(t);o>=0&&this.toolOperationList[o].setResult(i)}clearStatusAndResult(){this.toolOperationList.forEach(t=>{var i;(i=t.clearActiveStatus)==null||i.call(t),t.clearResult()})}destroyAllLayer(){this.toolOperationList.forEach(t=>{t.destroyCanvas(),this.init()})}init(){this.toolOperationList=[],this.toolOperationDom=[]}}exports.HybridToolUtils=HybridToolUtils,exports.ToolScheduler=ToolScheduler;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defaultConfig = require('../constant/defaultConfig.js');
+var EnhanceCommonToolUtils = require('../utils/tool/EnhanceCommonToolUtils.js');
+var basicToolOperation = require('./toolOperation/basicToolOperation.js');
+
+const createEmptyImage = (size) => {
+  const canvas = document.createElement("canvas");
+  canvas.width = size.width;
+  canvas.height = size.height;
+  const ctx = canvas.getContext("2d");
+  if (ctx) {
+    ctx.fillStyle = "transparent";
+    ctx.fillRect(0, 0, size.width, size.height);
+    return canvas.toDataURL();
+  }
+  return "";
+};
+const arraySwap = (array, index1, index2) => {
+  const a = array[index1];
+  array[index1] = array[index2];
+  array[index2] = a;
+  return array;
+};
+const _HybridToolUtils = class {
+  static isSingleTool(toolName) {
+    return !this.isHybridTool(toolName);
+  }
+  static isHybridTool(toolName) {
+    return Array.isArray(toolName);
+  }
+};
+let HybridToolUtils = _HybridToolUtils;
+HybridToolUtils.getTopToolName = (toolName) => {
+  return _HybridToolUtils.isHybridTool(toolName) ? toolName[toolName.length - 1] : toolName;
+};
+class ToolScheduler {
+  constructor(props) {
+    this.toolOperationList = [];
+    this.toolOperationDom = [];
+    this.toolOperationNameList = [];
+    var _a, _b;
+    this.init();
+    this.container = props.container;
+    this.size = props.size;
+    this.imgNode = props.imgNode;
+    this.config = (_a = props.config) != null ? _a : JSON.stringify(defaultConfig.getConfig(HybridToolUtils.getTopToolName(props.toolName)));
+    this.style = (_b = props.style) != null ? _b : defaultConfig.styleDefaultConfig;
+  }
+  setImgNode(imgNode, basicImgInfo) {
+    this.toolOperationList.forEach((toolInstance) => {
+      toolInstance.setImgNode(imgNode, basicImgInfo);
+    });
+  }
+  setImgAttribute(imgAttribute) {
+    this.toolOperationList.forEach((toolInstance) => {
+      toolInstance.setImgAttribute(imgAttribute);
+    });
+  }
+  setSize(size) {
+    this.toolOperationList.forEach((toolInstance) => {
+      toolInstance.setSize(size);
+    });
+  }
+  syncPosition(currentPos, zoom, imgInfo, currentToolInstance) {
+    this.toolOperationList.forEach((toolInstance) => {
+      if (currentToolInstance === toolInstance) {
+        return;
+      }
+      toolInstance.setCurrentPos(currentPos);
+      toolInstance.setZoom(zoom);
+      toolInstance.setImgInfo(imgInfo);
+      toolInstance.renderBasicCanvas();
+      toolInstance.render();
+    });
+  }
+  get defaultSize() {
+    var _a, _b;
+    return {
+      width: ((_a = this.imgNode) == null ? void 0 : _a.width) || this.size.width,
+      height: ((_b = this.imgNode) == null ? void 0 : _b.height) || this.size.height
+    };
+  }
+  createDom() {
+    const {width, height} = this.defaultSize;
+    const dom = window.document.createElement("div");
+    dom.style.position = "absolute";
+    dom.style.left = "0";
+    dom.style.top = "0";
+    dom.style.width = `${width}px`;
+    dom.style.height = `${height}px`;
+    const zIndex = this.toolOperationList.length + 1;
+    dom.style.zIndex = `${zIndex}`;
+    return dom;
+  }
+  getEmptyImage(width, height) {
+    const imgSrc = createEmptyImage({width, height});
+    const emptyImgNode = new Image();
+    emptyImgNode.src = imgSrc;
+    return emptyImgNode;
+  }
+  createOperation(tool, imgNode, config) {
+    var _a;
+    const {width, height} = this.defaultSize;
+    const dom = this.createDom();
+    const emptyImgNode = this.getEmptyImage(width, height);
+    const defaultData = {
+      container: dom,
+      size: this.size,
+      config: (_a = this == null ? void 0 : this.config) != null ? _a : "{}",
+      drawOutSideTarget: false,
+      style: this.style,
+      imgNode: imgNode || emptyImgNode,
+      hiddenImg: !!tool
+    };
+    if (config) {
+      Object.assign(defaultData, config);
+    }
+    let toolInstance;
+    if (!tool) {
+      toolInstance = new basicToolOperation.BasicToolOperation(defaultData);
+      dom.style.zIndex = "0";
+      toolInstance.init();
+    } else {
+      const ToolOperation = EnhanceCommonToolUtils.getCurrentOperation(tool);
+      if (!ToolOperation) {
+        return;
+      }
+      toolInstance = new ToolOperation(defaultData);
+    }
+    toolInstance == null ? void 0 : toolInstance.init();
+    toolInstance.canvas.id = tool != null ? tool : "basicCanvas";
+    toolInstance.on("dragMove", ({currentPos, zoom, imgInfo}) => {
+      this.syncPosition(currentPos, zoom, imgInfo, toolInstance);
+    });
+    toolInstance.on("renderZoom", (zoom, currentPos, imgInfo) => {
+      if (zoom && currentPos) {
+        this.syncPosition(currentPos, zoom, imgInfo, toolInstance);
+      }
+    });
+    if (!tool) {
+      this.container.insertBefore(dom, this.container.childNodes[0]);
+      this.toolOperationList.unshift(toolInstance);
+      this.toolOperationDom.unshift(dom);
+      return toolInstance;
+    }
+    this.container.appendChild(dom);
+    this.toolOperationList.push(toolInstance);
+    this.toolOperationNameList.push(tool);
+    this.toolOperationDom.push(dom);
+    return toolInstance;
+  }
+  switchLastTwoCanvas() {
+    if (this.toolOperationDom.length < 3) {
+      console.error("switchLastTwoCanvas is just used the layer which has 3 canvas");
+      return;
+    }
+    const len = this.toolOperationDom.length;
+    const lastOneIndex = len - 1;
+    const last2SecondIndex = len - 2;
+    const lastOneDom = this.toolOperationDom[lastOneIndex];
+    const last2SecondDom = this.toolOperationDom[last2SecondIndex];
+    if (!last2SecondDom || !lastOneDom) {
+      return;
+    }
+    lastOneDom.style.zIndex = `${lastOneIndex - 1}`;
+    last2SecondDom.style.zIndex = `${lastOneIndex}`;
+    this.toolOperationList[lastOneIndex].clearActiveStatus();
+    this.toolOperationList[lastOneIndex].clearCursorLine();
+    this.toolOperationList[lastOneIndex].render();
+    this.toolOperationList = arraySwap(this.toolOperationList, lastOneIndex, last2SecondIndex);
+    this.toolOperationDom = arraySwap(this.toolOperationDom, lastOneIndex, last2SecondIndex);
+    return this.toolOperationList[lastOneIndex];
+  }
+  getFirstToolOperation() {
+    if (this.toolOperationList.length > 1) {
+      return this.toolOperationList[1];
+    }
+    return this.toolOperationList[0];
+  }
+  switchToCanvas(toolName) {
+    var _a, _b, _c, _d;
+    const chosenIndex = this.toolOperationNameList.indexOf(toolName);
+    if (chosenIndex < 0 || this.toolOperationList.length < 1 || chosenIndex > this.toolOperationDom.length - 1) {
+      return;
+    }
+    const lastOneIndex = this.toolOperationDom.length - 1;
+    const chosenDom = this.toolOperationDom[chosenIndex];
+    const lastOneDom = this.toolOperationDom[lastOneIndex];
+    if (!chosenDom || !lastOneDom) {
+      return;
+    }
+    const temp = lastOneDom.style.zIndex;
+    lastOneDom.style.zIndex = `${chosenDom.style.zIndex}`;
+    chosenDom.style.zIndex = `${temp}`;
+    (_b = (_a = this.toolOperationList[lastOneIndex]).clearActiveStatus) == null ? void 0 : _b.call(_a);
+    (_d = (_c = this.toolOperationList[lastOneIndex]).clearCursorLine) == null ? void 0 : _d.call(_c);
+    this.toolOperationList[lastOneIndex].render();
+    this.toolOperationList = arraySwap(this.toolOperationList, lastOneIndex, chosenIndex);
+    this.toolOperationDom = arraySwap(this.toolOperationDom, lastOneIndex, chosenIndex);
+    this.toolOperationNameList = arraySwap(this.toolOperationNameList, lastOneIndex, chosenIndex);
+    return this.toolOperationList[lastOneIndex];
+  }
+  updateDataByToolName(toolName, result) {
+    const operationIndex = this.toolOperationNameList.indexOf(toolName);
+    if (operationIndex >= 0) {
+      const operationInstance = this.toolOperationList[operationIndex];
+      operationInstance.setResult(result);
+    }
+  }
+  clearStatusAndResult() {
+    this.toolOperationList.forEach((toolInstance) => {
+      var _a;
+      (_a = toolInstance.clearActiveStatus) == null ? void 0 : _a.call(toolInstance);
+      toolInstance.clearResult();
+    });
+  }
+  destroyAllLayer() {
+    this.toolOperationList.forEach((toolInstance) => {
+      toolInstance.destroyCanvas();
+      this.init();
+    });
+  }
+  init() {
+    this.toolOperationList = [];
+    this.toolOperationDom = [];
+  }
+}
+
+exports.HybridToolUtils = HybridToolUtils;
+exports.ToolScheduler = ToolScheduler;