fl-web-component 1.0.11 → 1.0.12

package/README.md

@@ -43,4 +43,15 @@ Vue.use(FlWebComponent)
 详细业务API文档、公共组件开发流程请联系前端开发人员
 
 ## 贡献
-欢迎贡献代码和问题反馈。
+欢迎贡献代码和问题反馈。
+
+## 更新日志
+- 2025-05-15 1.0.12
+1. flcanvas组件更新
+- 2025-05-15 1.0.11
+1. 去除依赖方解析包，现在业务使用方无需配置解析器
+2. 去除umd产物，提高打包速度
+3. 优化打包产物，大幅减少产物体积
+4. 优化打包产物为兼容语法
+- 2025-05-12 1.0.0 
+1. 初始版本发布

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

@@ -20805,6 +20805,13 @@ Factory_1.Factory.backCompat(Wedge, {
 
 /***/ }),
 
+/***/ "9ab3":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "9cb8":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -23065,6 +23072,17 @@ try {
 
 module.exports = g;
 
+/***/ }),
+
+/***/ "cc63":
+/***/ (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_300b3063_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9ab3");
+/* 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_300b3063_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_300b3063_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "cf29":
@@ -24151,17 +24169,6 @@ Factory_1.Factory.backCompat(Transformer, {
   enabledHandlers: 'enabledAnchors'
 });
 
-/***/ }),
-
-/***/ "d698":
-/***/ (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_83d38700_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f32a");
-/* 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_83d38700_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_83d38700_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "d777":
@@ -26370,13 +26377,6 @@ exports.Factory = {
 
 /***/ }),
 
-/***/ "f32a":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "f35c":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -54895,8 +54895,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":"4e57a194-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=83d38700&scoped=true
-var com_flcanvasvue_type_template_id_83d38700_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4e57a194-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=300b3063&scoped=true
+var com_flcanvasvue_type_template_id_300b3063_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -54909,9 +54909,9 @@ var com_flcanvasvue_type_template_id_83d38700_scoped_true_render = function rend
     }
   });
 };
-var com_flcanvasvue_type_template_id_83d38700_scoped_true_staticRenderFns = [];
+var com_flcanvasvue_type_template_id_300b3063_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=template&id=83d38700&scoped=true
+// CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=template&id=300b3063&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/konva/lib/index.js
 var lib = __webpack_require__("362d");
