@tongfun/tf-widget 0.1.181 → 0.1.182

package/lib/tf-widget.common.js

@@ -261283,14 +261283,14 @@ var srcvue_type_template_id_7d389e6a_scoped_true_render = function () {var _vm=t
 var srcvue_type_template_id_7d389e6a_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=df489d60&scoped=true&
-var print_rendervue_type_template_id_df489d60_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)},[_c('div',{staticClass:"paper-dom",style:(_vm.paperStyle)},_vm._l((_vm.config.layout),function(container){return _c('ContainerRender',{key:container.id,attrs:{"type":container.type,"property":container.property,"widgets":container.widgets,"print-data":receipt.records}})}),1)])}),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_df489d60_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=49bb1493&scoped=true&
+var print_rendervue_type_template_id_49bb1493_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_49bb1493_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=05d0a495&scoped=true&
-var containervue_type_template_id_05d0a495_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"container-render"},[_c(_vm.type,_vm._b({tag:"component",attrs:{"widgets":_vm.widgets}},'component',_vm.property,false))],1)}
-var containervue_type_template_id_05d0a495_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&
+var containervue_type_template_id_8947ad5a_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"container-render"},[(_vm.isShow)?_c(_vm.type,_vm._b({tag:"component",attrs:{"widgets":_vm.widgets}},'component',_vm.property,false)):_vm._e()],1)}
+var containervue_type_template_id_8947ad5a_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-absolute-render.vue?vue&type=template&id=27a23850&scoped=true&
@@ -261597,9 +261597,9 @@ var widget_img_render_component = (0,componentNormalizer/* default */.Z)(
 )
 
 /* harmony default export */ var widget_img_render = (widget_img_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/widget/widget-qr-code-render.vue?vue&type=template&id=9eb4dca2&scoped=true&
-var widget_qr_code_rendervue_type_template_id_9eb4dca2_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"widget-qr-code"},[_c('svg',{attrs:{"id":_vm.qrCodeData,"width":_vm.size,"height":_vm.size,"xmlns":"http://www.w3.org/2000/svg","version":"1.1"}})])}
-var widget_qr_code_rendervue_type_template_id_9eb4dca2_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/widget/widget-qr-code-render.vue?vue&type=template&id=82e25f88&scoped=true&
+var widget_qr_code_rendervue_type_template_id_82e25f88_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"widget-qr-code"},[_c('svg',{class:this.qrCodeData,attrs:{"id":_vm.qrCodeData,"width":_vm.size,"height":_vm.size,"xmlns":"http://www.w3.org/2000/svg","version":"1.1"}})])}
+var widget_qr_code_rendervue_type_template_id_82e25f88_scoped_true_staticRenderFns = []
 
 
 // EXTERNAL MODULE: ./node_modules/uqrcodejs/uqrcode.js
@@ -261672,7 +261672,11 @@ var uqrcode_default = /*#__PURE__*/__webpack_require__.n(uqrcode);
             break;
         }
       }
-      document.getElementById(this.qrCodeData).innerHTML = qrHtml;
+      const doms = document.getElementsByClassName(this.qrCodeData);
+      for (let i = 0; i < doms.length; i++) {
+        doms[i].innerHTML = qrHtml;
+      }
+      // document.getElementById(this.qrCodeData).innerHTML = qrHtml
     }
   }
 });
@@ -261688,11 +261692,11 @@ var uqrcode_default = /*#__PURE__*/__webpack_require__.n(uqrcode);
 ;
 var widget_qr_code_render_component = (0,componentNormalizer/* default */.Z)(
   widget_widget_qr_code_rendervue_type_script_lang_js_,
-  widget_qr_code_rendervue_type_template_id_9eb4dca2_scoped_true_render,
-  widget_qr_code_rendervue_type_template_id_9eb4dca2_scoped_true_staticRenderFns,
+  widget_qr_code_rendervue_type_template_id_82e25f88_scoped_true_render,
+  widget_qr_code_rendervue_type_template_id_82e25f88_scoped_true_staticRenderFns,
   false,
   null,
-  "9eb4dca2",
+  "82e25f88",
   null
   
 )
