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

package/dist/core/toolOperation/cuboidToggleButtonClass.js

@@ -1,10 +1,110 @@
-"use strict";var annotation=require("../../constant/annotation.js"),icon_cuboidFAB=require("../../assets/attributeIcon/icon_cuboidFAB.svg.js"),icon_cuboidMore=require("../../assets/attributeIcon/icon_cuboidMore.svg.js"),icon_cuboidRight=require("../../assets/attributeIcon/icon_cuboidRight.svg.js"),icon_cuboidLeft=require("../../assets/attributeIcon/icon_cuboidLeft.svg.js"),icon_cuboidTop=require("../../assets/attributeIcon/icon_cuboidTop.svg.js");const MORE_ICON_LISTS=[{icon:icon_cuboidRight,id:"cuboidRight"},{icon:icon_cuboidLeft,id:"cuboidLeft"},{icon:icon_cuboidTop,id:"cuboidTop"}];class CuboidToggleButtonClass{constructor(i){const{container:t,cuboidButtonMove:o,toggleDirection:e}=i;this.container=t,this.direction=annotation.ECuboidDirection.Front,this.isFrontSide=!0,this.cuboidButtonMove=o,this.onToggleDirection=e,this._cuboidButtonDOM=this.initCuboidButtonDOM(),this._cuboidFABDOM=this.initcuboidFABDOM(icon_cuboidFAB),this._cuboidMoreDOM=this.initcuboidMoreDOM(icon_cuboidMore),this._cuboidMoreListDOM=this.initcuboidMoreListDOM(),this.appendToContainer()}appendToContainer(){!this._cuboidButtonDOM||!this._cuboidFABDOM||!this._cuboidMoreDOM||(this.container.appendChild(this._cuboidButtonDOM),this._cuboidButtonDOM.appendChild(this._cuboidFABDOM),this._cuboidButtonDOM.appendChild(this._cuboidMoreDOM))}initCuboidButtonDOM(){const i=document.createElement("div");return i.setAttribute("id","LABELBEE_CUBOID_BUTTON_BOX"),i.setAttribute("style",`
+'use strict';
+
+var annotation = require('../../constant/annotation.js');
+var icon_cuboidFAB = require('../../assets/attributeIcon/icon_cuboidFAB.svg.js');
+var icon_cuboidMore = require('../../assets/attributeIcon/icon_cuboidMore.svg.js');
+var icon_cuboidRight = require('../../assets/attributeIcon/icon_cuboidRight.svg.js');
+var icon_cuboidLeft = require('../../assets/attributeIcon/icon_cuboidLeft.svg.js');
+var icon_cuboidTop = require('../../assets/attributeIcon/icon_cuboidTop.svg.js');
+
+const MORE_ICON_LISTS = [
+  {
+    icon: icon_cuboidRight,
+    id: "cuboidRight"
+  },
+  {
+    icon: icon_cuboidLeft,
+    id: "cuboidLeft"
+  },
+  {
+    icon: icon_cuboidTop,
+    id: "cuboidTop"
+  }
+];
+class CuboidToggleButtonClass {
+  constructor(props) {
+    const {container, cuboidButtonMove, toggleDirection} = props;
+    this.container = container;
+    this.direction = annotation.ECuboidDirection.Front;
+    this.isFrontSide = true;
+    this.cuboidButtonMove = cuboidButtonMove;
+    this.onToggleDirection = toggleDirection;
+    this._cuboidButtonDOM = this.initCuboidButtonDOM();
+    this._cuboidFABDOM = this.initcuboidFABDOM(icon_cuboidFAB);
+    this._cuboidMoreDOM = this.initcuboidMoreDOM(icon_cuboidMore);
+    this._cuboidMoreListDOM = this.initcuboidMoreListDOM();
+    this.appendToContainer();
+  }
+  appendToContainer() {
+    if (!this._cuboidButtonDOM || !this._cuboidFABDOM || !this._cuboidMoreDOM) {
+      return;
+    }
+    this.container.appendChild(this._cuboidButtonDOM);
+    this._cuboidButtonDOM.appendChild(this._cuboidFABDOM);
+    this._cuboidButtonDOM.appendChild(this._cuboidMoreDOM);
+  }
+  initCuboidButtonDOM() {
+    const _cuboidButtonDOM = document.createElement("div");
+    _cuboidButtonDOM.setAttribute("id", "LABELBEE_CUBOID_BUTTON_BOX");
+    _cuboidButtonDOM.setAttribute("style", `
         width: 40px;
         height: 74px;
         border-radius: 10px;
         background-color: #FFFFFF;
         z-index: 10;
-      `),i.addEventListener("mouseover",t=>{t.stopPropagation(),setTimeout(()=>{this.cuboidButtonMove("in")},100)}),i.addEventListener("mouseleave",t=>{t.stopPropagation(),setTimeout(()=>{this.cuboidButtonMove("out")},100)}),i}initcuboidFABDOM(i){const t=document.createElement("div");return t.setAttribute("id","CUBOID_FORWARD_AND_BACK_SWITCH"),t.innerHTML=i,t.addEventListener("mouseup",o=>{o.stopPropagation(),this.isFrontSide=!this.isFrontSide,this.direction=this.isFrontSide?annotation.ECuboidDirection.Front:annotation.ECuboidDirection.Back,this.onToggleDirection(this.direction)}),t}initcuboidMoreDOM(i){const t=document.createElement("div");return t.setAttribute("id","CUBOID_MORE_ICON"),t.innerHTML=i,t.addEventListener("mouseup",o=>{this._cuboidButtonDOM&&this._cuboidMoreListDOM&&(this._cuboidButtonDOM.contains(this._cuboidMoreListDOM)?this.clearCuboidMoreListDOM():this._cuboidButtonDOM.appendChild(this._cuboidMoreListDOM)),o.stopPropagation()}),t.addEventListener("mousedown",o=>{o.stopPropagation()}),t.addEventListener("contextmenu",o=>{o.stopPropagation()}),t}initcuboidMoreListDOM(){const i=document.createElement("div");i.setAttribute("id","CUBOID_MORE_LIST_ICON"),i.setAttribute("style",`
+      `);
+    _cuboidButtonDOM.addEventListener("mouseover", (e) => {
+      e.stopPropagation();
+      setTimeout(() => {
+        this.cuboidButtonMove("in");
+      }, 100);
+    });
+    _cuboidButtonDOM.addEventListener("mouseleave", (e) => {
+      e.stopPropagation();
+      setTimeout(() => {
+        this.cuboidButtonMove("out");
+      }, 100);
+    });
+    return _cuboidButtonDOM;
+  }
+  initcuboidFABDOM(icon) {
+    const _cuboidFAB = document.createElement("div");
+    _cuboidFAB.setAttribute("id", "CUBOID_FORWARD_AND_BACK_SWITCH");
+    _cuboidFAB.innerHTML = icon;
+    _cuboidFAB.addEventListener("mouseup", (e) => {
+      e.stopPropagation();
+      this.isFrontSide = !this.isFrontSide;
+      this.direction = this.isFrontSide ? annotation.ECuboidDirection.Front : annotation.ECuboidDirection.Back;
+      this.onToggleDirection(this.direction);
+    });
+    return _cuboidFAB;
+  }
+  initcuboidMoreDOM(icon) {
+    const _iconDOM = document.createElement("div");
+    _iconDOM.setAttribute("id", "CUBOID_MORE_ICON");
+    _iconDOM.innerHTML = icon;
+    _iconDOM.addEventListener("mouseup", (e) => {
+      if (this._cuboidButtonDOM && this._cuboidMoreListDOM) {
+        if (this._cuboidButtonDOM.contains(this._cuboidMoreListDOM)) {
+          this.clearCuboidMoreListDOM();
+        } else {
+          this._cuboidButtonDOM.appendChild(this._cuboidMoreListDOM);
+        }
+      }
+      e.stopPropagation();
+    });
+    _iconDOM.addEventListener("mousedown", (e) => {
+      e.stopPropagation();
+    });
+    _iconDOM.addEventListener("contextmenu", (e) => {
+      e.stopPropagation();
+    });
+    return _iconDOM;
+  }
+  initcuboidMoreListDOM() {
+    const cuboidMoreListDOM = document.createElement("div");
+    cuboidMoreListDOM.setAttribute("id", "CUBOID_MORE_LIST_ICON");
+    cuboidMoreListDOM.setAttribute("style", `
         height: 36px;
         border-radius: 10px;
         background-color: #FFFFFF;
@@ -14,12 +114,43 @@
         bottom: 0px;
         left: 44px;
         display: flex;
-      `);let t="";const o="margin-left:4px;margin-right:4px;display:flex;align-items:center;";return MORE_ICON_LISTS.forEach((e,n)=>{const s=n===MORE_ICON_LISTS.length-1?"margin-left:0px;margin-right:0px;":"";t+=`<span id=${e.id} key=${n} style=${o}${s}>${e.icon}</span>`}),i.innerHTML=t,i.childNodes.forEach(e=>{e.addEventListener("click",n=>{switch(n.stopPropagation(),e==null?void 0:e.id){case"cuboidLeft":this.onToggleDirection(annotation.ECuboidDirection.Left);break;case"cuboidRight":this.onToggleDirection(annotation.ECuboidDirection.Right);break;case"cuboidTop":this.onToggleDirection(annotation.ECuboidDirection.Top);break}this.clearCuboidMoreListDOM(),this.cuboidButtonMove("out")})}),i}update(i){var t;const{left:o,top:e,color:n}=i;(t=this._cuboidButtonDOM)==null||t.setAttribute("style",`
+      `);
+    let str = "";
+    const iconStyle = `margin-left:4px;margin-right:4px;display:flex;align-items:center;`;
+    MORE_ICON_LISTS.forEach((i, index) => {
+      const lastIconStyle = index === MORE_ICON_LISTS.length - 1 ? "margin-left:0px;margin-right:0px;" : "";
+      str += `<span id=${i.id} key=${index} style=${iconStyle}${lastIconStyle}>${i.icon}</span>`;
+    });
+    cuboidMoreListDOM.innerHTML = str;
+    cuboidMoreListDOM.childNodes.forEach((item) => {
+      item.addEventListener("click", (e) => {
+        e.stopPropagation();
+        switch (item == null ? void 0 : item.id) {
+          case "cuboidLeft":
+            this.onToggleDirection(annotation.ECuboidDirection.Left);
+            break;
+          case "cuboidRight":
+            this.onToggleDirection(annotation.ECuboidDirection.Right);
+            break;
+          case "cuboidTop":
+            this.onToggleDirection(annotation.ECuboidDirection.Top);
+            break;
+        }
+        this.clearCuboidMoreListDOM();
+        this.cuboidButtonMove("out");
+      });
+    });
+    return cuboidMoreListDOM;
+  }
+  update(position) {
+    var _a;
+    const {left, top, color} = position;
+    (_a = this._cuboidButtonDOM) == null ? void 0 : _a.setAttribute("style", `
         position: absolute; 
         font-size: 14px; 
-        left:${o}px; 
-        top: ${e}px; 
-        color: ${n};
+        left:${left}px; 
+        top: ${top}px; 
+        color: ${color};
         width: 41px;
         height: 74px;
         border-radius: 10px;
@@ -28,4 +159,18 @@
         text-align: center;
         padding-top: 10px;
         z-index: 10;
-      `)}clearCuboidButtonDOM(){this._cuboidButtonDOM&&this.container.contains(this._cuboidButtonDOM)&&this.container.removeChild(this._cuboidButtonDOM)}clearCuboidMoreListDOM(){this._cuboidButtonDOM&&this._cuboidMoreListDOM&&this._cuboidButtonDOM.contains(this._cuboidMoreListDOM)&&this._cuboidButtonDOM.removeChild(this._cuboidMoreListDOM)}}module.exports=CuboidToggleButtonClass;
+      `);
+  }
+  clearCuboidButtonDOM() {
+    if (this._cuboidButtonDOM && this.container.contains(this._cuboidButtonDOM)) {
+      this.container.removeChild(this._cuboidButtonDOM);
+    }
+  }
+  clearCuboidMoreListDOM() {
+    if (this._cuboidButtonDOM && this._cuboidMoreListDOM && this._cuboidButtonDOM.contains(this._cuboidMoreListDOM)) {
+      this._cuboidButtonDOM.removeChild(this._cuboidMoreListDOM);
+    }
+  }
+}
+
+module.exports = CuboidToggleButtonClass;

