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

package/es/core/toolOperation/cuboidToggleButtonClass.js

@@ -1,10 +1,108 @@
-import{ECuboidDirection as s}from"../../constant/annotation.js";import c from"../../assets/attributeIcon/icon_cuboidFAB.svg.js";import u from"../../assets/attributeIcon/icon_cuboidMore.svg.js";import a from"../../assets/attributeIcon/icon_cuboidRight.svg.js";import b from"../../assets/attributeIcon/icon_cuboidLeft.svg.js";import h from"../../assets/attributeIcon/icon_cuboidTop.svg.js";const r=[{icon:a,id:"cuboidRight"},{icon:b,id:"cuboidLeft"},{icon:h,id:"cuboidTop"}];class M{constructor(i){const{container:t,cuboidButtonMove:o,toggleDirection:e}=i;this.container=t,this.direction=s.Front,this.isFrontSide=!0,this.cuboidButtonMove=o,this.onToggleDirection=e,this._cuboidButtonDOM=this.initCuboidButtonDOM(),this._cuboidFABDOM=this.initcuboidFABDOM(c),this._cuboidMoreDOM=this.initcuboidMoreDOM(u),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",`
+import { ECuboidDirection } from '../../constant/annotation.js';
+import cuboidFAB from '../../assets/attributeIcon/icon_cuboidFAB.svg.js';
+import cuboidMore from '../../assets/attributeIcon/icon_cuboidMore.svg.js';
+import cuboidRight from '../../assets/attributeIcon/icon_cuboidRight.svg.js';
+import cuboidLeft from '../../assets/attributeIcon/icon_cuboidLeft.svg.js';
+import cuboidTop from '../../assets/attributeIcon/icon_cuboidTop.svg.js';
+
+const MORE_ICON_LISTS = [
+  {
+    icon: cuboidRight,
+    id: "cuboidRight"
+  },
+  {
+    icon: cuboidLeft,
+    id: "cuboidLeft"
+  },
+  {
+    icon: cuboidTop,
+    id: "cuboidTop"
+  }
+];
+class CuboidToggleButtonClass {
+  constructor(props) {
+    const {container, cuboidButtonMove, toggleDirection} = props;
+    this.container = container;
+    this.direction = ECuboidDirection.Front;
+    this.isFrontSide = true;
+    this.cuboidButtonMove = cuboidButtonMove;
+    this.onToggleDirection = toggleDirection;
+    this._cuboidButtonDOM = this.initCuboidButtonDOM();
+    this._cuboidFABDOM = this.initcuboidFABDOM(cuboidFAB);
+    this._cuboidMoreDOM = this.initcuboidMoreDOM(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?s.Front:s.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 ? ECuboidDirection.Front : 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 +112,43 @@ import{ECuboidDirection as s}from"../../constant/annotation.js";import c from"..
         bottom: 0px;
         left: 44px;
         display: flex;
-      `);let t="";const o="margin-left:4px;margin-right:4px;display:flex;align-items:center;";return r.forEach((e,n)=>{const d=n===r.length-1?"margin-left:0px;margin-right:0px;":"";t+=`<span id=${e.id} key=${n} style=${o}${d}>${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(s.Left);break;case"cuboidRight":this.onToggleDirection(s.Right);break;case"cuboidTop":this.onToggleDirection(s.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(ECuboidDirection.Left);
+            break;
+          case "cuboidRight":
+            this.onToggleDirection(ECuboidDirection.Right);
+            break;
+          case "cuboidTop":
+            this.onToggleDirection(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 +157,18 @@ import{ECuboidDirection as s}from"../../constant/annotation.js";import c from"..
         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)}}export{M as default};
+      `);
+  }
+  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);
+    }
+  }
+}
+
+export { CuboidToggleButtonClass as default };

package/es/core/toolOperation/eventListener.js

@@ -1 +1,35 @@
-class i{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)}}export{i as default};
+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);
+  }
+}
+
+export { EventListener as default };

package/es/core/toolOperation/measureOperation.js

@@ -1 +1,39 @@
-import{RectOperation as i}from"./rectOperation.js";var s=Object.defineProperty,n=Object.defineProperties,p=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,a=(r,e,t)=>e in r?s(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,l=(r,e)=>{for(var t in e||(e={}))c.call(e,t)&&a(r,t,e[t]);if(o)for(var t of o(e))f.call(e,t)&&a(r,t,e[t]);return r},u=(r,e)=>n(r,p(e));const _={textConfigurable:!1,attributeConfigurable:!0,attributeList:[]};class d extends i{constructor(e){super(u(l({},e),{config:JSON.stringify(_)}))}setSelectedIdAfterAddingDrawingRect(){!this.drawingRect||this.setSelectedRectID(this.drawingRect.id)}}export{d as default};
+import { RectOperation } from './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 {
+  constructor(props) {
+    super(__spreadProps(__spreadValues({}, props), {config: JSON.stringify(config)}));
+  }
+  setSelectedIdAfterAddingDrawingRect() {
+    if (!this.drawingRect) {
+      return;
+    }
+    this.setSelectedRectID(this.drawingRect.id);
+  }
+}
+
+export { MeasureOperation as default };

package/es/core/toolOperation/pointCloud2dOperation.js

@@ -1 +1,359 @@
-import{INVALID_COLOR as I,toolStyleConverter as b}from"@labelbee/lb-utils";import{ESortDirection as C,EDragTarget as _}from"../../constant/annotation.js";import{EPolygonPattern as P}from"../../constant/tool.js";import y from"../../utils/tool/AxisUtils.js";import p from"../../utils/tool/CommonToolUtils.js";import D from"../../utils/tool/DrawUtils.js";import m from"../../utils/tool/PolygonUtils.js";import{polygonConfig as w}from"../../constant/defaultConfig.js";import S from"lodash";import A from"./polygonOperation.js";import{BasicToolOperation as x}from"./basicToolOperation.js";var O=Object.defineProperty,R=Object.defineProperties,j=Object.getOwnPropertyDescriptors,L=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable,v=(a,t,e)=>t in a?O(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,u=(a,t)=>{for(var e in t||(t={}))T.call(t,e)&&v(a,e,t[e]);if(L)for(var e of L(t))U.call(t,e)&&v(a,e,t[e]);return a},g=(a,t)=>R(a,j(t));class B extends A{constructor(t){super(t);this.selectedIDs=[],this.rightMouseUp=r=>{var d;if(this.drawingPointList.length>0){this.addDrawingPointToPolygonList();return}if(r.ctrlKey){this.emit("addSelectedIDs",this.hoverID);return}this.emit("setSelectedIDs",this.hoverID);const l=(d=this.polygonList.find(c=>c.id===this.hoverID))==null?void 0:d.attribute;l&&l!==this.defaultAttribute&&this.emit("syncAttribute",l)},this.onKeyDown=()=>{},this.onKeyUp=()=>{},this.renderSingleSelectedPolygon=r=>{var d;if(r){const l=this.getPointCloudLineColor(r),c=y.changePointListByZoom(r.pointList,this.zoom,this.currentPos);D.drawSelectedPolygonWithFillAndLine(this.canvas,c,{fillColor:"transparent",strokeColor:l,pointColor:"white",thickness:2,lineCap:"round",isClose:!0,lineType:(d=this.config)==null?void 0:d.lineType}),r.isRect===!0&&this.showDirectionLine===!0&&this.renderRectPolygonDirection(c)}},this.emitUpdatePolygonByDrag=()=>{if(this.dragInfo){const{originPolygonList:r}=this.dragInfo;if(this.selectedIDs.length>0){const d=[];this.polygonList.forEach(l=>{if(this.selectedIDs.includes(l.id)){const c=r.find(f=>f.id===l.id);c&&d.push({newPolygon:l,originPolygon:c})}}),this.emit("updatePolygonByDrag",d)}}};var e,i,o,s,n,h;this.showDirectionLine=(e=t.showDirectionLine)!=null?e:!0,this.forbidAddNew=(i=t.forbidAddNew)!=null?i:!1,this.pointCloudConfig=(o=p.jsonParser(t.config))!=null?o:{},this.hideAttributes=[],this.checkMode=(s=t.checkMode)!=null?s:!1,this.forbidAddNew===!1&&t.checkMode===!0&&(this.forbidAddNew=!0),this.config=g(u({},w),{textConfigurable:!1,attributeConfigurable:!0,attributeList:(h=(n=this.pointCloudConfig)==null?void 0:n.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=p.jsonParser(t);this.pointCloudConfig=i,this.config=g(u({},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 m.getPolygonByIDs(this.polygonList,this.selectedIDs)}updateSelectedPolygonsPoints(t){var e,i;if(this.selectedPolygons&&((e=this.selectedPolygons)==null?void 0:e.length)>0){const o=S.cloneDeep(this.selectedPolygons),s=[];(i=this.selectedPolygons)==null||i.forEach((n,h)=>{n.pointList=n.pointList.map(r=>{var d,l;const{x:c,y:f}=r;return g(u({},r),{x:c+((d=t.x)!=null?d:0),y:f+((l=t.y)!=null?l:0)})}),s.push({originPolygon:o[h],newPolygon:n})}),this.emit("updateResult"),this.emit("updatePolygonByDrag",s),this.render(),this.history.pushHistory(this.polygonList)}}getLineColor(){return"rgba(0, 255, 255, 0.5)"}getPointCloudLineColor(t){return t.valid===!1?I:b.getColorFromConfig({attribute:t.attribute},g(u({},this.pointCloudConfig),{attributeConfigurable:!0}),{}).stroke}renderStaticPolygon(){var t;this.isHidden===!1&&((t=this.visiblePolygonList)==null||t.forEach(e=>{var i,o,s;if([...this.selectedIDs,this.editPolygonID].includes(e.id))return;const n=this.getPointCloudLineColor(e),h=y.changePointListByZoom(e.pointList||[],this.zoom,this.currentPos);D.drawPolygonWithFillAndLine(this.canvas,h,{fillColor:"transparent",strokeColor:n,pointColor:"white",thickness:(o=(i=this.style)==null?void 0:i.width)!=null?o:2,lineCap:"round",isClose:!0,lineType:(s=this.config)==null?void 0:s.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||D.drawLine(this.canvas,t[0],t[1],{color:"white",thickness:3,lineDash:[6]})}get currentPolygonListByPattern(){return this.polygonList.filter(t=>this.pattern===P.Rect?t.isRect===!0:this.pattern===P.Normal?t.isRect!==!0:!0)}getHoverID(t){var e;const i=this.getCoordinateUnderZoom(t),s=this.currentPolygonListByPattern.map(n=>g(u({},n),{pointList:y.changePointListByZoom(n.pointList,this.zoom)}));return m.getHoverPolygonID(i,s,10,(e=this.config)==null?void 0:e.lineType)}switchToNextPolygon(t=C.ascend){if(this.drawingPointList.length>0)return;const e=this.currentPolygonListByPattern.map(o=>{var s,n,h,r;return g(u({},o),{x:(n=(s=o.pointList[0])==null?void 0:s.x)!=null?n:0,y:(r=(h=o.pointList[0])==null?void 0:h.y)!=null?r:0})}),i=p.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 s=g(u({},i),{pointList:o});return i.isRect===!0&&this.pattern===P.Normal&&Object.assign(s,{isRect:!1}),s}return i});this.dragInfo.dragPrevCoord=this.getCoordinateUnderZoom(t),this.setPolygonList(e),this.render()}onMouseDown(t){if(x.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:_.Plane,initPointList:[],changePointIndex:[0],originPolygon:this.selectedPolygon,dragPrevCoord:e,originPolygonList:this.polygonList}}setResultAndSelectedID(t,e){this.setPolygonList(t),this.setSelectedIDs([e])}}export{B as default};
+import { INVALID_COLOR, toolStyleConverter } from '@labelbee/lb-utils';
+import { ESortDirection, EDragTarget } from '../../constant/annotation.js';
+import { EPolygonPattern } from '../../constant/tool.js';
+import AxisUtils from '../../utils/tool/AxisUtils.js';
+import CommonToolUtils from '../../utils/tool/CommonToolUtils.js';
+import DrawUtils from '../../utils/tool/DrawUtils.js';
+import PolygonUtils from '../../utils/tool/PolygonUtils.js';
+import { polygonConfig } from '../../constant/defaultConfig.js';
+import _ from 'lodash';
+import PolygonOperation from './polygonOperation.js';
+import { BasicToolOperation } from './basicToolOperation.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));
+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.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({}, 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 = _.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 ? INVALID_COLOR : 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.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 === EPolygonPattern.Rect) {
+        return v.isRect === true;
+      }
+      if (this.pattern === 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.changePointListByZoom(polygon.pointList, this.zoom)
+    }));
+    return PolygonUtils.getHoverPolygonID(coordinate, polygonListWithZoom, 10, (_a = this.config) == null ? void 0 : _a.lineType);
+  }
+  switchToNextPolygon(sort = 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 === 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.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: EDragTarget.Plane,
+      initPointList: [],
+      changePointIndex: [0],
+      originPolygon: this.selectedPolygon,
+      dragPrevCoord: dragStartCoord,
+      originPolygonList: this.polygonList
+    };
+  }
+  setResultAndSelectedID(polygonList, selectedID) {
+    this.setPolygonList(polygonList);
+    this.setSelectedIDs([selectedID]);
+  }
+}
+
+export { PointCloud2dOperation as default };