fl-web-component 1.3.5 → 1.3.6

package/dist/fl-web-component.css

@@ -1 +1 @@
-@charset "UTF-8";#fl-model[data-v-e9c014d6]{width:100%;height:100%;cursor:pointer}[data-v-e9c014d6] .tips-label{width:60px;color:#000;font:12px Helvetica;margin-top:-3em;padding:5px;text-align:center;vertical-align:middle;background-color:khaki}[data-v-e9c014d6] .measure-label{max-width:100px;margin-top:-1em;border:10px;border-radius:5px;padding:3px 10px;cursor:pointer;color:#009bea;background-color:#f4f4f4;box-shadow:0 1px 3px 1px rgba(0,0,0,.25)}[data-v-e9c014d6] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-e9c014d6] .measure-label-font{word-break:break-all}[data-v-e9c014d6] .mark-label-img{padding-top:5px;width:20px;height:20px}#konva-container[data-v-32dc6e8c]{z-index:3;width:100%;height:100%;cursor:pointer;overflow:hidden}span[data-v-f547d5c6]{font-weight:bolder}.text[data-v-f547d5c6]{margin-top:20px}.line[data-v-f547d5c6]{border-bottom:1px solid #dcdfe6;margin:20px 0}.center[data-v-f547d5c6]{display:flex;flex-direction:column;align-items:center}.center .cen span[data-v-f547d5c6],.center .top span[data-v-f547d5c6]{color:"#53a8ff";display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid;padding:5px;margin-bottom:10px;background-color:#e9f3ff}.center .cen span[data-v-f547d5c6]{margin:10px}.button[data-v-f547d5c6]{display:flex;justify-content:end;margin-top:20px}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff2?t=1646635700216) format("woff2"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff?t=1646635700216) format("woff"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.ttf?t=1646635700216) format("truetype")}.iconfont[data-v-f547d5c6]{font-family:iconfont!important;font-size:50px;font-style:normal;color:"#53a8ff";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-shubiao[data-v-f547d5c6]:before{content:""}#svg-tigger[data-v-0ec35ee4]{cursor:pointer;height:100%;width:100%}
+@charset "UTF-8";#fl-model[data-v-2d99390c]{width:100%;height:100%;cursor:pointer}[data-v-2d99390c] .tips-label{width:60px;color:#000;font:12px Helvetica;margin-top:-3em;padding:5px;text-align:center;vertical-align:middle;background-color:khaki}[data-v-2d99390c] .measure-label{max-width:100px;margin-top:-1em;border:10px;border-radius:5px;padding:3px 10px;cursor:pointer;color:#009bea;background-color:#f4f4f4;box-shadow:0 1px 3px 1px rgba(0,0,0,.25)}[data-v-2d99390c] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-2d99390c] .measure-label-font{word-break:break-all}[data-v-2d99390c] .mark-label-img{padding-top:5px;width:20px;height:20px}#konva-container[data-v-32dc6e8c]{z-index:3;width:100%;height:100%;cursor:pointer;overflow:hidden}span[data-v-f547d5c6]{font-weight:bolder}.text[data-v-f547d5c6]{margin-top:20px}.line[data-v-f547d5c6]{border-bottom:1px solid #dcdfe6;margin:20px 0}.center[data-v-f547d5c6]{display:flex;flex-direction:column;align-items:center}.center .cen span[data-v-f547d5c6],.center .top span[data-v-f547d5c6]{color:"#53a8ff";display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid;padding:5px;margin-bottom:10px;background-color:#e9f3ff}.center .cen span[data-v-f547d5c6]{margin:10px}.button[data-v-f547d5c6]{display:flex;justify-content:end;margin-top:20px}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff2?t=1646635700216) format("woff2"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff?t=1646635700216) format("woff"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.ttf?t=1646635700216) format("truetype")}.iconfont[data-v-f547d5c6]{font-family:iconfont!important;font-size:50px;font-style:normal;color:"#53a8ff";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-shubiao[data-v-f547d5c6]:before{content:""}#svg-tigger[data-v-0ec35ee4]{cursor:pointer;height:100%;width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fl-web-component",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "scripts": {
     "tip1": "仅调试本组件不涉及业务组件,请执行dev",
     "dev": "vue-cli-service serve",

package/packages/components/com-graphics/index.vue

@@ -26,7 +26,7 @@
     outlineComposer,
     renderTarget,
     sceneClock,
-    mat4
+    mat4,
   ] = (function* (v) {
     while (true) yield v;
   })(null);
@@ -166,10 +166,10 @@
         renderer.outputEncoding = this.THREE.sRGBEncoding;
         instructions.appendChild(renderer.domElement);
         renderer.setClearAlpha(0);
-        
+
         // 与校审截图功能冲突，暂时先注释掉
         // -----------
-        // renderer.autoClear = false; 
+        // renderer.autoClear = false;
         // renderer.autoClearColor = false;
         // renderer.autoClearDepth = false;
         // renderer.autoClearStencil = false;
@@ -226,7 +226,8 @@
         }
         const { instances, drawObjs } = parseData(data);
         if (instances.length > 0) {
-          handleInstancedMeshModel(modelGroup,
+          handleInstancedMeshModel(
+            modelGroup,
             instances,
             drawObjs,
             '',
@@ -278,8 +279,8 @@
           });
           // cameraControls.fitToSphere(scene, true); // TODO 待处理，先用 setModelCenter 进行定位
           this.setModelCenter(modelGroup);
-          console.log(modelGroup)
-          this.$emit('modelLoaded')
+          console.log(modelGroup);
+          this.$emit('modelLoaded');
           // cameraControls.saveState();
         }
       },
@@ -302,14 +303,15 @@
           event,
           firstTime,
         };