@@ -261832,9 +261836,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=224a40e8&scoped=true&
-var container_table_rendervue_type_template_id_224a40e8_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,"cell-style":{borderColor:'black',height:(_vm.bodyLineHeight + "px"),fontSize:(_vm.bodyFontSize + "px")},"header-cell-style":{borderColor:'black',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}})}),1)],1)}
-var container_table_rendervue_type_template_id_224a40e8_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=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/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&
@@ -261853,6 +261857,15 @@ var container_table_rendervue_type_template_id_224a40e8_scoped_true_staticRender
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 /* harmony default export */ var container_table_rendervue_type_script_lang_js_ = ({
   name: 'ContainerTableRender',
@@ -261895,14 +261908,31 @@ var container_table_rendervue_type_template_id_224a40e8_scoped_true_staticRender
         marginLeft: this.horizontalMargin + 'mm'
       };
     }
+  },
+  methods: {
+    // 表头部重新渲染
+    renderHeader(h, {
+      column,
+      $index
+    }) {
+      column.minWidth = column.fieldWidth;
+      return h('div', {
+        style: {
+          width: '100%',
+          height: `${this.headerLineHeight}px`,
+          'line-height': `${this.headerLineHeight}px`,
+          'white-space': 'nowrap'
+        }
+      }, [column.label]);
+    }
   }
 });
 ;// 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=224a40e8&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=299b46f0&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=224a40e8&prod&scoped=true&lang=less&
+;// 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
 
@@ -261915,24 +261945,24 @@ var container_table_rendervue_type_template_id_224a40e8_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_224a40e8_scoped_true_render,
-  container_table_rendervue_type_template_id_224a40e8_scoped_true_staticRenderFns,
+  container_table_rendervue_type_template_id_299b46f0_scoped_true_render,
+  container_table_rendervue_type_template_id_299b46f0_scoped_true_staticRenderFns,
   false,
   null,
