fl-web-component 0.1.0 → 1.0.0

package/packages/components/model/utils/annotation-tool.js

@@ -1,7 +1,7 @@
-import Konva from "konva";
-const className = "annotation-shape";
+import Konva from 'konva';
+const className = 'annotation-shape';
 var _that = null;
-const AnnotationTool = function(stage, layer, type, strokeWidth = 1) {
+const AnnotationTool = function (stage, layer, type, strokeWidth = 1) {
   this.stage = stage;
   this.layer = layer;
   this.type = type;
@@ -13,14 +13,14 @@ const AnnotationTool = function(stage, layer, type, strokeWidth = 1) {
   this.annotationList = [];
   this.linePoints = [];
   this.isInput = false;
-  this.color = "#FF3B2F";
+  this.color = '#FF3B2F';
 };
 AnnotationTool.prototype = {
   start() {
     _that = this;
-    this.stage.on("mousedown", this.stageMouseDown, false);
-    this.stage.on("mousemove", this.stageMouseMove, false);
-    this.stage.on("mouseup", this.stageMouseUp, false);
+    this.stage.on('mousedown', this.stageMouseDown, false);
+    this.stage.on('mousemove', this.stageMouseMove, false);
+    this.stage.on('mouseup', this.stageMouseUp, false);
   },
   updateType(val) {
     const { type, strokeWidth } = val;
@@ -32,7 +32,7 @@ AnnotationTool.prototype = {
   },
   stageMouseDown(e) {
     // _that.currentObj = null
-    if (e.attrs.name === "annotation-shape" || _that.isInput) return;
+    if (e.attrs.name === 'annotation-shape' || _that.isInput) return;
     // 左键开始
     const mousePos = _that.stage.getPointerPosition();
     const x = (mousePos.x - _that.stage.getX()) / _that.stage.scaleX();
@@ -40,7 +40,7 @@ AnnotationTool.prototype = {
     _that.startPoints.push(x);
     _that.startPoints.push(y);
     switch (_that.type) {
-      case "Rect":
+      case 'Rect':
         const rect = new Konva.Rect({
           type: _that.type,
           name: className,
@@ -50,17 +50,17 @@ AnnotationTool.prototype = {
           height: 0,
           stroke: _that.color,
           strokeWidth: _that.strokeWidth,
-          draggable: true
+          draggable: true,
         });
-        rect.on("mousedown", e => {
+        rect.on('mousedown', (e) => {
           e.cancelBubble = true;
         });
         // rect.on('mouseup', (e) => {
         //   e.cancelBubble = true;
         // })
-        rect.on("click", e => {
+        rect.on('click', (e) => {
           e.cancelBubble = true;
-          if (_that.type === "Rubber") {
+          if (_that.type === 'Rubber') {
             _that.rubberRemove(rect._id);
             rect.destroy();
           }
@@ -69,7 +69,7 @@ AnnotationTool.prototype = {
         _that.layer.add(rect);
         _that.isDrawing = true;
         break;
-      case "Circle":
+      case 'Circle':
         const circle = new Konva.Circle({
           type: _that.type,
           name: className,
@@ -78,17 +78,17 @@ AnnotationTool.prototype = {
           radius: 0,
           stroke: _that.color,
           strokeWidth: _that.strokeWidth,
-          draggable: true
+          draggable: true,
         });
         // circle.on('mouseup', (e) => {
         //   e.cancelBubble = true;
         // })
-        circle.on("mousedown", e => {
+        circle.on('mousedown', (e) => {
           e.cancelBubble = true;
         });
-        circle.on("click", e => {
+        circle.on('click', (e) => {
           e.cancelBubble = true;
-          if (_that.type === "Rubber") {
+          if (_that.type === 'Rubber') {
             _that.rubberRemove(circle._id);
             circle.destroy();
           }
@@ -97,7 +97,7 @@ AnnotationTool.prototype = {
         _that.layer.add(circle);
         _that.isDrawing = true;
         break;
-      case "Line":
+      case 'Line':
         _that.linePoints = _that.linePoints.concat(_that.startPoints);
         const line = new Konva.Line({
           name: className,
@@ -105,19 +105,19 @@ AnnotationTool.prototype = {
           points: [x, y],
           stroke: _that.color,
           strokeWidth: _that.strokeWidth,
-          lineCap: "round",
-          lineJoin: "round",
-          draggable: true
+          lineCap: 'round',
+          lineJoin: 'round',
+          draggable: true,
         });
         // line.on('mouseup', (e) => {
         //   e.cancelBubble = true;
         // })
-        line.on("mousedown", e => {
+        line.on('mousedown', (e) => {
           e.cancelBubble = true;
         });
-        line.on("click", e => {
+        line.on('click', (e) => {
           e.cancelBubble = true;
-          if (_that.type === "Rubber") {
+          if (_that.type === 'Rubber') {
             _that.rubberRemove(line._id);
             line.destroy();
           }
@@ -126,27 +126,27 @@ AnnotationTool.prototype = {
         _that.layer.add(line);
         _that.isDrawing = true;
         break;
-      case "Text":
+      case 'Text':
         const textNode = new Konva.Text({
           name: className,
           type: _that.type,
           x: x,
           y: y,
           width: 200,
-          text: "",
-          fontSize: 13 + (3 * _that.strokeWidth),
+          text: '',
+          fontSize: 13 + 3 * _that.strokeWidth,
           fill: _that.color,
-          draggable: true
+          draggable: true,
         });
         // textNode.on('mouseup', (e) => {
         //   e.cancelBubble = true;
         // })
-        textNode.on("mousedown", e => {
+        textNode.on('mousedown', (e) => {
           e.cancelBubble = true;
         });
-        textNode.on("click", e => {
+        textNode.on('click', (e) => {
           e.cancelBubble = true;
-          if (_that.type === "Rubber") {
+          if (_that.type === 'Rubber') {
             _that.rubberRemove(textNode._id);
             textNode.destroy();
           }
@@ -154,7 +154,7 @@ AnnotationTool.prototype = {
         _that.annotationList.push(textNode);
         _that.layer.add(textNode);
         _that.isDrawing = true;
-        textNode.on("dblclick", () => {
+        textNode.on('dblclick', () => {
           e.cancelBubble = true;
           _that.isInput = true;
           textNode.hide();
@@ -162,49 +162,46 @@ AnnotationTool.prototype = {
           var stageBox = _that.stage.container().getBoundingClientRect();
           var areaPosition = {
             x: stageBox.left + textPosition.x,
-            y: stageBox.top + textPosition.y
+            y: stageBox.top + textPosition.y,
           };
-          var textarea = document.createElement("textarea");
+          var textarea = document.createElement('textarea');
           document.body.appendChild(textarea);
           textarea.value = textNode.text();
-          textarea.style.position = "absolute";
-          textarea.style.top = areaPosition.y + "px";
-          textarea.style.left = areaPosition.x + "px";
-          textarea.style.width =
-            textNode.width() - textNode.padding() * 2 + "px";
-          textarea.style.height =
-            textNode.height() - textNode.padding() * 2 + 5 + "px";
-          textarea.style.fontSize = "16px"; // textNode.fontSize() + 'px'
-          textarea.style.border = "1px solid " + _that.color;
-          textarea.style.padding = "5px";
-          textarea.style.margin = "0px";
-          textarea.style.overflow = "hidden";
-          textarea.style.background = "none";
-          textarea.style.outline = "none";
-          textarea.style.resize = "none";
+          textarea.style.position = 'absolute';
+          textarea.style.top = areaPosition.y + 'px';
+          textarea.style.left = areaPosition.x + 'px';
+          textarea.style.width = textNode.width() - textNode.padding() * 2 + 'px';
+          textarea.style.height = textNode.height() - textNode.padding() * 2 + 5 + 'px';
+          textarea.style.fontSize = '16px'; // textNode.fontSize() + 'px'
+          textarea.style.border = '1px solid ' + _that.color;
+          textarea.style.padding = '5px';
+          textarea.style.margin = '0px';
+          textarea.style.overflow = 'hidden';
+          textarea.style.background = 'none';
+          textarea.style.outline = 'none';
+          textarea.style.resize = 'none';
           textarea.style.lineHeight = textNode.lineHeight();
           textarea.style.fontFamily = textNode.fontFamily();
-          textarea.style.transformOrigin = "left top";
+          textarea.style.transformOrigin = 'left top';
           textarea.style.textAlign = textNode.align();
           textarea.style.color = textNode.fill();
           var rotation = textNode.rotation();
           var transform;
           if (rotation) {
-            transform += "rotateZ(" + rotation + "deg)";
+            transform += 'rotateZ(' + rotation + 'deg)';
           }
           var px = 0;
-          var isFirefox =
-            navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
+          var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
           if (isFirefox) {
             px += 2 + Math.round(20 / 20); // textNode.fontSize()
           }
-          transform += "translateY(-" + px + "px)";
+          transform += 'translateY(-' + px + 'px)';
           textarea.style.transform = transform;
-          textarea.style.height = textarea.scrollHeight + 3 + "px";
+          textarea.style.height = textarea.scrollHeight + 3 + 'px';
           textarea.focus();
           function removeTextarea() {
             textarea.parentNode.removeChild(textarea);
-            window.removeEventListener("click", handleOutsideClick);
+            window.removeEventListener('click', handleOutsideClick);
             textNode.show();
             _that.layer.draw();
           }
@@ -214,23 +211,19 @@ AnnotationTool.prototype = {
               newWidth = textNode.placeholder.length * textNode.fontSize();
             }
             // some extra fixes on different browsers
-            var isSafari = /^((?!chrome|android).)*safari/i.test(
-              navigator.userAgent
-            );
-            var isFirefox =
-              navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
+            var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+            var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
             if (isSafari || isFirefox) {
               newWidth = Math.ceil(newWidth);
             }
 
-            var isEdge =
-              document.documentMode || /Edge/.test(navigator.userAgent);
+            var isEdge = document.documentMode || /Edge/.test(navigator.userAgent);
             if (isEdge) {
               newWidth += 1;
             }
-            textarea.style.width = newWidth + "px";
+            textarea.style.width = newWidth + 'px';
           }
-          textarea.addEventListener("keydown", function(e) {
+          textarea.addEventListener('keydown', function (e) {
             if (e.code === 13 && !e.shiftKey) {
               textNode.text(textarea.value);
               removeTextarea();
@@ -256,7 +249,7 @@ AnnotationTool.prototype = {
             }
           }
           setTimeout(() => {
-            window.addEventListener("click", handleOutsideClick);
+            window.addEventListener('click', handleOutsideClick);
           });
         });
         break;
@@ -269,26 +262,26 @@ AnnotationTool.prototype = {
       const y = (mousePos.y - _that.stage.getY()) / _that.stage.scaleY();
       const currentObj = _that.annotationList[_that.annotationList.length - 1];
       switch (currentObj.className) {
-        case "Rect":
+        case 'Rect':
           currentObj.setAttrs({
             width: x - _that.startPoints[0],
-            height: y - _that.startPoints[1]
+            height: y - _that.startPoints[1],
           });
           break;
-        case "Circle":
+        case 'Circle':
           let radius = 0;
           let width = x - _that.startPoints[0] < 0 ? 0 : x - _that.startPoints[0];
-          let height = y - _that.startPoints[1] < 0? 0 : y - _that.startPoints[1];
+          let height = y - _that.startPoints[1] < 0 ? 0 : y - _that.startPoints[1];
           if (width === height) {
             radius = width / 2;
           } else {
             radius = Math.max(width, height) / 2;
           }
           currentObj.setAttrs({
-            radius: radius
+            radius: radius,
           });
           break;
-        case "Line":
+        case 'Line':
           _that.linePoints.push(x);
           _that.linePoints.push(y);
           const points = [].concat(_that.linePoints);
@@ -304,7 +297,7 @@ AnnotationTool.prototype = {
     _that.isInput = false;
   },
   clear() {
-    this.annotationList.forEach(item => {
+    this.annotationList.forEach((item) => {
       item.destroy();
     });
     this.annotationList.splice(0);
@@ -324,17 +317,17 @@ AnnotationTool.prototype = {
     }
   },
   destroy() {
-    this.annotationList.forEach(item => {
-      item.off("mousedown");
+    this.annotationList.forEach((item) => {
+      item.off('mousedown');
       // item.off('mouseup')
-      item.off("mousemove");
+      item.off('mousemove');
       item.destroy();
     });
-    this.stage.off("mousedown");
-    this.stage.off("mouseup");
-    this.stage.off("mousemove");
-  }
+    this.stage.off('mousedown');
+    this.stage.off('mouseup');
+    this.stage.off('mousemove');
+  },
 };
 export default {
-  AnnotationTool
+  AnnotationTool,
 };

package/packages/components/model/utils/cursor.js

@@ -5,14 +5,19 @@
  * @Description:
  * @FilePath: \dmp-ui\src\views\system\drawing-display\components\cursor.js
  */
-let cursors={
-  pen:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACd0lEQVRYR+2WT2gTQRTGv7eb9JLkmPoHvHkQLy2i94o0KMiyMxgRbwrmpigeFBUJFPHiRegpgiLiQZbMTFoR/4AX7UVQCD14EfGcQkGFiia7T0Yq1HWTbLeGgnSOszPv9/HNex9L2ORFm8zHloD/1gHyff8cEZ0EEAIIyuXybKPR6MZ7biQOCCEaAM6shRHRrFLq7MgF+L5/nIgexUHMHOXz+XIQBMt/CPuXY+h53m7Xdd8BKPWpO6m1bo9EQLVaHet2uwtEtL8P/HMul9sRBMG3kQjwff8WEV3sA2cAp7TW90fSA0KIwwCeAInBxsx8wRhzO0nchqdACDEeRVHbcZztCQA7gjWt9d1+vbYhAfV63Wm3208BTCcAekR0Win1YFCjb0iAEOIygJsJgB9EdEIppYdNWWYBUsoDzPwawFgMssLMwhjzfBjcfs8sQAjRBCBjkC9RFB1ttVqv0sBTC6hUKoVisSiZeS8RPVZKLQghbNTayP29lpn5iDHmTVp4KgGrVhsAO1cLv9RaH7LuSSlvMPN5AF8BVOIpl0bIwCeoVqvlXq+3CGDbmmI2VI5prZXdm5qaypVKpbH5+fmVNMB1BZGUcoaZr8UvMXPXcZx7RHSn2Wy+BWBFZVp9HajVavmlpaVPa6xPBBDRdaXUTCZ6vynwPK/kuu4lAFeHFWbmK8aYpCwYdvXX978ckFLuY2Zra9plm+9F2sNDe8COXKFQ+AhgPEXRxYmJicl6vR6lOJv8hEm71oUwDB86jrNnQOH3YRh6c3NzH7LCB+aAbcJOp3OQiKaZeRcRWUe+A+gQ0TPXdXX85yKLkMxRnAWWdGdLwJYDPwFn/dQhz4OkVwAAAABJRU5ErkJggg==',
-  line:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA4klEQVRYR+3WTQrCMBCG4fmy8AYeyo2kBS+goAsPJPhzhTEIHso7SEa6EETsXzJjN+m+vE8nhQlo4gcT96kAygRMJ1BV1RrAg5nvbT+7GaCJi8gJwBPAiplvvxAmAO/9hoiOAJyIRCLahhAufwF8fLkjIhGRfQjh8JcjGBtvUGpHkBJXA6TGVQA58WxAbjwLoBFPBmjFkwCa8dEA7fgogEV8MMAqPghgGe8FWMc7Ad8r1Tm3Y+az9i26dRl57xcArkQ061upOajObVjX9TLGOG+7TOSE3++qreNUTAGUCUw+gRcF0dchsIjssQAAAABJRU5ErkJggg==',
-  round:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACpUlEQVRYR+2WPW8TQRCG39mLqUBQuKQiCeJDSiT4DRCFwtk964KQ6BCWoCUfonMJOD1gRAkCjG/ODUmB+AcgpQECCVW6NBFQYecGbbSHEhPfnZ0ijbezduedx7PvzhzhiBcdcX4MAYYV6KsCQRAc29nZMSIyA+ASEZ22JhaRTQCfRCQqFApRo9H4k9fcuQG01mUiegTgTIb4BoAFZg7zQGQCBEHgtdvth0R0r0twTUQ2iMhqjAI427W/NDk5uVitVuM0kEwArfXSnuQdInpGREvNZvPHXuFSqTQ2MjIyLyK3AHhur8bMCwMDuLK/dQLbAMrM/CFN0BhzBUADwEnnDxNFUdQrpmcFrOE6nc4Xd+cdAFNZyZMkWuurRPTOVoKI1j3Pu9jLmD0BfN+/LiKvrCgRPQ7D8G4eUyVnjDF1ALfd71lmtlX5b/UEMMa8BHDDRiilRrvvPAumXC6Px3H8zZ17wcw3+wVYs86O4/hrq9U6n5XwoH1jjAUYB7DGzOf6BfgF4DiAZWa+NgiA1nqFiKYA/GbmE4MCrDDz9CEBfjLz7qvoXmke2L2CtPJlQRljMjVymVBExqIosi0297KNyfO87wObUGs9S0SvncATZr6TOzsA3/efikjFPeMgDMOkoe2TyWpEn12f7yilppvN5vs8EK4bLieNqFgsXqjX6+2+PGAPG2N8AE0XuK2UCrIgXPI3AE65OM3MrV7gmcPIGFMDMOcEbEt+LiK1bk8cNIzs+A7DcDGtapkA1WpVra6uPgAw3yVkm4w1ZjKObcP5t2zyiYmJ+4cex4mi1lorpWr2RaT+I6J1EZlLK/s+0DymSs5UKpXC1taWBjATx/FlpdTuJ1kcx5tKqY9EFBWLxVYvw/Vtwn7gBj2b6YFBhfPGDQGGFfgLW7AHMIfxtKYAAAAASUVORK5CYII=',
-  trangle:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAl0lEQVRYR+2WsQ2DMBBF/w1BaLIIW/gKGJIU31uwCJUzhFGKVIAEjiUr0nd/95+f5DsbGh9rnA8ByIAMnBoIISQz62o805zzO8b4OOp1CuDuuUb4twfJw6wrACuApRBmAPD81P4C8CI5lQC4+wxgFIAMyIAM/L2B5qO4ZArvam7vgprrGEAi2d9ax1WufaGJvmQyIAPNDWzonXsh3WqxKQAAAABJRU5ErkJggg==',
-  eraser:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA1hJREFUWEfFl09oXUUUxr/vPkzARRFcumhdVGgV8t7MJBFaaC30z0YQMW1AUWyhXVWlYmm7aLWbtiQNFboqoqUFgy1VFBcuuhDRJu2bM0kIRsFkJS7ctC9dNLwQ7pGBtDxe3p9734t04G7uPef7fvfMzJl7iac82I2/c25nzPfe/9ypTscAxphxksOrxlfTNB2ZmpqaywvSEYAx5n2SX9aZVUiOViqV0fn5+WpWkNwAxWLxuUKhcAfAliYmoqojIYRvskDkBrDWngNwop24qkaACCKtYnMBOOcGVDW+faEdwOrzqqqOpmk6Oj09XWmUkxfglqq+mdG8Nuz3CBJCuFqfmxnAGPMOyesdmNem3BSR/bU3MgFYa58BEAC80iUAVPVICOHKY52sAJ8BON2tecxPkmR3uVy+nRmgVCptTZIkvn1vtwAkv/LeH8w1BXUdrxuG+6q6PYTwR2YAa+0bAL7rxrUm96SInM+1C6y1sYmYdQCYXFxc3NmoRTddhM6546p6YR3MQfIt7/2tXI3IGGOTJDmsqoe7hLgmIu8102i5Da21XwN4FsBWAJs7AHkI4DURibuo4WgKYIx5neQPqrqvt7f3l+Xl5XgAnQQQm1LWcUZEzrYKbrUG7qjqX7Xl6+/vfzlN008ANC3pkwZD+mq1umd2dvZBbgBjzEckRwBsF5G79QKxOgA+JrmjaWnJd733bc+ONRUolUobkySZBBAPjg+aGQwNDRUWFhaOkvwQwKa6uBsiciDLPK0BcM5dVtVhVX01hDDfTqRYLG4uFApHAcQrjkcA9orIr+1y4/M1ANbaP1V1PIQQD6BMwzl3XVU3kpxU1VRE2n4xPVkr9Q7WWgWwX0RuZnE3xuwl+ZOqHggh3Ojr63thZmbmnyy5DStgjDlD8tO45ZaWlsbm5uaWW4k5526r6r8i8nZW09q4htvQWvsFgEMAhORF7/14I3Hn3CFV/ZzkLu/9vXUDiELGmH0kjwHYTfJbAGPe+98emwwODm5YWVmZAPC9iJzqxLzhFNQLOeeOqGoEeYnkJZJj5XL579WpGu7p6dk2MTFx/38DiMIDAwPPp2l6bBVkJf4OAoj/hZkXa9OGlYfcOVdK03SY5Iuqei2E8GOe/EaxmT5KuzVplf8fJR1KMBY8k7wAAAAASUVORK5CYII=',
-  text:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA5klEQVRYR+2VPwrCMBSHfwlFvIizq6u7y0vR2Qt4A0dP4AmcLSUUhI6Ozs5epA5NpKBQ1Ni0tAThZUxe8r735Z9A4CYC5wcDsAGngTiOJ8aYRR+HVEp5StP09m0tJwARLQEc+wAAsNJaJ38NsDXGnOsVSCnnAHbPvqbxTgam1tp1lUAIcdBaX+sAb1v0kYCIfs5/rdX5GjYB+J4dBmADbIANsIHWBpRSs7IspeszyrLsAsAO9hQT0R3AyJWgKIpxnudVjFdrbSA4gFJqY62NXOVFUbRPkqT0Kr/66n0Dh4pjADYQ3MADakKSIQVRq+oAAAAASUVORK5CYII=',
-  inspectionAdd: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAbCAMAAAC+/9RaAAAAAXNSR0IArs4c6QAAAWVQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkpKSAAAAgICAeHh4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwcHBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJiYmAAAAAAAAAAAAAAAA19fX29vbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHR0d5+fnQ0ND6OjoAAAAAAAAAAAAAAAAAAAAAAAAuLi4AAAAAAAAREREFhYWgICA8fHx+vr68vLyeHh4pKSkqKio9fX1+Pj4+vr609PT3d3durq6/f39/f397Ozs7u7u7e3t9fX1+Pj48/Pz////+fn5AAAAAI3pCAgIDAwMEBAQHBwcICAgIyMjJycnOzs7R0dHS0tLW1tbY2Njf39/g4ODh4eHj4+Pk5OTp6enr6+vs7Oz29vb39/f4+Pj6+vr8/Pz9/f3////fyxaCgAAAFp0Uk5TAAECAwQFBgcICQsMDQ4ODxARExUZGhwfICEiJCUqKywtLi8yNTU2OkJGRkZLTU9UVVZYaGlpa21xcnN0dnd+gYOEi5WXmpufpsHDxMfPz9rh5e3v9PX29/f5eHS9kwAAATJJREFUKM910vdXwjAQB/CmTSoCioqjgEgFF+69994TFYOoqGi1Kq7e32/TwtOW+P0xn5dc3t0Jwv+pWKtGXMD1sNss8kSOAhz1SDyJw3MhPUG4olEN1msQV2j+e6esmC00937YLXGFZgvpMcIVSp9gtZYQgsUyoXljG8z4xTKhuQ/IZCCMi835IzTLRJXddx50XWfS7pTrS3prnB8wmQ/IBKOS3H1qYMUUKz5ky6ORMszD34AiWR19ga3lE6eohIlxsTHct+J8zZbjpWRTQ3Lv64reMFmcm5kcCGFzcvujnUFMwuNnb/evTPoTaizkRwJu7IgGzH542zZPIcUk4SVEMn+NKqs8bGhisGtkdoFJq+xelbpIvLdY3BUkeSJD01ODpY46zKfEWhQfb/2QZBdn+QHojG9mLMVTWQAAAABJRU5ErkJggg==',
-  inspectionRemove: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAMAAABopjdHAAAAAXNSR0IArs4c6QAAAmpQTFRFAAAAAAAA////AAAAgICAAAAAVVVVAAAAQEBAAAAAMzMzmZmZAAAAKioqAAAAJCQkAAAAICAgAAAAAAAAAAAAFxcXRkZGAAAAAAAAEhISAAAAAAAAEBAQAAAAAAAAhoaGAAAAAAAAqqqqAAAAm5ubCQkJAAAAAAAAAAAACAgIAAAAAAAABwcHJCQkAAAABwcHAAAAmJiYAAAABgYGAAAAAAAAs7OzAAAAAAAABQUFAAAAAAAAAAAAAAAAysrKAAAAICAgAAAAAAAAZ2dnAAAAAAAAy8vLAAAAz8/PAAAAAAAAUFBQ29vbAAAAAAAA2traGRkZxsbGAAAADAwM5+fnExMTEBAQBwcHFhYWAAAANzc3ERERPj4+WlpaWVlZDAwMhYWF8vLy9PT0g4OD8fHxYWFhkZGR7u7ue3t7d3d38/Pz8fHx/Pz8cXFxoqKi0dHRwcHBw8PD+vr6/Pz83Nzc/Pz85ubm8vLy/v7+8vLy+/v7+fn5/v7+/P3+/f7+/v//AAAAAQEBAgICBAQECQkJExMTGhoaJCQkJSUlJycnNDQ0RERESUlJVVVVgYGBhISEoKCgoqKip6enq6urrKyswcHBxsbGy8vLzMzM5+fn6urq7Ozs8PDw9PT0+fn5+vr6/f39/f///v7+/v///zQn/zQo/zcr/zgs/zks/zkt/zou/zsv/zsw/zww/0A0/0E1/0I3/0Q5/0U6/25l/4N6/4V9/6ii/6ul/62n/66o/6+p/7Cr/7Gt/7Sv/7ey/7m1/7q2/+Lg/+Pi/+Tj/+jn//f2//j3//v7//z7//z8//39//79//7+////WIDzvAAAAIB0Uk5TAAEBAgIDAwQEBQUFBgYHBwgICQoLCwsMDg4PEBAREhUXGxscHB0eHyAhIiMjIyQkJSUmKywvLzAyNTY3ODo6PD9BSUpLTk5QUFJUXF1fYGFlZmtrbG1wcXJ2eHt8kJKVnZ2eoKCjpaWmp6ips7m9vsLN2uLk5efu8fL6+/v9/v4j10sFAAABsUlEQVQoz2NgwANymBmxirOJny1SYcUmw6l29myNHTZdnAZnJ00764NNRu/slIb+s4kCGNo4tc9ObmjoOluqxIqpByjT0DjnrBkzVpmGhuln3VhRTOSCyTT0nU0Rw6qnoaFjUYU8C1aZhoa5Zw0R7uDRRsg0N8w468HDyM2Gpqe182xP+4SzWSLFSWCnIGRazm49dRYE9h5KZ2eEy0ya2HJ2y+rVZ1IjKw+sWHokGybTNOvsgsbu48tWrz5VtX/lqm31DiIQmbaz1fFnZzZ0H1++eu2eVau2Lww1EQDLzD5bEu4be7a3ofvEqtWrVu1YHGElwwiOhbN5fhb6TmXzGxrm7V61esnJBBtpkIc5tc7GeRoJ8+kEnJ06c9+qVUtWrz8TyA7yD7uGt6MqPyODqE3y2X0rV+06vm71hjP+oGBnllCU5QDSrLrlu5ev2lmfe3rDmo1HQ0BeZWYDhz2zav7BJTvqooMyz2zafNZZCBGyTAouhYdrw2yN3TOOnY0yFUCKDkE9r4JgSylBdde0GHs5lPgV0LQ2kWRm4FG2MpdDi3hecQGQCLuIEDN6OkJJBgDLB7syypb32wAAAABJRU5ErkJggg=='
-}
+let cursors = {
+  pen: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACd0lEQVRYR+2WT2gTQRTGv7eb9JLkmPoHvHkQLy2i94o0KMiyMxgRbwrmpigeFBUJFPHiRegpgiLiQZbMTFoR/4AX7UVQCD14EfGcQkGFiia7T0Yq1HWTbLeGgnSOszPv9/HNex9L2ORFm8zHloD/1gHyff8cEZ0EEAIIyuXybKPR6MZ7biQOCCEaAM6shRHRrFLq7MgF+L5/nIgexUHMHOXz+XIQBMt/CPuXY+h53m7Xdd8BKPWpO6m1bo9EQLVaHet2uwtEtL8P/HMul9sRBMG3kQjwff8WEV3sA2cAp7TW90fSA0KIwwCeAInBxsx8wRhzO0nchqdACDEeRVHbcZztCQA7gjWt9d1+vbYhAfV63Wm3208BTCcAekR0Win1YFCjb0iAEOIygJsJgB9EdEIppYdNWWYBUsoDzPwawFgMssLMwhjzfBjcfs8sQAjRBCBjkC9RFB1ttVqv0sBTC6hUKoVisSiZeS8RPVZKLQghbNTayP29lpn5iDHmTVp4KgGrVhsAO1cLv9RaH7LuSSlvMPN5AF8BVOIpl0bIwCeoVqvlXq+3CGDbmmI2VI5prZXdm5qaypVKpbH5+fmVNMB1BZGUcoaZr8UvMXPXcZx7RHSn2Wy+BWBFZVp9HajVavmlpaVPa6xPBBDRdaXUTCZ6vynwPK/kuu4lAFeHFWbmK8aYpCwYdvXX978ckFLuY2Zra9plm+9F2sNDe8COXKFQ+AhgPEXRxYmJicl6vR6lOJv8hEm71oUwDB86jrNnQOH3YRh6c3NzH7LCB+aAbcJOp3OQiKaZeRcRWUe+A+gQ0TPXdXX85yKLkMxRnAWWdGdLwJYDPwFn/dQhz4OkVwAAAABJRU5ErkJggg==',
+  line: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA4klEQVRYR+3WTQrCMBCG4fmy8AYeyo2kBS+goAsPJPhzhTEIHso7SEa6EETsXzJjN+m+vE8nhQlo4gcT96kAygRMJ1BV1RrAg5nvbT+7GaCJi8gJwBPAiplvvxAmAO/9hoiOAJyIRCLahhAufwF8fLkjIhGRfQjh8JcjGBtvUGpHkBJXA6TGVQA58WxAbjwLoBFPBmjFkwCa8dEA7fgogEV8MMAqPghgGe8FWMc7Ad8r1Tm3Y+az9i26dRl57xcArkQ061upOajObVjX9TLGOG+7TOSE3++qreNUTAGUCUw+gRcF0dchsIjssQAAAABJRU5ErkJggg==',
+  round:
+    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACpUlEQVRYR+2WPW8TQRCG39mLqUBQuKQiCeJDSiT4DRCFwtk964KQ6BCWoCUfonMJOD1gRAkCjG/ODUmB+AcgpQECCVW6NBFQYecGbbSHEhPfnZ0ijbezduedx7PvzhzhiBcdcX4MAYYV6KsCQRAc29nZMSIyA+ASEZ22JhaRTQCfRCQqFApRo9H4k9fcuQG01mUiegTgTIb4BoAFZg7zQGQCBEHgtdvth0R0r0twTUQ2iMhqjAI427W/NDk5uVitVuM0kEwArfXSnuQdInpGREvNZvPHXuFSqTQ2MjIyLyK3AHhur8bMCwMDuLK/dQLbAMrM/CFN0BhzBUADwEnnDxNFUdQrpmcFrOE6nc4Xd+cdAFNZyZMkWuurRPTOVoKI1j3Pu9jLmD0BfN+/LiKvrCgRPQ7D8G4eUyVnjDF1ALfd71lmtlX5b/UEMMa8BHDDRiilRrvvPAumXC6Px3H8zZ17wcw3+wVYs86O4/hrq9U6n5XwoH1jjAUYB7DGzOf6BfgF4DiAZWa+NgiA1nqFiKYA/GbmE4MCrDDz9CEBfjLz7qvoXmke2L2CtPJlQRljMjVymVBExqIosi0297KNyfO87wObUGs9S0SvncATZr6TOzsA3/efikjFPeMgDMOkoe2TyWpEn12f7yilppvN5vs8EK4bLieNqFgsXqjX6+2+PGAPG2N8AE0XuK2UCrIgXPI3AE65OM3MrV7gmcPIGFMDMOcEbEt+LiK1bk8cNIzs+A7DcDGtapkA1WpVra6uPgAw3yVkm4w1ZjKObcP5t2zyiYmJ+4cex4mi1lorpWr2RaT+I6J1EZlLK/s+0DymSs5UKpXC1taWBjATx/FlpdTuJ1kcx5tKqY9EFBWLxVYvw/Vtwn7gBj2b6YFBhfPGDQGGFfgLW7AHMIfxtKYAAAAASUVORK5CYII=',
+  trangle:
+    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAl0lEQVRYR+2WsQ2DMBBF/w1BaLIIW/gKGJIU31uwCJUzhFGKVIAEjiUr0nd/95+f5DsbGh9rnA8ByIAMnBoIISQz62o805zzO8b4OOp1CuDuuUb4twfJw6wrACuApRBmAPD81P4C8CI5lQC4+wxgFIAMyIAM/L2B5qO4ZArvam7vgprrGEAi2d9ax1WufaGJvmQyIAPNDWzonXsh3WqxKQAAAABJRU5ErkJggg==',
+  eraser:
+    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA1hJREFUWEfFl09oXUUUxr/vPkzARRFcumhdVGgV8t7MJBFaaC30z0YQMW1AUWyhXVWlYmm7aLWbtiQNFboqoqUFgy1VFBcuuhDRJu2bM0kIRsFkJS7ctC9dNLwQ7pGBtDxe3p9734t04G7uPef7fvfMzJl7iac82I2/c25nzPfe/9ypTscAxphxksOrxlfTNB2ZmpqaywvSEYAx5n2SX9aZVUiOViqV0fn5+WpWkNwAxWLxuUKhcAfAliYmoqojIYRvskDkBrDWngNwop24qkaACCKtYnMBOOcGVDW+faEdwOrzqqqOpmk6Oj09XWmUkxfglqq+mdG8Nuz3CBJCuFqfmxnAGPMOyesdmNem3BSR/bU3MgFYa58BEAC80iUAVPVICOHKY52sAJ8BON2tecxPkmR3uVy+nRmgVCptTZIkvn1vtwAkv/LeH8w1BXUdrxuG+6q6PYTwR2YAa+0bAL7rxrUm96SInM+1C6y1sYmYdQCYXFxc3NmoRTddhM6546p6YR3MQfIt7/2tXI3IGGOTJDmsqoe7hLgmIu8102i5Da21XwN4FsBWAJs7AHkI4DURibuo4WgKYIx5neQPqrqvt7f3l+Xl5XgAnQQQm1LWcUZEzrYKbrUG7qjqX7Xl6+/vfzlN008ANC3pkwZD+mq1umd2dvZBbgBjzEckRwBsF5G79QKxOgA+JrmjaWnJd733bc+ONRUolUobkySZBBAPjg+aGQwNDRUWFhaOkvwQwKa6uBsiciDLPK0BcM5dVtVhVX01hDDfTqRYLG4uFApHAcQrjkcA9orIr+1y4/M1ANbaP1V1PIQQD6BMwzl3XVU3kpxU1VRE2n4xPVkr9Q7WWgWwX0RuZnE3xuwl+ZOqHggh3Ojr63thZmbmnyy5DStgjDlD8tO45ZaWlsbm5uaWW4k5526r6r8i8nZW09q4htvQWvsFgEMAhORF7/14I3Hn3CFV/ZzkLu/9vXUDiELGmH0kjwHYTfJbAGPe+98emwwODm5YWVmZAPC9iJzqxLzhFNQLOeeOqGoEeYnkJZJj5XL579WpGu7p6dk2MTFx/38DiMIDAwPPp2l6bBVkJf4OAoj/hZkXa9OGlYfcOVdK03SY5Iuqei2E8GOe/EaxmT5KuzVplf8fJR1KMBY8k7wAAAAASUVORK5CYII=',
+  text: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA5klEQVRYR+2VPwrCMBSHfwlFvIizq6u7y0vR2Qt4A0dP4AmcLSUUhI6Ozs5epA5NpKBQ1Ni0tAThZUxe8r735Z9A4CYC5wcDsAGngTiOJ8aYRR+HVEp5StP09m0tJwARLQEc+wAAsNJaJ38NsDXGnOsVSCnnAHbPvqbxTgam1tp1lUAIcdBaX+sAb1v0kYCIfs5/rdX5GjYB+J4dBmADbIANsIHWBpRSs7IspeszyrLsAsAO9hQT0R3AyJWgKIpxnudVjFdrbSA4gFJqY62NXOVFUbRPkqT0Kr/66n0Dh4pjADYQ3MADakKSIQVRq+oAAAAASUVORK5CYII=',
+  inspectionAdd:
+    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAbCAMAAAC+/9RaAAAAAXNSR0IArs4c6QAAAWVQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkpKSAAAAgICAeHh4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwcHBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJiYmAAAAAAAAAAAAAAAA19fX29vbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHR0d5+fnQ0ND6OjoAAAAAAAAAAAAAAAAAAAAAAAAuLi4AAAAAAAAREREFhYWgICA8fHx+vr68vLyeHh4pKSkqKio9fX1+Pj4+vr609PT3d3durq6/f39/f397Ozs7u7u7e3t9fX1+Pj48/Pz////+fn5AAAAAI3pCAgIDAwMEBAQHBwcICAgIyMjJycnOzs7R0dHS0tLW1tbY2Njf39/g4ODh4eHj4+Pk5OTp6enr6+vs7Oz29vb39/f4+Pj6+vr8/Pz9/f3////fyxaCgAAAFp0Uk5TAAECAwQFBgcICQsMDQ4ODxARExUZGhwfICEiJCUqKywtLi8yNTU2OkJGRkZLTU9UVVZYaGlpa21xcnN0dnd+gYOEi5WXmpufpsHDxMfPz9rh5e3v9PX29/f5eHS9kwAAATJJREFUKM910vdXwjAQB/CmTSoCioqjgEgFF+69994TFYOoqGi1Kq7e32/TwtOW+P0xn5dc3t0Jwv+pWKtGXMD1sNss8kSOAhz1SDyJw3MhPUG4olEN1msQV2j+e6esmC00937YLXGFZgvpMcIVSp9gtZYQgsUyoXljG8z4xTKhuQ/IZCCMi835IzTLRJXddx50XWfS7pTrS3prnB8wmQ/IBKOS3H1qYMUUKz5ky6ORMszD34AiWR19ga3lE6eohIlxsTHct+J8zZbjpWRTQ3Lv64reMFmcm5kcCGFzcvujnUFMwuNnb/evTPoTaizkRwJu7IgGzH542zZPIcUk4SVEMn+NKqs8bGhisGtkdoFJq+xelbpIvLdY3BUkeSJD01ODpY46zKfEWhQfb/2QZBdn+QHojG9mLMVTWQAAAABJRU5ErkJggg==',
+  inspectionRemove:
+    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAMAAABopjdHAAAAAXNSR0IArs4c6QAAAmpQTFRFAAAAAAAA////AAAAgICAAAAAVVVVAAAAQEBAAAAAMzMzmZmZAAAAKioqAAAAJCQkAAAAICAgAAAAAAAAAAAAFxcXRkZGAAAAAAAAEhISAAAAAAAAEBAQAAAAAAAAhoaGAAAAAAAAqqqqAAAAm5ubCQkJAAAAAAAAAAAACAgIAAAAAAAABwcHJCQkAAAABwcHAAAAmJiYAAAABgYGAAAAAAAAs7OzAAAAAAAABQUFAAAAAAAAAAAAAAAAysrKAAAAICAgAAAAAAAAZ2dnAAAAAAAAy8vLAAAAz8/PAAAAAAAAUFBQ29vbAAAAAAAA2traGRkZxsbGAAAADAwM5+fnExMTEBAQBwcHFhYWAAAANzc3ERERPj4+WlpaWVlZDAwMhYWF8vLy9PT0g4OD8fHxYWFhkZGR7u7ue3t7d3d38/Pz8fHx/Pz8cXFxoqKi0dHRwcHBw8PD+vr6/Pz83Nzc/Pz85ubm8vLy/v7+8vLy+/v7+fn5/v7+/P3+/f7+/v//AAAAAQEBAgICBAQECQkJExMTGhoaJCQkJSUlJycnNDQ0RERESUlJVVVVgYGBhISEoKCgoqKip6enq6urrKyswcHBxsbGy8vLzMzM5+fn6urq7Ozs8PDw9PT0+fn5+vr6/f39/f///v7+/v///zQn/zQo/zcr/zgs/zks/zkt/zou/zsv/zsw/zww/0A0/0E1/0I3/0Q5/0U6/25l/4N6/4V9/6ii/6ul/62n/66o/6+p/7Cr/7Gt/7Sv/7ey/7m1/7q2/+Lg/+Pi/+Tj/+jn//f2//j3//v7//z7//z8//39//79//7+////WIDzvAAAAIB0Uk5TAAEBAgIDAwQEBQUFBgYHBwgICQoLCwsMDg4PEBAREhUXGxscHB0eHyAhIiMjIyQkJSUmKywvLzAyNTY3ODo6PD9BSUpLTk5QUFJUXF1fYGFlZmtrbG1wcXJ2eHt8kJKVnZ2eoKCjpaWmp6ips7m9vsLN2uLk5efu8fL6+/v9/v4j10sFAAABsUlEQVQoz2NgwANymBmxirOJny1SYcUmw6l29myNHTZdnAZnJ00764NNRu/slIb+s4kCGNo4tc9ObmjoOluqxIqpByjT0DjnrBkzVpmGhuln3VhRTOSCyTT0nU0Rw6qnoaFjUYU8C1aZhoa5Zw0R7uDRRsg0N8w468HDyM2Gpqe182xP+4SzWSLFSWCnIGRazm49dRYE9h5KZ2eEy0ya2HJ2y+rVZ1IjKw+sWHokGybTNOvsgsbu48tWrz5VtX/lqm31DiIQmbaz1fFnZzZ0H1++eu2eVau2Lww1EQDLzD5bEu4be7a3ofvEqtWrVu1YHGElwwiOhbN5fhb6TmXzGxrm7V61esnJBBtpkIc5tc7GeRoJ8+kEnJ06c9+qVUtWrz8TyA7yD7uGt6MqPyODqE3y2X0rV+06vm71hjP+oGBnllCU5QDSrLrlu5ev2lmfe3rDmo1HQ0BeZWYDhz2zav7BJTvqooMyz2zafNZZCBGyTAouhYdrw2yN3TOOnY0yFUCKDkE9r4JgSylBdde0GHs5lPgV0LQ2kWRm4FG2MpdDi3hecQGQCLuIEDN6OkJJBgDLB7syypb32wAAAABJRU5ErkJggg==',
+};
 export default cursors;

package/packages/components/model/utils/detect-v1.js

@@ -1,4 +1,4 @@
-import * as THREE from "three";
+import * as THREE from 'three';
 
 class CollisionSystem {
   /**
@@ -32,7 +32,7 @@ class CollisionSystem {
   // 收集实体（模拟C++的GetIdsUnderCurWorkSpace）
   collectEntities() {
     return this.scene.children[0].children.filter((obj) => {
-      return obj.name?.indexOf("MODELELEM") != -1;
+      return obj.name?.indexOf('MODELELEM') != -1;
     });
   }
 
@@ -54,7 +54,7 @@ class CollisionSystem {
         // tightBox: this.getTightBox(obj),
         majorType: obj.userData.tags,
         connectedIds: connectedIds,
-        isWeld: obj.userData.tags?.includes("PIPE_PIPEWELD"),
+        isWeld: obj.userData.tags?.includes('PIPE_PIPEWELD'),
         tightBoxList: tightBoxList,
       };
       this.entityMap.set(obj.id, entity);
@@ -90,7 +90,7 @@ class CollisionSystem {
    */
   parseVector3(str) {
     // 将字符串按逗号分割成数组，并将每个元素转换为数字，然后传递给 THREE.Vector3 构造函数
-    return new THREE.Vector3(...str.split(",").map(Number));
+    return new THREE.Vector3(...str.split(',').map(Number));
   }
 
   // 碰撞检测主逻辑（双层过滤）
@@ -134,8 +134,8 @@ class CollisionSystem {
     // 排除焊点、垫片等
     return (
       entity.isWeld ||
-      entity.obj.userData.tags.includes("GASK") ||
-      entity.obj.userData.tags.includes("FLAN")
+      entity.obj.userData.tags.includes('GASK') ||
+      entity.obj.userData.tags.includes('FLAN')
     );
   }
 
@@ -154,43 +154,38 @@ class CollisionSystem {
     const { majorType: bType } = entityB;
 
     //先判断两个实体是否是自己或者互相连接的且垫片不单独参与碰撞
-    if (aType.includes("GASK") || bType.includes("GASK")) return true;
+    if (aType.includes('GASK') || bType.includes('GASK')) return true;
 
-    if (bType.includes("PIPE_PIPEWELD")) return true;
+    if (bType.includes('PIPE_PIPEWELD')) return true;
 
-    if (bType === "") return true;
+    if (bType === '') return true;
 
     // 设备专业特殊规则
     //设备不和管线等专业碰撞  但是管线和设备碰撞
-    if (
-      aType.includes("TAG_MAJOR_DEVICE") &&
-      !bType.includes("TAG_MAJOR_DEVICE")
-    )
-      return true;
+    if (aType.includes('TAG_MAJOR_DEVICE') && !bType.includes('TAG_MAJOR_DEVICE')) return true;
 
     // 管线专业只与设备和管线碰撞
     //piping只能和设备以及piping专业碰撞
     if (
-      aType.includes("TAG_MAJOR_PIPINIG") &&
-      !bType.includes("TAG_MAJOR_DEVICE") &&
-      !bType.includes("TAG_MAJOR_PIPINIG")
+      aType.includes('TAG_MAJOR_PIPINIG') &&
+      !bType.includes('TAG_MAJOR_DEVICE') &&
+      !bType.includes('TAG_MAJOR_PIPINIG')
     )
       return true;
 
     // 土建专业特殊规则
     //土建专业只和piping和设备专业碰撞
     if (
-      aType.includes("TAG_MAJOR_ARCH") &&
-      (bType.includes("TAG_MAJOR_ARCH") ||
-        (!bType.includes("TAG_MAJOR_PIPINIG") &&
-          !bType.includes("TAG_MAJOR_DEVICE")))
+      aType.includes('TAG_MAJOR_ARCH') &&
+      (bType.includes('TAG_MAJOR_ARCH') ||
+        (!bType.includes('TAG_MAJOR_PIPINIG') && !bType.includes('TAG_MAJOR_DEVICE')))
     )
       return true;
 
     if (
-      bType.includes("TAG_MAJOR_ARCH") &&
-      !aType.includes("TAG_MAJOR_PIPINIG") &&
-      !aType.includes("TAG_MAJOR_DEVICE")
+      bType.includes('TAG_MAJOR_ARCH') &&
+      !aType.includes('TAG_MAJOR_PIPINIG') &&
+      !aType.includes('TAG_MAJOR_DEVICE')
     )
       return true;
 
@@ -235,9 +230,7 @@ class CollisionSystem {
    * @returns {Array<THREE.Vector3>} - 包含三个半向量的数组，分别对应 X、Y 和 Z 轴方向。
    */
   getHalfVectors({ m_box, m_coord }) {
-    const halfSize = new THREE.Vector3()
-      .subVectors(m_box.max, m_box.min)
-      .multiplyScalar(0.5);
+    const halfSize = new THREE.Vector3().subVectors(m_box.max, m_box.min).multiplyScalar(0.5);
 
     return [
       m_coord.dirX.clone().multiplyScalar(halfSize.x),
@@ -258,9 +251,7 @@ class CollisionSystem {
   getCenter(m_box) {
     // 将包围盒的最大点和最小点相加
     // 然后将结果乘以 0.5，得到中心点的坐标
-    return new THREE.Vector3()
-      .addVectors(m_box.max, m_box.min)
-      .multiplyScalar(0.5);
+    return new THREE.Vector3().addVectors(m_box.max, m_box.min).multiplyScalar(0.5);
   }
 
   /**
@@ -271,10 +262,7 @@ class CollisionSystem {
    * @returns {boolean} - 如果两个包围盒相交返回 true，否则返回 false
    */
   collIntersect(box1, box2, distEpsilon = 0) {
-    const v_center = new THREE.Vector3().subVectors(
-      this.centerPt(box2),
-      this.centerPt(box1)
-    );
+    const v_center = new THREE.Vector3().subVectors(this.centerPt(box2), this.centerPt(box1));
 
     const axes = [...this.getHalfVectors(box1), ...this.getHalfVectors(box2)];
 
@@ -333,7 +321,7 @@ class CollisionSystem {
 
     const formatCollisionResults = Object.values(groupMap);
 
-    console.log("碰撞结果", formatCollisionResults);
+    console.log('碰撞结果', formatCollisionResults);
     return formatCollisionResults;
   }
 }

package/packages/components/model/utils/index.js

@@ -1,22 +1,22 @@
-import { Loading } from 'element-ui'
-var loadingInstance = {}
+import { Loading } from 'element-ui';
+var loadingInstance = {};
 export function dateFormat(dateData) {
-  var date = new Date(dateData)
-  var y = date.getFullYear()
-  var m = date.getMonth() + 1
-  m = m < 10 ? ('0' + m) : m
-  var d = date.getDate()
-  d = d < 10 ? ('0' + d) : d
-  const time = y + '-' + m + '-' + d
-  return time
+  var date = new Date(dateData);
+  var y = date.getFullYear();
+  var m = date.getMonth() + 1;
+  m = m < 10 ? '0' + m : m;
+  var d = date.getDate();
+  d = d < 10 ? '0' + d : d;
+  const time = y + '-' + m + '-' + d;
+  return time;
 }
 
 export function getItem(key) {
-  let item = localStorage.getItem(key)
+  let item = localStorage.getItem(key);
   if (item) {
-    return JSON.parse(item)
+    return JSON.parse(item);
   }
-  return null
+  return null;
 }
 
 export function loading(tips = '拼命加载中...') {
@@ -25,24 +25,24 @@ export function loading(tips = '拼命加载中...') {
     fullscreen: true,
     text: tips,
     spinner: 'el-icon-loading',
-    background: 'rgba(255, 255, 255, 0.5)'
-  })
+    background: 'rgba(255, 255, 255, 0.5)',
+  });
 }
 
 export function loadingClose() {
-  loadingInstance.close()
+  loadingInstance.close();
 }
 
 // 节流 fn要防抖的函数 t是时间
 export function debounce(fn, t) {
-  const delay = t || 500
-  let timer
-  return function() {
-    const args = arguments
-    if (timer) clearTimeout(timer)
+  const delay = t || 500;
+  let timer;
+  return function () {
+    const args = arguments;
+    if (timer) clearTimeout(timer);
     timer = setTimeout(() => {
-      timer = null
-      fn.apply(this, args)
-    }, delay)
-  }
+      timer = null;
+      fn.apply(this, args);
+    }, delay);
+  };
 }