package/dist/core/toolOperation/eventListener.js

@@ -1 +1,37 @@
-"use strict";class EventListener{constructor(){this._events=new Map}on(t,e){const s=this._events.get(t)||[];s.some(n=>n===e)||this._events.set(t,s.concat(e))}singleOn(t,e){this._events.set(t,[e])}emit(t,...e){const s=this._events.get(t);s&&s.forEach(n=>{n&&n(...e)})}unbind(t,e){const s=this._events.get(t);s&&this._events.set(t,s.filter(n=>n!==e))}unbindAll(t){this._events.delete(t)}}module.exports=EventListener;
+'use strict';
+
+class EventListener {
+  constructor() {
+    this._events = new Map();
+  }
+  on(eventName, callback) {
+    const existEvents = this._events.get(eventName) || [];
+    if (!existEvents.some((fn) => fn === callback)) {
+      this._events.set(eventName, existEvents.concat(callback));
+    }
+  }
+  singleOn(eventName, callback) {
+    this._events.set(eventName, [callback]);
+  }
+  emit(eventName, ...args) {
+    const listener = this._events.get(eventName);
+    if (listener) {
+      listener.forEach((fn) => {
+        if (fn) {
+          fn(...args);
+        }
+      });
+    }
+  }
+  unbind(eventName, callback) {
+    const existEvents = this._events.get(eventName);
+    if (existEvents) {
+      this._events.set(eventName, existEvents.filter((fn) => fn !== callback));
+    }
+  }
+  unbindAll(eventName) {
+    this._events.delete(eventName);
+  }
+}
+
+module.exports = EventListener;

