@tongfun/tf-widget 0.1.191 → 0.1.193

package/lib/tf-widget.umd.js

@@ -261300,9 +261300,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=128af749&scoped=true&
-var print_rendervue_type_template_id_128af749_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_128af749_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=23b646de&scoped=true&
+var print_rendervue_type_template_id_23b646de_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.countPaperStyle(pageIndex + 1 === pageInfo.pagesNum))},[_c('div',{staticClass:"container-render",style:(_vm.containerStyle)},_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),(_vm.showSidebar)?_c('div',{staticClass:"sidebar",style:(_vm.sideBarStyle)},[_vm._v(_vm._s(_vm.config.paperConfig.sidebarContent))]):_vm._e(),(_vm.showPage)?_c('div',{staticClass:"page-bottom",style:(_vm.pageFooter)},[_vm._v(_vm._s(pageIndex + 1)+"/"+_vm._s(pageInfo.pagesNum))]):_vm._e()])}),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_23b646de_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&
@@ -261441,9 +261441,9 @@ var widget_field_render_component = (0,componentNormalizer/* default */.Z)(
 )
 
 /* harmony default export */ var widget_field_render = (widget_field_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-text-render.vue?vue&type=template&id=69549dde&scoped=true&
-var widget_text_rendervue_type_template_id_69549dde_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"widget-text-render",style:(_vm.textStyle)},[_vm._v(" "+_vm._s(_vm.value)+" ")])}
-var widget_text_rendervue_type_template_id_69549dde_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-text-render.vue?vue&type=template&id=ff1b8d6e&scoped=true&
+var widget_text_rendervue_type_template_id_ff1b8d6e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"widget-text-render",style:(_vm.textStyle)},[_vm._v(" "+_vm._s(_vm.value)+" ")])}
+var widget_text_rendervue_type_template_id_ff1b8d6e_scoped_true_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/widget/widget-text-render.vue?vue&type=script&lang=js&
@@ -261514,10 +261514,10 @@ var widget_text_rendervue_type_template_id_69549dde_scoped_true_staticRenderFns
 });
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/widget-text-render.vue?vue&type=script&lang=js&
  /* harmony default export */ var widget_widget_text_rendervue_type_script_lang_js_ = (widget_text_rendervue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/widget/widget-text-render.vue?vue&type=style&index=0&id=69549dde&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-print-render/src/widget/widget-text-render.vue?vue&type=style&index=0&id=ff1b8d6e&prod&scoped=true&lang=less&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/widget-text-render.vue?vue&type=style&index=0&id=69549dde&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/widget-text-render.vue?vue&type=style&index=0&id=ff1b8d6e&prod&scoped=true&lang=less&
 
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/widget-text-render.vue
 
@@ -261530,11 +261530,11 @@ var widget_text_rendervue_type_template_id_69549dde_scoped_true_staticRenderFns
 
 var widget_text_render_component = (0,componentNormalizer/* default */.Z)(
   widget_widget_text_rendervue_type_script_lang_js_,
-  widget_text_rendervue_type_template_id_69549dde_scoped_true_render,
-  widget_text_rendervue_type_template_id_69549dde_scoped_true_staticRenderFns,
+  widget_text_rendervue_type_template_id_ff1b8d6e_scoped_true_render,
+  widget_text_rendervue_type_template_id_ff1b8d6e_scoped_true_staticRenderFns,
   false,
   null,
-  "69549dde",
+  "ff1b8d6e",
   null
   
 )
@@ -262328,6 +262328,10 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
 //
 //
 //
+//
+//
+//
+//
 
 
 
@@ -262361,6 +262365,28 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
   },
 
   computed: {
+    containerStyle() {
+      if (!this.config) return {};
+      const width = this.config.paperConfig.pageDirection === 1 ? this.config.paperConfig.paperWidth * 3.78 : this.config.paperConfig.paperHeight * 3.78;
+      const actuality = width - this.config.paperConfig.paddingRight * 3.78 - this.config.paperConfig.paddingLeft * 3.78 - this.config.paperConfig.sidebarFontSize;
+      return this.config.paperConfig.sidebar ? {
+        width: actuality + 'px'
+      } : {
+        width: '100%'
+      };
+    },
+    sideBarStyle() {
+      if (!this.config) return {};
+      return {
+        'font-size': this.config.paperConfig.sidebarFontSize + 'px',
+        width: this.config.paperConfig.sidebarFontSize + 'px',
+        'min-height': this.config.paperConfig.pageDirection === 1 ? this.config.paperConfig.paperHeight - 1 + 'mm' : this.config.paperConfig.paperWidth - 1 + 'mm'
+      };
+    },
+    showSidebar() {
+      if (!this.config) return false;
+      return this.config.paperConfig.sidebar;
+    },
     pageFooter() {
       const tableConfig = this.config.layout.find(item => item.type === 'ContainerTable');
       return {
@@ -262392,6 +262418,12 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
     }
   },
   methods: {
+    /** 兼容空白页 low method */
+    countPaperStyle(isLast) {
+      return isLast ? this.paperStyle : Object.assign({
+        marginBottom: '1mm'
+      }, this.paperStyle);
+    },
     parseIsShow(pageIndex, layout, pageInfo, layoutIndex) {
       // 如果不存在表格，默认都显示
       const tableIndex = this.config.layout.findIndex(item => item.type === 'ContainerTable');
@@ -262650,35 +262682,38 @@ var dom_to_image_default = /*#__PURE__*/__webpack_require__.n(dom_to_image);
         spinner: 'el-icon-loading',
         background: 'rgba(0, 0, 0, 0.7)'
       });
+      // 直接打印，不将dom转为图片在进行打印
+      this.runNeedlePrintor();
 
       // 针对不同的打印机类型，使用不同的打印方式，激光打印机转换成图片进行打印，针式打印机直接打印dom
-      switch (this.config.paperConfig.printorType) {
-        case 'laser':
-          this.runLaserPrintor();
-          break;
-        case 'needle':
-          this.runNeedlePrintor();
-          break;
-      }
-    },
-    /**
-     * 激光打印机使用转换成图片的方式再打印
-     */
-    async runLaserPrintor() {
-      try {
-        const imgList = await this.getDomImgList();
-        this.printTargetImgDisplay = true;
-        this.renderImgList = imgList;
-        this.$nextTick(() => {
-          (0,utils/* print */.S0)(this.$refs.printTargetImg);
-          this.printTargetImgDisplay = false;
-        });
-      } catch (err) {
-        this.$message.error('转换图片过程中出错');
-      } finally {
-        this.afterPrint();
-      }
+      // switch (this.config.paperConfig.printorType) {
+      //   case 'laser':
+      //     this.runLaserPrintor()
+      //     break
+      //   case 'needle':
+      //     this.runNeedlePrintor()
+      //     break
+      // }
     },
