@tongfun/tf-widget 0.1.184 → 0.1.186

package/lib/tf-widget.common.js

@@ -261290,9 +261290,9 @@ var srcvue_type_template_id_3ae0309e_scoped_true_render = function () {var _vm=t
 var srcvue_type_template_id_3ae0309e_scoped_true_staticRenderFns = []
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/print-render.vue?vue&type=template&id=359c0135&scoped=true&
-var print_rendervue_type_template_id_359c0135_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"print-render",style:({width:_vm.silentMode? _vm.displayWidth.width : 'unset'})},[_c('div',{ref:"printTarget",staticClass:"print-target",style:(_vm.displayWidth)},_vm._l((_vm.data),function(receipt){return _c('div',{key:receipt.rowId,staticClass:"single-receipt",style:(_vm.displayWidth)},_vm._l((_vm.parsePages(receipt)),function(pageInfo,pageIndex){return _c('div',{key:pageIndex,staticClass:"paper-dom",style:(_vm.paperStyle)},_vm._l((_vm.config.layout),function(container,layoutIndex){return _c('ContainerRender',{key:container.id,attrs:{"type":container.type,"property":container.property,"is-show":_vm.parseIsShow(pageIndex, container, pageInfo, layoutIndex),"widgets":container.widgets,"print-data":_vm.parsePageData(receipt, pageInfo, pageIndex, container.type)}})}),1)}),0)}),0),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.printTargetImgDisplay),expression:"printTargetImgDisplay"}],ref:"printTargetImg",staticClass:"print-target-imgs"},_vm._l((_vm.renderImgList),function(imgItem,index){return _c('div',{key:index,staticClass:"paper-img"},[_c('img',{style:({display:'block'}),attrs:{"src":imgItem,"width":"100%"}})])}),0)])}
-var print_rendervue_type_template_id_359c0135_scoped_true_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/print-render.vue?vue&type=template&id=65533614&scoped=true&
+var print_rendervue_type_template_id_65533614_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"print-render",style:({width:_vm.silentMode? _vm.displayWidth.width : 'unset'})},[_c('div',{ref:"printTarget",staticClass:"print-target",style:(_vm.displayWidth)},_vm._l((_vm.data),function(receipt){return _c('div',{key:receipt.rowId,staticClass:"single-receipt",style:(_vm.displayWidth)},_vm._l((_vm.parsePages(receipt)),function(pageInfo,pageIndex){return _c('div',{key:pageIndex,staticClass:"paper-dom",style:(_vm.paperStyle)},[_vm._l((_vm.config.layout),function(container,layoutIndex){return _c('ContainerRender',{key:container.id,attrs:{"type":container.type,"property":container.property,"is-show":_vm.parseIsShow(pageIndex, container, pageInfo, layoutIndex),"widgets":container.widgets,"print-data":_vm.parsePageData(receipt, pageInfo, pageIndex, container.type)}})}),(_vm.showPage)?_c('div',{staticClass:"page-bottom",style:(_vm.pageFooter)},[_vm._v(_vm._s(pageIndex + 1)+"/"+_vm._s(pageInfo.pagesNum))]):_vm._e()],2)}),0)}),0),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.printTargetImgDisplay),expression:"printTargetImgDisplay"}],ref:"printTargetImg",staticClass:"print-target-imgs"},_vm._l((_vm.renderImgList),function(imgItem,index){return _c('div',{key:index,staticClass:"paper-img"},[_c('img',{style:({display:'block'}),attrs:{"src":imgItem,"width":"100%"}})])}),0)])}
+var print_rendervue_type_template_id_65533614_scoped_true_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/container/index.vue?vue&type=template&id=8947ad5a&scoped=true&
@@ -261843,9 +261843,9 @@ var container_absolute_render_component = (0,componentNormalizer/* default */.Z)
 )
 
 /* harmony default export */ var container_absolute_render = (container_absolute_render_component.exports);
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/container/container-table-render.vue?vue&type=template&id=299b46f0&scoped=true&
-var container_table_rendervue_type_template_id_299b46f0_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"container-table-render",style:(_vm.tableStyle)},[_c('el-table',{staticStyle:{"border":"1px solid black"},attrs:{"border":"","data":_vm.printData,"row-style":{height: (_vm.bodyLineHeight + "px"),overflow: 'hidden'},"cell-style":{borderColor:'black',padding:0,height:(_vm.bodyLineHeight + "px"),overflow: 'hidden',fontSize:(_vm.bodyFontSize + "px")},"header-cell-style":{borderColor:'black',padding:0,height:(_vm.headerLineHeight + "px"),overflow: 'hidden',fontSize:(_vm.headerFontSize + "px"),color:'black',fontWeight:'400',fontStyle:'normal'},"size":"mini"}},_vm._l((_vm.columns),function(column,index){return _c('el-table-column',{key:index,attrs:{"label":column.title,"min-width":column.fieldWidth,"prop":column.field,"render-header":_vm.renderHeader,"show-overflow-tooltip":""}})}),1)],1)}
-var container_table_rendervue_type_template_id_299b46f0_scoped_true_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/container/container-table-render.vue?vue&type=template&id=79e25212&scoped=true&
+var container_table_rendervue_type_template_id_79e25212_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"container-table-render",style:(_vm.tableStyle)},[_c('el-table',{staticStyle:{"border":"1px solid black"},attrs:{"border":"","data":_vm.printData,"row-style":{height: (_vm.bodyLineHeight + "px"),overflow: 'hidden'},"cell-style":{borderColor:'black',padding:0,height:(_vm.bodyLineHeight + "px"),overflow: 'hidden',fontSize:(_vm.bodyFontSize + "px"),'text-align': ("" + _vm.bodyTextPosition) },"header-cell-style":{borderColor:'black',padding:0,height:(_vm.headerLineHeight + "px"),overflow: 'hidden',fontSize:(_vm.headerFontSize + "px"),color:'black',fontWeight:'400',fontStyle:'normal'},"size":"mini"}},_vm._l((_vm.columns),function(column,index){return _c('el-table-column',{key:index,attrs:{"label":column.title,"min-width":column.fieldWidth,"prop":column.field,"render-header":_vm.renderHeader,"show-overflow-tooltip":""}})}),1)],1)}
+var container_table_rendervue_type_template_id_79e25212_scoped_true_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/container/container-table-render.vue?vue&type=script&lang=js&
@@ -261898,6 +261898,10 @@ var container_table_rendervue_type_template_id_299b46f0_scoped_true_staticRender
       type: Number,
       default: 12
     },
