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

package/dist/fl-web-component.common.js

@@ -4064,6 +4064,17 @@ exports.default = {
 
 module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAA/hJREFUeF7tmU1ME0EUgN8Q5UQTrnKCCxoTZEr4MZ64ElHgQhrEiAm/J0HFmwp6U6J4EoSEGAXREyBni9xsCV1KYkQP9gRXkuJFsE+nZZdtu+12Zqs72NmEkGZ+3nvfvPfmzQyBAv9IgdsPCoDygAInoEKgwB1AJUEVAioECpyACgEZHYDSxtIY/LhGikgjIFAEKGd6EoAIENAwBgthLfAyH7pL5wFVtL6VEJwBIKU2BkYAYcQpiLwBoLSOAgD7E/5iRUAByQ2uCUhsNLy+NsI1xtTZMQBKz5cjwRkEbBRVwvE4guPh9eCQyDyOADDjY+RXKAd35dJtoK/nj3cDTExOWY6zakeEtk0tsMAlKJFXxL9z3vrvcJigyspOwZUOH3g8JdwT3rv/0BjDjOvv647/fj45nQYhczvuFuF+haZpuzwKCAOg9AKNkYMQE8aMf/fmFXg8Hh7Z8b6LS8twb8QEoLcb+vt7jHnMEMzGxwFNTMHEi+kjmYiDYS34jEcJYQBVtK6LEDLDhA3fHoLODh+PXKPv4M1h8K+sJo0dsIDAFNU9w9J4AECEhU0t0MajSF4APBi9Cy2XmnnkGn3bfZ2w9fVb2thUCOYOaSt/1BgJhwIVPIq4DqC6piGjvlYQshgfnyccCnDZxNXZrKk5BJx4QFYApoSoy7ZKjGa9jh2ApoutsL2zkx4CFsbbQ0AtHAp6j1UIWCbBFOOZ28eTYIbdQTf4WCbB13Pz8HjsqbFo2bY6q90hqVhC6OI9G7ieA6LRKDQ1twH7zz6zkVYJL0s79w7A5LkOgCnh93+EwVt3jrygtztRCpuLHFNgMwhp7QKrLw0ApsijsScwO/eWJ38ZfRFj45va2r89DOVrG0wqcCxq/5yICK7+X/UAVuNn+1ouW1eOS0vL8UOQ1daYcT4ZAWQrcJghG+ufsgJiID6srML2zjZsbSVKZXboOl1ZCbW1NfHfxu7xPwKwc/2kU6SMABbf24SA4OFJByM9ALsVdNquAJgvUmQMAacrbDdeeYDsHmBXB9itcGp7at0gvQfY1QG8AFLrBgVA+hCwqQN4PSD10lV6D+A1kLe/AiBTCDh5GOFdeb1/0lWaG4VQvp7GRACw67N231XjyHyA6P2sBTWRuYSvxJiwKm+Dnxw+ixuPoyX8j6M8ikf39mB2dt58XyB0F6jLdATgDKXlxeRk3p/HcweCuz9x3/tF0yK5j0nu6QgAmyoBodivP5OLKsI7DhFX9mH/uhPjmUzHAHTFz9I6egJINa8hIv0PADdEYz5VXt4AiBgiwxgFQIZVcFMH5QFu0pdBtvIAGVbBTR2UB7hJXwbZygNkWAU3dVAe4CZ9GWQXvAf8Bn5sSl++Dyn0AAAAAElFTkSuQmCC"
 
+/***/ }),
+
+/***/ "2f91":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_cb260cfc_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fcd8");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_cb260cfc_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_cb260cfc_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2f9a":
@@ -14043,17 +14054,6 @@ Factory_1.Factory.addGetterSetter(Node_1.Node, 'hue', 0, (0, Validators_1.getNum
 Factory_1.Factory.addGetterSetter(Node_1.Node, 'saturation', 0, (0, Validators_1.getNumberValidator)(), Factory_1.Factory.afterSetFilter);
 Factory_1.Factory.addGetterSetter(Node_1.Node, 'value', 0, (0, Validators_1.getNumberValidator)(), Factory_1.Factory.afterSetFilter);
 
-/***/ }),
-
-/***/ "469d":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_0f76e7f4_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f323");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_0f76e7f4_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_0f76e7f4_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "4726":
@@ -56518,7 +56518,7 @@ module.exports = document && document.documentElement;
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"name\":\"fl-web-component\",\"version\":\"2.1.1-beta.5\",\"scripts\":{\"postinstall\":\"patch-package\",\"tip1\":\"仅调试本组件不涉及业务组件,请执行dev\",\"dev\":\"vue-cli-service serve\",\"lint\":\"eslint \\\"{src,packages}/**/*.{vue,js}\\\" --fix\",\"prettier\":\"prettier --write  \\\"packages/**/*.{js,css,less,scss,vue,html}\\\"\",\"=\":\"=============================================================\",\"tip2\":\"同时调试本组件与业务组件,请执行watch，生产模式监听请执行watch:prod\",\"watch\":\"vue-cli-service build --watch --mode development --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"watch:prod\":\"vue-cli-service build --watch --mode production --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"build\":\"npm run lint && vue-cli-service build --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"build:test\":\"vue-cli-service build --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"publish:base\":\"npm run build && npm publish --registry https://registry.npmjs.org/\",\"publish:beta:base\":\"npm run build && npm publish --tag beta --registry https://registry.npmjs.org/\",\"==\":\"=============================================================\",\"tip3\":\"发版注意: 【测试版执行publish:beta】【修改bug执行publish:fix】【新增功能执行publish:feat】【新特性执行publish:perf】\",\"publish:beta\":\"npm version prerelease --preid=beta && npm run publish:beta:base\",\"publish:fix\":\"npm version patch && npm run publish:base\",\"publish:feat\":\"npm version minor && npm run publish:base\",\"publish:perf\":\"npm version major && npm run publish:base\"},\"files\":[\"dist\",\"packages\",\"src\"],\"main\":\"dist/fl-web-component.common.js\",\"dependencies\":{\"camera-controls\":\"2.9.0\",\"core-js\":\"^3.42.0\",\"dxf-parser\":\"^1.1.2\",\"element-ui\":\"2.15.14\",\"fflate\":\"^0.8.2\",\"html2canvas\":\"^1.4.1\",\"jspdf\":\"^3.0.1\",\"konva\":\"^9.3.12\",\"lodash\":\"^4.17.21\",\"meshline\":\"^3.3.1\",\"regenerator-runtime\":\"^0.14.1\",\"svg-pan-zoom\":\"^3.6.2\",\"three\":\"^0.176.0\",\"three.path\":\"^1.0.1\",\"vue\":\"^2.6.11\"},\"devDependencies\":{\"@babel/core\":\"^7.12.16\",\"@babel/plugin-proposal-nullish-coalescing-operator\":\"^7.18.6\",\"@babel/plugin-proposal-optional-chaining\":\"^7.21.0\",\"@babel/preset-env\":\"^7.0.0\",\"@babel/runtime-corejs3\":\"^7.27.1\",\"@vue/cli-plugin-babel\":\"~4.4.0\",\"@vue/cli-plugin-eslint\":\"~4.4.0\",\"@vue/cli-service\":\"~4.4.0\",\"babel-eslint\":\"^10.1.0\",\"babel-loader\":\"^8.0.0\",\"copy-webpack-plugin\":\"^4.0.1\",\"eslint\":\"^6.7.2\",\"eslint-config-prettier\":\"^6.15.0\",\"eslint-plugin-prettier\":\"^3.4.1\",\"eslint-plugin-vue\":\"^6.2.2\",\"patch-package\":\"^6.4.7\",\"prettier\":\"^2.8.8\",\"sass\":\"1.32.13\",\"sass-loader\":\"10.1.1\",\"vue-template-compiler\":\"^2.6.11\",\"worker-loader\":\"^3.0.8\"},\"browserslist\":[\"> 1%\",\"last 2 versions\"]}");
+module.exports = JSON.parse("{\"name\":\"fl-web-component\",\"version\":\"2.1.1-beta.6\",\"scripts\":{\"postinstall\":\"patch-package\",\"tip1\":\"仅调试本组件不涉及业务组件,请执行dev\",\"dev\":\"vue-cli-service serve\",\"lint\":\"eslint \\\"{src,packages}/**/*.{vue,js}\\\" --fix\",\"prettier\":\"prettier --write  \\\"packages/**/*.{js,css,less,scss,vue,html}\\\"\",\"=\":\"=============================================================\",\"tip2\":\"同时调试本组件与业务组件,请执行watch，生产模式监听请执行watch:prod\",\"watch\":\"vue-cli-service build --watch --mode development --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"watch:prod\":\"vue-cli-service build --watch --mode production --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"build\":\"npm run lint && vue-cli-service build --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"build:test\":\"vue-cli-service build --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"publish:base\":\"npm run build && npm publish --registry https://registry.npmjs.org/\",\"publish:beta:base\":\"npm run build && npm publish --tag beta --registry https://registry.npmjs.org/\",\"==\":\"=============================================================\",\"tip3\":\"发版注意: 【测试版执行publish:beta】【修改bug执行publish:fix】【新增功能执行publish:feat】【新特性执行publish:perf】\",\"publish:beta\":\"npm version prerelease --preid=beta && npm run publish:beta:base\",\"publish:fix\":\"npm version patch && npm run publish:base\",\"publish:feat\":\"npm version minor && npm run publish:base\",\"publish:perf\":\"npm version major && npm run publish:base\"},\"files\":[\"dist\",\"packages\",\"src\"],\"main\":\"dist/fl-web-component.common.js\",\"dependencies\":{\"camera-controls\":\"2.9.0\",\"core-js\":\"^3.42.0\",\"dxf-parser\":\"^1.1.2\",\"element-ui\":\"2.15.14\",\"fflate\":\"^0.8.2\",\"html2canvas\":\"^1.4.1\",\"jspdf\":\"^3.0.1\",\"konva\":\"^9.3.12\",\"lodash\":\"^4.17.21\",\"meshline\":\"^3.3.1\",\"regenerator-runtime\":\"^0.14.1\",\"svg-pan-zoom\":\"^3.6.2\",\"three\":\"^0.176.0\",\"three.path\":\"^1.0.1\",\"vue\":\"^2.6.11\"},\"devDependencies\":{\"@babel/core\":\"^7.12.16\",\"@babel/plugin-proposal-nullish-coalescing-operator\":\"^7.18.6\",\"@babel/plugin-proposal-optional-chaining\":\"^7.21.0\",\"@babel/preset-env\":\"^7.0.0\",\"@babel/runtime-corejs3\":\"^7.27.1\",\"@vue/cli-plugin-babel\":\"~4.4.0\",\"@vue/cli-plugin-eslint\":\"~4.4.0\",\"@vue/cli-service\":\"~4.4.0\",\"babel-eslint\":\"^10.1.0\",\"babel-loader\":\"^8.0.0\",\"copy-webpack-plugin\":\"^4.0.1\",\"eslint\":\"^6.7.2\",\"eslint-config-prettier\":\"^6.15.0\",\"eslint-plugin-prettier\":\"^3.4.1\",\"eslint-plugin-vue\":\"^6.2.2\",\"patch-package\":\"^6.4.7\",\"prettier\":\"^2.8.8\",\"sass\":\"1.32.13\",\"sass-loader\":\"10.1.1\",\"vue-template-compiler\":\"^2.6.11\",\"worker-loader\":\"^3.0.8\"},\"browserslist\":[\"> 1%\",\"last 2 versions\"]}");
 
 /***/ }),
 