-  "224a40e8",
+  "299b46f0",
   null
   
 )
 
 /* harmony default export */ var container_table_render = (container_table_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-grid-render.vue?vue&type=template&id=0b6068fd&scoped=true&
-var container_grid_rendervue_type_template_id_0b6068fd_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"grid-render",style:(_vm.styleObj)},[_c('table',{staticClass:"grid-table"},[_vm._l((_vm.columnSet),function(col){return _c('col',{key:col.id,attrs:{"width":col.width}})}),_vm._l((_vm.rowList),function(row){return _c('tr',{key:row.id,attrs:{"height":row.height}},_vm._l((row.rowColumns),function(cell){return _c('td',{key:cell.id,attrs:{"rowspan":cell.rowSpan,"colspan":cell.colSpan}},[_c('GridCell',{attrs:{"widget":cell.widget}})],1)}),0)})],2)])}
-var container_grid_rendervue_type_template_id_0b6068fd_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-grid-render.vue?vue&type=template&id=37377d22&scoped=true&
+var container_grid_rendervue_type_template_id_37377d22_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"grid-render",style:(_vm.styleObj)},[_c('table',{staticClass:"grid-table"},[_vm._l((_vm.columnSet),function(col){return _c('col',{key:col.id,attrs:{"width":col.width}})}),_vm._l((_vm.rowList),function(row){return _c('tr',{key:row.id,attrs:{"height":row.height}},_vm._l((row.rowColumns),function(cell){return _c('td',{key:cell.id,attrs:{"rowspan":cell.rowSpan,"colspan":cell.colSpan}},[_c('GridCell',{attrs:{"widget":cell.widget,"height":row.height}})],1)}),0)})],2)])}
+var container_grid_rendervue_type_template_id_37377d22_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-grid-cell-render.vue?vue&type=template&id=c54b4e5e&scoped=true&
-var container_grid_cell_rendervue_type_template_id_c54b4e5e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cell-content"},[_c('Widget',{attrs:{"type":_vm.widgetData.type,"property":_vm.widgetData.property}})],1)}
-var container_grid_cell_rendervue_type_template_id_c54b4e5e_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-grid-cell-render.vue?vue&type=template&id=3ac951f2&scoped=true&
+var container_grid_cell_rendervue_type_template_id_3ac951f2_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cell-content"},[_c('Widget',{attrs:{"type":_vm.widgetData.type,"property":_vm.widgetData.property,"height":_vm.height}})],1)}
+var container_grid_cell_rendervue_type_template_id_3ac951f2_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-grid-cell-render.vue?vue&type=script&lang=js&
@@ -261959,6 +261989,14 @@ var container_grid_cell_rendervue_type_template_id_c54b4e5e_scoped_true_staticRe
     newWidgetType: {
       type: String,
       default: null
+    },
+    width: {
+      type: Number,
+      default: 0
+    },
+    height: {
+      type: Number,
+      default: 0
     }
   },
   computed: {
@@ -261975,10 +262013,10 @@ var container_grid_cell_rendervue_type_template_id_c54b4e5e_scoped_true_staticRe
 });
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-grid-cell-render.vue?vue&type=script&lang=js&
  /* harmony default export */ var container_container_grid_cell_rendervue_type_script_lang_js_ = (container_grid_cell_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-grid-cell-render.vue?vue&type=style&index=0&id=c54b4e5e&prod&lang=less&scoped=true&
+;// 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-grid-cell-render.vue?vue&type=style&index=0&id=3ac951f2&prod&lang=less&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-grid-cell-render.vue?vue&type=style&index=0&id=c54b4e5e&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-grid-cell-render.vue?vue&type=style&index=0&id=3ac951f2&prod&lang=less&scoped=true&
 
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-grid-cell-render.vue
 
@@ -261991,11 +262029,11 @@ var container_grid_cell_rendervue_type_template_id_c54b4e5e_scoped_true_staticRe
 
 var container_grid_cell_render_component = (0,componentNormalizer/* default */.Z)(
   container_container_grid_cell_rendervue_type_script_lang_js_,
-  container_grid_cell_rendervue_type_template_id_c54b4e5e_scoped_true_render,
-  container_grid_cell_rendervue_type_template_id_c54b4e5e_scoped_true_staticRenderFns,
+  container_grid_cell_rendervue_type_template_id_3ac951f2_scoped_true_render,
+  container_grid_cell_rendervue_type_template_id_3ac951f2_scoped_true_staticRenderFns,
   false,
   null,
-  "c54b4e5e",
+  "3ac951f2",
   null
   
 )
@@ -262110,10 +262148,10 @@ var container_grid_cell_render_component = (0,componentNormalizer/* default */.Z
 });
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-grid-render.vue?vue&type=script&lang=js&
  /* harmony default export */ var container_container_grid_rendervue_type_script_lang_js_ = (container_grid_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-grid-render.vue?vue&type=style&index=0&id=0b6068fd&prod&lang=less&scoped=true&
+;// 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-grid-render.vue?vue&type=style&index=0&id=37377d22&prod&lang=less&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-grid-render.vue?vue&type=style&index=0&id=0b6068fd&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-grid-render.vue?vue&type=style&index=0&id=37377d22&prod&lang=less&scoped=true&
 
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-grid-render.vue
 
@@ -262126,11 +262164,11 @@ var container_grid_cell_render_component = (0,componentNormalizer/* default */.Z
 
 var container_grid_render_component = (0,componentNormalizer/* default */.Z)(
   container_container_grid_rendervue_type_script_lang_js_,
-  container_grid_rendervue_type_template_id_0b6068fd_scoped_true_render,
-  container_grid_rendervue_type_template_id_0b6068fd_scoped_true_staticRenderFns,
+  container_grid_rendervue_type_template_id_37377d22_scoped_true_render,
+  container_grid_rendervue_type_template_id_37377d22_scoped_true_staticRenderFns,
   false,
   null,
-  "0b6068fd",
+  "37377d22",
   null
   
 )
@@ -262175,6 +262213,10 @@ var container_grid_render_component = (0,componentNormalizer/* default */.Z)(
     printData: {
       type: Array,
       default: () => []
+    },
+    isShow: {
+      type: Boolean,
+      default: true
     }
   },
   data() {
@@ -262206,11 +262248,11 @@ var container_grid_render_component = (0,componentNormalizer/* default */.Z)(
 ;
 var container_component = (0,componentNormalizer/* default */.Z)(
   src_containervue_type_script_lang_js_,
-  containervue_type_template_id_05d0a495_scoped_true_render,
-  containervue_type_template_id_05d0a495_scoped_true_staticRenderFns,
+  containervue_type_template_id_8947ad5a_scoped_true_render,
+  containervue_type_template_id_8947ad5a_scoped_true_staticRenderFns,
   false,
   null,
-  "05d0a495",
+  "8947ad5a",
   null
   
 )
@@ -262220,6 +262262,10 @@ var container_component = (0,componentNormalizer/* default */.Z)(
 var dom_to_image = __webpack_require__(29306);
 var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
 ;// 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/print-render.vue?vue&type=script&lang=js&
+
+//
+//
+//
 //
 //
 //
@@ -262290,7 +262336,7 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
       if (!this.config) return {};
       return {
         width: this.config.paperConfig.pageDirection === 1 ? this.config.paperConfig.paperWidth + 'mm' : this.config.paperConfig.paperHeight + 'mm',
-        height: this.config.paperConfig.pageDirection === 1 ? this.config.paperConfig.paperHeight + 'mm' : this.config.paperConfig.paperWidth + 'mm',
+        'max-height': this.config.paperConfig.pageDirection === 1 ? this.config.paperConfig.paperHeight + 'mm' : this.config.paperConfig.paperWidth + 'mm',
         paddingTop: this.config.paperConfig.paddingTop + 'mm',
         paddingBottom: this.config.paperConfig.paddingBottom + 'mm',
         paddingRight: this.config.paperConfig.paddingRight + 'mm',
@@ -262299,6 +262345,233 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
     }
   },
   methods: {
+    parseIsShow(pageIndex, layout, pageInfo, layoutIndex) {
+      // 如果不存在表格，默认都显示
+      const tableIndex = this.config.layout.findIndex(item => item.type === 'ContainerTable');
+      if (tableIndex < 0) {
+        return true;
+      }
+      // todo 判断组件是否显示，表格的默认显示(不一定默认显示)
+      // todo 表格组件显示情况判断(根据 分页信息判断)
+      if (layout.type === 'ContainerTable') {
+        return !pageInfo.isDisableTable; // 存在最后一页不显示table的情况
+      }
+      // 表格和每页都显示的组件
+      if (layout.property.multiPagePolicy && layout.property.multiPagePolicy !== 'once') {
+        return true;
+      }
+      return layoutIndex < tableIndex && pageIndex === 0 || layoutIndex > tableIndex && pageInfo.pagesNum === pageIndex + 1;
+    },
+    /**
+     * 解析每页数据
+     */
+    parsePageData(receipt, pageInfo, pageIndex, layoutType) {
+      // 不用分页情况
+      if (!pageInfo.firstPageRecords || layoutType !== 'ContainerTable') {
+        return receipt.records;
+      }
+      const records = JSON.parse(JSON.stringify(receipt.records));
+      // 第一页面
+      if (pageIndex === 0) {
+        return records.slice(0, pageInfo.firstPageRecords);
+      } else {
+        const data = records.splice(pageInfo.firstPageRecords + (pageIndex - 1) * pageInfo.recordsNum, pageInfo.recordsNum);
+        return data;
+      }
+    },
+    /**
+     * 根据数据 和 config 设置 layout去 返回分页数据
+     * @param receipt
+     */
+    parsePages(receipt) {
+      // todo 只有存在列表的时候去判断 要不要分页操作
+      const otherLayouts = this.config.layout.filter(item => item.type !== 'ContainerTable');
+      const tableLayout = this.config.layout.find(item => item.type === 'ContainerTable');
+      if (tableLayout) {
+        // todo 先判断需不需要分页, 只有一页
+        const recordsNum = this.calculationRecordsNum(otherLayouts, tableLayout);
+        if (recordsNum >= receipt.records.length) {
+          return [{
+            pagesNum: 1,
+            firstPageRecords: null,
+            recordsNum: null
+          }];
+        }
+        // todo 进行分页处理情况判断
+        // 新的判断逻辑， 根据table的位置区分（存在特殊情况，页面只有table）
+        // todo 1, [table] 2,[table,网格/absolute], 3,[网格/absolute,table], 4,[网格/absolute,table,网格/absolute]
+        if (this.config.layout.length === 1) {
+          // 第一种情况， 只有table，进行分页 todo (已测试)
+          return this.caseOneParsePages(receipt);
+        } else if (this.config.layout.findIndex(item => item.type === 'ContainerTable') === 0) {
+          // todo 2, table在头部，[table, absolute/网格] absolute/网格不止一个 (场景少)(已测试)
+          return this.parseTableInHead(receipt, otherLayouts, tableLayout);
+        } else if (this.config.layout.findIndex(item => item.type === 'ContainerTable') === this.config.layout.length - 1) {
+          // todo 3, table在尾部 [absolute/网格, table](已测试)
+          return this.parseTableInBottom(receipt, otherLayouts, tableLayout);
+        } else {
+          // todo 4, table在中间 layout[absolute/网格, table, absolute/网格]
+          return this.parseTableInCenter(receipt, otherLayouts, tableLayout);
+        }
+      }
+      return [{
+        pagesNum: 1,
+        firstPageRecords: null,
+        recordsNum: null
+      }];
+    },
+    /**
+     * 处理table在中间
+     */
+    parseTableInCenter(receipt, otherLayouts, tableLayout) {
+      return this.parsePageNum(receipt, tableLayout, otherLayouts, 'center');
+    },
+    /**
+     * 处理table在尾部，头部是其他组件
+     */
+    parseTableInBottom(receipt, otherLayouts, tableLayout) {
+      return this.parsePageNum(receipt, tableLayout, otherLayouts, 'bottom');
+    },
+    /**
+     * 处理table在头部，后面是其他组件
+     */
+    parseTableInHead(receipt, otherLayouts, tableLayout) {
+      return this.parsePageNum(receipt, tableLayout, otherLayouts, 'head');
+    },
+    /**
+     * 解析分页次数 （存在一个属性，网格 和拖拽组件 显示次数， multiPagePolicy：'once'）
+     * @param receipt 数据源
+     * @param tableLayout 表格的layout配置
+     * @param otherLayout 其他组件列表[]
+     * @param tablePosition table的位置
+     */
+    parsePageNum(receipt, tableLayout, otherLayout, tablePosition) {
+      let pages = [];
+      // todo 超过一张纸需判断 网格和拖拽组件的 显示次数 multiPagePolicy，重新计算
+      // todo 1、没有其他组件，只有table 或者 有其他组件，但是显示次数是 每张都显示
+      if (!otherLayout.length || !otherLayout.filter(item => item.property.multiPagePolicy === 'once').length) {
+        const recordsNum = this.calculationRecordsNum(otherLayout, tableLayout);
+        pages = new Array(Math.ceil(receipt.records.length / recordsNum)).fill({
+          firstPageRecords: recordsNum,
+          // 第一页显示数量
+          recordsNum: recordsNum,
+          // 每张纸显示的数量
+          pagesNum: Math.ceil(receipt.records.length / recordsNum)
+        });
+        return pages;
+      }
+      const eachPageOtherLayout = otherLayout.filter(item => item.property.multiPagePolicy !== 'once');
+      // todo 2、有其他组件(并且不是每张纸都显示的情况),需要判断table的位置
+      switch (tablePosition) {
+        case 'head':
+          {
+            // todo
+            let recordsNum = this.calculationRecordsNum(eachPageOtherLayout, tableLayout);
+            const pagesNum = Math.ceil(receipt.records.length / recordsNum);
+            pages = new Array(pagesNum).fill({
+              firstPageRecords: recordsNum,
+              // 第一页显示数量
+              recordsNum: recordsNum,
+              // 每张纸显示的数量
+              pagesNum: pagesNum
+            });
+            // todo 存在 判断 表格渲染完的那页 是否可以显示下表格后面的内容
+            // 除去最后一页，已经显示的表格数量的
+            const allShowRecords = recordsNum * (pagesNum - 1);
+            // 最后一页显示的数量
+            const lastPageRecords = receipt.records.length - allShowRecords;
+            const lastPageRecordsNum = this.calculationRecordsNum(otherLayout, tableLayout);
+            // todo 增加一页操作
+            if (lastPageRecordsNum < lastPageRecords) {
+              pages.map(item => {
+                item.pagesNum += 1;
+              });
+              pages.push({
+                firstPageRecords: recordsNum,
+                // 第一页显示数量
+                recordsNum: recordsNum,
+                // 每张纸显示的数量
+                isDisableTable: true,
+                // 并且最后一页不显示table
+                pagesNum: pagesNum + 1
+              });
+            }
+            break;
+          }
+        case 'center':
+          {
+            // todo 先计算第一页的显示数量 (这里的表格有个最小高度)
+            // 第一页的layout 应该是 在table前面的 [layout] + 在table后面的 每页都显示的layout[layout] 来计算第一页显示数量
+            const tableLayoutIndex = this.config.layout.findIndex(item => item.type === 'ContainerTable');
+            const beforeLayouts = this.config.layout.filter((item, index) => {
+              return index < tableLayoutIndex;
+            });
+            const afterLayouts = this.config.layout.filter((item, index) => {
+              return index > tableLayoutIndex && item.property.multiPagePolicy === 'always';
+            });
+            let firstPageRecordsCt = this.calculationRecordsNum(beforeLayouts.concat(afterLayouts), tableLayout);
+            let recordsNumCt = this.calculationRecordsNum(eachPageOtherLayout, tableLayout);
+            const pagesNum = Math.ceil((receipt.records.length - firstPageRecordsCt) / recordsNumCt);
+            pages = new Array(pagesNum + 1).fill({
+              firstPageRecords: firstPageRecordsCt,
+              recordsNum: recordsNumCt,
+              pagesNum: pagesNum + 1
+            });
+            // todo 存在 判断 表格渲染完的那页 是否可以显示下表格后面的内容
+            // 除去最后一页，已经显示的表格数量的
+            const allShowRecordsNum = recordsNumCt * (pagesNum - 1) + firstPageRecordsCt;
+            // 最后一页显示的数量
+            const lastPageRecords = receipt.records.length - allShowRecordsNum;
+            const lastPageRecordsNum = this.calculationRecordsNum(otherLayout, tableLayout);
+            // todo 增加一页操作
+            if (lastPageRecordsNum < lastPageRecords) {
+              pages.map(item => {
+                item.pagesNum += 1;
+              });
+              pages.push({
+                firstPageRecords: firstPageRecordsCt,
+                // 第一页显示数量
+                recordsNum: recordsNumCt,
+                // 每张纸显示的数量
+                isDisableTable: true,
+                // 并且最后一页不显示table
+                pagesNum: pagesNum + 2
+              });
+            }
+            break;
+          }
+        case 'bottom':
+          {
+            // todo 先计算第一页的显示数量
+            let firstPageRecords = this.calculationRecordsNum(otherLayout, tableLayout);
+            // todo 计算之后每页显示的数量
+            let recordsNumBt = this.calculationRecordsNum(eachPageOtherLayout, tableLayout);
+            pages = new Array(Math.ceil((receipt.records.length - firstPageRecords) / recordsNumBt) + 1).fill({
+              firstPageRecords: firstPageRecords,
+              recordsNum: recordsNumBt,
+              pagesNum: Math.ceil(receipt.records.length / recordsNumBt) + 1
+            });
+            break;
+          }
+      }
+      return pages;
+    },
+    /** 计算每张纸显示record的数量 */
+    calculationRecordsNum(otherLayout, tableLayout) {
+      let otherHeight = !otherLayout.length ? 0 : otherLayout.reduce((prev, cur) => {
+        const curHeight = cur.type !== 'ContainerGrid' ? cur.property.height * 3.78 : cur.property.rowSet.reduce((p, c) => {
+          return p + c.height;
+        }, 0);
+        return prev + curHeight;
+      }, 0);
+      const height = this.config.paperConfig.pageDirection === 1 ? this.config.paperConfig.paperHeight : this.config.paperConfig.paperWidth;
+      const recordsNum = Math.floor((height * 3.78 - otherHeight - tableLayout.property.headerLineHeight) / tableLayout.property.bodyLineHeight);
+      return recordsNum - 1;
+    },
+    // 处理第一种情况 只有table的情况下
+    caseOneParsePages(receipt) {
+      return this.parsePageNum(receipt, this.config.layout[0], [], '');
+    },
     async getDomImgList() {
       const paperDomList = Array.from(document.querySelectorAll('.paper-dom'));
       const convertPromiseList = paperDomList.map(dom => {
@@ -262384,10 +262657,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=df489d60&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=49bb1493&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=df489d60&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./package/tf-print-render/src/print-render.vue?vue&type=style&index=0&id=49bb1493&prod&scoped=true&lang=less&
 
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/print-render.vue
 
@@ -262400,11 +262673,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_df489d60_scoped_true_render,
-  print_rendervue_type_template_id_df489d60_scoped_true_staticRenderFns,
+  print_rendervue_type_template_id_49bb1493_scoped_true_render,
+  print_rendervue_type_template_id_49bb1493_scoped_true_staticRenderFns,
   false,
   null,
-  "df489d60",
+  "49bb1493",
   null
   
 )