+    bodyTextPosition: {
+      type: String,
+      default: 'center'
+    },
     bodyFontSize: {
       type: Number,
       default: 12
@@ -261928,7 +261932,8 @@ var container_table_rendervue_type_template_id_299b46f0_scoped_true_staticRender
           width: '100%',
           height: `${this.headerLineHeight}px`,
           'line-height': `${this.headerLineHeight}px`,
-          'white-space': 'nowrap'
+          'white-space': 'nowrap',
+          'text-align': 'center'
         }
       }, [column.label]);
     }
@@ -261936,10 +261941,10 @@ var container_table_rendervue_type_template_id_299b46f0_scoped_true_staticRender
 });
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-table-render.vue?vue&type=script&lang=js&
  /* harmony default export */ var container_container_table_rendervue_type_script_lang_js_ = (container_table_rendervue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/container/container-table-render.vue?vue&type=style&index=0&id=299b46f0&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/container/container-table-render.vue?vue&type=style&index=0&id=79e25212&prod&scoped=true&lang=less&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-table-render.vue?vue&type=style&index=0&id=299b46f0&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-table-render.vue?vue&type=style&index=0&id=79e25212&prod&scoped=true&lang=less&
 
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-table-render.vue
 
@@ -261952,11 +261957,11 @@ var container_table_rendervue_type_template_id_299b46f0_scoped_true_staticRender
 
 var container_table_render_component = (0,componentNormalizer/* default */.Z)(
   container_container_table_rendervue_type_script_lang_js_,
-  container_table_rendervue_type_template_id_299b46f0_scoped_true_render,
-  container_table_rendervue_type_template_id_299b46f0_scoped_true_staticRenderFns,
+  container_table_rendervue_type_template_id_79e25212_scoped_true_render,
+  container_table_rendervue_type_template_id_79e25212_scoped_true_staticRenderFns,
   false,
   null,
-  "299b46f0",
+  "79e25212",
   null
   
 )
@@ -262300,6 +262305,8 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
 //
 //
 //
+//
+//
 
 
 
@@ -262315,10 +262322,6 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
       type: Boolean,
       default: false
     },