@@ -57694,6 +57694,25 @@ function drawInsert(recordDxf, entities, group, key, configParams, konvaLayer) {
   }
 }
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./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=script&lang=js
+function base64ToBlob(base64) {
+  var byteCharacters = atob(base64);
+  var byteArrays = [];
+  for (var offset = 0; offset < byteCharacters.length; offset += 512) {
+    var slice = byteCharacters.slice(offset, offset + 512);
+    var byteNumbers = new Array(slice.length);
+    for (var i = 0; i < slice.length; i++) {
+      byteNumbers[i] = slice.charCodeAt(i);
+    }
+    var byteArray = new Uint8Array(byteNumbers);
+    byteArrays.push(byteArray);
+  }
+  return new Blob(byteArrays, {
+    type: 'application/pdf'
+  });
+}
+function createObjectURL(blob) {
+  return URL.createObjectURL(blob);
+}
 function downloadPDF(base64, fileName) {
   var blob = base64ToBlob(base64);
   var url = createObjectURL(blob);
@@ -57788,11 +57807,16 @@ var recordLayerConfig = {};
 
   methods: {
     loadDxf: function loadDxf(data) {
+      console.log("ok");
       var parser = new dxf_parser_dist();
       var dxf = parser.parse(data);
       var entities = formatEntity(dxf.entities);
+      console.log(entities);
       var layers = dxf.tables.layer.layers;
       //加载图纸
+
+      console.log("layers");
+      console.log(layers);
       var _loop = function _loop() {
           if (entities[key]) {
             var group = [];
@@ -57830,10 +57854,13 @@ var recordLayerConfig = {};
                     var y1 = _entity.y1;
                     var x2 = _entity.x2;
                     var y2 = _entity.y2;
-                    context.moveTo(x1, -parseFloat(y1));
-                    context.lineTo(x2, -parseFloat(y2));
+                    if (x1 != undefined && y1 != undefined && x2 != undefined && y2 != undefined) {
+                      context.moveTo(x1, -parseFloat(y1));
+                      context.lineTo(x2, -parseFloat(y2));
+                    }
                   }
                   if (_entity.type === "polyline") {
+                    var flag = false;
                     var points = _entity.points;
                     var closed = _entity.closed;
                     for (var j = 0; j < points.length; j++) {
@@ -57875,18 +57902,23 @@ var recordLayerConfig = {};
         scale = Number((boundingRect.width / boundingRect.height).toFixed(1));
         scale = scale < 2 ? 2 : scale;
       }
-      konvaStage.scale({
-        x: scale,
-        y: scale
-      });
+      /*
+      konvaStage.scale({
+        x: scale,
+        y: scale,
+      })*/
       var boundingScale = konvaLayer.getClientRect();
       //平移视口
       var x = this.$refs.svgDraw.clientWidth / 2 - (Math.ceil(boundingScale.width) / 2 + boundingScale.x / 2);
       var y = this.$refs.svgDraw.clientHeight / 2 - (Math.ceil(boundingScale.height) / 2 + boundingScale.y);
-      konvaStage.setX(x);
-      konvaStage.setY(y);
+      konvaStage.scale({
+        x: 2,
+        y: 2
+      });
+      //  konvaStage.setX(x);
+      konvaStage.setY(750);
     },
-    toPdf: function toPdf() {
+    toPdf: function toPdf(name) {
       // get data URL with default settings
 
       // open in new window
@@ -57903,7 +57935,7 @@ var recordLayerConfig = {};
       pdf.addImage(konvaStage.toDataURL({
         pixelRatio: 2
       }), 0, 0, konvaStage.width(), konvaStage.height());
-      pdf.save('canvas.pdf');
+      pdf.save(name + ".pdf");
       // var imgData = canvas.toDataURL('image/png');
       //doc.text("Hello world!", 10, 10);
       //doc.save("a4.pdf");
@@ -57924,8 +57956,8 @@ var recordLayerConfig = {};
 });
 // 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=83d38700&prod&lang=scss&scoped=true
-var com_flcanvasvue_type_style_index_0_id_83d38700_prod_lang_scss_scoped_true = __webpack_require__("d698");
+// EXTERNAL MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=style&index=0&id=300b3063&prod&lang=scss&scoped=true
+var com_flcanvasvue_type_style_index_0_id_300b3063_prod_lang_scss_scoped_true = __webpack_require__("cc63");
 
 // CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue
 
@@ -57938,11 +57970,11 @@ var com_flcanvasvue_type_style_index_0_id_83d38700_prod_lang_scss_scoped_true =
 
 var com_flcanvas_component = normalizeComponent(
   components_com_flcanvasvue_type_script_lang_js,
-  com_flcanvasvue_type_template_id_83d38700_scoped_true_render,
-  com_flcanvasvue_type_template_id_83d38700_scoped_true_staticRenderFns,
+  com_flcanvasvue_type_template_id_300b3063_scoped_true_render,
+  com_flcanvasvue_type_template_id_300b3063_scoped_true_staticRenderFns,
   false,
   null,
-  "83d38700",
+  "300b3063",
   null
   
 )

package/dist/fl-web-component.css

@@ -1 +1 @@
-@charset "UTF-8";#fl-model[data-v-6e37e043],#konva-container[data-v-83d38700]{width:100%;height:100%;cursor:pointer}#konva-container[data-v-83d38700]{z-index:3;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:flex;flex-direction:column;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:flex;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:""}
+@charset "UTF-8";#fl-model[data-v-6e37e043],#konva-container[data-v-300b3063]{width:100%;height:100%;cursor:pointer}#konva-container[data-v-300b3063]{z-index:3;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:flex;flex-direction:column;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:flex;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:""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fl-web-component",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "scripts": {
     "dev": "vue-cli-service serve",
     "lint": "eslint \"{src,packages}/**/*.{vue,js}\" --fix",

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

@@ -4,6 +4,26 @@
 </template>
 
 <script>
+    function base64ToBlob(base64) {
+        const byteCharacters = atob(base64);
+        const byteArrays = [];
+
+        for (let offset = 0; offset < byteCharacters.length; offset += 512) {
+            const slice = byteCharacters.slice(offset, offset + 512);
+            const byteNumbers = new Array(slice.length);
+            for (let i = 0; i < slice.length; i++) {
+                byteNumbers[i] = slice.charCodeAt(i);
+            }
+            const byteArray = new Uint8Array(byteNumbers);
+            byteArrays.push(byteArray);
+        }
+        return new Blob(byteArrays, { type: 'application/pdf' });
+    }
+
+
+    function createObjectURL(blob) {
+        return URL.createObjectURL(blob);
+    }
 
 
 
@@ -100,11 +120,21 @@
 
         methods: {
             loadDxf(data){
+
+                console.log("ok");
+
                 const parser = new DxfParser();
                 let dxf = parser.parse(data);
                 let entities = formatEntity(dxf.entities);
+
+                console.log(entities);
+
                 let layers = dxf.tables.layer.layers;
                 //加载图纸
+
+                console.log("layers");
+                console.log(layers);
+
                 for (let key in layers) {
                     if (entities[key]) {
                         let group = [];
@@ -142,12 +172,25 @@
                                         let y1=entity.y1;
                                         let x2=entity.x2;
                                         let y2=entity.y2;
-                                        context.moveTo(x1, -parseFloat(y1));
-                                        context.lineTo(x2, -parseFloat(y2));
+
+
+                                        if(x1!=undefined&&y1!=undefined&&x2!=undefined&&y2!=undefined) {
+
+
+                                            context.moveTo(x1, -parseFloat(y1));
+                                            context.lineTo(x2, -parseFloat(y2));
+                                        }
                                     }
                                     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){
@@ -183,10 +226,11 @@
                     scale = Number((boundingRect.width / boundingRect.height).toFixed(1));
                     scale = scale < 2 ? 2 : scale
                 }
+                /*
                 konvaStage.scale({
-                    x: scale,
-                    y: scale,
-                })
+                  x: scale,
+                  y: scale,
+                })*/
                 const boundingScale = konvaLayer.getClientRect();
                 //平移视口
                 const x =
@@ -195,14 +239,19 @@
                 const y =
                     this.$refs.svgDraw.clientHeight / 2 -
                     (Math.ceil(boundingScale.height) / 2 + boundingScale.y);
-                konvaStage.setX(x);
-                konvaStage.setY(y);
+
+                konvaStage.scale({
+                    x:2,
+                    y:2
+                })
+                //  konvaStage.setX(x);
+                konvaStage.setY(750);
 
 
 
 
             },
-            toPdf(){
+            toPdf(name){
                 // get data URL with default settings
 
                 // open in new window
@@ -228,7 +277,7 @@
                     konvaStage.height()
                 );
 
-                pdf.save('canvas.pdf');
+                pdf.save(name+".pdf");
                 // var imgData = canvas.toDataURL('image/png');
                 //doc.text("Hello world!", 10, 10);
                 //doc.save("a4.pdf");