fl-web-component 2.0.19-beta.0 → 2.0.19

package/dist/fl-web-component.css

@@ -1 +1 @@
-@charset "UTF-8";.fl-model-containor[data-v-a4813dca]{width:100%;height:100%;position:relative;cursor:pointer}[data-v-a4813dca] .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-a4813dca] .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-a4813dca] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-a4813dca] .measure-label-font{word-break:break-all}[data-v-a4813dca] .mark-label-img{padding-top:5px;width:20px;height:20px}.loading-overlay[data-v-a4813dca]{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-a4813dca]{opacity:1;visibility:visible}.loading-content[data-v-a4813dca]{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-a4813dca]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;-webkit-animation:spin-a4813dca 1s linear infinite;animation:spin-a4813dca 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin-a4813dca{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-a4813dca{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-a4813dca]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.loading-this.progress-bar[data-v-a4813dca]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.loading-this.progress-fill[data-v-a4813dca]{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-a4813dca]{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-b313ab6c]{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-607a330c]{width:100%;height:100%;position:relative;cursor:pointer}[data-v-607a330c] .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-607a330c] .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-607a330c] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-607a330c] .measure-label-font{word-break:break-all}[data-v-607a330c] .mark-label-img{padding-top:5px;width:20px;height:20px}.loading-overlay[data-v-607a330c]{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-607a330c]{opacity:1;visibility:visible}.loading-content[data-v-607a330c]{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-607a330c]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;-webkit-animation:spin-607a330c 1s linear infinite;animation:spin-607a330c 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin-607a330c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-607a330c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-607a330c]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.loading-this.progress-bar[data-v-607a330c]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.loading-this.progress-fill[data-v-607a330c]{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-607a330c]{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-b313ab6c]{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.19-beta.0",
+  "version": "2.0.19",
   "scripts": {
     "postinstall": "patch-package",
     "tip1": "仅调试本组件不涉及业务组件,请执行dev",
@@ -8,9 +8,8 @@
     "lint": "eslint \"{src,packages}/**/*.{vue,js}\" --fix",
     "prettier": "prettier --write  \"packages/**/*.{js,css,less,scss,vue,html}\"",
     "=": "=============================================================",
-    "tip2": "同时调试本组件与业务组件,请执行watch，生产模式监听请执行watch:prod",
-    "watch": "vue-cli-service build --watch --mode development --target lib --name fl-web-component --formats commonjs ./src/main.js",
-    "watch:prod": "vue-cli-service build --watch --mode production --target lib --name fl-web-component --formats commonjs ./src/main.js",
+    "tip2": "同时调试本组件与业务组件,请执行watch",
+    "watch": "vue-cli-service build --watch --mode production --target lib --name fl-web-component --formats commonjs ./src/main.js",
     "build": "npm run lint && vue-cli-service build --target lib --name fl-web-component --formats commonjs ./src/main.js",
     "build:test": "vue-cli-service build --target lib --name fl-web-component --formats commonjs ./src/main.js",
     "publish:base": "npm run build && npm publish --registry https://registry.npmjs.org/",

package/packages/components/com-graphics/box.json

@@ -0,0 +1,77 @@
+{
+  "code": 200,
+  "msg": "操作成功",
+  "data": [
+    {
+      "id": 5,
+      "min": [268.0, 578.0, 5.0],
+      "max": [280.0, 588.0, 5.02],
+      "flag": 1,
+      "obb": [
+        268.0, 588.0, 5.0, 268.0, 578.0, 5.0, 268.0, 588.0, 5.02, 268.0, 588.0, 5.02, 268.0, 578.0,
+        5.0, 268.0, 578.0, 5.02, 268.0, 578.0, 5.0, 271.0, 578.0, 5.0, 268.0, 578.0, 5.02, 268.0,
+        578.0, 5.02, 271.0, 578.0, 5.0, 271.0, 578.0, 5.02, 271.0, 578.0, 5.0, 271.0, 585.0, 5.0,
+        271.0, 578.0, 5.02, 271.0, 578.0, 5.02, 271.0, 585.0, 5.0, 271.0, 585.0, 5.02, 271.0, 585.0,
+        5.0, 280.0, 585.0, 5.0, 271.0, 585.0, 5.02, 271.0, 585.0, 5.02, 280.0, 585.0, 5.0, 280.0,
+        585.0, 5.02, 271.0, 578.0, 5.0, 268.0, 578.0, 5.0, 271.0, 585.0, 5.0, 271.0, 585.0, 5.0,
+        268.0, 578.0, 5.0, 268.0, 588.0, 5.0, 271.0, 585.0, 5.0, 268.0, 588.0, 5.0, 280.0, 588.0,
+        5.0, 280.0, 588.0, 5.0, 280.0, 585.0, 5.0, 271.0, 585.0, 5.0, 268.0, 578.0, 5.02, 271.0,
+        578.0, 5.02, 268.0, 588.0, 5.02, 268.0, 588.0, 5.02, 271.0, 578.0, 5.02, 271.0, 585.0, 5.02,
+        268.0, 588.0, 5.02, 271.0, 585.0, 5.02, 280.0, 585.0, 5.02, 280.0, 585.0, 5.02, 280.0,
+        588.0, 5.02, 268.0, 588.0, 5.02, 280.0, 585.0, 5.0, 280.0, 588.0, 5.0, 280.0, 585.0, 5.02,
+        280.0, 585.0, 5.02, 280.0, 588.0, 5.0, 280.0, 588.0, 5.02, 280.0, 588.0, 5.0, 268.0, 588.0,
+        5.0, 280.0, 588.0, 5.02, 280.0, 588.0, 5.02, 268.0, 588.0, 5.0, 268.0, 588.0, 5.02
+      ],
+      "transp": 1.0
+    },
+    {
+      "id": 288,
+      "min": [2881.839, 3967.814, -0.01065],
+      "max": [2882.217, 3967.836, 0.01065],
+      "flag": 2,
+      "obb": [
+        2882.02807617188, 3967.82495117188, -2.55106394476346e-20, 0.188999995589256,
+        0.0109999999403954, 0.0106499996036291, 1.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 1.0
+      ],
+      "transp": 1.0
+    },
+    {
+      "id": 291,
+      "min": [2882.104, 3967.956, -0.01065],
+      "max": [2882.374, 3968.124, 0.01065],
+      "flag": 2,
+      "obb": [
+        2882.23901367188, 3968.0400390625, -2.55106394476346e-20, 0.188999995589256,
+        0.0109999999403954, 0.0106499996036291, 0.500014126300812, 0.86601722240448, 0.0,
+        -0.86601722240448, 0.500014126300812, 0.0, 0.0, 0.0, 1.0
+      ],
+      "transp": 1.0
+    },
+    {
+      "id": 292,
+      "min": [2882.217, 3968.04, -0.01065],
+      "max": [2882.374, 3968.124, 0.01065],
+      "flag": 3,
+      "obb": [
+        276.758514404297, 586.730529785156, 5.27499485015869, 
+        276.844261169434, 586.816268920898, 5.47500514984131, 
+        276.758514404297, 586.816268920898, 5.27499485015869, 
+        276.844261169434, 586.902008056641, 5.47500514984131, 
+        276.758514404297, 586.987747192383, 5.27499485015869,
+        276.844261169434, 587.073486328125, 5.47500514984131
+      ]
+    },
+    {
+      "id": 293,
+      "min": [2882.217, 3968.04, -0.01065],
+      "max": [2882.374, 3968.124, 0.01065],
+      "flag": 3,
+      "obb": [
+        276.758514404297, 586.730529785156, 5.27499485015869, 
+        276.844261169434, 586.816268920898, 5.47500514984131, 
+        276.758514404297, 586.816268920898, 5.27499485015869, 
+        276.844261169434, 586.902008056641, 5.47500514984131
+      ]
+    }
+  ]
+}

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

@@ -138,7 +138,6 @@ import MeasureHeight from '@/utils/threejs/measure-height.js';
 import MeasureClearDistance from '@/utils/threejs/measure-clear-distance.js';
 import { parseData, processMeshData, processNodeData } from '@/utils/flgltf-parser';
 import {
-  GEOM_TYPES,
   handleInstancedMeshModel,
   resetProcessingState,
   PRIMITIVE_TYPE,
@@ -155,7 +154,7 @@ import { OutlinePass } from 'three/examples/jsm/postprocessing/OutlinePass.js';
 import { OutputPass } from 'three/examples/jsm/postprocessing/OutputPass.js';
 import Stats from 'three/examples/jsm/libs/stats.module.js';
 import { OBB } from 'three/examples/jsm/math/OBB.js';
-// import boxJson from './box.json';
+import boxJson from './box.json';
 import { StreamLoader } from '../../utils/StreamLoader.js';
 import StreamLoaderParserWorker from '../../utils/StreamLoaderParser.worker.js';
 import SceneCommandService from '@/utils/threejs/editor/scene-command-service.js';
@@ -165,6 +164,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 = 0.1;
 
 export default {
   name: 'FlModel',
@@ -1536,12 +1536,8 @@ export default {
       if (isAdd && boxJson) {
         const arr = boxJson ? boxJson : [];
         const modelIds = 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) {
             continue;
           }
@@ -1553,22 +1549,10 @@ export default {
           // 构造 AABB
           const boxThree = new this.THREE.Box3(min, max);
 
-          const hasMatrix = Array.isArray(it.matrix) && it.matrix.length >= 16;
-          const hasMeshMatrix = Array.isArray(it.meshMatrix) && it.meshMatrix.length >= 16;
-          let localMatrix = null;
-          if (hasMatrix || hasMeshMatrix) {
-            localMatrix = new this.THREE.Matrix4();
-            if (hasMeshMatrix) {
-              localMatrix.fromArray(it.meshMatrix);
-            } else {
-              localMatrix.identity();
-            }
-            if (hasMatrix) {
-              const matrix = new this.THREE.Matrix4().fromArray(it.matrix);
-              localMatrix.multiply(matrix);
-            }
-
-            const worldMatrix = localMatrix.clone();
+          const hasMatrix = Array.isArray(it.matrix);
+          if (hasMatrix && it.matrix.length >= 16) {
+            const matrix = new this.THREE.Matrix4().fromArray(it.matrix);
+            const worldMatrix = matrix.clone();
             if (this.bizToThreeMatrix) {
               worldMatrix.premultiply(this.bizToThreeMatrix);
             }
@@ -1580,18 +1564,14 @@ export default {
 
           const userData = {
             flag: it.flag || 1, // 默认为 1
-            geomType: it.geomType,
             obbData: it.obb, // 存储原始 OBB 数据
             transparent: it.transp > 0,
             sourceVisible: it.visible === false ? false : true,
             visible: it.visible === false ? false : true, // 默认显示
-            occlusionEnabled:
-              it.geomType === GEOM_TYPES.geom_3d || it.geomType === GEOM_TYPES.geom_3d_obj,
           };
           if (it.flag === 1) {
             userData.indices = it.indices;
-            userData.matrix = localMatrix ? localMatrix.toArray() : it.matrix;
-            userData.meshMatrix = it.meshMatrix;
+            userData.matrix = it.matrix;
             // userData.matrix = new this.THREE.Matrix4().identity();
           }
           // 如果是 flag=3，解析并存储中心点、半轴长、旋转矩阵
@@ -1609,9 +1589,6 @@ export default {
               center.z
             );
             obbMatrix.multiply(rotationMatrix4);
-            if (localMatrix) {
-              obbMatrix.premultiply(localMatrix);
-            }
 
             userData.obb = {
               matrix: obbMatrix,
@@ -1656,9 +1633,6 @@ export default {
       this.buildOctreeFromBoxIndex();
       console.log('time end', Date.now());
     },
-    shouldApplyOcclusionByBox(box) {
-      return !!(box && box.userData && box.userData.occlusionEnabled);
-    },
     tryInitialCenterAfterBoundsReady() {
       if (this.hasExecutedCentering || this.userInteracting) return;
       if (
@@ -1769,6 +1743,84 @@ export default {
       }
       node.items.push({ id, box });
     },
+    _isCollisionBoxAvailable(box) {
+      if (!box || !box.isBox3 || box.isEmpty()) return false;
+      if (box.userData && box.userData.visible === false) return false;
+      return true;
+    },
+    _formatCollisionPairId(id) {
+      const value = String(id);
+      const numberValue = Number(value);
+      return Number.isFinite(numberValue) ? numberValue : id;
+    },
+    _getBoxMinPenetration(boxA, boxB) {
+      const x = Math.min(boxA.max.x - boxB.min.x, boxB.max.x - boxA.min.x);
+      const y = Math.min(boxA.max.y - boxB.min.y, boxB.max.y - boxA.min.y);
+      const z = Math.min(boxA.max.z - boxB.min.z, boxB.max.z - boxA.min.z);
+      return Math.min(x, y, z);
+    },
+    _isCollisionBoxMatched(boxA, boxB) {
+      if (!this._isCollisionBoxAvailable(boxA) || !this._isCollisionBoxAvailable(boxB))
+        return false;
+      if (!boxA.intersectsBox(boxB)) return false;
+      return this._getBoxMinPenetration(boxA, boxB) > COLLISION_PENETRATION_EPSILON;
+    },
+    _queryOctreeByBox(box) {
+      const results = [];
+      const root = this._octree;
+      if (!root || !this._isCollisionBoxAvailable(box)) return results;
+
+      const stack = [root];
+      while (stack.length) {
+        const node = stack.pop();
+        if (!node || !node.box || !this._isCollisionBoxMatched(node.box, box)) continue;
+
+        if (node.children) {
+          for (let i = 0; i < 8; i++) {
+            stack.push(node.children[i]);
+          }
+        }
+
+        if (node.items && node.items.length) {
+          for (let i = 0; i < node.items.length; i++) {
+            const item = node.items[i];
+            if (item && this._isCollisionBoxMatched(item.box, box)) {
+              results.push(item);
+            }
+          }
+        }
+      }
+
+      return results;
+    },
+    getOctreeCollisionPairs() {
+      const pairs = [];
+      if (!this._boxIndex || this._boxIndex.size === 0) return { pairs };
+
+      if (!this._octree) {
+        this.buildOctreeFromBoxIndex();
+      }
+      if (!this._octree) return { pairs };
+
+      this._boxIndex.forEach((boxA, idA) => {
+        if (!this._isCollisionBoxAvailable(boxA)) return;
+
+        const hits = this._queryOctreeByBox(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;
+
+          pairs.push({
+            idA: this._formatCollisionPairId(idA),
+            idB: this._formatCollisionPairId(item.id),
+          });
+        }
+      });
+
+      return { pairs };
+    },
     _getCurrentFrustum() {
       // 确保相机矩阵是最新的
       if (this.camera) {
@@ -2251,10 +2303,6 @@ export default {
         for (let i = 0; i < hits.length; i++) {
           if (hits[i].box && hits[i].box.userData && hits[i].box.userData.visible === false)
             continue;
-          if (!this.shouldApplyOcclusionByBox(hits[i].box)) {
-            visibleIdSet.add(this.formatModelId(hits[i].modelId));
-            continue;
-          }
           candidates.push(hits[i]);
         }
       } else if (this._boxIndex && this._boxIndex.size > 0) {
@@ -2262,10 +2310,6 @@ export default {
           if (bypassList && bypassList.size > 0 && bypassList.has(modelId)) return;
           if (box.userData && box.userData.visible === false) return;
           if (this.isBoxInFrustum(box)) {
-            if (!this.shouldApplyOcclusionByBox(box)) {
-              visibleIdSet.add(this.formatModelId(modelId));
-              return;
-            }
             candidates.push({ modelId, box });
           }
         });
@@ -2941,16 +2985,6 @@ export default {
                 instanceInfo && typeof instanceInfo.instanceIndex === 'number'
                   ? instanceInfo.instanceIndex
                   : null;
-              const box =
-                this._boxIndex && this._boxIndex.has(String(modelId))
-                  ? this._boxIndex.get(String(modelId))
-                  : this._boxIndex && this._boxIndex.has(modelId)
-                  ? this._boxIndex.get(modelId)
-                  : null;
-              if (!this.shouldApplyOcclusionByBox(box)) {
-                allInactive = false;
-                continue;
-              }
 
               const inFrustum = this.isModelInFrustum(child, instanceIndex, globalFrustum);
               const modelInVisible = toLoadSet.has(modelId);
@@ -2964,18 +2998,6 @@ export default {
 
             // 第二遍遍历：同步状态并决定是否卸载
             for (const modelId of modelIds) {
-              const box =
-                this._boxIndex && this._boxIndex.has(String(modelId))
-                  ? this._boxIndex.get(String(modelId))
-                  : this._boxIndex && this._boxIndex.has(modelId)
-                  ? this._boxIndex.get(modelId)
-                  : null;
-              if (!this.shouldApplyOcclusionByBox(box)) {
-                if (toLoadSet.has(modelId)) {
-                  toLoadSet.delete(modelId);
-                }
-                continue;
-              }
               // 无论是否卸载，只要模型已在场景中，就从待加载集合中移除
               if (toLoadSet.has(modelId)) {
                 toLoadSet.delete(modelId);
@@ -2997,18 +3019,6 @@ export default {
             ? child.parent.userData.instanceId
             : child.uuid;
         if (bypassList && bypassList.size > 0 && bypassList.has(modelId)) return;
-        const box =
-          this._boxIndex && this._boxIndex.has(String(modelId))
-            ? this._boxIndex.get(String(modelId))
-            : this._boxIndex && this._boxIndex.has(modelId)
-            ? this._boxIndex.get(modelId)
-            : null;
-        if (!this.shouldApplyOcclusionByBox(box)) {
-          if (toLoadSet.has(modelId)) {
-            toLoadSet.delete(modelId);
-          }
-          return;
-        }
 
         const inFrustum = this.isModelInFrustum(child, null, globalFrustum);
         let modelInVisible = toLoadSet.has(modelId);