-    triggerDomMode: {
-      type: Boolean,
-      default: false
-    },
     config: {
       type: Object,
       default: null
@@ -262337,6 +262340,17 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
   },
 
   computed: {
+    pageFooter() {
+      const tableConfig = this.config.layout.find(item => item.type === 'ContainerTable');
+      return {
+        'text-align': tableConfig?.property.pagePosition || 'left'
+      };
+    },
+    showPage() {
+      if (!this.config) return false;
+      const tableConfig = this.config.layout.find(item => item.type === 'ContainerTable');
+      return tableConfig?.property.isShowPage;
+    },
     displayWidth() {
       if (!this.config) return {};
       return {
@@ -262348,6 +262362,7 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
       return {
         width: this.config.paperConfig.pageDirection === 1 ? this.config.paperConfig.paperWidth + 'mm' : this.config.paperConfig.paperHeight + 'mm',
         'max-height': this.config.paperConfig.pageDirection === 1 ? this.config.paperConfig.paperHeight + 'mm' : this.config.paperConfig.paperWidth + 'mm',
+        'min-height': this.config.paperConfig.pageDirection === 1 ? this.config.paperConfig.paperHeight - 1 + 'mm' : this.config.paperConfig.paperWidth - 1 + 'mm',
         paddingTop: this.config.paperConfig.paddingTop + 'mm',
         paddingBottom: this.config.paperConfig.paddingBottom + 'mm',
         paddingRight: this.config.paperConfig.paddingRight + 'mm',
@@ -262575,7 +262590,9 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
         }, 0);
         return prev + curHeight;
       }, 0);
-      const height = this.config.paperConfig.pageDirection === 1 ? this.config.paperConfig.paperHeight : this.config.paperConfig.paperWidth;
+      let height = this.config.paperConfig.pageDirection === 1 ? this.config.paperConfig.paperHeight : this.config.paperConfig.paperWidth;
+      const padding = this.config.paperConfig.paddingBottom + this.config.paperConfig.paddingTop;
+      height = height - padding;
       const recordsNum = Math.floor((height * 3.78 - otherHeight - tableLayout.property.headerLineHeight) / tableLayout.property.bodyLineHeight);
       return recordsNum - 1;
     },
@@ -262590,19 +262607,21 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
       });
       return await Promise.all(convertPromiseList);
     },
-    printTargetDom() {
+    printTargetDom(options = {}) {
+      const setting = Object.assign({
+        triggerDomMode: false
+      }, options);
+      if (setting.triggerDomMode) {
+        return (0,utils/* print */.S0)(this.$refs.printTarget, {
+          getContent: true
+        });
+      }
       this.loading = this.$loading({
         lock: true,
         text: '加载中',
         spinner: 'el-icon-loading',
         background: 'rgba(0, 0, 0, 0.7)'
       });
-      if (this.triggerDomMode) {
-        this.loading.close();
-        return (0,utils/* print */.S0)(this.$refs.printTarget, {
-          getContent: true
-        });
-      }
 
       // 针对不同的打印机类型，使用不同的打印方式，激光打印机转换成图片进行打印，针式打印机直接打印dom
       switch (this.config.paperConfig.printorType) {
@@ -262653,10 +262672,10 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
 });
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/print-render.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_print_rendervue_type_script_lang_js_ = (print_rendervue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/print-render.vue?vue&type=style&index=0&id=359c0135&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/print-render.vue?vue&type=style&index=0&id=65533614&prod&scoped=true&lang=less&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/tf-print-render/src/print-render.vue?vue&type=style&index=0&id=359c0135&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./package/tf-print-render/src/print-render.vue?vue&type=style&index=0&id=65533614&prod&scoped=true&lang=less&
 
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/print-render.vue
 
@@ -262669,11 +262688,11 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
 
 var print_render_component = (0,componentNormalizer/* default */.Z)(
   src_print_rendervue_type_script_lang_js_,
-  print_rendervue_type_template_id_359c0135_scoped_true_render,
-  print_rendervue_type_template_id_359c0135_scoped_true_staticRenderFns,
+  print_rendervue_type_template_id_65533614_scoped_true_render,
+  print_rendervue_type_template_id_65533614_scoped_true_staticRenderFns,
   false,
   null,
-  "359c0135",
+  "65533614",
   null
   
 )
@@ -262949,6 +262968,19 @@ function getInitConfig() {
           });
           return;
         }
+        if (this.triggerDomMode) {
+          this.silencePrintRenderDispaly = true;
+          const getPrintDom = () => {
+            return new Promise((resolv, reject) => {
+              setTimeout(() => {
+                resolv(this.$refs.silentPrintRender.printTargetDom({
+                  triggerDomMode: true
+                }));
+              });
+            });
+          };
+          return await getPrintDom();
+        }
 
         /**
          * 分方式触发打印，分静默打印和预览打印两个分支