fl-web-component 2.1.11 → 2.1.12

package/dist/fl-web-component.css

@@ -1 +1 @@
-@charset "UTF-8";.fl-model-containor[data-v-3ef03e39]{width:100%;height:100%;position:relative;cursor:pointer}[data-v-3ef03e39] .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-3ef03e39] .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-3ef03e39] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-3ef03e39] .measure-label-font{word-break:break-all}[data-v-3ef03e39] .mark-label-img{padding-top:5px;width:20px;height:20px}.loading-overlay[data-v-3ef03e39]{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-3ef03e39]{opacity:1;visibility:visible}.loading-content[data-v-3ef03e39]{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-3ef03e39]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;-webkit-animation:spin-3ef03e39 1s linear infinite;animation:spin-3ef03e39 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin-3ef03e39{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-3ef03e39{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-3ef03e39]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.loading-this.progress-bar[data-v-3ef03e39]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.loading-this.progress-fill[data-v-3ef03e39]{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-3ef03e39]{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-177cbfe4]{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}
+@charset "UTF-8";.fl-model-containor[data-v-3ef03e39]{width:100%;height:100%;position:relative;cursor:pointer}[data-v-3ef03e39] .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-3ef03e39] .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-3ef03e39] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-3ef03e39] .measure-label-font{word-break:break-all}[data-v-3ef03e39] .mark-label-img{padding-top:5px;width:20px;height:20px}.loading-overlay[data-v-3ef03e39]{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-3ef03e39]{opacity:1;visibility:visible}.loading-content[data-v-3ef03e39]{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-3ef03e39]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;-webkit-animation:spin-3ef03e39 1s linear infinite;animation:spin-3ef03e39 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin-3ef03e39{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-3ef03e39{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-3ef03e39]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.loading-this.progress-bar[data-v-3ef03e39]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.loading-this.progress-fill[data-v-3ef03e39]{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-3ef03e39]{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-aa5e04ac]{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

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

package/packages/components/com-flcanvas/components/entityFormatting.js

@@ -1,5 +1,6 @@
 import bSpline from './bspline';
 import * as THREE from 'three';
+let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
 //rgb转换
 export function decimalToRGBHex(decimalValue) {
   // Ensure the input is a valid integer
@@ -24,7 +25,7 @@ export function decimalToRGBHex(decimalValue) {
   const green = (rgbValue >> 8) & 0xff;
   const blue = rgbValue & 0xff;
   // Convert the RGB components to hexadecimal and format as a string
-  var hex =
+  const hex =
     '#' +
     red.toString(16).padStart(2, '0') +
     green.toString(16).padStart(2, '0') +
@@ -415,6 +416,7 @@ function drawText(recordDxf, entity, group, key, configParams) {
     stroke: hex,
     strokeWidth: 0.1,
     shapeType: 'text',
+    strokeScaleEnabled: false,
   });
 
   if (entity.xScale) {
@@ -485,8 +487,6 @@ function drawText(recordDxf, entity, group, key, configParams) {
   // group.add(dim);
 }
 
-function drawHatch(recordDxf, entity, group, key, configParams) {}
-
 function drawLwLine(recordDxf, entity, group, key, configParams, lineTypes) {
   let color = entity.color;
   let rgb = decimalToRGBHex(color);
@@ -501,6 +501,7 @@ function drawLwLine(recordDxf, entity, group, key, configParams, lineTypes) {
   for (let i = 0; i < entity.vertices.length; i++) {
     list.push(entity.vertices[i].x);
     list.push(-parseFloat(entity.vertices[i].y));
+    computeBoundingBox(entity.vertices[i].x, entity.vertices[i].y)
   }
   let width = 0.2;
   if (entity.width) {
@@ -773,261 +774,10 @@ export function _GenerateBulgeVertices(vertices, startVtx, endVtx, bulge) {
   vertices.push(new THREE.Vector2(endVtx.x, endVtx.y));
   return vertices;
 }
-let color = [
-  '0,0,0', //1
-  '255,0,0', //2
-  '255,255,0', //3
-  '0,255,0', //4
-  '0,255,255', //5
-  '0,0,255', //6
-  '255,0,255', //7
-  '255,255,255', //8
-  '128,128,128', //9
-  '192,192,192', //10
-  '255,0,0', //11
-  '255,120,112', //12
-  '192,0,0', //13
-  '207,103,96', //14
-  '144,0,0', //15
-  '144,72,79', //16
-  '127,0,0', //17
-  '112,56,48', //18
-  '79,0,0', //19
-  '79,39,32', //20
-  '255,56,0', //21
-  '255,159,127', //22
-  '192,48,0', //23
-  '207,127,96', //24
-  '144,32,0', //25
-  '144,88,64', // 26
-  '112,24,0', //27
-  '127,72,63', //28
-  '79,16,0', //29
-  '64,40,31', //30
-  '255,127,0', //31
-  '255,191,127', //32
-  '207,103,0', //33
-  '192,151,96', //34
-  '159,72,0', //35
-  '144,112,79', //36
-  '127,63,0', //37
-  '127,95,63', //38
-  '64,32,0', //39
-  '64,55,31', //40
-  '255,191,0', // 41
-  '255,216,127', //42
-  '207,152,0', //43
-  '192,175,96', //44
-  '144,112,0', //45
-  '144,128,64', //46
-  '112,88,0', //47
-  '127,111,63', //48
-  '64,55,0', //49
-  '64,63,31', //50
-  '255,255,0', //51
-  '255,255,112', //52
-  '207,200,0', //53
-  '192,200,96', //54
-  '144,151,0', //55
-  '144,151,64', //56
-  '144,152,0', //57
-  '127,120,63', //58
-  '79,72,0', //59
-  '79,72,32', //60
-  '191,255,0', //61
-  '208,255,112', //62
-  '144,200,0', //63
-  '176,200,96', //64
-  '111,151,0', //65
-  '128,151,79', //66
-  '95,127,0', //67
-  '111,127,63', //68
-  '48,72,0', //69
-  '63,72,31', //70
-  '127,255,0', //71
-  '191,255,127', //72
-  '95,200,0', //73
-  '159,200,96', //74
-  '64,151,0', //75
-  '111,151,64', //76
-  '63,120,0', //77
-  '95,127,63', //78
-  '31,72,0', //79
-  '48,72,32', //80
-  '63,255,0', //81
-  '159,255,127', //82
-  '47,200,0', //83
-  '127,200,96', //84
-  '31,151,0', //85
-  '80,151,64', //86
-  '31,127,0', //87
-  '79,127,63', //88
-  '15,72,0', //89
-  '47,72,32', //90
-  '0,255,0', //91
-  '127,255,127', //92
-  '0,200,0', //93
-  '95,200,95', //94
-  '0,151,0', //95
-  '79,151,79', //96
-  '0,127,0', //97
-  '63,127,63', //98
-  '0,72,0', //99
-  '32,72,32', //100
-  '0,255,63', //101
-  '127,255,159', //102
-  '0,200,47', //103
-  '95,200,112', //104
-  '0,151,32', //105
-  '64,151,95', //106
-  '0,120,31', //107
-  '63,127,79', //108
-  '0,72,15', //109
-  '32,72,47', //110
-  '0,255,127', //111
-  '127,255,191', //112
-  '0,200,96', //113
-  '95,200,144', //114
-  '0,151,64', //115
-  '79,151,111', //116
-  '0,127,63', //117
-  '63,127,95', //118
-  '0,72,32', //119
-  '31,72,48', //120
-  '0,255,191', //121
-  '127,255,223', //122
-  '0,200,144', //123
-  '95,200,175', //124
-  '0,151,111', //125
-  '79,151,128', //126
-  '0,120,95', //127
-  '63,127,111', //128
-  '0,72,48', //129
-  '32,72,63', //130
-  '0,255,255', //131
-  '127,255,255', //132
-  '0,200,207', //133
-  '96,200,207', //134
-  '0,151,144', //135
-  '64,151,144', //136
-  '0,127,127', //137
-  '63,127,127', //138
-  '0,72,79', //139
-  '32,72,79', //140
-  '0,191,255', //141
-  '127,223,255', //142
-  '0,152,207', //143
-  '96,176,207', //144
-  '0,111,144', //145
-  '64,128,144', //146
-  '0,95,127', //147
-  '63,111,127', //148
-  '0,55,64', //149
-  '31,63,64', //150
-  '0,127,255', //151
-  '112,184,255', //152
-  '0,96,192', //153
-  '96,151,207', //154
-  '0,72,159', //155
-  '79,112,144', //156
-  '0,63,127', //157
-  '63,95,127', //158
-  '0,39,79', //159
-  '32,56,79', //160
-  '0,63,255', //161
-  '127,159,255', //162
-  '0,48,207', //163
-  '96,127,207', //164
-  '0,39,159', //165
-  '64,95,144', //166
-  '0,24,127', //167
-  '63,79,127', //168
-  '0,15,64', //169
-  '32,47,79', //170
-  '0,0,255', //171
-  '127,127,255', //172
-  '0,0,207', //173
-  '95,96,192', //174
-  '0,0,144', //175
-  '79,72,159', //176
-  '0,0,127', //177
-  '63,63,127', //178
-  '0,0,64', //179
-  '32,39,79', //180
-  '63,0,255', //181
-  '159,127,255', //182
-  '47,0,192', //183
-  '127,103,207', //184
-  '32,0,144', //185
-  '80,72,144', //186
-  '31,0,127', //187
-  '79,63,127', //188
-  '15,0,79', //189
-  '47,39,79', //190
-  '127,0,255', //191
-  '191,127,255', //192
-  '96,0,207', //193
-  '144,103,207', //194
-  '79,0,144', //195
-  '111,72,144', //196
-  '63,0,127', //197
-  '95,63,127', //198
-  '31,0,64', //199
-  '48,39,79', //200
-  '191,0,255', //201
-  '223,127,255', //202
-  '144,0,207', //203
-  '175,96,192', //204
-  '111,0,144', //205
-  '128,72,159', //206
-  '95,0,127', //207
-  '96,56,112', //208
-  '48,0,64', //209
-  '64,39,79', //210
-  '255,0,255', //211
-  '255,127,255', //212
-  '192,0,192', //213
-  '192,96,192', //214
-  '144,0,144', //215
-  '144,72,144', //216
-  '127,0,127', //217
-  '127,63,127', //218
-  '79,0,79', //219
-  '64,32,64', //220
-  '255,0,191', //221
-  '255,127,223', //222
-  '192,0,144', //223
-  '192,96,175', //224
-  '144,0,111', //225
-  '144,72,128', //226
-  '127,0,95', //227
-  '127,56,111', //228
-  '64,0,48', //229
-  '79,39,63', //230
-  '255,0,127', //231
-  '255,127,191', //232
-  '192,0,95', //233
-  '192,96,144', //234
-  '159,0,79', //235
-  '144,72,111', //236
-  '127,0,63', //237
-  '127,63,95', //238
-  '64,0,31', //239
-  '64,32,48', //240
-  '255,0,63', //241
-  '255,127,159', //242
-  '207,0,48', //243
-  '207,103,127', //244
-  '144,0,32', //245
-  '144,72,95', //246
-  '127,0,31', //247
-  '127,63,79', //248
-  '79,0,15', //249
-  '64,32,47', //250
-  '47,47,47', //251
-  '80,88,80', //252
-  '128,128,128', //253
-  '175,175,175', //254
-  '208,215,208', //255
-  '255,255,255', //256
-];
+
+function computeBoundingBox(x, y) {
+  if (x < minX) minX = x;
+  if (x > maxX) maxX = x;
+  if (y < minY) minY = y;
+  if (y > maxY) maxY = y;
+}

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

@@ -61,6 +61,7 @@ export default {
     this.konvaStage = null;
     this.konvaLayer = null;
     this.recordLayerConfig = {};
+    this.drawingGroup = null;
     this.activedSvgPan = {
       x: 0,
       y: 0,
@@ -187,6 +188,28 @@ export default {
   methods: {
     // 图纸居中展示
     centerDraw() {
+      // let canvasWidth = this.konvaStage.width();
+      // let canvasHeight = this.konvaStage.height();
+      // const groupBounds = this.drawingGroup.getClientRect({ skipTransform: true });
+      // const bboxWidth = groupBounds.width || 1;
+      // const bboxHeight = groupBounds.height || 1;
+
+      // // 计算缩放和平移
+      // const padding = 0.5;
+      // const scale = Math.min(
+      //   (canvasWidth - padding * 2) / bboxWidth,
+      //   (canvasHeight - padding * 2) / bboxHeight
+      // );
+      // const offsetX = (canvasWidth - bboxWidth * scale) / 2 - groupBounds.x * scale;
+      // const offsetY = (canvasHeight - bboxHeight * scale) / 2 - groupBounds.y * scale;
+
+      // // 应用变换
+      // this.drawingGroup.x(offsetX);
+      // this.drawingGroup.y(offsetY);
+      // this.drawingGroup.scaleX(scale);
+      // this.drawingGroup.scaleY(scale);
+      // this.konvaStage.batchDraw()
+      // return
       if (this.bounds) {
         const { scale, x, y } = this.calculateScaleAndPosition(
           this.bounds,
@@ -203,6 +226,7 @@ export default {
     },
     calculateScaleAndPosition(contentBounds, stageWidth, stageHeight, padding = 0.1) {
       // 1. 计算内容的实际宽高
+      console.log(stageWidth, stageHeight)
       const contentWidth = contentBounds.maxX - contentBounds.minX;
       const contentHeight = contentBounds.maxY - contentBounds.minY;
 
@@ -243,6 +267,22 @@ export default {
 
       return { scale, x, y };
     },
+    calTransform(bbox, canvasWidth, canvasHeight, padding = 1) {
+      const drawingWidth = bbox.maxX - bbox.minX || 1;
+      const drawingHeight = bbox.maxY - bbox.minY || 1;
+      const availableWidth = canvasWidth - padding * 2;
+      const availableHeight = canvasHeight - padding * 2;
+      const scale = Math.min(availableWidth / drawingWidth, availableHeight / drawingHeight);
+      const scaledWidth = drawingWidth * scale;
+      const scaledHeight = drawingHeight * scale;
+      const offsetX = (canvasWidth - scaledWidth) / 2 - bbox.minX * scale;
+      const offsetY = (canvasHeight - scaledHeight) / 2 - bbox.minY * scale;
+      return {
+        offsetX,
+        offsetY,
+        scale
+      }
+    },
     updateBounds(v) {
       if (this.bounds === null) {
         this.bounds = { minX: v.x, maxX: v.x, minY: v.y, maxY: v.y };
@@ -288,24 +328,24 @@ export default {
         })
         return
       }
-
+      
       //缩放视口
-      let scale = 1;
-      const boundingRect = this.konvaLayer.getClientRect();
-      let ratio = Number((this.$refs.svgDraw?.clientWidth / boundingRect.width).toFixed(1));
-      if (ratio > 2) {
-        scale = Number((boundingRect.width / boundingRect.height).toFixed(1));
-        scale = scale < 2 ? 2 : scale;
-      }
-
-      const boundingScale = this.konvaLayer.getClientRect();
+      // let scale = 1;
+      // const boundingRect = this.konvaLayer.getClientRect();
+      // let ratio = Number((this.$refs.svgDraw?.clientWidth / boundingRect.width).toFixed(1));
+      // if (ratio > 2) {
+      //   scale = Number((boundingRect.width / boundingRect.height).toFixed(1));
+      //   scale = scale < 2 ? 2 : scale;
+      // }
+      console.log(this.konvaLayer)
+      // const boundingScale = this.konvaLayer.getClientRect();
       //平移视口
-      const x =
-        this.$refs.svgDraw?.clientWidth / 2 -
-        (Math.ceil(boundingScale.width) / 2 + boundingScale.x / 2);
-      const y =
-        this.$refs.svgDraw.clientHeight / 2 -
-        (Math.ceil(boundingScale.height) / 2 + boundingScale.y);
+      // const x =
+      //   this.$refs.svgDraw?.clientWidth / 2 -
+      //   (Math.ceil(boundingScale.width) / 2 + boundingScale.x / 2);
+      // const y =
+      //   this.$refs.svgDraw.clientHeight / 2 -
+      //   (Math.ceil(boundingScale.height) / 2 + boundingScale.y);
 
       // this.konvaStage.scale({
       //   x: 2,
@@ -364,18 +404,10 @@ export default {
       let _this = this;
       const parser2 = new DxfParser2();
       let dxf2 = parser2.parseSync(data);
-      // const parser = new DxfParser();
-      // let dxf = parser.parse(data);
-      // 在这里处理数据为空的时候
-      // if (dxf.entities.length === 0) {
-      //   this.$emit('error', {
-      //     type: 'entityEmpty'
-      //   })
-      //   return
-      // }
       if (dxf2.entities.length === 0) {
         return false
       }
+      let entities = formatEntity(dxf2.entities);
       let hatchEntitys = dxf2.entities.filter(item => item.type === 'HATCH');
       // 处理HATCH部分
       for (let i = 0; i < hatchEntitys.length; i++) {
@@ -451,6 +483,7 @@ export default {
                   name: name,
                   entityId: entity.layer,
                   strokeWidth: 0.2,
+                  strokeScaleEnabled: false,
                   closed: true,
                   fill: color,
                   stroke: color,
@@ -459,6 +492,7 @@ export default {
                   shapeType: 'hatch',
                 });
                 this.konvaLayer.add(line);
+                // this.drawingGroup.add(line);
               }
             } else {
               let boundaryLoops = entity.boundaryLoops;
@@ -502,7 +536,9 @@ export default {
                   customColor: color,
                   visible: visible,
                   shapeType: 'hatch',
+                  strokeScaleEnabled: false,
                 });
+                // this.drawingGroup.add(line)
                 this.konvaLayer.add(line);
               }
             }
@@ -511,7 +547,7 @@ export default {
         // }
       }
       //加载图纸
-      let entities = formatEntity(dxf2.entities);
+
       for (let key in entities) {
         if (entities[key]) {
           let group = [];
@@ -554,7 +590,8 @@ export default {
                 entityId: key,
                 stroke: colorKey,
                 customColor: configParams ? configParams.color : colorKey,
-                //visible: configParams ? configParams.visible :true,
+                strokeScaleEnabled: false, // 加上这句是当坐标点巨大时也能正常显示
+                // visible: configParams ? configParams.visible : true,
                 sceneFunc(context, shape) {
                   context.beginPath();
                   for (let i = 0; i < entityColorGroup.length; i++) {
@@ -603,12 +640,11 @@ export default {
                             context.lineTo(x, y);
                           }
                         }
-
-                        if (closed) {
-                          if (j === points.length - 1) {
-                            context.lineTo(points[0], points[1]);
-                          }
-                        }
+                      }
+                      if (closed) {
+                        /// if (j === points.length - 1) {
+                          context.lineTo(points[0], points[1]);
+                        // }
                       }
                       if (entity.lineType === 'DASH') {
                         context.setLineDash(entity.dash)
@@ -622,6 +658,7 @@ export default {
               });
               if (this.konvaLayer) {
                 this.konvaLayer.add(customShape);
+                // this.drawingGroup.add(customShape)
                 // 直接在这里调用draw 能拿到最新数据 不执行的话 就会导致最后执行 导致bounds的数据出错
                 this.konvaLayer.draw()
               };
@@ -630,6 +667,7 @@ export default {
 
         }
       }
+      // 计算
       return true
     },
     toPdfs(list) {