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

package/dist/core/toolOperation/polygonOperation.js

@@ -1,1251 +1 @@
-'use strict';
-
-var lbUtils = require('@labelbee/lb-utils');
-var MathUtils = require('../../utils/MathUtils.js');
-var RectUtils = require('../../utils/tool/RectUtils.js');
-var _ = require('lodash');
-var annotation = require('../../constant/annotation.js');
-var keyCode = require('../../constant/keyCode.js');
-var tool = require('../../constant/tool.js');
-var index = require('../../locales/index.js');
-var constants = require('../../locales/constants.js');
-var ActionsHistory = require('../../utils/ActionsHistory.js');
-var AttributeUtils = require('../../utils/tool/AttributeUtils.js');
-var AxisUtils = require('../../utils/tool/AxisUtils.js');
-var CanvasUtils = require('../../utils/tool/CanvasUtils.js');
-var CommonToolUtils = require('../../utils/tool/CommonToolUtils.js');
-var DrawUtils = require('../../utils/tool/DrawUtils.js');
-var PolygonUtils = require('../../utils/tool/PolygonUtils.js');
-var StyleUtils = require('../../utils/tool/StyleUtils.js');
-var uuid = require('../../utils/uuid.js');
-var basicToolOperation = require('./basicToolOperation.js');
-var textAttributeClass = require('./textAttributeClass.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));
-const TEXT_MAX_WIDTH = 164;
-class PolygonOperation extends basicToolOperation.BasicToolOperation {
-  constructor(props) {
-    super(props);
-    this.isAllowDouble = (e) => {
-      const {selectedID} = this;
-      const currentSelectedID = this.getHoverID(e);
-      if (selectedID && selectedID === currentSelectedID) {
-        return true;
-      }
-      return false;
-    };
-    this.textChange = (v) => {
-      if (this.config.textConfigurable === false || !this.selectedID) {
-        return;
-      }
-      this.setPolygonList(AttributeUtils["default"].textChange(v, this.selectedID, this.polygonList));
-      this.emit("selectedChange");
-      this.render();
-    };
-    this.emitUpdatePolygonByDrag = () => {
-      if (this.dragInfo) {
-        const {originPolygon} = this.dragInfo;
-        this.emit("updatePolygonByDrag", [{newPolygon: this.selectedPolygon, originPolygon}]);
-      }
-    };
-    this.config = CommonToolUtils.jsonParser(props.config);
-    this.drawingPointList = [];
-    this.polygonList = [];
-    this.hoverPointIndex = -1;
-    this.hoverEdgeIndex = -1;
-    this.drawingHistory = new ActionsHistory();
-    this.isCtrl = false;
-    this.isAlt = false;
-    this.isCombined = false;
-    this.pattern = tool.EPolygonPattern.Normal;
-    this.getCurrentSelectedData = this.getCurrentSelectedData.bind(this);
-    this.updateSelectedTextAttribute = this.updateSelectedTextAttribute.bind(this);
-  }
-  eventBinding() {
-    super.eventBinding();
-    this.container.removeEventListener("mouseup", this.onMouseUp);
-    this.container.addEventListener("mouseup", this.dragMouseUp);
-    this.dblClickListener.addEvent(this.onMouseUp, this.onLeftDblClick, this.onRightDblClick, this.isAllowDouble);
-  }
-  eventUnbinding() {
-    super.eventUnbinding();
-    this.container.removeEventListener("mouseup", this.dragMouseUp);
-  }
-  destroy() {
-    super.destroy();
-    if (this._textAttributInstance) {
-      this._textAttributInstance.clearTextAttribute();
-    }
-  }
-  get selectedPolygon() {
-    return PolygonUtils.getPolygonByID(this.visiblePolygonList, this.selectedID);
-  }
-  get hoverPolygon() {
-    return this.visiblePolygonList.find((v) => v.id === this.hoverID && v.id !== this.selectedID);
-  }
-  get enableDrag() {
-    return Boolean(this.selectedID && this.dragInfo);
-  }
-  get visiblePolygonList() {
-    return this.polygonList;
-  }
-  get polygonListUnderZoom() {
-    return this.visiblePolygonList.map((polygon) => __spreadProps(__spreadValues({}, polygon), {
-      pointList: AxisUtils["default"].changePointListByZoom(polygon.pointList, this.zoom)
-    }));
-  }
-  get selectedText() {
-    var _a;
-    return (_a = this.selectedPolygon) == null ? void 0 : _a.textAttribute;
-  }
-  get dataList() {
-    return this.polygonList;
-  }
-  setPattern(pattern, isForce = false) {
-    var _a;
-    if (((_a = this.drawingPointList) == null ? void 0 : _a.length) > 0 && isForce === true) {
-      return;
-    }
-    this.pattern = pattern;
-  }
-  get currentShowList() {
-    let polygon = [];
-    const [showingPolygon, selectdPolygon] = CommonToolUtils.getRenderResultList(this.visiblePolygonList, CommonToolUtils.getSourceID(this.basicResult), this.attributeLockList, this.selectedID);
-    polygon = showingPolygon;
-    if (this.isHidden) {
-      polygon = [];
-    }
-    if (selectdPolygon) {
-      polygon.push(selectdPolygon);
-    }
-    return polygon;
-  }
-  get currentPageResult() {
-    const [showingPolygon] = CommonToolUtils.getRenderResultList(this.polygonList, CommonToolUtils.getSourceID(this.basicResult), []);
-    return showingPolygon;
-  }
-  setResult(polygonList) {
-    this.clearActiveStatus();
-    this.setPolygonList(polygonList);
-    this.render();
-  }
-  setPolygonDataByID(newPolygonData, id) {
-    return this.polygonList.map((polygon) => {
-      if (polygon.id === id) {
-        return __spreadValues(__spreadValues({}, polygon), newPolygonData);
-      }
-      return polygon;
-    });
-  }
-  rotatePolygon(angle = 1, direction = annotation.ERotateDirection.Clockwise, selectedID = this.selectedID) {
-    if (!selectedID) {
-      return;
-    }
-    const selectedPolygon = PolygonUtils.getPolygonByID(this.polygonList, selectedID);
-    if (!selectedPolygon) {
-      return;
-    }
-    const rotatePointList = PolygonUtils.updatePolygonByRotate(direction, angle, selectedPolygon == null ? void 0 : selectedPolygon.pointList);
-    this.setPolygonList(this.setPolygonDataByID({pointList: rotatePointList}, selectedID));
-    this.render();
-  }
-  addPointInDrawing(e) {
-    if (!this.imgInfo) {
-      return;
-    }
-    if (this.forbidAddNewPolygonFuc && this.forbidAddNewPolygonFuc(e)) {
-      return;
-    }
-    const {upperLimitPointNum, edgeAdsorption} = this.config;
-    if (upperLimitPointNum && this.drawingPointList.length >= upperLimitPointNum) {
-      this.emit("messageInfo", `${index.getMessagesByLocale(constants.EMessage.UpperLimitErrorNotice, this.lang)}${upperLimitPointNum}`);
-      return;
-    }
-    this.deleteSelectedID();
-    const coordinateZoom = this.getCoordinateUnderZoom(e);
-    const coordinate = AxisUtils["default"].changeDrawOutsideTarget(coordinateZoom, {x: 0, y: 0}, this.imgInfo, this.config.drawOutsideTarget, this.basicResult, this.zoom);
-    const calculateHoverPointIndex = AxisUtils["default"].returnClosePointIndex(coordinate, AxisUtils["default"].changePointListByZoom(this.drawingPointList, this.zoom));
-    if (calculateHoverPointIndex === 0) {
-      this.addDrawingPointToPolygonList();
-      return;
-    }
-    const {dropFoot} = PolygonUtils.getClosestPoint(coordinate, this.polygonListUnderZoom, this.config.lineType, tool.edgeAdsorptionScope);
-    const coordinateWithOrigin = AxisUtils["default"].changePointByZoom(dropFoot && e.altKey === false && edgeAdsorption ? dropFoot : coordinate, 1 / this.zoom);
-    if (this.pattern === tool.EPolygonPattern.Rect && this.drawingPointList.length === 2) {
-      const rect = MathUtils["default"].getRectangleByRightAngle(coordinateWithOrigin, this.drawingPointList);
-      this.drawingPointList = rect;
-      if (this.config.drawOutsideTarget === false && this.imgInfo) {
-        const isOutSide = this.isPolygonOutSide(this.drawingPointList);
-        if (isOutSide) {
-          this.emit("messageInfo", `${index.getMessagesByLocale(constants.EMessage.ForbiddenCreationOutsideBoundary, this.lang)}`);
-          this.drawingPointList = [];
-          return;
-        }
-      }
-      this.addDrawingPointToPolygonList(true);
-      return;
-    }
-    this.drawingPointList.push(coordinateWithOrigin);
-    if (this.drawingPointList.length === 1) {
-      this.drawingHistory.initRecord(this.drawingPointList);
-    } else {
-      this.drawingHistory.pushHistory(this.drawingPointList);
-    }
-  }
-  clearResult() {
-    this.setPolygonList([]);
-    this.deleteSelectedID();
-    this.render();
-  }
-  clearPolygonDrag() {
-    this.drawingPointList = [];
-    this.dragInfo = void 0;
-    this.dragInfo = void 0;
-    this.dragStatus = annotation.EDragStatus.Wait;
-    this.hoverEdgeIndex = -1;
-    this.hoverPointIndex = -1;
-    this.hoverID = "";
-  }
-  clearActiveStatus() {
-    this.clearPolygonDrag();
-    this.deleteSelectedID();
-  }
-  clearDrawingStatus() {
-    this.drawingPointList = [];
-  }
-  setPolygonList(polygonList) {
-    const oldLen = this.polygonList.length;
-    this.polygonList = polygonList;
-    if (oldLen !== polygonList.length) {
-      this.emit("updatePageNumber");
-    }
-  }
-  setSelectedID(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();
-    }
-    this.selectedID = newID;
-    this.render();
-    this.emit("selectedChange");
-  }
-  setDefaultAttribute(defaultAttribute = "") {
-    const oldDefault = this.defaultAttribute;
-    this.defaultAttribute = defaultAttribute;
-    if (oldDefault !== defaultAttribute) {
-      this.changeStyle(defaultAttribute);
-      this.emit("changeAttributeSidebar");
-      const {selectedID} = this;
-      if (selectedID) {
-        if (this.selectedPolygon) {
-          this.selectedPolygon.attribute = defaultAttribute;
-        }
-        this.history.pushHistory(this.polygonList);
-        this.render();
-      }
-      if (this._textAttributInstance) {
-        if (this.attributeLockList.length > 0 && !this.attributeLockList.includes(defaultAttribute)) {
-          this._textAttributInstance.clearTextAttribute();
-          return;
-        }
-        this._textAttributInstance.updateIcon(this.getTextIconSvg(defaultAttribute));
-      }
-    }
-  }
-  setStyle(toolStyle) {
-    var _a;
-    super.setStyle(toolStyle);
-    if (this._textAttributInstance && this.config.attributeConfigurable === false) {
-      (_a = this._textAttributInstance) == null ? void 0 : _a.updateIcon(this.getTextIconSvg());
-    }
-  }
-  setPolygonValidAndRender(id) {
-    if (!id) {
-      return;
-    }
-    const newPolygonList = this.polygonList.map((polygon) => {
-      var _a;
-      if (polygon.id === id) {
-        const valid = (_a = polygon == null ? void 0 : polygon.valid) != null ? _a : true;
-        return __spreadProps(__spreadValues({}, polygon), {
-          valid: !valid
-        });
-      }
-      return polygon;
-    });
-    this.setPolygonList(newPolygonList);
-    this.history.pushHistory(this.polygonList);
-    this.render();
-    this.emit("updateResult");
-  }
-  addDrawingPointToPolygonList(isRect) {
-    let {lowerLimitPointNum = 3} = this.config;
-    if (lowerLimitPointNum < 3) {
-      lowerLimitPointNum = 3;
-    }
-    let createPolygon;
-    if (this.drawingPointList.length < lowerLimitPointNum) {
-      this.drawingPointList = [];
-      this.editPolygonID = "";
-      return;
-    }
-    const basicSourceID = CommonToolUtils.getSourceID(this.basicResult);
-    const polygonList = [...this.polygonList];
-    if (this.editPolygonID) {
-      const samePolygon = polygonList.find((polygon) => polygon.id === this.editPolygonID);
-      if (!samePolygon) {
-        return;
-      }
-      samePolygon.pointList = this.drawingPointList;
-      this.editPolygonID = "";
-    } else {
-      const id = uuid(8, 62);
-      let newPolygon = {
-        id,
-        sourceID: basicSourceID,
-        valid: !this.isCtrl,
-        textAttribute: "",
-        pointList: this.drawingPointList,
-        attribute: this.defaultAttribute,
-        order: CommonToolUtils.getMaxOrder(polygonList.filter((v) => CommonToolUtils.isSameSourceID(v.sourceID, basicSourceID))) + 1
-      };
-      if (this.config.textConfigurable) {
-        let textAttribute = "";
-        textAttribute = AttributeUtils["default"].getTextAttribute(this.polygonList.filter((polygon) => CommonToolUtils.isSameSourceID(polygon.sourceID, basicSourceID)), this.config.textCheckType);
-        newPolygon = __spreadProps(__spreadValues({}, newPolygon), {
-          textAttribute
-        });
-      }
-      if (this.pattern === tool.EPolygonPattern.Rect && isRect === true) {
-        newPolygon = __spreadProps(__spreadValues({}, newPolygon), {
-          isRect: true
-        });
-      }
-      polygonList.push(newPolygon);
-      createPolygon = newPolygon;
-      this.setSelectedIdAfterAddingDrawing(id);
-    }
-    this.setPolygonList(polygonList);
-    this.isCtrl = false;
-    this.drawingPointList = [];
-    this.history.pushHistory(polygonList);
-    if (createPolygon) {
-      this.emit("polygonCreated", createPolygon, this.zoom, this.currentPos);
-    }
-  }
-  setSelectedIdAfterAddingDrawing(newID) {
-    if (this.drawingPointList.length === 0) {
-      return;
-    }
-    if (this.config.textConfigurable) {
-      this.setSelectedID(newID);
-    } else {
-      this.deleteSelectedID();
-    }
-  }
-  getHoverID(e) {
-    var _a;
-    const coordinate = this.getCoordinateUnderZoom(e);
-    const polygonListWithZoom = this.currentShowList.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);
-  }
-  getHoverEdgeIndex(e) {
-    var _a;
-    if (!this.selectedID) {
-      return -1;
-    }
-    const selectPolygon = this.selectedPolygon;
-    if (!selectPolygon) {
-      return -1;
-    }
-    const currentCoord = this.getCoordinateUnderZoom(e);
-    const editPointListUnderZoom = AxisUtils["default"].changePointListByZoom(selectPolygon.pointList, this.zoom);
-    return PolygonUtils.getHoverEdgeIndex(currentCoord, editPointListUnderZoom, (_a = this.config) == null ? void 0 : _a.lineType);
-  }
-  getHoverPointIndex(e) {
-    if (!this.selectedID) {
-      return -1;
-    }
-    const selectPolygon = this.selectedPolygon;
-    if (!selectPolygon) {
-      return -1;
-    }
-    const currentCoord = this.getCoordinateUnderZoom(e);
-    const editPointListUnderZoom = AxisUtils["default"].changePointListByZoom(selectPolygon.pointList, this.zoom);
-    return AxisUtils["default"].returnClosePointIndex(currentCoord, editPointListUnderZoom);
-  }
-  deletePolygon(id) {
-    var _a;
-    if (!id) {
-      return;
-    }
-    const deletedPolygon = this.polygonList.find((p) => p.id === id);
-    this.emit("deletedObject", {deletedObject: deletedPolygon, id});
-    this.setPolygonList(this.polygonList.filter((polygon) => polygon.id !== id));
-    this.history.pushHistory(this.polygonList);
-    (_a = this._textAttributInstance) == null ? void 0 : _a.clearTextAttribute();
-    this.emit("selectedChange");
-    this.render();
-  }
-  deletePolygonPoint(index$1) {
-    if (!this.selectedID) {
-      return;
-    }
-    const {selectedPolygon} = this;
-    if (!selectedPolygon) {
-      return;
-    }
-    let {lowerLimitPointNum} = this.config;
-    if (lowerLimitPointNum < 3) {
-      lowerLimitPointNum = 3;
-    }
-    if (selectedPolygon.pointList.length <= lowerLimitPointNum) {
-      this.emit("messageInfo", `${index.getMessagesByLocale(constants.EMessage.LowerLimitErrorNotice, this.lang)}${lowerLimitPointNum}`);
-      return;
-    }
-    selectedPolygon == null ? void 0 : selectedPolygon.pointList.splice(index$1, 1);
-    this.history.pushHistory(this.polygonList);
-    this.render();
-  }
-  spaceKeydown() {
-    var _a, _b, _c;
-    if (this.selectedID) {
-      if (((_a = this.selectedPolygon) == null ? void 0 : _a.isRect) === true) {
-        this.emit("messageInfo", `${index.getMessagesByLocale(constants.EMessage.UnableToReannotation, this.lang)}`);
-        return;
-      }
-      this.editPolygonID = this.selectedID;
-      this.drawingPointList = (_c = (_b = this.selectedPolygon) == null ? void 0 : _b.pointList) != null ? _c : [];
-      this.drawingHistory.empty();
-      this.drawingHistory.initRecord(this.drawingPointList);
-      this.hoverID = "";
-      this.deleteSelectedID();
-      this.render();
-    }
-  }
-  onTabKeyDown(e) {
-    e.preventDefault();
-    let sort = annotation.ESortDirection.ascend;
-    if (e.shiftKey) {
-      sort = annotation.ESortDirection.descend;
-    }
-    this.switchToNextPolygon(sort);
-  }
-  switchToNextPolygon(sort) {
-    if (this.drawingPointList.length > 0) {
-      return;
-    }
-    const [showingResult, selectedResult] = CommonToolUtils.getRenderResultList(this.polygonList, CommonToolUtils.getSourceID(this.basicResult), this.attributeLockList, this.selectedID);
-    let polygonList = [...showingResult];
-    if (selectedResult) {
-      polygonList = [...polygonList, selectedResult];
-    }
-    const viewPort = CanvasUtils.getViewPort(this.canvas, this.currentPos, this.zoom);
-    const sortList = polygonList.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
-      });
-    }).filter((polygon) => CanvasUtils.inViewPort({x: polygon.x, y: polygon.y}, viewPort));
-    const nextSelectedResult = CommonToolUtils.getNextSelectedRectID(sortList, sort, this.selectedID);
-    if (nextSelectedResult) {
-      this.setSelectedID(nextSelectedResult.id);
-      const {selectedPolygon} = this;
-      if (selectedPolygon) {
-        this.setDefaultAttribute(selectedPolygon.attribute);
-      }
-    }
-    this.render();
-  }
-  onKeyDown(e) {
-    if (!CommonToolUtils.hotkeyFilter(e)) {
-      return;
-    }
-    if (super.onKeyDown(e) === false) {
-      return;
-    }
-    const {keyCode: keyCode$1} = e;
-    switch (keyCode$1) {
-      case keyCode.Space:
-        this.spaceKeydown();
-        break;
-      case keyCode.Esc:
-        this.drawingPointList = [];
-        this.editPolygonID = "";
-        break;
-      case keyCode.F:
-        if (this.selectedID) {
-          this.setPolygonValidAndRender(this.selectedID);
-        }
-        break;
-      case keyCode.Z:
-        if (e.altKey) {
-          this.onCombinedExecute();
-          return;
-        }
-        this.setIsHidden(!this.isHidden);
-        this.render();
-        break;
-      case keyCode.Delete:
-        this.deletePolygon(this.selectedID);
-        this.render();
-        break;
-      case keyCode.Ctrl:
-        this.isCtrl = true;
-        break;
-      case keyCode.Alt:
-        if (this.isAlt === false) {
-          e.preventDefault();
-          this.isAlt = true;
-          this.render();
-        }
-        break;
-      case keyCode.Tab: {
-        this.onTabKeyDown(e);
-        break;
-      }
-      case keyCode.X:
-        if (e.altKey) {
-          this.segment();
-        }
-        break;
-      default: {
-        if (this.config.attributeConfigurable) {
-          const keyCode2Attribute = AttributeUtils["default"].getAttributeByKeycode(keyCode$1, this.config.attributeList);
-          if (keyCode2Attribute !== void 0) {
-            this.setDefaultAttribute(keyCode2Attribute);
-          }
-        }
-        break;
-      }
-    }
-  }
-  onKeyUp(e) {
-    super.onKeyUp(e);
-    switch (e.keyCode) {
-      case keyCode.Ctrl:
-        this.isCtrl = false;
-        break;
-      case keyCode.Alt: {
-        const oldAlt = this.isAlt;
-        this.isAlt = false;
-        if (oldAlt === true) {
-          this.render();
-        }
-        break;
-      }
-    }
-  }
-  rightMouseUp(e) {
-    if (this.drawingPointList.length > 0) {
-      this.addDrawingPointToPolygonList();
-      return;
-    }
-    this.setSelectedID(this.hoverID);
-    const {selectedPolygon} = this;
-    if (selectedPolygon) {
-      this.setDefaultAttribute(selectedPolygon.attribute);
-    }
-  }
-  onLeftDblClick(e) {
-    if (this.hoverEdgeIndex > -1) {
-      const currentCoord = this.getCoordinateUnderZoom(e);
-      const {selectedPolygon} = this;
-      if (!selectedPolygon) {
-        return;
-      }
-      if (selectedPolygon.isRect === true) {
-        this.emit("messageInfo", `${index.getMessagesByLocale(constants.EMessage.ForbidAddNewPoint, this.lang)}`);
-        this.clearPolygonDrag();
-        return;
-      }
-      const {dropFoot} = PolygonUtils.getClosestPoint(currentCoord, this.polygonListUnderZoom, this.config.lineType, tool.edgeAdsorptionScope);
-      if (!dropFoot) {
-        return;
-      }
-      const {upperLimitPointNum} = this.config;
-      if (upperLimitPointNum && selectedPolygon.pointList.length >= upperLimitPointNum) {
-        this.emit("messageInfo", `${index.getMessagesByLocale(constants.EMessage.UpperLimitErrorNotice, this.lang)}${upperLimitPointNum}`);
-        this.clearPolygonDrag();
-        return;
-      }
-      selectedPolygon == null ? void 0 : selectedPolygon.pointList.splice(this.hoverEdgeIndex + 1, 0, AxisUtils["default"].changePointByZoom(dropFoot, 1 / this.zoom));
-      this.setPolygonDataByID(selectedPolygon, this.selectedID);
-      this.history.pushHistory(this.polygonList);
-      this.hoverPointIndex = -1;
-      this.hoverEdgeIndex = -1;
-      this.render();
-    }
-    this.dragInfo = void 0;
-  }
-  onRightDblClick(e) {
-    this.dragInfo = void 0;
-    this.clearImgDrag();
-    const hoverID = this.getHoverID(e);
-    const hoverPointIndex = this.getHoverPointIndex(e);
-    if (this.hoverPointIndex > -1 && this.hoverPointIndex === hoverPointIndex) {
-      this.deletePolygonPoint(hoverPointIndex);
-      this.dragInfo = void 0;
-      this.hoverPointIndex = -1;
-      this.render();
-      return;
-    }
-    if (this.hoverID === this.selectedID) {
-      this.deletePolygon(hoverID);
-    }
-    this.render();
-  }
-  onMouseDown(e) {
-    if (super.onMouseDown(e) || this.forbidMouseOperation || e.ctrlKey === true) {
-      return;
-    }
-    this.dragMouseDown(e);
-    return true;
-  }
-  dragMouseDown(e) {
-    const firstPolygon = this.selectedPolygon;
-    if (!firstPolygon || e.button !== 0) {
-      return;
-    }
-    const hoverID = this.getHoverID(e);
-    if (hoverID !== this.selectedID) {
-      return;
-    }
-    const initPointList = firstPolygon.pointList;
-    const dragStartCoord = this.getCoordinateUnderZoom(e);
-    let changePointIndex = [0];
-    let dragTarget = annotation.EDragTarget.Plane;
-    this.dragStatus = annotation.EDragStatus.Start;
-    const closePointIndex = this.getHoverPointIndex(e);
-    const closeEdgeIndex = this.getHoverEdgeIndex(e);
-    if (closePointIndex > -1) {
-      dragTarget = annotation.EDragTarget.Point;
-      changePointIndex = [closePointIndex];
-    } else if (closeEdgeIndex > -1 && this.hoverEdgeIndex > -1) {
-      dragTarget = annotation.EDragTarget.Line;
-      changePointIndex = [closeEdgeIndex, (closeEdgeIndex + 1) % initPointList.length];
-    }
-    this.dragInfo = {
-      dragStartCoord,
-      dragTarget,
-      initPointList,
-      changePointIndex,
-      originPolygon: this.selectedPolygon,
-      dragPrevCoord: dragStartCoord,
-      originPolygonList: this.polygonList
-    };
-  }
-  segment() {
-    var _a;
-    if (!this.selectedID) {
-      return;
-    }
-    if (((_a = this.config) == null ? void 0 : _a.lineType) !== tool.ELineTypes.Line) {
-      return;
-    }
-    const selectedPointList = PolygonUtils.getPolygonPointList(this.selectedID, this.currentShowList);
-    const backgroundPolygonList = this.currentShowList.filter((v) => v.id !== this.selectedID);
-    if (backgroundPolygonList.length === 0 || selectedPointList.length === 0) {
-      return;
-    }
-    const wrapIndex = PolygonUtils.getWrapPolygonIndex(selectedPointList, backgroundPolygonList);
-    let newPolygonList = [...this.polygonList];
-    if (wrapIndex === -1) {
-      const newPointListArray = PolygonUtils.segmentPolygonByPolygon(selectedPointList, backgroundPolygonList);
-      if (!newPointListArray) {
-        return;
-      }
-      const newPointList = newPointListArray.shift();
-      if (!newPointList) {
-        return;
-      }
-      let defaultAttribute = "";
-      let valid = true;
-      const sourceID = CommonToolUtils.getSourceID(this.basicResult);
-      let textAttribute = "";
-      newPolygonList = this.polygonList.map((v) => {
-        var _a2, _b;
-        if (v.id === this.selectedID) {
-          defaultAttribute = v.attribute;
-          valid = (_a2 = v == null ? void 0 : v.valid) != null ? _a2 : true;
-          textAttribute = (_b = v == null ? void 0 : v.textAttribute) != null ? _b : "";
-          return __spreadProps(__spreadValues({}, v), {
-            pointList: newPointList
-          });
-        }
-        return v;
-      });
-      if (newPointListArray.length > 0) {
-        newPointListArray.forEach((v, i) => {
-          newPolygonList.push({
-            sourceID,
-            id: uuid(8, 62),
-            pointList: v,
-            valid,
-            order: CommonToolUtils.getMaxOrder(this.currentShowList) + 1 + i,
-            attribute: defaultAttribute,
-            textAttribute
-          });
-        });
-      }
-    } else {
-      newPolygonList[wrapIndex].pointList = PolygonUtils.clipPolygonFromWrapPolygon(selectedPointList, newPolygonList[wrapIndex].pointList);
-      newPolygonList = newPolygonList.filter((v) => v.id !== this.selectedID);
-    }
-    this.setPolygonList(newPolygonList);
-    this.history.pushHistory(newPolygonList);
-    this.render();
-  }
-  onCombinedExecute() {
-    if (!this.selectedID) {
-      this.emit("messageInfo", lbUtils.i18n.t("PolygonsToBeCombinedNeedToBeSelected"));
-      return;
-    }
-    this.isCombined = !this.isCombined;
-  }
-  combine(e) {
-    var _a;
-    const hoverID = this.getHoverID(e);
-    if (!hoverID || !this.selectedID || this.selectedID === hoverID) {
-      return;
-    }
-    if (((_a = this.config) == null ? void 0 : _a.lineType) !== tool.ELineTypes.Line) {
-      this.emit("messageInfo", lbUtils.i18n.t("CurveModeDoesNotSupportCutting"));
-      return;
-    }
-    const selectedPolygon = this.polygonList.find((v) => v.id === this.selectedID);
-    const combinedPolygon = this.currentShowList.find((v) => v.id === hoverID);
-    if (!combinedPolygon || !selectedPolygon) {
-      return;
-    }
-    const composeData = PolygonUtils.combinePolygonWithPolygon(selectedPolygon, combinedPolygon);
-    if (!composeData) {
-      return;
-    }
-    const {newPolygon, unionList} = composeData;
-    if (unionList.length === 1 && newPolygon) {
-      const newPolygonList = this.polygonList.filter((v) => !unionList.includes(v.id)).map((v) => {
-        if (v.id === this.selectedID) {
-          return newPolygon;
-        }
-        return v;
-      });
-      this.setPolygonList(newPolygonList);
-      this.history.pushHistory(newPolygonList);
-      this.render();
-      this.emit("messageInfo", lbUtils.i18n.t("CombineSuccess"));
-    } else {
-      this.emit("messageInfo", lbUtils.i18n.t("CombiningFailedNotify"));
-    }
-    this.isCombined = false;
-  }
-  isPolygonOutSide(selectedPointList) {
-    if (this.dependToolName && this.basicCanvas && this.basicResult) {
-      let isOutSide = false;
-      switch (this.dependToolName) {
-        case tool.EToolName.Rect: {
-          isOutSide = selectedPointList.filter((v) => !RectUtils.isInRect(v, this.basicResult)).length > 0;
-          break;
-        }
-        case tool.EToolName.Polygon: {
-          isOutSide = PolygonUtils.isPointListOutSidePolygon(selectedPointList, this.basicResult.pointList, this.config.lineType);
-          break;
-        }
-      }
-      return isOutSide;
-    }
-    if (!this.imgInfo) {
-      return false;
-    }
-    const {left, top, right, bottom} = MathUtils["default"].calcViewportBoundaries(AxisUtils["default"].changePointListByZoom(selectedPointList, this.zoom));
-    const scope = 1e-5;
-    if (left < 0 || top < 0 || right > this.imgInfo.width + scope || bottom > this.imgInfo.height + scope) {
-      return true;
-    }
-    return false;
-  }
-  getDragOffset(e, selectedPolygon) {
-    var _a;
-    const coordinate = this.getCoordinateUnderZoom(e);
-    const {dragTarget, dragPrevCoord, changePointIndex, initPointList, dragStartCoord} = this.dragInfo;
-    if (this.pattern === tool.EPolygonPattern.Rect && (selectedPolygon == null ? void 0 : selectedPolygon.isRect) === true && changePointIndex && [annotation.EDragTarget.Line].includes(dragTarget)) {
-      const firstPointIndex = MathUtils["default"].getArrayIndex(changePointIndex[0] - 2, 4);
-      const secondPointIndex = MathUtils["default"].getArrayIndex(changePointIndex[0] - 1, 4);
-      const basicLine = [initPointList[firstPointIndex], initPointList[secondPointIndex]];
-      const perpendicularOffset = MathUtils["default"].getRectPerpendicularOffset(dragStartCoord, coordinate, basicLine);
-      return {
-        x: perpendicularOffset.x / this.zoom,
-        y: perpendicularOffset.y / this.zoom
-      };
-    }
-    if (((_a = this.dragInfo) == null ? void 0 : _a.dragTarget) === annotation.EDragTarget.Plane) {
-      return {
-        x: (coordinate.x - dragPrevCoord.x) / this.zoom,
-        y: (coordinate.y - dragPrevCoord.y) / this.zoom
-      };
-    }
-    return {
-      x: (coordinate.x - dragStartCoord.x) / this.zoom,
-      y: (coordinate.y - dragStartCoord.y) / this.zoom
-    };
-  }
-  dragPolygon(e, selectedPolygon) {
-    let selectedPointList = ___default["default"].cloneDeep(selectedPolygon == null ? void 0 : selectedPolygon.pointList);
-    if (!selectedPointList || !this.dragInfo) {
-      return;
-    }
-    const {initPointList, dragTarget, changePointIndex} = this.dragInfo;
-    const offset = this.getDragOffset(e, selectedPolygon);
-    this.dragStatus = annotation.EDragStatus.Move;
-    switch (dragTarget) {
-      case annotation.EDragTarget.Plane:
-        selectedPointList = selectedPointList.map((v) => __spreadProps(__spreadValues({}, v), {
-          x: v.x + offset.x,
-          y: v.y + offset.y
-        }));
-        break;
-      case annotation.EDragTarget.Point:
-      case annotation.EDragTarget.Line:
-        selectedPointList = selectedPointList.map((n, i) => {
-          if (changePointIndex && changePointIndex.includes(i)) {
-            return __spreadProps(__spreadValues({}, n), {
-              x: initPointList[i].x + offset.x,
-              y: initPointList[i].y + offset.y
-            });
-          }
-          return n;
-        });
-        break;
-    }
-    if (this.pattern === tool.EPolygonPattern.Rect && (selectedPolygon == null ? void 0 : selectedPolygon.isRect) === true && dragTarget === annotation.EDragTarget.Point && changePointIndex) {
-      const newPointList = MathUtils["default"].getPointListFromPointOffset(initPointList, changePointIndex[0], offset);
-      selectedPointList = newPointList;
-    }
-    if (this.config.drawOutsideTarget === false && this.imgInfo) {
-      const isOutSide = this.isPolygonOutSide(selectedPointList);
-      if (isOutSide) {
-        return;
-      }
-    }
-    return selectedPointList;
-  }
-  onDragMove(e) {
-    const newPolygonList = this.polygonList.map((v) => {
-      if (v.id === this.selectedID) {
-        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();
-  }
-  onMouseMove(e) {
-    if (super.onMouseMove(e) || this.forbidMouseOperation || !this.imgInfo) {
-      return;
-    }
-    if (this.enableDrag) {
-      this.onDragMove(e);
-      return;
-    }
-    let hoverPointIndex = -1;
-    let hoverEdgeIndex = -1;
-    const {selectedID} = this;
-    if (selectedID) {
-      this.hoverEdgeIndex = -1;
-      this.hoverPointIndex = -1;
-      hoverPointIndex = this.getHoverPointIndex(e);
-      if (hoverPointIndex > -1) {
-        this.hoverPointIndex = hoverPointIndex;
-      } else {
-        hoverEdgeIndex = this.getHoverEdgeIndex(e);
-        this.hoverEdgeIndex = hoverEdgeIndex;
-      }
-    }
-    if (this.drawingPointList.length > 0) {
-      return;
-    }
-    const newHoverID = this.getHoverID(e);
-    if (this.hoverID !== newHoverID) {
-      this.hoverID = newHoverID;
-      this.render();
-    }
-  }
-  leftMouseUpdateValid(e) {
-    const hoverID = this.getHoverID(e);
-    if (this.drawingPointList.length === 0 && e.ctrlKey === true && hoverID) {
-      this.setPolygonValidAndRender(hoverID);
-      return true;
-    }
-    return false;
-  }
-  leftMouseUp(e) {
-    const isCtrl = this.leftMouseUpdateValid(e);
-    if (isCtrl) {
-      return;
-    }
-    this.addPointInDrawing(e);
-  }
-  onMouseUp(e) {
-    if (this.isCombined) {
-      switch (e.button) {
-        case 0:
-          this.combine(e);
-          break;
-        case 2:
-          this.isCombined = false;
-          break;
-        default:
-          return;
-      }
-      return;
-    }
-    if (super.onMouseUp(e) || this.forbidMouseOperation || !this.imgInfo) {
-      return void 0;
-    }
-    if (this.dragInfo && this.dragStatus === annotation.EDragStatus.Move) {
-      this.emit("updateResult");
-      this.emitUpdatePolygonByDrag();
-      this.dragInfo = void 0;
-      this.dragStatus = annotation.EDragStatus.Wait;
-      this.history.pushHistory(this.polygonList);
-      return;
-    }
-    switch (e.button) {
-      case 0: {
-        this.leftMouseUp(e);
-        break;
-      }
-      case 2: {
-        this.rightMouseUp(e);
-        break;
-      }
-    }
-    this.render();
-  }
-  dragMouseUp() {
-    if (this.dragStatus === annotation.EDragStatus.Start) {
-      this.dragInfo = void 0;
-      this.dragStatus = annotation.EDragStatus.Wait;
-    }
-  }
-  exportData() {
-    const {polygonList} = this;
-    return [polygonList, this.basicImgInfo];
-  }
-  getTextIconSvg(attribute = "") {
-    return AttributeUtils["default"].getTextIconSvg(attribute, this.config.attributeList, this.config.attributeConfigurable, this.baseIcon);
-  }
-  getCurrentSelectedData() {
-    const {selectedPolygon} = this;
-    if (!selectedPolygon) {
-      return;
-    }
-    const toolColor = this.getColor(selectedPolygon.attribute);
-    const color = selectedPolygon.valid ? toolColor == null ? void 0 : toolColor.valid.stroke : toolColor == null ? void 0 : toolColor.invalid.stroke;
-    return {
-      width: TEXT_MAX_WIDTH,
-      textAttribute: selectedPolygon.textAttribute,
-      color
-    };
-  }
-  updateSelectedTextAttribute(newTextAttribute) {
-    if (this._textAttributInstance && newTextAttribute && this.selectedID) {
-      let textAttribute = newTextAttribute;
-      if (AttributeUtils["default"].textAttributeValidate(this.config.textCheckType, "", textAttribute) === false) {
-        this.emit("messageError", AttributeUtils["default"].getErrorNotice(this.config.textCheckType, this.lang));
-        textAttribute = "";
-      }
-      this.setPolygonList(AttributeUtils["default"].textChange(textAttribute, this.selectedID, this.polygonList));
-      this.emit("updateTextAttribute");
-      this.render();
-    }
-  }
-  renderTextAttribute() {
-    var _a;
-    const {selectedPolygon} = this;
-    if (!this.ctx || this.config.textConfigurable === false || !selectedPolygon) {
-      return;
-    }
-    const {pointList, attribute, valid, textAttribute} = selectedPolygon;
-    const {x, y} = pointList[pointList.length - 1];
-    const newWidth = TEXT_MAX_WIDTH;
-    const coordinate = AxisUtils["default"].getOffsetCoordinate({x, y}, this.currentPos, this.zoom);
-    const toolColor = this.getColor(attribute);
-    const color = valid ? toolColor == null ? void 0 : toolColor.valid.stroke : toolColor == null ? void 0 : toolColor.invalid.stroke;
-    if (!this._textAttributInstance) {
-      this._textAttributInstance = new textAttributeClass({
-        width: newWidth,
-        container: this.container,
-        icon: this.getTextIconSvg(attribute),
-        color,
-        getCurrentSelectedData: this.getCurrentSelectedData,
-        updateSelectedTextAttribute: this.updateSelectedTextAttribute
-      });
-    }
-    if (this._textAttributInstance && !((_a = this._textAttributInstance) == null ? void 0 : _a.isExit)) {
-      this._textAttributInstance.appendToContainer();
-    }
-    this._textAttributInstance.update(`${textAttribute}`, {
-      left: coordinate.x,
-      top: coordinate.y,
-      color,
-      width: newWidth
-    });
-  }
-  renderStaticPolygon() {
-    var _a;
-    if (this.isHidden === false) {
-      (_a = this.visiblePolygonList) == null ? void 0 : _a.forEach((polygon) => {
-        var _a2, _b, _c, _d, _e;
-        if ([this.selectedID, this.editPolygonID].includes(polygon.id)) {
-          return;
-        }
-        const {textAttribute, attribute} = polygon;
-        const toolColor = this.getColor(attribute);
-        const toolData = StyleUtils.getStrokeAndFill(toolColor, polygon.valid);
-        const transformPointList = AxisUtils["default"].changePointListByZoom(polygon.pointList || [], this.zoom, this.currentPos);
-        DrawUtils.drawPolygonWithFillAndLine(this.canvas, transformPointList, {
-          fillColor: toolData.fill,
-          strokeColor: toolData.stroke,
-          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
-        });
-        let showText = `${(_d = AttributeUtils["default"].getAttributeShowText(attribute, this.config.attributeList)) != null ? _d : ""}`;
-        if (((_e = this.config) == null ? void 0 : _e.isShowOrder) && (polygon == null ? void 0 : polygon.order) > 0) {
-          showText = `${polygon.order} ${showText}`;
-        }
-        DrawUtils.drawText(this.canvas, transformPointList[0], showText, __spreadValues({
-          color: toolData.stroke
-        }, annotation.DEFAULT_TEXT_OFFSET));
-        const endPoint = transformPointList[transformPointList.length - 1];
-        DrawUtils.drawText(this.canvas, {x: endPoint.x + annotation.TEXT_ATTRIBUTE_OFFSET.x, y: endPoint.y + annotation.TEXT_ATTRIBUTE_OFFSET.y}, textAttribute, __spreadValues({
-          color: toolData.stroke
-        }, annotation.DEFAULT_TEXT_OFFSET));
-      });
-    }
-  }
-  renderSelectedPolygon() {
-    var _a, _b, _c;
-    const {selectedPolygon} = this;
-    if (selectedPolygon) {
-      const toolColor = this.getColor(selectedPolygon.attribute);
-      const toolData = StyleUtils.getStrokeAndFill(toolColor, selectedPolygon.valid, {isSelected: true});
-      DrawUtils.drawSelectedPolygonWithFillAndLine(this.canvas, AxisUtils["default"].changePointListByZoom(selectedPolygon.pointList, this.zoom, this.currentPos), {
-        fillColor: toolData.fill,
-        strokeColor: toolData.stroke,
-        pointColor: "white",
-        thickness: 2,
-        lineCap: "round",
-        isClose: true,
-        lineType: (_a = this.config) == null ? void 0 : _a.lineType
-      });
-      let showText = `${(_b = AttributeUtils["default"].getAttributeShowText(selectedPolygon.attribute, this.config.attributeList)) != null ? _b : ""}`;
-      if (((_c = this.config) == null ? void 0 : _c.isShowOrder) && (selectedPolygon == null ? void 0 : selectedPolygon.order) > 0) {
-        showText = `${selectedPolygon.order} ${showText}`;
-      }
-      DrawUtils.drawText(this.canvas, AxisUtils["default"].changePointByZoom(selectedPolygon.pointList[0], this.zoom, this.currentPos), showText, __spreadValues({
-        color: toolData.stroke
-      }, annotation.DEFAULT_TEXT_OFFSET));
-      this.renderTextAttribute();
-    }
-  }
-  renderHoverPolygon() {
-    var _a;
-    if (this.hoverID && this.hoverID !== this.editPolygonID) {
-      const {hoverPolygon} = this;
-      if (hoverPolygon) {
-        let color = "";
-        const toolColor = this.getColor(hoverPolygon.attribute);
-        if (hoverPolygon.valid) {
-          color = toolColor.validHover.fill;
-        } else {
-          color = StyleUtils.getStrokeAndFill(toolColor, false, {isHover: true}).fill;
-        }
-        DrawUtils.drawPolygonWithFill(this.canvas, AxisUtils["default"].changePointListByZoom(hoverPolygon.pointList, this.zoom, this.currentPos), {
-          color,
-          lineType: (_a = this.config) == null ? void 0 : _a.lineType
-        });
-      }
-    }
-  }
-  renderPolygon() {
-    var _a, _b, _c, _d;
-    this.renderStaticPolygon();
-    this.renderHoverPolygon();
-    this.renderSelectedPolygon();
-    const defaultColor = this.getColor(this.defaultAttribute);
-    const toolData = StyleUtils.getStrokeAndFill(defaultColor, !this.isCtrl);
-    if (((_a = this.drawingPointList) == null ? void 0 : _a.length) > 0) {
-      let drawingPointList = [...this.drawingPointList];
-      let coordinate = AxisUtils["default"].getOriginCoordinateWithOffsetCoordinate(this.coord, this.zoom, this.currentPos);
-      if (this.pattern === tool.EPolygonPattern.Rect && drawingPointList.length === 2) {
-        drawingPointList = MathUtils["default"].getRectangleByRightAngle(coordinate, drawingPointList);
-      } else {
-        if (((_b = this.config) == null ? void 0 : _b.edgeAdsorption) && this.isAlt === false) {
-          const {dropFoot} = PolygonUtils.getClosestPoint(coordinate, this.polygonList, (_c = this.config) == null ? void 0 : _c.lineType, tool.edgeAdsorptionScope / this.zoom);
-          if (dropFoot) {
-            coordinate = dropFoot;
-          }
-        }
-        drawingPointList.push(coordinate);
-      }
-      DrawUtils.drawSelectedPolygonWithFillAndLine(this.canvas, AxisUtils["default"].changePointListByZoom(drawingPointList, this.zoom, this.currentPos), {
-        fillColor: toolData.fill,
-        strokeColor: toolData.stroke,
-        pointColor: "white",
-        thickness: 2,
-        lineCap: "round",
-        isClose: false,
-        lineType: this.config.lineType
-      });
-    }
-    if (this.hoverPointIndex > -1 && this.selectedID) {
-      const selectdPolygon = this.selectedPolygon;
-      if (!selectdPolygon) {
-        return;
-      }
-      const hoverColor = StyleUtils.getStrokeAndFill(defaultColor, selectdPolygon.valid, {isSelected: true});
-      const point = selectdPolygon == null ? void 0 : selectdPolygon.pointList[this.hoverPointIndex];
-      if (point) {
-        const {x, y} = AxisUtils["default"].changePointByZoom(point, this.zoom, this.currentPos);
-        DrawUtils.drawCircleWithFill(this.canvas, {x, y}, 5, {
-          color: hoverColor.fill
-        });
-      }
-    }
-    if (this.hoverEdgeIndex > -1 && this.selectedID) {
-      const selectdPolygon = this.selectedPolygon;
-      if (!selectdPolygon) {
-        return;
-      }
-      const selectedColor = StyleUtils.getStrokeAndFill(defaultColor, selectdPolygon.valid, {isSelected: true});
-      DrawUtils.drawLineWithPointList(this.canvas, AxisUtils["default"].changePointListByZoom(selectdPolygon.pointList, this.zoom, this.currentPos), {
-        color: selectedColor.stroke,
-        thickness: 10,
-        hoverEdgeIndex: this.hoverEdgeIndex,
-        lineType: (_d = this.config) == null ? void 0 : _d.lineType
-      });
-    }
-  }
-  render() {
-    if (!this.ctx) {
-      return;
-    }
-    super.render();
-    this.renderPolygon();
-    this.renderCursorLine(this.getLineColor(this.defaultAttribute));
-  }
-  renderCursorLine(lineColor) {
-    super.renderCursorLine(lineColor);
-    if (this.isCombined) {
-      const {x, y} = this.coord;
-      const padding = 10;
-      const rectWidth = 186;
-      const rectHeight = 32;
-      DrawUtils.drawRectWithFill(this.canvas, {
-        x: x + padding,
-        y: y - padding * 4 - 1,
-        width: rectWidth,
-        height: rectHeight
-      }, {color: "black"});
-      DrawUtils.drawText(this.canvas, {x, y}, lbUtils.i18n.t("ClickAnotherPolygon"), {
-        textAlign: "center",
-        color: "white",
-        offsetX: rectWidth / 2 + padding,
-        offsetY: -(rectHeight / 2 + padding / 2)
-      });
-      DrawUtils.drawRect(this.canvas, {
-        x: x - padding,
-        y: y - padding,
-        width: padding * 2,
-        height: padding * 2
-      }, {lineDash: [6], color: "white"});
-    }
-  }
-  undo() {
-    if (this.drawingPointList.length > 0) {
-      const drawingPointList = this.drawingHistory.undo();
-      if (!drawingPointList) {
-        return;
-      }
-      this.drawingPointList = drawingPointList;
-      this.render();
-      return;
-    }
-    const polygonList = this.history.undo();
-    if (polygonList) {
-      if (polygonList.length !== this.polygonList.length) {
-        this.deleteSelectedID();
-      }
-      this.setPolygonList(polygonList);
-      this.render();
-    }
-  }
-  redo() {
-    if (this.drawingPointList.length > 0) {
-      const drawingPointList = this.drawingHistory.redo();
-      if (!drawingPointList) {
-        return;
-      }
-      this.drawingPointList = drawingPointList;
-      this.render();
-      return;
-    }
-    const polygonList = this.history.redo();
-    if (polygonList) {
-      if (polygonList.length !== this.polygonList.length) {
-        this.deleteSelectedID();
-      }
-      this.setPolygonList(polygonList);
-      this.render();
-    }
-  }
-  deleteSelectedID() {
-    this.setSelectedID("");
-  }
-}
-
-module.exports = PolygonOperation;
+"use strict";var lbUtils=require("@labelbee/lb-utils"),MathUtils=require("../../utils/MathUtils.js"),RectUtils=require("../../utils/tool/RectUtils.js"),_=require("lodash"),annotation=require("../../constant/annotation.js"),keyCode=require("../../constant/keyCode.js"),tool=require("../../constant/tool.js"),index=require("../../locales/index.js"),constants=require("../../locales/constants.js"),ActionsHistory=require("../../utils/ActionsHistory.js"),AttributeUtils=require("../../utils/tool/AttributeUtils.js"),AxisUtils=require("../../utils/tool/AxisUtils.js"),CanvasUtils=require("../../utils/tool/CanvasUtils.js"),CommonToolUtils=require("../../utils/tool/CommonToolUtils.js"),DrawUtils=require("../../utils/tool/DrawUtils.js"),PolygonUtils=require("../../utils/tool/PolygonUtils.js"),StyleUtils=require("../../utils/tool/StyleUtils.js"),uuid=require("../../utils/uuid.js"),basicToolOperation=require("./basicToolOperation.js"),textAttributeClass=require("./textAttributeClass.js");function _interopDefaultLegacy(c){return c&&typeof c=="object"&&"default"in c?c:{default:c}}var ___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(c,t,e)=>t in c?__defProp(c,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[t]=e,__spreadValues=(c,t)=>{for(var e in t||(t={}))__hasOwnProp.call(t,e)&&__defNormalProp(c,e,t[e]);if(__getOwnPropSymbols)for(var e of __getOwnPropSymbols(t))__propIsEnum.call(t,e)&&__defNormalProp(c,e,t[e]);return c},__spreadProps=(c,t)=>__defProps(c,__getOwnPropDescs(t));const TEXT_MAX_WIDTH=164;class PolygonOperation extends basicToolOperation.BasicToolOperation{constructor(t){super(t);this.isAllowDouble=e=>{const{selectedID:i}=this,s=this.getHoverID(e);return!!(i&&i===s)},this.textChange=e=>{this.config.textConfigurable===!1||!this.selectedID||(this.setPolygonList(AttributeUtils.default.textChange(e,this.selectedID,this.polygonList)),this.emit("selectedChange"),this.render())},this.emitUpdatePolygonByDrag=()=>{if(this.dragInfo){const{originPolygon:e}=this.dragInfo;this.emit("updatePolygonByDrag",[{newPolygon:this.selectedPolygon,originPolygon:e}])}},this.config=CommonToolUtils.jsonParser(t.config),this.drawingPointList=[],this.polygonList=[],this.hoverPointIndex=-1,this.hoverEdgeIndex=-1,this.drawingHistory=new ActionsHistory,this.isCtrl=!1,this.isAlt=!1,this.isCombined=!1,this.pattern=tool.EPolygonPattern.Normal,this.getCurrentSelectedData=this.getCurrentSelectedData.bind(this),this.updateSelectedTextAttribute=this.updateSelectedTextAttribute.bind(this)}eventBinding(){super.eventBinding(),this.container.removeEventListener("mouseup",this.onMouseUp),this.container.addEventListener("mouseup",this.dragMouseUp),this.dblClickListener.addEvent(this.onMouseUp,this.onLeftDblClick,this.onRightDblClick,this.isAllowDouble)}eventUnbinding(){super.eventUnbinding(),this.container.removeEventListener("mouseup",this.dragMouseUp)}destroy(){super.destroy(),this._textAttributInstance&&this._textAttributInstance.clearTextAttribute()}get selectedPolygon(){return PolygonUtils.getPolygonByID(this.visiblePolygonList,this.selectedID)}get hoverPolygon(){return this.visiblePolygonList.find(t=>t.id===this.hoverID&&t.id!==this.selectedID)}get enableDrag(){return Boolean(this.selectedID&&this.dragInfo)}get visiblePolygonList(){return this.polygonList}get polygonListUnderZoom(){return this.visiblePolygonList.map(t=>__spreadProps(__spreadValues({},t),{pointList:AxisUtils.default.changePointListByZoom(t.pointList,this.zoom)}))}get selectedText(){var t;return(t=this.selectedPolygon)==null?void 0:t.textAttribute}get dataList(){return this.polygonList}setPattern(t,e=!1){var i;((i=this.drawingPointList)==null?void 0:i.length)>0&&e===!0||(this.pattern=t)}get currentShowList(){let t=[];const[e,i]=CommonToolUtils.getRenderResultList(this.visiblePolygonList,CommonToolUtils.getSourceID(this.basicResult),this.attributeLockList,this.selectedID);return t=e,this.isHidden&&(t=[]),i&&t.push(i),t}get currentPageResult(){const[t]=CommonToolUtils.getRenderResultList(this.polygonList,CommonToolUtils.getSourceID(this.basicResult),[]);return t}setResult(t){this.clearActiveStatus(),this.setPolygonList(t),this.render()}setPolygonDataByID(t,e){return this.polygonList.map(i=>i.id===e?__spreadValues(__spreadValues({},i),t):i)}rotatePolygon(t=1,e=annotation.ERotateDirection.Clockwise,i=this.selectedID){if(!i)return;const s=PolygonUtils.getPolygonByID(this.polygonList,i);if(!s)return;const o=PolygonUtils.updatePolygonByRotate(e,t,s==null?void 0:s.pointList);this.setPolygonList(this.setPolygonDataByID({pointList:o},i)),this.render()}addPointInDrawing(t){if(!this.imgInfo||this.forbidAddNewPolygonFuc&&this.forbidAddNewPolygonFuc(t))return;const{upperLimitPointNum:e,edgeAdsorption:i}=this.config;if(e&&this.drawingPointList.length>=e){this.emit("messageInfo",`${index.getMessagesByLocale(constants.EMessage.UpperLimitErrorNotice,this.lang)}${e}`);return}this.deleteSelectedID();const s=this.getCoordinateUnderZoom(t),o=AxisUtils.default.changeDrawOutsideTarget(s,{x:0,y:0},this.imgInfo,this.config.drawOutsideTarget,this.basicResult,this.zoom);if(AxisUtils.default.returnClosePointIndex(o,AxisUtils.default.changePointListByZoom(this.drawingPointList,this.zoom))===0){this.addDrawingPointToPolygonList();return}const{dropFoot:n}=PolygonUtils.getClosestPoint(o,this.polygonListUnderZoom,this.config.lineType,tool.edgeAdsorptionScope),r=AxisUtils.default.changePointByZoom(n&&t.altKey===!1&&i?n:o,1/this.zoom);if(this.pattern===tool.EPolygonPattern.Rect&&this.drawingPointList.length===2){const a=MathUtils.default.getRectangleByRightAngle(r,this.drawingPointList);if(this.drawingPointList=a,this.config.drawOutsideTarget===!1&&this.imgInfo&&this.isPolygonOutSide(this.drawingPointList)){this.emit("messageInfo",`${index.getMessagesByLocale(constants.EMessage.ForbiddenCreationOutsideBoundary,this.lang)}`),this.drawingPointList=[];return}this.addDrawingPointToPolygonList(!0);return}this.drawingPointList.push(r),this.drawingPointList.length===1?this.drawingHistory.initRecord(this.drawingPointList):this.drawingHistory.pushHistory(this.drawingPointList)}clearResult(){this.setPolygonList([]),this.deleteSelectedID(),this.render()}clearPolygonDrag(){this.drawingPointList=[],this.dragInfo=void 0,this.dragInfo=void 0,this.dragStatus=annotation.EDragStatus.Wait,this.hoverEdgeIndex=-1,this.hoverPointIndex=-1,this.hoverID=""}clearActiveStatus(){this.clearPolygonDrag(),this.deleteSelectedID()}clearDrawingStatus(){this.drawingPointList=[]}setPolygonList(t){const e=this.polygonList.length;this.polygonList=t,e!==t.length&&this.emit("updatePageNumber")}setSelectedID(t){var e,i;const s=this.selectedID;t!==s&&s&&((e=this._textAttributInstance)==null||e.changeSelected()),t||(i=this._textAttributInstance)==null||i.clearTextAttribute(),this.selectedID=t,this.render(),this.emit("selectedChange")}setDefaultAttribute(t=""){const e=this.defaultAttribute;if(this.defaultAttribute=t,e!==t){this.changeStyle(t),this.emit("changeAttributeSidebar");const{selectedID:i}=this;if(i&&(this.selectedPolygon&&(this.selectedPolygon.attribute=t),this.history.pushHistory(this.polygonList),this.render()),this._textAttributInstance){if(this.attributeLockList.length>0&&!this.attributeLockList.includes(t)){this._textAttributInstance.clearTextAttribute();return}this._textAttributInstance.updateIcon(this.getTextIconSvg(t))}}}setStyle(t){var e;super.setStyle(t),this._textAttributInstance&&this.config.attributeConfigurable===!1&&((e=this._textAttributInstance)==null||e.updateIcon(this.getTextIconSvg()))}setPolygonValidAndRender(t){if(!t)return;const e=this.polygonList.map(i=>{var s;if(i.id===t){const o=(s=i==null?void 0:i.valid)!=null?s:!0;return __spreadProps(__spreadValues({},i),{valid:!o})}return i});this.setPolygonList(e),this.history.pushHistory(this.polygonList),this.render(),this.emit("updateResult")}addDrawingPointToPolygonList(t){let{lowerLimitPointNum:e=3}=this.config;e<3&&(e=3);let i;if(this.drawingPointList.length<e){this.drawingPointList=[],this.editPolygonID="";return}const s=CommonToolUtils.getSourceID(this.basicResult),o=[...this.polygonList];if(this.editPolygonID){const l=o.find(n=>n.id===this.editPolygonID);if(!l)return;l.pointList=this.drawingPointList,this.editPolygonID=""}else{const l=uuid(8,62);let n={id:l,sourceID:s,valid:!this.isCtrl,textAttribute:"",pointList:this.drawingPointList,attribute:this.defaultAttribute,order:CommonToolUtils.getMaxOrder(o.filter(r=>CommonToolUtils.isSameSourceID(r.sourceID,s)))+1};if(this.config.textConfigurable){let r="";r=AttributeUtils.default.getTextAttribute(this.polygonList.filter(a=>CommonToolUtils.isSameSourceID(a.sourceID,s)),this.config.textCheckType),n=__spreadProps(__spreadValues({},n),{textAttribute:r})}this.pattern===tool.EPolygonPattern.Rect&&t===!0&&(n=__spreadProps(__spreadValues({},n),{isRect:!0})),o.push(n),i=n,this.setSelectedIdAfterAddingDrawing(l)}this.setPolygonList(o),this.isCtrl=!1,this.drawingPointList=[],this.history.pushHistory(o),i&&this.emit("polygonCreated",i,this.zoom,this.currentPos)}setSelectedIdAfterAddingDrawing(t){this.drawingPointList.length!==0&&(this.config.textConfigurable?this.setSelectedID(t):this.deleteSelectedID())}getHoverID(t){var e;const i=this.getCoordinateUnderZoom(t),s=this.currentShowList.map(o=>__spreadProps(__spreadValues({},o),{pointList:AxisUtils.default.changePointListByZoom(o.pointList,this.zoom)}));return PolygonUtils.getHoverPolygonID(i,s,10,(e=this.config)==null?void 0:e.lineType)}getHoverEdgeIndex(t){var e;if(!this.selectedID)return-1;const i=this.selectedPolygon;if(!i)return-1;const s=this.getCoordinateUnderZoom(t),o=AxisUtils.default.changePointListByZoom(i.pointList,this.zoom);return PolygonUtils.getHoverEdgeIndex(s,o,(e=this.config)==null?void 0:e.lineType)}getHoverPointIndex(t){if(!this.selectedID)return-1;const e=this.selectedPolygon;if(!e)return-1;const i=this.getCoordinateUnderZoom(t),s=AxisUtils.default.changePointListByZoom(e.pointList,this.zoom);return AxisUtils.default.returnClosePointIndex(i,s)}deletePolygon(t){var e;if(!t)return;const i=this.polygonList.find(s=>s.id===t);this.emit("deletedObject",{deletedObject:i,id:t}),this.setPolygonList(this.polygonList.filter(s=>s.id!==t)),this.history.pushHistory(this.polygonList),(e=this._textAttributInstance)==null||e.clearTextAttribute(),this.emit("selectedChange"),this.render()}deletePolygonPoint(t){if(!this.selectedID)return;const{selectedPolygon:e}=this;if(!e)return;let{lowerLimitPointNum:i}=this.config;if(i<3&&(i=3),e.pointList.length<=i){this.emit("messageInfo",`${index.getMessagesByLocale(constants.EMessage.LowerLimitErrorNotice,this.lang)}${i}`);return}e==null||e.pointList.splice(t,1),this.history.pushHistory(this.polygonList),this.render()}spaceKeydown(){var t,e,i;if(this.selectedID){if(((t=this.selectedPolygon)==null?void 0:t.isRect)===!0){this.emit("messageInfo",`${index.getMessagesByLocale(constants.EMessage.UnableToReannotation,this.lang)}`);return}this.editPolygonID=this.selectedID,this.drawingPointList=(i=(e=this.selectedPolygon)==null?void 0:e.pointList)!=null?i:[],this.drawingHistory.empty(),this.drawingHistory.initRecord(this.drawingPointList),this.hoverID="",this.deleteSelectedID(),this.render()}}onTabKeyDown(t){t.preventDefault();let e=annotation.ESortDirection.ascend;t.shiftKey&&(e=annotation.ESortDirection.descend),this.switchToNextPolygon(e)}switchToNextPolygon(t){if(this.drawingPointList.length>0)return;const[e,i]=CommonToolUtils.getRenderResultList(this.polygonList,CommonToolUtils.getSourceID(this.basicResult),this.attributeLockList,this.selectedID);let s=[...e];i&&(s=[...s,i]);const o=CanvasUtils.getViewPort(this.canvas,this.currentPos,this.zoom),l=s.map(r=>{var a,d,g,h;return __spreadProps(__spreadValues({},r),{x:(d=(a=r.pointList[0])==null?void 0:a.x)!=null?d:0,y:(h=(g=r.pointList[0])==null?void 0:g.y)!=null?h:0})}).filter(r=>CanvasUtils.inViewPort({x:r.x,y:r.y},o)),n=CommonToolUtils.getNextSelectedRectID(l,t,this.selectedID);if(n){this.setSelectedID(n.id);const{selectedPolygon:r}=this;r&&this.setDefaultAttribute(r.attribute)}this.render()}onKeyDown(t){if(!CommonToolUtils.hotkeyFilter(t)||super.onKeyDown(t)===!1)return;const{keyCode:e}=t;switch(e){case keyCode.Space:this.spaceKeydown();break;case keyCode.Esc:this.drawingPointList=[],this.editPolygonID="";break;case keyCode.F:this.selectedID&&this.setPolygonValidAndRender(this.selectedID);break;case keyCode.Z:if(t.altKey){this.onCombinedExecute();return}this.setIsHidden(!this.isHidden),this.render();break;case keyCode.Delete:this.deletePolygon(this.selectedID),this.render();break;case keyCode.Ctrl:this.isCtrl=!0;break;case keyCode.Alt:this.isAlt===!1&&(t.preventDefault(),this.isAlt=!0,this.render());break;case keyCode.Tab:{this.onTabKeyDown(t);break}case keyCode.X:t.altKey&&this.segment();break;default:{if(this.config.attributeConfigurable){const i=AttributeUtils.default.getAttributeByKeycode(e,this.config.attributeList);i!==void 0&&this.setDefaultAttribute(i)}break}}}onKeyUp(t){switch(super.onKeyUp(t),t.keyCode){case keyCode.Ctrl:this.isCtrl=!1;break;case keyCode.Alt:{const e=this.isAlt;this.isAlt=!1,e===!0&&this.render();break}}}rightMouseUp(t){if(this.drawingPointList.length>0){this.addDrawingPointToPolygonList();return}this.setSelectedID(this.hoverID);const{selectedPolygon:e}=this;e&&this.setDefaultAttribute(e.attribute)}onLeftDblClick(t){if(this.hoverEdgeIndex>-1){const e=this.getCoordinateUnderZoom(t),{selectedPolygon:i}=this;if(!i)return;if(i.isRect===!0){this.emit("messageInfo",`${index.getMessagesByLocale(constants.EMessage.ForbidAddNewPoint,this.lang)}`),this.clearPolygonDrag();return}const{dropFoot:s}=PolygonUtils.getClosestPoint(e,this.polygonListUnderZoom,this.config.lineType,tool.edgeAdsorptionScope);if(!s)return;const{upperLimitPointNum:o}=this.config;if(o&&i.pointList.length>=o){this.emit("messageInfo",`${index.getMessagesByLocale(constants.EMessage.UpperLimitErrorNotice,this.lang)}${o}`),this.clearPolygonDrag();return}i==null||i.pointList.splice(this.hoverEdgeIndex+1,0,AxisUtils.default.changePointByZoom(s,1/this.zoom)),this.setPolygonDataByID(i,this.selectedID),this.history.pushHistory(this.polygonList),this.hoverPointIndex=-1,this.hoverEdgeIndex=-1,this.render()}this.dragInfo=void 0}onRightDblClick(t){this.dragInfo=void 0,this.clearImgDrag();const e=this.getHoverID(t),i=this.getHoverPointIndex(t);if(this.hoverPointIndex>-1&&this.hoverPointIndex===i){this.deletePolygonPoint(i),this.dragInfo=void 0,this.hoverPointIndex=-1,this.render();return}this.hoverID===this.selectedID&&this.deletePolygon(e),this.render()}onMouseDown(t){if(!(super.onMouseDown(t)||this.forbidMouseOperation||t.ctrlKey===!0))return this.dragMouseDown(t),!0}dragMouseDown(t){const e=this.selectedPolygon;if(!e||t.button!==0||this.getHoverID(t)!==this.selectedID)return;const s=e.pointList,o=this.getCoordinateUnderZoom(t);let l=[0],n=annotation.EDragTarget.Plane;this.dragStatus=annotation.EDragStatus.Start;const r=this.getHoverPointIndex(t),a=this.getHoverEdgeIndex(t);r>-1?(n=annotation.EDragTarget.Point,l=[r]):a>-1&&this.hoverEdgeIndex>-1&&(n=annotation.EDragTarget.Line,l=[a,(a+1)%s.length]),this.dragInfo={dragStartCoord:o,dragTarget:n,initPointList:s,changePointIndex:l,originPolygon:this.selectedPolygon,dragPrevCoord:o,originPolygonList:this.polygonList}}segment(){var t;if(!this.selectedID||((t=this.config)==null?void 0:t.lineType)!==tool.ELineTypes.Line)return;const e=PolygonUtils.getPolygonPointList(this.selectedID,this.currentShowList),i=this.currentShowList.filter(l=>l.id!==this.selectedID);if(i.length===0||e.length===0)return;const s=PolygonUtils.getWrapPolygonIndex(e,i);let o=[...this.polygonList];if(s===-1){const l=PolygonUtils.segmentPolygonByPolygon(e,i);if(!l)return;const n=l.shift();if(!n)return;let r="",a=!0;const d=CommonToolUtils.getSourceID(this.basicResult);let g="";o=this.polygonList.map(h=>{var u,f;return h.id===this.selectedID?(r=h.attribute,a=(u=h==null?void 0:h.valid)!=null?u:!0,g=(f=h==null?void 0:h.textAttribute)!=null?f:"",__spreadProps(__spreadValues({},h),{pointList:n})):h}),l.length>0&&l.forEach((h,u)=>{o.push({sourceID:d,id:uuid(8,62),pointList:h,valid:a,order:CommonToolUtils.getMaxOrder(this.currentShowList)+1+u,attribute:r,textAttribute:g})})}else o[s].pointList=PolygonUtils.clipPolygonFromWrapPolygon(e,o[s].pointList),o=o.filter(l=>l.id!==this.selectedID);this.setPolygonList(o),this.history.pushHistory(o),this.render()}onCombinedExecute(){if(!this.selectedID){this.emit("messageInfo",lbUtils.i18n.t("PolygonsToBeCombinedNeedToBeSelected"));return}this.isCombined=!this.isCombined}combine(t){var e;const i=this.getHoverID(t);if(!i||!this.selectedID||this.selectedID===i)return;if(((e=this.config)==null?void 0:e.lineType)!==tool.ELineTypes.Line){this.emit("messageInfo",lbUtils.i18n.t("CurveModeDoesNotSupportCutting"));return}const s=this.polygonList.find(a=>a.id===this.selectedID),o=this.currentShowList.find(a=>a.id===i);if(!o||!s)return;const l=PolygonUtils.combinePolygonWithPolygon(s,o);if(!l)return;const{newPolygon:n,unionList:r}=l;if(r.length===1&&n){const a=this.polygonList.filter(d=>!r.includes(d.id)).map(d=>d.id===this.selectedID?n:d);this.setPolygonList(a),this.history.pushHistory(a),this.render(),this.emit("messageInfo",lbUtils.i18n.t("CombineSuccess"))}else this.emit("messageInfo",lbUtils.i18n.t("CombiningFailedNotify"));this.isCombined=!1}isPolygonOutSide(t){if(this.dependToolName&&this.basicCanvas&&this.basicResult){let n=!1;switch(this.dependToolName){case tool.EToolName.Rect:{n=t.filter(r=>!RectUtils.isInRect(r,this.basicResult)).length>0;break}case tool.EToolName.Polygon:{n=PolygonUtils.isPointListOutSidePolygon(t,this.basicResult.pointList,this.config.lineType);break}}return n}if(!this.imgInfo)return!1;const{left:e,top:i,right:s,bottom:o}=MathUtils.default.calcViewportBoundaries(AxisUtils.default.changePointListByZoom(t,this.zoom)),l=1e-5;return e<0||i<0||s>this.imgInfo.width+l||o>this.imgInfo.height+l}getDragOffset(t,e){var i;const s=this.getCoordinateUnderZoom(t),{dragTarget:o,dragPrevCoord:l,changePointIndex:n,initPointList:r,dragStartCoord:a}=this.dragInfo;if(this.pattern===tool.EPolygonPattern.Rect&&(e==null?void 0:e.isRect)===!0&&n&&[annotation.EDragTarget.Line].includes(o)){const d=MathUtils.default.getArrayIndex(n[0]-2,4),g=MathUtils.default.getArrayIndex(n[0]-1,4),h=[r[d],r[g]],u=MathUtils.default.getRectPerpendicularOffset(a,s,h);return{x:u.x/this.zoom,y:u.y/this.zoom}}return((i=this.dragInfo)==null?void 0:i.dragTarget)===annotation.EDragTarget.Plane?{x:(s.x-l.x)/this.zoom,y:(s.y-l.y)/this.zoom}:{x:(s.x-a.x)/this.zoom,y:(s.y-a.y)/this.zoom}}dragPolygon(t,e){let i=___default.default.cloneDeep(e==null?void 0:e.pointList);if(!i||!this.dragInfo)return;const{initPointList:s,dragTarget:o,changePointIndex:l}=this.dragInfo,n=this.getDragOffset(t,e);switch(this.dragStatus=annotation.EDragStatus.Move,o){case annotation.EDragTarget.Plane:i=i.map(r=>__spreadProps(__spreadValues({},r),{x:r.x+n.x,y:r.y+n.y}));break;case annotation.EDragTarget.Point:case annotation.EDragTarget.Line:i=i.map((r,a)=>l&&l.includes(a)?__spreadProps(__spreadValues({},r),{x:s[a].x+n.x,y:s[a].y+n.y}):r);break}if(this.pattern===tool.EPolygonPattern.Rect&&(e==null?void 0:e.isRect)===!0&&o===annotation.EDragTarget.Point&&l&&(i=MathUtils.default.getPointListFromPointOffset(s,l[0],n)),!(this.config.drawOutsideTarget===!1&&this.imgInfo&&this.isPolygonOutSide(i)))return i}onDragMove(t){const e=this.polygonList.map(i=>{if(i.id===this.selectedID){const s=this.dragPolygon(t,i);if(!s)return i;const o=__spreadProps(__spreadValues({},i),{pointList:s});return i.isRect===!0&&this.pattern===tool.EPolygonPattern.Normal&&Object.assign(o,{isRect:!1}),o}return i});this.dragInfo.dragPrevCoord=this.getCoordinateUnderZoom(t),this.setPolygonList(e),this.render()}onMouseMove(t){if(super.onMouseMove(t)||this.forbidMouseOperation||!this.imgInfo)return;if(this.enableDrag){this.onDragMove(t);return}let e=-1,i=-1;const{selectedID:s}=this;if(s&&(this.hoverEdgeIndex=-1,this.hoverPointIndex=-1,e=this.getHoverPointIndex(t),e>-1?this.hoverPointIndex=e:(i=this.getHoverEdgeIndex(t),this.hoverEdgeIndex=i)),this.drawingPointList.length>0)return;const o=this.getHoverID(t);this.hoverID!==o&&(this.hoverID=o,this.render())}leftMouseUpdateValid(t){const e=this.getHoverID(t);return this.drawingPointList.length===0&&t.ctrlKey===!0&&e?(this.setPolygonValidAndRender(e),!0):!1}leftMouseUp(t){this.leftMouseUpdateValid(t)||this.addPointInDrawing(t)}onMouseUp(t){if(this.isCombined){switch(t.button){case 0:this.combine(t);break;case 2:this.isCombined=!1;break;default:return}return}if(!(super.onMouseUp(t)||this.forbidMouseOperation||!this.imgInfo)){if(this.dragInfo&&this.dragStatus===annotation.EDragStatus.Move){this.emit("updateResult"),this.emitUpdatePolygonByDrag(),this.dragInfo=void 0,this.dragStatus=annotation.EDragStatus.Wait,this.history.pushHistory(this.polygonList);return}switch(t.button){case 0:{this.leftMouseUp(t);break}case 2:{this.rightMouseUp(t);break}}this.render()}}dragMouseUp(){this.dragStatus===annotation.EDragStatus.Start&&(this.dragInfo=void 0,this.dragStatus=annotation.EDragStatus.Wait)}exportData(){const{polygonList:t}=this;return[t,this.basicImgInfo]}getTextIconSvg(t=""){return AttributeUtils.default.getTextIconSvg(t,this.config.attributeList,this.config.attributeConfigurable,this.baseIcon)}getCurrentSelectedData(){const{selectedPolygon:t}=this;if(!t)return;const e=this.getColor(t.attribute),i=t.valid?e==null?void 0:e.valid.stroke:e==null?void 0:e.invalid.stroke;return{width:TEXT_MAX_WIDTH,textAttribute:t.textAttribute,color:i}}updateSelectedTextAttribute(t){if(this._textAttributInstance&&t&&this.selectedID){let e=t;AttributeUtils.default.textAttributeValidate(this.config.textCheckType,"",e)===!1&&(this.emit("messageError",AttributeUtils.default.getErrorNotice(this.config.textCheckType,this.lang)),e=""),this.setPolygonList(AttributeUtils.default.textChange(e,this.selectedID,this.polygonList)),this.emit("updateTextAttribute"),this.render()}}renderTextAttribute(){var t;const{selectedPolygon:e}=this;if(!this.ctx||this.config.textConfigurable===!1||!e)return;const{pointList:i,attribute:s,valid:o,textAttribute:l}=e,{x:n,y:r}=i[i.length-1],a=TEXT_MAX_WIDTH,d=AxisUtils.default.getOffsetCoordinate({x:n,y:r},this.currentPos,this.zoom),g=this.getColor(s),h=o?g==null?void 0:g.valid.stroke:g==null?void 0:g.invalid.stroke;this._textAttributInstance||(this._textAttributInstance=new textAttributeClass({width:a,container:this.container,icon:this.getTextIconSvg(s),color:h,getCurrentSelectedData:this.getCurrentSelectedData,updateSelectedTextAttribute:this.updateSelectedTextAttribute})),this._textAttributInstance&&!((t=this._textAttributInstance)==null?void 0:t.isExit)&&this._textAttributInstance.appendToContainer(),this._textAttributInstance.update(`${l}`,{left:d.x,top:d.y,color:h,width:a})}renderStaticPolygon(){var t;this.isHidden===!1&&((t=this.visiblePolygonList)==null||t.forEach(e=>{var i,s,o,l,n;if([this.selectedID,this.editPolygonID].includes(e.id))return;const{textAttribute:r,attribute:a}=e,d=this.getColor(a),g=StyleUtils.getStrokeAndFill(d,e.valid),h=AxisUtils.default.changePointListByZoom(e.pointList||[],this.zoom,this.currentPos);DrawUtils.drawPolygonWithFillAndLine(this.canvas,h,{fillColor:g.fill,strokeColor:g.stroke,pointColor:"white",thickness:(s=(i=this.style)==null?void 0:i.width)!=null?s:2,lineCap:"round",isClose:!0,lineType:(o=this.config)==null?void 0:o.lineType});let u=`${(l=AttributeUtils.default.getAttributeShowText(a,this.config.attributeList))!=null?l:""}`;((n=this.config)==null?void 0:n.isShowOrder)&&(e==null?void 0:e.order)>0&&(u=`${e.order} ${u}`),DrawUtils.drawText(this.canvas,h[0],u,__spreadValues({color:g.stroke},annotation.DEFAULT_TEXT_OFFSET));const f=h[h.length-1];DrawUtils.drawText(this.canvas,{x:f.x+annotation.TEXT_ATTRIBUTE_OFFSET.x,y:f.y+annotation.TEXT_ATTRIBUTE_OFFSET.y},r,__spreadValues({color:g.stroke},annotation.DEFAULT_TEXT_OFFSET))}))}renderSelectedPolygon(){var t,e,i;const{selectedPolygon:s}=this;if(s){const o=this.getColor(s.attribute),l=StyleUtils.getStrokeAndFill(o,s.valid,{isSelected:!0});DrawUtils.drawSelectedPolygonWithFillAndLine(this.canvas,AxisUtils.default.changePointListByZoom(s.pointList,this.zoom,this.currentPos),{fillColor:l.fill,strokeColor:l.stroke,pointColor:"white",thickness:2,lineCap:"round",isClose:!0,lineType:(t=this.config)==null?void 0:t.lineType});let n=`${(e=AttributeUtils.default.getAttributeShowText(s.attribute,this.config.attributeList))!=null?e:""}`;((i=this.config)==null?void 0:i.isShowOrder)&&(s==null?void 0:s.order)>0&&(n=`${s.order} ${n}`),DrawUtils.drawText(this.canvas,AxisUtils.default.changePointByZoom(s.pointList[0],this.zoom,this.currentPos),n,__spreadValues({color:l.stroke},annotation.DEFAULT_TEXT_OFFSET)),this.renderTextAttribute()}}renderHoverPolygon(){var t;if(this.hoverID&&this.hoverID!==this.editPolygonID){const{hoverPolygon:e}=this;if(e){let i="";const s=this.getColor(e.attribute);e.valid?i=s.validHover.fill:i=StyleUtils.getStrokeAndFill(s,!1,{isHover:!0}).fill,DrawUtils.drawPolygonWithFill(this.canvas,AxisUtils.default.changePointListByZoom(e.pointList,this.zoom,this.currentPos),{color:i,lineType:(t=this.config)==null?void 0:t.lineType})}}}renderPolygon(){var t,e,i,s;this.renderStaticPolygon(),this.renderHoverPolygon(),this.renderSelectedPolygon();const o=this.getColor(this.defaultAttribute),l=StyleUtils.getStrokeAndFill(o,!this.isCtrl);if(((t=this.drawingPointList)==null?void 0:t.length)>0){let n=[...this.drawingPointList],r=AxisUtils.default.getOriginCoordinateWithOffsetCoordinate(this.coord,this.zoom,this.currentPos);if(this.pattern===tool.EPolygonPattern.Rect&&n.length===2)n=MathUtils.default.getRectangleByRightAngle(r,n);else{if(((e=this.config)==null?void 0:e.edgeAdsorption)&&this.isAlt===!1){const{dropFoot:a}=PolygonUtils.getClosestPoint(r,this.polygonList,(i=this.config)==null?void 0:i.lineType,tool.edgeAdsorptionScope/this.zoom);a&&(r=a)}n.push(r)}DrawUtils.drawSelectedPolygonWithFillAndLine(this.canvas,AxisUtils.default.changePointListByZoom(n,this.zoom,this.currentPos),{fillColor:l.fill,strokeColor:l.stroke,pointColor:"white",thickness:2,lineCap:"round",isClose:!1,lineType:this.config.lineType})}if(this.hoverPointIndex>-1&&this.selectedID){const n=this.selectedPolygon;if(!n)return;const r=StyleUtils.getStrokeAndFill(o,n.valid,{isSelected:!0}),a=n==null?void 0:n.pointList[this.hoverPointIndex];if(a){const{x:d,y:g}=AxisUtils.default.changePointByZoom(a,this.zoom,this.currentPos);DrawUtils.drawCircleWithFill(this.canvas,{x:d,y:g},5,{color:r.fill})}}if(this.hoverEdgeIndex>-1&&this.selectedID){const n=this.selectedPolygon;if(!n)return;const r=StyleUtils.getStrokeAndFill(o,n.valid,{isSelected:!0});DrawUtils.drawLineWithPointList(this.canvas,AxisUtils.default.changePointListByZoom(n.pointList,this.zoom,this.currentPos),{color:r.stroke,thickness:10,hoverEdgeIndex:this.hoverEdgeIndex,lineType:(s=this.config)==null?void 0:s.lineType})}}render(){!this.ctx||(super.render(),this.renderPolygon(),this.renderCursorLine(this.getLineColor(this.defaultAttribute)))}renderCursorLine(t){if(super.renderCursorLine(t),this.isCombined){const{x:e,y:i}=this.coord,s=10,o=186,l=32;DrawUtils.drawRectWithFill(this.canvas,{x:e+s,y:i-s*4-1,width:o,height:l},{color:"black"}),DrawUtils.drawText(this.canvas,{x:e,y:i},lbUtils.i18n.t("ClickAnotherPolygon"),{textAlign:"center",color:"white",offsetX:o/2+s,offsetY:-(l/2+s/2)}),DrawUtils.drawRect(this.canvas,{x:e-s,y:i-s,width:s*2,height:s*2},{lineDash:[6],color:"white"})}}undo(){if(this.drawingPointList.length>0){const e=this.drawingHistory.undo();if(!e)return;this.drawingPointList=e,this.render();return}const t=this.history.undo();t&&(t.length!==this.polygonList.length&&this.deleteSelectedID(),this.setPolygonList(t),this.render())}redo(){if(this.drawingPointList.length>0){const e=this.drawingHistory.redo();if(!e)return;this.drawingPointList=e,this.render();return}const t=this.history.redo();t&&(t.length!==this.polygonList.length&&this.deleteSelectedID(),this.setPolygonList(t),this.render())}deleteSelectedID(){this.setSelectedID("")}}module.exports=PolygonOperation;