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

package/es/utils/MathUtils.js

@@ -1,2 +1,380 @@
-import F from"../_virtual/MathUtilsWorker.js";import{SEGMENT_NUMBER as R,DEFAULT_TEXT_MAX_WIDTH as E,DEFAULT_FONT as I,ELineTypes as T}from"../constant/tool.js";import{createSmoothCurvePointsFromPointList as B}from"./tool/polygonTool.js";import w from"./tool/PolygonUtils.js";import h from"./VectorUtils.js";var C=Object.defineProperty,v=Object.defineProperties,S=Object.getOwnPropertyDescriptors,O=Object.getOwnPropertySymbols,U=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,_=(e,t,o)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,A=(e,t)=>{for(var o in t||(t={}))U.call(t,o)&&_(e,o,t[o]);if(O)for(var o of O(t))j.call(t,o)&&_(e,o,t[o]);return e},L=(e,t)=>v(e,S(t));class M{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 m=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=E,s=I,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 f=0;f<c.length;f++){const p=c[f].split("");let g="";for(let y=0;y<p.length;y++){const u=g+p[y],d=i.measureText(u).width;d>o&&y>0?(g=p[y],n+=r,l=o):(g=u,d>l&&(l=d))}f!==c.length-1&&(n+=r)}return{width:l,height:n+a,lineHeight:r,fontHeight:a}}static getLineCenterPoint(e){const[t,o]=e,s=h.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=h.add(t,a);return h.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]=h.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=h.getVector(o,n),c=h.len(a),l=a.y/c,f=a.x/c;return{x:c*M.cosAPlusB(l,f,r,i)+o.x,y:c*M.sinAPlusB(l,f,r,i)+o.y}})}static getRectangleByRightAngle(e,t){if(t.length!==2)return t;const o=m.getPerpendicularFootOfLine(t,e);return m.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"?L(A({},r.annotation),{pointList:w.concatBeginAndEnd(r.annotation.pointList)}):r.annotation),s=new F;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"?L(A({},n.annotation),{pointList:w.concatBeginAndEnd(n.annotation.pointList)}):n.annotation),i=(n,a)=>{const{dropFoot:c}=w.getClosestPoint(n,a,T.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 f=[...r];f.splice(l,1),c.pointList.forEach(p=>{i(p,f)})})}),{connectionPoints:t}}};let x=m;x.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))},x.withinRange=(e,t)=>{const o=Math.min(...t),s=Math.max(...t);return e>s?s:e<o?o:e},x.calcViewportBoundaries=(e,t=!1,o=R,s=1)=>{if(!e)return{top:0,bottom:0,left:0,right:0};const r=20/s,i=[],n=[];let a=e;t&&(a=B(e,o)),a.forEach(({x:u,y:P})=>{i.push(u),n.push(P)});let c=Math.min(...i),l=Math.max(...i),f=Math.min(...n),p=Math.max(...n);const g=l-c,y=p-f;if(g<r){const u=(r-g)/2;c-=u,l+=u}if(y<r){const u=(r-y)/2;f-=u,p+=u}return{top:f,bottom:p,left:c,right:l}},x.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=m.getLineLength(e,i),f=2,p=Math.min(t.x,o.x),g=Math.max(t.x,o.x),y=Math.min(t.y,o.y),u=Math.max(t.y,o.y),P=!(m.isInRange(e.x,[p,g])||m.isInRange(e.y,[y,u])),d=e.x>g+f||e.x<p-f||e.y>u+f||e.y<y-f;return!r&&(s?P:d)?{footPoint:i,length:Infinity}:{footPoint:i,length:l}};var D=x;export{M as Trigonometric,D as default};
+import WorkerFactory from '../_virtual/MathUtilsWorker.js';
+import { SEGMENT_NUMBER, DEFAULT_TEXT_MAX_WIDTH, DEFAULT_FONT, ELineTypes } from '../constant/tool.js';
+import { createSmoothCurvePointsFromPointList } from './tool/polygonTool.js';
+import PolygonUtils from './tool/PolygonUtils.js';
+import Vector from './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 = DEFAULT_TEXT_MAX_WIDTH, font = 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 = Vector.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 = Vector.add(currentCoord, offset);
+    const vector3 = Vector.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] = Vector.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 = Vector.getVector(centerPoint, point);
+      const len = Vector.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 WorkerFactory();
+    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, 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 = 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 = 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;
+
+export { Trigonometric, MathUtils$1 as default };

