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

package/dist/utils/MathUtils.js

@@ -1,2 +1,385 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var MathUtilsWorker=require("../_virtual/MathUtilsWorker.js"),tool=require("../constant/tool.js"),polygonTool=require("./tool/polygonTool.js"),PolygonUtils=require("./tool/PolygonUtils.js"),VectorUtils=require("./VectorUtils.js"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__spreadValues=(e,t)=>{for(var o in t||(t={}))__hasOwnProp.call(t,o)&&__defNormalProp(e,o,t[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(t))__propIsEnum.call(t,o)&&__defNormalProp(e,o,t[o]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));class Trigonometric{static tanAPlusB(t,o){return(t+o)/(1-t*o)}static sinAPlusB(t,o,s,r){return r*t+o*s}static cosAPlusB(t,o,s,r){return o*r-t*s}}const _MathUtils=class{static getRotate(e){return e+90>=360?e+90-360:e+90}static getLineLength(e,t){return Math.sqrt(Math.pow(t.y-e.y,2)+Math.pow(t.x-e.x,2))}static getTextArea(e,t,o=tool.DEFAULT_TEXT_MAX_WIDTH,s=tool.DEFAULT_FONT,r){if(typeof t!="string")return{width:0,height:0};const i=e.getContext("2d");i.font=s;let n=0;typeof r=="undefined"&&(r=e&&parseInt(window.getComputedStyle(e).lineHeight,10)||parseInt(window.getComputedStyle(document.body).lineHeight,10));const a=e&&parseInt(window.getComputedStyle(e).fontSize,10)||parseInt(window.getComputedStyle(document.body).fontSize,10)||0,c=t.split(`
-`);let l=0;for(let u=0;u<c.length;u++){const p=c[u].split("");let g="";for(let y=0;y<p.length;y++){const f=g+p[y],h=i.measureText(f).width;h>o&&y>0?(g=p[y],n+=r,l=o):(g=f,h>l&&(l=h))}u!==c.length-1&&(n+=r)}return{width:l,height:n+a,lineHeight:r,fontHeight:a}}static getLineCenterPoint(e){const[t,o]=e,s=VectorUtils.getVector(t,o);return{x:t.x+s.x/2,y:t.y+s.y/2}}static getPerpendicularLine(e){if(e.length!==2)return;const[t,o]=e,s={x:o.x+o.y-t.y,y:o.y-(o.x-t.x)};return[o,s]}static getPerpendicularFootOfLine(e,t){if(e.length!==2)return e;const o=this.getPerpendicularLine(e);if(!o)return e;const[s,r]=o;return this.getFootOfPerpendicular(t,s,r).footPoint}static getQuadrangleFromTriangle(e){if(e.length!==3)return e;const[t,o,s]=e,r={x:s.x+t.x-o.x,y:s.y+t.y-o.y};return[t,o,s,r]}static getRectPerpendicularOffset(e,t,o){const[s,r]=o,i=this.getFootOfPerpendicular(e,s,r).footPoint,n=this.getFootOfPerpendicular(t,s,r).footPoint,a={x:i.x-n.x,y:i.y-n.y},c=VectorUtils.add(t,a);return VectorUtils.getVector(e,c)}static getArrayIndex(e,t){return e<0?t+e:e>=t?e-t:e}static getPointListFromPointOffset(e,t,o){const s=this.getArrayIndex(t-1,e.length),r=this.getArrayIndex(t+1,e.length),i=this.getArrayIndex(t-2,e.length),n=[...e];n[t]=VectorUtils.add(n[t],o);const a=this.getFootOfPerpendicular(n[t],n[i],n[s]).footPoint,c=this.getFootOfPerpendicular(n[t],n[r],n[i]).footPoint;return n[s]=a,n[r]=c,n}static getRectCenterPoint(e){const[t,,o]=e;return{x:(t.x+o.x)/2,y:(t.y+o.y)/2}}static rotateRectPointList(e=5,t){const o=this.getRectCenterPoint(t),{PI:s}=Math,r=Math.sin(e*s/180),i=Math.cos(e*s/180);return t.map(n=>{const a=VectorUtils.getVector(o,n),c=VectorUtils.len(a),l=a.y/c,u=a.x/c;return{x:c*Trigonometric.cosAPlusB(l,u,r,i)+o.x,y:c*Trigonometric.sinAPlusB(l,u,r,i)+o.y}})}static getRectangleByRightAngle(e,t){if(t.length!==2)return t;const o=_MathUtils.getPerpendicularFootOfLine(t,e);return _MathUtils.getQuadrangleFromTriangle([...t,o])}static getRadiusFromQuadrangle(e){const[,t,o]=e,s=o.y-t.y,r=t.x-o.x,i=this.getLineLength(t,o),n=s/i,a=Math.acos(n);return r>0?Math.PI*2-a:a}static getCollectionPointByAnnotationDataPromise(e){const t=e.filter(r=>r.type==="point").map(r=>r.annotation),o=e.filter(r=>!!["polygon","line"].includes(r.type)).map(r=>r.type==="polygon"?__spreadProps(__spreadValues({},r.annotation),{pointList:PolygonUtils.concatBeginAndEnd(r.annotation.pointList)}):r.annotation),s=new MathUtilsWorker;return{promise:new Promise(function(i){s.postMessage({points:t,backgroundList:o}),s.onmessage=n=>{i(n.data),s.terminate()}}),close:()=>{s.terminate()}}}static getCollectionPointByAnnotationData(e){const t=[],o=new Set,s=e.filter(n=>n.type==="point").map(n=>n.annotation),r=e.filter(n=>!!["polygon","line"].includes(n.type)).map(n=>n.type==="polygon"?__spreadProps(__spreadValues({},n.annotation),{pointList:PolygonUtils.concatBeginAndEnd(n.annotation.pointList)}):n.annotation),i=(n,a)=>{const{dropFoot:c}=PolygonUtils.getClosestPoint(n,a,tool.ELineTypes.Line,1,{isClose:!1});if(c!==n){const l=`${c.x} + ${c.y}`;o.has(l)||t.push(n),o.add(l)}};return s.forEach(n=>{i(n,r)}),r.forEach(n=>{let a="";a=n.id,r.forEach((c,l)=>{if(c.id===a)return;const u=[...r];u.splice(l,1),c.pointList.forEach(p=>{i(p,u)})})}),{connectionPoints:t}}};let MathUtils=_MathUtils;MathUtils.isInRange=(e,t)=>{const o=Math.min(...t),s=Math.max(...t),r=n=>n<=s&&n>=o;return(Array.isArray(e)?e:[e]).every(n=>r(n))},MathUtils.withinRange=(e,t)=>{const o=Math.min(...t),s=Math.max(...t);return e>s?s:e<o?o:e},MathUtils.calcViewportBoundaries=(e,t=!1,o=tool.SEGMENT_NUMBER,s=1)=>{if(!e)return{top:0,bottom:0,left:0,right:0};const r=20/s,i=[],n=[];let a=e;t&&(a=polygonTool.createSmoothCurvePointsFromPointList(e,o)),a.forEach(({x:f,y:d})=>{i.push(f),n.push(d)});let c=Math.min(...i),l=Math.max(...i),u=Math.min(...n),p=Math.max(...n);const g=l-c,y=p-u;if(g<r){const f=(r-g)/2;c-=f,l+=f}if(y<r){const f=(r-y)/2;u-=f,p+=f}return{top:u,bottom:p,left:c,right:l}},MathUtils.getFootOfPerpendicular=(e,t,o,s=!1,r=!1)=>{let i={x:0,y:0};const n=t.x-o.x,a=t.y-o.y;if(Math.abs(n)<1e-8&&Math.abs(a)<1e-8)return i=t,i;let c=(e.x-t.x)*(t.x-o.x)+(e.y-t.y)*(t.y-o.y);c/=n*n+a*a,i.x=t.x+c*n,i.y=t.y+c*a;const l=_MathUtils.getLineLength(e,i),u=2,p=Math.min(t.x,o.x),g=Math.max(t.x,o.x),y=Math.min(t.y,o.y),f=Math.max(t.y,o.y),d=!(_MathUtils.isInRange(e.x,[p,g])||_MathUtils.isInRange(e.y,[y,f])),h=e.x>g+u||e.x<p-u||e.y>f+u||e.y<y-u;return!r&&(s?d:h)?{footPoint:i,length:Infinity}:{footPoint:i,length:l}};var MathUtils$1=MathUtils;exports.Trigonometric=Trigonometric,exports.default=MathUtils$1;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MathUtilsWorker = require('../_virtual/MathUtilsWorker.js');
+var tool = require('../constant/tool.js');
+var polygonTool = require('./tool/polygonTool.js');
+var PolygonUtils = require('./tool/PolygonUtils.js');
+var VectorUtils = require('./VectorUtils.js');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+class Trigonometric {
+  static tanAPlusB(tanA, tanB) {
+    return (tanA + tanB) / (1 - tanA * tanB);
+  }
+  static sinAPlusB(sinA, cosA, sinB, cosB) {
+    return cosB * sinA + cosA * sinB;
+  }
+  static cosAPlusB(sinA, cosA, sinB, cosB) {
+    return cosA * cosB - sinA * sinB;
+  }
+}
+const _MathUtils = class {
+  static getRotate(rotate) {
+    if (rotate + 90 >= 360) {
+      return rotate + 90 - 360;
+    }
+    return rotate + 90;
+  }
+  static getLineLength(point1, point2) {
+    return Math.sqrt(Math.pow(point2.y - point1.y, 2) + Math.pow(point2.x - point1.x, 2));
+  }
+  static getTextArea(canvas, text, maxWidth = tool.DEFAULT_TEXT_MAX_WIDTH, font = tool.DEFAULT_FONT, lineHeight) {
+    if (typeof text !== "string") {
+      return {
+        width: 0,
+        height: 0
+      };
+    }
+    const context = canvas.getContext("2d");
+    context.font = font;
+    let height = 0;
+    if (typeof lineHeight === "undefined") {
+      lineHeight = canvas && parseInt(window.getComputedStyle(canvas).lineHeight, 10) || parseInt(window.getComputedStyle(document.body).lineHeight, 10);
+    }
+    const fontHeight = canvas && parseInt(window.getComputedStyle(canvas).fontSize, 10) || parseInt(window.getComputedStyle(document.body).fontSize, 10) || 0;
+    const arrParagraph = text.split("\n");
+    let lineWidth = 0;
+    for (let i = 0; i < arrParagraph.length; i++) {
+      const arrText = arrParagraph[i].split("");
+      let line = "";
+      for (let n = 0; n < arrText.length; n++) {
+        const testLine = line + arrText[n];
+        const metrics = context.measureText(testLine);
+        const textWidth = metrics.width;
+        if (textWidth > maxWidth && n > 0) {
+          line = arrText[n];
+          height += lineHeight;
+          lineWidth = maxWidth;
+        } else {
+          line = testLine;
+          if (textWidth > lineWidth) {
+            lineWidth = textWidth;
+          }
+        }
+      }
+      if (i !== arrParagraph.length - 1) {
+        height += lineHeight;
+      }
+    }
+    return {
+      width: lineWidth,
+      height: height + fontHeight,
+      lineHeight,
+      fontHeight
+    };
+  }
+  static getLineCenterPoint(line) {
+    const [p1, p2] = line;
+    const vector = VectorUtils.getVector(p1, p2);
+    return {
+      x: p1.x + vector.x / 2,
+      y: p1.y + vector.y / 2
+    };
+  }
+  static getPerpendicularLine(line) {
+    if (line.length !== 2) {
+      return void 0;
+    }
+    const [p1, p2] = line;
+    const p3 = {
+      x: p2.x + p2.y - p1.y,
+      y: p2.y - (p2.x - p1.x)
+    };
+    return [p2, p3];
+  }
+  static getPerpendicularFootOfLine(line, coordinate) {
+    if (line.length !== 2) {
+      return line;
+    }
+    const perpendicularLine = this.getPerpendicularLine(line);
+    if (!perpendicularLine) {
+      return line;
+    }
+    const [begin, end] = perpendicularLine;
+    return this.getFootOfPerpendicular(coordinate, begin, end).footPoint;
+  }
+  static getQuadrangleFromTriangle(triangle) {
+    if (triangle.length !== 3) {
+      return triangle;
+    }
+    const [p1, p2, p3] = triangle;
+    const p4 = {
+      x: p3.x + p1.x - p2.x,
+      y: p3.y + p1.y - p2.y
+    };
+    return [p1, p2, p3, p4];
+  }
+  static getRectPerpendicularOffset(dragStartCoord, currentCoord, basicLine) {
+    const [p1, p2] = basicLine;
+    const footer1 = this.getFootOfPerpendicular(dragStartCoord, p1, p2).footPoint;
+    const footer2 = this.getFootOfPerpendicular(currentCoord, p1, p2).footPoint;
+    const offset = {
+      x: footer1.x - footer2.x,
+      y: footer1.y - footer2.y
+    };
+    const newPoint = VectorUtils.add(currentCoord, offset);
+    const vector3 = VectorUtils.getVector(dragStartCoord, newPoint);
+    return vector3;
+  }
+  static getArrayIndex(index, len) {
+    if (index < 0) {
+      return len + index;
+    }
+    if (index >= len) {
+      return index - len;
+    }
+    return index;
+  }
+  static getPointListFromPointOffset(pointList, changePointIndex, offset) {
+    const prePointIndex = this.getArrayIndex(changePointIndex - 1, pointList.length);
+    const nextPointIndex = this.getArrayIndex(changePointIndex + 1, pointList.length);
+    const originIndex = this.getArrayIndex(changePointIndex - 2, pointList.length);
+    const newPointList = [...pointList];
+    newPointList[changePointIndex] = VectorUtils.add(newPointList[changePointIndex], offset);
+    const newFooter1 = this.getFootOfPerpendicular(newPointList[changePointIndex], newPointList[originIndex], newPointList[prePointIndex]).footPoint;
+    const newFooter2 = this.getFootOfPerpendicular(newPointList[changePointIndex], newPointList[nextPointIndex], newPointList[originIndex]).footPoint;
+    newPointList[prePointIndex] = newFooter1;
+    newPointList[nextPointIndex] = newFooter2;
+    return newPointList;
+  }
+  static getRectCenterPoint(rectPointList) {
+    const [p1, , p3] = rectPointList;
+    return {
+      x: (p1.x + p3.x) / 2,
+      y: (p1.y + p3.y) / 2
+    };
+  }
+  static rotateRectPointList(angle = 5, rectPointList) {
+    const centerPoint = this.getRectCenterPoint(rectPointList);
+    const {PI} = Math;
+    const sinB = Math.sin(angle * PI / 180);
+    const cosB = Math.cos(angle * PI / 180);
+    return rectPointList.map((point) => {
+      const vector = VectorUtils.getVector(centerPoint, point);
+      const len = VectorUtils.len(vector);
+      const sinA = vector.y / len;
+      const cosA = vector.x / len;
+      return {
+        x: len * Trigonometric.cosAPlusB(sinA, cosA, sinB, cosB) + centerPoint.x,
+        y: len * Trigonometric.sinAPlusB(sinA, cosA, sinB, cosB) + centerPoint.y
+      };
+    });
+  }
+  static getRectangleByRightAngle(coordinate, pointList) {
+    if (pointList.length !== 2) {
+      return pointList;
+    }
+    const newPoint = _MathUtils.getPerpendicularFootOfLine(pointList, coordinate);
+    return _MathUtils.getQuadrangleFromTriangle([...pointList, newPoint]);
+  }
+  static getRadiusFromQuadrangle(points) {
+    const [, point2, point3] = points;
+    const y = point3.y - point2.y;
+    const x = point2.x - point3.x;
+    const len = this.getLineLength(point2, point3);
+    const cosX = y / len;
+    const radius = Math.acos(cosX);
+    if (x > 0) {
+      return Math.PI * 2 - radius;
+    }
+    return radius;
+  }
+  static getCollectionPointByAnnotationDataPromise(annotations) {
+    const points = annotations.filter((v) => v.type === "point").map((v) => v.annotation);
+    const backgroundList = annotations.filter((v) => {
+      if (["polygon", "line"].includes(v.type)) {
+        return true;
+      }
+      return false;
+    }).map((v) => {
+      if (v.type === "polygon") {
+        return __spreadProps(__spreadValues({}, v.annotation), {
+          pointList: PolygonUtils.concatBeginAndEnd(v.annotation.pointList)
+        });
+      }
+      return v.annotation;
+    });
+    const mathUtilsWorker = new MathUtilsWorker();
+    return {
+      promise: new Promise(function collectionPromise(resolve) {
+        mathUtilsWorker.postMessage({points, backgroundList});
+        mathUtilsWorker.onmessage = (e) => {
+          resolve(e.data);
+          mathUtilsWorker.terminate();
+        };
+      }),
+      close: () => {
+        mathUtilsWorker.terminate();
+      }
+    };
+  }
+  static getCollectionPointByAnnotationData(annotations) {
+    const connectionPoints = [];
+    const cacheSet = new Set();
+    const points = annotations.filter((v) => v.type === "point").map((v) => v.annotation);
+    const backgroundList = annotations.filter((v) => {
+      if (["polygon", "line"].includes(v.type)) {
+        return true;
+      }
+      return false;
+    }).map((v) => {
+      if (v.type === "polygon") {
+        return __spreadProps(__spreadValues({}, v.annotation), {
+          pointList: PolygonUtils.concatBeginAndEnd(v.annotation.pointList)
+        });
+      }
+      return v.annotation;
+    });
+    const judgeIsConnectPoint = (point, polygonList) => {
+      const {dropFoot} = PolygonUtils.getClosestPoint(point, polygonList, tool.ELineTypes.Line, 1, {isClose: false});
+      if (dropFoot !== point) {
+        const s = `${dropFoot.x} + ${dropFoot.y}`;
+        if (!cacheSet.has(s)) {
+          connectionPoints.push(point);
+        }
+        cacheSet.add(s);
+      }
+    };
+    points.forEach((point) => {
+      judgeIsConnectPoint(point, backgroundList);
+    });
+    backgroundList.forEach((v) => {
+      let traverseID = "";
+      traverseID = v.id;
+      backgroundList.forEach((annotation, i) => {
+        if (annotation.id === traverseID) {
+          return;
+        }
+        const newPolygonList = [...backgroundList];
+        newPolygonList.splice(i, 1);
+        annotation.pointList.forEach((point) => {
+          judgeIsConnectPoint(point, newPolygonList);
+        });
+      });
+    });
+    return {connectionPoints};
+  }
+};
+let MathUtils = _MathUtils;
+MathUtils.isInRange = (value, range) => {
+  const min = Math.min(...range);
+  const max = Math.max(...range);
+  const inRange = (v) => v <= max && v >= min;
+  const values = Array.isArray(value) ? value : [value];
+  return values.every((v) => inRange(v));
+};
+MathUtils.withinRange = (value, range) => {
+  const min = Math.min(...range);
+  const max = Math.max(...range);
+  if (value > max) {
+    return max;
+  }
+  if (value < min) {
+    return min;
+  }
+  return value;
+};
+MathUtils.calcViewportBoundaries = (array, isCurve = false, numberOfSegments = tool.SEGMENT_NUMBER, zoom = 1) => {
+  if (!array) {
+    return {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    };
+  }
+  const MIN_LENGTH = 20 / zoom;
+  const xAxis = [];
+  const yAxis = [];
+  let points = array;
+  if (isCurve) {
+    points = polygonTool.createSmoothCurvePointsFromPointList(array, numberOfSegments);
+  }
+  points.forEach(({x, y}) => {
+    xAxis.push(x);
+    yAxis.push(y);
+  });
+  let minX = Math.min(...xAxis);
+  let maxX = Math.max(...xAxis);
+  let minY = Math.min(...yAxis);
+  let maxY = Math.max(...yAxis);
+  const diffX = maxX - minX;
+  const diffY = maxY - minY;
+  if (diffX < MIN_LENGTH) {
+    const addLen = (MIN_LENGTH - diffX) / 2;
+    minX -= addLen;
+    maxX += addLen;
+  }
+  if (diffY < MIN_LENGTH) {
+    const addLen = (MIN_LENGTH - diffY) / 2;
+    minY -= addLen;
+    maxY += addLen;
+  }
+  return {
+    top: minY,
+    bottom: maxY,
+    left: minX,
+    right: maxX
+  };
+};
+MathUtils.getFootOfPerpendicular = (pt, begin, end, useAxisRange = false, allowOverRange = false) => {
+  let retVal = {x: 0, y: 0};
+  const dx = begin.x - end.x;
+  const dy = begin.y - end.y;
+  if (Math.abs(dx) < 1e-8 && Math.abs(dy) < 1e-8) {
+    retVal = begin;
+    return retVal;
+  }
+  let u = (pt.x - begin.x) * (begin.x - end.x) + (pt.y - begin.y) * (begin.y - end.y);
+  u /= dx * dx + dy * dy;
+  retVal.x = begin.x + u * dx;
+  retVal.y = begin.y + u * dy;
+  const length = _MathUtils.getLineLength(pt, retVal);
+  const ratio = 2;
+  const fromX = Math.min(begin.x, end.x);
+  const toX = Math.max(begin.x, end.x);
+  const fromY = Math.min(begin.y, end.y);
+  const toY = Math.max(begin.y, end.y);
+  const allAxisOverRange = !(_MathUtils.isInRange(pt.x, [fromX, toX]) || _MathUtils.isInRange(pt.y, [fromY, toY]));
+  const someAxisOverRange = pt.x > toX + ratio || pt.x < fromX - ratio || pt.y > toY + ratio || pt.y < fromY - ratio;
+  const isOverRange = useAxisRange ? allAxisOverRange : someAxisOverRange;
+  if (!allowOverRange && isOverRange) {
+    return {
+      footPoint: retVal,
+      length: Infinity
+    };
+  }
+  return {
+    footPoint: retVal,
+    length
+  };
+};
+var MathUtils$1 = MathUtils;
+
+exports.Trigonometric = Trigonometric;
+exports["default"] = MathUtils$1;

package/dist/utils/VectorUtils.js

@@ -1 +1,25 @@
-"use strict";var __pow=Math.pow;class Vector{static add(t,r){return{x:t.x+r.x,y:t.y+r.y}}static getVector(t,r){return{x:r.x-t.x,y:r.y-t.y}}static len(t){return Math.sqrt(__pow(t.x,2)+__pow(t.y,2))}static dotProduct(t,r){return t.x*r.x+t.y+r.y}}module.exports=Vector;
+'use strict';
+
+var __pow = Math.pow;
+class Vector {
+  static add(vector1, vector2) {
+    return {
+      x: vector1.x + vector2.x,
+      y: vector1.y + vector2.y
+    };
+  }
+  static getVector(point1, point2) {
+    return {
+      x: point2.x - point1.x,
+      y: point2.y - point1.y
+    };
+  }
+  static len(vector) {
+    return Math.sqrt(__pow(vector.x, 2) + __pow(vector.y, 2));
+  }
+  static dotProduct(vector1, vector2) {
+    return vector1.x * vector2.x + vector1.y + vector2.y;
+  }
+}
+
+module.exports = Vector;

package/dist/utils/tool/AttributeUtils.js

@@ -1 +1,218 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _=require("lodash"),lbUtils=require("@labelbee/lb-utils"),style=require("../../constant/style.js"),tool=require("../../constant/tool.js"),index=require("../../locales/index.js"),constants=require("../../locales/constants.js"),MathUtils=require("../MathUtils.js"),icon_canvasEdit_miss=require("../../assets/attributeIcon/icon_canvasEdit_miss.svg.js"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(s,t,e)=>t in s?__defProp(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e,__spreadValues=(s,t)=>{for(var e in t||(t={}))__hasOwnProp.call(t,e)&&__defNormalProp(s,e,t[e]);if(__getOwnPropSymbols)for(var e of __getOwnPropSymbols(t))__propIsEnum.call(t,e)&&__defNormalProp(s,e,t[e]);return s},__spreadProps=(s,t)=>__defProps(s,__getOwnPropDescs(t));const REGEXP_NUMBER="^[0-9]+$",REGEXP_ENGLISH="^[A-Za-z]+$";class AttributeUtils{static getAttributeIcon(t,e,r=!0){var n;const a=e.findIndex(l=>l.value===t);let i=(n=style.ICON_ARRAY[a%style.ICON_ARRAY.length])!=null?n:style.NULL_ICON;r||(i=icon_canvasEdit_miss),i="";const u=new Image;return u.src=i,u}static checkString(t,e){let r="";switch(t){case tool.ETextType.Order:case tool.ETextType.NumberOnly:r=REGEXP_NUMBER;break;case tool.ETextType.EnglishOnly:r=REGEXP_ENGLISH;break;case tool.ETextType.CustomFormat:r=e;break}return r}static checkTextAttibute(t,e){if(t===void 0||t==="")return!0;try{return new RegExp(e).test(t)}catch(r){return!1}}static getAttributeShowText(t,e=[]){var r,n;try{const a=e.findIndex(i=>i.value===t);return(n=(r=e[a])==null?void 0:r.key)!=null?n:t}catch(a){return t}}static getAttributeIndex(t,e){try{const r=e.findIndex(n=>n.value===t);return r>=8?r%8:r}catch(r){return-1}}static getAttributeColor(t,e){try{const r=this.getAttributeIndex(t,e);return r===-1?style.NULL_COLOR:style.COLORS_ARRAY[r%style.COLORS_ARRAY.length]}catch(r){return style.NULL_COLOR}}static getTextAttribute(t,e){try{if(e===tool.ETextType.Order){const r=t.map(a=>parseInt(a.textAttribute,10)).filter(a=>_.isNumber(a)&&a<Number.MAX_SAFE_INTEGER&&a>=0);return r.sort((a,i)=>a-i),`${(r.pop()||0)+1}`}return""}catch(r){return""}}static textChange(t,e,r){return r.map(n=>n.id===e?__spreadProps(__spreadValues({},n),{textAttribute:t}):n)}static getErrorNotice(t,e){switch(t){case tool.ETextType.Order:case tool.ETextType.NumberOnly:return index.getMessagesByLocale(constants.EMessage.TextCheckNumberErrorNotice,e);case tool.ETextType.EnglishOnly:return index.getMessagesByLocale(constants.EMessage.TextCheckEnglishErrorNotice,e);case tool.ETextType.CustomFormat:return index.getMessagesByLocale(constants.EMessage.TextCheckCustomErrorNotice,e);default:return""}}static textAttributeValidate(t,e,r){try{return new RegExp(this.checkString(t,e)).test(r)}catch(n){}}static checkTextAttribute(t,e,r,n){let a=!1;return r.forEach(i=>{(i==null?void 0:i.textAttribute)===void 0||(i==null?void 0:i.textAttribute)===""||(n?i.id===n:!0)&&!this.textAttributeValidate(t,e,i.textAttribute)&&(a=!0)}),!!a}static changeTextAttributeInLog(t,e){return t==null?void 0:t.map(r=>r==null?void 0:r.map(n=>{if((e==null?void 0:e.findIndex(a=>(a==null?void 0:a.id)===(n==null?void 0:n.id)))>-1){const a=e==null?void 0:e.find(i=>(i==null?void 0:i.id)===(n==null?void 0:n.id));return __spreadProps(__spreadValues({},n),{textAttribute:a==null?void 0:a.textAttribute})}return n}))}static getTextIconSvg(t="",e,r=!1,n){var a;if(r===!0){const i=(e==null?void 0:e.findIndex(l=>(l==null?void 0:l.value)===t))%style.COLORS_ARRAY.length+1,u=(a=e==null?void 0:e.find(l=>l.value===t))==null?void 0:a.color;if(u){const l=lbUtils.ToolStyleUtils.rgbaStringToHex(u);return this.generateIconAttribute({fill:l})}return style.ICON_ARRAY[i]}return n}static generateIconAttribute({fill:t,width:e=16,height:r=16,xmlns:n="http://www.w3.org/2000/svg",xlink:a="http://www.w3.org/1999/xlink"}){return`<span style={color:${t}}><svg xmlns=${n} xmlns:xlink=${a} width=${e} height=${r} viewBox="0 0 16 16"><defs><clipPath id="a"><path d="M0,0H16V-16H0Z" fill="none"/></clipPath><clipPath id="b"><path d="M13.75-2.937H2.25a.5.5,0,0,0-.5.5v.563a.125.125,0,0,0,.125.125h12.25a.125.125,0,0,0,.125-.125v-.562A.5.5,0,0,0,13.75-2.937ZM4.027-4.25a.632.632,0,0,0,.094-.008l2.628-.461a.153.153,0,0,0,.083-.044l6.623-6.623a.156.156,0,0,0,0-.22l-2.6-2.6a.155.155,0,0,0-.111-.045.155.155,0,0,0-.111.045L4.012-7.581a.159.159,0,0,0-.044.083L3.508-4.87a.524.524,0,0,0,.147.466.529.529,0,0,0,.372.155Z" fill="none"/></clipPath></defs><g transform="translate(0 16)"><g clip-path="url(#a)"><path d="M-5-21H21V5H-5Z" fill="rgba(0,0,0,0)"/></g><g clip-path="url(#b)"><path d="M-3.25-19.25h22.5V3.25H-3.25Z" fill='currentColor'/></g></g></svg></span>`}static getAttributeByKeycode(t,e){var r;let n;return MathUtils.default.isInRange(t,[48,57])&&(n=t-48),MathUtils.default.isInRange(t,[96,105])&&(n=t-96),n===0?"":n?(r=e[n-1])==null?void 0:r.value:void 0}}exports.REGEXP_ENGLISH=REGEXP_ENGLISH,exports.REGEXP_NUMBER=REGEXP_NUMBER,exports.default=AttributeUtils;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _ = require('lodash');
+var lbUtils = require('@labelbee/lb-utils');
+var style = require('../../constant/style.js');
+var tool = require('../../constant/tool.js');
+var index = require('../../locales/index.js');
+var constants = require('../../locales/constants.js');
+var MathUtils = require('../MathUtils.js');
+var icon_canvasEdit_miss = require('../../assets/attributeIcon/icon_canvasEdit_miss.svg.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 REGEXP_NUMBER = "^[0-9]+$";
+const REGEXP_ENGLISH = "^[A-Za-z]+$";
+class AttributeUtils {
+  static getAttributeIcon(attribute, attributeList, valid = true) {
+    var _a;
+    const attributeIndex = attributeList.findIndex((i) => i.value === attribute);
+    let src = (_a = style.ICON_ARRAY[attributeIndex % style.ICON_ARRAY.length]) != null ? _a : style.NULL_ICON;
+    if (!valid) {
+      src = icon_canvasEdit_miss;
+    }
+    src = "";
+    const img = new Image();
+    img.src = src;
+    return img;
+  }
+  static checkString(textCheckType, customFormat) {
+    let regExpString = "";
+    switch (textCheckType) {
+      case tool.ETextType.Order:
+      case tool.ETextType.NumberOnly:
+        regExpString = REGEXP_NUMBER;
+        break;
+      case tool.ETextType.EnglishOnly:
+        regExpString = REGEXP_ENGLISH;
+        break;
+      case tool.ETextType.CustomFormat:
+        regExpString = customFormat;
+        break;
+    }
+    return regExpString;
+  }
+  static checkTextAttibute(value, checkStrings) {
+    if (value === void 0 || value === "") {
+      return true;
+    }
+    try {
+      return new RegExp(checkStrings).test(value);
+    } catch (error) {
+      return false;
+    }
+  }
+  static getAttributeShowText(attribute, attributeList = []) {
+    var _a, _b;
+    try {
+      const attributeIndex = attributeList.findIndex((i) => i.value === attribute);
+      return (_b = (_a = attributeList[attributeIndex]) == null ? void 0 : _a.key) != null ? _b : attribute;
+    } catch (error) {
+      return attribute;
+    }
+  }
+  static getAttributeIndex(attribute, attributeList) {
+    try {
+      const attributeIndex = attributeList.findIndex((i) => i.value === attribute);
+      if (attributeIndex >= 8) {
+        return attributeIndex % 8;
+      }
+      return attributeIndex;
+    } catch (error) {
+      return -1;
+    }
+  }
+  static getAttributeColor(attribute, attributeList) {
+    try {
+      const attributeIndex = this.getAttributeIndex(attribute, attributeList);
+      if (attributeIndex === -1) {
+        return style.NULL_COLOR;
+      }
+      return style.COLORS_ARRAY[attributeIndex % style.COLORS_ARRAY.length];
+    } catch (error) {
+      return style.NULL_COLOR;
+    }
+  }
+  static getTextAttribute(toolResultList, textCheckType) {
+    try {
+      if (textCheckType === tool.ETextType.Order) {
+        const textAttributeList = toolResultList.map((i) => parseInt(i.textAttribute, 10)).filter((order) => {
+          return _.isNumber(order) && order < Number.MAX_SAFE_INTEGER && order >= 0;
+        });
+        textAttributeList.sort((a, b) => a - b);
+        const maxOrder = textAttributeList.pop();
+        return `${(maxOrder || 0) + 1}`;
+      }
+      return "";
+    } catch (error) {
+      return "";
+    }
+  }
+  static textChange(value, selectedID, toolList) {
+    return toolList.map((item) => {
+      if (item.id === selectedID) {
+        return __spreadProps(__spreadValues({}, item), {
+          textAttribute: value
+        });
+      }
+      return item;
+    });
+  }
+  static getErrorNotice(textCheckType, lang) {
+    switch (textCheckType) {
+      case tool.ETextType.Order:
+      case tool.ETextType.NumberOnly:
+        return index.getMessagesByLocale(constants.EMessage.TextCheckNumberErrorNotice, lang);
+      case tool.ETextType.EnglishOnly:
+        return index.getMessagesByLocale(constants.EMessage.TextCheckEnglishErrorNotice, lang);
+      case tool.ETextType.CustomFormat:
+        return index.getMessagesByLocale(constants.EMessage.TextCheckCustomErrorNotice, lang);
+      default:
+        return "";
+    }
+  }
+  static textAttributeValidate(textCheckType, customFormat, text) {
+    try {
+      const reg = new RegExp(this.checkString(textCheckType, customFormat));
+      return reg.test(text);
+    } catch (error) {
+    }
+  }
+  static checkTextAttribute(textCheckType, customFormat, resultList, selectedID) {
+    let error = false;
+    resultList.forEach((item) => {
+      if ((item == null ? void 0 : item.textAttribute) === void 0 || (item == null ? void 0 : item.textAttribute) === "") {
+        return;
+      }
+      if ((selectedID ? item.id === selectedID : true) && !this.textAttributeValidate(textCheckType, customFormat, item.textAttribute)) {
+        error = true;
+      }
+    });
+    if (error) {
+      return true;
+    }
+    return false;
+  }
+  static changeTextAttributeInLog(toolLog, toolList) {
+    return toolLog == null ? void 0 : toolLog.map((item) => {
+      return item == null ? void 0 : item.map((info) => {
+        if ((toolList == null ? void 0 : toolList.findIndex((i) => (i == null ? void 0 : i.id) === (info == null ? void 0 : info.id))) > -1) {
+          const changeRect = toolList == null ? void 0 : toolList.find((i) => (i == null ? void 0 : i.id) === (info == null ? void 0 : info.id));
+          return __spreadProps(__spreadValues({}, info), {
+            textAttribute: changeRect == null ? void 0 : changeRect.textAttribute
+          });
+        }
+        return info;
+      });
+    });
+  }
+  static getTextIconSvg(attribute = "", attributeList, attributeConfigurable = false, baseIcon) {
+    var _a;
+    if (attributeConfigurable === true) {
+      const attributeIndex = (attributeList == null ? void 0 : attributeList.findIndex((i) => (i == null ? void 0 : i.value) === attribute)) % style.COLORS_ARRAY.length + 1;
+      const color = (_a = attributeList == null ? void 0 : attributeList.find((i) => i.value === attribute)) == null ? void 0 : _a.color;
+      if (color) {
+        const getHexColor = lbUtils.ToolStyleUtils.rgbaStringToHex(color);
+        return this.generateIconAttribute({fill: getHexColor});
+      }
+      return style.ICON_ARRAY[attributeIndex];
+    }
+    return baseIcon;
+  }
+  static generateIconAttribute({
+    fill,
+    width = 16,
+    height = 16,
+    xmlns = "http://www.w3.org/2000/svg",
+    xlink = "http://www.w3.org/1999/xlink"
+  }) {
+    return `<span style={color:${fill}}><svg xmlns=${xmlns} xmlns:xlink=${xlink} width=${width} height=${height} viewBox="0 0 16 16"><defs><clipPath id="a"><path d="M0,0H16V-16H0Z" fill="none"/></clipPath><clipPath id="b"><path d="M13.75-2.937H2.25a.5.5,0,0,0-.5.5v.563a.125.125,0,0,0,.125.125h12.25a.125.125,0,0,0,.125-.125v-.562A.5.5,0,0,0,13.75-2.937ZM4.027-4.25a.632.632,0,0,0,.094-.008l2.628-.461a.153.153,0,0,0,.083-.044l6.623-6.623a.156.156,0,0,0,0-.22l-2.6-2.6a.155.155,0,0,0-.111-.045.155.155,0,0,0-.111.045L4.012-7.581a.159.159,0,0,0-.044.083L3.508-4.87a.524.524,0,0,0,.147.466.529.529,0,0,0,.372.155Z" fill="none"/></clipPath></defs><g transform="translate(0 16)"><g clip-path="url(#a)"><path d="M-5-21H21V5H-5Z" fill="rgba(0,0,0,0)"/></g><g clip-path="url(#b)"><path d="M-3.25-19.25h22.5V3.25H-3.25Z" fill='currentColor'/></g></g></svg></span>`;
+  }
+  static getAttributeByKeycode(keyCode, attributeList) {
+    var _a;
+    let num;
+    if (MathUtils["default"].isInRange(keyCode, [48, 57])) {
+      num = keyCode - 48;
+    }
+    if (MathUtils["default"].isInRange(keyCode, [96, 105])) {
+      num = keyCode - 96;
+    }
+    if (num === 0) {
+      return "";
+    }
+    return num ? (_a = attributeList[num - 1]) == null ? void 0 : _a.value : void 0;
+  }
+}
+
+exports.REGEXP_ENGLISH = REGEXP_ENGLISH;
+exports.REGEXP_NUMBER = REGEXP_NUMBER;
+exports["default"] = AttributeUtils;