@@ -76346,13 +76346,6 @@ exports.default = {
 
 /***/ }),
 
-/***/ "f323":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "f35c":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -78634,7 +78627,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"43d339b6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-graphics/index.vue?vue&type=template&id=7f8842df&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"fe6df7e8-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-graphics/index.vue?vue&type=template&id=7f8842df&scoped=true
 var com_graphicsvue_type_template_id_7f8842df_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -128811,8 +128804,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var com_graphics = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"43d339b6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-flcanvas/index.vue?vue&type=template&id=0f76e7f4&scoped=true
-var com_flcanvasvue_type_template_id_0f76e7f4_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"fe6df7e8-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-flcanvas/index.vue?vue&type=template&id=cb260cfc&scoped=true
+var com_flcanvasvue_type_template_id_cb260cfc_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -128825,9 +128818,9 @@ var com_flcanvasvue_type_template_id_0f76e7f4_scoped_true_render = function rend
     }
   });
 };
-var com_flcanvasvue_type_template_id_0f76e7f4_scoped_true_staticRenderFns = [];
+var com_flcanvasvue_type_template_id_cb260cfc_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=template&id=0f76e7f4&scoped=true
+// CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=template&id=cb260cfc&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/konva/lib/index.js
 var lib = __webpack_require__("362d");