package/es/utils/VectorUtils.js

@@ -1 +1,23 @@
-var x=Math.pow;class r{static add(t,a){return{x:t.x+a.x,y:t.y+a.y}}static getVector(t,a){return{x:a.x-t.x,y:a.y-t.y}}static len(t){return Math.sqrt(x(t.x,2)+x(t.y,2))}static dotProduct(t,a){return t.x*a.x+t.y+a.y}}export{r as default};
+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;
+  }
+}
+
+export { Vector as default };

package/es/utils/tool/AttributeUtils.js

@@ -1 +1,212 @@
-import{isNumber as I}from"lodash";import{ToolStyleUtils as O}from"@labelbee/lb-utils";import{ICON_ARRAY as c,NULL_ICON as E,NULL_COLOR as f,COLORS_ARRAY as d}from"../../constant/style.js";import{ETextType as s}from"../../constant/tool.js";import g from"../../locales/index.js";import{EMessage as p}from"../../locales/constants.js";import h from"../MathUtils.js";import y from"../../assets/attributeIcon/icon_canvasEdit_miss.svg.js";var w=Object.defineProperty,N=Object.defineProperties,P=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,R=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,x=(l,t,r)=>t in l?w(l,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[t]=r,b=(l,t)=>{for(var r in t||(t={}))R.call(t,r)&&x(l,r,t[r]);if(v)for(var r of v(t))T.call(t,r)&&x(l,r,t[r]);return l},m=(l,t)=>N(l,P(t));const _="^[0-9]+$",A="^[A-Za-z]+$";class M{static getAttributeIcon(t,r,e=!0){var n;const a=r.findIndex(o=>o.value===t);let i=(n=c[a%c.length])!=null?n:E;e||(i=y),i="";const u=new Image;return u.src=i,u}static checkString(t,r){let e="";switch(t){case s.Order:case s.NumberOnly:e=_;break;case s.EnglishOnly:e=A;break;case s.CustomFormat:e=r;break}return e}static checkTextAttibute(t,r){if(t===void 0||t==="")return!0;try{return new RegExp(r).test(t)}catch(e){return!1}}static getAttributeShowText(t,r=[]){var e,n;try{const a=r.findIndex(i=>i.value===t);return(n=(e=r[a])==null?void 0:e.key)!=null?n:t}catch(a){return t}}static getAttributeIndex(t,r){try{const e=r.findIndex(n=>n.value===t);return e>=8?e%8:e}catch(e){return-1}}static getAttributeColor(t,r){try{const e=this.getAttributeIndex(t,r);return e===-1?f:d[e%d.length]}catch(e){return f}}static getTextAttribute(t,r){try{if(r===s.Order){const e=t.map(a=>parseInt(a.textAttribute,10)).filter(a=>I(a)&&a<Number.MAX_SAFE_INTEGER&&a>=0);return e.sort((a,i)=>a-i),`${(e.pop()||0)+1}`}return""}catch(e){return""}}static textChange(t,r,e){return e.map(n=>n.id===r?m(b({},n),{textAttribute:t}):n)}static getErrorNotice(t,r){switch(t){case s.Order:case s.NumberOnly:return g.getMessagesByLocale(p.TextCheckNumberErrorNotice,r);case s.EnglishOnly:return g.getMessagesByLocale(p.TextCheckEnglishErrorNotice,r);case s.CustomFormat:return g.getMessagesByLocale(p.TextCheckCustomErrorNotice,r);default:return""}}static textAttributeValidate(t,r,e){try{return new RegExp(this.checkString(t,r)).test(e)}catch(n){}}static checkTextAttribute(t,r,e,n){let a=!1;return e.forEach(i=>{(i==null?void 0:i.textAttribute)===void 0||(i==null?void 0:i.textAttribute)===""||(n?i.id===n:!0)&&!this.textAttributeValidate(t,r,i.textAttribute)&&(a=!0)}),!!a}static changeTextAttributeInLog(t,r){return t==null?void 0:t.map(e=>e==null?void 0:e.map(n=>{if((r==null?void 0:r.findIndex(a=>(a==null?void 0:a.id)===(n==null?void 0:n.id)))>-1){const a=r==null?void 0:r.find(i=>(i==null?void 0:i.id)===(n==null?void 0:n.id));return m(b({},n),{textAttribute:a==null?void 0:a.textAttribute})}return n}))}static getTextIconSvg(t="",r,e=!1,n){var a;if(e===!0){const i=(r==null?void 0:r.findIndex(o=>(o==null?void 0:o.value)===t))%d.length+1,u=(a=r==null?void 0:r.find(o=>o.value===t))==null?void 0:a.color;if(u){const o=O.rgbaStringToHex(u);return this.generateIconAttribute({fill:o})}return c[i]}return n}static generateIconAttribute({fill:t,width:r=16,height:e=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=${r} height=${e} 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,r){var e;let n;return h.isInRange(t,[48,57])&&(n=t-48),h.isInRange(t,[96,105])&&(n=t-96),n===0?"":n?(e=r[n-1])==null?void 0:e.value:void 0}}export{A as REGEXP_ENGLISH,_ as REGEXP_NUMBER,M as default};
+import { isNumber } from 'lodash';
+import { ToolStyleUtils } from '@labelbee/lb-utils';
+import { ICON_ARRAY, NULL_ICON, NULL_COLOR, COLORS_ARRAY } from '../../constant/style.js';
+import { ETextType } from '../../constant/tool.js';
+import Locale from '../../locales/index.js';
+import { EMessage } from '../../locales/constants.js';
+import MathUtils from '../MathUtils.js';
+import INVALID_ICON from '../../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 = ICON_ARRAY[attributeIndex % ICON_ARRAY.length]) != null ? _a : NULL_ICON;
+    if (!valid) {
+      src = INVALID_ICON;
+    }
+    src = "";
+    const img = new Image();
+    img.src = src;
+    return img;
+  }
+  static checkString(textCheckType, customFormat) {
+    let regExpString = "";
+    switch (textCheckType) {
+      case ETextType.Order:
+      case ETextType.NumberOnly:
+        regExpString = REGEXP_NUMBER;
+        break;
+      case ETextType.EnglishOnly:
+        regExpString = REGEXP_ENGLISH;
+        break;
+      case 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 NULL_COLOR;
+      }
+      return COLORS_ARRAY[attributeIndex % COLORS_ARRAY.length];
+    } catch (error) {
+      return NULL_COLOR;
+    }
+  }
+  static getTextAttribute(toolResultList, textCheckType) {
+    try {
+      if (textCheckType === 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 ETextType.Order:
+      case ETextType.NumberOnly:
+        return Locale.getMessagesByLocale(EMessage.TextCheckNumberErrorNotice, lang);
+      case ETextType.EnglishOnly:
+        return Locale.getMessagesByLocale(EMessage.TextCheckEnglishErrorNotice, lang);
+      case ETextType.CustomFormat:
+        return Locale.getMessagesByLocale(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)) % 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 = ToolStyleUtils.rgbaStringToHex(color);
+        return this.generateIconAttribute({fill: getHexColor});
+      }
+      return 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.isInRange(keyCode, [48, 57])) {
+      num = keyCode - 48;
+    }
+    if (MathUtils.isInRange(keyCode, [96, 105])) {
+      num = keyCode - 96;
+    }
+    if (num === 0) {
+      return "";
+    }
+    return num ? (_a = attributeList[num - 1]) == null ? void 0 : _a.value : void 0;
+  }
+}
+
+export { REGEXP_ENGLISH, REGEXP_NUMBER, AttributeUtils as default };