fl-web-component 2.0.9 → 2.0.10

package/dist/fl-web-component.css

@@ -1 +1 @@
-@charset "UTF-8";.fl-model-containor[data-v-a7768a4e]{width:100%;height:100%;position:relative;cursor:pointer}[data-v-a7768a4e] .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-a7768a4e] .measure-label{max-width:100px;margin-top:-1em;border:10px;border-radius:5px;padding:3px 10px;cursor:pointer;color:#009bea;background-color:#f4f4f4;-webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.25);box-shadow:0 1px 3px 1px rgba(0,0,0,.25)}[data-v-a7768a4e] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-a7768a4e] .measure-label-font{word-break:break-all}[data-v-a7768a4e] .mark-label-img{padding-top:5px;width:20px;height:20px}.loading-overlay[data-v-a7768a4e]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease}.loading-overlay--visible[data-v-a7768a4e]{opacity:1;visibility:visible}.loading-content[data-v-a7768a4e]{background:#fff;border-radius:12px;padding:30px;text-align:center;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.3);box-shadow:0 8px 32px rgba(0,0,0,.3);min-width:300px;max-width:400px}.loading-spinner[data-v-a7768a4e]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;-webkit-animation:spin-a7768a4e 1s linear infinite;animation:spin-a7768a4e 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin-a7768a4e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-a7768a4e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-a7768a4e]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.loading-this.progress-bar[data-v-a7768a4e]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.loading-this.progress-fill[data-v-a7768a4e]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#409eff),to(#67c23a));background:linear-gradient(90deg,#409eff,#67c23a);border-radius:4px;-webkit-transition:width .3s ease;transition:width .3s ease}.loading-details[data-v-a7768a4e]{font-size:12px;color:#666;line-height:1.5}.lil-this.gui{background:hsla(0,0%,100%,.95)!important;border:1px solid #e0e0e0!important;border-radius:8px!important;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;backdrop-filter:blur(10px)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.lil-this.gui .title{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;color:#495057!important;border-bottom:1px solid #dee2e6!important;font-weight:600!important;padding:0 12px!important;border-radius:8px 8px 0 0!important}.lil-this.gui .controller{border-bottom:1px solid #f1f3f4!important;background:transparent!important}.lil-this.gui .controller:last-child{border-bottom:none!important}.lil-this.gui .controller .name{color:#495057!important;font-weight:500!important;font-size:12px!important}.lil-this.gui .controller .widget{background:#f8f9fa!important;border:1px solid #ced4da!important;border-radius:4px!important;color:#495057!important}.lil-this.gui .controller .widget:focus,.lil-this.gui .controller .widget:hover{border-color:#80bdff!important;-webkit-box-shadow:0 0 0 2px rgba(0,123,255,.25)!important;box-shadow:0 0 0 2px rgba(0,123,255,.25)!important}.lil-this.gui .controller .widget:focus{outline:none!important}.lil-this.gui .controller input[type=range]{background:#e9ecef!important;height:4px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border-radius:2px!important}.lil-this.gui .controller.number .fill{border-right:solid #008de9}.lil-this.gui .controller input[type=range]::-webkit-slider-thumb{background:#007bff!important;border:2px solid #fff!important;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2)!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;width:16px!important;height:16px!important;border-radius:50%!important;-webkit-appearance:none!important;appearance:none!important;cursor:pointer!important}.lil-this.gui .controller input[type=range]::-moz-range-thumb{background:#007bff!important;border:2px solid #fff!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;width:16px!important;height:16px!important;border-radius:50%!important;cursor:pointer!important}.lil-this.gui .controller .option{background:#fff!important;color:#495057!important;border-bottom:1px solid #f1f3f4!important}.lil-this.gui .controller .option:hover{background:#f8f9fa!important}.lil-this.gui .controller .option:last-child{border-bottom:none!important}.lil-this.gui input:active{background:#e6eff4}.lil-this.gui .controller button{background:linear-gradient(135deg,#007bff,#0056b3)!important;color:#fff!important;border:none!important;border-radius:4px!important;font-weight:500!important;-webkit-transition:all .2s ease!important;transition:all .2s ease!important}.lil-this.gui .controller button:hover{background:linear-gradient(135deg,#0056b3,#004085)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important;-webkit-box-shadow:0 4px 8px rgba(0,123,255,.3)!important;box-shadow:0 4px 8px rgba(0,123,255,.3)!important}.lil-this.gui .controller .color{border:2px solid #fff!important;border-radius:4px!important;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.lil-this.gui .controller.number .slider,.lil-this.gui .controller.number .slider:hover{background-color:#e6eff4}.lil-this.gui input,.lil-this.gui input:hover,.lil-this.gui input[type=number]:focus,.lil-this.gui input[type=text]:focus{background:#e6eff4}.lil-this.gui .controller>.name{min-width:25px}.lil-this.gui .controller.number input{color:#2e3136}.lil-this.gui .controller.number .slider:active{background-color:#e6eff4}.lil-this.gui .folder>.title{background:linear-gradient(135deg,#f1f3f4,#e9ecef)!important;color:#495057!important;border-bottom:1px solid #dee2e6!important}.lil-this.gui .folder>.title:before{color:#6c757d!important}.lil-this.gui .folder.closed>.children{display:none!important}#konva-container[data-v-21bcf2d9]{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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;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:""}.main_body[data-v-4b17bce0]{position:relative;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.classification_title[data-v-4b17bce0]{margin:0 0 10px 0;color:#fff;font-size:14px;cursor:default}.toolbar[data-v-4b17bce0]{z-index:10;position:absolute;width:520px;padding:8px 16px;border-radius:6px;-webkit-box-shadow:0 2px 10px 0 rgba(6,29,44,.25);box-shadow:0 2px 10px 0 rgba(6,29,44,.25);background-color:#fff;top:10px;left:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.icon_toolbar[data-v-4b17bce0],.text_toolbar[data-v-4b17bce0]{float:left;width:32px;height:32px;padding:0!important;background-repeat:no-repeat;background-size:24px;background-position:50%}.icon_active[data-v-4b17bce0],.icon_toolbar[data-v-4b17bce0]:hover,.text_toolbar[data-v-4b17bce0]:hover{background-color:#eee}[data-v-4b17bce0].icon_color .el-color-picker__trigger{height:24px;margin-top:4px;width:24px!important}[data-v-4b17bce0].el-color-picker--medium,[data-v-4b17bce0].el-color-picker--medium .el-color-picker__trigger{width:24px!important;height:24px!important}.canvas_container[data-v-4b17bce0]{position:relative;width:100%;height:100%;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.canvas_container canvas[data-v-4b17bce0]{position:absolute;left:0}.canvas_container #ctx_front[data-v-4b17bce0]{z-index:5;background-color:transparent}.canvas_container #ctx_back[data-v-4b17bce0]{z-index:3}.canvas_container #ctx_base[data-v-4b17bce0]{z-index:1}#text[data-v-4b17bce0]{position:absolute;z-index:-1;resize:none;outline:none;border:1px dashed #9c9c9c;overflow:hidden;background:transparent;line-height:30px;display:none}#text[data-v-4b17bce0]:hover{border:1px dashed #53a8ff}#svg-component[data-v-2572c0e2],#svg-tigger[data-v-2572c0e2]{cursor:pointer;height:100%;width:100%;position:relative}#toolbar-show[data-v-2572c0e2]{z-index:20;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;background:#fff}
+@charset "UTF-8";.fl-model-containor[data-v-482a990d]{width:100%;height:100%;position:relative;cursor:pointer}[data-v-482a990d] .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-482a990d] .measure-label{max-width:100px;margin-top:-1em;border:10px;border-radius:5px;padding:3px 10px;cursor:pointer;color:#009bea;background-color:#f4f4f4;-webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.25);box-shadow:0 1px 3px 1px rgba(0,0,0,.25)}[data-v-482a990d] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-482a990d] .measure-label-font{word-break:break-all}[data-v-482a990d] .mark-label-img{padding-top:5px;width:20px;height:20px}.loading-overlay[data-v-482a990d]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease}.loading-overlay--visible[data-v-482a990d]{opacity:1;visibility:visible}.loading-content[data-v-482a990d]{background:#fff;border-radius:12px;padding:30px;text-align:center;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.3);box-shadow:0 8px 32px rgba(0,0,0,.3);min-width:300px;max-width:400px}.loading-spinner[data-v-482a990d]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;-webkit-animation:spin-482a990d 1s linear infinite;animation:spin-482a990d 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin-482a990d{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-482a990d{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-482a990d]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.loading-this.progress-bar[data-v-482a990d]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.loading-this.progress-fill[data-v-482a990d]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#409eff),to(#67c23a));background:linear-gradient(90deg,#409eff,#67c23a);border-radius:4px;-webkit-transition:width .3s ease;transition:width .3s ease}.loading-details[data-v-482a990d]{font-size:12px;color:#666;line-height:1.5}.lil-this.gui{background:hsla(0,0%,100%,.95)!important;border:1px solid #e0e0e0!important;border-radius:8px!important;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;backdrop-filter:blur(10px)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.lil-this.gui .title{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;color:#495057!important;border-bottom:1px solid #dee2e6!important;font-weight:600!important;padding:0 12px!important;border-radius:8px 8px 0 0!important}.lil-this.gui .controller{border-bottom:1px solid #f1f3f4!important;background:transparent!important}.lil-this.gui .controller:last-child{border-bottom:none!important}.lil-this.gui .controller .name{color:#495057!important;font-weight:500!important;font-size:12px!important}.lil-this.gui .controller .widget{background:#f8f9fa!important;border:1px solid #ced4da!important;border-radius:4px!important;color:#495057!important}.lil-this.gui .controller .widget:focus,.lil-this.gui .controller .widget:hover{border-color:#80bdff!important;-webkit-box-shadow:0 0 0 2px rgba(0,123,255,.25)!important;box-shadow:0 0 0 2px rgba(0,123,255,.25)!important}.lil-this.gui .controller .widget:focus{outline:none!important}.lil-this.gui .controller input[type=range]{background:#e9ecef!important;height:4px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border-radius:2px!important}.lil-this.gui .controller.number .fill{border-right:solid #008de9}.lil-this.gui .controller input[type=range]::-webkit-slider-thumb{background:#007bff!important;border:2px solid #fff!important;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2)!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;width:16px!important;height:16px!important;border-radius:50%!important;-webkit-appearance:none!important;appearance:none!important;cursor:pointer!important}.lil-this.gui .controller input[type=range]::-moz-range-thumb{background:#007bff!important;border:2px solid #fff!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;width:16px!important;height:16px!important;border-radius:50%!important;cursor:pointer!important}.lil-this.gui .controller .option{background:#fff!important;color:#495057!important;border-bottom:1px solid #f1f3f4!important}.lil-this.gui .controller .option:hover{background:#f8f9fa!important}.lil-this.gui .controller .option:last-child{border-bottom:none!important}.lil-this.gui input:active{background:#e6eff4}.lil-this.gui .controller button{background:linear-gradient(135deg,#007bff,#0056b3)!important;color:#fff!important;border:none!important;border-radius:4px!important;font-weight:500!important;-webkit-transition:all .2s ease!important;transition:all .2s ease!important}.lil-this.gui .controller button:hover{background:linear-gradient(135deg,#0056b3,#004085)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important;-webkit-box-shadow:0 4px 8px rgba(0,123,255,.3)!important;box-shadow:0 4px 8px rgba(0,123,255,.3)!important}.lil-this.gui .controller .color{border:2px solid #fff!important;border-radius:4px!important;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.lil-this.gui .controller.number .slider,.lil-this.gui .controller.number .slider:hover{background-color:#e6eff4}.lil-this.gui input,.lil-this.gui input:hover,.lil-this.gui input[type=number]:focus,.lil-this.gui input[type=text]:focus{background:#e6eff4}.lil-this.gui .controller>.name{min-width:25px}.lil-this.gui .controller.number input{color:#2e3136}.lil-this.gui .controller.number .slider:active{background-color:#e6eff4}.lil-this.gui .folder>.title{background:linear-gradient(135deg,#f1f3f4,#e9ecef)!important;color:#495057!important;border-bottom:1px solid #dee2e6!important}.lil-this.gui .folder>.title:before{color:#6c757d!important}.lil-this.gui .folder.closed>.children{display:none!important}#konva-container[data-v-21bcf2d9]{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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;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:""}.main_body[data-v-4b17bce0]{position:relative;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.classification_title[data-v-4b17bce0]{margin:0 0 10px 0;color:#fff;font-size:14px;cursor:default}.toolbar[data-v-4b17bce0]{z-index:10;position:absolute;width:520px;padding:8px 16px;border-radius:6px;-webkit-box-shadow:0 2px 10px 0 rgba(6,29,44,.25);box-shadow:0 2px 10px 0 rgba(6,29,44,.25);background-color:#fff;top:10px;left:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.icon_toolbar[data-v-4b17bce0],.text_toolbar[data-v-4b17bce0]{float:left;width:32px;height:32px;padding:0!important;background-repeat:no-repeat;background-size:24px;background-position:50%}.icon_active[data-v-4b17bce0],.icon_toolbar[data-v-4b17bce0]:hover,.text_toolbar[data-v-4b17bce0]:hover{background-color:#eee}[data-v-4b17bce0].icon_color .el-color-picker__trigger{height:24px;margin-top:4px;width:24px!important}[data-v-4b17bce0].el-color-picker--medium,[data-v-4b17bce0].el-color-picker--medium .el-color-picker__trigger{width:24px!important;height:24px!important}.canvas_container[data-v-4b17bce0]{position:relative;width:100%;height:100%;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.canvas_container canvas[data-v-4b17bce0]{position:absolute;left:0}.canvas_container #ctx_front[data-v-4b17bce0]{z-index:5;background-color:transparent}.canvas_container #ctx_back[data-v-4b17bce0]{z-index:3}.canvas_container #ctx_base[data-v-4b17bce0]{z-index:1}#text[data-v-4b17bce0]{position:absolute;z-index:-1;resize:none;outline:none;border:1px dashed #9c9c9c;overflow:hidden;background:transparent;line-height:30px;display:none}#text[data-v-4b17bce0]:hover{border:1px dashed #53a8ff}#svg-component[data-v-2572c0e2],#svg-tigger[data-v-2572c0e2]{cursor:pointer;height:100%;width:100%;position:relative}#toolbar-show[data-v-2572c0e2]{z-index:20;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;background:#fff}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fl-web-component",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "scripts": {
     "postinstall": "patch-package",
     "tip1": "仅调试本组件不涉及业务组件,请执行dev",

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

@@ -4126,7 +4126,9 @@ export default {
             case 'color':
               targetObj.forEach(children => {
                 if (children.isMesh) {
-                  const { instanceIndex } = children.userData.instancesMap.get(instanceId);
+                  const instanceInfo = children.userData?.instancesMap?.get(instanceId);
+                  if (!instanceInfo) return;
+                  const { instanceIndex } = instanceInfo;
                   children.setColorAt(instanceIndex, new this.THREE.Color(ele.attr[key]));
                   children.instanceColor.needsUpdate = true;
                   if (!this.isCurrentVisible(instanceId, children)) {
@@ -4164,6 +4166,7 @@ export default {
               }
               targetObj.forEach(children => {
                 const instanceInfo = children.userData.instancesMap.get(instanceId);
+                if (!instanceInfo) return;
                 const { instanceIndex, copyMatrix } = instanceInfo;
                 const nextVisible = requestedVisible && this.isSourceVisible(instanceId, children);
                 instanceInfo.visible = nextVisible;
@@ -4190,7 +4193,9 @@ export default {
               targetObj.forEach(children => {
                 if (children.isMesh) {
                   const opacity = children.geometry.attributes.opacity.array;
-                  const { instanceIndex } = children.userData.instancesMap.get(instanceId);
+                  const instanceInfo = children.userData?.instancesMap?.get(instanceId);
+                  if (!instanceInfo) return;
+                  const { instanceIndex } = instanceInfo;
                   opacity[instanceIndex] = ele.attr[key];
                   children.geometry.attributes.opacity.needsUpdate = true;
                 }
@@ -4260,7 +4265,9 @@ export default {
       let targetObj = this.getObjectByName(instanceId);
       targetObj.forEach(children => {
         if (children.isMesh) {
-          const { instanceIndex } = children.userData.instancesMap.get(instanceId);
+          const instanceInfo = children.userData?.instancesMap?.get(instanceId);
+          if (!instanceInfo) return;
+          const { instanceIndex } = instanceInfo;
           if (!this.isSourceVisible(instanceId, children)) {
             this.removeOutlineObject(children, instanceIndex);
             return;
@@ -4284,7 +4291,9 @@ export default {
       let targetObj = this.getObjectByName(instanceId);
       targetObj.forEach(children => {
         if (children.isMesh) {
-          const { instanceIndex } = children.userData.instancesMap.get(instanceId);
+          const instanceInfo = children.userData?.instancesMap?.get(instanceId);
+          if (!instanceInfo) return;
+          const { instanceIndex } = instanceInfo;
           this.removeOutlineObject(children, instanceIndex);
         }
       });
@@ -4337,7 +4346,9 @@ export default {
             case 'nColor':
               targetObj.forEach(children => {
                 if (children.isMesh) {
-                  const { instanceIndex } = children.userData.instancesMap.get(instanceId);
+                  const instanceInfo = children.userData?.instancesMap?.get(instanceId);
+                  if (!instanceInfo) return;
+                  const { instanceIndex } = instanceInfo;
                   children.setColorAt(instanceIndex, children.material.userData['oColor']);
                   children.instanceColor.needsUpdate = true;
                   children.material.userData[key] = children.material.userData['oColor'];
@@ -4360,7 +4371,9 @@ export default {
               case 'color':
                 obj.forEach(children => {
                   if (children.isMesh) {
-                    const { instanceIndex } = children.userData.instancesMap.get(instanceId);
+                    const instanceInfo = children.userData?.instancesMap?.get(instanceId);
+                    if (!instanceInfo) return;
+                    const { instanceIndex } = instanceInfo;
                     children.setColorAt(instanceIndex, children.material.userData.nColor);
                     children.instanceColor.needsUpdate = true;
                     if (this.outlinePass) {
@@ -4377,6 +4390,7 @@ export default {
               case 'visible': {
                 obj.forEach(children => {
                   const instanceInfo = children.userData.instancesMap.get(instanceId);
+                  if (!instanceInfo) return;
                   const { instanceIndex, copyMatrix } = instanceInfo;
                   if (this.isSourceVisible(instanceId, children)) {
                     instanceInfo.visible = true;
@@ -4397,7 +4411,9 @@ export default {
               case 'opacity':
                 obj.forEach(children => {
                   if (children.isMesh) {
-                    const { instanceIndex } = children.userData.instancesMap.get(instanceId);
+                    const instanceInfo = children.userData?.instancesMap?.get(instanceId);
+                    if (!instanceInfo) return;
+                    const { instanceIndex } = instanceInfo;
                     const opacity = children.geometry.attributes.opacity.array;
                     opacity[instanceIndex] = children.material.userData.nOpacity;
                     children.geometry.attributes.opacity.needsUpdate = true;
@@ -4590,11 +4606,31 @@ export default {
       */
     getObjectByName(name, passType = 'group') {
       if (!this.scene) return [];
+      if (Array.isArray(name)) {
+        const result = [];
+        const exist = new Set();
+        name.forEach(item => {
+          this.getObjectByName(item, passType).forEach(obj => {
+            if (!obj || exist.has(obj.uuid)) return;
+            exist.add(obj.uuid);
+            result.push(obj);
+          });
+        });
+        return result;
+      }
       let object = [];
+      const added = new Set();
       const instancedMeshProps = instanceToInstancedMeshMap.get(name);
       this.scene.traverse(item => {
         const tempName = instancedMeshProps ? instancedMeshProps.drawObjectId : name;
-        if (item.name == tempName && item.type.toLowerCase() != passType.toLowerCase()) {
+        const itemType = item.type ? item.type.toLowerCase() : '';
+        const isPassType = itemType == passType.toLowerCase();
+        const hasTargetInstance =
+          item.userData &&
+          item.userData.instancesMap instanceof Map &&
+          item.userData.instancesMap.has(name);
+        if (!isPassType && (item.name == tempName || hasTargetInstance) && !added.has(item.uuid)) {
+          added.add(item.uuid);
           object.push(item);
         }
       });
@@ -5315,10 +5351,38 @@ export default {
           objClipp2 && (objClipp2[4].constant = -d);
         });
     },
+    getFirstPersonMoveSpeed(customMoveSpeed) {
+      const defaultMoveSpeed = 800;
+      const minMoveSpeed = 300;
+      const maxMoveSpeed = 2500;
+      const optionMoveSpeed =
+        Number.isFinite(customMoveSpeed) && customMoveSpeed > 0
+          ? customMoveSpeed
+          : defaultMoveSpeed;
+      let nextMoveSpeed = defaultMoveSpeed;
+
+      if (
+        this.sceneBoundingBox &&
+        this.sceneBoundingBox.isBox3 &&
+        !this.sceneBoundingBox.isEmpty()
+      ) {
+        const size = this.sceneBoundingBox.getSize(new this.THREE.Vector3());
+        const horizontalSpan = Math.max(size.x, size.z);
+        if (Number.isFinite(horizontalSpan) && horizontalSpan > 0) {
+          // 第一视角主要在水平面移动，优先使用场景水平范围估算移动速度
+          nextMoveSpeed = horizontalSpan * 0.8;
+        }
+      }
+
+      return Math.min(
+        Math.max(nextMoveSpeed, minMoveSpeed),
+        Math.min(maxMoveSpeed, optionMoveSpeed)
+      );
+    },
     // 开启第一视角
     startFirstPer(options) {
       let { moveSpeed = 200, jumpSpeed = 200 } = options || {};
-      this.removeSpeed = moveSpeed;
+      this.removeSpeed = this.getFirstPersonMoveSpeed(moveSpeed);
       this.upSpeed = jumpSpeed;
 
       this.clock = new this.THREE.Clock();
@@ -5368,6 +5432,7 @@ export default {
         this.pointControls.addEventListener('unlock', () => {
           this.firstPerSign = false;
           this.cameraControls.enabled = true;
+          console.log(this.cameraControls);
           // 返回初始视角
           this.home();
           try {
@@ -5428,8 +5493,8 @@ export default {
           this.canJump = true;
         }
         // 根据速度值移动控制器
-        this.pointControls.this.moveRight(-this.velocity.x * delta);
-        this.pointControls.this.moveForward(-this.velocity.z * delta);
+        this.pointControls.moveRight(-this.velocity.x * delta);
+        this.pointControls.moveForward(-this.velocity.z * delta);
         control.position.y += this.velocity.y * delta;
         // 保证控制器的y轴在平面上
         if (control.position.y < 3 - 0 / 10) {
@@ -5480,9 +5545,9 @@ export default {
           break;
         // 跳跃
         case 32:
-          if (this.canJump && spaceUp) this.velocity.y += this.upSpeed;
+          if (this.canJump && this.spaceUp) this.velocity.y += this.upSpeed;
           this.canJump = false;
-          spaceUp = false;
+          this.spaceUp = false;
           break;
       }
     },
@@ -5512,7 +5577,7 @@ export default {
           break;
         // 跳跃
         case 32:
-          spaceUp = true;
+          this.spaceUp = true;
           break;
       }
     },
@@ -5545,9 +5610,9 @@ export default {
     /*
       参数: type: '', distance、area、angle、height, 暂时只提供距离、面积、角度、高度这四种方式
       */
-    openMeasure(type) {
+    openMeasure(type, isClear = false) {
       if (this.threeMeasure) {
-        this.threeMeasure.close(false);
+        this.threeMeasure.close(isClear);
         this.threeMeasure = null;
       }
       this.measureFlag = true;
@@ -5608,6 +5673,20 @@ export default {
       // 移除键盘事件监听器
       document.removeEventListener('keydown', this.handleMeasureKeyDown, false);
     },
+    // 增加一个清除所有测量结果的方法 使用统一名字的
+    clearMeasureByName() {
+      let list = this.getObjectByName('measureObj')
+      list.forEach(item => {
+        if (item.geometry) {
+          item.geometry.dispose();
+          item.material.dispose();
+        }
+        if (this.scene) this.scene.remove(item);
+      })
+      if (this.threeMeasure) {
+        this.threeMeasure.clear();
+      }
+    },
     handleMeasureKeyDown(event) {
       // 检查是否按下了ESC键
       const keyParam = {

package/src/utils/threejs/measure-angle.js

@@ -24,7 +24,7 @@ var MeasureAngle = function (renderer, scene, camera, width, height) {
   this.firstTime = 0;
   // 创建一个辅助平面来捕获鼠标事件
   this.plane = new THREE.Plane(new THREE.Vector3(0, 0, 1), 0);
-
+  this.measureName = 'measureObj'
   // this.POINT_MATERIAL = new THREE.PointsMaterial({ color: 0xff5000, size: 1, opacity: 0.6, transparent: true, depthWrite: false, depthTest: false })
   // this.LINE_MATERIAL = new THREE.LineBasicMaterial({ color: 0xff0000, linewidth: 3, opacity: 0.8, transparent: true, side: THREE.DoubleSide, depthWrite: false, depthTest: false })
 };
@@ -89,6 +89,7 @@ MeasureAngle.prototype = {
     const geom = new THREE.SphereGeometry(config.size || 0.3, 28, 28);
     const sphere = new THREE.Mesh(geom, mesh);
     sphere.frustumCulled = false;
+    sphere.name = this.measureName
     sphere.position.set(pos.x, pos.y, pos.z);
     return sphere;
   },
@@ -98,10 +99,11 @@ MeasureAngle.prototype = {
       linewidth: 10,
       depthTest: false,
       depthWrite: false,
-      transparent: true,
+      transparent: true
     });
     const lineGeometry = new THREE.BufferGeometry().setFromPoints([p1, p2]);
     const line = new THREE.Line(lineGeometry, lineMaterial);
+    line.name = this.measureName;
     line.renderOrder = 999;
     line.frustumCulled = false;
     return line;
@@ -111,6 +113,7 @@ MeasureAngle.prototype = {
     div.className = name;
     div.textContent = text;
     const divLabel = new CSS2DObject(div);
+    divLabel.name = this.measureName
     divLabel.position.set(position.x, position.y, position.z);
     return divLabel;
   },
@@ -171,6 +174,7 @@ MeasureAngle.prototype = {
     div.className = 'tips-label';
     div.textContent = label;
     const tipsLabel = new CSS2DObject(div);
+    tipsLabel.name = this.measureName
     tipsLabel.position.set(position.x + 0.1, position.y, position.z + 0.05);
     return tipsLabel;
   },
@@ -254,6 +258,22 @@ MeasureAngle.prototype = {
     }
     this.renderer.domElement.style.cursor = 'pointer';
   },
+  clear() {
+    this.remove(this.points);
+    this.remove(this.polyline);
+    this.remove(this.labels);
+    this.remove(this.curves);
+    this.pointArray.splice(0);
+    this.points.splice(0);
+    this.polyline.splice(0);
+    this.labels.splice(0);
+    this.curves.splice(0);
+    this.tempPoints = undefined;
+    this.tempLabel = undefined;
+    this.tempLine = undefined;
+    this.scene.remove(this.tipsLabel);
+    this.tipsLabel = undefined;
+  },
   remove(array) {
     for (let index = 0; index < array.length; index++) {
       const element = array[index];

package/src/utils/threejs/measure-area.js

@@ -22,7 +22,7 @@ var MeasureArea = function (renderer, scene, camera, width, height) {
   this.width = width;
   this.height = height;
   this.firstTime = 0;
-
+  this.measureName = 'measureObj'
   // 创建一个辅助平面来捕获鼠标事件
   this.plane = new THREE.Plane(new THREE.Vector3(0, 0, 1), 0);
 };
@@ -88,10 +88,11 @@ MeasureArea.prototype = {
       linewidth: 20,
       depthTest: false,
       depthWrite: false,
-      transparent: true,
+      transparent: true
     });
     const lineGeometry = new THREE.BufferGeometry().setFromPoints([p1, p2]);
     const line = new THREE.Line(lineGeometry, lineMaterial);
+    line.name = this.measureName;
     line.renderOrder = 999;
     line.frustumCulled = false;
     return line;
@@ -101,6 +102,7 @@ MeasureArea.prototype = {
     div.className = name;
     div.textContent = text;
     const divLabel = new CSS2DObject(div);
+    divLabel.name = this.measureName
     divLabel.position.set(position.x, position.y, position.z);
     return divLabel;
   },
@@ -163,6 +165,7 @@ MeasureArea.prototype = {
     div.className = 'tips-label';
     div.textContent = label;
     const tipsLabel = new CSS2DObject(div);
+    tipsLabel.name = this.measureName
     tipsLabel.position.set(position.x + 0.1, position.y, position.z + 0.05);
     return tipsLabel;
   },
@@ -250,6 +253,21 @@ MeasureArea.prototype = {
 
     this.renderer.domElement.style.cursor = 'pointer';
   },
+  clear() {
+    this.remove(this.points);
+    this.remove(this.polyline);
+    this.remove(this.labels);
+    this.remove(this.polygons);
+    this.pointArray.splice(0);
+    this.points.splice(0);
+    this.polyline.splice(0);
+    this.labels.splice(0);
+    this.tempPoints = undefined;
+    this.tempLabel = undefined;
+    this.tempLine = undefined;
+    this.scene.remove(this.tipsLabel);
+    this.tipsLabel = undefined;
+  },
   remove(array) {
     for (let index = 0; index < array.length; index++) {
       const element = array[index];
@@ -304,10 +322,12 @@ MeasureArea.prototype = {
           transparent: true,
           opacity: 0.5,
           side: THREE.DoubleSide,
+          name: this.measureName
         });
         const mesh = new THREE.Mesh(geom, material);
         mesh.frustumCulled = false;
-        mesh.name = 'polygonMesh';
+        // mesh.name = 'polygonMesh';
+        mesh.name = _this.measureName;
         _this.polygonMesh = mesh;
         _this.scene.add(mesh);
         _this.polygons.push(mesh);

package/src/utils/threejs/measure-distance.js

@@ -20,7 +20,7 @@ var MeasureDistance = function (renderer, scene, camera, width, height) {
   this.width = width;
   this.height = height;
   this.firstTime = 0;
-
+  this.measureName = 'measureObj'
   // 创建一个辅助平面来捕获鼠标事件
   this.plane = new THREE.Plane(new THREE.Vector3(0, 0, 1), 0);
 };
@@ -91,6 +91,7 @@ MeasureDistance.prototype = {
     });
     const lineGeometry = new THREE.BufferGeometry().setFromPoints([p1, p2]);
     const line = new THREE.Line(lineGeometry, lineMaterial);
+    line.name = this.measureName;
     line.renderOrder = 999;
     line.frustumCulled = false;
     return line;
@@ -100,6 +101,7 @@ MeasureDistance.prototype = {
     div.className = name;
     div.textContent = text;
     const divLabel = new CSS2DObject(div);
+    divLabel.name = this.measureName
     divLabel.position.set(position.x, position.y, position.z);
     return divLabel;
   },
@@ -147,6 +149,7 @@ MeasureDistance.prototype = {
     div.className = 'tips-label';
     div.textContent = label;
     const tipsLabel = new CSS2DObject(div);
+    tipsLabel.name = this.measureName
     tipsLabel.position.set(position.x + 0.1, position.y, position.z + 0.05);
     return tipsLabel;
   },
@@ -154,6 +157,7 @@ MeasureDistance.prototype = {
     this.firstTime = new Date().getTime();
   },
   click(e) {
+    console.log(_this.points)
     let lastTime = new Date().getTime();
     if (lastTime - this.firstTime < 300) {
       if (_this.isCompleted) {
@@ -230,6 +234,21 @@ MeasureDistance.prototype = {
     }
     this.renderer.domElement.style.cursor = 'pointer';
   },
+  clear() {
+    this.remove(this.points);
+    this.remove(this.polyline);
+    this.remove(this.labels);
+    this.pointArray.splice(0);
+    this.points.splice(0);
+    this.polyline.splice(0);
+    this.labels.splice(0);
+    this.tempPoints = undefined;
+    this.tempLabel = undefined;
+    this.tempLine = undefined;
+    this.scene.remove(this.tipsLabel);
+    this.tipsLabel = undefined;
+    this.firstTime = 0;
+  },
   remove(array) {
     for (let index = 0; index < array.length; index++) {
       const element = array[index];

package/src/utils/threejs/measure-height.js

@@ -22,6 +22,7 @@ var MeasureHeight = function (renderer, scene, camera, width, height) {
   this.height = height;
   this.firstTime = 0;
   this.plane = new THREE.Plane(new THREE.Vector3(0, 0, 1), 0);
+  this.measureName = 'measureObj'
 };
 
 MeasureHeight.prototype = {
@@ -82,10 +83,11 @@ MeasureHeight.prototype = {
       linewidth: 15,
       depthTest: false,
       depthWrite: false,
-      transparent: true,
+      transparent: true
     });
     const lineGeometry = new THREE.BufferGeometry().setFromPoints([p1, p2]);
     const line = new THREE.Line(lineGeometry, lineMaterial);
+    line.name = this.measureName;
     line.renderOrder = 999;
     line.frustumCulled = false;
     return line;
@@ -95,6 +97,7 @@ MeasureHeight.prototype = {
     div.className = name;
     div.textContent = text;
     const divLabel = new CSS2DObject(div);
+    divLabel.name = this.measureName
     divLabel.position.set(position.x, position.y, position.z);
     return divLabel;
   },
@@ -125,6 +128,7 @@ MeasureHeight.prototype = {
     div.className = 'tips-label';
     div.textContent = label;
     const tipsLabel = new CSS2DObject(div);
+    tipsLabel.name = this.measureName
     tipsLabel.position.set(position.x + 0.1, position.y, position.z + 0.05);
     return tipsLabel;
   },
@@ -184,6 +188,18 @@ MeasureHeight.prototype = {
       this.renderer.domElement.style.cursor = 'pointer';
       this.firstTime = 0;
     }
+
+  },
+  clear() {
+    this.remove(this.points);
+    this.remove(this.polyline);
+    this.remove(this.labels);
+    this.pointArray.splice(0);
+    this.points.splice(0);
+    this.polyline.splice(0);
+    this.labels.splice(0);
+    this.scene.remove(this.tipsLabel);
+    this.tipsLabel = undefined;
   },
   remove(array) {
     for (let index = 0; index < array.length; index++) {