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

package/es/core/toolOperation/cuboidToggleButtonClass.js

@@ -1,108 +1,10 @@
-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", `
+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",`
         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 ? 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", `
+      `),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",`
         height: 36px;
         border-radius: 10px;
         background-color: #FFFFFF;
@@ -112,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(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", `
+      `);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",`
         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;
@@ -157,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);
-    }
-  }
-}
-
-export { CuboidToggleButtonClass as default };
+      `)}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};

package/es/core/toolOperation/eventListener.js

@@ -1,35 +1 @@
-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 };
+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};

package/es/core/toolOperation/measureOperation.js

@@ -1,39 +1 @@
-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 };
+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};

package/es/core/toolOperation/pointCloud2dOperation.js

@@ -1,359 +1 @@
-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 };
+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};