@labelbee/lb-annotation 1.13.0-alpha.7 → 1.14.0-alpha.0

package/es/core/toolOperation/cuboidOperation.js

@@ -1,733 +1 @@
-import CommonToolUtils from '../../utils/tool/CommonToolUtils.js';
-import AxisUtils from '../../utils/tool/AxisUtils.js';
-import uuid from '../../utils/uuid.js';
-import { getCuboidHoverRange, getPlainPointsByDiagonalPoints, getPointsByBottomRightPoint, getCuboidDragMove, isCuboidWithInLimits, getHighlightPoints, getCuboidTextAttributeOffset, getToggleDirectionButtonOffset } from '../../utils/tool/CuboidUtils.js';
-import PolygonUtils from '../../utils/tool/PolygonUtils.js';
-import { EDragStatus, EDragTarget, ECuboidDirection } from '../../constant/annotation.js';
-import AttributeUtils from '../../utils/tool/AttributeUtils.js';
-import { DEFAULT_TEXT_MAX_WIDTH } from '../../constant/tool.js';
-import EKeyCode from '../../constant/keyCode.js';
-import { BasicToolOperation } from './basicToolOperation.js';
-import DrawUtils from '../../utils/tool/DrawUtils.js';
-import CuboidToggleButtonClass from './cuboidToggleButtonClass.js';
-import TextAttributeClass from './textAttributeClass.js';
-import Locale from '../../locales/index.js';
-import { EMessage } from '../../locales/constants.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));
-var EDrawingStatus;
-(function(EDrawingStatus2) {
-  EDrawingStatus2[EDrawingStatus2["Ready"] = 1] = "Ready";
-  EDrawingStatus2[EDrawingStatus2["FirstPoint"] = 2] = "FirstPoint";
-  EDrawingStatus2[EDrawingStatus2["Cuboid"] = 3] = "Cuboid";
-})(EDrawingStatus || (EDrawingStatus = {}));
-const TEXT_MAX_WIDTH = 164;
-class CuboidOperation extends BasicToolOperation {
-  constructor(props) {
-    super(props);
-    this.drawingStatus = 1;
-    this.cuboidList = [];
-    this.hoverID = "";
-    this.getHoverData = (e) => {
-      const coordinate = this.getCoordinateUnderZoom(e);
-      const {currentShowList} = this;
-      if ((currentShowList == null ? void 0 : currentShowList.length) > 0) {
-        const polygonList = currentShowList.map((cuboid) => {
-          return {id: cuboid.id, pointList: AxisUtils.changePointListByZoom(getCuboidHoverRange(cuboid), this.zoom)};
-        });
-        const hoverID = PolygonUtils.getHoverPolygonID(coordinate, polygonList);
-        if (hoverID) {
-          return {
-            hoverID,
-            hoverCuboid: currentShowList.find((cuboid) => cuboid.id === hoverID)
-          };
-        }
-      }
-      return {};
-    };
-    this.textChange = (v) => {
-      if (this.config.textConfigurable === false || !this.selectedID) {
-        return;
-      }
-      this.setCuboidList(AttributeUtils.textChange(v, this.selectedID, this.cuboidList));
-      this.emit("selectedChange");
-      this.render();
-    };
-    this.config = CommonToolUtils.jsonParser(props.config);
-    this.getCurrentSelectedData = this.getCurrentSelectedData.bind(this);
-    this.updateSelectedTextAttribute = this.updateSelectedTextAttribute.bind(this);
-  }
-  destroy() {
-    super.destroy();
-    if (this._textAttributeInstance) {
-      this._textAttributeInstance.clearTextAttribute();
-    }
-  }
-  get currentShowList() {
-    let cuboidList = [];
-    const [showingCuboid, selectedCuboid] = CommonToolUtils.getRenderResultList(this.cuboidList, CommonToolUtils.getSourceID(this.basicResult), this.attributeLockList, this.selectedID);
-    cuboidList = showingCuboid;
-    if (this.isHidden) {
-      cuboidList = [];
-    }
-    if (selectedCuboid) {
-      cuboidList.push(selectedCuboid);
-    }
-    return cuboidList;
-  }
-  get selectedCuboid() {
-    return this.cuboidList.find((v) => v.id === this.selectedID);
-  }
-  get dataList() {
-    return this.cuboidList;
-  }
-  get isNeedCheckCuboidSize() {
-    var _a, _b;
-    return ((_a = this.config) == null ? void 0 : _a.minWidth) >= 0 && ((_b = this.config) == null ? void 0 : _b.minHeight) >= 0;
-  }
-  getIsHoverSelectedCuboid(e) {
-    const currentCoord = this.getCoordinateUnderZoom(e);
-    const {selectedCuboid} = this;
-    return selectedCuboid && AxisUtils.isCloseCuboid(currentCoord, AxisUtils.changeCuboidByZoom(selectedCuboid, this.zoom));
-  }
-  isForbiddenMove(e, cuboid) {
-    const coord = this.getCoordinateInOrigin(e);
-    if (coord.y > cuboid.frontPoints.br.y) {
-      return true;
-    }
-    return false;
-  }
-  updateSelectedCuboid(newCuboid) {
-    this.cuboidList = this.cuboidList.map((cuboid) => {
-      if (cuboid.id === this.selectedID) {
-        return newCuboid;
-      }
-      return cuboid;
-    });
-  }
-  getColorToRender(attribute, valid) {
-    const toolColor = this.getColor(attribute);
-    const strokeColor = valid ? toolColor == null ? void 0 : toolColor.valid.stroke : toolColor == null ? void 0 : toolColor.invalid.stroke;
-    const fillColor = valid ? toolColor == null ? void 0 : toolColor.valid.fill : toolColor == null ? void 0 : toolColor.invalid.fill;
-    return {strokeColor, toolColor, fillColor};
-  }
-  getCurrentSelectedData() {
-    const {selectedCuboid} = this;
-    if (!selectedCuboid) {
-      return;
-    }
-    const {strokeColor: color} = this.getColorToRender(selectedCuboid.attribute, selectedCuboid.valid);
-    return {
-      width: TEXT_MAX_WIDTH,
-      textAttribute: selectedCuboid.textAttribute,
-      color
-    };
-  }
-  updateSelectedTextAttribute(newTextAttribute) {
-    if (this._textAttributeInstance && newTextAttribute && this.selectedID) {
-      let textAttribute = newTextAttribute;
-      if (AttributeUtils.textAttributeValidate(this.config.textCheckType, "", textAttribute) === false) {
-        this.emit("messageError", AttributeUtils.getErrorNotice(this.config.textCheckType, this.lang));
-        textAttribute = "";
-      }
-      this.setCuboidList(AttributeUtils.textChange(textAttribute, this.selectedID, this.cuboidList));
-      this.history.pushHistory(this.cuboidList);
-      this.emit("updateTextAttribute");
-      this.render();
-    }
-  }
-  setResult(cuboidList) {
-    this.clearDrawingStatus();
-    this.setCuboidList(cuboidList);
-    this.render();
-  }
-  clearResult() {
-    this.setCuboidList([], true);
-    this.setSelectedID(void 0);
-  }
-  exportData() {
-    const {cuboidList} = this;
-    return [cuboidList, this.basicImgInfo];
-  }
-  setSelectedID(newID) {
-    var _a, _b;
-    const oldID = this.selectedID;
-    if (newID !== oldID && oldID) {
-      (_a = this._textAttributeInstance) == null ? void 0 : _a.changeSelected();
-    }
-    if (!newID) {
-      (_b = this._textAttributeInstance) == null ? void 0 : _b.clearTextAttribute();
-    }
-    this.selectedID = newID;
-    this.emit("selectedChange");
-  }
-  setSelectedIDAndRender(newID) {
-    this.setSelectedID(newID);
-    this.render();
-  }
-  setCuboidValidAndRender(id) {
-    if (!id) {
-      return;
-    }
-    const newPolygonList = this.cuboidList.map((cuboid) => {
-      if (cuboid.id === id) {
-        return __spreadProps(__spreadValues({}, cuboid), {
-          valid: !cuboid.valid
-        });
-      }
-      return cuboid;
-    });
-    this.setCuboidList(newPolygonList, true);
-    this.history.pushHistory(this.cuboidList);
-    this.render();
-  }
-  onRightDblClick(e) {
-    super.onRightDblClick(e);
-    const {hoverID} = this.getHoverData(e);
-    if (this.selectedID && this.selectedID === hoverID) {
-      this.deleteCuboid(hoverID);
-    }
-  }
-  setCuboidList(cuboidList, isUpload = false) {
-    const oldLen = this.cuboidList.length;
-    this.cuboidList = cuboidList;
-    if (oldLen !== cuboidList.length) {
-      this.emit("updatePageNumber");
-    }
-    if (isUpload) {
-      this.emit("updateResult");
-    }
-  }
-  deleteCuboid(id) {
-    var _a;
-    if (!id) {
-      return;
-    }
-    this.setCuboidList(this.cuboidList.filter((v) => v.id !== id));
-    this.history.pushHistory(this.cuboidList);
-    this.setSelectedID("");
-    (_a = this._textAttributeInstance) == null ? void 0 : _a.clearTextAttribute();
-    this.render();
-  }
-  onKeyDown(e) {
-    if (!CommonToolUtils.hotkeyFilter(e)) {
-      return;
-    }
-    if (super.onKeyDown(e) === false) {
-      return;
-    }
-    const {keyCode} = e;
-    switch (keyCode) {
-      case EKeyCode.Ctrl:
-        if (this.drawingCuboid) {
-          this.drawingCuboid = __spreadProps(__spreadValues({}, this.drawingCuboid), {
-            valid: false
-          });
-          this.render();
-        }
-        break;
-      case EKeyCode.F:
-        if (this.selectedID) {
-          this.setCuboidValidAndRender(this.selectedID);
-        }
-        break;
-      default: {
-        if (this.config.attributeConfigurable) {
-          const keyCode2Attribute = AttributeUtils.getAttributeByKeycode(keyCode, this.config.attributeList);
-          if (keyCode2Attribute !== void 0) {
-            this.setDefaultAttribute(keyCode2Attribute);
-          }
-        }
-      }
-    }
-  }
-  onKeyUp(e) {
-    super.onKeyUp(e);
-    switch (e.keyCode) {
-      case EKeyCode.Ctrl:
-        if (this.drawingCuboid) {
-          this.drawingCuboid = __spreadProps(__spreadValues({}, this.drawingCuboid), {
-            valid: true
-          });
-          this.render();
-        }
-        break;
-    }
-  }
-  onMouseDown(e) {
-    if (super.onMouseDown(e) || this.forbidMouseOperation || e.ctrlKey === true) {
-      return;
-    }
-    const {selectedCuboid} = this;
-    if (!selectedCuboid || e.button === 2 || e.button === 0 && this.isSpaceKey === true) {
-      return;
-    }
-    if (!this.getIsHoverSelectedCuboid(e)) {
-      return;
-    }
-    this.dragStatus = EDragStatus.Start;
-    const dragStartCoord = this.getCoordinateUnderZoom(e);
-    const DEFAULT_DRAG_INFO = {
-      initCuboid: selectedCuboid,
-      dragStartCoord
-    };
-    const highlightInfo = AxisUtils.returnClosePointOrLineInCuboid(dragStartCoord, AxisUtils.changeCuboidByZoom(selectedCuboid, this.zoom));
-    const firstHighlightInfo = highlightInfo == null ? void 0 : highlightInfo[0];
-    switch (firstHighlightInfo == null ? void 0 : firstHighlightInfo.type) {
-      case "point":
-        this.dragInfo = __spreadProps(__spreadValues({}, DEFAULT_DRAG_INFO), {
-          dragTarget: EDragTarget.Point,
-          positions: firstHighlightInfo.positions
-        });
-        break;
-      case "line":
-        this.dragInfo = __spreadProps(__spreadValues({}, DEFAULT_DRAG_INFO), {
-          dragTarget: EDragTarget.Line,
-          positions: firstHighlightInfo.positions
-        });
-        break;
-      default: {
-        this.dragInfo = __spreadProps(__spreadValues({}, DEFAULT_DRAG_INFO), {
-          dragTarget: EDragTarget.Cuboid
-        });
-      }
-    }
-  }
-  onMouseUp(e) {
-    if (super.onMouseUp(e) || this.forbidMouseOperation || !this.imgInfo) {
-      return void 0;
-    }
-    if (this.dragInfo && this.dragStatus === EDragStatus.Move) {
-      this.dragInfo = void 0;
-      this.dragStatus = EDragStatus.Wait;
-      this.history.pushHistory(this.cuboidList);
-      this.emit("updateResult");
-      return;
-    }
-    const basicSourceID = CommonToolUtils.getSourceID(this.basicResult);
-    if (e.button === 0) {
-      if (this.hoverID && e.ctrlKey && !this.drawingCuboid) {
-        this.setCuboidValidAndRender(this.hoverID);
-        return;
-      }
-      if (!this.drawingCuboid) {
-        this.createNewDrawingCuboid(e, basicSourceID);
-        return;
-      }
-      if (this.drawingCuboid) {
-        switch (this.drawingStatus) {
-          case 2:
-            this.closeNewDrawingFrontPlane();
-            break;
-          case 3:
-            this.closeAndCreateNewCuboid();
-            break;
-        }
-      }
-    }
-    if (e.button === 2) {
-      this.rightMouseUp(e);
-    }
-  }
-  onMouseMove(e) {
-    var _a;
-    if (super.onMouseMove(e) || this.forbidMouseOperation || !this.imgInfo) {
-      return;
-    }
-    if (this.selectedID && this.dragInfo) {
-      this.onDragMove(e);
-      return;
-    }
-    if (this.drawingCuboid) {
-      if (this.drawingFrontPlanesMove(e)) {
-        return;
-      }
-      this.drawingBackPlaneMove(e);
-      return;
-    }
-    this.hoverID = (_a = this.getHoverData(e).hoverID) != null ? _a : "";
-    this.onHoverMove(e);
-  }
-  drawingFrontPlanesMove(e) {
-    if (this.drawingCuboid && this.firstClickCoord && this.drawingStatus === 2) {
-      const coord = this.getCoordinateInOrigin(e);
-      this.drawingCuboid = __spreadProps(__spreadValues({}, this.drawingCuboid), {
-        frontPoints: getPlainPointsByDiagonalPoints(this.firstClickCoord, coord)
-      });
-      this.render();
-      return true;
-    }
-  }
-  drawingBackPlaneMove(e) {
-    if (this.drawingCuboid && this.firstClickCoord && this.drawingStatus === 3) {
-      const coord = this.getCoordinateInOrigin(e);
-      if (this.isForbiddenMove(e, this.drawingCuboid)) {
-        return;
-      }
-      this.drawingCuboid = __spreadProps(__spreadValues({}, this.drawingCuboid), {
-        backPoints: getPointsByBottomRightPoint({coord, points: this.drawingCuboid.frontPoints})
-      });
-      this.render();
-    }
-  }
-  onDragMove(e) {
-    if (!this.dragInfo || !this.selectedID) {
-      return;
-    }
-    const {dragTarget, initCuboid, dragStartCoord, positions} = this.dragInfo;
-    const coordinate = this.getCoordinateUnderZoom(e);
-    const offset = {
-      x: (coordinate.x - dragStartCoord.x) / this.zoom,
-      y: (coordinate.y - dragStartCoord.y) / this.zoom
-    };
-    this.dragStatus = EDragStatus.Move;
-    const newCuboid = getCuboidDragMove({offset, cuboid: initCuboid, dragTarget, positions});
-    if ((newCuboid == null ? void 0 : newCuboid.backPoints) && (newCuboid == null ? void 0 : newCuboid.backPoints.br.y) > (newCuboid == null ? void 0 : newCuboid.frontPoints.br.y)) {
-      return;
-    }
-    if (newCuboid) {
-      this.updateSelectedCuboid(newCuboid);
-    }
-    this.render();
-  }
-  onHoverMove(e) {
-    const {selectedCuboid} = this;
-    if (selectedCuboid) {
-      const currentCoord = this.getCoordinateUnderZoom(e);
-      const highlightInfo = AxisUtils.returnClosePointOrLineInCuboid(currentCoord, AxisUtils.changeCuboidByZoom(selectedCuboid, this.zoom), {
-        zoom: 1 / this.zoom,
-        scope: 5
-      });
-      this.highlightInfo = highlightInfo;
-      this.render();
-    }
-  }
-  createNewDrawingCuboid(e, basicSourceID) {
-    if (!this.imgInfo) {
-      return;
-    }
-    const coordinate = this.getCoordinateInOrigin(e);
-    this.drawingCuboid = {
-      attribute: this.defaultAttribute,
-      direction: ECuboidDirection.Front,
-      valid: !e.ctrlKey,
-      id: uuid(8, 62),
-      sourceID: basicSourceID,
-      textAttribute: "",
-      order: CommonToolUtils.getMaxOrder(this.cuboidList.filter((v) => CommonToolUtils.isSameSourceID(v.sourceID, basicSourceID))) + 1,
-      frontPoints: {
-        tl: coordinate,
-        bl: coordinate,
-        tr: coordinate,
-        br: coordinate
-      }
-    };
-    this.firstClickCoord = __spreadValues({}, coordinate);
-    this.drawingStatus = 2;
-  }
-  closeNewDrawingFrontPlane() {
-    this.drawingStatus = 3;
-  }
-  closeAndCreateNewCuboid() {
-    var _a, _b;
-    if (!((_a = this.drawingCuboid) == null ? void 0 : _a.frontPoints) || !this.drawingCuboid.backPoints) {
-      return;
-    }
-    if (this.isNeedCheckCuboidSize && isCuboidWithInLimits({cuboid: this.drawingCuboid, config: this.config}) === false) {
-      this.emit("messageInfo", Locale.getMessagesByLocale(EMessage.RectErrorSizeNotice, this.lang));
-    } else {
-      this.setCuboidList([...this.cuboidList, this.drawingCuboid]);
-      this.setSelectedID((_b = this.drawingCuboid) == null ? void 0 : _b.id);
-      this.history.pushHistory(this.cuboidList);
-    }
-    this.clearDrawingStatus();
-    this.render();
-  }
-  clearDrawingStatus() {
-    if (this.drawingCuboid) {
-      this.drawingCuboid = void 0;
-      this.drawingStatus = 1;
-    }
-  }
-  rightMouseUp(e) {
-    const {hoverID, hoverCuboid} = this.getHoverData(e);
-    this.setSelectedID(hoverID);
-    if (hoverCuboid) {
-      this.setDefaultAttribute(hoverCuboid.attribute);
-    }
-    if (this.drawingCuboid) {
-      this.clearDrawingStatus();
-    }
-    this.render();
-  }
-  renderSingleCuboid(cuboid) {
-    var _a, _b, _c, _d;
-    const transformCuboid = AxisUtils.changeCuboidByZoom(cuboid, this.zoom, this.currentPos);
-    const isHover = transformCuboid.id === this.hoverID;
-    const isSelected = transformCuboid.id === this.selectedID;
-    const {strokeColor, fillColor} = this.getColorToRender(transformCuboid.attribute, transformCuboid.valid);
-    const textColor = strokeColor;
-    const lineWidth = (_b = (_a = this.style) == null ? void 0 : _a.width) != null ? _b : 2;
-    const {hiddenText = false} = this.style;
-    const defaultStyle = {
-      color: strokeColor,
-      thickness: lineWidth
-    };
-    const {backPoints, frontPoints, textAttribute} = transformCuboid;
-    const frontPointsSizeWidth = frontPoints.br.x - frontPoints.bl.x;
-    DrawUtils.drawCuboid(this.canvas, transformCuboid, {strokeColor, fillColor, thickness: lineWidth});
-    if (isHover || isSelected) {
-      const hoverPointList = getHighlightPoints(transformCuboid);
-      hoverPointList.forEach((data) => {
-        DrawUtils.drawCircleWithFill(this.canvas, data.point, 5, __spreadValues({}, defaultStyle));
-      });
-      if (isSelected) {
-        hoverPointList.forEach((data) => {
-          DrawUtils.drawCircleWithFill(this.canvas, data.point, 3, {color: "white"});
-        });
-      }
-    }
-    let showText = "";
-    if (((_c = this.config) == null ? void 0 : _c.isShowOrder) && transformCuboid.order && (transformCuboid == null ? void 0 : transformCuboid.order) > 0) {
-      showText = `${transformCuboid.order}`;
-    }
-    if (transformCuboid.attribute) {
-      showText = `${showText}  ${AttributeUtils.getAttributeShowText(transformCuboid.attribute, (_d = this.config) == null ? void 0 : _d.attributeList)}`;
-    }
-    if (!hiddenText && backPoints) {
-      DrawUtils.drawText(this.canvas, {x: backPoints.tl.x, y: backPoints.tl.y - 5}, showText, {
-        color: strokeColor,
-        textMaxWidth: 300
-      });
-    }
-    const textPosition = getCuboidTextAttributeOffset({
-      cuboid,
-      currentPos: this.currentPos,
-      zoom: this.zoom,
-      topOffset: 16,
-      leftOffset: 0
-    });
-    if (!hiddenText && textAttribute && cuboid.id !== this.selectedID) {
-      const textWidth = Math.max(20, frontPointsSizeWidth * 0.8);
-      DrawUtils.drawText(this.canvas, {x: textPosition.left, y: textPosition.top}, textAttribute, {
-        color: textColor,
-        textMaxWidth: textWidth
-      });
-    }
-    this.renderTextAttribute();
-  }
-  setDefaultAttribute(defaultAttribute) {
-    const oldDefault = this.defaultAttribute;
-    this.defaultAttribute = defaultAttribute != null ? defaultAttribute : "";
-    if (oldDefault !== defaultAttribute) {
-      this.changeStyle(defaultAttribute);
-      this.emit("changeAttributeSidebar");
-      const {selectedCuboid} = this;
-      if (selectedCuboid) {
-        this.setCuboidList(this.cuboidList.map((v) => {
-          if (v.id === this.selectedID) {
-            return __spreadProps(__spreadValues({}, v), {
-              attribute: this.defaultAttribute
-            });
-          }
-          return v;
-        }));
-        this.history.pushHistory(this.cuboidList);
-        this.render();
-      }
-      if (this.drawingCuboid) {
-        this.drawingCuboid = __spreadProps(__spreadValues({}, this.drawingCuboid), {
-          attribute: this.defaultAttribute
-        });
-        this.render();
-      }
-      if (this._textAttributeInstance) {
-        if (this.attributeLockList.length > 0 && !this.attributeLockList.includes(this.defaultAttribute)) {
-          this._textAttributeInstance.clearTextAttribute();
-          return;
-        }
-        this._textAttributeInstance.updateIcon(this.getTextIconSvg(defaultAttribute));
-      }
-    }
-  }
-  renderToggleButton() {
-    const {selectedCuboid} = this;
-    if (!this.ctx || this.config.textConfigurable !== true || !selectedCuboid) {
-      return;
-    }
-    const {attribute, valid} = selectedCuboid;
-    const {strokeColor: color} = this.getColorToRender(attribute, valid);
-    if (!this.toggleButtonInstance) {
-      this.toggleButtonInstance = new CuboidToggleButtonClass({
-        container: this.container,
-        cuboidButtonMove: (type) => this.updateMouseOperation(type),
-        toggleDirection: (direction) => this.toggleDirection(direction)
-      });
-    }
-    const toggleOffset = getToggleDirectionButtonOffset({
-      cuboid: selectedCuboid,
-      zoom: this.zoom,
-      currentPos: this.currentPos
-    });
-    this.toggleButtonInstance.update({
-      left: toggleOffset.left,
-      top: toggleOffset.top,
-      color
-    });
-  }
-  renderTextAttribute() {
-    var _a;
-    const {selectedCuboid} = this;
-    if (!this.ctx || this.config.textConfigurable === false || !selectedCuboid) {
-      return;
-    }
-    const {strokeColor: color} = this.getColorToRender(selectedCuboid.attribute, selectedCuboid.valid);
-    const {attribute, textAttribute, frontPoints} = selectedCuboid;
-    const offset = getCuboidTextAttributeOffset({
-      cuboid: selectedCuboid,
-      currentPos: this.currentPos,
-      zoom: this.zoom
-    });
-    const newWidth = (frontPoints.br.x - frontPoints.bl.x) * this.zoom * 0.8;
-    if (!this._textAttributeInstance) {
-      this._textAttributeInstance = new TextAttributeClass({
-        width: DEFAULT_TEXT_MAX_WIDTH,
-        container: this.container,
-        icon: this.getTextIconSvg(attribute),
-        color,
-        getCurrentSelectedData: this.getCurrentSelectedData,
-        updateSelectedTextAttribute: this.updateSelectedTextAttribute
-      });
-    }
-    if (this._textAttributeInstance && !((_a = this._textAttributeInstance) == null ? void 0 : _a.isExit)) {
-      this._textAttributeInstance.appendToContainer();
-    }
-    this._textAttributeInstance.update(`${textAttribute}`, {
-      left: offset.left,
-      top: offset.top,
-      color,
-      width: newWidth
-    });
-  }
-  renderDrawing() {
-    if (this.drawingCuboid) {
-      this.renderSingleCuboid(this.drawingCuboid);
-    }
-  }
-  renderStatic() {
-    this.cuboidList.forEach((cuboid) => this.renderSingleCuboid(cuboid));
-  }
-  renderSelected() {
-    var _a;
-    const {selectedCuboid} = this;
-    if (selectedCuboid) {
-      this.renderSingleCuboid(selectedCuboid);
-      this.renderToggleButton();
-    } else {
-      (_a = this.toggleButtonInstance) == null ? void 0 : _a.clearCuboidButtonDOM();
-      this.toggleButtonInstance = void 0;
-    }
-  }
-  updateMouseOperation(type) {
-    if (type === "in") {
-      this.setForbidCursorLine(true);
-      this.setForbidOperation(true);
-      this.setShowDefaultCursor(true);
-    } else {
-      this.setForbidCursorLine(false);
-      this.setShowDefaultCursor(false);
-      this.setForbidOperation(false);
-    }
-  }
-  toggleDirection(direction) {
-    if (this.cuboidList && this.selectedCuboid) {
-      this.setCuboidList(this.cuboidList.map((i) => {
-        var _a;
-        return i.id === ((_a = this.selectedCuboid) == null ? void 0 : _a.id) ? __spreadProps(__spreadValues({}, i), {direction}) : i;
-      }));
-      this.history.pushHistory(this.cuboidList);
-      this.render();
-    }
-  }
-  renderHover() {
-    var _a;
-    if (this.dragInfo) {
-      return;
-    }
-    (_a = this.highlightInfo) == null ? void 0 : _a.forEach((data) => {
-      var _a2, _b;
-      const {strokeColor} = this.getColorToRender(data.originCuboid.attribute, data.originCuboid.valid);
-      const thickness = 8;
-      switch (data.type) {
-        case "point":
-          (_a2 = data.points) == null ? void 0 : _a2.forEach((point) => {
-            DrawUtils.drawCircleWithFill(this.canvas, AxisUtils.changePointByZoom(point, this.zoom, this.currentPos), thickness, {
-              color: strokeColor
-            });
-          });
-          break;
-        case "line": {
-          const pointList = (_b = data.points) == null ? void 0 : _b.map((point) => AxisUtils.changePointByZoom(point, this.zoom, this.currentPos));
-          if (pointList) {
-            DrawUtils.drawLineWithPointList(this.canvas, pointList, {color: strokeColor, thickness});
-          }
-          break;
-        }
-      }
-    });
-  }
-  renderCuboid() {
-    this.renderStatic();
-    this.renderDrawing();
-    this.renderSelected();
-    this.renderHover();
-  }
-  render() {
-    if (!this.ctx) {
-      return;
-    }
-    super.render();
-    this.renderCuboid();
-    this.renderCursorLine(this.getLineColor(this.defaultAttribute));
-  }
-  undo() {
-    const cuboidList = this.history.undo();
-    if (cuboidList) {
-      if (cuboidList.length !== this.cuboidList.length) {
-        this.setSelectedID("");
-      }
-      this.setCuboidList(cuboidList, true);
-      this.render();
-    }
-  }
-  redo() {
-    const cuboidList = this.history.redo();
-    if (cuboidList) {
-      if (cuboidList.length !== this.cuboidList.length) {
-        this.setSelectedID("");
-      }
-      this.setCuboidList(cuboidList, true);
-      this.render();
-    }
-  }
-}
-
-export { CuboidOperation as default };
+import c from"../../utils/tool/CommonToolUtils.js";import l from"../../utils/tool/AxisUtils.js";import H from"../../utils/uuid.js";import{getCuboidHoverRange as U,getPlainPointsByDiagonalPoints as z,getPointsByBottomRightPoint as F,getCuboidDragMove as j,isCuboidWithInLimits as E,getHighlightPoints as W,getCuboidTextAttributeOffset as A,getToggleDirectionButtonOffset as N}from"../../utils/tool/CuboidUtils.js";import Z from"../../utils/tool/PolygonUtils.js";import{EDragStatus as v,EDragTarget as w,ECuboidDirection as K}from"../../constant/annotation.js";import g from"../../utils/tool/AttributeUtils.js";import{DEFAULT_TEXT_MAX_WIDTH as V}from"../../constant/tool.js";import D from"../../constant/keyCode.js";import{BasicToolOperation as X}from"./basicToolOperation.js";import b from"../../utils/tool/DrawUtils.js";import $ from"./cuboidToggleButtonClass.js";import G from"./textAttributeClass.js";import q from"../../locales/index.js";import{EMessage as J}from"../../locales/constants.js";var Q=Object.defineProperty,Y=Object.defineProperties,tt=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertySymbols,it=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable,T=(n,t,i)=>t in n?Q(n,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[t]=i,u=(n,t)=>{for(var i in t||(t={}))it.call(t,i)&&T(n,i,t[i]);if(_)for(var i of _(t))et.call(t,i)&&T(n,i,t[i]);return n},a=(n,t)=>Y(n,tt(t)),k;(function(n){n[n.Ready=1]="Ready",n[n.FirstPoint=2]="FirstPoint",n[n.Cuboid=3]="Cuboid"})(k||(k={}));const ot=164;class st extends X{constructor(t){super(t);this.drawingStatus=1,this.cuboidList=[],this.hoverID="",this.getHoverData=i=>{const e=this.getCoordinateUnderZoom(i),{currentShowList:s}=this;if((s==null?void 0:s.length)>0){const r=s.map(d=>({id:d.id,pointList:l.changePointListByZoom(U(d),this.zoom)})),o=Z.getHoverPolygonID(e,r);if(o)return{hoverID:o,hoverCuboid:s.find(d=>d.id===o)}}return{}},this.textChange=i=>{this.config.textConfigurable===!1||!this.selectedID||(this.setCuboidList(g.textChange(i,this.selectedID,this.cuboidList)),this.emit("selectedChange"),this.render())},this.config=c.jsonParser(t.config),this.getCurrentSelectedData=this.getCurrentSelectedData.bind(this),this.updateSelectedTextAttribute=this.updateSelectedTextAttribute.bind(this)}destroy(){super.destroy(),this._textAttributeInstance&&this._textAttributeInstance.clearTextAttribute()}get currentShowList(){let t=[];const[i,e]=c.getRenderResultList(this.cuboidList,c.getSourceID(this.basicResult),this.attributeLockList,this.selectedID);return t=i,this.isHidden&&(t=[]),e&&t.push(e),t}get selectedCuboid(){return this.cuboidList.find(t=>t.id===this.selectedID)}get dataList(){return this.cuboidList}get isNeedCheckCuboidSize(){var t,i;return((t=this.config)==null?void 0:t.minWidth)>=0&&((i=this.config)==null?void 0:i.minHeight)>=0}getIsHoverSelectedCuboid(t){const i=this.getCoordinateUnderZoom(t),{selectedCuboid:e}=this;return e&&l.isCloseCuboid(i,l.changeCuboidByZoom(e,this.zoom))}isForbiddenMove(t,i){return this.getCoordinateInOrigin(t).y>i.frontPoints.br.y}updateSelectedCuboid(t){this.cuboidList=this.cuboidList.map(i=>i.id===this.selectedID?t:i)}getColorToRender(t,i){const e=this.getColor(t),s=i?e==null?void 0:e.valid.stroke:e==null?void 0:e.invalid.stroke,r=i?e==null?void 0:e.valid.fill:e==null?void 0:e.invalid.fill;return{strokeColor:s,toolColor:e,fillColor:r}}getCurrentSelectedData(){const{selectedCuboid:t}=this;if(!t)return;const{strokeColor:i}=this.getColorToRender(t.attribute,t.valid);return{width:ot,textAttribute:t.textAttribute,color:i}}updateSelectedTextAttribute(t){if(this._textAttributeInstance&&t&&this.selectedID){let i=t;g.textAttributeValidate(this.config.textCheckType,"",i)===!1&&(this.emit("messageError",g.getErrorNotice(this.config.textCheckType,this.lang)),i=""),this.setCuboidList(g.textChange(i,this.selectedID,this.cuboidList)),this.history.pushHistory(this.cuboidList),this.emit("updateTextAttribute"),this.render()}}setResult(t){this.clearDrawingStatus(),this.setCuboidList(t),this.render()}get currentPageResult(){return this.cuboidList}clearResult(){this.setCuboidList([],!0),this.setSelectedID(void 0)}exportData(){const{cuboidList:t}=this;return[t,this.basicImgInfo]}setSelectedID(t){var i,e;const s=this.selectedID;t!==s&&s&&((i=this._textAttributeInstance)==null||i.changeSelected()),t||(e=this._textAttributeInstance)==null||e.clearTextAttribute(),this.selectedID=t,this.emit("selectedChange")}setSelectedIDAndRender(t){this.setSelectedID(t),this.render()}setCuboidValidAndRender(t){if(!t)return;const i=this.cuboidList.map(e=>e.id===t?a(u({},e),{valid:!e.valid}):e);this.setCuboidList(i,!0),this.history.pushHistory(this.cuboidList),this.render()}onRightDblClick(t){super.onRightDblClick(t);const{hoverID:i}=this.getHoverData(t);this.selectedID&&this.selectedID===i&&this.deleteCuboid(i)}setCuboidList(t,i=!1){const e=this.cuboidList.length;this.cuboidList=t,e!==t.length&&this.emit("updatePageNumber"),i&&this.emit("updateResult")}deleteCuboid(t){var i;!t||(this.setCuboidList(this.cuboidList.filter(e=>e.id!==t)),this.history.pushHistory(this.cuboidList),this.setSelectedID(""),(i=this._textAttributeInstance)==null||i.clearTextAttribute(),this.render())}onKeyDown(t){if(!c.hotkeyFilter(t)||super.onKeyDown(t)===!1)return;const{keyCode:i}=t;switch(i){case D.Ctrl:this.drawingCuboid&&(this.drawingCuboid=a(u({},this.drawingCuboid),{valid:!1}),this.render());break;case D.F:this.selectedID&&this.setCuboidValidAndRender(this.selectedID);break;default:if(this.config.attributeConfigurable){const e=g.getAttributeByKeycode(i,this.config.attributeList);e!==void 0&&this.setDefaultAttribute(e)}}}onKeyUp(t){switch(super.onKeyUp(t),t.keyCode){case D.Ctrl:this.drawingCuboid&&(this.drawingCuboid=a(u({},this.drawingCuboid),{valid:!0}),this.render());break}}onMouseDown(t){if(super.onMouseDown(t)||this.forbidMouseOperation||t.ctrlKey===!0)return;const{selectedCuboid:i}=this;if(!i||t.button===2||t.button===0&&this.isSpaceKey===!0||!this.getIsHoverSelectedCuboid(t))return;this.dragStatus=v.Start;const e=this.getCoordinateUnderZoom(t),s={initCuboid:i,dragStartCoord:e},r=l.returnClosePointOrLineInCuboid(e,l.changeCuboidByZoom(i,this.zoom)),o=r==null?void 0:r[0];switch(o==null?void 0:o.type){case"point":this.dragInfo=a(u({},s),{dragTarget:w.Point,positions:o.positions});break;case"line":this.dragInfo=a(u({},s),{dragTarget:w.Line,positions:o.positions});break;default:this.dragInfo=a(u({},s),{dragTarget:w.Cuboid})}}onMouseUp(t){if(super.onMouseUp(t)||this.forbidMouseOperation||!this.imgInfo)return;if(this.dragInfo&&this.dragStatus===v.Move){this.dragInfo=void 0,this.dragStatus=v.Wait,this.history.pushHistory(this.cuboidList),this.emit("updateResult");return}const i=c.getSourceID(this.basicResult);if(t.button===0){if(this.hoverID&&t.ctrlKey&&!this.drawingCuboid){this.setCuboidValidAndRender(this.hoverID);return}if(!this.drawingCuboid){this.createNewDrawingCuboid(t,i);return}if(this.drawingCuboid)switch(this.drawingStatus){case 2:this.closeNewDrawingFrontPlane();break;case 3:this.closeAndCreateNewCuboid();break}}t.button===2&&this.rightMouseUp(t)}onMouseMove(t){var i;if(!(super.onMouseMove(t)||this.forbidMouseOperation||!this.imgInfo)){if(this.selectedID&&this.dragInfo){this.onDragMove(t);return}if(this.drawingCuboid){if(this.drawingFrontPlanesMove(t))return;this.drawingBackPlaneMove(t);return}this.hoverID=(i=this.getHoverData(t).hoverID)!=null?i:"",this.onHoverMove(t)}}drawingFrontPlanesMove(t){if(this.drawingCuboid&&this.firstClickCoord&&this.drawingStatus===2){const i=this.getCoordinateInOrigin(t);return this.drawingCuboid=a(u({},this.drawingCuboid),{frontPoints:z(this.firstClickCoord,i)}),this.render(),!0}}drawingBackPlaneMove(t){if(this.drawingCuboid&&this.firstClickCoord&&this.drawingStatus===3){const i=this.getCoordinateInOrigin(t);if(this.isForbiddenMove(t,this.drawingCuboid))return;this.drawingCuboid=a(u({},this.drawingCuboid),{backPoints:F({coord:i,points:this.drawingCuboid.frontPoints})}),this.render()}}onDragMove(t){if(!this.dragInfo||!this.selectedID)return;const{dragTarget:i,initCuboid:e,dragStartCoord:s,positions:r}=this.dragInfo,o=this.getCoordinateUnderZoom(t),d={x:(o.x-s.x)/this.zoom,y:(o.y-s.y)/this.zoom};this.dragStatus=v.Move;const h=j({offset:d,cuboid:e,dragTarget:i,positions:r});(h==null?void 0:h.backPoints)&&(h==null?void 0:h.backPoints.br.y)>(h==null?void 0:h.frontPoints.br.y)||(h&&this.updateSelectedCuboid(h),this.render())}onHoverMove(t){const{selectedCuboid:i}=this;if(i){const e=this.getCoordinateUnderZoom(t),s=l.returnClosePointOrLineInCuboid(e,l.changeCuboidByZoom(i,this.zoom),{zoom:1/this.zoom,scope:5});this.highlightInfo=s,this.render()}}createNewDrawingCuboid(t,i){if(!this.imgInfo)return;const e=this.getCoordinateInOrigin(t);this.drawingCuboid={attribute:this.defaultAttribute,direction:K.Front,valid:!t.ctrlKey,id:H(8,62),sourceID:i,textAttribute:"",order:c.getMaxOrder(this.cuboidList.filter(s=>c.isSameSourceID(s.sourceID,i)))+1,frontPoints:{tl:e,bl:e,tr:e,br:e}},this.firstClickCoord=u({},e),this.drawingStatus=2}closeNewDrawingFrontPlane(){this.drawingStatus=3}closeAndCreateNewCuboid(){var t,i;!((t=this.drawingCuboid)==null?void 0:t.frontPoints)||!this.drawingCuboid.backPoints||(this.isNeedCheckCuboidSize&&E({cuboid:this.drawingCuboid,config:this.config})===!1?this.emit("messageInfo",q.getMessagesByLocale(J.RectErrorSizeNotice,this.lang)):(this.setCuboidList([...this.cuboidList,this.drawingCuboid]),this.setSelectedID((i=this.drawingCuboid)==null?void 0:i.id),this.history.pushHistory(this.cuboidList)),this.clearDrawingStatus(),this.render())}clearDrawingStatus(){this.drawingCuboid&&(this.drawingCuboid=void 0,this.drawingStatus=1)}rightMouseUp(t){const{hoverID:i,hoverCuboid:e}=this.getHoverData(t);this.setSelectedID(i),e&&this.setDefaultAttribute(e.attribute),this.drawingCuboid&&this.clearDrawingStatus(),this.render()}renderSingleCuboid(t){var i,e,s,r;const o=l.changeCuboidByZoom(t,this.zoom,this.currentPos),d=o.id===this.hoverID,h=o.id===this.selectedID,{strokeColor:f,fillColor:M}=this.getColorToRender(o.attribute,o.valid),O=f,x=(e=(i=this.style)==null?void 0:i.width)!=null?e:2,{hiddenText:y=!1}=this.style,B={color:f,thickness:x},{backPoints:m,frontPoints:L,textAttribute:S}=o,R=L.br.x-L.bl.x;if(b.drawCuboid(this.canvas,o,{strokeColor:f,fillColor:M,thickness:x}),d||h){const p=W(o);p.forEach(I=>{b.drawCircleWithFill(this.canvas,I.point,5,u({},B))}),h&&p.forEach(I=>{b.drawCircleWithFill(this.canvas,I.point,3,{color:"white"})})}let C="";((s=this.config)==null?void 0:s.isShowOrder)&&o.order&&(o==null?void 0:o.order)>0&&(C=`${o.order}`),o.attribute&&(C=`${C}  ${g.getAttributeShowText(o.attribute,(r=this.config)==null?void 0:r.attributeList)}`),!y&&m&&b.drawText(this.canvas,{x:m.tl.x,y:m.tl.y-5},C,{color:f,textMaxWidth:300});const P=A({cuboid:t,currentPos:this.currentPos,zoom:this.zoom,topOffset:16,leftOffset:0});if(!y&&S&&t.id!==this.selectedID){const p=Math.max(20,R*.8);b.drawText(this.canvas,{x:P.left,y:P.top},S,{color:O,textMaxWidth:p})}this.renderTextAttribute()}setDefaultAttribute(t){const i=this.defaultAttribute;if(this.defaultAttribute=t!=null?t:"",i!==t){this.changeStyle(t),this.emit("changeAttributeSidebar");const{selectedCuboid:e}=this;if(e&&(this.setCuboidList(this.cuboidList.map(s=>s.id===this.selectedID?a(u({},s),{attribute:this.defaultAttribute}):s)),this.history.pushHistory(this.cuboidList),this.render()),this.drawingCuboid&&(this.drawingCuboid=a(u({},this.drawingCuboid),{attribute:this.defaultAttribute}),this.render()),this._textAttributeInstance){if(this.attributeLockList.length>0&&!this.attributeLockList.includes(this.defaultAttribute)){this._textAttributeInstance.clearTextAttribute();return}this._textAttributeInstance.updateIcon(this.getTextIconSvg(t))}}}renderToggleButton(){const{selectedCuboid:t}=this;if(!this.ctx||this.config.textConfigurable!==!0||!t)return;const{attribute:i,valid:e}=t,{strokeColor:s}=this.getColorToRender(i,e);this.toggleButtonInstance||(this.toggleButtonInstance=new $({container:this.container,cuboidButtonMove:o=>this.updateMouseOperation(o),toggleDirection:o=>this.toggleDirection(o)}));const r=N({cuboid:t,zoom:this.zoom,currentPos:this.currentPos});this.toggleButtonInstance.update({left:r.left,top:r.top,color:s})}renderTextAttribute(){var t;const{selectedCuboid:i}=this;if(!this.ctx||this.config.textConfigurable===!1||!i)return;const{strokeColor:e}=this.getColorToRender(i.attribute,i.valid),{attribute:s,textAttribute:r,frontPoints:o}=i,d=A({cuboid:i,currentPos:this.currentPos,zoom:this.zoom}),h=(o.br.x-o.bl.x)*this.zoom*.8;this._textAttributeInstance||(this._textAttributeInstance=new G({width:V,container:this.container,icon:this.getTextIconSvg(s),color:e,getCurrentSelectedData:this.getCurrentSelectedData,updateSelectedTextAttribute:this.updateSelectedTextAttribute})),this._textAttributeInstance&&!((t=this._textAttributeInstance)==null?void 0:t.isExit)&&this._textAttributeInstance.appendToContainer(),this._textAttributeInstance.update(`${r}`,{left:d.left,top:d.top,color:e,width:h})}renderDrawing(){this.drawingCuboid&&this.renderSingleCuboid(this.drawingCuboid)}renderStatic(){this.cuboidList.forEach(t=>this.renderSingleCuboid(t))}renderSelected(){var t;const{selectedCuboid:i}=this;i?(this.renderSingleCuboid(i),this.renderToggleButton()):((t=this.toggleButtonInstance)==null||t.clearCuboidButtonDOM(),this.toggleButtonInstance=void 0)}updateMouseOperation(t){t==="in"?(this.setForbidCursorLine(!0),this.setForbidOperation(!0),this.setShowDefaultCursor(!0)):(this.setForbidCursorLine(!1),this.setShowDefaultCursor(!1),this.setForbidOperation(!1))}toggleDirection(t){this.cuboidList&&this.selectedCuboid&&(this.setCuboidList(this.cuboidList.map(i=>{var e;return i.id===((e=this.selectedCuboid)==null?void 0:e.id)?a(u({},i),{direction:t}):i})),this.history.pushHistory(this.cuboidList),this.render())}renderHover(){var t;this.dragInfo||(t=this.highlightInfo)==null||t.forEach(i=>{var e,s;const{strokeColor:r}=this.getColorToRender(i.originCuboid.attribute,i.originCuboid.valid),o=8;switch(i.type){case"point":(e=i.points)==null||e.forEach(d=>{b.drawCircleWithFill(this.canvas,l.changePointByZoom(d,this.zoom,this.currentPos),o,{color:r})});break;case"line":{const d=(s=i.points)==null?void 0:s.map(h=>l.changePointByZoom(h,this.zoom,this.currentPos));d&&b.drawLineWithPointList(this.canvas,d,{color:r,thickness:o});break}}})}renderCuboid(){this.renderStatic(),this.renderDrawing(),this.renderSelected(),this.renderHover()}render(){!this.ctx||(super.render(),this.renderCuboid(),this.renderCursorLine(this.getLineColor(this.defaultAttribute)))}undo(){const t=this.history.undo();t&&(t.length!==this.cuboidList.length&&this.setSelectedID(""),this.setCuboidList(t,!0),this.render())}redo(){const t=this.history.redo();t&&(t.length!==this.cuboidList.length&&this.setSelectedID(""),this.setCuboidList(t,!0),this.render())}}export{st as default};