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

package/es/core/toolOperation/rectOperation.js

@@ -1,1228 +1 @@
-import MathUtils from '../../utils/MathUtils.js';
-import AxisUtils from '../../utils/tool/AxisUtils.js';
-import RectUtils from '../../utils/tool/RectUtils.js';
-import { EDragStatus, ESortDirection, DEFAULT_TEXT_SHADOW } from '../../constant/annotation.js';
-import { EDragTarget, EOperationMode } from '../../constant/tool.js';
-import EKeyCode from '../../constant/keyCode.js';
-import Locale from '../../locales/index.js';
-import { EMessage } from '../../locales/constants.js';
-import AttributeUtils from '../../utils/tool/AttributeUtils.js';
-import CanvasUtils from '../../utils/tool/CanvasUtils.js';
-import CommonToolUtils from '../../utils/tool/CommonToolUtils.js';
-import DrawUtils from '../../utils/tool/DrawUtils.js';
-import MarkerUtils from '../../utils/tool/MarkerUtils.js';
-import { getPolygonPointUnderZoom } from '../../utils/tool/polygonTool.js';
-import uuid from '../../utils/uuid.js';
-import { BasicToolOperation } from './basicToolOperation.js';
-import TextAttributeClass from './textAttributeClass.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const scope = 6;
-class RectOperation extends BasicToolOperation {
-  constructor(props) {
-    super(props);
-    this.setMarkerIndex = (markerIndex) => {
-      this.markerIndex = markerIndex;
-    };
-    this.setMarkerIndexAndSelect = (markerIndex) => {
-      if (!this.config.markerList) {
-        return;
-      }
-      this.markerIndex = markerIndex;
-      const markerValue = this.config.markerList[markerIndex].value;
-      const currentRect = this.currentPageResult.find((rect) => rect.label === markerValue);
-      if (currentRect) {
-        this.setSelectedID(currentRect.id);
-        if (this.config.attributeConfigurable === true) {
-          this.setDefaultAttribute(currentRect.attribute);
-        }
-      }
-      this.emit("markIndexChange");
-    };
-    this.getHoverRectID = (e) => {
-      const coordinate = this.getCoordinateUnderZoom(e);
-      const newScope = scope;
-      const {currentShowList} = this;
-      if (currentShowList.length > 0) {
-        if (this.selectedRectID) {
-          const {selectedRect} = this;
-          if (selectedRect) {
-            if (RectUtils.isInRect(coordinate, selectedRect, newScope, this.zoom)) {
-              return selectedRect.id;
-            }
-          }
-        }
-        const hoverList = currentShowList.filter((rect) => RectUtils.isInRect(coordinate, rect, newScope, this.zoom));
-        if (hoverList.length === 0) {
-          return "";
-        }
-        if (hoverList.length === 1) {
-          return hoverList[0].id;
-        }
-        if (hoverList.length > 1) {
-          const rectSizeList = hoverList.map((rect) => ({size: rect.width * rect.height, id: rect.id})).sort((a, b) => a.size - b.size);
-          return rectSizeList[0].id;
-        }
-      }
-      return "";
-    };
-    this.textChange = (v) => {
-      if (this.config.textConfigurable !== true || !this.selectedRectID) {
-        return;
-      }
-      this.setRectList(AttributeUtils.textChange(v, this.selectedRectID, this.rectList), true);
-      this.emit("selectedChange");
-      this.render();
-    };
-    this.drawOutSideTarget = props.drawOutSideTarget || false;
-    this.rectList = [];
-    this.isFlow = true;
-    this.config = CommonToolUtils.jsonParser(props.config);
-    this.hoverRectEdgeIndex = -1;
-    this.hoverRectPointIndex = -1;
-    this.markerIndex = 0;
-    this.setStyle(props.style);
-    this.createNewDrawingRect = this.createNewDrawingRect.bind(this);
-    this.getDrawingRectWithRectList = this.getDrawingRectWithRectList.bind(this);
-    this.setSelectedIdAfterAddingDrawingRect = this.setSelectedIdAfterAddingDrawingRect.bind(this);
-    this.getCurrentSelectedData = this.getCurrentSelectedData.bind(this);
-    this.updateSelectedRectTextAttribute = this.updateSelectedRectTextAttribute.bind(this);
-    this.setSelectedID = this.setSelectedID.bind(this);
-  }
-  setResult(rectList) {
-    this.clearActiveStatus();
-    this.setRectList(rectList);
-    if (this.hasMarkerConfig) {
-      const nextMarkerInfo = CommonToolUtils.getNextMarker(this.getCurrentPageResult(rectList), this.config.markerList);
-      if (nextMarkerInfo) {
-        this.setMarkerIndex(nextMarkerInfo.index);
-      }
-    }
-    this.render();
-  }
-  destroy() {
-    super.destroy();
-    if (this._textAttributInstance) {
-      this._textAttributInstance.clearTextAttribute();
-    }
-  }
-  setConfig(config, isClear = false) {
-    this.config = CommonToolUtils.jsonParser(config);
-    if (isClear === true) {
-      this.clearResult(false);
-    }
-  }
-  setRectList(rectList, isUpload = false) {
-    const oldLen = this.rectList.length;
-    this.rectList = rectList;
-    if (oldLen !== rectList.length) {
-      this.emit("updatePageNumber");
-    }
-    if (isUpload) {
-      this.emit("updateResult");
-    }
-  }
-  get selectedRect() {
-    return this.rectList.find((v) => v.id === this.selectedRectID);
-  }
-  get selectedID() {
-    return this.selectedRectID;
-  }
-  get selectedText() {
-    var _a;
-    return (_a = this.selectedRect) == null ? void 0 : _a.textAttribute;
-  }
-  get dataList() {
-    return this.rectList;
-  }
-  get currentShowList() {
-    let rect = [];
-    const [showingRect, selectedRect] = CommonToolUtils.getRenderResultList(this.rectList, CommonToolUtils.getSourceID(this.basicResult), this.attributeLockList, this.selectedID);
-    rect = showingRect;
-    if (this.isHidden) {
-      rect = [];
-    }
-    if (selectedRect) {
-      rect.push(selectedRect);
-    }
-    return rect;
-  }
-  get currentPageResult() {
-    const [showingRect] = CommonToolUtils.getRenderResultList(this.rectList, CommonToolUtils.getSourceID(this.basicResult), []);
-    return showingRect;
-  }
-  getCurrentPageResult(rectList) {
-    const [showingRect] = CommonToolUtils.getRenderResultList(rectList, CommonToolUtils.getSourceID(this.basicResult), []);
-    return showingRect;
-  }
-  setSelectedID(newID) {
-    this.setSelectedRectID(newID);
-  }
-  setSelectedRectID(newID) {
-    var _a, _b;
-    const oldID = this.selectedRectID;
-    if (newID !== oldID && oldID) {
-      (_a = this._textAttributInstance) == null ? void 0 : _a.changeSelected();
-    }
-    if (!newID) {
-      (_b = this._textAttributInstance) == null ? void 0 : _b.clearTextAttribute();
-    }
-    this.selectedRectID = newID;
-    this.render();
-    this.emit("selectedChange");
-  }
-  setStyle(toolStyle) {
-    var _a;
-    super.setStyle(toolStyle);
-    if (this._textAttributInstance && this.config.attributeConfigurable === false) {
-      (_a = this._textAttributInstance) == null ? void 0 : _a.updateIcon(this.getTextIconSvg());
-    }
-  }
-  updateSelectedRectTextAttribute(newTextAttribute) {
-    if (this._textAttributInstance && newTextAttribute) {
-      let textAttribute = newTextAttribute;
-      if (AttributeUtils.textAttributeValidate(this.config.textCheckType, "", textAttribute) === false) {
-        this.emit("messageError", AttributeUtils.getErrorNotice(this.config.textCheckType, this.lang));
-        textAttribute = "";
-      }
-      this.setRectList(this.rectList.map((v) => {
-        if (v.id === this.selectedRectID) {
-          return __spreadProps(__spreadValues({}, v), {
-            textAttribute
-          });
-        }
-        return v;
-      }), true);
-      this.emit("updateTextAttribute");
-      this.render();
-    }
-  }
-  getHoverRectPointIndex(e) {
-    if (!this.selectedRect) {
-      return -1;
-    }
-    return AxisUtils.returnClosePointIndex(this.getCoordinateUnderZoom(e), RectUtils.getRectPointList(this.selectedRect, this.zoom), scope + 2);
-  }
-  getHoverRectEdgeIndex(e) {
-    if (!this.selectedRect) {
-      return -1;
-    }
-    let edgeIndex = -1;
-    const {selectedRect} = this;
-    const edgeList = RectUtils.getRectEdgeList(selectedRect, this.zoom);
-    const coordinate = this.getCoordinateUnderZoom(e);
-    for (let i = 0; i < edgeList.length; i++) {
-      const edge = edgeList[i];
-      const {length} = MathUtils.getFootOfPerpendicular(coordinate, edge.begin, edge.end);
-      if (length < scope + 10) {
-        edgeIndex = i;
-      }
-    }
-    return edgeIndex;
-  }
-  getTextIconSvg(attribute = "") {
-    return AttributeUtils.getTextIconSvg(attribute, this.config.attributeList, this.config.attributeConfigurable, this.baseIcon);
-  }
-  multiMoveMouseDown(e) {
-    const dragStartCoord = this.getCoordinateUnderZoom(e);
-    const hoverRectID = this.getHoverRectID(e);
-    if (this.isMultiMoveMode && hoverRectID && e.button === 0) {
-      this.dragInfo = {
-        dragStartCoord,
-        dragTarget: EDragTarget.Plane,
-        startTime: +new Date(),
-        originRectList: this.rectList
-      };
-      this.dragStatus = EDragStatus.Start;
-      return true;
-    }
-    return false;
-  }
-  onMouseDown(e) {
-    if (super.onMouseDown(e) || this.forbidMouseOperation || e.ctrlKey === true) {
-      return;
-    }
-    if (this.multiMoveMouseDown(e)) {
-      return;
-    }
-    const dragStartCoord = this.getCoordinateUnderZoom(e);
-    const hoverRectID = this.getHoverRectID(e);
-    const firstRect = this.currentShowList.find((v) => v.id === this.selectedRectID);
-    if (!firstRect || e.button === 2 || e.button === 0 && this.isSpaceKey === true) {
-      return;
-    }
-    if (this.selectedRectID) {
-      if (this.getHoverRectPointIndex(e) > -1) {
-        const dragTarget = EDragTarget.Point;
-        this.dragInfo = {
-          dragStartCoord,
-          dragTarget,
-          startTime: +new Date(),
-          firstRect
-        };
-        this.dragStatus = EDragStatus.Start;
-        return;
-      }
-      if (this.getHoverRectEdgeIndex(e) > -1) {
-        const dragTarget = EDragTarget.Line;
-        this.dragInfo = {
-          dragStartCoord,
-          dragTarget,
-          startTime: +new Date(),
-          firstRect
-        };
-        this.dragStatus = EDragStatus.Start;
-        return;
-      }
-    }
-    if (hoverRectID === this.selectedRectID && !this.drawingRect) {
-      const dragTarget = EDragTarget.Plane;
-      this.dragInfo = {
-        dragStartCoord,
-        dragTarget,
-        firstRect,
-        startTime: +new Date()
-      };
-      this.dragStatus = EDragStatus.Start;
-    }
-    return void 0;
-  }
-  onDragMoveAll(offset) {
-    var _a, _b;
-    if (!((_b = (_a = this.dragInfo) == null ? void 0 : _a.originRectList) == null ? void 0 : _b.length)) {
-      return;
-    }
-    this.setRectList(this.dragInfo.originRectList.map((rect) => {
-      const newRect = __spreadProps(__spreadValues({}, rect), {
-        x: rect.x + offset.x / this.zoom,
-        y: rect.y + offset.y / this.zoom
-      });
-      return newRect;
-    }));
-    this.render();
-  }
-  onDragMove(coordinate) {
-    var _a, _b, _c, _d, _e, _f;
-    if (!this.dragInfo) {
-      return;
-    }
-    const offset = {
-      x: coordinate.x - this.dragInfo.dragStartCoord.x,
-      y: coordinate.y - this.dragInfo.dragStartCoord.y
-    };
-    this.dragStatus = EDragStatus.Move;
-    if (this.isMultiMoveMode) {
-      this.onDragMoveAll(offset);
-      return;
-    }
-    if (!this.dragInfo.firstRect) {
-      return;
-    }
-    const dragRect = RectUtils.getRectUnderZoom(this.dragInfo.firstRect, this.zoom);
-    const {x, y, width, height} = dragRect;
-    let selectedRect = this.rectList.filter((v) => v.id === this.selectedRectID)[0];
-    switch (this.dragInfo.dragTarget) {
-      case EDragTarget.Plane:
-        selectedRect = __spreadProps(__spreadValues({}, selectedRect), {
-          x: x + offset.x,
-          y: y + offset.y,
-          width,
-          height
-        });
-        break;
-      case EDragTarget.Point:
-        {
-          let newX = x;
-          let newY = y;
-          let newWidth = width;
-          let newHeight = height;
-          switch (this.hoverRectPointIndex) {
-            case 0: {
-              newX = width - offset.x < 0 ? x + width : x + offset.x;
-              newY = height - offset.y < 0 ? y + height : y + offset.y;
-              newWidth = Math.abs(offset.x - width);
-              newHeight = Math.abs(offset.y - height);
-              break;
-            }
-            case 1: {
-              newX = width + offset.x > 0 ? x : x + width + offset.x;
-              newY = height - offset.y < 0 ? y + height : y + offset.y;
-              newWidth = Math.abs(width + offset.x);
-              newHeight = Math.abs(height - offset.y);
-              break;
-            }
-            case 2: {
-              newX = width + offset.x > 0 ? x : x + width + offset.x;
-              newY = height + offset.y > 0 ? y : y + height + offset.y;
-              newWidth = Math.abs(width + offset.x);
-              newHeight = height + offset.y > 0 ? height + offset.y : Math.abs(height + offset.y);
-              break;
-            }
-            case 3: {
-              newX = width - offset.x < 0 ? x + width : x + offset.x;
-              newY = height + offset.y > 0 ? y : y + height + offset.y;
-              newWidth = Math.abs(offset.x - width);
-              newHeight = height + offset.y > 0 ? height + offset.y : Math.abs(height + offset.y);
-              break;
-            }
-            default: {
-              return;
-            }
-          }
-          selectedRect = __spreadProps(__spreadValues({}, selectedRect), {
-            x: newX,
-            y: newY,
-            width: newWidth,
-            height: newHeight
-          });
-        }
-        break;
-      case EDragTarget.Line: {
-        let newX = x;
-        let newY = y;
-        let newWidth = width;
-        let newHeight = height;
-        switch (this.hoverRectEdgeIndex) {
-          case 0: {
-            newY = height - offset.y < 0 ? y + height : y + offset.y;
-            newHeight = Math.abs(offset.y - height);
-            break;
-          }
-          case 1: {
-            newX = width + offset.x > 0 ? x : x + width + offset.x;
-            newWidth = Math.abs(width + offset.x);
-            break;
-          }
-          case 2: {
-            newY = height + offset.y > 0 ? y : y + height + offset.y;
-            newHeight = height + offset.y > 0 ? height + offset.y : Math.abs(height + offset.y);
-            break;
-          }
-          case 3: {
-            newX = width - offset.x < 0 ? x + width : x + offset.x;
-            newWidth = Math.abs(offset.x - width);
-            break;
-          }
-          default: {
-            return;
-          }
-        }
-        selectedRect = __spreadProps(__spreadValues({}, selectedRect), {
-          x: newX,
-          y: newY,
-          width: newWidth,
-          height: newHeight
-        });
-        break;
-      }
-      default: {
-        return;
-      }
-    }
-    if (this.config.drawOutsideTarget === false) {
-      if (this.basicResult) {
-        if (((_b = (_a = this.basicResult) == null ? void 0 : _a.pointList) == null ? void 0 : _b.length) > 0) {
-          if (RectUtils.isRectNotInPolygon(selectedRect, getPolygonPointUnderZoom(this.basicResult.pointList, this.zoom))) {
-            return;
-          }
-        }
-        const basicX = this.basicResult.x * this.zoom;
-        const basicY = this.basicResult.y * this.zoom;
-        const basicWidth = this.basicResult.width * this.zoom;
-        const basicHeight = this.basicResult.height * this.zoom;
-        if (this.dragInfo.dragTarget !== EDragTarget.Plane && (selectedRect.x < basicX - 0.01 || selectedRect.y < basicY - 0.01 || selectedRect.width > basicX + basicWidth - selectedRect.x + 0.01 || selectedRect.height > basicY + basicHeight - selectedRect.y + 0.01)) {
-          return;
-        }
-        if (selectedRect.x < basicX) {
-          selectedRect.x = basicX;
-        }
-        if (selectedRect.y < basicY) {
-          selectedRect.y = basicY;
-        }
-        if (selectedRect.width > basicX + basicWidth - selectedRect.x) {
-          switch (this.dragInfo.dragTarget) {
-            case EDragTarget.Plane:
-              selectedRect.x = basicX + basicWidth - width;
-              break;
-            case EDragTarget.Point:
-            case EDragTarget.Line:
-              if (offset.x > 0 && offset.y > 0) {
-                selectedRect.width = basicX + basicWidth - selectedRect.x;
-              }
-              break;
-            default: {
-              return;
-            }
-          }
-        }
-        if (selectedRect.height > basicY + basicHeight - selectedRect.y) {
-          switch (this.dragInfo.dragTarget) {
-            case EDragTarget.Plane:
-              selectedRect.y = basicY + basicHeight - height;
-              break;
-          }
-        }
-      } else {
-        if (selectedRect.x < 0) {
-          selectedRect.x = 0;
-        }
-        if (selectedRect.y < 0) {
-          selectedRect.y = 0;
-        }
-        if (this.imgInfo) {
-          switch (this.dragInfo.dragTarget) {
-            case EDragTarget.Plane:
-              if (selectedRect.x + selectedRect.width > ((_c = this.imgInfo) == null ? void 0 : _c.width)) {
-                selectedRect.x = this.imgInfo.width - width;
-              }
-              if (selectedRect.y + selectedRect.height > ((_d = this.imgInfo) == null ? void 0 : _d.height)) {
-                selectedRect.y = this.imgInfo.height - height;
-              }
-              break;
-            default: {
-              if (selectedRect.x + selectedRect.width > ((_e = this.imgInfo) == null ? void 0 : _e.width) + 0.01 || selectedRect.y + selectedRect.height > ((_f = this.imgInfo) == null ? void 0 : _f.height) + 0.01) {
-                return;
-              }
-            }
-          }
-        }
-      }
-    }
-    this.setRectList(this.rectList.map((v) => {
-      if (v.id === selectedRect.id) {
-        return RectUtils.getRectUnderZoom(selectedRect, 1 / this.zoom);
-      }
-      return v;
-    }));
-    this.render();
-  }
-  onMouseMove(e) {
-    var _a, _b;
-    if (super.onMouseMove(e) || this.forbidMouseOperation || !this.imgInfo) {
-      return;
-    }
-    const coordinateZoom = this.getCoordinateUnderZoom(e);
-    const coordinate = AxisUtils.changeDrawOutsideTarget(coordinateZoom, {x: 0, y: 0}, this.imgInfo, this.config.drawOutsideTarget, this.basicResult, this.zoom);
-    if ((this.selectedRectID || this.isMultiMoveMode) && this.dragInfo) {
-      this.onDragMove(coordinate);
-      return;
-    }
-    if (this.selectedRectID) {
-      const hoverRectPointIndex = this.getHoverRectPointIndex(e);
-      if (hoverRectPointIndex !== this.hoverRectPointIndex) {
-        this.hoverRectPointIndex = hoverRectPointIndex;
-        this.hoverRectEdgeIndex = -1;
-        this.render();
-        return;
-      }
-      if (this.hoverRectPointIndex === -1) {
-        const hoverRectEdgeIndex = this.getHoverRectEdgeIndex(e);
-        if (hoverRectEdgeIndex !== this.hoverRectEdgeIndex) {
-          this.hoverRectEdgeIndex = hoverRectEdgeIndex;
-          this.render();
-          return;
-        }
-      }
-    }
-    const hoverRectID = this.getHoverRectID(e);
-    const oldHoverRectID = this.hoverRectID;
-    this.hoverRectID = hoverRectID;
-    if (hoverRectID !== oldHoverRectID) {
-      this.render();
-    }
-    if (this.drawingRect && this.firstClickCoord) {
-      let {x, y} = this.firstClickCoord;
-      let {width, height} = this.drawingRect;
-      width = Math.abs(x - coordinate.x);
-      height = Math.abs(y - coordinate.y);
-      if (coordinate.x < x) {
-        x = coordinate.x;
-      }
-      if (coordinate.y < y) {
-        y = coordinate.y;
-      }
-      if (this.config.drawOutsideTarget === false) {
-        if (((_b = (_a = this.basicResult) == null ? void 0 : _a.pointList) == null ? void 0 : _b.length) > 0) {
-          if (RectUtils.isRectNotInPolygon(__spreadProps(__spreadValues({}, this.drawingRect), {
-            x,
-            y,
-            width,
-            height
-          }), getPolygonPointUnderZoom(this.basicResult.pointList, this.zoom))) {
-            return;
-          }
-        }
-        if (coordinate.x < 0) {
-          width = Math.abs(this.firstClickCoord.x);
-          x = 0;
-        }
-        if (coordinate.y < 0) {
-          height = Math.abs(this.firstClickCoord.y);
-          y = 0;
-        }
-        if (this.imgInfo) {
-          if (x + width > this.imgInfo.width) {
-            width = Math.abs(this.imgInfo.width - x);
-          }
-          if (y + height > this.imgInfo.height) {
-            height = Math.abs(this.imgInfo.height - y);
-          }
-        }
-      }
-      this.drawingRect = __spreadProps(__spreadValues({}, this.drawingRect), {
-        x,
-        y,
-        width,
-        height
-      });
-      this.render();
-    }
-    return void 0;
-  }
-  setAttributeLockList(attributeLockList) {
-    this.setSelectedRectID(void 0);
-    super.setAttributeLockList(attributeLockList);
-  }
-  setBasicResult(basicResult) {
-    super.setBasicResult(basicResult);
-    this.clearActiveStatus();
-  }
-  setRectValidAndRender(id) {
-    if (!id) {
-      return;
-    }
-    this.setRectList(this.rectList.map((rect) => {
-      if (rect.id === id) {
-        return __spreadProps(__spreadValues({}, rect), {
-          valid: !rect.valid
-        });
-      }
-      return rect;
-    }), true);
-    this.render();
-    this.emit("updateResult");
-  }
-  createNewDrawingRect(e, basicSourceID) {
-    if (!this.imgInfo) {
-      return;
-    }
-    const coordinateZoom = this.getCoordinateUnderZoom(e);
-    const coordinate = AxisUtils.changeDrawOutsideTarget(coordinateZoom, {x: 0, y: 0}, this.imgInfo, this.config.drawOutsideTarget, this.basicResult, this.zoom);
-    this.setSelectedRectID("");
-    this.hoverRectID = "";
-    if (this.drawOutSideTarget) {
-      if (coordinate.x < 0) {
-        coordinate.x = 0;
-      }
-      if (coordinate.y < 0) {
-        coordinate.y = 0;
-      }
-    }
-    this.drawingRect = __spreadProps(__spreadValues({}, coordinate), {
-      width: 0,
-      height: 0,
-      attribute: this.defaultAttribute,
-      valid: !e.ctrlKey,
-      id: uuid(8, 62),
-      sourceID: basicSourceID,
-      textAttribute: ""
-    });
-    if (this.hasMarkerConfig) {
-      const nextMarkInfo = CommonToolUtils.getNextMarker(this.currentPageResult, this.config.markerList, this.markerIndex);
-      if (nextMarkInfo) {
-        if (this.drawingRect) {
-          this.drawingRect = __spreadProps(__spreadValues({}, this.drawingRect), {
-            label: nextMarkInfo.label
-          });
-        }
-        this.markerIndex = nextMarkInfo.index;
-        this.emit("markIndexChange");
-      } else {
-        this.emit("messageInfo", Locale.getMessagesByLocale(EMessage.MarkerFinish, this.lang));
-        this.drawingRect = void 0;
-        return;
-      }
-    }
-    if (this.config.textConfigurable) {
-      let textAttribute = "";
-      textAttribute = AttributeUtils.getTextAttribute(this.rectList.filter((rect) => CommonToolUtils.isSameSourceID(rect.sourceID, basicSourceID)), this.config.textCheckType);
-      if (this.drawingRect) {
-        this.drawingRect = __spreadProps(__spreadValues({}, this.drawingRect), {
-          textAttribute
-        });
-      }
-    }
-    Object.assign(this.drawingRect, {
-      order: CommonToolUtils.getMaxOrder(this.rectList.filter((v) => CommonToolUtils.isSameSourceID(v.sourceID, basicSourceID))) + 1
-    });
-    this.firstClickCoord = __spreadValues({}, coordinate);
-    this.firstCurrentPos = __spreadValues({}, this.currentPos);
-    if (this.dataInjectionAtCreation) {
-      const data = this.dataInjectionAtCreation(this.drawingRect);
-      if (data) {
-        Object.assign(this.drawingRect, data);
-      }
-    }
-  }
-  addDrawingRectToRectList() {
-    if (!this.drawingRect) {
-      return;
-    }
-    let {width, height} = this.drawingRect;
-    width /= this.zoom;
-    height /= this.zoom;
-    if (Math.round(width) < this.config.minWidth || Math.round(height) < this.config.minHeight) {
-      this.emit("messageInfo", Locale.getMessagesByLocale(EMessage.RectErrorSizeNotice, this.lang));
-      this.drawingRect = void 0;
-      this.firstClickCoord = void 0;
-      this.dragInfo = void 0;
-      this.dragStatus = EDragStatus.Wait;
-      this.render();
-      return;
-    }
-    const newRectList = this.getDrawingRectWithRectList();
-    this.setRectList(newRectList, true);
-    this.history.pushHistory(this.rectList);
-    this.setSelectedIdAfterAddingDrawingRect();
-    this.firstClickCoord = void 0;
-    this.drawingRect = void 0;
-    this.dragInfo = void 0;
-    this.dragStatus = EDragStatus.Wait;
-  }
-  setSelectedIdAfterAddingDrawingRect() {
-    if (!this.drawingRect) {
-      return;
-    }
-    if (this.config.textConfigurable) {
-      this.setSelectedRectID(this.drawingRect.id);
-    } else {
-      this.setSelectedRectID();
-    }
-  }
-  getDrawingRectWithRectList() {
-    if (!this.drawingRect) {
-      return this.rectList;
-    }
-    let {x, y, width, height} = this.drawingRect;
-    x /= this.zoom;
-    y /= this.zoom;
-    width /= this.zoom;
-    height /= this.zoom;
-    return [
-      ...this.rectList,
-      __spreadProps(__spreadValues({}, this.drawingRect), {
-        x,
-        y,
-        width,
-        height
-      })
-    ];
-  }
-  rightMouseUp(e) {
-    const hoverRectID = this.getHoverRectID(e);
-    const hoverRect = this.rectList.find((v) => v.id === hoverRectID);
-    const {selectedRectID} = this;
-    this.setSelectedRectID(void 0);
-    if (hoverRect) {
-      this.setDefaultAttribute(hoverRect.attribute);
-    }
-    if (this.drawingRect) {
-      this.drawingRect = void 0;
-      this.firstClickCoord = void 0;
-    } else {
-      if (selectedRectID !== hoverRectID) {
-        this.dblClickListener.clearRightDblClick();
-      }
-      this.setSelectedRectID(hoverRectID);
-      this.hoverRectID = "";
-      if ((hoverRect == null ? void 0 : hoverRect.label) && this.hasMarkerConfig) {
-        const markerIndex = CommonToolUtils.getCurrentMarkerIndex(hoverRect.label, this.config.markerList);
-        if (markerIndex >= 0) {
-          this.setMarkerIndex(markerIndex);
-          this.emit("markIndexChange");
-        }
-      }
-    }
-    this.render();
-  }
-  shiftRightMouseUp(e) {
-    const hoverRectID = this.getHoverRectID(e);
-    this.emit("shiftRightMouseUp", hoverRectID);
-  }
-  onMouseUp(e) {
-    if (super.onMouseUp(e) || this.forbidMouseOperation || !this.imgInfo) {
-      return true;
-    }
-    if (this.dragInfo && this.dragStatus === EDragStatus.Move) {
-      this.dragInfo = void 0;
-      this.dragStatus = EDragStatus.Wait;
-      this.history.pushHistory(this.rectList);
-      this.emit("updateResult");
-      return;
-    }
-    if (this.isMultiMoveMode) {
-      this.setOperationMode(EOperationMode.General);
-    }
-    if (e.button === 2 && e.shiftKey === true) {
-      this.shiftRightMouseUp(e);
-      return;
-    }
-    if (e.button === 2) {
-      this.rightMouseUp(e);
-      return;
-    }
-    const basicSourceID = CommonToolUtils.getSourceID(this.basicResult);
-    if (this.drawingRect) {
-      this.addDrawingRectToRectList();
-      return;
-    }
-    if (e.ctrlKey === true && e.button === 0 && this.hoverRectID) {
-      this.setRectValidAndRender(this.hoverRectID);
-      return;
-    }
-    this.createNewDrawingRect(e, basicSourceID);
-    this.render();
-    return void 0;
-  }
-  onRightDblClick(e) {
-    super.onRightDblClick(e);
-    const hoverRectID = this.getHoverRectID(e);
-    if (this.selectedRectID && this.selectedRectID === hoverRectID) {
-      this.deleteRect(hoverRectID);
-    }
-  }
-  onKeyDown(e) {
-    if (!CommonToolUtils.hotkeyFilter(e)) {
-      return;
-    }
-    if (super.onKeyDown(e) === false) {
-      return;
-    }
-    const {keyCode} = e;
-    switch (keyCode) {
-      case EKeyCode.Ctrl:
-        if (this.drawingRect) {
-          this.drawingRect = __spreadProps(__spreadValues({}, this.drawingRect), {
-            valid: !e.ctrlKey
-          });
-          this.render();
-        }
-        break;
-      case EKeyCode.F:
-        if (this.selectedRectID) {
-          this.setRectValidAndRender(this.selectedRectID);
-        }
-        break;
-      case EKeyCode.Z:
-        this.setIsHidden(!this.isHidden);
-        this.render();
-        break;
-      case EKeyCode.Delete:
-        this.deleteRect(this.selectedRectID);
-        break;
-      case EKeyCode.Tab: {
-        e.preventDefault();
-        if (this.drawingRect) {
-          return;
-        }
-        let sort = ESortDirection.ascend;
-        if (e.shiftKey) {
-          sort = ESortDirection.descend;
-        }
-        const [showingRect, selectedRect] = CommonToolUtils.getRenderResultList(this.rectList, CommonToolUtils.getSourceID(this.basicResult), this.attributeLockList, this.selectedRectID);
-        let rectList = [...showingRect];
-        if (selectedRect) {
-          rectList = [...rectList, selectedRect];
-        }
-        const viewPort = CanvasUtils.getViewPort(this.canvas, this.currentPos, this.zoom);
-        rectList = rectList.filter((rect) => CanvasUtils.inViewPort({x: rect.x, y: rect.y}, viewPort));
-        const nextSelectedRect = CommonToolUtils.getNextSelectedRectID(rectList, sort, this.selectedRectID);
-        if (nextSelectedRect) {
-          this.setSelectedRectID(nextSelectedRect.id);
-          if (this.config.attributeConfigurable === true) {
-            this.setDefaultAttribute(nextSelectedRect.attribute);
-          }
-        }
-        break;
-      }
-      default: {
-        if (this.config.attributeConfigurable) {
-          const keyCode2Attribute = AttributeUtils.getAttributeByKeycode(keyCode, this.config.attributeList);
-          if (keyCode2Attribute !== void 0) {
-            this.setDefaultAttribute(keyCode2Attribute);
-          }
-        }
-        break;
-      }
-    }
-    return true;
-  }
-  onKeyUp(e) {
-    super.onKeyUp(e);
-    switch (e.keyCode) {
-      case EKeyCode.Ctrl:
-        if (this.drawingRect) {
-          this.drawingRect = __spreadProps(__spreadValues({}, this.drawingRect), {
-            valid: true
-          });
-          this.render();
-        }
-        break;
-    }
-  }
-  onWheel(e) {
-    const oldZoom = this.zoom;
-    let newDrawingRect;
-    let newFirsClickCoord;
-    if (this.drawingRect && this.firstClickCoord) {
-      newDrawingRect = RectUtils.getRectUnderZoom(this.drawingRect, 1 / oldZoom);
-      newFirsClickCoord = AxisUtils.changePointByZoom(this.firstClickCoord, 1 / oldZoom);
-    }
-    super.onWheel(e, false);
-    if (newDrawingRect && newFirsClickCoord) {
-      this.drawingRect = RectUtils.getRectUnderZoom(newDrawingRect, this.zoom);
-      this.firstClickCoord = AxisUtils.changePointByZoom(newFirsClickCoord, this.zoom);
-    }
-    this.render();
-  }
-  getCurrentSelectedData() {
-    const {selectedRect} = this;
-    if (!selectedRect) {
-      return;
-    }
-    const toolColor = this.getColor(selectedRect.attribute);
-    const color = selectedRect.valid ? toolColor == null ? void 0 : toolColor.valid.stroke : toolColor == null ? void 0 : toolColor.invalid.stroke;
-    return {
-      width: selectedRect.width * this.zoom * 0.6,
-      textAttribute: selectedRect.textAttribute,
-      color
-    };
-  }
-  getRenderStyle(rect) {
-    const customStyle = this.customRenderStyle && this.customRenderStyle(rect);
-    if (customStyle) {
-      return customStyle;
-    }
-    const toolColor = this.getColor(rect.attribute);
-    let strokeColor;
-    let fillColor;
-    if (rect.valid === false) {
-      strokeColor = toolColor == null ? void 0 : toolColor.invalid.stroke;
-      fillColor = toolColor == null ? void 0 : toolColor.invalid.fill;
-    } else {
-      strokeColor = toolColor == null ? void 0 : toolColor.valid.stroke;
-      fillColor = toolColor == null ? void 0 : toolColor.valid.fill;
-    }
-    return {
-      strokeColor,
-      fillColor,
-      textColor: strokeColor,
-      toolColor
-    };
-  }
-  renderTextAttribute() {
-    var _a;
-    const {selectedRect} = this;
-    if (!this.ctx || this.config.textConfigurable !== true || !selectedRect) {
-      return;
-    }
-    const {x, y, width, height, attribute, valid} = selectedRect;
-    const newWidth = width * this.zoom * 0.6;
-    const coordinate = AxisUtils.getOffsetCoordinate({x, y: y + height}, 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;
-    const distance = 4;
-    if (!this._textAttributInstance) {
-      this._textAttributInstance = new TextAttributeClass({
-        width: newWidth,
-        container: this.container,
-        icon: this.getTextIconSvg(attribute),
-        color,
-        getCurrentSelectedData: this.getCurrentSelectedData,
-        updateSelectedTextAttribute: this.updateSelectedRectTextAttribute
-      });
-    }
-    if (this._textAttributInstance && !((_a = this._textAttributInstance) == null ? void 0 : _a.isExit)) {
-      this._textAttributInstance.appendToContainer();
-    }
-    this._textAttributInstance.update(`${selectedRect.textAttribute}`, {
-      left: coordinate.x,
-      top: coordinate.y + distance,
-      color,
-      width: newWidth
-    });
-  }
-  renderSelectedRect(rect) {
-    if (!this.ctx || !rect) {
-      return;
-    }
-    const {ctx} = this;
-    let radius = 10;
-    const pointList = RectUtils.getRectPointList(rect);
-    const len = pointList.length;
-    const toolColor = this.getColor(rect.attribute);
-    pointList.forEach((v, i) => {
-      var _a, _b;
-      ctx.save();
-      ctx.moveTo(v.x, v.y);
-      ctx.beginPath();
-      if (this.hoverRectPointIndex === i) {
-        radius = scope + 6;
-      } else {
-        radius = scope;
-      }
-      if (rect.valid === false) {
-        ctx.strokeStyle = toolColor == null ? void 0 : toolColor.invalid.stroke;
-        ctx.fillStyle = toolColor == null ? void 0 : toolColor.invalid.stroke;
-      } else {
-        ctx.strokeStyle = toolColor == null ? void 0 : toolColor.valid.stroke;
-        ctx.fillStyle = toolColor == null ? void 0 : toolColor.valid.stroke;
-      }
-      ctx.arc(v.x * this.zoom + this.currentPos.x, v.y * this.zoom + this.currentPos.y, radius, 0, 2 * Math.PI);
-      ctx.fill();
-      if (this.hoverRectEdgeIndex === i) {
-        ctx.beginPath();
-        ctx.lineWidth = 10;
-        const lineColor = this.getColor(rect.attribute);
-        const strokeStyle = rect.valid === false ? (_a = lineColor == null ? void 0 : lineColor.invalid) == null ? void 0 : _a.stroke : (_b = lineColor == null ? void 0 : lineColor.valid) == null ? void 0 : _b.stroke;
-        ctx.strokeStyle = strokeStyle;
-        ctx.moveTo(pointList[i].x * this.zoom + this.currentPos.x, pointList[i].y * this.zoom + this.currentPos.y);
-        ctx.lineTo(pointList[(i + 1) % len].x * this.zoom + this.currentPos.x, pointList[(i + 1) % len].y * this.zoom + this.currentPos.y);
-        ctx.stroke();
-      }
-      ctx.restore();
-    });
-    this.renderTextAttribute();
-  }
-  renderDrawingRect(rect, zoom = this.zoom, isZoom = false) {
-    var _a, _b, _c, _d;
-    if (this.ctx && rect) {
-      const {ctx, style} = this;
-      const {hiddenText = false} = style;
-      ctx.save();
-      const {strokeColor, fillColor, textColor} = this.getRenderStyle(rect);
-      ctx.font = "lighter 14px Arial";
-      let showText = "";
-      if (((_a = this.config) == null ? void 0 : _a.isShowOrder) && rect.order && (rect == null ? void 0 : rect.order) > 0) {
-        showText = `${rect.order}`;
-      }
-      if (rect.label && this.hasMarkerConfig) {
-        const order = CommonToolUtils.getCurrentMarkerIndex(rect.label, this.config.markerList) + 1;
-        showText = `${order}_${MarkerUtils.getMarkerShowText(rect.label, this.config.markerList)}`;
-      }
-      if (rect.attribute) {
-        showText = `${showText}  ${AttributeUtils.getAttributeShowText(rect.attribute, (_b = this.config) == null ? void 0 : _b.attributeList)}`;
-      }
-      const transformRect = AxisUtils.changeRectByZoom(rect, isZoom ? zoom : this.zoom, this.currentPos);
-      if (!hiddenText) {
-        DrawUtils.drawText(this.canvas, {x: transformRect.x, y: transformRect.y - 6}, showText, __spreadProps(__spreadValues({
-          color: strokeColor,
-          font: "normal normal 900 14px SourceHanSansCN-Regular"
-        }, DEFAULT_TEXT_SHADOW), {
-          textMaxWidth: 300
-        }));
-      }
-      const lineWidth = (_d = (_c = this.style) == null ? void 0 : _c.width) != null ? _d : 2;
-      if (rect.id === this.hoverRectID || rect.id === this.selectedRectID || this.isMultiMoveMode) {
-        DrawUtils.drawRectWithFill(this.canvas, transformRect, {color: fillColor});
-      }
-      DrawUtils.drawRect(this.canvas, transformRect, {color: strokeColor, thickness: lineWidth, hiddenText: true});
-      ctx.restore();
-      let rectSize = `${Math.round(rect.width)} * ${Math.round(rect.height)}`;
-      if (isZoom === true) {
-        rectSize = `${Math.round(rect.width / this.zoom)} * ${Math.round(transformRect.height / this.zoom)}`;
-      }
-      const textSizeWidth = rectSize.length * 7;
-      if (!hiddenText) {
-        DrawUtils.drawText(this.canvas, {x: transformRect.x + transformRect.width - textSizeWidth, y: transformRect.y + transformRect.height + 15}, rectSize, __spreadValues({
-          color: textColor,
-          font: "normal normal 600 14px Arial"
-        }, DEFAULT_TEXT_SHADOW));
-      }
-      if (!hiddenText && rect.textAttribute && rect.id !== this.selectedRectID) {
-        const marginTop = 0;
-        const textWidth = Math.max(20, transformRect.width - textSizeWidth);
-        DrawUtils.drawText(this.canvas, {x: transformRect.x, y: transformRect.y + transformRect.height + 20 + marginTop}, rect.textAttribute, __spreadValues({
-          color: textColor,
-          font: "italic normal 900 14px Arial",
-          textMaxWidth: textWidth
-        }, DEFAULT_TEXT_SHADOW));
-      }
-    }
-  }
-  renderMultiSelectedRect() {
-    if (!this.isMultiMoveMode) {
-      return;
-    }
-    this.rectList.forEach((rect) => {
-      this.renderDrawingRect(rect);
-      this.renderSelectedRect(rect);
-    });
-  }
-  renderStaticRect() {
-    var _a;
-    if (!(((_a = this.rectList) == null ? void 0 : _a.length) > 0 && JSON.stringify(this.rectList))) {
-      return;
-    }
-    const {renderEnhance = {}} = this;
-    const [showingRect, selectedRect] = CommonToolUtils.getRenderResultList(this.rectList, CommonToolUtils.getSourceID(this.basicResult), this.attributeLockList, this.selectedRectID);
-    if (!this.isHidden) {
-      showingRect == null ? void 0 : showingRect.forEach((rect) => {
-        this.renderDrawingRect(rect);
-        if (renderEnhance.staticRender) {
-          renderEnhance.staticRender(this.canvas, AxisUtils.changeRectByZoom(rect, this.zoom, this.currentPos), this.getRenderStyle(rect));
-        }
-      });
-    }
-    if (selectedRect) {
-      this.renderDrawingRect(selectedRect);
-      this.renderSelectedRect(selectedRect);
-      if (renderEnhance.selectedRender) {
-        renderEnhance.selectedRender(this.canvas, AxisUtils.changeRectByZoom(selectedRect, this.zoom, this.currentPos), this.getRenderStyle(selectedRect));
-      }
-    }
-  }
-  renderCreatingRect() {
-    if (!this.drawingRect) {
-      return;
-    }
-    const {renderEnhance = {}} = this;
-    this.renderDrawingRect(this.drawingRect, 1, true);
-    if (renderEnhance.creatingRender) {
-      renderEnhance.creatingRender(this.canvas, AxisUtils.changeRectByZoom(this.drawingRect, 1, this.currentPos), this.getRenderStyle(this.drawingRect));
-    }
-  }
-  renderRect() {
-    switch (this.operationMode) {
-      case EOperationMode.MultiMove:
-        this.renderMultiSelectedRect();
-        break;
-      default: {
-        this.renderStaticRect();
-        this.renderCreatingRect();
-      }
-    }
-  }
-  render() {
-    if (!this.ctx) {
-      return;
-    }
-    super.render();
-    this.renderRect();
-    this.renderCursorLine(this.getLineColor(this.defaultAttribute));
-  }
-  setDefaultAttribute(defaultAttribute) {
-    const oldDefault = this.defaultAttribute;
-    this.defaultAttribute = defaultAttribute != null ? defaultAttribute : "";
-    if (oldDefault !== defaultAttribute) {
-      this.changeStyle(defaultAttribute);
-      this.emit("changeAttributeSidebar");
-      const {selectedRect} = this;
-      if (selectedRect) {
-        this.setRectList(this.rectList.map((v) => {
-          if (v.id === this.selectedID) {
-            return __spreadProps(__spreadValues({}, v), {
-              attribute: this.defaultAttribute
-            });
-          }
-          return v;
-        }), true);
-        this.history.pushHistory(this.rectList);
-        this.render();
-      }
-      if (this.drawingRect) {
-        this.drawingRect = __spreadProps(__spreadValues({}, this.drawingRect), {
-          attribute: this.defaultAttribute
-        });
-        this.render();
-      }
-      if (this._textAttributInstance) {
-        if (this.attributeLockList.length > 0 && !this.attributeLockList.includes(this.defaultAttribute)) {
-          this._textAttributInstance.clearTextAttribute();
-          return;
-        }
-        this._textAttributInstance.updateIcon(this.getTextIconSvg(defaultAttribute));
-      }
-    }
-  }
-  setValid(valid) {
-    super.setValid(valid);
-    this.emit("updateResult");
-  }
-  clearActiveStatus() {
-    this.drawingRect = void 0;
-    this.firstClickCoord = void 0;
-    this.dragInfo = void 0;
-    this.dragStatus = EDragStatus.Wait;
-    this.setSelectedRectID(void 0);
-    this.setOperationMode(EOperationMode.General);
-  }
-  clearResult(sendMessage = true) {
-    const newRectList = this.rectList.filter((rect) => rect.disableDelete === true);
-    if (newRectList.length > 0 && sendMessage) {
-      this.emit("messageInfo", Locale.getMessagesByLocale(EMessage.ClearPartialData, this.lang));
-    }
-    this.setRectList(newRectList, true);
-    this.setSelectedRectID(void 0);
-  }
-  deleteRect(rectID) {
-    var _a;
-    if (!rectID) {
-      return;
-    }
-    const selectedRect = this.rectList.find((v) => v.id === rectID);
-    if ((selectedRect == null ? void 0 : selectedRect.disableDelete) === true) {
-      this.emit("messageInfo", Locale.getMessagesByLocale(EMessage.DisableDelete, this.lang));
-      return;
-    }
-    this.setRectList(this.rectList.filter((v) => v.id !== rectID), true);
-    this.history.pushHistory(this.rectList);
-    this.setSelectedRectID(void 0);
-    (_a = this._textAttributInstance) == null ? void 0 : _a.clearTextAttribute();
-    this.render();
-  }
-  exportData() {
-    const {rectList} = this;
-    return [rectList, this.basicImgInfo];
-  }
-  undo() {
-    const rectList = this.history.undo();
-    if (rectList) {
-      if (rectList.length !== this.rectList.length) {
-        this.setSelectedRectID("");
-      }
-      this.setRectList(rectList, true);
-      this.render();
-    }
-  }
-  redo() {
-    const rectList = this.history.redo();
-    if (rectList) {
-      if (rectList.length !== this.rectList.length) {
-        this.setSelectedRectID("");
-      }
-      this.setRectList(rectList, true);
-      this.render();
-    }
-  }
-}
-
-export { RectOperation, RectOperation as default };
+import N from"../../utils/MathUtils.js";import S from"../../utils/tool/AxisUtils.js";import y from"../../utils/tool/RectUtils.js";import{EDragStatus as L,ESortDirection as O,DEFAULT_TEXT_SHADOW as T}from"../../constant/annotation.js";import{EDragTarget as w,EOperationMode as _}from"../../constant/tool.js";import p from"../../constant/keyCode.js";import A from"../../locales/index.js";import{EMessage as P}from"../../locales/constants.js";import C from"../../utils/tool/AttributeUtils.js";import U from"../../utils/tool/CanvasUtils.js";import R from"../../utils/tool/CommonToolUtils.js";import k from"../../utils/tool/DrawUtils.js";import B from"../../utils/tool/MarkerUtils.js";import{getPolygonPointUnderZoom as E}from"../../utils/tool/polygonTool.js";import K from"../../utils/uuid.js";import{BasicToolOperation as V}from"./basicToolOperation.js";import $ from"./textAttributeClass.js";var F=Object.defineProperty,X=Object.defineProperties,Y=Object.getOwnPropertyDescriptors,H=Object.getOwnPropertySymbols,G=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable,j=(D,t,e)=>t in D?F(D,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):D[t]=e,x=(D,t)=>{for(var e in t||(t={}))G.call(t,e)&&j(D,e,t[e]);if(H)for(var e of H(t))J.call(t,e)&&j(D,e,t[e]);return D},m=(D,t)=>X(D,Y(t));const M=6;class W extends V{constructor(t){super(t);this.setMarkerIndex=e=>{this.markerIndex=e},this.setMarkerIndexAndSelect=e=>{if(!this.config.markerList)return;this.markerIndex=e;const i=this.config.markerList[e].value,r=this.currentPageResult.find(o=>o.label===i);r&&(this.setSelectedID(r.id),this.config.attributeConfigurable===!0&&this.setDefaultAttribute(r.attribute)),this.emit("markIndexChange")},this.getHoverRectID=e=>{const i=this.getCoordinateUnderZoom(e),r=M,{currentShowList:o}=this;if(o.length>0){if(this.selectedRectID){const{selectedRect:g}=this;if(g&&y.isInRect(i,g,r,this.zoom))return g.id}const h=o.filter(g=>y.isInRect(i,g,r,this.zoom));if(h.length===0)return"";if(h.length===1)return h[0].id;if(h.length>1)return h.map(s=>({size:s.width*s.height,id:s.id})).sort((s,f)=>s.size-f.size)[0].id}return""},this.textChange=e=>{this.config.textConfigurable!==!0||!this.selectedRectID||(this.setRectList(C.textChange(e,this.selectedRectID,this.rectList),!0),this.emit("selectedChange"),this.render())},this.drawOutSideTarget=t.drawOutSideTarget||!1,this.rectList=[],this.isFlow=!0,this.config=R.jsonParser(t.config),this.hoverRectEdgeIndex=-1,this.hoverRectPointIndex=-1,this.markerIndex=0,this.setStyle(t.style),this.createNewDrawingRect=this.createNewDrawingRect.bind(this),this.getDrawingRectWithRectList=this.getDrawingRectWithRectList.bind(this),this.setSelectedIdAfterAddingDrawingRect=this.setSelectedIdAfterAddingDrawingRect.bind(this),this.getCurrentSelectedData=this.getCurrentSelectedData.bind(this),this.updateSelectedRectTextAttribute=this.updateSelectedRectTextAttribute.bind(this),this.setSelectedID=this.setSelectedID.bind(this)}setResult(t){if(this.clearActiveStatus(),this.setRectList(t),this.hasMarkerConfig){const e=R.getNextMarker(this.getCurrentPageResult(t),this.config.markerList);e&&this.setMarkerIndex(e.index)}this.render()}destroy(){super.destroy(),this._textAttributInstance&&this._textAttributInstance.clearTextAttribute()}setConfig(t,e=!1){this.config=R.jsonParser(t),e===!0&&this.clearResult(!1)}setRectList(t,e=!1){const i=this.rectList.length;this.rectList=t,i!==t.length&&this.emit("updatePageNumber"),e&&this.emit("updateResult")}get selectedRect(){return this.rectList.find(t=>t.id===this.selectedRectID)}get selectedID(){return this.selectedRectID}get selectedText(){var t;return(t=this.selectedRect)==null?void 0:t.textAttribute}get dataList(){return this.rectList}get currentShowList(){let t=[];const[e,i]=R.getRenderResultList(this.rectList,R.getSourceID(this.basicResult),this.attributeLockList,this.selectedID);return t=e,this.isHidden&&(t=[]),i&&t.push(i),t}get currentPageResult(){const[t]=R.getRenderResultList(this.rectList,R.getSourceID(this.basicResult),[]);return t}getCurrentPageResult(t){const[e]=R.getRenderResultList(t,R.getSourceID(this.basicResult),[]);return e}setSelectedID(t){this.setSelectedRectID(t)}setSelectedRectID(t){var e,i;const r=this.selectedRectID;t!==r&&r&&((e=this._textAttributInstance)==null||e.changeSelected()),t||(i=this._textAttributInstance)==null||i.clearTextAttribute(),this.selectedRectID=t,this.render(),this.emit("selectedChange")}setStyle(t){var e;super.setStyle(t),this._textAttributInstance&&this.config.attributeConfigurable===!1&&((e=this._textAttributInstance)==null||e.updateIcon(this.getTextIconSvg()))}updateSelectedRectTextAttribute(t){if(this._textAttributInstance&&t){let e=t;C.textAttributeValidate(this.config.textCheckType,"",e)===!1&&(this.emit("messageError",C.getErrorNotice(this.config.textCheckType,this.lang)),e=""),this.setRectList(this.rectList.map(i=>i.id===this.selectedRectID?m(x({},i),{textAttribute:e}):i),!0),this.emit("updateTextAttribute"),this.render()}}getHoverRectPointIndex(t){return this.selectedRect?S.returnClosePointIndex(this.getCoordinateUnderZoom(t),y.getRectPointList(this.selectedRect,this.zoom),M+2):-1}getHoverRectEdgeIndex(t){if(!this.selectedRect)return-1;let e=-1;const{selectedRect:i}=this,r=y.getRectEdgeList(i,this.zoom),o=this.getCoordinateUnderZoom(t);for(let h=0;h<r.length;h++){const g=r[h],{length:s}=N.getFootOfPerpendicular(o,g.begin,g.end);s<M+10&&(e=h)}return e}getTextIconSvg(t=""){return C.getTextIconSvg(t,this.config.attributeList,this.config.attributeConfigurable,this.baseIcon)}multiMoveMouseDown(t){const e=this.getCoordinateUnderZoom(t),i=this.getHoverRectID(t);return this.isMultiMoveMode&&i&&t.button===0?(this.dragInfo={dragStartCoord:e,dragTarget:w.Plane,startTime:+new Date,originRectList:this.rectList},this.dragStatus=L.Start,!0):!1}onMouseDown(t){if(super.onMouseDown(t)||this.forbidMouseOperation||t.ctrlKey===!0||this.multiMoveMouseDown(t))return;const e=this.getCoordinateUnderZoom(t),i=this.getHoverRectID(t),r=this.currentShowList.find(o=>o.id===this.selectedRectID);if(!(!r||t.button===2||t.button===0&&this.isSpaceKey===!0)){if(this.selectedRectID){if(this.getHoverRectPointIndex(t)>-1){const o=w.Point;this.dragInfo={dragStartCoord:e,dragTarget:o,startTime:+new Date,firstRect:r},this.dragStatus=L.Start;return}if(this.getHoverRectEdgeIndex(t)>-1){const o=w.Line;this.dragInfo={dragStartCoord:e,dragTarget:o,startTime:+new Date,firstRect:r},this.dragStatus=L.Start;return}}if(i===this.selectedRectID&&!this.drawingRect){const o=w.Plane;this.dragInfo={dragStartCoord:e,dragTarget:o,firstRect:r,startTime:+new Date},this.dragStatus=L.Start}}}onDragMoveAll(t){var e,i;!((i=(e=this.dragInfo)==null?void 0:e.originRectList)==null?void 0:i.length)||(this.setRectList(this.dragInfo.originRectList.map(r=>m(x({},r),{x:r.x+t.x/this.zoom,y:r.y+t.y/this.zoom}))),this.render())}onDragMove(t){var e,i,r,o,h,g;if(!this.dragInfo)return;const s={x:t.x-this.dragInfo.dragStartCoord.x,y:t.y-this.dragInfo.dragStartCoord.y};if(this.dragStatus=L.Move,this.isMultiMoveMode){this.onDragMoveAll(s);return}if(!this.dragInfo.firstRect)return;const f=y.getRectUnderZoom(this.dragInfo.firstRect,this.zoom),{x:l,y:c,width:u,height:d}=f;let n=this.rectList.filter(a=>a.id===this.selectedRectID)[0];switch(this.dragInfo.dragTarget){case w.Plane:n=m(x({},n),{x:l+s.x,y:c+s.y,width:u,height:d});break;case w.Point:{let a=l,b=c,I=u,v=d;switch(this.hoverRectPointIndex){case 0:{a=u-s.x<0?l+u:l+s.x,b=d-s.y<0?c+d:c+s.y,I=Math.abs(s.x-u),v=Math.abs(s.y-d);break}case 1:{a=u+s.x>0?l:l+u+s.x,b=d-s.y<0?c+d:c+s.y,I=Math.abs(u+s.x),v=Math.abs(d-s.y);break}case 2:{a=u+s.x>0?l:l+u+s.x,b=d+s.y>0?c:c+d+s.y,I=Math.abs(u+s.x),v=d+s.y>0?d+s.y:Math.abs(d+s.y);break}case 3:{a=u-s.x<0?l+u:l+s.x,b=d+s.y>0?c:c+d+s.y,I=Math.abs(s.x-u),v=d+s.y>0?d+s.y:Math.abs(d+s.y);break}default:return}n=m(x({},n),{x:a,y:b,width:I,height:v})}break;case w.Line:{let a=l,b=c,I=u,v=d;switch(this.hoverRectEdgeIndex){case 0:{b=d-s.y<0?c+d:c+s.y,v=Math.abs(s.y-d);break}case 1:{a=u+s.x>0?l:l+u+s.x,I=Math.abs(u+s.x);break}case 2:{b=d+s.y>0?c:c+d+s.y,v=d+s.y>0?d+s.y:Math.abs(d+s.y);break}case 3:{a=u-s.x<0?l+u:l+s.x,I=Math.abs(s.x-u);break}default:return}n=m(x({},n),{x:a,y:b,width:I,height:v});break}default:return}if(this.config.drawOutsideTarget===!1){if(this.basicResult){if(((i=(e=this.basicResult)==null?void 0:e.pointList)==null?void 0:i.length)>0&&y.isRectNotInPolygon(n,E(this.basicResult.pointList,this.zoom)))return;const a=this.basicResult.x*this.zoom,b=this.basicResult.y*this.zoom,I=this.basicResult.width*this.zoom,v=this.basicResult.height*this.zoom;if(this.dragInfo.dragTarget!==w.Plane&&(n.x<a-.01||n.y<b-.01||n.width>a+I-n.x+.01||n.height>b+v-n.y+.01))return;if(n.x<a&&(n.x=a),n.y<b&&(n.y=b),n.width>a+I-n.x)switch(this.dragInfo.dragTarget){case w.Plane:n.x=a+I-u;break;case w.Point:case w.Line:s.x>0&&s.y>0&&(n.width=a+I-n.x);break;default:return}if(n.height>b+v-n.y)switch(this.dragInfo.dragTarget){case w.Plane:n.y=b+v-d;break}}else if(n.x<0&&(n.x=0),n.y<0&&(n.y=0),this.imgInfo)switch(this.dragInfo.dragTarget){case w.Plane:n.x+n.width>((r=this.imgInfo)==null?void 0:r.width)&&(n.x=this.imgInfo.width-u),n.y+n.height>((o=this.imgInfo)==null?void 0:o.height)&&(n.y=this.imgInfo.height-d);break;default:if(n.x+n.width>((h=this.imgInfo)==null?void 0:h.width)+.01||n.y+n.height>((g=this.imgInfo)==null?void 0:g.height)+.01)return}}this.setRectList(this.rectList.map(a=>a.id===n.id?y.getRectUnderZoom(n,1/this.zoom):a)),this.render()}onMouseMove(t){var e,i;if(super.onMouseMove(t)||this.forbidMouseOperation||!this.imgInfo)return;const r=this.getCoordinateUnderZoom(t),o=S.changeDrawOutsideTarget(r,{x:0,y:0},this.imgInfo,this.config.drawOutsideTarget,this.basicResult,this.zoom);if((this.selectedRectID||this.isMultiMoveMode)&&this.dragInfo){this.onDragMove(o);return}if(this.selectedRectID){const s=this.getHoverRectPointIndex(t);if(s!==this.hoverRectPointIndex){this.hoverRectPointIndex=s,this.hoverRectEdgeIndex=-1,this.render();return}if(this.hoverRectPointIndex===-1){const f=this.getHoverRectEdgeIndex(t);if(f!==this.hoverRectEdgeIndex){this.hoverRectEdgeIndex=f,this.render();return}}}const h=this.getHoverRectID(t),g=this.hoverRectID;if(this.hoverRectID=h,h!==g&&this.render(),this.drawingRect&&this.firstClickCoord){let{x:s,y:f}=this.firstClickCoord,{width:l,height:c}=this.drawingRect;if(l=Math.abs(s-o.x),c=Math.abs(f-o.y),o.x<s&&(s=o.x),o.y<f&&(f=o.y),this.config.drawOutsideTarget===!1){if(((i=(e=this.basicResult)==null?void 0:e.pointList)==null?void 0:i.length)>0&&y.isRectNotInPolygon(m(x({},this.drawingRect),{x:s,y:f,width:l,height:c}),E(this.basicResult.pointList,this.zoom)))return;o.x<0&&(l=Math.abs(this.firstClickCoord.x),s=0),o.y<0&&(c=Math.abs(this.firstClickCoord.y),f=0),this.imgInfo&&(s+l>this.imgInfo.width&&(l=Math.abs(this.imgInfo.width-s)),f+c>this.imgInfo.height&&(c=Math.abs(this.imgInfo.height-f)))}this.drawingRect=m(x({},this.drawingRect),{x:s,y:f,width:l,height:c}),this.render()}}setAttributeLockList(t){this.setSelectedRectID(void 0),super.setAttributeLockList(t)}setBasicResult(t){super.setBasicResult(t),this.clearActiveStatus()}setRectValidAndRender(t){!t||(this.setRectList(this.rectList.map(e=>e.id===t?m(x({},e),{valid:!e.valid}):e),!0),this.render(),this.emit("updateResult"))}createNewDrawingRect(t,e){if(!this.imgInfo)return;const i=this.getCoordinateUnderZoom(t),r=S.changeDrawOutsideTarget(i,{x:0,y:0},this.imgInfo,this.config.drawOutsideTarget,this.basicResult,this.zoom);if(this.setSelectedRectID(""),this.hoverRectID="",this.drawOutSideTarget&&(r.x<0&&(r.x=0),r.y<0&&(r.y=0)),this.drawingRect=m(x({},r),{width:0,height:0,attribute:this.defaultAttribute,valid:!t.ctrlKey,id:K(8,62),sourceID:e,textAttribute:""}),this.hasMarkerConfig){const o=R.getNextMarker(this.currentPageResult,this.config.markerList,this.markerIndex);if(o)this.drawingRect&&(this.drawingRect=m(x({},this.drawingRect),{label:o.label})),this.markerIndex=o.index,this.emit("markIndexChange");else{this.emit("messageInfo",A.getMessagesByLocale(P.MarkerFinish,this.lang)),this.drawingRect=void 0;return}}if(this.config.textConfigurable){let o="";o=C.getTextAttribute(this.rectList.filter(h=>R.isSameSourceID(h.sourceID,e)),this.config.textCheckType),this.drawingRect&&(this.drawingRect=m(x({},this.drawingRect),{textAttribute:o}))}if(Object.assign(this.drawingRect,{order:R.getMaxOrder(this.rectList.filter(o=>R.isSameSourceID(o.sourceID,e)))+1}),this.firstClickCoord=x({},r),this.firstCurrentPos=x({},this.currentPos),this.dataInjectionAtCreation){const o=this.dataInjectionAtCreation(this.drawingRect);o&&Object.assign(this.drawingRect,o)}}addDrawingRectToRectList(){if(!this.drawingRect)return;let{width:t,height:e}=this.drawingRect;if(t/=this.zoom,e/=this.zoom,Math.round(t)<this.config.minWidth||Math.round(e)<this.config.minHeight){this.emit("messageInfo",A.getMessagesByLocale(P.RectErrorSizeNotice,this.lang)),this.drawingRect=void 0,this.firstClickCoord=void 0,this.dragInfo=void 0,this.dragStatus=L.Wait,this.render();return}const i=this.getDrawingRectWithRectList();this.setRectList(i,!0),this.history.pushHistory(this.rectList),this.setSelectedIdAfterAddingDrawingRect(),this.firstClickCoord=void 0,this.drawingRect=void 0,this.dragInfo=void 0,this.dragStatus=L.Wait}setSelectedIdAfterAddingDrawingRect(){!this.drawingRect||(this.config.textConfigurable?this.setSelectedRectID(this.drawingRect.id):this.setSelectedRectID())}getDrawingRectWithRectList(){if(!this.drawingRect)return this.rectList;let{x:t,y:e,width:i,height:r}=this.drawingRect;return t/=this.zoom,e/=this.zoom,i/=this.zoom,r/=this.zoom,[...this.rectList,m(x({},this.drawingRect),{x:t,y:e,width:i,height:r})]}rightMouseUp(t){const e=this.getHoverRectID(t),i=this.rectList.find(o=>o.id===e),{selectedRectID:r}=this;if(this.setSelectedRectID(void 0),i&&this.setDefaultAttribute(i.attribute),this.drawingRect)this.drawingRect=void 0,this.firstClickCoord=void 0;else if(r!==e&&this.dblClickListener.clearRightDblClick(),this.setSelectedRectID(e),this.hoverRectID="",(i==null?void 0:i.label)&&this.hasMarkerConfig){const o=R.getCurrentMarkerIndex(i.label,this.config.markerList);o>=0&&(this.setMarkerIndex(o),this.emit("markIndexChange"))}this.render()}shiftRightMouseUp(t){const e=this.getHoverRectID(t);this.emit("shiftRightMouseUp",e)}onMouseUp(t){if(super.onMouseUp(t)||this.forbidMouseOperation||!this.imgInfo)return!0;if(this.dragInfo&&this.dragStatus===L.Move){this.dragInfo=void 0,this.dragStatus=L.Wait,this.history.pushHistory(this.rectList),this.emit("updateResult");return}if(this.isMultiMoveMode&&this.setOperationMode(_.General),t.button===2&&t.shiftKey===!0){this.shiftRightMouseUp(t);return}if(t.button===2){this.rightMouseUp(t);return}const e=R.getSourceID(this.basicResult);if(this.drawingRect){this.addDrawingRectToRectList();return}if(t.ctrlKey===!0&&t.button===0&&this.hoverRectID){this.setRectValidAndRender(this.hoverRectID);return}this.createNewDrawingRect(t,e),this.render()}onRightDblClick(t){super.onRightDblClick(t);const e=this.getHoverRectID(t);this.selectedRectID&&this.selectedRectID===e&&this.deleteRect(e)}onKeyDown(t){if(!R.hotkeyFilter(t)||super.onKeyDown(t)===!1)return;const{keyCode:e}=t;switch(e){case p.Ctrl:this.drawingRect&&(this.drawingRect=m(x({},this.drawingRect),{valid:!t.ctrlKey}),this.render());break;case p.F:this.selectedRectID&&this.setRectValidAndRender(this.selectedRectID);break;case p.Z:this.setIsHidden(!this.isHidden),this.render();break;case p.Delete:this.deleteRect(this.selectedRectID);break;case p.Tab:{if(t.preventDefault(),this.drawingRect)return;let i=O.ascend;t.shiftKey&&(i=O.descend);const[r,o]=R.getRenderResultList(this.rectList,R.getSourceID(this.basicResult),this.attributeLockList,this.selectedRectID);let h=[...r];o&&(h=[...h,o]);const g=U.getViewPort(this.canvas,this.currentPos,this.zoom);h=h.filter(f=>U.inViewPort({x:f.x,y:f.y},g));const s=R.getNextSelectedRectID(h,i,this.selectedRectID);s&&(this.setSelectedRectID(s.id),this.config.attributeConfigurable===!0&&this.setDefaultAttribute(s.attribute));break}default:{if(this.config.attributeConfigurable){const i=C.getAttributeByKeycode(e,this.config.attributeList);i!==void 0&&this.setDefaultAttribute(i)}break}}return!0}onKeyUp(t){switch(super.onKeyUp(t),t.keyCode){case p.Ctrl:this.drawingRect&&(this.drawingRect=m(x({},this.drawingRect),{valid:!0}),this.render());break}}onWheel(t){const e=this.zoom;let i,r;this.drawingRect&&this.firstClickCoord&&(i=y.getRectUnderZoom(this.drawingRect,1/e),r=S.changePointByZoom(this.firstClickCoord,1/e)),super.onWheel(t,!1),i&&r&&(this.drawingRect=y.getRectUnderZoom(i,this.zoom),this.firstClickCoord=S.changePointByZoom(r,this.zoom)),this.render()}getCurrentSelectedData(){const{selectedRect: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:t.width*this.zoom*.6,textAttribute:t.textAttribute,color:i}}getRenderStyle(t){const e=this.customRenderStyle&&this.customRenderStyle(t);if(e)return e;const i=this.getColor(t.attribute);let r,o;return t.valid===!1?(r=i==null?void 0:i.invalid.stroke,o=i==null?void 0:i.invalid.fill):(r=i==null?void 0:i.valid.stroke,o=i==null?void 0:i.valid.fill),{strokeColor:r,fillColor:o,textColor:r,toolColor:i}}renderTextAttribute(){var t;const{selectedRect:e}=this;if(!this.ctx||this.config.textConfigurable!==!0||!e)return;const{x:i,y:r,width:o,height:h,attribute:g,valid:s}=e,f=o*this.zoom*.6,l=S.getOffsetCoordinate({x:i,y:r+h},this.currentPos,this.zoom),c=this.getColor(g),u=s?c==null?void 0:c.valid.stroke:c==null?void 0:c.invalid.stroke,d=4;this._textAttributInstance||(this._textAttributInstance=new $({width:f,container:this.container,icon:this.getTextIconSvg(g),color:u,getCurrentSelectedData:this.getCurrentSelectedData,updateSelectedTextAttribute:this.updateSelectedRectTextAttribute})),this._textAttributInstance&&!((t=this._textAttributInstance)==null?void 0:t.isExit)&&this._textAttributInstance.appendToContainer(),this._textAttributInstance.update(`${e.textAttribute}`,{left:l.x,top:l.y+d,color:u,width:f})}renderSelectedRect(t){if(!this.ctx||!t)return;const{ctx:e}=this;let i=10;const r=y.getRectPointList(t),o=r.length,h=this.getColor(t.attribute);r.forEach((g,s)=>{var f,l;if(e.save(),e.moveTo(g.x,g.y),e.beginPath(),this.hoverRectPointIndex===s?i=M+6:i=M,t.valid===!1?(e.strokeStyle=h==null?void 0:h.invalid.stroke,e.fillStyle=h==null?void 0:h.invalid.stroke):(e.strokeStyle=h==null?void 0:h.valid.stroke,e.fillStyle=h==null?void 0:h.valid.stroke),e.arc(g.x*this.zoom+this.currentPos.x,g.y*this.zoom+this.currentPos.y,i,0,2*Math.PI),e.fill(),this.hoverRectEdgeIndex===s){e.beginPath(),e.lineWidth=10;const c=this.getColor(t.attribute),u=t.valid===!1?(f=c==null?void 0:c.invalid)==null?void 0:f.stroke:(l=c==null?void 0:c.valid)==null?void 0:l.stroke;e.strokeStyle=u,e.moveTo(r[s].x*this.zoom+this.currentPos.x,r[s].y*this.zoom+this.currentPos.y),e.lineTo(r[(s+1)%o].x*this.zoom+this.currentPos.x,r[(s+1)%o].y*this.zoom+this.currentPos.y),e.stroke()}e.restore()}),this.renderTextAttribute()}renderDrawingRect(t,e=this.zoom,i=!1){var r,o,h,g;if(this.ctx&&t){const{ctx:s,style:f}=this,{hiddenText:l=!1}=f;s.save();const{strokeColor:c,fillColor:u,textColor:d}=this.getRenderStyle(t);s.font="lighter 14px Arial";let n="";((r=this.config)==null?void 0:r.isShowOrder)&&t.order&&(t==null?void 0:t.order)>0&&(n=`${t.order}`),t.label&&this.hasMarkerConfig&&(n=`${R.getCurrentMarkerIndex(t.label,this.config.markerList)+1}_${B.getMarkerShowText(t.label,this.config.markerList)}`),t.attribute&&(n=`${n}  ${C.getAttributeShowText(t.attribute,(o=this.config)==null?void 0:o.attributeList)}`);const a=S.changeRectByZoom(t,i?e:this.zoom,this.currentPos);l||k.drawText(this.canvas,{x:a.x,y:a.y-6},n,m(x({color:c,font:"normal normal 900 14px SourceHanSansCN-Regular"},T),{textMaxWidth:300}));const b=(g=(h=this.style)==null?void 0:h.width)!=null?g:2;(t.id===this.hoverRectID||t.id===this.selectedRectID||this.isMultiMoveMode)&&k.drawRectWithFill(this.canvas,a,{color:u}),k.drawRect(this.canvas,a,{color:c,thickness:b,hiddenText:!0}),s.restore();let I=`${Math.round(t.width)} * ${Math.round(t.height)}`;i===!0&&(I=`${Math.round(t.width/this.zoom)} * ${Math.round(a.height/this.zoom)}`);const v=I.length*7;if(l||k.drawText(this.canvas,{x:a.x+a.width-v,y:a.y+a.height+15},I,x({color:d,font:"normal normal 600 14px Arial"},T)),!l&&t.textAttribute&&t.id!==this.selectedRectID){const z=0,Z=Math.max(20,a.width-v);k.drawText(this.canvas,{x:a.x,y:a.y+a.height+20+z},t.textAttribute,x({color:d,font:"italic normal 900 14px Arial",textMaxWidth:Z},T))}}}renderMultiSelectedRect(){!this.isMultiMoveMode||this.rectList.forEach(t=>{this.renderDrawingRect(t),this.renderSelectedRect(t)})}renderStaticRect(){var t;if(!(((t=this.rectList)==null?void 0:t.length)>0&&JSON.stringify(this.rectList)))return;const{renderEnhance:e={}}=this,[i,r]=R.getRenderResultList(this.rectList,R.getSourceID(this.basicResult),this.attributeLockList,this.selectedRectID);this.isHidden||i==null||i.forEach(o=>{this.renderDrawingRect(o),e.staticRender&&e.staticRender(this.canvas,S.changeRectByZoom(o,this.zoom,this.currentPos),this.getRenderStyle(o))}),r&&(this.renderDrawingRect(r),this.renderSelectedRect(r),e.selectedRender&&e.selectedRender(this.canvas,S.changeRectByZoom(r,this.zoom,this.currentPos),this.getRenderStyle(r)))}renderCreatingRect(){if(!this.drawingRect)return;const{renderEnhance:t={}}=this;this.renderDrawingRect(this.drawingRect,1,!0),t.creatingRender&&t.creatingRender(this.canvas,S.changeRectByZoom(this.drawingRect,1,this.currentPos),this.getRenderStyle(this.drawingRect))}renderRect(){switch(this.operationMode){case _.MultiMove:this.renderMultiSelectedRect();break;default:this.renderStaticRect(),this.renderCreatingRect()}}render(){!this.ctx||(super.render(),this.renderRect(),this.renderCursorLine(this.getLineColor(this.defaultAttribute)))}setDefaultAttribute(t){const e=this.defaultAttribute;if(this.defaultAttribute=t!=null?t:"",e!==t){this.changeStyle(t),this.emit("changeAttributeSidebar");const{selectedRect:i}=this;if(i&&(this.setRectList(this.rectList.map(r=>r.id===this.selectedID?m(x({},r),{attribute:this.defaultAttribute}):r),!0),this.history.pushHistory(this.rectList),this.render()),this.drawingRect&&(this.drawingRect=m(x({},this.drawingRect),{attribute:this.defaultAttribute}),this.render()),this._textAttributInstance){if(this.attributeLockList.length>0&&!this.attributeLockList.includes(this.defaultAttribute)){this._textAttributInstance.clearTextAttribute();return}this._textAttributInstance.updateIcon(this.getTextIconSvg(t))}}}setValid(t){super.setValid(t),this.emit("updateResult")}clearActiveStatus(){this.drawingRect=void 0,this.firstClickCoord=void 0,this.dragInfo=void 0,this.dragStatus=L.Wait,this.setSelectedRectID(void 0),this.setOperationMode(_.General)}clearResult(t=!0){const e=this.rectList.filter(i=>i.disableDelete===!0);e.length>0&&t&&this.emit("messageInfo",A.getMessagesByLocale(P.ClearPartialData,this.lang)),this.setRectList(e,!0),this.setSelectedRectID(void 0)}deleteRect(t){var e;if(!t)return;const i=this.rectList.find(r=>r.id===t);if((i==null?void 0:i.disableDelete)===!0){this.emit("messageInfo",A.getMessagesByLocale(P.DisableDelete,this.lang));return}this.setRectList(this.rectList.filter(r=>r.id!==t),!0),this.history.pushHistory(this.rectList),this.setSelectedRectID(void 0),(e=this._textAttributInstance)==null||e.clearTextAttribute(),this.render()}exportData(){const{rectList:t}=this;return[t,this.basicImgInfo]}undo(){const t=this.history.undo();t&&(t.length!==this.rectList.length&&this.setSelectedRectID(""),this.setRectList(t,!0),this.render())}redo(){const t=this.history.redo();t&&(t.length!==this.rectList.length&&this.setSelectedRectID(""),this.setRectList(t,!0),this.render())}}export{W as RectOperation,W as default};