-        intersects.length && (params.v3Position = {
-          x: intersects[0].point.x,
-          y: intersects[0].point.y,
-          z: intersects[0].point.z,
-        });
+        intersects.length &&
+          (params.v3Position = {
+            x: intersects[0].point.x,
+            y: intersects[0].point.y,
+            z: intersects[0].point.z,
+          });
         this.$emit('leftMouseDown', params);
       },
-      getRaycasterObjects(event){
+      getRaycasterObjects(event) {
         // 获取元素在页面中的偏移位置
         const rect = renderer.domElement.getBoundingClientRect();
         const x = event.clientX - rect.left;
@@ -548,7 +550,7 @@
           } else if (obj.isMesh) {
             let center = this.getCenter(obj);
             let size = this.getSize(obj);
-            this.locateByCenterBox(center, size)
+            this.locateByCenterBox(center, size);
           }
         }
       },
@@ -621,7 +623,7 @@
           Math.abs((maxDim * 1.0) / Math.sin(fov / 2))
         );
         let direction = new this.THREE.Vector3(1, 1, 1).normalize();
-        let p = (new this.THREE.Vector3().copy(center)).add(direction.multiplyScalar(distance));
+        let p = new this.THREE.Vector3().copy(center).add(direction.multiplyScalar(distance));
         let cameraCenter = new this.THREE.Vector3(p.x, p.y, p.z).addScalar(
           Math.max(size.x, size.y, size.z)
         );
@@ -693,19 +695,19 @@
       },
       // 删除场景中所有的实体
       removeAll() {
-        return new Promise((resolve) => {
+        return new Promise(resolve => {
           if (scene) {
-            this.removeTraverse()
-            resolve()
+            this.removeTraverse();
+            resolve();
           } else {
-            resolve()
+            resolve();
           }
-        })
+        });
       },
       removeTraverse() {
-        let length = modelGroup.children.length
+        let length = modelGroup.children.length;
         if (length > 0) {
-          let list = modelGroup.children[0]
+          let list = modelGroup.children[0];
           list.traverse(item => {
             if (item.isMesh) {
               item.material.dispose();
@@ -1075,7 +1077,7 @@
           });
       },
       // 开启第一视角
-      startFirstPer({moveSpeed = 200, jumpSpeed = 200}) {
+      startFirstPer({ moveSpeed = 200, jumpSpeed = 200 }) {
         removeSpeed = moveSpeed;
         upSpeed = jumpSpeed;
 
@@ -1478,7 +1480,7 @@
         let center = new this.THREE.Vector3();
         obj.boundingBox.getCenter(center);
         if (obj.userData.is3D) {
-          center.applyMatrix4(mat4)
+          center.applyMatrix4(mat4);
         }
         return center;
       },
@@ -1486,7 +1488,7 @@
         let size = new this.THREE.Vector3();
         obj.boundingBox.getSize(size);
         if (obj.userData.is3D) {
-          size.applyMatrix4(mat4)
+          size.applyMatrix4(mat4);
         }
         return size;
       },
@@ -1515,21 +1517,21 @@
       },
       // 暴露个别参数让业务自己做特殊业务。
       // 后续若多个业务有相同使用场景，再抽象至公共组件中。
-      exportParmas(){
+      exportParmas() {
         return {
           renderer,
           camera,
           cameraControls,
           scene,
-        }
+        };
       },
       setMouseAction(btn) {
         const ACTION_ENUM = {
-          'none': 0,
-          'rotate': 1,
-          'drag': 2,
-        }
-        const {left, right} = btn;
+          none: 0,
+          rotate: 1,
+          drag: 2,
+        };
+        const { left, right } = btn;
 
         left && (cameraControls.mouseButtons.left = ACTION_ENUM[left]);
         right && (cameraControls.mouseButtons.right = ACTION_ENUM[right]);
@@ -1544,41 +1546,41 @@
     cursor: pointer;
   }
   ::v-deep .tips-label {
-  width: 60px;
-  color: #000;
-  font: 12px Helvetica;
-  margin-top: -3em;
-  padding: 5px;
-  text-align: center;
-  vertical-align: middle;
-  background-color: khaki;
-}
+    width: 60px;
+    color: #000;
+    font: 12px Helvetica;
+    margin-top: -3em;
+    padding: 5px;
+    text-align: center;
+    vertical-align: middle;
+    background-color: khaki;
+  }
 
-::v-deep .measure-label {
-  max-width: 100px;
-  margin-top: -1em;
-  border: 10px;
-  border-radius: 5px;
-  padding: 3px 10px;
-  cursor: pointer;
-  color: rgb(0, 155, 234);
-  background-color: rgb(244, 244, 244);
-  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25);
-}
-::v-deep .circle-tag {
-  width: 10px;
-  height: 10px;
-  margin-top: 5px;
-  border-radius: 50%;
-  background-color: #ff5000;
-}
-::v-deep .measure-label-font {
-  word-break: break-all;
-}
+  ::v-deep .measure-label {
+    max-width: 100px;
+    margin-top: -1em;
+    border: 10px;
+    border-radius: 5px;
+    padding: 3px 10px;
+    cursor: pointer;
+    color: rgb(0, 155, 234);
+    background-color: rgb(244, 244, 244);
+    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25);
+  }
+  ::v-deep .circle-tag {
+    width: 10px;
+    height: 10px;
+    margin-top: 5px;
+    border-radius: 50%;
+    background-color: #ff5000;
+  }
+  ::v-deep .measure-label-font {
+    word-break: break-all;
+  }
 
-::v-deep .mark-label-img {
-  padding-top: 5px;
-  width: 20px;
-  height: 20px;
-}
+  ::v-deep .mark-label-img {
+    padding-top: 5px;
+    width: 20px;
+    height: 20px;
+  }
 </style>