fl-web-component 2.1.1-beta.6 → 2.1.1-beta.9

package/dist/fl-web-component.css

@@ -1 +1 @@
-@charset "UTF-8";.fl-model-containor[data-v-7f8842df]{width:100%;height:100%;position:relative;cursor:pointer}[data-v-7f8842df] .tips-label{width:60px;color:#000;font:12px Helvetica;margin-top:-3em;padding:5px;text-align:center;vertical-align:middle;background-color:khaki}[data-v-7f8842df] .measure-label{max-width:100px;margin-top:-1em;border:10px;border-radius:5px;padding:3px 10px;cursor:pointer;color:#009bea;background-color:#f4f4f4;-webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.25);box-shadow:0 1px 3px 1px rgba(0,0,0,.25)}[data-v-7f8842df] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-7f8842df] .measure-label-font{word-break:break-all}[data-v-7f8842df] .mark-label-img{padding-top:5px;width:20px;height:20px}.loading-overlay[data-v-7f8842df]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease}.loading-overlay--visible[data-v-7f8842df]{opacity:1;visibility:visible}.loading-content[data-v-7f8842df]{background:#fff;border-radius:12px;padding:30px;text-align:center;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.3);box-shadow:0 8px 32px rgba(0,0,0,.3);min-width:300px;max-width:400px}.loading-spinner[data-v-7f8842df]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;-webkit-animation:spin-7f8842df 1s linear infinite;animation:spin-7f8842df 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin-7f8842df{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-7f8842df{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-7f8842df]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.loading-this.progress-bar[data-v-7f8842df]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.loading-this.progress-fill[data-v-7f8842df]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#409eff),to(#67c23a));background:linear-gradient(90deg,#409eff,#67c23a);border-radius:4px;-webkit-transition:width .3s ease;transition:width .3s ease}.loading-details[data-v-7f8842df]{font-size:12px;color:#666;line-height:1.5}.lil-this.gui{background:hsla(0,0%,100%,.95)!important;border:1px solid #e0e0e0!important;border-radius:8px!important;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;backdrop-filter:blur(10px)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.lil-this.gui .title{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;color:#495057!important;border-bottom:1px solid #dee2e6!important;font-weight:600!important;padding:0 12px!important;border-radius:8px 8px 0 0!important}.lil-this.gui .controller{border-bottom:1px solid #f1f3f4!important;background:transparent!important}.lil-this.gui .controller:last-child{border-bottom:none!important}.lil-this.gui .controller .name{color:#495057!important;font-weight:500!important;font-size:12px!important}.lil-this.gui .controller .widget{background:#f8f9fa!important;border:1px solid #ced4da!important;border-radius:4px!important;color:#495057!important}.lil-this.gui .controller .widget:focus,.lil-this.gui .controller .widget:hover{border-color:#80bdff!important;-webkit-box-shadow:0 0 0 2px rgba(0,123,255,.25)!important;box-shadow:0 0 0 2px rgba(0,123,255,.25)!important}.lil-this.gui .controller .widget:focus{outline:none!important}.lil-this.gui .controller input[type=range]{background:#e9ecef!important;height:4px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border-radius:2px!important}.lil-this.gui .controller.number .fill{border-right:solid #008de9}.lil-this.gui .controller input[type=range]::-webkit-slider-thumb{background:#007bff!important;border:2px solid #fff!important;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2)!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;width:16px!important;height:16px!important;border-radius:50%!important;-webkit-appearance:none!important;appearance:none!important;cursor:pointer!important}.lil-this.gui .controller input[type=range]::-moz-range-thumb{background:#007bff!important;border:2px solid #fff!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;width:16px!important;height:16px!important;border-radius:50%!important;cursor:pointer!important}.lil-this.gui .controller .option{background:#fff!important;color:#495057!important;border-bottom:1px solid #f1f3f4!important}.lil-this.gui .controller .option:hover{background:#f8f9fa!important}.lil-this.gui .controller .option:last-child{border-bottom:none!important}.lil-this.gui input:active{background:#e6eff4}.lil-this.gui .controller button{background:linear-gradient(135deg,#007bff,#0056b3)!important;color:#fff!important;border:none!important;border-radius:4px!important;font-weight:500!important;-webkit-transition:all .2s ease!important;transition:all .2s ease!important}.lil-this.gui .controller button:hover{background:linear-gradient(135deg,#0056b3,#004085)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important;-webkit-box-shadow:0 4px 8px rgba(0,123,255,.3)!important;box-shadow:0 4px 8px rgba(0,123,255,.3)!important}.lil-this.gui .controller .color{border:2px solid #fff!important;border-radius:4px!important;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.lil-this.gui .controller.number .slider,.lil-this.gui .controller.number .slider:hover{background-color:#e6eff4}.lil-this.gui input,.lil-this.gui input:hover,.lil-this.gui input[type=number]:focus,.lil-this.gui input[type=text]:focus{background:#e6eff4}.lil-this.gui .controller>.name{min-width:25px}.lil-this.gui .controller.number input{color:#2e3136}.lil-this.gui .controller.number .slider:active{background-color:#e6eff4}.lil-this.gui .folder>.title{background:linear-gradient(135deg,#f1f3f4,#e9ecef)!important;color:#495057!important;border-bottom:1px solid #dee2e6!important}.lil-this.gui .folder>.title:before{color:#6c757d!important}.lil-this.gui .folder.closed>.children{display:none!important}#konva-container[data-v-cb260cfc]{z-index:3;width:100%;height:100%;cursor:pointer;overflow:hidden}span[data-v-f547d5c6]{font-weight:bolder}.text[data-v-f547d5c6]{margin-top:20px}.line[data-v-f547d5c6]{border-bottom:1px solid #dcdfe6;margin:20px 0}.center[data-v-f547d5c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center .cen span[data-v-f547d5c6],.center .top span[data-v-f547d5c6]{color:"#53a8ff";display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid;padding:5px;margin-bottom:10px;background-color:#e9f3ff}.center .cen span[data-v-f547d5c6]{margin:10px}.button[data-v-f547d5c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-top:20px}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff2?t=1646635700216) format("woff2"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff?t=1646635700216) format("woff"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.ttf?t=1646635700216) format("truetype")}.iconfont[data-v-f547d5c6]{font-family:iconfont!important;font-size:50px;font-style:normal;color:"#53a8ff";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-shubiao[data-v-f547d5c6]:before{content:""}.main_body[data-v-4b17bce0]{position:relative;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.classification_title[data-v-4b17bce0]{margin:0 0 10px 0;color:#fff;font-size:14px;cursor:default}.toolbar[data-v-4b17bce0]{z-index:10;position:absolute;width:520px;padding:8px 16px;border-radius:6px;-webkit-box-shadow:0 2px 10px 0 rgba(6,29,44,.25);box-shadow:0 2px 10px 0 rgba(6,29,44,.25);background-color:#fff;top:10px;left:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.icon_toolbar[data-v-4b17bce0],.text_toolbar[data-v-4b17bce0]{float:left;width:32px;height:32px;padding:0!important;background-repeat:no-repeat;background-size:24px;background-position:50%}.icon_active[data-v-4b17bce0],.icon_toolbar[data-v-4b17bce0]:hover,.text_toolbar[data-v-4b17bce0]:hover{background-color:#eee}[data-v-4b17bce0].icon_color .el-color-picker__trigger{height:24px;margin-top:4px;width:24px!important}[data-v-4b17bce0].el-color-picker--medium,[data-v-4b17bce0].el-color-picker--medium .el-color-picker__trigger{width:24px!important;height:24px!important}.canvas_container[data-v-4b17bce0]{position:relative;width:100%;height:100%;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.canvas_container canvas[data-v-4b17bce0]{position:absolute;left:0}.canvas_container #ctx_front[data-v-4b17bce0]{z-index:5;background-color:transparent}.canvas_container #ctx_back[data-v-4b17bce0]{z-index:3}.canvas_container #ctx_base[data-v-4b17bce0]{z-index:1}#text[data-v-4b17bce0]{position:absolute;z-index:-1;resize:none;outline:none;border:1px dashed #9c9c9c;overflow:hidden;background:transparent;line-height:30px;display:none}#text[data-v-4b17bce0]:hover{border:1px dashed #53a8ff}#svg-component[data-v-2572c0e2],#svg-tigger[data-v-2572c0e2]{cursor:pointer;height:100%;width:100%;position:relative}#toolbar-show[data-v-2572c0e2]{z-index:20;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;background:#fff}
+@charset "UTF-8";.fl-model-containor[data-v-7f8842df]{width:100%;height:100%;position:relative;cursor:pointer}[data-v-7f8842df] .tips-label{width:60px;color:#000;font:12px Helvetica;margin-top:-3em;padding:5px;text-align:center;vertical-align:middle;background-color:khaki}[data-v-7f8842df] .measure-label{max-width:100px;margin-top:-1em;border:10px;border-radius:5px;padding:3px 10px;cursor:pointer;color:#009bea;background-color:#f4f4f4;-webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.25);box-shadow:0 1px 3px 1px rgba(0,0,0,.25)}[data-v-7f8842df] .circle-tag{width:10px;height:10px;margin-top:5px;border-radius:50%;background-color:#ff5000}[data-v-7f8842df] .measure-label-font{word-break:break-all}[data-v-7f8842df] .mark-label-img{padding-top:5px;width:20px;height:20px}.loading-overlay[data-v-7f8842df]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease}.loading-overlay--visible[data-v-7f8842df]{opacity:1;visibility:visible}.loading-content[data-v-7f8842df]{background:#fff;border-radius:12px;padding:30px;text-align:center;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.3);box-shadow:0 8px 32px rgba(0,0,0,.3);min-width:300px;max-width:400px}.loading-spinner[data-v-7f8842df]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;-webkit-animation:spin-7f8842df 1s linear infinite;animation:spin-7f8842df 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin-7f8842df{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-7f8842df{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-7f8842df]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.loading-this.progress-bar[data-v-7f8842df]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.loading-this.progress-fill[data-v-7f8842df]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#409eff),to(#67c23a));background:linear-gradient(90deg,#409eff,#67c23a);border-radius:4px;-webkit-transition:width .3s ease;transition:width .3s ease}.loading-details[data-v-7f8842df]{font-size:12px;color:#666;line-height:1.5}.lil-this.gui{background:hsla(0,0%,100%,.95)!important;border:1px solid #e0e0e0!important;border-radius:8px!important;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;backdrop-filter:blur(10px)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.lil-this.gui .title{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;color:#495057!important;border-bottom:1px solid #dee2e6!important;font-weight:600!important;padding:0 12px!important;border-radius:8px 8px 0 0!important}.lil-this.gui .controller{border-bottom:1px solid #f1f3f4!important;background:transparent!important}.lil-this.gui .controller:last-child{border-bottom:none!important}.lil-this.gui .controller .name{color:#495057!important;font-weight:500!important;font-size:12px!important}.lil-this.gui .controller .widget{background:#f8f9fa!important;border:1px solid #ced4da!important;border-radius:4px!important;color:#495057!important}.lil-this.gui .controller .widget:focus,.lil-this.gui .controller .widget:hover{border-color:#80bdff!important;-webkit-box-shadow:0 0 0 2px rgba(0,123,255,.25)!important;box-shadow:0 0 0 2px rgba(0,123,255,.25)!important}.lil-this.gui .controller .widget:focus{outline:none!important}.lil-this.gui .controller input[type=range]{background:#e9ecef!important;height:4px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border-radius:2px!important}.lil-this.gui .controller.number .fill{border-right:solid #008de9}.lil-this.gui .controller input[type=range]::-webkit-slider-thumb{background:#007bff!important;border:2px solid #fff!important;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2)!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;width:16px!important;height:16px!important;border-radius:50%!important;-webkit-appearance:none!important;appearance:none!important;cursor:pointer!important}.lil-this.gui .controller input[type=range]::-moz-range-thumb{background:#007bff!important;border:2px solid #fff!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;width:16px!important;height:16px!important;border-radius:50%!important;cursor:pointer!important}.lil-this.gui .controller .option{background:#fff!important;color:#495057!important;border-bottom:1px solid #f1f3f4!important}.lil-this.gui .controller .option:hover{background:#f8f9fa!important}.lil-this.gui .controller .option:last-child{border-bottom:none!important}.lil-this.gui input:active{background:#e6eff4}.lil-this.gui .controller button{background:linear-gradient(135deg,#007bff,#0056b3)!important;color:#fff!important;border:none!important;border-radius:4px!important;font-weight:500!important;-webkit-transition:all .2s ease!important;transition:all .2s ease!important}.lil-this.gui .controller button:hover{background:linear-gradient(135deg,#0056b3,#004085)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important;-webkit-box-shadow:0 4px 8px rgba(0,123,255,.3)!important;box-shadow:0 4px 8px rgba(0,123,255,.3)!important}.lil-this.gui .controller .color{border:2px solid #fff!important;border-radius:4px!important;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.lil-this.gui .controller.number .slider,.lil-this.gui .controller.number .slider:hover{background-color:#e6eff4}.lil-this.gui input,.lil-this.gui input:hover,.lil-this.gui input[type=number]:focus,.lil-this.gui input[type=text]:focus{background:#e6eff4}.lil-this.gui .controller>.name{min-width:25px}.lil-this.gui .controller.number input{color:#2e3136}.lil-this.gui .controller.number .slider:active{background-color:#e6eff4}.lil-this.gui .folder>.title{background:linear-gradient(135deg,#f1f3f4,#e9ecef)!important;color:#495057!important;border-bottom:1px solid #dee2e6!important}.lil-this.gui .folder>.title:before{color:#6c757d!important}.lil-this.gui .folder.closed>.children{display:none!important}#konva-container[data-v-41b98e1a]{z-index:3;width:100%;height:100%;cursor:pointer;overflow:hidden}span[data-v-f547d5c6]{font-weight:bolder}.text[data-v-f547d5c6]{margin-top:20px}.line[data-v-f547d5c6]{border-bottom:1px solid #dcdfe6;margin:20px 0}.center[data-v-f547d5c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center .cen span[data-v-f547d5c6],.center .top span[data-v-f547d5c6]{color:"#53a8ff";display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid;padding:5px;margin-bottom:10px;background-color:#e9f3ff}.center .cen span[data-v-f547d5c6]{margin:10px}.button[data-v-f547d5c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-top:20px}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff2?t=1646635700216) format("woff2"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff?t=1646635700216) format("woff"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.ttf?t=1646635700216) format("truetype")}.iconfont[data-v-f547d5c6]{font-family:iconfont!important;font-size:50px;font-style:normal;color:"#53a8ff";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-shubiao[data-v-f547d5c6]:before{content:""}.main_body[data-v-4b17bce0]{position:relative;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.classification_title[data-v-4b17bce0]{margin:0 0 10px 0;color:#fff;font-size:14px;cursor:default}.toolbar[data-v-4b17bce0]{z-index:10;position:absolute;width:520px;padding:8px 16px;border-radius:6px;-webkit-box-shadow:0 2px 10px 0 rgba(6,29,44,.25);box-shadow:0 2px 10px 0 rgba(6,29,44,.25);background-color:#fff;top:10px;left:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.icon_toolbar[data-v-4b17bce0],.text_toolbar[data-v-4b17bce0]{float:left;width:32px;height:32px;padding:0!important;background-repeat:no-repeat;background-size:24px;background-position:50%}.icon_active[data-v-4b17bce0],.icon_toolbar[data-v-4b17bce0]:hover,.text_toolbar[data-v-4b17bce0]:hover{background-color:#eee}[data-v-4b17bce0].icon_color .el-color-picker__trigger{height:24px;margin-top:4px;width:24px!important}[data-v-4b17bce0].el-color-picker--medium,[data-v-4b17bce0].el-color-picker--medium .el-color-picker__trigger{width:24px!important;height:24px!important}.canvas_container[data-v-4b17bce0]{position:relative;width:100%;height:100%;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.canvas_container canvas[data-v-4b17bce0]{position:absolute;left:0}.canvas_container #ctx_front[data-v-4b17bce0]{z-index:5;background-color:transparent}.canvas_container #ctx_back[data-v-4b17bce0]{z-index:3}.canvas_container #ctx_base[data-v-4b17bce0]{z-index:1}#text[data-v-4b17bce0]{position:absolute;z-index:-1;resize:none;outline:none;border:1px dashed #9c9c9c;overflow:hidden;background:transparent;line-height:30px;display:none}#text[data-v-4b17bce0]:hover{border:1px dashed #53a8ff}#svg-component[data-v-2572c0e2],#svg-tigger[data-v-2572c0e2]{cursor:pointer;height:100%;width:100%;position:relative}#toolbar-show[data-v-2572c0e2]{z-index:20;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;background:#fff}

package/package.json

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

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

@@ -197,9 +197,11 @@ function mtextContentAndFormattingToTextAndStyle(textAndControlChars, entity, co
 function drawArc(recordDxf, entity, group, key, configParams) {
   let color = entity.color;
   let rgb = decimalToRGBHex(color);
-  
   let hex = rgb.hex;
   let startAngle, endAngle;
+  if (hex == '#FFFFFF') {
+    hex = '#000';
+  }
   if (entity.type === 'CIRCLE') {
     startAngle = entity.startAngle || 0;
     endAngle = startAngle + 2 * Math.PI;

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

@@ -281,7 +281,7 @@ export default {
                         nodes[i].destroy();
                       }
                     }*/
-
+      this.bounds = null;
       this.konvaLayer.destroyChildren();
       const parser = new DxfParser();
       let dxf = parser.parse(data);
@@ -443,83 +443,85 @@ export default {
               if (this.konvaLayer) this.konvaLayer.add(entity.obj);
             }
           }
+          if (group.length > 0) {
+            if (group[0]?.stroke) {
+              group[0].stroke = '#000';
+            }
+            let customShape = new Konva.Shape({
+              x: 0,
+              y: 0,
+              strokeWidth: 0.2,
+              name: key.replace(/\s*/g, ''),
+              entityId: key,
+              stroke: group[0].stroke,
+              customColor: configParams ? configParams.color : group[0].stroke,
+              //visible: configParams ? configParams.visible :true,
+              sceneFunc(context, shape) {
+                context.beginPath();
+                for (let i = 0; i < group.length; i++) {
+                  let entity = group[i];
 
-          if (group[0].stroke == undefined) {
-            group[0].stroke = '#000';
-          }
-          let customShape = new Konva.Shape({
-            x: 0,
-            y: 0,
-            strokeWidth: 0.2,
-            name: key.replace(/\s*/g, ''),
-            entityId: key,
-            stroke: group[0].stroke,
-            customColor: configParams ? configParams.color : group[0].stroke,
-            //visible: configParams ? configParams.visible :true,
-            sceneFunc(context, shape) {
-              context.beginPath();
-              for (let i = 0; i < group.length; i++) {
-                let entity = group[i];
-
-                if (entity.type === 'line') {
-                  context.strokeStyle = entity.stroke;
-                  let x1 = entity.x1;
-                  let y1 = entity.y1;
-                  let x2 = entity.x2;
-                  let y2 = entity.y2;
-                  if (x1 != undefined && y1 != undefined && x2 != undefined && y2 != undefined) {
-                    context.moveTo(x1, -parseFloat(y1));
-                    context.lineTo(x2, -parseFloat(y2));
+                  if (entity.type === 'line') {
+                    context.strokeStyle = entity.stroke;
+                    let x1 = entity.x1;
+                    let y1 = entity.y1;
+                    let x2 = entity.x2;
+                    let y2 = entity.y2;
+                    if (x1 != undefined && y1 != undefined && x2 != undefined && y2 != undefined) {
+                      context.moveTo(x1, -parseFloat(y1));
+                      context.lineTo(x2, -parseFloat(y2));
+                    }
+                    let v1 = {};
+                    v1.x = x1;
+                    v1.y = y1;
+                    let v2 = {};
+                    v2.x = x2;
+                    v2.y = y2;
+                    _this.updateBounds(v1);
+                    _this.updateBounds(v2);
                   }
-                  let v1 = {};
-                  v1.x = x1;
-                  v1.y = y1;
-                  let v2 = {};
-                  v2.x = x2;
-                  v2.y = y2;
-                  _this.updateBounds(v1);
-                  _this.updateBounds(v2);
-                }
-                if (entity.type === 'polyline') {
-                  context.strokeStyle = entity.stroke;
+                  if (entity.type === 'polyline') {
+                    context.strokeStyle = entity.stroke;
 
-                  let flag = false;
+                    let flag = false;
 
-                  let points = entity.points;
+                    let points = entity.points;
 
-                  let closed = entity.closed;
+                    let closed = entity.closed;
 
-                  for (let j = 0; j < points.length; j++) {
-                    let index = j % 2;
-                    if (index === 0) {
-                      let x = points[j];
-                      let y = points[j + 1];
-                      let point = {};
-                      point.x = x;
-                      point.y = y;
-                      _this.updateBounds(point);
+                    for (let j = 0; j < points.length; j++) {
+                      let index = j % 2;
+                      if (index === 0) {
+                        let x = points[j];
+                        let y = points[j + 1];
+                        let point = {};
+                        point.x = x;
+                        point.y = y;
+                        _this.updateBounds(point);
 
-                      if (j === 0) {
-                        context.moveTo(x, y);
-                      } else {
-                        context.lineTo(x, y);
+                        if (j === 0) {
+                          context.moveTo(x, y);
+                        } else {
+                          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]);
+                        }
                       }
                     }
                   }
                 }
-              }
-              // context.closePath();
-              context.fillStrokeShape(shape);
-            },
-            shapeType: 'shape',
-          });
-          if (this.konvaLayer) this.konvaLayer.add(customShape);
+                // context.closePath();
+                context.fillStrokeShape(shape);
+              },
+              shapeType: 'shape',
+            });
+            if (this.konvaLayer) this.konvaLayer.add(customShape);
+          }
+
         }
       }
       //缩放视口
@@ -543,17 +545,17 @@ export default {
         this.$refs.svgDraw.clientHeight / 2 -
         (Math.ceil(boundingScale.height) / 2 + boundingScale.y);
 
-      this.konvaStage.scale({
-        x: 2,
-        y: 2,
-      });
-      this.konvaStage.setX(0);
-      this.konvaStage.setY(750); // 750
-
-      this.activedSvgPan.zoom.x = 0;
-      this.activedSvgPan.zoom.y = 750;
-      this.activedSvgPan.x = x;
-      this.activedSvgPan.y = x;
+      // this.konvaStage.scale({
+      //   x: 2,
+      //   y: 2,
+      // });
+      // this.konvaStage.setX(0);
+      // this.konvaStage.setY(750); // 750
+
+      // this.activedSvgPan.zoom.x = 0;
+      // this.activedSvgPan.zoom.y = 750;
+      // this.activedSvgPan.x = x;
+      // this.activedSvgPan.y = x;
       setTimeout(() => {
         this.centerDraw();
         this.$emit('loaded');
@@ -597,139 +599,59 @@ export default {
     },
     toPdfs(list) {
       let _this = this;
-      const pdf = new jsPDF('l', 'px', [this.konvaStage.width(), this.konvaStage.height()]);
-      const exportPixelRatio = 2; // 可以 2/3/4 自己调
-
-      for (let pageIdx = 0; pageIdx < list.length; pageIdx++) {
-        let data = list[pageIdx];
-        //先绘制图面
-        this.konvaLayer.destroyChildren();
-        const parser = new DxfParser();
-        let dxf = parser.parse(data);
-        let entities = formatEntity(dxf.entities);
-        let layers = dxf.tables.layer.layers;
-
-        //先计算包围
-        for (let key in entities) {
-          if (entities[key]) {
-            let group = [];
-            let l = entities[key].length;
-            let layerConfig = this.recordLayerConfig[key];
-            let configParams =
-              layerConfig && Object.keys(layerConfig).length > 0 ? layerConfig : null;
-            for (let i = 0; i < l; i++) {
-              let type = entities[key][i].type;
-              handleFn(
-                type,
-                dxf,
-                entities[key][i],
-                group,
-                key,
-                configParams,
-                this.konvaLayer,
-                this.recordLayerConfig
-              );
-            }
-
-            for (let i = 0; i < group.length; i++) {
-              let entity = group[i];
-              if (entity.type === 'line') {
-                let x1 = entity.x1;
-                let y1 = entity.y1;
-                let x2 = entity.x2;
-                let y2 = entity.y2;
-                let v1 = {};
-                v1.x = x1;
-                v1.y = y1;
-                let v2 = {};
-                v2.x = x2;
-                v2.y = y2;
-                _this.updateBounds1(v1);
-                _this.updateBounds1(v2);
-              }
-              if (entity.type === 'polyline') {
-                let flag = false;
-                let points = entity.points;
-                let closed = entity.closed;
-
-                for (let j = 0; j < points.length; j++) {
-                  let index = j % 2;
-                  if (index === 0) {
-                    let x = points[j];
-                    let y = points[j + 1];
-                    let point = {};
-                    point.x = x;
-                    point.y = y;
-                    _this.updateBounds1(point);
-                  }
+      return new Promise((resolve, reject) => {
+        const pdf = new jsPDF('l', 'px', [this.konvaStage.width(), this.konvaStage.height()]);
+        const exportPixelRatio = 2; // 可以 2/3/4 自己调
+        let index = 0;
+        for (let pageIdx = 0; pageIdx < list.length; pageIdx++) {
+          let data = list[pageIdx];
+          //先绘制图面
+          this.konvaLayer.destroyChildren();
+          const parser = new DxfParser();
+          let dxf = parser.parse(data);
+          if (dxf.entities.length > 0) {
+            let entities = formatEntity(dxf.entities);
+            let layers = dxf.tables.layer.layers;
+            //先计算包围
+            for (let key in entities) {
+              if (entities[key]) {
+                let group = [];
+                let l = entities[key].length;
+                let layerConfig = this.recordLayerConfig[key];
+                let configParams =
+                  layerConfig && Object.keys(layerConfig).length > 0 ? layerConfig : null;
+                for (let i = 0; i < l; i++) {
+                  let type = entities[key][i].type;
+                  handleFn(
+                    type,
+                    dxf,
+                    entities[key][i],
+                    group,
+                    key,
+                    configParams,
+                    this.konvaLayer,
+                    this.recordLayerConfig
+                  );
                 }
-              }
-            }
-          }
-        }
-
-        for (let key in entities) {
-          if (entities[key]) {
-            let group = [];
-            let l = entities[key].length;
-            let layerConfig = this.recordLayerConfig[key];
-            let configParams =
-              layerConfig && Object.keys(layerConfig).length > 0 ? layerConfig : null;
-            for (let i = 0; i < l; i++) {
-              let type = entities[key][i].type;
-              handleFn(
-                type,
-                dxf,
-                entities[key][i],
-                group,
-                key,
-                configParams,
-                this.konvaLayer,
-                this.recordLayerConfig
-              );
-            }
-            if (!this.konvaLayer) return;
-            for (let i = 0; i < group.length; i++) {
-              let entity = group[i];
-              if (entity.type === 'text') {
-                if (this.konvaLayer) this.konvaLayer.add(entity.obj);
-              }
-            }
-
-            if (group[0].stroke == undefined) {
-              group[0].stroke = '#000';
-            }
 
-            let customShape = new Konva.Shape({
-              x: 0,
-              y: 0,
-              strokeWidth: 0.2,
-              name: key.replace(/\s*/g, ''),
-              entityId: key,
-              stroke: group[0].stroke,
-              customColor: configParams ? configParams.color : '',
-              //visible: configParams ? configParams.visible :true,
-              sceneFunc(context, shape) {
-                context.beginPath();
                 for (let i = 0; i < group.length; i++) {
                   let entity = group[i];
-
                   if (entity.type === 'line') {
-                    context.strokeStyle = entity.stroke;
                     let x1 = entity.x1;
                     let y1 = entity.y1;
                     let x2 = entity.x2;
                     let y2 = entity.y2;
-                    if (x1 != undefined && y1 != undefined && x2 != undefined && y2 != undefined) {
-                      context.moveTo(x1, -parseFloat(y1));
-                      context.lineTo(x2, -parseFloat(y2));
-                    }
+                    let v1 = {};
+                    v1.x = x1;
+                    v1.y = y1;
+                    let v2 = {};
+                    v2.x = x2;
+                    v2.y = y2;
+                    _this.updateBounds1(v1);
+                    _this.updateBounds1(v2);
                   }
                   if (entity.type === 'polyline') {
-                    context.strokeStyle = entity.stroke;
-
                     let flag = false;
-
                     let points = entity.points;
                     let closed = entity.closed;
 
@@ -738,65 +660,159 @@ export default {
                       if (index === 0) {
                         let x = points[j];
                         let y = points[j + 1];
-
-                        if (j === 0) {
-                          context.moveTo(x, y);
-                        } else {
-                          context.lineTo(x, y);
-                        }
+                        let point = {};
+                        point.x = x;
+                        point.y = y;
+                        _this.updateBounds1(point);
                       }
+                    }
+                  }
+                }
+              }
+            }
 
-                      if (closed) {
-                        if (j === points.length - 1) {
-                          context.lineTo(points[0], points[1]);
+            for (let key in entities) {
+              if (entities[key]) {
+                let group = [];
+                let l = entities[key].length;
+                let layerConfig = this.recordLayerConfig[key];
+                let configParams =
+                  layerConfig && Object.keys(layerConfig).length > 0 ? layerConfig : null;
+                for (let i = 0; i < l; i++) {
+                  let type = entities[key][i].type;
+                  handleFn(
+                    type,
+                    dxf,
+                    entities[key][i],
+                    group,
+                    key,
+                    configParams,
+                    this.konvaLayer,
+                    this.recordLayerConfig
+                  );
+                }
+                if (!this.konvaLayer) return;
+                for (let i = 0; i < group.length; i++) {
+                  let entity = group[i];
+                  if (entity.type === 'text') {
+                    if (this.konvaLayer) this.konvaLayer.add(entity.obj);
+                  }
+                }
+
+                if (group.length > 0) {
+                  if (group[0]?.stroke) {
+                    group[0].stroke = '#000';
+                  }
+
+                  let customShape = new Konva.Shape({
+                    x: 0,
+                    y: 0,
+                    strokeWidth: 0.2,
+                    name: key.replace(/\s*/g, ''),
+                    entityId: key,
+                    stroke: group[0].stroke,
+                    customColor: configParams ? configParams.color : '',
+                    //visible: configParams ? configParams.visible :true,
+                    sceneFunc(context, shape) {
+                      context.beginPath();
+                      for (let i = 0; i < group.length; i++) {
+                        let entity = group[i];
+
+                        if (entity.type === 'line') {
+                          context.strokeStyle = entity.stroke;
+                          let x1 = entity.x1;
+                          let y1 = entity.y1;
+                          let x2 = entity.x2;
+                          let y2 = entity.y2;
+                          if (x1 != undefined && y1 != undefined && x2 != undefined && y2 != undefined) {
+                            context.moveTo(x1, -parseFloat(y1));
+                            context.lineTo(x2, -parseFloat(y2));
+                          }
+                        }
+                        if (entity.type === 'polyline') {
+                          context.strokeStyle = entity.stroke;
+
+                          let flag = false;
+
+                          let points = entity.points;
+                          let closed = entity.closed;
+
+                          for (let j = 0; j < points.length; j++) {
+                            let index = j % 2;
+                            if (index === 0) {
+                              let x = points[j];
+                              let y = points[j + 1];
+
+                              if (j === 0) {
+                                context.moveTo(x, y);
+                              } else {
+                                context.lineTo(x, y);
+                              }
+                            }
+
+                            if (closed) {
+                              if (j === points.length - 1) {
+                                context.lineTo(points[0], points[1]);
+                              }
+                            }
+                          }
                         }
                       }
-                    }
-                  }
+                      // context.closePath();
+                      context.fillStrokeShape(shape);
+                    },
+                  });
+                  if (this.konvaLayer) this.konvaLayer.add(customShape);
                 }
-                // context.closePath();
-                context.fillStrokeShape(shape);
-              },
-            });
-            if (this.konvaLayer) this.konvaLayer.add(customShape);
+              }
+            }
+
+            const { scale, x, y } = this.calculateScaleAndPosition(
+              _this.bounds1,
+              this.konvaStage.width(),
+              this.konvaStage.height(),
+              0.05 // 5% 边距
+            );
+
+            _this.bounds1 = null;
+
+            this.konvaStage.position({ x: x, y: y });
+            this.konvaStage.scale({ x: scale, y: scale });
+
+            this.konvaStage.batchDraw();
+            //添加成功移动视口位置 pageIdx === 0
+
+            if (index === 0) {
+              pdf.addImage(
+                this.konvaStage.toDataURL({ pixelRatio: 2 }),
+                0,
+                0,
+                this.konvaStage.width(),
+                this.konvaStage.height()
+              );
+            } else {
+              pdf.addPage();
+              pdf.addImage(
+                this.konvaStage.toDataURL({ pixelRatio: 2 }),
+                0,
+                0,
+                this.konvaStage.width(),
+                this.konvaStage.height()
+              );
+            }
+            index++
           }
-        }
 
-        const { scale, x, y } = this.calculateScaleAndPosition(
-          _this.bounds1,
-          this.konvaStage.width(),
-          this.konvaStage.height(),
-          0.05 // 5% 边距
-        );
-
-        _this.bounds1 = null;
-
-        this.konvaStage.position({ x: x, y: y });
-        this.konvaStage.scale({ x: scale, y: scale });
-
-        this.konvaStage.batchDraw();
-        //添加成功移动视口位置
-
-        if (pageIdx == 0) {
-          pdf.addImage(
-            this.konvaStage.toDataURL({ pixelRatio: 2 }),
-            0,
-            0,
-            this.konvaStage.width(),
-            this.konvaStage.height()
-          );
+        }
+        if (index > 0) {
+          pdf.save('批量导出.pdf');
+          resolve()
         } else {
-          pdf.addPage();
-          pdf.addImage(
-            this.konvaStage.toDataURL({ pixelRatio: 2 }),
-            0,
-            0,
-            this.konvaStage.width(),
-            this.konvaStage.height()
-          );
+          reject('解析数据为空, 请检查数据再进行下载')
         }
-      }
-      pdf.save('批量导出.pdf');
+      })
+
+      
 
       // var imgData = canvas.toDataURL('image/png');
       //doc.text("Hello world!", 10, 10);