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

package/es/core/toolOperation/basicToolOperation.js

@@ -1,877 +1 @@
-import { toolStyleConverter } from '@labelbee/lb-utils';
-import { isNumber } from 'lodash';
-import { EOperationMode, EToolName } from '../../constant/tool.js';
-import MathUtils from '../../utils/MathUtils.js';
-import AxisUtils, { CoordinateUtils } from '../../utils/tool/AxisUtils.js';
-import CanvasUtils from '../../utils/tool/CanvasUtils.js';
-import CommonToolUtils from '../../utils/tool/CommonToolUtils.js';
-import LineToolUtils from '../../utils/tool/LineToolUtils.js';
-import { EGrowthMode, EDragStatus, ELang } from '../../constant/annotation.js';
-import EKeyCode from '../../constant/keyCode.js';
-import { COLORS_ARRAY, styleString, BASE_ICON } from '../../constant/style.js';
-import Locale from '../../locales/index.js';
-import { EMessage } from '../../locales/constants.js';
-import ActionsHistory from '../../utils/ActionsHistory.js';
-import AttributeUtils from '../../utils/tool/AttributeUtils.js';
-import DblClickEventListener from '../../utils/tool/DblClickEventListener.js';
-import DrawUtils from '../../utils/tool/DrawUtils.js';
-import ImgPosUtils from '../../utils/tool/ImgPosUtils.js';
-import RenderDomUtils from '../../utils/tool/RenderDomUtils.js';
-import ZoomUtils from '../../utils/tool/ZoomUtils.js';
-import EventListener from './eventListener.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-const zoomInfo = {
-  min: 0.2,
-  max: 1e3,
-  ratio: 0.4
-};
-class BasicToolOperation extends EventListener {
-  constructor(props) {
-    super();
-    this.isDrag = false;
-    this.isSpaceKey = false;
-    this.operationMode = EOperationMode.General;
-    this.innerZoom = 1;
-    this.basicZoom = 0.01;
-    this.isSpaceClick = false;
-    this.isDragStart = false;
-    this.startTime = 0;
-    this.initImgPos = () => __async(this, null, function* () {
-      var _a, _b;
-      if (!this.imgNode) {
-        return;
-      }
-      const zoomRatio = (_a = this._imgAttribute) == null ? void 0 : _a.zoomRatio;
-      const isOriginalSize = (_b = this._imgAttribute) == null ? void 0 : _b.isOriginalSize;
-      const {currentPos, imgInfo, zoom} = ImgPosUtils.getInitImgPos(this.size, {width: this.imgNode.width, height: this.imgNode.height}, this.rotate, zoomRatio, isOriginalSize);
-      this.setCurrentPos(currentPos);
-      this.currentPosStorage = currentPos;
-      this.setImgInfo(imgInfo);
-      this.setZoom(zoom);
-      this.render();
-      this.renderBasicCanvas();
-      this.emit("dependRender");
-      this.emit("renderZoom", zoom, currentPos, imgInfo);
-    });
-    this.getCurrentPos = (coord) => {
-      const {_firstClickCoordinate, currentPosStorage} = this;
-      try {
-        let currentPos;
-        if (_firstClickCoordinate && currentPosStorage) {
-          currentPos = {
-            y: currentPosStorage.y + coord.y - _firstClickCoordinate.y,
-            x: currentPosStorage.x + coord.x - _firstClickCoordinate.x
-          };
-        } else {
-          currentPos = {
-            x: 0,
-            y: 0
-          };
-        }
-        return currentPos;
-      } catch (e) {
-        console.error(e);
-        return {
-          x: 0,
-          y: 0
-        };
-      }
-    };
-    this.wheelChangePos = (coord, operator, newZoom) => {
-      const {currentPos, imgNode} = this;
-      if (!imgNode) {
-        console.error("unable to load image");
-        return;
-      }
-      if (this.zoom === this.basicZoom && operator === -1) {
-        return;
-      }
-      const pos = ZoomUtils.wheelChangePos(imgNode, coord, operator, currentPos, {
-        zoom: newZoom || this.zoom,
-        innerZoom: this.innerZoom,
-        basicZoom: this.basicZoom,
-        zoomMax: zoomInfo.max,
-        rotate: this.rotate
-      });
-      if (!pos) {
-        return;
-      }
-      const {currentPos: newCurrentPos, ratio, zoom, imgInfo} = pos;
-      this.setZoom(zoom);
-      this.setCurrentPos(newCurrentPos);
-      this.currentPosStorage = newCurrentPos;
-      this.setImgInfo(imgInfo);
-      zoomInfo.ratio = ratio;
-      this.emit("renderZoom", zoom, newCurrentPos, imgInfo);
-    };
-    this.zoomChanged = (isZoomIn, growthMode = EGrowthMode.Linear) => {
-      const newZoom = ZoomUtils.zoomChanged(this.zoom, isZoomIn, growthMode);
-      this.wheelChangePos(this.getGetCenterCoordinate(), newZoom > this.zoom ? 1 : -1, newZoom);
-      this.render();
-      this.renderBasicCanvas();
-    };
-    this.zoomChangeOnCenter = (newZoom) => {
-      this.wheelChangePos(this.getGetCenterCoordinate(), 0, newZoom);
-      this.render();
-      this.renderBasicCanvas();
-    };
-    this.drawImg = () => {
-      if (!this.imgNode || this.hiddenImg === true)
-        return;
-      DrawUtils.drawImg(this.basicCanvas, this.imgNode, {
-        zoom: this.zoom,
-        currentPos: this.currentPos,
-        rotate: this.rotate,
-        imgAttribute: this._imgAttribute
-      });
-    };
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    this.container = props.container;
-    this.config = CommonToolUtils.jsonParser(props.config);
-    this.showDefaultCursor = props.showDefaultCursor || false;
-    this.destroyCanvas();
-    this.createCanvas(props.size, props.isAppend);
-    this.imgNode = props.imgNode;
-    this.isImgError = !props.imgNode;
-    this.basicImgInfo = {
-      width: (_b = (_a = props.imgNode) == null ? void 0 : _a.width) != null ? _b : 0,
-      height: (_d = (_c = props.imgNode) == null ? void 0 : _c.height) != null ? _d : 0,
-      valid: true,
-      rotate: 0
-    };
-    this.forbidOperation = (_e = props.forbidOperation) != null ? _e : false;
-    this.forbidBasicResultRender = (_f = props.forbidBasicResultRender) != null ? _f : false;
-    this.size = props.size;
-    this.currentPos = {
-      x: 0,
-      y: 0
-    };
-    this.zoom = 1;
-    this.coord = {
-      x: -1,
-      y: -1
-    };
-    this.currentPosStorage = {
-      x: 0,
-      y: 0
-    };
-    this.isShowCursor = false;
-    this.style = {
-      strokeColor: COLORS_ARRAY[4],
-      fillColor: COLORS_ARRAY[4],
-      strokeWidth: 2,
-      opacity: 1
-    };
-    this.attributeLockList = [];
-    this.history = new ActionsHistory();
-    this.style = (_g = props.style) != null ? _g : CommonToolUtils.jsonParser(styleString);
-    this._imgAttribute = (_h = props.imgAttribute) != null ? _h : {};
-    this.isHidden = false;
-    this.dragStatus = EDragStatus.Wait;
-    this.defaultAttribute = (_i = props == null ? void 0 : props.defaultAttribute) != null ? _i : "";
-    this.forbidCursorLine = !!props.forbidCursorLine;
-    this.lang = ELang.Zh;
-    this.onMouseDown = this.onMouseDown.bind(this);
-    this.onMouseMove = this.onMouseMove.bind(this);
-    this.onMouseLeave = this.onMouseLeave.bind(this);
-    this.onMouseUp = this.onMouseUp.bind(this);
-    this.onKeyDown = this.onKeyDown.bind(this);
-    this.onKeyUp = this.onKeyUp.bind(this);
-    this.onWheel = this.onWheel.bind(this);
-    this.onLeftDblClick = this.onLeftDblClick.bind(this);
-    this.onRightDblClick = this.onRightDblClick.bind(this);
-    this.onClick = this.onClick.bind(this);
-    this.clearImgDrag = this.clearImgDrag.bind(this);
-    this.dblClickListener = new DblClickEventListener(this.container, 200);
-    this.coordUtils = new CoordinateUtils(this);
-    this.coordUtils.setBasicImgInfo(this.basicImgInfo);
-    this.hiddenImg = props.hiddenImg || false;
-  }
-  onContextmenu(e) {
-    e.preventDefault();
-  }
-  get ctx() {
-    var _a;
-    return this._ctx || ((_a = this.canvas) == null ? void 0 : _a.getContext("2d"));
-  }
-  get basicCtx() {
-    var _a;
-    return (_a = this.basicCanvas) == null ? void 0 : _a.getContext("2d");
-  }
-  get rotate() {
-    var _a, _b;
-    return (_b = (_a = this.basicImgInfo) == null ? void 0 : _a.rotate) != null ? _b : 0;
-  }
-  get valid() {
-    var _a, _b;
-    return (_b = (_a = this.basicImgInfo) == null ? void 0 : _a.valid) != null ? _b : true;
-  }
-  get baseIcon() {
-    return BASE_ICON[this.style.color];
-  }
-  get defaultCursor() {
-    return this.showDefaultCursor ? "default" : "none";
-  }
-  get dataList() {
-    return [];
-  }
-  get innerPosAndZoom() {
-    return {
-      innerZoom: this.innerZoom,
-      currentPosStorage: this.currentPosStorage
-    };
-  }
-  get isShowDefaultCursor() {
-    return this.showDefaultCursor;
-  }
-  get isMultiMoveMode() {
-    return this.operationMode === EOperationMode.MultiMove;
-  }
-  get hasMarkerConfig() {
-    return this.config.markerConfigurable === true && this.config.markerList && this.config.markerList.length > 0;
-  }
-  setZoom(zoom) {
-    this.zoom = zoom;
-    this.innerZoom = zoom;
-    this.coordUtils.setZoomAndCurrentPos(this.zoom, this.currentPos);
-  }
-  setCurrentPos(currentPos) {
-    this.currentPos = currentPos;
-    this.coordUtils.setZoomAndCurrentPos(this.zoom, this.currentPos);
-  }
-  setReferenceData(referenceData) {
-    this.referenceData = referenceData;
-  }
-  setImgInfo(size) {
-    this.imgInfo = size;
-  }
-  setCurrentPosStorage(currentPosStorage) {
-    this.currentPosStorage = currentPosStorage;
-  }
-  setOperationMode(operationMode) {
-    this.operationMode = operationMode;
-  }
-  recoverOperationMode() {
-    if (this.operationMode === EOperationMode.MultiMove) {
-      this.setOperationMode(EOperationMode.General);
-    }
-  }
-  updatePosition(params) {
-    const {zoom, currentPos} = params;
-    this.setZoom(zoom);
-    this.setCurrentPos(currentPos);
-    this.currentPosStorage = currentPos;
-    this.renderBasicCanvas();
-    this.render();
-  }
-  setLang(lang) {
-    this.lang = lang;
-  }
-  setShowDefaultCursor(showDefaultCursor) {
-    this.showDefaultCursor = showDefaultCursor;
-    this.container.style.cursor = this.defaultCursor;
-  }
-  setCustomCursor(cursor) {
-    this.container.style.cursor = cursor;
-  }
-  get forbidMouseOperation() {
-    return this.forbidOperation || this.valid === false;
-  }
-  get pixelRatio() {
-    var _a;
-    return CanvasUtils.getPixelRatio((_a = this.canvas) == null ? void 0 : _a.getContext("2d"));
-  }
-  init() {
-    this.eventUnbinding();
-    this.initPosition();
-    this.eventBinding();
-    this.render();
-    this.renderBasicCanvas();
-  }
-  destroy() {
-    this.destroyCanvas();
-    this.eventUnbinding();
-  }
-  updateCanvasBasicStyle(canvas, size, zIndex) {
-    const pixel = this.pixelRatio;
-    canvas.style.position = "absolute";
-    canvas.width = size.width * pixel;
-    canvas.height = size.height * pixel;
-    canvas.style.width = `${size.width}px`;
-    canvas.style.height = `${size.height}px`;
-    canvas.style.left = "0";
-    canvas.style.top = "0";
-    canvas.style.zIndex = `${zIndex} `;
-  }
-  createCanvas(size, isAppend = true) {
-    var _a, _b;
-    const pixel = this.pixelRatio;
-    const basicCanvas = document.createElement("canvas");
-    this.updateCanvasBasicStyle(basicCanvas, size, 0);
-    this.basicCanvas = basicCanvas;
-    const canvas = document.createElement("canvas");
-    this.updateCanvasBasicStyle(canvas, size, 10);
-    if (isAppend) {
-      if (this.container.hasChildNodes()) {
-        this.container.insertBefore(canvas, this.container.childNodes[0]);
-        this.container.insertBefore(basicCanvas, this.container.childNodes[0]);
-      } else {
-        this.container.appendChild(basicCanvas);
-        this.container.appendChild(canvas);
-      }
-    }
-    this.canvas = canvas;
-    this.container.style.cursor = this.defaultCursor;
-    (_a = this.ctx) == null ? void 0 : _a.scale(pixel, pixel);
-    (_b = this.basicCtx) == null ? void 0 : _b.scale(pixel, pixel);
-  }
-  destroyCanvas() {
-    if (this.canvas && this.container.contains(this.canvas)) {
-      this.container.removeChild(this.canvas);
-    }
-    if (this.basicCanvas && this.container.contains(this.basicCanvas)) {
-      this.container.removeChild(this.basicCanvas);
-    }
-    this.clearInvalidPage();
-    this.clearImgDrag();
-  }
-  setStyle(toolStyle) {
-    this.style = toolStyle;
-    this.render();
-  }
-  setImgNode(imgNode, basicImgInfo = {}) {
-    this.imgNode = imgNode;
-    this.setBasicImgInfo(__spreadValues({
-      width: imgNode.width,
-      height: imgNode.height,
-      valid: true,
-      rotate: 0
-    }, basicImgInfo));
-    if (this.isImgError === true) {
-      this.isImgError = false;
-      this.emit("changeAnnotationShow");
-    }
-    if (typeof basicImgInfo.valid === "boolean") {
-      this.setValid(basicImgInfo.valid);
-    }
-    this.initImgPos();
-    this.render();
-    this.renderBasicCanvas();
-  }
-  setErrorImg() {
-    const originIsImgError = this.isImgError;
-    this.isImgError = true;
-    this.imgNode = void 0;
-    this.setBasicImgInfo({
-      width: 0,
-      height: 0,
-      valid: true,
-      rotate: 0
-    });
-    if (originIsImgError === false) {
-      this.emit("changeAnnotationShow");
-    }
-  }
-  setBasicImgInfo(basicImgInfo) {
-    this.basicImgInfo = basicImgInfo;
-    this.coordUtils.setBasicImgInfo(basicImgInfo);
-  }
-  setForbidOperation(forbidOperation) {
-    this.forbidOperation = forbidOperation;
-    this.setShowDefaultCursor(forbidOperation);
-    this.render();
-  }
-  setForbidCursorLine(forbidCursorLine) {
-    this.forbidCursorLine = forbidCursorLine;
-    this.render();
-  }
-  setIsHidden(isHidden) {
-    this.isHidden = isHidden;
-    this.emit("hiddenChange");
-  }
-  setDefaultAttribute(attribute) {
-    this.defaultAttribute = attribute;
-  }
-  getCoordinateInOrigin(e) {
-    const bounding = this.canvas.getBoundingClientRect();
-    return {
-      x: (e.clientX - bounding.left - this.currentPos.x) / this.zoom,
-      y: (e.clientY - bounding.top - this.currentPos.y) / this.zoom
-    };
-  }
-  getTextIconSvg(attribute = "") {
-    var _a;
-    return AttributeUtils.getTextIconSvg(attribute, (_a = this.config) == null ? void 0 : _a.attributeList, this.config.attributeConfigurable, this.baseIcon);
-  }
-  setIsShowOrder(isShowOrder) {
-    this.config.isShowOrder = isShowOrder;
-    this.render();
-  }
-  getCoordinate(e) {
-    const bounding = this.canvas.getBoundingClientRect();
-    return {
-      x: e.clientX - bounding.left,
-      y: e.clientY - bounding.top
-    };
-  }
-  getCoordinateUnderZoom(e) {
-    const bounding = this.canvas.getBoundingClientRect();
-    return {
-      x: e.clientX - bounding.left - this.currentPos.x,
-      y: e.clientY - bounding.top - this.currentPos.y
-    };
-  }
-  getCoordinateUnderZoomByRotate(e) {
-    const {x, y} = this.getCoordinateUnderZoom(e);
-    if (this.basicImgInfo.rotate === 90) {
-      return {
-        x: y,
-        y: this.basicImgInfo.height * this.zoom - x
-      };
-    }
-    if (this.basicImgInfo.rotate === 180) {
-      return {
-        x: this.basicImgInfo.width * this.zoom - x,
-        y: this.basicImgInfo.height * this.zoom - y
-      };
-    }
-    if (this.basicImgInfo.rotate === 270) {
-      return {
-        x: this.basicImgInfo.width * this.zoom - y,
-        y: x
-      };
-    }
-    return {
-      x,
-      y
-    };
-  }
-  getGetCenterCoordinate() {
-    return {
-      x: this.size.width / 2,
-      y: this.size.height / 2
-    };
-  }
-  initPosition() {
-    if (this.basicResult && this.imgInfo) {
-      const {basicResult, size, imgNode, _imgAttribute, imgInfo, dependToolName} = this;
-      if (basicResult && imgNode && dependToolName) {
-        let newBoundry = basicResult;
-        switch (dependToolName) {
-          case EToolName.Polygon:
-          case EToolName.Line: {
-            if (basicResult.pointList) {
-              const basicZone = MathUtils.calcViewportBoundaries(basicResult.pointList);
-              newBoundry = {
-                x: basicZone.left,
-                y: basicZone.top,
-                width: basicZone.right - basicZone.left,
-                height: basicZone.bottom - basicZone.top
-              };
-            }
-            break;
-          }
-        }
-        const pos = ImgPosUtils.getBasicRecPos(imgNode, newBoundry, size, void 0, _imgAttribute == null ? void 0 : _imgAttribute.zoomRatio, _imgAttribute == null ? void 0 : _imgAttribute.isOriginalSize);
-        if (pos) {
-          this.setCurrentPos(pos.currentPos);
-          this.currentPosStorage = this.currentPos;
-          this.setImgInfo(__spreadProps(__spreadValues({}, imgInfo), {
-            width: imgInfo.width / this.innerZoom * pos.innerZoom,
-            height: imgInfo.height / this.innerZoom * pos.innerZoom
-          }));
-          this.setZoom(pos.innerZoom);
-          this.render();
-          this.renderBasicCanvas();
-        }
-      }
-    } else {
-      this.initImgPos();
-    }
-  }
-  undo() {
-    this.history.undo();
-  }
-  redo() {
-    this.history.redo();
-  }
-  clearCanvas() {
-    var _a;
-    (_a = this.ctx) == null ? void 0 : _a.clearRect(0, 0, this.size.width, this.size.height);
-  }
-  clearBasicCanvas() {
-    var _a;
-    (_a = this.basicCtx) == null ? void 0 : _a.clearRect(0, 0, this.size.width, this.size.height);
-  }
-  eventBinding() {
-    this.dblClickListener.addEvent(() => {
-    }, this.onLeftDblClick, this.onRightDblClick);
-    this.container.addEventListener("mousedown", this.onMouseDown);
-    this.container.addEventListener("mousemove", this.onMouseMove);
-    this.container.addEventListener("mouseup", this.onMouseUp);
-    this.container.addEventListener("mouseleave", this.onMouseLeave);
-    this.container.addEventListener("click", this.onClick);
-    this.container.addEventListener("wheel", this.onWheel);
-    document.addEventListener("keydown", this.onKeyDown);
-    document.addEventListener("keyup", this.onKeyUp);
-    window.parent.document.addEventListener("contextmenu", this.onContextmenu, false);
-  }
-  eventUnbinding() {
-    this.container.removeEventListener("mousedown", this.onMouseDown);
-    this.container.removeEventListener("mousemove", this.onMouseMove);
-    this.container.removeEventListener("mouseup", this.onMouseUp);
-    this.container.removeEventListener("mouseleave", this.onMouseLeave);
-    this.container.removeEventListener("wheel", this.onWheel);
-    this.container.removeEventListener("click", this.onClick);
-    document.removeEventListener("keydown", this.onKeyDown);
-    document.removeEventListener("keyup", this.onKeyUp);
-    window.parent.document.removeEventListener("contextmenu", this.onContextmenu, false);
-    this.dblClickListener.removeEvent();
-  }
-  clearImgDrag() {
-    this.isDrag = false;
-    this.isDragStart = false;
-    this.isSpaceClick = false;
-    this.startTime = 0;
-    this.container.style.cursor = this.defaultCursor;
-    this.forbidCursorLine = false;
-  }
-  clearCursorLine() {
-    this.coord = {
-      x: -1,
-      y: -1
-    };
-  }
-  onMouseDown(e) {
-    if (!this.canvas || this.isImgError) {
-      return true;
-    }
-    const coord = this.getCoordinate(e);
-    if (this.isSpaceKey && e.button === 0 || e.button === 2) {
-      e.stopPropagation();
-      this._firstClickCoordinate = coord;
-      this.currentPosStorage = this.currentPos;
-      this.isSpaceClick = true;
-      this.isDragStart = true;
-      this.startTime = new Date().getTime();
-    }
-  }
-  onMouseMove(e) {
-    if (!this.canvas || this.isImgError) {
-      return true;
-    }
-    const coord = this.getCoordinate(e);
-    if (this.isShowCursor) {
-      this.coord = coord;
-    }
-    try {
-      if (!coord || !isNumber(coord == null ? void 0 : coord.x) || !isNumber(coord == null ? void 0 : coord.y)) {
-        throw new Error("coord error");
-      }
-      this.coord = coord;
-      if ((this.isSpaceClick || this.isDragStart) && this._firstClickCoordinate) {
-        const currentPos = this.getCurrentPos(coord);
-        this.setCurrentPos(currentPos);
-        this.isDrag = true;
-        this.container.style.cursor = "grabbing";
-        this.forbidCursorLine = true;
-        this.renderBasicCanvas();
-        this.emit("dependRender");
-        this.emit("dragMove", {currentPos, zoom: this.zoom, imgInfo: this.imgInfo});
-      }
-      this.render();
-    } catch (error) {
-      console.error(error);
-    }
-  }
-  onMouseUp(e) {
-    if (!this.canvas || this.isImgError) {
-      return true;
-    }
-    this.container.style.cursor = this.defaultCursor;
-    this.forbidCursorLine = false;
-    this.isDrag = false;
-    this.isDragStart = false;
-    this.isSpaceClick = false;
-    if (this.startTime !== 0 && this._firstClickCoordinate) {
-      const time = new Date().getTime();
-      const currentCoord = this.getCoordinate(e);
-      if (time - this.startTime > 1e3 || this.isSpaceKey === true || LineToolUtils.calcTwoPointDistance(currentCoord, this._firstClickCoordinate) > 10) {
-        e.stopPropagation();
-        this.startTime = 0;
-        this.render();
-        return true;
-      }
-    }
-    this.startTime = 0;
-    this.render();
-  }
-  onMouseLeave() {
-    this.clearImgDrag();
-  }
-  onClick(e) {
-  }
-  onLeftDblClick(e) {
-  }
-  onRightDblClick(e) {
-    this.clearImgDrag();
-  }
-  onKeyDown(e) {
-    if (e.keyCode === EKeyCode.Alt) {
-      e.preventDefault();
-    }
-    switch (e.keyCode) {
-      case EKeyCode.Space:
-        this.isSpaceKey = true;
-        break;
-      case EKeyCode.Z:
-        if (e.ctrlKey) {
-          if (e.shiftKey) {
-            this.redo();
-          } else {
-            this.undo();
-          }
-          return false;
-        }
-        break;
-    }
-    return true;
-  }
-  onKeyUp(e) {
-    switch (e.keyCode) {
-      case EKeyCode.Space:
-        this.isSpaceKey = false;
-        break;
-    }
-  }
-  exportCustomData() {
-    return {};
-  }
-  onWheel(e, isRender = true) {
-    if (!this.imgNode || !this.coord) {
-      return;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-    const coord = this.getCoordinate(e);
-    const delta = e.deltaY || e.wheelDelta;
-    let operator = 0;
-    if (delta > 0 && this.zoom > zoomInfo.min) {
-      operator = -1;
-    }
-    if (delta < 0 && this.zoom < zoomInfo.max) {
-      operator = 1;
-    }
-    this.wheelChangePos(coord, operator);
-    this.emit("dependRender");
-    if (isRender) {
-      this.render();
-    }
-    this.renderBasicCanvas();
-  }
-  renderCursorLine(lineColor = ((_a) => (_a = this.style.lineColor[0]) != null ? _a : "")()) {
-    if (!this.ctx || this.forbidCursorLine || this.forbidOperation) {
-      return;
-    }
-    const {x, y} = this.coord;
-    DrawUtils.drawLine(this.canvas, {x: 0, y}, {x: 1e4, y}, {color: lineColor});
-    DrawUtils.drawLine(this.canvas, {x, y: 0}, {x, y: 1e4}, {color: lineColor});
-    DrawUtils.drawCircleWithFill(this.canvas, {x, y}, 1, {color: "white"});
-  }
-  setSize(size) {
-    var _a;
-    this.size = size;
-    if (this.container.contains(this.canvas)) {
-      this.destroyCanvas();
-      this.createCanvas(size);
-      this.eventUnbinding();
-      this.init();
-      if (((_a = this.basicImgInfo) == null ? void 0 : _a.valid) === false) {
-        this.renderInvalidPage();
-      }
-    }
-  }
-  setImgAttribute(imgAttribute) {
-    const oldImgAttribute = this._imgAttribute;
-    this._imgAttribute = imgAttribute;
-    if ((oldImgAttribute == null ? void 0 : oldImgAttribute.zoomRatio) !== imgAttribute.zoomRatio || oldImgAttribute.isOriginalSize !== imgAttribute.isOriginalSize) {
-      this.initImgPos();
-      return;
-    }
-    this.renderBasicCanvas();
-    this.render();
-  }
-  clearResult(sendMessage) {
-  }
-  setValid(valid) {
-    this.basicImgInfo.valid = valid;
-    if (valid === false) {
-      this.renderInvalidPage();
-      this.clearResult(false);
-    } else {
-      this.clearInvalidPage();
-    }
-  }
-  setRotate(rotate) {
-    this.basicImgInfo.rotate = rotate;
-  }
-  setBasicResult(basicResult) {
-    this.basicResult = basicResult;
-    this.coordUtils.setBasicResult(basicResult);
-    this.initPosition();
-    this.emit("dependRender");
-  }
-  setDependName(dependToolName, dependToolConfig) {
-    this.dependToolName = dependToolName;
-    this.coordUtils.setDependInfo(dependToolName, dependToolConfig);
-  }
-  setAttributeLockList(attributeLockList) {
-    this.attributeLockList = attributeLockList;
-    this.render();
-  }
-  setConfig(config) {
-    this.config = CommonToolUtils.jsonParser(config);
-  }
-  setDataInjectionAtCreation(dataInjectionAtCreation) {
-    this.dataInjectionAtCreation = dataInjectionAtCreation;
-  }
-  setRenderEnhance(renderEnhance) {
-    this.renderEnhance = renderEnhance;
-  }
-  setCustomRenderStyle(customRenderStyle) {
-    this.customRenderStyle = customRenderStyle;
-  }
-  updateRotate() {
-    if (this.dependToolName) {
-      this.emit("messageInfo", Locale.getMessagesByLocale(EMessage.NoRotateInDependence, this.lang));
-      return false;
-    }
-    if (this.dataList.length > 0) {
-      this.emit("messageInfo", Locale.getMessagesByLocale(EMessage.NoRotateNotice, this.lang));
-      return false;
-    }
-    const rotate = MathUtils.getRotate(this.basicImgInfo.rotate);
-    this.basicImgInfo.rotate = rotate;
-    this.initImgPos();
-    this.emit("updateResult");
-  }
-  getColor(attribute = "", config = this.config) {
-    return toolStyleConverter.getColorByConfig({attribute, config, style: this.style});
-  }
-  getLineColor(attribute = "") {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    if (((_a = this.config) == null ? void 0 : _a.attributeConfigurable) === true) {
-      const attributeIndex = AttributeUtils.getAttributeIndex(attribute, (_c = (_b = this.config) == null ? void 0 : _b.attributeList) != null ? _c : []) + 1;
-      const color2 = (_f = (_e = (_d = this.config) == null ? void 0 : _d.attributeList) == null ? void 0 : _e.find((i) => i.value === attribute)) == null ? void 0 : _f.color;
-      if (color2) {
-        return (_h = (_g = toolStyleConverter.getColorByConfig({attribute, config: this.config})) == null ? void 0 : _g.valid) == null ? void 0 : _h.stroke;
-      }
-      return this.style.attributeLineColor ? this.style.attributeLineColor[attributeIndex] : "";
-    }
-    const {color, lineColor} = this.style;
-    if (color && lineColor) {
-      return lineColor[color];
-    }
-    return "";
-  }
-  clearInvalidPage() {
-    if (this._invalidDOM && this.container && this.container.contains(this._invalidDOM)) {
-      this.container.removeChild(this._invalidDOM);
-      this._invalidDOM = void 0;
-    }
-  }
-  renderInvalidPage() {
-    if (!this.container || this._invalidDOM) {
-      return;
-    }
-    this._invalidDOM = RenderDomUtils.renderInvalidPage(this.container, this.size, this.lang);
-  }
-  renderBasicCanvas() {
-    if (!this.basicCanvas) {
-      return;
-    }
-    this.clearBasicCanvas();
-    this.drawImg();
-    const thickness = 3;
-    if (this.forbidBasicResultRender) {
-      return;
-    }
-    if (this.basicResult && this.dependToolName) {
-      switch (this.dependToolName) {
-        case EToolName.Rect: {
-          DrawUtils.drawRect(this.basicCanvas, AxisUtils.changeRectByZoom(this.basicResult, this.zoom, this.currentPos), {
-            color: "rgba(204,204,204,1.00)",
-            thickness
-          });
-          break;
-        }
-        case EToolName.Polygon: {
-          DrawUtils.drawPolygonWithFillAndLine(this.basicCanvas, AxisUtils.changePointListByZoom(this.basicResult.pointList, this.zoom, this.currentPos), {
-            fillColor: "transparent",
-            strokeColor: "rgba(204,204,204,1.00)",
-            isClose: true,
-            thickness
-          });
-          break;
-        }
-        case EToolName.Line: {
-          DrawUtils.drawLineWithPointList(this.basicCanvas, AxisUtils.changePointListByZoom(this.basicResult.pointList, this.zoom, this.currentPos), {
-            color: "rgba(204,204,204,1.00)",
-            thickness
-          });
-          break;
-        }
-      }
-    }
-  }
-  render() {
-    if (!this.canvas || !this.ctx || !this.imgNode) {
-      return;
-    }
-    this.clearCanvas();
-  }
-  changeStyle(newAttribute = this.defaultAttribute) {
-    this.emit("changeStyle", {attribute: newAttribute});
-  }
-}
-
-export { BasicToolOperation };
+import{toolStyleConverter as x}from"@labelbee/lb-utils";import{isNumber as S}from"lodash";import{EOperationMode as I,EToolName as y}from"../../constant/tool.js";import R from"../../utils/MathUtils.js";import w,{CoordinateUtils as j}from"../../utils/tool/AxisUtils.js";import T from"../../utils/tool/CanvasUtils.js";import L from"../../utils/tool/CommonToolUtils.js";import K from"../../utils/tool/LineToolUtils.js";import{EGrowthMode as W,EDragStatus as G,ELang as H}from"../../constant/annotation.js";import p from"../../constant/keyCode.js";import{COLORS_ARRAY as M,styleString as Y,BASE_ICON as F}from"../../constant/style.js";import k from"../../locales/index.js";import{EMessage as z}from"../../locales/constants.js";import V from"../../utils/ActionsHistory.js";import E from"../../utils/tool/AttributeUtils.js";import X from"../../utils/tool/DblClickEventListener.js";import g from"../../utils/tool/DrawUtils.js";import B from"../../utils/tool/ImgPosUtils.js";import $ from"../../utils/tool/RenderDomUtils.js";import U from"../../utils/tool/ZoomUtils.js";import q from"./eventListener.js";var J=Object.defineProperty,Q=Object.defineProperties,tt=Object.getOwnPropertyDescriptors,O=Object.getOwnPropertySymbols,it=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable,Z=(d,t,i)=>t in d?J(d,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):d[t]=i,A=(d,t)=>{for(var i in t||(t={}))it.call(t,i)&&Z(d,i,t[i]);if(O)for(var i of O(t))et.call(t,i)&&Z(d,i,t[i]);return d},st=(d,t)=>Q(d,tt(t)),ot=(d,t,i)=>new Promise((e,s)=>{var o=r=>{try{n(i.next(r))}catch(a){s(a)}},h=r=>{try{n(i.throw(r))}catch(a){s(a)}},n=r=>r.done?e(r.value):Promise.resolve(r.value).then(o,h);n((i=i.apply(d,t)).next())});const P={min:.2,max:1e3,ratio:.4};class rt extends q{constructor(t){super();this.isDrag=!1,this.isSpaceKey=!1,this.operationMode=I.General,this.innerZoom=1,this.basicZoom=.01,this.isSpaceClick=!1,this.isDragStart=!1,this.startTime=0,this.initImgPos=()=>ot(this,null,function*(){var l,c;if(!this.imgNode)return;const u=(l=this._imgAttribute)==null?void 0:l.zoomRatio,m=(c=this._imgAttribute)==null?void 0:c.isOriginalSize,{currentPos:f,imgInfo:b,zoom:v}=B.getInitImgPos(this.size,{width:this.imgNode.width,height:this.imgNode.height},this.rotate,u,m);this.setCurrentPos(f),this.currentPosStorage=f,this.setImgInfo(b),this.setZoom(v),this.render(),this.renderBasicCanvas(),this.emit("dependRender"),this.emit("renderZoom",v,f,b)}),this.getCurrentPos=l=>{const{_firstClickCoordinate:c,currentPosStorage:u}=this;try{let m;return c&&u?m={y:u.y+l.y-c.y,x:u.x+l.x-c.x}:m={x:0,y:0},m}catch(m){return console.error(m),{x:0,y:0}}},this.wheelChangePos=(l,c,u)=>{const{currentPos:m,imgNode:f}=this;if(!f){console.error("unable to load image");return}if(this.zoom===this.basicZoom&&c===-1)return;const b=U.wheelChangePos(f,l,c,m,{zoom:u||this.zoom,innerZoom:this.innerZoom,basicZoom:this.basicZoom,zoomMax:P.max,rotate:this.rotate});if(!b)return;const{currentPos:v,ratio:N,zoom:_,imgInfo:D}=b;this.setZoom(_),this.setCurrentPos(v),this.currentPosStorage=v,this.setImgInfo(D),P.ratio=N,this.emit("renderZoom",_,v,D)},this.zoomChanged=(l,c=W.Linear)=>{const u=U.zoomChanged(this.zoom,l,c);this.wheelChangePos(this.getGetCenterCoordinate(),u>this.zoom?1:-1,u),this.render(),this.renderBasicCanvas()},this.zoomChangeOnCenter=l=>{this.wheelChangePos(this.getGetCenterCoordinate(),0,l),this.render(),this.renderBasicCanvas()},this.drawImg=()=>{!this.imgNode||this.hiddenImg===!0||g.drawImg(this.basicCanvas,this.imgNode,{zoom:this.zoom,currentPos:this.currentPos,rotate:this.rotate,imgAttribute:this._imgAttribute})};var i,e,s,o,h,n,r,a,C;this.container=t.container,this.config=L.jsonParser(t.config),this.showDefaultCursor=t.showDefaultCursor||!1,this.destroyCanvas(),this.createCanvas(t.size,t.isAppend),this.imgNode=t.imgNode,this.isImgError=!t.imgNode,this.basicImgInfo={width:(e=(i=t.imgNode)==null?void 0:i.width)!=null?e:0,height:(o=(s=t.imgNode)==null?void 0:s.height)!=null?o:0,valid:!0,rotate:0},this.forbidOperation=(h=t.forbidOperation)!=null?h:!1,this.forbidBasicResultRender=(n=t.forbidBasicResultRender)!=null?n:!1,this.size=t.size,this.currentPos={x:0,y:0},this.zoom=1,this.coord={x:-1,y:-1},this.currentPosStorage={x:0,y:0},this.isShowCursor=!1,this.style={strokeColor:M[4],fillColor:M[4],strokeWidth:2,opacity:1},this.attributeLockList=[],this.history=new V,this.style=(r=t.style)!=null?r:L.jsonParser(Y),this._imgAttribute=(a=t.imgAttribute)!=null?a:{},this.isHidden=!1,this.dragStatus=G.Wait,this.defaultAttribute=(C=t==null?void 0:t.defaultAttribute)!=null?C:"",this.forbidCursorLine=!!t.forbidCursorLine,this.lang=H.Zh,this.onMouseDown=this.onMouseDown.bind(this),this.onMouseMove=this.onMouseMove.bind(this),this.onMouseLeave=this.onMouseLeave.bind(this),this.onMouseUp=this.onMouseUp.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onKeyUp=this.onKeyUp.bind(this),this.onWheel=this.onWheel.bind(this),this.onLeftDblClick=this.onLeftDblClick.bind(this),this.onRightDblClick=this.onRightDblClick.bind(this),this.onClick=this.onClick.bind(this),this.clearImgDrag=this.clearImgDrag.bind(this),this.dblClickListener=new X(this.container,200),this.coordUtils=new j(this),this.coordUtils.setBasicImgInfo(this.basicImgInfo),this.hiddenImg=t.hiddenImg||!1}onContextmenu(t){t.preventDefault()}get ctx(){var t;return this._ctx||((t=this.canvas)==null?void 0:t.getContext("2d"))}get basicCtx(){var t;return(t=this.basicCanvas)==null?void 0:t.getContext("2d")}get rotate(){var t,i;return(i=(t=this.basicImgInfo)==null?void 0:t.rotate)!=null?i:0}get valid(){var t,i;return(i=(t=this.basicImgInfo)==null?void 0:t.valid)!=null?i:!0}get baseIcon(){return F[this.style.color]}get defaultCursor(){return this.showDefaultCursor?"default":"none"}get dataList(){return[]}get innerPosAndZoom(){return{innerZoom:this.innerZoom,currentPosStorage:this.currentPosStorage}}get isShowDefaultCursor(){return this.showDefaultCursor}get isMultiMoveMode(){return this.operationMode===I.MultiMove}get hasMarkerConfig(){return this.config.markerConfigurable===!0&&this.config.markerList&&this.config.markerList.length>0}setZoom(t){this.zoom=t,this.innerZoom=t,this.coordUtils.setZoomAndCurrentPos(this.zoom,this.currentPos)}setCurrentPos(t){this.currentPos=t,this.coordUtils.setZoomAndCurrentPos(this.zoom,this.currentPos)}setReferenceData(t){this.referenceData=t}setImgInfo(t){this.imgInfo=t}setCurrentPosStorage(t){this.currentPosStorage=t}setOperationMode(t){this.operationMode=t}recoverOperationMode(){this.operationMode===I.MultiMove&&this.setOperationMode(I.General)}updatePosition(t){const{zoom:i,currentPos:e}=t;this.setZoom(i),this.setCurrentPos(e),this.currentPosStorage=e,this.renderBasicCanvas(),this.render()}setLang(t){this.lang=t}setShowDefaultCursor(t){this.showDefaultCursor=t,this.container.style.cursor=this.defaultCursor}setCustomCursor(t){this.container.style.cursor=t}get forbidMouseOperation(){return this.forbidOperation||this.valid===!1}get pixelRatio(){var t;return T.getPixelRatio((t=this.canvas)==null?void 0:t.getContext("2d"))}init(){this.eventUnbinding(),this.initPosition(),this.eventBinding(),this.render(),this.renderBasicCanvas()}destroy(){this.destroyCanvas(),this.eventUnbinding()}updateCanvasBasicStyle(t,i,e){const s=this.pixelRatio;t.style.position="absolute",t.width=i.width*s,t.height=i.height*s,t.style.width=`${i.width}px`,t.style.height=`${i.height}px`,t.style.left="0",t.style.top="0",t.style.zIndex=`${e} `}createCanvas(t,i=!0){var e,s;const o=this.pixelRatio,h=document.createElement("canvas");this.updateCanvasBasicStyle(h,t,0),this.basicCanvas=h;const n=document.createElement("canvas");this.updateCanvasBasicStyle(n,t,10),i&&(this.container.hasChildNodes()?(this.container.insertBefore(n,this.container.childNodes[0]),this.container.insertBefore(h,this.container.childNodes[0])):(this.container.appendChild(h),this.container.appendChild(n))),this.canvas=n,this.container.style.cursor=this.defaultCursor,(e=this.ctx)==null||e.scale(o,o),(s=this.basicCtx)==null||s.scale(o,o)}destroyCanvas(){this.canvas&&this.container.contains(this.canvas)&&this.container.removeChild(this.canvas),this.basicCanvas&&this.container.contains(this.basicCanvas)&&this.container.removeChild(this.basicCanvas),this.clearInvalidPage(),this.clearImgDrag()}setStyle(t){this.style=t,this.render()}setImgNode(t,i={}){this.imgNode=t,this.setBasicImgInfo(A({width:t.width,height:t.height,valid:!0,rotate:0},i)),this.isImgError===!0&&(this.isImgError=!1,this.emit("changeAnnotationShow")),typeof i.valid=="boolean"&&this.setValid(i.valid),this.initImgPos(),this.render(),this.renderBasicCanvas()}setErrorImg(){const t=this.isImgError;this.isImgError=!0,this.imgNode=void 0,this.setBasicImgInfo({width:0,height:0,valid:!0,rotate:0}),t===!1&&this.emit("changeAnnotationShow")}setBasicImgInfo(t){this.basicImgInfo=t,this.coordUtils.setBasicImgInfo(t)}setForbidOperation(t){this.forbidOperation=t,this.setShowDefaultCursor(t),this.render()}setForbidCursorLine(t){this.forbidCursorLine=t,this.render()}setIsHidden(t){this.isHidden=t,this.emit("hiddenChange")}setDefaultAttribute(t){this.defaultAttribute=t}getCoordinateInOrigin(t){const i=this.canvas.getBoundingClientRect();return{x:(t.clientX-i.left-this.currentPos.x)/this.zoom,y:(t.clientY-i.top-this.currentPos.y)/this.zoom}}getTextIconSvg(t=""){var i;return E.getTextIconSvg(t,(i=this.config)==null?void 0:i.attributeList,this.config.attributeConfigurable,this.baseIcon)}setIsShowOrder(t){this.config.isShowOrder=t,this.render()}getCoordinate(t){const i=this.canvas.getBoundingClientRect();return{x:t.clientX-i.left,y:t.clientY-i.top}}getCoordinateUnderZoom(t){const i=this.canvas.getBoundingClientRect();return{x:t.clientX-i.left-this.currentPos.x,y:t.clientY-i.top-this.currentPos.y}}getCoordinateUnderZoomByRotate(t){const{x:i,y:e}=this.getCoordinateUnderZoom(t);return this.basicImgInfo.rotate===90?{x:e,y:this.basicImgInfo.height*this.zoom-i}:this.basicImgInfo.rotate===180?{x:this.basicImgInfo.width*this.zoom-i,y:this.basicImgInfo.height*this.zoom-e}:this.basicImgInfo.rotate===270?{x:this.basicImgInfo.width*this.zoom-e,y:i}:{x:i,y:e}}getGetCenterCoordinate(){return{x:this.size.width/2,y:this.size.height/2}}initPosition(){if(this.basicResult&&this.imgInfo){const{basicResult:t,size:i,imgNode:e,_imgAttribute:s,imgInfo:o,dependToolName:h}=this;if(t&&e&&h){let n=t;switch(h){case y.Polygon:case y.Line:{if(t.pointList){const a=R.calcViewportBoundaries(t.pointList);n={x:a.left,y:a.top,width:a.right-a.left,height:a.bottom-a.top}}break}}const r=B.getBasicRecPos(e,n,i,void 0,s==null?void 0:s.zoomRatio,s==null?void 0:s.isOriginalSize);r&&(this.setCurrentPos(r.currentPos),this.currentPosStorage=this.currentPos,this.setImgInfo(st(A({},o),{width:o.width/this.innerZoom*r.innerZoom,height:o.height/this.innerZoom*r.innerZoom})),this.setZoom(r.innerZoom),this.render(),this.renderBasicCanvas())}}else this.initImgPos()}undo(){this.history.undo()}redo(){this.history.redo()}clearCanvas(){var t;(t=this.ctx)==null||t.clearRect(0,0,this.size.width,this.size.height)}clearBasicCanvas(){var t;(t=this.basicCtx)==null||t.clearRect(0,0,this.size.width,this.size.height)}eventBinding(){this.dblClickListener.addEvent(()=>{},this.onLeftDblClick,this.onRightDblClick),this.container.addEventListener("mousedown",this.onMouseDown),this.container.addEventListener("mousemove",this.onMouseMove),this.container.addEventListener("mouseup",this.onMouseUp),this.container.addEventListener("mouseleave",this.onMouseLeave),this.container.addEventListener("click",this.onClick),this.container.addEventListener("wheel",this.onWheel),document.addEventListener("keydown",this.onKeyDown),document.addEventListener("keyup",this.onKeyUp),window.parent.document.addEventListener("contextmenu",this.onContextmenu,!1)}eventUnbinding(){this.container.removeEventListener("mousedown",this.onMouseDown),this.container.removeEventListener("mousemove",this.onMouseMove),this.container.removeEventListener("mouseup",this.onMouseUp),this.container.removeEventListener("mouseleave",this.onMouseLeave),this.container.removeEventListener("wheel",this.onWheel),this.container.removeEventListener("click",this.onClick),document.removeEventListener("keydown",this.onKeyDown),document.removeEventListener("keyup",this.onKeyUp),window.parent.document.removeEventListener("contextmenu",this.onContextmenu,!1),this.dblClickListener.removeEvent()}clearImgDrag(){this.isDrag=!1,this.isDragStart=!1,this.isSpaceClick=!1,this.startTime=0,this.container.style.cursor=this.defaultCursor,this.forbidCursorLine=!1}clearCursorLine(){this.coord={x:-1,y:-1}}onMouseDown(t){if(!this.canvas||this.isImgError)return!0;const i=this.getCoordinate(t);(this.isSpaceKey&&t.button===0||t.button===2)&&(t.stopPropagation(),this._firstClickCoordinate=i,this.currentPosStorage=this.currentPos,this.isSpaceClick=!0,this.isDragStart=!0,this.startTime=new Date().getTime())}onMouseMove(t){if(!this.canvas||this.isImgError)return!0;const i=this.getCoordinate(t);this.isShowCursor&&(this.coord=i);try{if(!i||!S(i==null?void 0:i.x)||!S(i==null?void 0:i.y))throw new Error("coord error");if(this.coord=i,(this.isSpaceClick||this.isDragStart)&&this._firstClickCoordinate){const e=this.getCurrentPos(i);this.setCurrentPos(e),this.isDrag=!0,this.container.style.cursor="grabbing",this.forbidCursorLine=!0,this.renderBasicCanvas(),this.emit("dependRender"),this.emit("dragMove",{currentPos:e,zoom:this.zoom,imgInfo:this.imgInfo})}this.render()}catch(e){console.error(e)}}onMouseUp(t){if(!this.canvas||this.isImgError)return!0;if(this.container.style.cursor=this.defaultCursor,this.forbidCursorLine=!1,this.isDrag=!1,this.isDragStart=!1,this.isSpaceClick=!1,this.startTime!==0&&this._firstClickCoordinate){const i=new Date().getTime(),e=this.getCoordinate(t);if(i-this.startTime>1e3||this.isSpaceKey===!0||K.calcTwoPointDistance(e,this._firstClickCoordinate)>10)return t.stopPropagation(),this.startTime=0,this.render(),!0}this.startTime=0,this.render()}onMouseLeave(){this.clearImgDrag()}onClick(t){}onLeftDblClick(t){}onRightDblClick(t){this.clearImgDrag()}onKeyDown(t){switch(t.keyCode===p.Alt&&t.preventDefault(),t.keyCode){case p.Space:this.isSpaceKey=!0;break;case p.Z:if(t.ctrlKey)return t.shiftKey?this.redo():this.undo(),!1;break}return!0}onKeyUp(t){switch(t.keyCode){case p.Space:this.isSpaceKey=!1;break}}exportCustomData(){return{}}onWheel(t,i=!0){if(!this.imgNode||!this.coord)return;t.preventDefault(),t.stopPropagation();const e=this.getCoordinate(t),s=t.deltaY||t.wheelDelta;let o=0;s>0&&this.zoom>P.min&&(o=-1),s<0&&this.zoom<P.max&&(o=1),this.wheelChangePos(e,o),this.emit("dependRender"),i&&this.render(),this.renderBasicCanvas()}renderCursorLine(t=(i=>(i=this.style.lineColor[0])!=null?i:"")()){if(!this.ctx||this.forbidCursorLine||this.forbidOperation)return;const{x:i,y:e}=this.coord;g.drawLine(this.canvas,{x:0,y:e},{x:1e4,y:e},{color:t}),g.drawLine(this.canvas,{x:i,y:0},{x:i,y:1e4},{color:t}),g.drawCircleWithFill(this.canvas,{x:i,y:e},1,{color:"white"})}setSize(t){var i;this.size=t,this.container.contains(this.canvas)&&(this.destroyCanvas(),this.createCanvas(t),this.eventUnbinding(),this.init(),((i=this.basicImgInfo)==null?void 0:i.valid)===!1&&this.renderInvalidPage())}setImgAttribute(t){const i=this._imgAttribute;if(this._imgAttribute=t,(i==null?void 0:i.zoomRatio)!==t.zoomRatio||i.isOriginalSize!==t.isOriginalSize){this.initImgPos();return}this.renderBasicCanvas(),this.render()}clearResult(t){}setValid(t){this.basicImgInfo.valid=t,t===!1?(this.renderInvalidPage(),this.clearResult(!1)):this.clearInvalidPage()}setRotate(t){this.basicImgInfo.rotate=t}setBasicResult(t){this.basicResult=t,this.coordUtils.setBasicResult(t),this.initPosition(),this.emit("dependRender")}setDependName(t,i){this.dependToolName=t,this.coordUtils.setDependInfo(t,i)}setAttributeLockList(t){this.attributeLockList=t,this.render()}setConfig(t){this.config=L.jsonParser(t)}setDataInjectionAtCreation(t){this.dataInjectionAtCreation=t}setRenderEnhance(t){this.renderEnhance=t}setCustomRenderStyle(t){this.customRenderStyle=t}updateRotate(){if(this.dependToolName)return this.emit("messageInfo",k.getMessagesByLocale(z.NoRotateInDependence,this.lang)),!1;if(this.dataList.length>0)return this.emit("messageInfo",k.getMessagesByLocale(z.NoRotateNotice,this.lang)),!1;const t=R.getRotate(this.basicImgInfo.rotate);this.basicImgInfo.rotate=t,this.initImgPos(),this.emit("updateResult")}getColor(t="",i=this.config){return x.getColorByConfig({attribute:t,config:i,style:this.style})}getLineColor(t=""){var i,e,s,o,h,n,r,a;if(((i=this.config)==null?void 0:i.attributeConfigurable)===!0){const c=E.getAttributeIndex(t,(s=(e=this.config)==null?void 0:e.attributeList)!=null?s:[])+1;return((n=(h=(o=this.config)==null?void 0:o.attributeList)==null?void 0:h.find(m=>m.value===t))==null?void 0:n.color)?(a=(r=x.getColorByConfig({attribute:t,config:this.config}))==null?void 0:r.valid)==null?void 0:a.stroke:this.style.attributeLineColor?this.style.attributeLineColor[c]:""}const{color:C,lineColor:l}=this.style;return C&&l?l[C]:""}clearInvalidPage(){this._invalidDOM&&this.container&&this.container.contains(this._invalidDOM)&&(this.container.removeChild(this._invalidDOM),this._invalidDOM=void 0)}renderInvalidPage(){!this.container||this._invalidDOM||(this._invalidDOM=$.renderInvalidPage(this.container,this.size,this.lang))}renderBasicCanvas(){if(!this.basicCanvas)return;this.clearBasicCanvas(),this.drawImg();const t=3;if(!this.forbidBasicResultRender&&this.basicResult&&this.dependToolName)switch(this.dependToolName){case y.Rect:{g.drawRect(this.basicCanvas,w.changeRectByZoom(this.basicResult,this.zoom,this.currentPos),{color:"rgba(204,204,204,1.00)",thickness:t});break}case y.Polygon:{g.drawPolygonWithFillAndLine(this.basicCanvas,w.changePointListByZoom(this.basicResult.pointList,this.zoom,this.currentPos),{fillColor:"transparent",strokeColor:"rgba(204,204,204,1.00)",isClose:!0,thickness:t});break}case y.Line:{g.drawLineWithPointList(this.basicCanvas,w.changePointListByZoom(this.basicResult.pointList,this.zoom,this.currentPos),{color:"rgba(204,204,204,1.00)",thickness:t});break}}}render(){!this.canvas||!this.ctx||!this.imgNode||this.clearCanvas()}changeStyle(t=this.defaultAttribute){this.emit("changeStyle",{attribute:t})}}export{rt as BasicToolOperation};