package/dist/core/toolOperation/measureOperation.js

@@ -1 +1,41 @@
-"use strict";var rectOperation=require("./rectOperation.js"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,e,t)=>e in r?__defProp(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,__spreadValues=(r,e)=>{for(var t in e||(e={}))__hasOwnProp.call(e,t)&&__defNormalProp(r,t,e[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(e))__propIsEnum.call(e,t)&&__defNormalProp(r,t,e[t]);return r},__spreadProps=(r,e)=>__defProps(r,__getOwnPropDescs(e));const config={textConfigurable:!1,attributeConfigurable:!0,attributeList:[]};class MeasureOperation extends rectOperation.RectOperation{constructor(e){super(__spreadProps(__spreadValues({},e),{config:JSON.stringify(config)}))}setSelectedIdAfterAddingDrawingRect(){!this.drawingRect||this.setSelectedRectID(this.drawingRect.id)}}module.exports=MeasureOperation;
+'use strict';
+
+var rectOperation = require('./rectOperation.js');
+
+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));
+const config = {
+  textConfigurable: false,
+  attributeConfigurable: true,
+  attributeList: []
+};
+class MeasureOperation extends rectOperation.RectOperation {
+  constructor(props) {
+    super(__spreadProps(__spreadValues({}, props), {config: JSON.stringify(config)}));
+  }
+  setSelectedIdAfterAddingDrawingRect() {
+    if (!this.drawingRect) {
+      return;
+    }
+    this.setSelectedRectID(this.drawingRect.id);
+  }
+}
+
+module.exports = MeasureOperation;