@@ -133874,7 +133867,6 @@ function decimalToRGBHex(decimalValue) {
   };
 }
 function handleFn(functionName, recordDxf, entity, group, key, configParams, konvaLayer) {
-  console.log(functionName);
   switch (functionName) {
     case 'LINE':
       drawLine(recordDxf, entity, group, key, configParams);
@@ -134045,7 +134037,6 @@ function mtextContentAndFormattingToTextAndStyle(textAndControlChars, entity, co
 function drawArc(recordDxf, entity, group, key, configParams) {
   var color = entity.color;
   var rgb = decimalToRGBHex(color);
-  console.log(rgb);
   var hex = rgb.hex;
   var startAngle, endAngle;
   if (entity.type === 'CIRCLE') {
@@ -134098,8 +134089,6 @@ function drawEllpse(recordDxf, entity, group, key, configParams) {
   var xrad = Math.sqrt(Math.pow(parseFloat(entity.majorAxisEndPoint.x), 2) + Math.pow(parseFloat(entity.majorAxisEndPoint.y), 2));
   var yrad = xrad * parseFloat(entity.axisRatio);
   var rotation = Math.atan2(parseFloat(entity.majorAxisEndPoint.y), parseFloat(entity.majorAxisEndPoint.x));
-  console.log(entity.startAngle);
-  console.log(entity.endAngle);
   var curve = new EllipseCurve(parseFloat(entity.center.x), parseFloat(entity.center.y), xrad, yrad, parseFloat(entity.startAngle), parseFloat(entity.endAngle), false,
   // Always counterclockwise
   rotation);
@@ -134141,7 +134130,6 @@ function drawEllpse(recordDxf, entity, group, key, configParams) {
 function drawLine(recordDxf, entity, group, key, configParams) {
   var color = entity.color;
   var rgb = decimalToRGBHex(color);
-  console.log(rgb);
   var hex = rgb.hex;
   var x1 = entity.vertices[0].x;
   var y1 = entity.vertices[0].y;
@@ -134188,7 +134176,6 @@ function drawLine(recordDxf, entity, group, key, configParams) {
 function entityFormatting_drawText(recordDxf, entity, group, key, configParams) {
   var color = entity.color;
   var rgb = decimalToRGBHex(color);
-  console.log(rgb);
   var hex = rgb.hex;
   if (hex == '#FFFFFF') {
     hex = '#000';
@@ -134276,13 +134263,10 @@ function entityFormatting_drawText(recordDxf, entity, group, key, configParams)
   });
   // group.add(dim);
 }
-function drawHatch(recordDxf, entity, group, key, configParams) {
-  console.log('hatch');
-}
+function drawHatch(recordDxf, entity, group, key, configParams) {}
 function drawLwLine(recordDxf, entity, group, key, configParams) {
   var color = entity.color;
   var rgb = decimalToRGBHex(color);
-  console.log(rgb);
   var hex = rgb.hex;
   if (hex == '#FFFFFF') {
     hex = '#000';
@@ -135133,6 +135117,7 @@ function downloadPDF(base64, fileName) {
       }
     });
     this.$nextTick(function () {
+      console.log(_this2.$refs.svgDraw.clientHeight);
       _this2.konvaStage = new lib_default.a.Stage({
         className: 'stage',
         container: 'konva-container',
@@ -135153,7 +135138,6 @@ function downloadPDF(base64, fileName) {
       var scaleBy = 1.1;
       //初始化缩放方法
       _this2.konvaStage.on('wheel', function (e) {
-        console.log(e);
         e.evt.preventDefault();
         var oldScale = _this2.konvaStage.scaleX();
         var pointer = _this2.konvaStage.getPointerPosition();
@@ -135206,20 +135190,18 @@ function downloadPDF(base64, fileName) {
         this.konvaStage.setY(y2); // 750
         */
 
-        var _this2$calculateScale = _this2.calculateScaleAndPosition(_this2.bounds, _this2.konvaStage.width(), _this2.konvaStage.height(), 0.05 // 5% 边距
-          ),
-          scale = _this2$calculateScale.scale,
-          x = _this2$calculateScale.x,
-          y = _this2$calculateScale.y;
-        _this2.konvaStage.position({
-          x: x,
-          y: y
-        });
-        _this2.konvaStage.scale({
-          x: scale,
-          y: scale
-        });
-        _this2.konvaStage.batchDraw();
+        // const { scale, x, y } = this.calculateScaleAndPosition(
+        //   this.bounds,
+        //   this.konvaStage.width(),
+        //   this.konvaStage.height(),
+        //   0.05 // 5% 边距
+        // );
+
+        // this.konvaStage.position({ x: x, y: y });
+        // this.konvaStage.scale({ x: scale, y: scale });
+
+        // this.konvaStage.batchDraw();
+        _this2.centerDraw();
       });
       _this2.konvaStage.on('click', function (e) {
         var target = _this2.konvaStage.mouseClickEndShape;
@@ -135230,6 +135212,23 @@ function downloadPDF(base64, fileName) {
   //销毁方法
 
   methods: {
+    // 图纸居中展示
+    centerDraw: function centerDraw() {
+      var _this$calculateScaleA = this.calculateScaleAndPosition(this.bounds, this.konvaStage.width(), this.konvaStage.height(), 0.05 // 5% 边距
+        ),
+        scale = _this$calculateScaleA.scale,
+        x = _this$calculateScaleA.x,
+        y = _this$calculateScaleA.y;
+      this.konvaStage.position({
+        x: x,
+        y: y
+      });
+      this.konvaStage.scale({
+        x: scale,
+        y: scale
+      });
+      this.konvaStage.batchDraw();
+    },
     calculateScaleAndPosition: function calculateScaleAndPosition(contentBounds, stageWidth, stageHeight) {
       var padding = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0.1;
       // 1. 计算内容的实际宽高
@@ -135343,10 +135342,10 @@ function downloadPDF(base64, fileName) {
         var entity = hatchEntitys[i];
         var layerConfig = this.recordLayerConfig[entity.layer];
         var configParams = layerConfig && Object.keys(layerConfig).length > 0 ? layerConfig : null;
-        var color = configParams ? configParams.color : "#000";
+        var color = configParams ? configParams.color : '#000';
         var visible = configParams ? configParams.visible : true;
-        var name = entity.layer.replace(/\s*/g, "");
-        if (entity.type == "HATCH") {
+        var name = entity.layer.replace(/\s*/g, '');
+        if (entity.type == 'HATCH') {
           var boundaryLoops = entity.boundaryLoops;
           for (var j = 0; j < boundaryLoops.length; j++) {
             var list = [];
@@ -135484,7 +135483,6 @@ function downloadPDF(base64, fileName) {
               }
             }
             if (group[0].stroke == undefined) {
-              console.log(group);
               group[0].stroke = '#000';
             }
             var customShape = new lib_default.a.Shape({
@@ -135588,6 +135586,7 @@ function downloadPDF(base64, fileName) {
       this.activedSvgPan.x = x;
       this.activedSvgPan.y = x;
       setTimeout(function () {
+        _this3.centerDraw();
         _this3.$emit('loaded');
       }, 100);
     },
@@ -135680,8 +135679,6 @@ function downloadPDF(base64, fileName) {
             }
           }
         }
-        console.log('bounds1');
-        console.log(_this.bounds1);
         var _loop2 = function _loop2() {
             if (entities[_key]) {
               var _group = [];
@@ -135702,7 +135699,6 @@ function downloadPDF(base64, fileName) {
                 }
               }
               if (_group[0].stroke == undefined) {
-                console.log(_group);
                 _group[0].stroke = '#000';
               }
               var customShape = new lib_default.a.Shape({
@@ -135765,13 +135761,11 @@ function downloadPDF(base64, fileName) {
           _ret2 = _loop2();
           if (_ret2) return _ret2.v;
         }
-        var _this$calculateScaleA = this.calculateScaleAndPosition(_this.bounds1, this.konvaStage.width(), this.konvaStage.height(), 0.05 // 5% 边距
+        var _this$calculateScaleA2 = this.calculateScaleAndPosition(_this.bounds1, this.konvaStage.width(), this.konvaStage.height(), 0.05 // 5% 边距
           ),
-          scale = _this$calculateScaleA.scale,
-          x = _this$calculateScaleA.x,
-          y = _this$calculateScaleA.y;
-        console.log('test1:');
-        console.log(this.bounds1);
+          scale = _this$calculateScaleA2.scale,
+          x = _this$calculateScaleA2.x,
+          y = _this$calculateScaleA2.y;
         _this.bounds1 = null;
         this.konvaStage.position({
           x: x,
@@ -135814,7 +135808,7 @@ function downloadPDF(base64, fileName) {
     setColorScheme: function setColorScheme(colorType) {
       var _this5 = this;
       // const backgroundColor = colorType === "darkness" ? "#000" : "transparent";
-      var color = colorType === "darkness" ? "#fff" : "#000";
+      var color = colorType === 'darkness' ? '#fff' : '#000';
       // konvaStage.container().style.background = backgroundColor;
       this.konvaLayer.children.forEach(function (item) {
         _this5.traverseLayer(item, color);
@@ -135851,8 +135845,8 @@ function downloadPDF(base64, fileName) {
 });
 // CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_com_flcanvasvue_type_script_lang_js = (com_flcanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=style&index=0&id=0f76e7f4&prod&lang=scss&scoped=true
-var com_flcanvasvue_type_style_index_0_id_0f76e7f4_prod_lang_scss_scoped_true = __webpack_require__("469d");
+// EXTERNAL MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=style&index=0&id=cb260cfc&prod&lang=scss&scoped=true
+var com_flcanvasvue_type_style_index_0_id_cb260cfc_prod_lang_scss_scoped_true = __webpack_require__("2f91");
 
 // CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue
 
@@ -135865,17 +135859,17 @@ var com_flcanvasvue_type_style_index_0_id_0f76e7f4_prod_lang_scss_scoped_true =
 
 var com_flcanvas_component = normalizeComponent(
   components_com_flcanvasvue_type_script_lang_js,
-  com_flcanvasvue_type_template_id_0f76e7f4_scoped_true_render,
-  com_flcanvasvue_type_template_id_0f76e7f4_scoped_true_staticRenderFns,
+  com_flcanvasvue_type_template_id_cb260cfc_scoped_true_render,
+  com_flcanvasvue_type_template_id_cb260cfc_scoped_true_staticRenderFns,
   false,
   null,
-  "0f76e7f4",
+  "cb260cfc",
   null
   
 )
 
 /* harmony default export */ var com_flcanvas = (com_flcanvas_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"43d339b6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-graphics/per-control.vue?vue&type=template&id=f547d5c6&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"fe6df7e8-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-graphics/per-control.vue?vue&type=template&id=f547d5c6&scoped=true
 var per_controlvue_type_template_id_f547d5c6_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -135983,7 +135977,7 @@ var per_control_component = normalizeComponent(
 )
 
 /* harmony default export */ var per_control = (per_control_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"43d339b6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-graphics/pid.vue?vue&type=template&id=2572c0e2&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"fe6df7e8-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-graphics/pid.vue?vue&type=template&id=2572c0e2&scoped=true
 var pidvue_type_template_id_2572c0e2_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -136030,7 +136024,7 @@ var browserify_default = /*#__PURE__*/__webpack_require__.n(browserify);
 var html2canvas = __webpack_require__("c0e9");
 var html2canvas_default = /*#__PURE__*/__webpack_require__.n(html2canvas);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"43d339b6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-graphics/component/ann-tool.vue?vue&type=template&id=4b17bce0&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"fe6df7e8-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-graphics/component/ann-tool.vue?vue&type=template&id=4b17bce0&scoped=true
 var ann_toolvue_type_template_id_4b17bce0_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -137062,6 +137056,13 @@ exports.f = __webpack_require__("cc15");
 
 /***/ }),
 
+/***/ "fcd8":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "fce6":
 /***/ (function(module, exports, __webpack_require__) {