+
+    // /**
+    //  * 激光打印机使用转换成图片的方式再打印
+    //  */
+    // async runLaserPrintor() {
+    //   try {
+    //     const imgList = await this.getDomImgList()
+    //     this.printTargetImgDisplay = true
+    //     this.renderImgList = imgList
+    //     this.$nextTick(() => {
+    //       print(this.$refs.printTargetImg)
+    //       this.printTargetImgDisplay = false
+    //     })
+    //   } catch (err) {
+    //     this.$message.error('转换图片过程中出错')
+    //   } finally {
+    //     this.afterPrint()
+    //   }
+    // },
     /**
      * 针式打印机使用直接对dom元素进行打印的方式
      */
@@ -262700,10 +262735,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-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.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=128af749&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.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=23b646de&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=128af749&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./package/tf-print-render/src/print-render.vue?vue&type=style&index=0&id=23b646de&prod&scoped=true&lang=less&
 
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/print-render.vue
 
@@ -262716,11 +262751,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_128af749_scoped_true_render,
-  print_rendervue_type_template_id_128af749_scoped_true_staticRenderFns,
+  print_rendervue_type_template_id_23b646de_scoped_true_render,
+  print_rendervue_type_template_id_23b646de_scoped_true_staticRenderFns,
   false,
   null,
-  "128af749",
+  "23b646de",
   null
   
 )