package/dist/core/toolOperation/pointCloud2dOperation.js

@@ -1 +1,365 @@
-"use strict";var lbUtils=require("@labelbee/lb-utils"),annotation=require("../../constant/annotation.js"),tool=require("../../constant/tool.js"),AxisUtils=require("../../utils/tool/AxisUtils.js"),CommonToolUtils=require("../../utils/tool/CommonToolUtils.js"),DrawUtils=require("../../utils/tool/DrawUtils.js"),PolygonUtils=require("../../utils/tool/PolygonUtils.js"),defaultConfig=require("../../constant/defaultConfig.js"),_=require("lodash"),polygonOperation=require("./polygonOperation.js"),basicToolOperation=require("./basicToolOperation.js");function _interopDefaultLegacy(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var ___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(s,t,e)=>t in s?__defProp(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e,__spreadValues=(s,t)=>{for(var e in t||(t={}))__hasOwnProp.call(t,e)&&__defNormalProp(s,e,t[e]);if(__getOwnPropSymbols)for(var e of __getOwnPropSymbols(t))__propIsEnum.call(t,e)&&__defNormalProp(s,e,t[e]);return s},__spreadProps=(s,t)=>__defProps(s,__getOwnPropDescs(t));class PointCloud2dOperation extends polygonOperation{constructor(t){super(t);this.selectedIDs=[],this.rightMouseUp=l=>{var d;if(this.drawingPointList.length>0){this.addDrawingPointToPolygonList();return}if(l.ctrlKey){this.emit("addSelectedIDs",this.hoverID);return}this.emit("setSelectedIDs",this.hoverID);const a=(d=this.polygonList.find(u=>u.id===this.hoverID))==null?void 0:d.attribute;a&&a!==this.defaultAttribute&&this.emit("syncAttribute",a)},this.onKeyDown=()=>{},this.onKeyUp=()=>{},this.renderSingleSelectedPolygon=l=>{var d;if(l){const a=this.getPointCloudLineColor(l),u=AxisUtils.default.changePointListByZoom(l.pointList,this.zoom,this.currentPos);DrawUtils.drawSelectedPolygonWithFillAndLine(this.canvas,u,{fillColor:"transparent",strokeColor:a,pointColor:"white",thickness:2,lineCap:"round",isClose:!0,lineType:(d=this.config)==null?void 0:d.lineType}),l.isRect===!0&&this.showDirectionLine===!0&&this.renderRectPolygonDirection(u)}},this.emitUpdatePolygonByDrag=()=>{if(this.dragInfo){const{originPolygonList:l}=this.dragInfo;if(this.selectedIDs.length>0){const d=[];this.polygonList.forEach(a=>{if(this.selectedIDs.includes(a.id)){const u=l.find(c=>c.id===a.id);u&&d.push({newPolygon:a,originPolygon:u})}}),this.emit("updatePolygonByDrag",d)}}};var e,i,o,n,r,h;this.showDirectionLine=(e=t.showDirectionLine)!=null?e:!0,this.forbidAddNew=(i=t.forbidAddNew)!=null?i:!1,this.pointCloudConfig=(o=CommonToolUtils.jsonParser(t.config))!=null?o:{},this.hideAttributes=[],this.checkMode=(n=t.checkMode)!=null?n:!1,this.forbidAddNew===!1&&t.checkMode===!0&&(this.forbidAddNew=!0),this.config=__spreadProps(__spreadValues({},defaultConfig.polygonConfig),{textConfigurable:!1,attributeConfigurable:!0,attributeList:(h=(r=this.pointCloudConfig)==null?void 0:r.attributeList)!=null?h:[]})}get getSelectedIDs(){return this.selectedIDs}get enableDrag(){return Boolean(this.selectedIDs.length>0&&this.dragInfo)}get visiblePolygonList(){return this.polygonList.filter(t=>!this.hideAttributes.includes(t.attribute))}setHiddenAttributes(t){this.hideAttributes=t}setConfig(t){var e;const i=CommonToolUtils.jsonParser(t);this.pointCloudConfig=i,this.config=__spreadProps(__spreadValues({},this.config),{attributeList:(e=i==null?void 0:i.attributeList)!=null?e:[]})}dragMouseDown(t){this.checkMode||super.dragMouseDown(t)}deletePolygon(t){this.checkMode||super.deletePolygon(t)}deletePolygonPoint(t){this.checkMode||super.deletePolygonPoint(t)}setSelectedIDs(t){this.selectedIDs=t,this.selectedIDs.length<2&&this.setSelectedID(this.selectedIDs.length===1?this.selectedIDs[0]:""),this.render()}deleteSelectedID(){super.deleteSelectedID(),this.selectedIDs=[],this.emit("deleteSelectedIDs")}get selectedPolygons(){return PolygonUtils.getPolygonByIDs(this.polygonList,this.selectedIDs)}updateSelectedPolygonsPoints(t){var e,i;if(this.selectedPolygons&&((e=this.selectedPolygons)==null?void 0:e.length)>0){const o=___default.default.cloneDeep(this.selectedPolygons),n=[];(i=this.selectedPolygons)==null||i.forEach((r,h)=>{r.pointList=r.pointList.map(l=>{var d,a;const{x:u,y:c}=l;return __spreadProps(__spreadValues({},l),{x:u+((d=t.x)!=null?d:0),y:c+((a=t.y)!=null?a:0)})}),n.push({originPolygon:o[h],newPolygon:r})}),this.emit("updateResult"),this.emit("updatePolygonByDrag",n),this.render(),this.history.pushHistory(this.polygonList)}}getLineColor(){return"rgba(0, 255, 255, 0.5)"}getPointCloudLineColor(t){return t.valid===!1?lbUtils.INVALID_COLOR:lbUtils.toolStyleConverter.getColorFromConfig({attribute:t.attribute},__spreadProps(__spreadValues({},this.pointCloudConfig),{attributeConfigurable:!0}),{}).stroke}renderStaticPolygon(){var t;this.isHidden===!1&&((t=this.visiblePolygonList)==null||t.forEach(e=>{var i,o,n;if([...this.selectedIDs,this.editPolygonID].includes(e.id))return;const r=this.getPointCloudLineColor(e),h=AxisUtils.default.changePointListByZoom(e.pointList||[],this.zoom,this.currentPos);DrawUtils.drawPolygonWithFillAndLine(this.canvas,h,{fillColor:"transparent",strokeColor:r,pointColor:"white",thickness:(o=(i=this.style)==null?void 0:i.width)!=null?o:2,lineCap:"round",isClose:!0,lineType:(n=this.config)==null?void 0:n.lineType}),e.isRect===!0&&this.showDirectionLine===!0&&this.renderRectPolygonDirection(h)}))}renderSelectedPolygon(){var t;(t=this.selectedPolygons)==null||t.forEach(e=>{this.renderSingleSelectedPolygon(e)})}renderRectPolygonDirection(t){t.length<2||DrawUtils.drawLine(this.canvas,t[0],t[1],{color:"white",thickness:3,lineDash:[6]})}get currentPolygonListByPattern(){return this.polygonList.filter(t=>this.pattern===tool.EPolygonPattern.Rect?t.isRect===!0:this.pattern===tool.EPolygonPattern.Normal?t.isRect!==!0:!0)}getHoverID(t){var e;const i=this.getCoordinateUnderZoom(t),n=this.currentPolygonListByPattern.map(r=>__spreadProps(__spreadValues({},r),{pointList:AxisUtils.default.changePointListByZoom(r.pointList,this.zoom)}));return PolygonUtils.getHoverPolygonID(i,n,10,(e=this.config)==null?void 0:e.lineType)}switchToNextPolygon(t=annotation.ESortDirection.ascend){if(this.drawingPointList.length>0)return;const e=this.currentPolygonListByPattern.map(o=>{var n,r,h,l;return __spreadProps(__spreadValues({},o),{x:(r=(n=o.pointList[0])==null?void 0:n.x)!=null?r:0,y:(l=(h=o.pointList[0])==null?void 0:h.y)!=null?l:0})}),i=CommonToolUtils.getNextSelectedRectID(e,t,this.selectedID);if(i)return this.setSelectedIDs([i.id]),this.render(),[i.id]}setSelectedIdAfterAddingDrawing(t){this.drawingPointList.length!==0&&this.setSelectedID(t)}updateTextAttribute(t){var e,i;const o=this.selectedID;t!==o&&o&&((e=this._textAttributInstance)==null||e.changeSelected()),t||(i=this._textAttributInstance)==null||i.clearTextAttribute()}setSelectedID(t){this.updateTextAttribute(t),this.selectedID=t,this.render()}addPointInDrawing(t){this.forbidAddNew||super.addPointInDrawing(t)}setCanvasSize(t){var e,i;const o=this.pixelRatio;this.size=t,this.setImgInfo(t),this.updateCanvasBasicStyle(this.basicCanvas,t,0),this.updateCanvasBasicStyle(this.canvas,t,10),(e=this.ctx)==null||e.scale(o,o),(i=this.basicCtx)==null||i.scale(o,o),this.initImgPos(),this.renderBasicCanvas(),this.render()}setPolygonValidAndRender(t,e=!1){if(e){super.setPolygonValidAndRender(t);return}this.emit("validUpdate",t)}onDragMove(t){const e=this.polygonList.map(i=>{if(this.selectedIDs.includes(i.id)){const o=this.dragPolygon(t,i);if(!o)return i;const n=__spreadProps(__spreadValues({},i),{pointList:o});return i.isRect===!0&&this.pattern===tool.EPolygonPattern.Normal&&Object.assign(n,{isRect:!1}),n}return i});this.dragInfo.dragPrevCoord=this.getCoordinateUnderZoom(t),this.setPolygonList(e),this.render()}onMouseDown(t){if(basicToolOperation.BasicToolOperation.prototype.onMouseDown.call(this,t)||this.forbidMouseOperation||t.ctrlKey===!0||t.button!==0)return;if(this.selectedIDs.length<2)return super.onMouseDown(t);const e=this.getCoordinateUnderZoom(t);this.dragInfo={dragStartCoord:e,dragTarget:annotation.EDragTarget.Plane,initPointList:[],changePointIndex:[0],originPolygon:this.selectedPolygon,dragPrevCoord:e,originPolygonList:this.polygonList}}setResultAndSelectedID(t,e){this.setPolygonList(t),this.setSelectedIDs([e])}}module.exports=PointCloud2dOperation;
+'use strict';
+
+var lbUtils = require('@labelbee/lb-utils');
+var annotation = require('../../constant/annotation.js');
+var tool = require('../../constant/tool.js');
+var AxisUtils = require('../../utils/tool/AxisUtils.js');
+var CommonToolUtils = require('../../utils/tool/CommonToolUtils.js');
+var DrawUtils = require('../../utils/tool/DrawUtils.js');
+var PolygonUtils = require('../../utils/tool/PolygonUtils.js');
+var defaultConfig = require('../../constant/defaultConfig.js');
+var _ = require('lodash');
+var polygonOperation = require('./polygonOperation.js');
+var basicToolOperation = require('./basicToolOperation.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
+
+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));
+class PointCloud2dOperation extends polygonOperation {
+  constructor(props) {
+    super(props);
+    this.selectedIDs = [];
+    this.rightMouseUp = (e) => {
+      var _a;
+      if (this.drawingPointList.length > 0) {
+        this.addDrawingPointToPolygonList();
+        return;
+      }
+      if (e.ctrlKey) {
+        this.emit("addSelectedIDs", this.hoverID);
+        return;
+      }
+      this.emit("setSelectedIDs", this.hoverID);
+      const hoverAttribute = (_a = this.polygonList.find((v) => v.id === this.hoverID)) == null ? void 0 : _a.attribute;
+      if (hoverAttribute && hoverAttribute !== this.defaultAttribute) {
+        this.emit("syncAttribute", hoverAttribute);
+      }
+    };
+    this.onKeyDown = () => {
+    };
+    this.onKeyUp = () => {
+    };
+    this.renderSingleSelectedPolygon = (selectedPolygon) => {
+      var _a;
+      if (selectedPolygon) {
+        const color = this.getPointCloudLineColor(selectedPolygon);
+        const polygon = AxisUtils["default"].changePointListByZoom(selectedPolygon.pointList, this.zoom, this.currentPos);
+        DrawUtils.drawSelectedPolygonWithFillAndLine(this.canvas, polygon, {
+          fillColor: "transparent",
+          strokeColor: color,
+          pointColor: "white",
+          thickness: 2,
+          lineCap: "round",
+          isClose: true,
+          lineType: (_a = this.config) == null ? void 0 : _a.lineType
+        });
+        if (selectedPolygon.isRect === true && this.showDirectionLine === true) {
+          this.renderRectPolygonDirection(polygon);
+        }
+      }
+    };
+    this.emitUpdatePolygonByDrag = () => {
+      if (this.dragInfo) {
+        const {originPolygonList} = this.dragInfo;
+        if (this.selectedIDs.length > 0) {
+          const emitUpdateList = [];
+          this.polygonList.forEach((polygon) => {
+            if (this.selectedIDs.includes(polygon.id)) {
+              const originPolygon = originPolygonList.find((i) => i.id === polygon.id);
+              if (originPolygon) {
+                emitUpdateList.push({newPolygon: polygon, originPolygon});
+              }
+            }
+          });
+          this.emit("updatePolygonByDrag", emitUpdateList);
+        }
+      }
+    };
+    var _a, _b, _c, _d, _e, _f;
+    this.showDirectionLine = (_a = props.showDirectionLine) != null ? _a : true;
+    this.forbidAddNew = (_b = props.forbidAddNew) != null ? _b : false;
+    this.pointCloudConfig = (_c = CommonToolUtils.jsonParser(props.config)) != null ? _c : {};
+    this.hideAttributes = [];
+    this.checkMode = (_d = props.checkMode) != null ? _d : false;
+    if (this.forbidAddNew === false && props.checkMode === true) {
+      this.forbidAddNew = true;
+    }
+    this.config = __spreadProps(__spreadValues({}, defaultConfig.polygonConfig), {
+      textConfigurable: false,
+      attributeConfigurable: true,
+      attributeList: (_f = (_e = this.pointCloudConfig) == null ? void 0 : _e.attributeList) != null ? _f : []
+    });
+  }
+  get getSelectedIDs() {
+    return this.selectedIDs;
+  }
+  get enableDrag() {
+    return Boolean(this.selectedIDs.length > 0 && this.dragInfo);
+  }
+  get visiblePolygonList() {
+    return this.polygonList.filter((i) => !this.hideAttributes.includes(i.attribute));
+  }
+  setHiddenAttributes(hideAttributes) {
+    this.hideAttributes = hideAttributes;
+  }
+  setConfig(config) {
+    var _a;
+    const newConfig = CommonToolUtils.jsonParser(config);
+    this.pointCloudConfig = newConfig;
+    this.config = __spreadProps(__spreadValues({}, this.config), {
+      attributeList: (_a = newConfig == null ? void 0 : newConfig.attributeList) != null ? _a : []
+    });
+  }
+  dragMouseDown(e) {
+    if (this.checkMode) {
+      return;
+    }
+    super.dragMouseDown(e);
+  }
+  deletePolygon(id) {
+    if (this.checkMode) {
+      return;
+    }
+    super.deletePolygon(id);
+  }
+  deletePolygonPoint(index) {
+    if (this.checkMode) {
+      return;
+    }
+    super.deletePolygonPoint(index);
+  }
+  setSelectedIDs(selectedIDs) {
+    this.selectedIDs = selectedIDs;
+    if (this.selectedIDs.length < 2) {
+      this.setSelectedID(this.selectedIDs.length === 1 ? this.selectedIDs[0] : "");
+    }
+    this.render();
+  }
+  deleteSelectedID() {
+    super.deleteSelectedID();
+    this.selectedIDs = [];
+    this.emit("deleteSelectedIDs");
+  }
+  get selectedPolygons() {
+    return PolygonUtils.getPolygonByIDs(this.polygonList, this.selectedIDs);
+  }
+  updateSelectedPolygonsPoints(offset) {
+    var _a, _b;
+    if (this.selectedPolygons && ((_a = this.selectedPolygons) == null ? void 0 : _a.length) > 0) {
+      const originPolygonList = ___default["default"].cloneDeep(this.selectedPolygons);
+      const updateList = [];
+      (_b = this.selectedPolygons) == null ? void 0 : _b.forEach((polygon, index) => {
+        polygon.pointList = polygon.pointList.map((point) => {
+          var _a2, _b2;
+          const {x, y} = point;
+          return __spreadProps(__spreadValues({}, point), {
+            x: x + ((_a2 = offset.x) != null ? _a2 : 0),
+            y: y + ((_b2 = offset.y) != null ? _b2 : 0)
+          });
+        });
+        updateList.push({originPolygon: originPolygonList[index], newPolygon: polygon});
+      });
+      this.emit("updateResult");
+      this.emit("updatePolygonByDrag", updateList);
+      this.render();
+      this.history.pushHistory(this.polygonList);
+    }
+  }
+  getLineColor() {
+    return "rgba(0, 255, 255, 0.5)";
+  }
+  getPointCloudLineColor(polygon) {
+    return polygon.valid === false ? lbUtils.INVALID_COLOR : lbUtils.toolStyleConverter.getColorFromConfig({attribute: polygon.attribute}, __spreadProps(__spreadValues({}, this.pointCloudConfig), {attributeConfigurable: true}), {}).stroke;
+  }
+  renderStaticPolygon() {
+    var _a;
+    if (this.isHidden === false) {
+      (_a = this.visiblePolygonList) == null ? void 0 : _a.forEach((polygon) => {
+        var _a2, _b, _c;
+        if ([...this.selectedIDs, this.editPolygonID].includes(polygon.id)) {
+          return;
+        }
+        const lineColor = this.getPointCloudLineColor(polygon);
+        const transformPointList = AxisUtils["default"].changePointListByZoom(polygon.pointList || [], this.zoom, this.currentPos);
+        DrawUtils.drawPolygonWithFillAndLine(this.canvas, transformPointList, {
+          fillColor: "transparent",
+          strokeColor: lineColor,
+          pointColor: "white",
+          thickness: (_b = (_a2 = this.style) == null ? void 0 : _a2.width) != null ? _b : 2,
+          lineCap: "round",
+          isClose: true,
+          lineType: (_c = this.config) == null ? void 0 : _c.lineType
+        });
+        if (polygon.isRect === true && this.showDirectionLine === true) {
+          this.renderRectPolygonDirection(transformPointList);
+        }
+      });
+    }
+  }
+  renderSelectedPolygon() {
+    var _a;
+    (_a = this.selectedPolygons) == null ? void 0 : _a.forEach((polygon) => {
+      this.renderSingleSelectedPolygon(polygon);
+    });
+  }
+  renderRectPolygonDirection(polygon) {
+    if (polygon.length < 2) {
+      return;
+    }
+    DrawUtils.drawLine(this.canvas, polygon[0], polygon[1], {
+      color: "white",
+      thickness: 3,
+      lineDash: [6]
+    });
+  }
+  get currentPolygonListByPattern() {
+    return this.polygonList.filter((v) => {
+      if (this.pattern === tool.EPolygonPattern.Rect) {
+        return v.isRect === true;
+      }
+      if (this.pattern === tool.EPolygonPattern.Normal) {
+        return v.isRect !== true;
+      }
+      return true;
+    });
+  }
+  getHoverID(e) {
+    var _a;
+    const coordinate = this.getCoordinateUnderZoom(e);
+    const currentPolygonList = this.currentPolygonListByPattern;
+    const polygonListWithZoom = currentPolygonList.map((polygon) => __spreadProps(__spreadValues({}, polygon), {
+      pointList: AxisUtils["default"].changePointListByZoom(polygon.pointList, this.zoom)
+    }));
+    return PolygonUtils.getHoverPolygonID(coordinate, polygonListWithZoom, 10, (_a = this.config) == null ? void 0 : _a.lineType);
+  }
+  switchToNextPolygon(sort = annotation.ESortDirection.ascend) {
+    if (this.drawingPointList.length > 0) {
+      return;
+    }
+    const sortList = this.currentPolygonListByPattern.map((v) => {
+      var _a, _b, _c, _d;
+      return __spreadProps(__spreadValues({}, v), {
+        x: (_b = (_a = v.pointList[0]) == null ? void 0 : _a.x) != null ? _b : 0,
+        y: (_d = (_c = v.pointList[0]) == null ? void 0 : _c.y) != null ? _d : 0
+      });
+    });
+    const nextSelectedResult = CommonToolUtils.getNextSelectedRectID(sortList, sort, this.selectedID);
+    if (nextSelectedResult) {
+      this.setSelectedIDs([nextSelectedResult.id]);
+      this.render();
+      return [nextSelectedResult.id];
+    }
+  }
+  setSelectedIdAfterAddingDrawing(newID) {
+    if (this.drawingPointList.length === 0) {
+      return;
+    }
+    this.setSelectedID(newID);
+  }
+  updateTextAttribute(newID) {
+    var _a, _b;
+    const oldID = this.selectedID;
+    if (newID !== oldID && oldID) {
+      (_a = this._textAttributInstance) == null ? void 0 : _a.changeSelected();
+    }
+    if (!newID) {
+      (_b = this._textAttributInstance) == null ? void 0 : _b.clearTextAttribute();
+    }
+  }
+  setSelectedID(newID) {
+    this.updateTextAttribute(newID);
+    this.selectedID = newID;
+    this.render();
+  }
+  addPointInDrawing(e) {
+    if (this.forbidAddNew) {
+      return;
+    }
+    super.addPointInDrawing(e);
+  }
+  setCanvasSize(size) {
+    var _a, _b;
+    const pixel = this.pixelRatio;
+    this.size = size;
+    this.setImgInfo(size);
+    this.updateCanvasBasicStyle(this.basicCanvas, size, 0);
+    this.updateCanvasBasicStyle(this.canvas, size, 10);
+    (_a = this.ctx) == null ? void 0 : _a.scale(pixel, pixel);
+    (_b = this.basicCtx) == null ? void 0 : _b.scale(pixel, pixel);
+    this.initImgPos();
+    this.renderBasicCanvas();
+    this.render();
+  }
+  setPolygonValidAndRender(id, isUpdate = false) {
+    if (isUpdate) {
+      super.setPolygonValidAndRender(id);
+      return;
+    }
+    this.emit("validUpdate", id);
+  }
+  onDragMove(e) {
+    const newPolygonList = this.polygonList.map((v) => {
+      if (this.selectedIDs.includes(v.id)) {
+        const selectedPointList = this.dragPolygon(e, v);
+        if (!selectedPointList) {
+          return v;
+        }
+        const newData = __spreadProps(__spreadValues({}, v), {
+          pointList: selectedPointList
+        });
+        if (v.isRect === true && this.pattern === tool.EPolygonPattern.Normal) {
+          Object.assign(newData, {isRect: false});
+        }
+        return newData;
+      }
+      return v;
+    });
+    this.dragInfo.dragPrevCoord = this.getCoordinateUnderZoom(e);
+    this.setPolygonList(newPolygonList);
+    this.render();
+  }
+  onMouseDown(e) {
+    if (basicToolOperation.BasicToolOperation.prototype.onMouseDown.call(this, e) || this.forbidMouseOperation || e.ctrlKey === true || e.button !== 0) {
+      return;
+    }
+    if (this.selectedIDs.length < 2) {
+      return super.onMouseDown(e);
+    }
+    const dragStartCoord = this.getCoordinateUnderZoom(e);
+    this.dragInfo = {
+      dragStartCoord,
+      dragTarget: annotation.EDragTarget.Plane,
+      initPointList: [],
+      changePointIndex: [0],
+      originPolygon: this.selectedPolygon,
+      dragPrevCoord: dragStartCoord,
+      originPolygonList: this.polygonList
+    };
+  }
+  setResultAndSelectedID(polygonList, selectedID) {
+    this.setPolygonList(polygonList);
+    this.setSelectedIDs([selectedID]);
+  }
+}
+
+module.exports = PointCloud2dOperation;