fl-web-component 2.1.1-beta.2 → 2.1.1-beta.4

package/dist/fl-web-component.css

@@ -1 +1 @@
-@charset "UTF-8";.fl-model-containor[data-v-d40d4870]{width:100%;height:100%;position:relative;cursor:pointer}[data-v-d40d4870] .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-d40d4870] .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-d40d4870] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-d40d4870] .measure-label-font{word-break:break-all}[data-v-d40d4870] .mark-label-img{padding-top:5px;width:20px;height:20px}.loading-overlay[data-v-d40d4870]{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-d40d4870]{opacity:1;visibility:visible}.loading-content[data-v-d40d4870]{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-d40d4870]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;-webkit-animation:spin-d40d4870 1s linear infinite;animation:spin-d40d4870 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin-d40d4870{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-d40d4870{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-d40d4870]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.loading-this.progress-bar[data-v-d40d4870]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.loading-this.progress-fill[data-v-d40d4870]{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-d40d4870]{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-0f76e7f4]{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-3517cf88]{width:100%;height:100%;position:relative;cursor:pointer}[data-v-3517cf88] .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-3517cf88] .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-3517cf88] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-3517cf88] .measure-label-font{word-break:break-all}[data-v-3517cf88] .mark-label-img{padding-top:5px;width:20px;height:20px}.loading-overlay[data-v-3517cf88]{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-3517cf88]{opacity:1;visibility:visible}.loading-content[data-v-3517cf88]{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-3517cf88]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;-webkit-animation:spin-3517cf88 1s linear infinite;animation:spin-3517cf88 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin-3517cf88{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-3517cf88{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-3517cf88]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.loading-this.progress-bar[data-v-3517cf88]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.loading-this.progress-fill[data-v-3517cf88]{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-3517cf88]{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-0f76e7f4]{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.1.1-beta.2",
+  "version": "2.1.1-beta.4",
   "scripts": {
     "postinstall": "patch-package",
     "tip1": "仅调试本组件不涉及业务组件,请执行dev",

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

@@ -165,7 +165,7 @@ import { onContextHandle } from './component/context';
 
 const isDebug = process.env.NODE_ENV !== 'production' || process.env.VUE_APP_IS_WATCH === true;
 // const isDebug = false;
-const COLLISION_PENETRATION_EPSILON = 10;
+const COLLISION_PENETRATION_EPSILON = 1;
 const COLLISION_OBB_AXIS_EPSILON = 1e-8;
 const COLLISION_DEBUG_GROUP_NAME = '__collision_obb_debug_group__';
 
@@ -215,7 +215,8 @@ export default {
         isPaused: false,
       },
       isolateMode: false,
-      collisionObbDebugEnabled: isDebug,
+      // collisionObbDebugEnabled: isDebug,
+      collisionObbDebugEnabled: false,
     };
   },
   watch: {
@@ -1805,6 +1806,53 @@ export default {
       }
       node.items.push({ id, box });
     },
+    _buildCollisionOctreeFromEntries(entries) {
+      if (!Array.isArray(entries) || entries.length === 0) {
+        return null;
+      }
+
+      let minX = Infinity;
+      let minY = Infinity;
+      let minZ = Infinity;
+      let maxX = -Infinity;
+      let maxY = -Infinity;
+      let maxZ = -Infinity;
+
+      entries.forEach(item => {
+        const box = item && item.box;
+        if (!box || !box.isBox3) return;
+        const mn = box.min;
+        const mx = box.max;
+        if (mn.x < minX) minX = mn.x;
+        if (mn.y < minY) minY = mn.y;
+        if (mn.z < minZ) minZ = mn.z;
+        if (mx.x > maxX) maxX = mx.x;
+        if (mx.y > maxY) maxY = mx.y;
+        if (mx.z > maxZ) maxZ = mx.z;
+      });
+
+      if (minX === Infinity) {
+        return null;
+      }
+
+      const rootBox = new this.THREE.Box3(
+        new this.THREE.Vector3(minX, minY, minZ),
+        new this.THREE.Vector3(maxX, maxY, maxZ)
+      );
+      const root = {
+        box: rootBox,
+        items: [],
+        children: null,
+        depth: 0,
+      };
+
+      entries.forEach(item => {
+        if (!item || !item.box) return;
+        this._octreeInsert(root, String(item.id), item.box);
+      });
+
+      return root;
+    },
     _isCollisionBoxAvailable(box) {
       if (!box || !box.isBox3 || box.isEmpty()) return false;
       if (box.userData && box.userData.visible === false) return false;
@@ -1935,7 +1983,8 @@ export default {
     _buildCollisionPairMap() {
       const pairMap = new Map();
       const collisionPairs = this.getOctreeCollisionPairs();
-      const pairs = collisionPairs && Array.isArray(collisionPairs.pairs) ? collisionPairs.pairs : [];
+      const pairs =
+        collisionPairs && Array.isArray(collisionPairs.pairs) ? collisionPairs.pairs : [];
       for (let i = 0; i < pairs.length; i++) {
         const pair = pairs[i];
         if (!pair) continue;
@@ -2071,9 +2120,8 @@ export default {
       }
       return false;
     },
-    _queryOctreeByBox(box) {
+    _queryOctreeByBoxWithRoot(root, box) {
       const results = [];
-      const root = this._octree;
       if (!root || !this._isCollisionBoxAvailable(box)) return results;
 
       const stack = [root];
@@ -2099,25 +2147,88 @@ export default {
 
       return results;
     },
-    getOctreeCollisionPairs() {
+    _queryOctreeByBox(box) {
+      return this._queryOctreeByBoxWithRoot(this._octree, box);
+    },
+    getOctreeCollisionPairs(options = {}) {
       const pairs = [];
       if (!this._boxIndex || this._boxIndex.size === 0) return { pairs };
 
-      if (!this._octree) {
-        this.buildOctreeFromBoxIndex();
+      const normalizeIds = value =>
+        Array.isArray(value)
+          ? Array.from(
+              new Set(
+                value
+                  .map(item => (item === null || item === undefined ? '' : String(item)))
+                  .filter(item => item !== '')
+              )
+            )
+          : [];
+
+      const getEntriesByIds = ids => {
+        const entries = [];
+        const idSet = new Set(ids);
+        this._boxIndex.forEach((box, id) => {
+          const key = String(id);
+          if (idSet.has(key)) {
+            entries.push({
+              id: key,
+              box,
+            });
+          }
+        });
+        return entries;
+      };
+
+      const sourceIds = normalizeIds(options.sourceIds);
+      const targetIds = normalizeIds(options.targetIds);
+      const includeIds = Array.isArray(options.includeIds) ? normalizeIds(options.includeIds) : [];
+
+      let root = this._octree;
+      let sourceEntries = [];
+      let dedupePairKeySet = null;
+
+      if (sourceIds.length > 0 && targetIds.length > 0) {
+        const targetEntries = getEntriesByIds(targetIds);
+        sourceEntries = getEntriesByIds(sourceIds);
+        if (sourceEntries.length === 0 || targetEntries.length === 0) return { pairs };
+        root = this._buildCollisionOctreeFromEntries(targetEntries);
+        if (!root) return { pairs };
+        dedupePairKeySet = new Set();
+      } else if (includeIds.length > 0) {
+        sourceEntries = getEntriesByIds(includeIds);
+        if (sourceEntries.length === 0) return { pairs };
+        root = this._buildCollisionOctreeFromEntries(sourceEntries);
+        if (!root) return { pairs };
+      } else {
+        if (!this._octree) {
+          this.buildOctreeFromBoxIndex();
+        }
+        if (!this._octree) return { pairs };
+        this._boxIndex.forEach((box, id) => {
+          sourceEntries.push({
+            id: String(id),
+            box,
+          });
+        });
       }
-      if (!this._octree) return { pairs };
 
-      this._boxIndex.forEach((boxA, idA) => {
+      sourceEntries.forEach(({ id: idA, box: boxA }) => {
         if (!this._isCollisionBoxAvailable(boxA)) return;
 
-        const hits = this._queryOctreeByBox(boxA);
+        const hits = this._queryOctreeByBoxWithRoot(root, boxA);
         for (let i = 0; i < hits.length; i++) {
           const item = hits[i];
           if (!item || String(item.id) === String(idA)) continue;
           const boxB = item.box;
           if (!this._isCollisionBoxMatched(boxA, boxB)) continue;
 
+          if (dedupePairKeySet) {
+            const pairKey = `${String(idA)}__${String(item.id)}`;
+            if (dedupePairKeySet.has(pairKey)) continue;
+            dedupePairKeySet.add(pairKey);
+          }
+
           pairs.push({
             idA: this._formatCollisionPairId(idA),
             idB: this._formatCollisionPairId(item.id),
@@ -4469,8 +4580,19 @@ export default {
         if (this.threeMeasure) {
           this.threeMeasure.updateParams(width, height);
         }
+        this.updateMeshLineResolution(width, height);
       }
     },
+    updateMeshLineResolution(width, height) {
+      if (!this.modelGroup || !width || !height) return;
+      this.modelGroup.traverse(child => {
+        const material = child && child.material;
+        if (material && material.type === 'MeshLineMaterial' && material.resolution) {
+          material.resolution.set(width, height);
+          material.needsUpdate = true;
+        }
+      });
+    },
     setModelCenter(target, options = {}) {
       // return
       let box3;
@@ -6755,6 +6877,13 @@ export default {
       const loadingState = this.noObserver
         ? this.noObserver.batchLoadingState
         : this.batchLoadingState;
+      const rect = this.renderer
+        ? this.renderer.domElement.getBoundingClientRect()
+        : { width: window.innerWidth, height: window.innerHeight };
+      options.meshLineResolution = {
+        width: rect.width || window.innerWidth || 1,
+        height: rect.height || window.innerHeight || 1,
+      };
       // 如果已经在加载中，先停止之前的加载
       if (loadingState.isLoading) {
         this.stopBatchLoading('restart');

package/packages/utils/StreamLoaderParser.worker.js

@@ -402,26 +402,26 @@ function parsePrimitive(dataView, uint8Array, offset, isFullProps = true) {
     primitive.documentId = '';
   }
 
-  if (dataView.byteLength < offset + 4) {
-    throw new Error('Insufficient data for Material length');
-  }
-  const materialTextLen = dataView.getUint32(offset, false);
-  offset += 4;
-  if (materialTextLen === 0xffffffff) {
-    primitive.material = null;
-  } else if (materialTextLen > 0) {
-    if (dataView.byteLength < offset + materialTextLen) {
-      throw new Error('Insufficient data for Material content');
-    }
-    const textBytes = uint8Array.subarray(offset, offset + materialTextLen);
-    primitive.material = utf8Decoder.decode(textBytes);
-    offset += materialTextLen;
-  } else {
-    primitive.material = '';
-  }
-
-  if (dataView.byteLength < offset + 4) {
-    throw new Error('Insufficient data for GeomText length');
+  if (dataView.byteLength < offset + 4) {
+    throw new Error('Insufficient data for Material length');
+  }
+  const materialTextLen = dataView.getUint32(offset, false);
+  offset += 4;
+  if (materialTextLen === 0xffffffff) {
+    primitive.material = null;
+  } else if (materialTextLen > 0) {
+    if (dataView.byteLength < offset + materialTextLen) {
+      throw new Error('Insufficient data for Material content');
+    }
+    const textBytes = uint8Array.subarray(offset, offset + materialTextLen);
+    primitive.material = utf8Decoder.decode(textBytes);
+    offset += materialTextLen;
+  } else {
+    primitive.material = '';
+  }
+
+  if (dataView.byteLength < offset + 4) {
+    throw new Error('Insufficient data for GeomText length');
   }
   const geomTextLen = dataView.getUint32(offset, false);
   offset += 4;

package/src/utils/instance-parser.js

@@ -91,46 +91,46 @@ function requestInstancedMapping(instances, drawObjs) {
   });
 }
 
-function getInstanceNormalSign(matrix) {
-  if (!matrix || typeof matrix.determinant !== 'function') return 1;
-  return matrix.determinant() < 0 ? -1 : 1;
-}
-
-function getMatrixVal(matrix) {
-  const val = matrix && matrix.val ? matrix.val : matrix;
-  return val && val.length >= 16 ? val : null;
-}
-
-function composeInstanceMatrix(instance, mesh, geometry) {
-  const resultMatrix = new THREE.Matrix4();
-  const meshMatrix = new THREE.Matrix4();
-  const primitiveMatrix = new THREE.Matrix4();
-  const meshMatrixVal = getMatrixVal(instance && instance.matrix);
-  const primitiveMatrixVal = getMatrixVal(mesh && mesh.matrix);
-
-  if (meshMatrixVal) {
-    meshMatrix.fromArray(meshMatrixVal);
-  }
-  if (primitiveMatrixVal) {
-    primitiveMatrix.fromArray(primitiveMatrixVal);
-  }
-
-  const { points, alignType } = mesh || {};
-  if (mesh && isTextType(mesh.type) && points && points.length >= 3) {
-    const positionMatrix = new THREE.Matrix4();
-    const alignMatrix = createAlignedText(alignType, geometry);
-    positionMatrix.identity().makeTranslation(points[0], points[1], points[2]);
-    primitiveMatrix.multiply(alignMatrix).multiply(positionMatrix);
-  }
-
-  resultMatrix.multiplyMatrices(meshMatrix, primitiveMatrix);
-  return resultMatrix;
-}
-
-/**
- * 重置处理状态，用于新的批量加载会话
- */
-function resetProcessingState() {
+function getInstanceNormalSign(matrix) {
+  if (!matrix || typeof matrix.determinant !== 'function') return 1;
+  return matrix.determinant() < 0 ? -1 : 1;
+}
+
+function getMatrixVal(matrix) {
+  const val = matrix && matrix.val ? matrix.val : matrix;
+  return val && val.length >= 16 ? val : null;
+}
+
+function composeInstanceMatrix(instance, mesh, geometry) {
+  const resultMatrix = new THREE.Matrix4();
+  const meshMatrix = new THREE.Matrix4();
+  const primitiveMatrix = new THREE.Matrix4();
+  const meshMatrixVal = getMatrixVal(instance && instance.matrix);
+  const primitiveMatrixVal = getMatrixVal(mesh && mesh.matrix);
+
+  if (meshMatrixVal) {
+    meshMatrix.fromArray(meshMatrixVal);
+  }
+  if (primitiveMatrixVal) {
+    primitiveMatrix.fromArray(primitiveMatrixVal);
+  }
+
+  const { points, alignType } = mesh || {};
+  if (mesh && isTextType(mesh.type) && points && points.length >= 3) {
+    const positionMatrix = new THREE.Matrix4();
+    const alignMatrix = createAlignedText(alignType, geometry);
+    positionMatrix.identity().makeTranslation(points[0], points[1], points[2]);
+    primitiveMatrix.multiply(alignMatrix).multiply(positionMatrix);
+  }
+
+  resultMatrix.multiplyMatrices(meshMatrix, primitiveMatrix);
+  return resultMatrix;
+}
+
+/**
+ * 重置处理状态，用于新的批量加载会话
+ */
+function resetProcessingState() {
   drawObjMapInstance = {};
   // instanceToInstancedMeshMap.clear();
   // processedDrawObjects.clear();
@@ -465,27 +465,27 @@ function setInstanceMatricesAndColors(model, drawObj, mesh, meshName, customColo
 
     // const instancedMesh = instanceToInstancedMeshMap.get(item.instanceId);
 
-    const m4 = composeInstanceMatrix(item, mesh, model.geometry);
-    model.setMatrixAt(index, m4);
-
-    const normalSignAttr = model.geometry && model.geometry.getAttribute('instanceNormalSign');
-    if (normalSignAttr && normalSignAttr.array && index < normalSignAttr.array.length) {
-      normalSignAttr.array[index] = getInstanceNormalSign(m4);
-    }
-
-    const copyMatrix = new THREE.Matrix4().copy(m4);
-    model.userData.copyMatrix = copyMatrix;
-
-    const temp = model.userData.instancesMap.get(item.instanceId);
-    temp.copyMatrix = copyMatrix;
-    if (sourceVisible === false) {
-      const offsetMatrix = new THREE.Matrix4()
-        .copy(copyMatrix)
-        .makeTranslation(9999999, 9999999, 9999999);
-      model.setMatrixAt(index, offsetMatrix);
-    }
-
-    // 设置颜色
+    const m4 = composeInstanceMatrix(item, mesh, model.geometry);
+    model.setMatrixAt(index, m4);
+
+    const normalSignAttr = model.geometry && model.geometry.getAttribute('instanceNormalSign');
+    if (normalSignAttr && normalSignAttr.array && index < normalSignAttr.array.length) {
+      normalSignAttr.array[index] = getInstanceNormalSign(m4);
+    }
+
+    const copyMatrix = new THREE.Matrix4().copy(m4);
+    model.userData.copyMatrix = copyMatrix;
+
+    const temp = model.userData.instancesMap.get(item.instanceId);
+    temp.copyMatrix = copyMatrix;
+    if (sourceVisible === false) {
+      const offsetMatrix = new THREE.Matrix4()
+        .copy(copyMatrix)
+        .makeTranslation(9999999, 9999999, 9999999);
+      model.setMatrixAt(index, offsetMatrix);
+    }
+
+    // 设置颜色
     model.setColorAt(index, meshColor);
   });
 
@@ -560,9 +560,9 @@ function appendInstanceToInstancedMesh(model, drawObj, mesh, instance, customCol
     ? new THREE.Color(customColor)
     : new THREE.Color(`rgb(${colorArr[0]}, ${colorArr[1]}, ${colorArr[2]})`);
 
-  if (!mesh) return;
-
-  const m4 = composeInstanceMatrix(instance, mesh, model.geometry);
+  if (!mesh) return;
+
+  const m4 = composeInstanceMatrix(instance, mesh, model.geometry);
   const renderMatrix =
     sourceVisible === false
       ? new THREE.Matrix4().copy(m4).makeTranslation(9999999, 9999999, 9999999)
@@ -1068,10 +1068,10 @@ function draw3Dmodel(
  * @param {String} instanceName - 模型实例的名称
  * @returns {Object} - 包含所有 2D 模型的组对象
  */
-function draw2Dmodel(geom, instanceName, instanceCount, nColor, nOpacity, options = {}) {
-  const points = geom.points;
-  const normals = geom.normals;
-  const geometry = new THREE.BufferGeometry();
+function draw2Dmodel(geom, instanceName, instanceCount, nColor, nOpacity, options = {}) {
+  const points = geom.points;
+  const normals = geom.normals;
+  const geometry = new THREE.BufferGeometry();
 
   if (points && points.length) {
     const position = new Float32Array(points);
@@ -1082,13 +1082,18 @@ function draw2Dmodel(geom, instanceName, instanceCount, nColor, nOpacity, option
     const normal = new Float32Array(normals);
     geometry.setAttribute('normal', new THREE.BufferAttribute(normal, 3));
   }
-
-  const { color, linewidth } = geom.prop;
-  const formatLinewidth = (linewidth < 1 ? linewidth * 50 : linewidth) || 5;
-  const material = new MeshLineMaterial({
-    color: new THREE.Color(`rgb(${color[0]}, ${color[1]}, ${color[2]})`),
-    lineWidth: formatLinewidth,
-  });
+
+  const { color, linewidth } = geom.prop;
+  const formatLinewidth = (linewidth < 1 ? linewidth * 50 : linewidth) || 5;
+  const meshLineResolution = options.meshLineResolution || {};
+  const resolutionWidth = meshLineResolution.width || window.innerWidth || 1;
+  const resolutionHeight = meshLineResolution.height || window.innerHeight || 1;
+  const material = new MeshLineMaterial({
+    color: new THREE.Color(`rgb(${color[0]}, ${color[1]}, ${color[2]})`),
+    lineWidth: formatLinewidth,
+    resolution: new THREE.Vector2(resolutionWidth, resolutionHeight),
+    sizeAttenuation: 0,
+  });
 
   const lineGeometry = new MeshLineGeometry();
   lineGeometry.setPoints(geometry);