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

package/dist/core/toolOperation/cuboidToggleButtonClass.js

@@ -1,110 +1,10 @@
-'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", `
+"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",`
         width: 40px;
         height: 74px;
         border-radius: 10px;
         background-color: #FFFFFF;
         z-index: 10;
-      `);
-    _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", `
+      `),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",`
         height: 36px;
         border-radius: 10px;
         background-color: #FFFFFF;
@@ -114,43 +14,12 @@ class CuboidToggleButtonClass {
         bottom: 0px;
         left: 44px;
         display: flex;
-      `);
-    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", `
+      `);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",`
         position: absolute; 
         font-size: 14px; 
-        left:${left}px; 
-        top: ${top}px; 
-        color: ${color};
+        left:${o}px; 
+        top: ${e}px; 
+        color: ${n};
         width: 41px;
         height: 74px;
         border-radius: 10px;
@@ -159,18 +28,4 @@ class CuboidToggleButtonClass {
         text-align: center;
         padding-top: 10px;
         z-index: 10;
-      `);
-  }
-  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;
+      `)}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;

package/dist/core/toolOperation/eventListener.js

@@ -1,37 +1 @@
-'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;
+"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;

package/dist/core/toolOperation/measureOperation.js

@@ -1,41 +1 @@
-'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;
+"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;

package/dist/core/toolOperation/pointCloud2dOperation.js

@@ -1,365 +1 @@
-'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;
+"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;