fl-web-component 2.1.1-beta.3 → 2.1.1-beta.5

package/dist/fl-web-component.css

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

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

@@ -213,19 +213,27 @@ export default {
         loadedCount: 0,
         totalCount: 0,
         isPaused: false,
-      },
-      isolateMode: false,
-      // collisionObbDebugEnabled: isDebug,
-      collisionObbDebugEnabled: false,
-    };
-  },
-  watch: {
-    transformEditDisabled(val) {
-      if (val) {
-        this.detachTransformControls();
-      }
-    },
+      },
+      isolateMode: false,
+      sceneBoundingBoxDebugEnabled: false,
+      // collisionObbDebugEnabled: isDebug,
+      collisionObbDebugEnabled: false,
+    };
   },
+  watch: {
+    transformEditDisabled(val) {
+      if (val) {
+        this.detachTransformControls();
+      }
+    },
+    sceneBoundingBoxDebugEnabled(val) {
+      if (val) {
+        this.refreshSceneBoundingBoxHelper(true);
+      } else {
+        this.hideSceneBoundingBox();
+      }
+    },
+  },
   beforeCreate() {
     this.spaceUp = true;
     let arr = [
@@ -366,6 +374,7 @@ export default {
       isObserverEnabled: true, // 标记相机变更观察者是否启用
       sceneBoxes: new Map(),
       documentModelIds: new Map(),
+      documentSceneBoundsIds: new Map(),
       outlineInstanceProxyMap: new Map(),
       occlusionWorker: null,
       occlusionWorkerRequestMap: new Map(),
@@ -1470,71 +1479,108 @@ export default {
     updateGlobalSceneBoundingBox() {
       const state = this.noObserver || {};
       const occScene = state.occlusionState && state.occlusionState._occScene;
+      const mergedBox = new this.THREE.Box3();
+      let hasValidBox = false;
+      const mergeBox = box => {
+        if (!box || !box.isBox3 || box.isEmpty()) return;
+        if (!hasValidBox) {
+          mergedBox.copy(box);
+          hasValidBox = true;
+          return;
+        }
+        mergedBox.union(box);
+      };
 
-      // 优先使用由 boxIndex 构建出的离屏全场景，作为整体居中与 home 的统一范围
+      // 离屏遮挡场景只包含参与遮挡的模型，需要继续合并场景范围索引中的二维图形范围。
       if (occScene && occScene.children && occScene.children.length > 0) {
         const occBox = new this.THREE.Box3().setFromObject(occScene);
-        if (!occBox.isEmpty()) {
-          this.sceneBoundingBox = occBox;
-          return this.sceneBoundingBox;
-        }
+        mergeBox(occBox);
       }
 
-      // 离屏场景尚未完成时，回退到 boxIndex 联合包围盒，确保每次 add boxIndex 都能更新全场景范围
-      if (this._boxIndex && this._boxIndex.size > 0) {
-        let minX = Infinity,
-          minY = Infinity,
-          minZ = Infinity;
-        let maxX = -Infinity,
-          maxY = -Infinity,
-          maxZ = -Infinity;
-        this._boxIndex.forEach(box => {
-          if (!box || !box.isBox3 || box.isEmpty()) 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;
+      // sceneBoundsIndex 包含二维和三维图形，是全场景 dolly 距离的主要范围来源。
+      if (this._sceneBoundsIndex && this._sceneBoundsIndex.size > 0) {
+        this._sceneBoundsIndex.forEach(box => {
+          mergeBox(box);
         });
-        if (
-          Number.isFinite(minX) &&
-          Number.isFinite(minY) &&
-          Number.isFinite(minZ) &&
-          Number.isFinite(maxX) &&
-          Number.isFinite(maxY) &&
-          Number.isFinite(maxZ)
-        ) {
-          this.sceneBoundingBox = new this.THREE.Box3(
-            new this.THREE.Vector3(minX, minY, minZ),
-            new this.THREE.Vector3(maxX, maxY, maxZ)
-          );
-          return this.sceneBoundingBox;
-        }
       }
 
       const boxes = Array.from((state.sceneBoxes && state.sceneBoxes.values()) || []);
       if (boxes.length > 0) {
-        const firstBox = boxes[0].clone();
-        for (let i = 1; i < boxes.length; i++) {
-          firstBox.union(boxes[i]);
+        for (let i = 0; i < boxes.length; i++) {
+          mergeBox(boxes[i]);
         }
-        this.sceneBoundingBox = firstBox;
+      }
+
+      if (hasValidBox) {
+        this.sceneBoundingBox = mergedBox;
+        this.refreshSceneBoundingBoxHelper(this.sceneBoundingBoxDebugEnabled);
         return this.sceneBoundingBox;
       }
 
       this.sceneBoundingBox = new this.THREE.Box3();
+      this.refreshSceneBoundingBoxHelper(this.sceneBoundingBoxDebugEnabled);
       return this.sceneBoundingBox;
     },
+    upsertIndexedBox(indexMap, modelId, box) {
+      if (!indexMap || !modelId || !box || !box.isBox3) return null;
+      const key = String(modelId);
+      const existingBox = indexMap.get(key);
+      if (!existingBox) {
+        indexMap.set(key, box);
+        return box;
+      }
+      existingBox.union(box);
+      return existingBox;
+    },
+    mergeModelBoxUserData(targetBox, sourceUserData) {
+      if (!targetBox || !sourceUserData) return;
+      if (!targetBox.userData) {
+        targetBox.userData = sourceUserData;
+        return;
+      }
+
+      const targetUserData = targetBox.userData;
+      targetUserData.visible = targetUserData.visible !== false || sourceUserData.visible !== false;
+      targetUserData.sourceVisible =
+        targetUserData.sourceVisible !== false || sourceUserData.sourceVisible !== false;
+      targetUserData.transparent = !!targetUserData.transparent && !!sourceUserData.transparent;
+      targetUserData.mergedBoxCount = (targetUserData.mergedBoxCount || 1) + 1;
+      // 同一模型包含多个图元时，单个图元的遮挡代理不再可靠，改由视锥体合并盒兜底加载。
+      targetUserData.occlusionEnabled = false;
+
+      const targetObbs = Array.isArray(targetUserData.collisionObbs)
+        ? targetUserData.collisionObbs
+        : [];
+      const sourceObbs = Array.isArray(sourceUserData.collisionObbs)
+        ? sourceUserData.collisionObbs
+        : [];
+      if (sourceObbs.length > 0) {
+        targetUserData.collisionObbs = targetObbs.concat(sourceObbs);
+      }
+    },
+    upsertModelBox(modelId, box) {
+      if (!this._boxIndex || !modelId || !box || !box.isBox3) return;
+      const key = String(modelId);
+      const existingBox = this._boxIndex.get(key);
+      if (!existingBox) {
+        this._boxIndex.set(key, box);
+        return;
+      }
+      existingBox.union(box);
+      this.mergeModelBoxUserData(existingBox, box.userData);
+    },
     setBoxIndex(boxJson, documentId, isAdd = true) {
       if (!this._boxIndex) this._boxIndex = new Map();
+      if (!this._sceneBoundsIndex) this._sceneBoundsIndex = new Map();
       if (!documentId) {
         this._boxIndex.clear();
+        this._sceneBoundsIndex.clear();
         if (this.noObserver && this.noObserver.documentModelIds) {
           this.noObserver.documentModelIds.clear();
         }
+        if (this.noObserver && this.noObserver.documentSceneBoundsIds) {
+          this.noObserver.documentSceneBoundsIds.clear();
+        }
         this.hasExecutedCentering = false;
         this.buildOctreeFromBoxIndex();
         return;
@@ -1543,19 +1589,35 @@ export default {
       if (isAdd && boxJson) {
         const arr = boxJson ? boxJson : [];
         const modelIds = new Set();
+        const sceneBoundIds = new Set();
         const validGeomTypes = new Set(Object.values(GEOM_TYPES));
         for (let i = 0; i < arr.length; i++) {
           const it = arr[i];
           if (!validGeomTypes.has(it.geomType)) {
             continue;
           }
-          if (it.obb.length == 0) {
+          const minSource = it.min;
+          const maxSource = it.max;
+          const hasValidMinMax =
+            minSource &&
+            maxSource &&
+            minSource.length >= 3 &&
+            maxSource.length >= 3 &&
+            Number.isFinite(minSource[0]) &&
+            Number.isFinite(minSource[1]) &&
+            Number.isFinite(minSource[2]) &&
+            Number.isFinite(maxSource[0]) &&
+            Number.isFinite(maxSource[1]) &&
+            Number.isFinite(maxSource[2]);
+          if (!hasValidMinMax) {
             continue;
           }
+          const obbData = it.obb || [];
+          const modelId = String(it.id);
 
           // 使用新的 min/max 数据结构
-          const min = new this.THREE.Vector3(it.min[0], it.min[1], it.min[2]);
-          const max = new this.THREE.Vector3(it.max[0], it.max[1], it.max[2]);
+          const min = new this.THREE.Vector3(minSource[0], minSource[1], minSource[2]);
+          const max = new this.THREE.Vector3(maxSource[0], maxSource[1], maxSource[2]);
 
           const sourceBox = new this.THREE.Box3(min.clone(), max.clone());
           // 八叉树仍使用 AABB 粗筛，最终碰撞使用 sourceBox 派生的 OBB 精筛
@@ -1589,10 +1651,18 @@ export default {
             boxThree.applyMatrix4(collisionMatrix);
           }
 
+          this.upsertIndexedBox(this._sceneBoundsIndex, modelId, boxThree.clone());
+          sceneBoundIds.add(modelId);
+
+          // 没有 OBB 数据的二维图形只参与全场景范围，不纳入碰撞和遮挡索引。
+          if (obbData.length === 0) {
+            continue;
+          }
+
           const userData = {
             flag: it.flag || 1, // 默认为 1
             geomType: it.geomType,
-            obbData: it.obb, // 存储原始 OBB 数据
+            obbData, // 存储原始 OBB 数据
             transparent: it.transp > 0,
             sourceVisible: it.visible === false ? false : true,
             visible: it.visible === false ? false : true, // 默认显示
@@ -1606,8 +1676,7 @@ export default {
             // userData.matrix = new this.THREE.Matrix4().identity();
           }
           // 如果是 flag=3，解析并存储中心点、半轴长、旋转矩阵
-          else if (it.flag === 3 && it.obb && it.obb.length === 15) {
-            const obbData = it.obb;
+          else if (it.flag === 3 && obbData.length === 15) {
             const center = new this.THREE.Vector3(obbData[0], obbData[1], obbData[2]);
             const halfSize = new this.THREE.Vector3(obbData[3], obbData[4], obbData[5]);
             const rotation = new this.THREE.Matrix3().fromArray(obbData.slice(6, 15));
@@ -1637,13 +1706,13 @@ export default {
             userData.collisionObbs = [collisionObb];
           }
           // 如果是 flag=2，解析并存储多个子包围盒 (min, max)
-          else if (it.flag === 2 && it.obb && it.obb.length > 0) {
+          else if (it.flag === 2 && obbData.length > 0) {
             const subBoxes = [];
             const collisionObbs = [];
-            for (let k = 0; k < it.obb.length; k += 6) {
-              if (k + 5 < it.obb.length) {
-                const min = new this.THREE.Vector3(it.obb[k], it.obb[k + 1], it.obb[k + 2]);
-                const max = new this.THREE.Vector3(it.obb[k + 3], it.obb[k + 4], it.obb[k + 5]);
+            for (let k = 0; k < obbData.length; k += 6) {
+              if (k + 5 < obbData.length) {
+                const min = new this.THREE.Vector3(obbData[k], obbData[k + 1], obbData[k + 2]);
+                const max = new this.THREE.Vector3(obbData[k + 3], obbData[k + 4], obbData[k + 5]);
                 subBoxes.push({ min, max });
 
                 const subBox = new this.THREE.Box3(min.clone(), max.clone());
@@ -1670,11 +1739,11 @@ export default {
 
           boxThree.userData = userData;
 
-          const modelId = String(it.id);
-          this._boxIndex.set(modelId, boxThree);
+          this.upsertModelBox(modelId, boxThree);
           modelIds.add(modelId);
         }
         this.noObserver.documentModelIds.set(documentId, modelIds);
+        this.noObserver.documentSceneBoundsIds.set(documentId, sceneBoundIds);
       } else {
         const modelIds = this.noObserver.documentModelIds.get(documentId);
         if (modelIds) {
@@ -1688,6 +1757,15 @@ export default {
             this.hasExecutedCentering = false;
           }
         }
+        const sceneBoundIds =
+          this.noObserver.documentSceneBoundsIds &&
+          this.noObserver.documentSceneBoundsIds.get(documentId);
+        if (sceneBoundIds) {
+          sceneBoundIds.forEach(id => {
+            this._sceneBoundsIndex.delete(id);
+          });
+          this.noObserver.documentSceneBoundsIds.delete(documentId);
+        }
       }
       this.buildOctreeFromBoxIndex();
       this.refreshCollisionObbDebug();
@@ -1704,7 +1782,9 @@ export default {
         this.sceneBoundingBox.isEmpty()
       )
         return;
-      if (!this._boxIndex || this._boxIndex.size === 0) return;
+      const hasBoxIndex = this._boxIndex && this._boxIndex.size > 0;
+      const hasSceneBoundsIndex = this._sceneBoundsIndex && this._sceneBoundsIndex.size > 0;
+      if (!hasBoxIndex && !hasSceneBoundsIndex) return;
 
       this.smartModelCenter(this.sceneBoundingBox, 0);
     },
@@ -4247,12 +4327,37 @@ export default {
     },
     // 动态设置视角滚轮的距离
     setCameraConfig() {
+      if (
+        !this.sceneBoundingBox ||
+        !this.sceneBoundingBox.isBox3 ||
+        this.sceneBoundingBox.isEmpty()
+      ) {
+        return;
+      }
       // let box3 = new this.THREE.Box3().setFromObject(this.sceneBoundingBox);
       let size = new this.THREE.Vector3();
       this.sceneBoundingBox.getSize(size);
       const maxBorder = Math.max(size.x, size.y, size.z);
+      if (isDebug) {
+        const center = this.sceneBoundingBox.getCenter(new this.THREE.Vector3());
+        console.log('sceneBoundingBox 调试信息', {
+          size: {
+            x: size.x,
+            y: size.y,
+            z: size.z,
+          },
+          center: {
+            x: center.x,
+            y: center.y,
+            z: center.z,
+          },
+          maxBorder,
+        });
+        this.refreshSceneBoundingBoxHelper(this.sceneBoundingBoxDebugEnabled);
+      }
       // this.cameraControls.this.camera.far = maxBorder * 10; // 设置相机的远裁剪面
       this.cameraControls.minDistance = maxBorder * 0.2; // 动态设置视角滚轮的距离
+      // this.cameraControls.minDistance = 1000; // 动态设置视角滚轮的距离
       this.camera.updateProjectionMatrix();
     },
     // 获取mesh的中心点
@@ -4580,8 +4685,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;
@@ -6866,6 +6982,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');
@@ -7458,9 +7581,87 @@ export default {
     /**
      * 隐藏场景包围盒
      */
-    hideSceneBoundingBox() {
+    refreshSceneBoundingBoxHelper(forceVisible = this.boundingBoxVisible) {
       if (this.sceneBoundingBoxHelper && this.scene) {
         this.scene.remove(this.sceneBoundingBoxHelper);
+        this.sceneBoundingBoxHelper.geometry && this.sceneBoundingBoxHelper.geometry.dispose();
+        if (Array.isArray(this.sceneBoundingBoxHelper.material)) {
+          this.sceneBoundingBoxHelper.material.forEach(material => {
+            material && material.dispose && material.dispose();
+          });
+        } else if (
+          this.sceneBoundingBoxHelper.material &&
+          this.sceneBoundingBoxHelper.material.dispose
+        ) {
+          this.sceneBoundingBoxHelper.material.dispose();
+        }
+        this.sceneBoundingBoxHelper = null;
+      }
+
+      if (
+        !forceVisible ||
+        !this.scene ||
+        !this.sceneBoundingBox ||
+        !this.sceneBoundingBox.isBox3 ||
+        this.sceneBoundingBox.isEmpty()
+      ) {
+        this.boundingBoxVisible = false;
+        return false;
+      }
+
+      const helper = new this.THREE.Box3Helper(this.sceneBoundingBox, 0x00ff88);
+      helper.name = 'sceneBoundingBoxHelper';
+      helper.renderOrder = 999;
+      if (helper.material) {
+        helper.material.depthTest = false;
+        helper.material.transparent = true;
+        helper.material.opacity = 0.9;
+      }
+      this.scene.add(helper);
+      this.sceneBoundingBoxHelper = helper;
+      this.boundingBoxVisible = true;
+      return true;
+    },
+
+    showSceneBoundingBox() {
+      this.sceneBoundingBoxDebugEnabled = true;
+      const shown = this.refreshSceneBoundingBoxHelper(true);
+      if (!shown) {
+        console.warn('sceneBoundingBox 无有效范围，无法绘制调试线框');
+        return;
+      }
+
+      const size = this.sceneBoundingBox.getSize(new this.THREE.Vector3());
+      const center = this.sceneBoundingBox.getCenter(new this.THREE.Vector3());
+      console.log('sceneBoundingBox 线框已绘制', {
+        size: {
+          x: size.x,
+          y: size.y,
+          z: size.z,
+        },
+        center: {
+          x: center.x,
+          y: center.y,
+          z: center.z,
+        },
+      });
+    },
+
+    hideSceneBoundingBox() {
+      this.sceneBoundingBoxDebugEnabled = false;
+      if (this.sceneBoundingBoxHelper && this.scene) {
+        this.scene.remove(this.sceneBoundingBoxHelper);
+        this.sceneBoundingBoxHelper.geometry && this.sceneBoundingBoxHelper.geometry.dispose();
+        if (Array.isArray(this.sceneBoundingBoxHelper.material)) {
+          this.sceneBoundingBoxHelper.material.forEach(material => {
+            material && material.dispose && material.dispose();
+          });
+        } else if (
+          this.sceneBoundingBoxHelper.material &&
+          this.sceneBoundingBoxHelper.material.dispose
+        ) {
+          this.sceneBoundingBoxHelper.material.dispose();
+        }
         this.sceneBoundingBoxHelper = null;
         this.boundingBoxVisible = false;
         console.log('场景包围盒已隐藏');
@@ -7470,11 +7671,11 @@ export default {
     /**
      * 切换场景包围盒显示状态
      */
-    toggleSceneBoundingBox() {
-      if (this.boundingBoxVisible) {
-        this.hideSceneBoundingBox();
-      } else {
-        this.showSceneBoundingBox();
+    toggleSceneBoundingBox() {
+      if (this.sceneBoundingBoxDebugEnabled) {
+        this.hideSceneBoundingBox();
+      } else {
+        this.showSceneBoundingBox();
       }
     },
   },

package/src/utils/instance-parser.js

@@ -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);