fl-web-component 2.1.16 → 2.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/fl-web-component.common.js +247 -203
- package/dist/fl-web-component.common.js.map +1 -1
- package/dist/fl-web-component.css +1 -1
- package/package.json +1 -1
- package/packages/components/com-flcanvas/components/entityFormatting.js +18 -15
- package/packages/components/com-flcanvas/index.vue +18 -20
- package/packages/components/com-graphics/index.vue +46 -1
- package/packages/components/com-graphics/mock.json +1417 -44
- package/packages/utils/StreamLoader.js +62 -62
- package/src/utils/threejs/measure-angle.js +7 -1
- package/src/utils/threejs/measure-area.js +7 -1
- package/src/utils/threejs/measure-distance.js +6 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.fl-model-containor[data-v-23daca8a]{width:100%;height:100%;position:relative;cursor:pointer}[data-v-23daca8a] .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-23daca8a] .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-23daca8a] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-23daca8a] .measure-label-font{word-break:break-all}[data-v-23daca8a] .mark-label-img{padding-top:5px;width:20px;height:20px}.loading-overlay[data-v-23daca8a]{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-23daca8a]{opacity:1;visibility:visible}.loading-content[data-v-23daca8a]{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-23daca8a]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;-webkit-animation:spin-23daca8a 1s linear infinite;animation:spin-23daca8a 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin-23daca8a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-23daca8a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-23daca8a]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.loading-this.progress-bar[data-v-23daca8a]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.loading-this.progress-fill[data-v-23daca8a]{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-23daca8a]{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-23a6a3a8]{z-index:3;width:100%;height:100%;cursor:pointer;overflow:hidden}span[data-v-3fceaac3]{font-weight:bolder}.text[data-v-3fceaac3]{margin-top:20px}.description[data-v-3fceaac3]{margin-bottom:20px}.line[data-v-3fceaac3]{border-bottom:1px solid #dcdfe6;margin:20px 0}.center[data-v-3fceaac3]{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-3fceaac3],.center .top span[data-v-3fceaac3]{color:#53a8ff;display:inline-block;width:40px;height:40px;text-align:center;line-height:30px;border:1px solid #53a8ff;padding:5px;margin-bottom:10px;background-color:#e9f3ff}.center .cen span[data-v-3fceaac3]{margin:10px}.button[data-v-3fceaac3]{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-3fceaac3]{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-3fceaac3]: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}
|
|
1
|
+
@charset "UTF-8";.fl-model-containor[data-v-5d8eba59]{width:100%;height:100%;position:relative;cursor:pointer}[data-v-5d8eba59] .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-5d8eba59] .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-5d8eba59] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-5d8eba59] .measure-label-font{word-break:break-all}[data-v-5d8eba59] .mark-label-img{padding-top:5px;width:20px;height:20px}.loading-overlay[data-v-5d8eba59]{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-5d8eba59]{opacity:1;visibility:visible}.loading-content[data-v-5d8eba59]{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-5d8eba59]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;-webkit-animation:spin-5d8eba59 1s linear infinite;animation:spin-5d8eba59 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin-5d8eba59{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-5d8eba59{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-5d8eba59]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.loading-this.progress-bar[data-v-5d8eba59]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.loading-this.progress-fill[data-v-5d8eba59]{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-5d8eba59]{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}.lil-gui button{-webkit-tap-highlight-color:transparent;background:none;border:none;color:#000;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size);height:var(--widget-height);line-height:calc(var(--widget-height) - 4px);outline:none;text-align:right;text-transform:none;width:70%}@media (hover:hover){.lil-gui button:hover{background:none;border-color:none}}#konva-container[data-v-e9d7a15c]{z-index:3;width:100%;height:100%;cursor:pointer;overflow:hidden}span[data-v-3fceaac3]{font-weight:bolder}.text[data-v-3fceaac3]{margin-top:20px}.description[data-v-3fceaac3]{margin-bottom:20px}.line[data-v-3fceaac3]{border-bottom:1px solid #dcdfe6;margin:20px 0}.center[data-v-3fceaac3]{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-3fceaac3],.center .top span[data-v-3fceaac3]{color:#53a8ff;display:inline-block;width:40px;height:40px;text-align:center;line-height:30px;border:1px solid #53a8ff;padding:5px;margin-bottom:10px;background-color:#e9f3ff}.center .cen span[data-v-3fceaac3]{margin:10px}.button[data-v-3fceaac3]{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-3fceaac3]{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-3fceaac3]: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
CHANGED
|
@@ -551,20 +551,23 @@ function drawLwLine(recordDxf, entity, group, key, configParams, lineTypes) {
|
|
|
551
551
|
// oldstrokeLength: width,
|
|
552
552
|
// });
|
|
553
553
|
// }
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
554
|
+
// if (dashArr.length === 0) {
|
|
555
|
+
group.push({
|
|
556
|
+
type: 'polyline',
|
|
557
|
+
points: list,
|
|
558
|
+
closed: closed,
|
|
559
|
+
name: key.replace(/\s*/g, ''),
|
|
560
|
+
isGroup: false,
|
|
561
|
+
entityId: key,
|
|
562
|
+
stroke: hex,
|
|
563
|
+
dash: dashArr,
|
|
564
|
+
customColor: configParams ? configParams.color : hex,
|
|
565
|
+
strokeWidth: width,
|
|
566
|
+
visible: configParams ? configParams.visible : true,
|
|
567
|
+
oldstrokeLength: width,
|
|
568
|
+
});
|
|
569
|
+
// }
|
|
570
|
+
|
|
568
571
|
}
|
|
569
572
|
function drawSpline(recordDxf, entity, group, key, configParams) {
|
|
570
573
|
let color = entity.color;
|
|
@@ -673,7 +676,7 @@ function getDashArray(lineTypeName, lineTypes, entity) {
|
|
|
673
676
|
return []; // 无定义则实线
|
|
674
677
|
}
|
|
675
678
|
const rawDash = lineTypeDef.pattern.map(Math.abs).map(len => {
|
|
676
|
-
return len < 0.
|
|
679
|
+
return len < 0.3 ? 1 : len
|
|
677
680
|
});
|
|
678
681
|
const scale = entity.lineTypeScale || 1;
|
|
679
682
|
let dash = rawDash.map(v => v * scale);
|
|
@@ -528,6 +528,9 @@ export default {
|
|
|
528
528
|
}
|
|
529
529
|
}
|
|
530
530
|
let shapeGroup = group.filter(item => item.type !== 'text')
|
|
531
|
+
if (key === '2.0.64-RDCONNCROSS-o.225.11.1.tktub9-5') {
|
|
532
|
+
console.log(shapeGroup)
|
|
533
|
+
}
|
|
531
534
|
if (shapeGroup.length > 0) {
|
|
532
535
|
// 根据颜色分组
|
|
533
536
|
let colorGroup = _.groupBy(shapeGroup, 'stroke');
|
|
@@ -542,13 +545,14 @@ export default {
|
|
|
542
545
|
stroke: colorKey,
|
|
543
546
|
customColor: configParams ? configParams.color : colorKey,
|
|
544
547
|
strokeScaleEnabled: false, // 加上这句是当坐标点巨大时也能正常显示
|
|
545
|
-
// visible: configParams ? configParams.visible : true,
|
|
548
|
+
// visible: key === '2.0.64-RDCONNCROSS-o.225.11.1.tktub9-5' ? false : true, // configParams ? configParams.visible : true,
|
|
546
549
|
sceneFunc(context, shape) {
|
|
547
550
|
context.beginPath();
|
|
548
551
|
for (let i = 0; i < entityColorGroup.length; i++) {
|
|
549
552
|
let entity = entityColorGroup[i];
|
|
550
553
|
if (entity.type === 'line') {
|
|
551
|
-
context.strokeStyle = entity.stroke;
|
|
554
|
+
// context.strokeStyle = entity.stroke;
|
|
555
|
+
// context.lineWidth = entity.strokeWidth
|
|
552
556
|
let x1 = entity.x1;
|
|
553
557
|
let y1 = entity.y1;
|
|
554
558
|
let x2 = entity.x2;
|
|
@@ -565,16 +569,13 @@ export default {
|
|
|
565
569
|
v2.y = y2;
|
|
566
570
|
_this[fn](v1);
|
|
567
571
|
_this[fn](v2);
|
|
572
|
+
context.fillStrokeShape(shape);
|
|
568
573
|
}
|
|
569
574
|
if (entity.type === 'polyline') {
|
|
570
|
-
context.strokeStyle = entity.stroke;
|
|
571
|
-
|
|
572
|
-
let flag = false;
|
|
573
|
-
|
|
575
|
+
// context.strokeStyle = entity.stroke;
|
|
576
|
+
// context.lineWidth = entity.strokeWidth
|
|
574
577
|
let points = entity.points;
|
|
575
|
-
|
|
576
578
|
let closed = entity.closed;
|
|
577
|
-
|
|
578
579
|
for (let j = 0; j < points.length; j++) {
|
|
579
580
|
let index = j % 2;
|
|
580
581
|
if (index === 0) {
|
|
@@ -593,22 +594,19 @@ export default {
|
|
|
593
594
|
}
|
|
594
595
|
}
|
|
595
596
|
if (closed) {
|
|
596
|
-
|
|
597
|
-
context.lineTo(points[0], points[1]);
|
|
598
|
-
// }
|
|
597
|
+
context.lineTo(points[0], points[1]);
|
|
599
598
|
}
|
|
600
|
-
// if (entity.
|
|
601
|
-
//
|
|
599
|
+
// if (entity.dash.length > 0) {
|
|
600
|
+
// context.lineCap = 'round';
|
|
601
|
+
context.setLineDash(entity.dash);
|
|
602
|
+
context.fillStrokeShape(shape);
|
|
602
603
|
// }
|
|
603
|
-
|
|
604
|
-
if (entity.dash.length > 0) {
|
|
605
|
-
console.log(entity.dash)
|
|
606
|
-
context.lineCap = 'round'
|
|
607
|
-
context.setLineDash(entity.dash)
|
|
608
|
-
}
|
|
609
604
|
}
|
|
605
|
+
context.setLineDash([]);
|
|
606
|
+
|
|
610
607
|
}
|
|
611
|
-
context.fillStrokeShape(shape);
|
|
608
|
+
// context.fillStrokeShape(shape);
|
|
609
|
+
|
|
612
610
|
},
|
|
613
611
|
shapeType: 'shape',
|
|
614
612
|
});
|
|
@@ -7480,7 +7480,14 @@ export default {
|
|
|
7480
7480
|
};
|
|
7481
7481
|
this.clippingPlanesConstants = null;
|
|
7482
7482
|
this.renderer.clippingPlanes = Object.freeze([]);
|
|
7483
|
-
|
|
7483
|
+
if (this.gui) {
|
|
7484
|
+
this.gui.destroy();
|
|
7485
|
+
this.gui = null;
|
|
7486
|
+
}
|
|
7487
|
+
},
|
|
7488
|
+
closeGlobalClipping() {
|
|
7489
|
+
this.cancelGlobalClipping();
|
|
7490
|
+
this.$emit('globalClippingClosed');
|
|
7484
7491
|
},
|
|
7485
7492
|
// 单个实体的剖切/ 局部剖切 obj 实体对象 flag 代表是否使用图形组件自带的剖切面板 默认为true
|
|
7486
7493
|
setLocalClipping(obj, flag = true) {
|
|
@@ -7589,6 +7596,10 @@ export default {
|
|
|
7589
7596
|
},
|
|
7590
7597
|
// 添加剖切轴工具
|
|
7591
7598
|
addClippingGui(title, boudingValue, objClipp1, objClipp2) {
|
|
7599
|
+
if (this.gui) {
|
|
7600
|
+
this.gui.destroy();
|
|
7601
|
+
this.gui = null;
|
|
7602
|
+
}
|
|
7592
7603
|
const xRange = this.getExpandedClippingRange(boudingValue.min.x, boudingValue.max.x);
|
|
7593
7604
|
const yRange = this.getExpandedClippingRange(boudingValue.min.y, boudingValue.max.y);
|
|
7594
7605
|
const zRange = this.getExpandedClippingRange(boudingValue.min.z, boudingValue.max.z);
|
|
@@ -7619,6 +7630,19 @@ export default {
|
|
|
7619
7630
|
this.gui = new GUI({
|
|
7620
7631
|
title: title,
|
|
7621
7632
|
});
|
|
7633
|
+
if (title === '全局剖切') {
|
|
7634
|
+
const closeButton = document.createElement('button');
|
|
7635
|
+
closeButton.type = 'button';
|
|
7636
|
+
closeButton.className = 'global-clipping-close';
|
|
7637
|
+
closeButton.textContent = '关闭';
|
|
7638
|
+
closeButton.title = '关闭全局剖切';
|
|
7639
|
+
closeButton.addEventListener('click', event => {
|
|
7640
|
+
event.preventDefault();
|
|
7641
|
+
event.stopPropagation();
|
|
7642
|
+
this.closeGlobalClipping();
|
|
7643
|
+
});
|
|
7644
|
+
this.gui.domElement.querySelector('.title').appendChild(closeButton);
|
|
7645
|
+
}
|
|
7622
7646
|
this.gui
|
|
7623
7647
|
.add(this.guiParams, 'x轴')
|
|
7624
7648
|
.step(0.001)
|
|
@@ -9614,4 +9638,25 @@ export default {
|
|
|
9614
9638
|
.lil-this.gui .folder.closed > .children {
|
|
9615
9639
|
display: none !important;
|
|
9616
9640
|
}
|
|
9641
|
+
.lil-gui button {
|
|
9642
|
+
-webkit-tap-highlight-color: transparent;
|
|
9643
|
+
background: none;
|
|
9644
|
+
border: none;
|
|
9645
|
+
color: #000000;
|
|
9646
|
+
cursor: pointer;
|
|
9647
|
+
font-family: var(--font-family);
|
|
9648
|
+
font-size: var(--font-size);
|
|
9649
|
+
height: var(--widget-height);
|
|
9650
|
+
line-height: calc(var(--widget-height) - 4px);
|
|
9651
|
+
outline: none;
|
|
9652
|
+
text-align: right;
|
|
9653
|
+
text-transform: none;
|
|
9654
|
+
width: 70%;
|
|
9655
|
+
}
|
|
9656
|
+
@media (hover: hover) {
|
|
9657
|
+
.lil-gui button:hover {
|
|
9658
|
+
background: none;
|
|
9659
|
+
border-color: none;
|
|
9660
|
+
}
|
|
9661
|
+
}
|
|
9617
9662
|
</style>
|