@tongfun/tf-widget 0.1.179 → 0.1.180

package/lib/tf-widget.common.js

@@ -261292,19 +261292,19 @@ var containervue_type_template_id_05d0a495_scoped_true_render = function () {var
 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/container-absolute-render.vue?vue&type=template&id=c18936a0&scoped=true&
-var container_absolute_rendervue_type_template_id_c18936a0_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"container-absolute-render",style:(_vm.styleObj)},_vm._l((_vm.widgets),function(widget){return _c('div',{key:widget.id,staticClass:"container-absolute-render-item",style:({width:((widget.w) + "px"),height:((widget.h) + "px"),top:((widget.y) + "px"),left:((widget.x) + "px")})},[_c('WidgetRender',{attrs:{"type":widget.type,"property":widget.property}})],1)}),0)}
-var container_absolute_rendervue_type_template_id_c18936a0_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&
+var container_absolute_rendervue_type_template_id_27a23850_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"container-absolute-render",style:(_vm.styleObj)},_vm._l((_vm.widgets),function(widget){return _c('div',{key:widget.id,staticClass:"container-absolute-render-item",style:({width:((widget.w) + "px"),height:((widget.h) + "px"),top:((widget.y) + "px"),left:((widget.x) + "px")})},[_c('WidgetRender',{attrs:{"type":widget.type,"property":widget.property,"width":widget.w,"height":widget.h}})],1)}),0)}
+var container_absolute_rendervue_type_template_id_27a23850_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/index.vue?vue&type=template&id=b1ac2b18&scoped=true&
-var widgetvue_type_template_id_b1ac2b18_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"widget-render"},[_c(_vm.type,_vm._b({tag:"component"},'component',_vm.property,false))],1)}
-var widgetvue_type_template_id_b1ac2b18_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/index.vue?vue&type=template&id=72ef3c8e&scoped=true&
+var widgetvue_type_template_id_72ef3c8e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"widget-render"},[_c(_vm.type,_vm._b({tag:"component",attrs:{"width":_vm.width,"height":_vm.height}},'component',_vm.property,false))],1)}
+var widgetvue_type_template_id_72ef3c8e_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-field-render.vue?vue&type=template&id=7a620568&scoped=true&
-var widget_field_rendervue_type_template_id_7a620568_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"widget-field-render",style:(_vm.fieldStyle)},[_vm._v(" "+_vm._s(_vm.displayValue)+" ")])}
-var widget_field_rendervue_type_template_id_7a620568_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-field-render.vue?vue&type=template&id=089ea078&scoped=true&
+var widget_field_rendervue_type_template_id_089ea078_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"widget-field-render",style:(_vm.fieldStyle)},[_vm._v(" "+_vm._s(_vm.displayValue)+" ")])}
+var widget_field_rendervue_type_template_id_089ea078_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/widget/widget-field-render.vue?vue&type=script&lang=js&
@@ -261355,6 +261355,14 @@ var widget_field_rendervue_type_template_id_7a620568_scoped_true_staticRenderFns
     padding: {
       type: Number,
       default: 0
+    },
+    width: {
+      type: Number,
+      default: 0
+    },
+    height: {
+      type: Number,
+      default: 0
     }
   },
   computed: {
@@ -261380,17 +261388,19 @@ var widget_field_rendervue_type_template_id_7a620568_scoped_true_staticRenderFns
         borderRight: this.borders.includes('right') ? `1px solid ${this.borderColor}` : null,
         borderLeft: this.borders.includes('left') ? `1px solid ${this.borderColor}` : null,
         paddingLeft: this.padding + 'px',
-        paddingRight: this.padding + 'px'
+        paddingRight: this.padding + 'px',
+        height: this.height ? this.height + 'px !important' : '100%',
+        width: this.width ? this.width + 'px !important' : '100%'
       };
     }
   }
 });
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/widget-field-render.vue?vue&type=script&lang=js&
  /* harmony default export */ var widget_widget_field_rendervue_type_script_lang_js_ = (widget_field_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/widget/widget-field-render.vue?vue&type=style&index=0&id=7a620568&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/widget/widget-field-render.vue?vue&type=style&index=0&id=089ea078&prod&scoped=true&lang=less&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/widget-field-render.vue?vue&type=style&index=0&id=7a620568&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/widget-field-render.vue?vue&type=style&index=0&id=089ea078&prod&scoped=true&lang=less&
 
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/widget-field-render.vue
 
@@ -261403,19 +261413,19 @@ var widget_field_rendervue_type_template_id_7a620568_scoped_true_staticRenderFns
 
 var widget_field_render_component = (0,componentNormalizer/* default */.Z)(
   widget_widget_field_rendervue_type_script_lang_js_,
-  widget_field_rendervue_type_template_id_7a620568_scoped_true_render,
-  widget_field_rendervue_type_template_id_7a620568_scoped_true_staticRenderFns,
+  widget_field_rendervue_type_template_id_089ea078_scoped_true_render,
+  widget_field_rendervue_type_template_id_089ea078_scoped_true_staticRenderFns,
   false,
   null,
-  "7a620568",
+  "089ea078",
   null
   
 )
 
 /* 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=0c8e21b6&scoped=true&
-var widget_text_rendervue_type_template_id_0c8e21b6_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_0c8e21b6_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=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/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/widget/widget-text-render.vue?vue&type=script&lang=js&
@@ -261457,6 +261467,14 @@ var widget_text_rendervue_type_template_id_0c8e21b6_scoped_true_staticRenderFns
     padding: {
       type: Number,
       default: 0
+    },
+    width: {
+      type: Number,
+      default: 0
+    },
+    height: {
+      type: Number,
+      default: 0
     }
   },
   computed: {
@@ -261469,17 +261487,19 @@ var widget_text_rendervue_type_template_id_0c8e21b6_scoped_true_staticRenderFns
         borderRight: this.borders.includes('right') ? `1px solid ${this.borderColor}` : null,
         borderLeft: this.borders.includes('left') ? `1px solid ${this.borderColor}` : null,
         paddingLeft: this.padding + 'px',
-        paddingRight: this.padding + 'px'
+        paddingRight: this.padding + 'px',
+        height: this.height ? this.height + 'px !important' : '100%',
+        width: this.width ? this.width + 'px !important' : '100%'
       };
     }
   }
 });
 ;// 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-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/widget/widget-text-render.vue?vue&type=style&index=0&id=0c8e21b6&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/widget/widget-text-render.vue?vue&type=style&index=0&id=69549dde&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=0c8e21b6&prod&scoped=true&lang=less&
+;// 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
 
@@ -261492,19 +261512,19 @@ var widget_text_rendervue_type_template_id_0c8e21b6_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_0c8e21b6_scoped_true_render,
-  widget_text_rendervue_type_template_id_0c8e21b6_scoped_true_staticRenderFns,
+  widget_text_rendervue_type_template_id_69549dde_scoped_true_render,
+  widget_text_rendervue_type_template_id_69549dde_scoped_true_staticRenderFns,
   false,
   null,
-  "0c8e21b6",
+  "69549dde",
   null
   
 )
 
 /* harmony default export */ var widget_text_render = (widget_text_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-img-render.vue?vue&type=template&id=2f0892be&scoped=true&
-var widget_img_rendervue_type_template_id_2f0892be_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"widget-img-render"},[_c('img',{attrs:{"src":_vm.displayUrl}})])}
-var widget_img_rendervue_type_template_id_2f0892be_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-img-render.vue?vue&type=template&id=b951c6f6&scoped=true&
+var widget_img_rendervue_type_template_id_b951c6f6_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"widget-img-render"},[_c('img',{style:(_vm.imgStyle),attrs:{"src":_vm.displayUrl}})])}
+var widget_img_rendervue_type_template_id_b951c6f6_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/widget/widget-img-render.vue?vue&type=script&lang=js&
@@ -261526,20 +261546,34 @@ var widget_img_rendervue_type_template_id_2f0892be_scoped_true_staticRenderFns =
     field: {
       type: String,
       default: null
+    },
+    width: {
+      type: Number,
+      default: 0
+    },
+    height: {
+      type: Number,
+      default: 0
     }
   },
   computed: {
     displayUrl() {
       return this.value ?? this.printData[0][this.field];
+    },
+    imgStyle() {
+      return {
+        height: this.height ? this.height + 'px !important' : '100%',
+        width: this.width ? this.width + 'px !important' : '100%'
+      };
     }
   }
 });
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/widget-img-render.vue?vue&type=script&lang=js&
  /* harmony default export */ var widget_widget_img_rendervue_type_script_lang_js_ = (widget_img_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/widget/widget-img-render.vue?vue&type=style&index=0&id=2f0892be&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/widget/widget-img-render.vue?vue&type=style&index=0&id=b951c6f6&prod&scoped=true&lang=less&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/widget-img-render.vue?vue&type=style&index=0&id=2f0892be&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/widget-img-render.vue?vue&type=style&index=0&id=b951c6f6&prod&scoped=true&lang=less&
 
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/widget-img-render.vue
 
@@ -261552,19 +261586,19 @@ var widget_img_rendervue_type_template_id_2f0892be_scoped_true_staticRenderFns =
 
 var widget_img_render_component = (0,componentNormalizer/* default */.Z)(
   widget_widget_img_rendervue_type_script_lang_js_,
-  widget_img_rendervue_type_template_id_2f0892be_scoped_true_render,
-  widget_img_rendervue_type_template_id_2f0892be_scoped_true_staticRenderFns,
+  widget_img_rendervue_type_template_id_b951c6f6_scoped_true_render,
+  widget_img_rendervue_type_template_id_b951c6f6_scoped_true_staticRenderFns,
   false,
   null,
-  "2f0892be",
+  "b951c6f6",
   null
   
 )
 
 /* 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=280194da&scoped=true&
-var widget_qr_code_rendervue_type_template_id_280194da_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('canvas',{attrs:{"id":_vm.qrCodeData,"width":_vm.size,"height":_vm.size}})])}
-var widget_qr_code_rendervue_type_template_id_280194da_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=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 = []
 
 
 // EXTERNAL MODULE: ./node_modules/uqrcodejs/uqrcode.js
@@ -261576,6 +261610,7 @@ var uqrcode_default = /*#__PURE__*/__webpack_require__.n(uqrcode);
 //
 //
 //
+//
 
 
 /* harmony default export */ var widget_qr_code_rendervue_type_script_lang_js_ = ({
@@ -261589,6 +261624,14 @@ var uqrcode_default = /*#__PURE__*/__webpack_require__.n(uqrcode);
     size: {
       type: Number,
       default: 100
+    },
+    isShowLogo: {
+      type: Boolean,
+      default: false
+    },
+    logoImg: {
+      type: String,
+      default: ''
     }
   },
   computed: {
@@ -261608,13 +261651,27 @@ var uqrcode_default = /*#__PURE__*/__webpack_require__.n(uqrcode);
       const qr = new (uqrcode_default())();
       qr.data = this.qrCodeData;
       qr.size = this.size;
+      if (this.isShowLogo && this.logoImg) {
+        qr.foregroundImageSrc = this.logoImg;
+      }
       qr.make();
-      this.$nextTick(() => {
-        const canvas = document.getElementById(this.qrCodeData);
-        const canvasContext = canvas.getContext('2d');
-        qr.canvasContext = canvasContext;
-        qr.drawCanvas();
-      });
+      const drawModules = qr.getDrawModules();
+      // 遍历drawModules创建svg元素
+      let qrHtml = '';
+      for (let i = 0; i < drawModules.length; i++) {
+        let drawModule = drawModules[i];
+        switch (drawModule.type) {
+          case 'tile':
+            /* 绘制小块 */
+            qrHtml += `<rect x="${drawModule.x}" y="${drawModule.y}" width="${drawModule.width}" height="${drawModule.height}" style="fill: ${drawModule.color};" />`;
+            break;
+          case 'image':
+            /* 绘制图像 */
+            qrHtml += `<image href="${drawModule.imageSrc}" x="${drawModule.x}" y="${drawModule.y}" width="${drawModule.width}" height="${drawModule.height}" />`;
+            break;
+        }
+      }
+      document.getElementById(this.qrCodeData).innerHTML = qrHtml;
     }
   }
 });
@@ -261630,11 +261687,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_280194da_scoped_true_render,
-  widget_qr_code_rendervue_type_template_id_280194da_scoped_true_staticRenderFns,
+  widget_qr_code_rendervue_type_template_id_9eb4dca2_scoped_true_render,
+  widget_qr_code_rendervue_type_template_id_9eb4dca2_scoped_true_staticRenderFns,
   false,
   null,
-  "280194da",
+  "9eb4dca2",
   null
   
 )
@@ -261668,15 +261725,23 @@ var widget_qr_code_render_component = (0,componentNormalizer/* default */.Z)(
     property: {
       type: Object,
       default: null
+    },
+    width: {
+      type: Number,
+      default: 0
+    },
+    height: {
+      type: Number,
+      default: 0
     }
   }
 });
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_widgetvue_type_script_lang_js_ = (widgetvue_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/widget/index.vue?vue&type=style&index=0&id=b1ac2b18&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/widget/index.vue?vue&type=style&index=0&id=72ef3c8e&prod&scoped=true&lang=less&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/index.vue?vue&type=style&index=0&id=b1ac2b18&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/index.vue?vue&type=style&index=0&id=72ef3c8e&prod&scoped=true&lang=less&
 
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/widget/index.vue
 
@@ -261689,11 +261754,11 @@ var widget_qr_code_render_component = (0,componentNormalizer/* default */.Z)(
 
 var widget_component = (0,componentNormalizer/* default */.Z)(
   src_widgetvue_type_script_lang_js_,
-  widgetvue_type_template_id_b1ac2b18_scoped_true_render,
-  widgetvue_type_template_id_b1ac2b18_scoped_true_staticRenderFns,
+  widgetvue_type_template_id_72ef3c8e_scoped_true_render,
+  widgetvue_type_template_id_72ef3c8e_scoped_true_staticRenderFns,
   false,
   null,
-  "b1ac2b18",
+  "72ef3c8e",
   null
   
 )
@@ -261740,10 +261805,10 @@ var widget_component = (0,componentNormalizer/* default */.Z)(
 });
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-absolute-render.vue?vue&type=script&lang=js&
  /* harmony default export */ var container_container_absolute_rendervue_type_script_lang_js_ = (container_absolute_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-absolute-render.vue?vue&type=style&index=0&id=c18936a0&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-absolute-render.vue?vue&type=style&index=0&id=27a23850&prod&scoped=true&lang=less&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-absolute-render.vue?vue&type=style&index=0&id=c18936a0&prod&scoped=true&lang=less&
+;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-absolute-render.vue?vue&type=style&index=0&id=27a23850&prod&scoped=true&lang=less&
 
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/container/container-absolute-render.vue
 
@@ -261756,11 +261821,11 @@ var widget_component = (0,componentNormalizer/* default */.Z)(
 
 var container_absolute_render_component = (0,componentNormalizer/* default */.Z)(
   container_container_absolute_rendervue_type_script_lang_js_,
-  container_absolute_rendervue_type_template_id_c18936a0_scoped_true_render,
-  container_absolute_rendervue_type_template_id_c18936a0_scoped_true_staticRenderFns,
+  container_absolute_rendervue_type_template_id_27a23850_scoped_true_render,
+  container_absolute_rendervue_type_template_id_27a23850_scoped_true_staticRenderFns,
   false,
   null,
-  "c18936a0",
+  "27a23850",
   null
   
 )
@@ -262727,9 +262792,9 @@ tf_print_render_src.install = function (Vue) {
   Vue.component(tf_print_render_src.name, tf_print_render_src);
 };
 /* harmony default export */ var tf_print_render = (tf_print_render_src);
-;// 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/qr-code-display.vue?vue&type=template&id=50fe5717&scoped=true&
-var qr_code_displayvue_type_template_id_50fe5717_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"qr-code-display"},[_c('PrintRender',{ref:"printRender",staticClass:"config-analyse",attrs:{"config":_vm.printConfig,"data":_vm.printData}}),_c('div',{ref:"printTargetImg",staticClass:"print-target-imgs"},_vm._l((_vm.imgList),function(imgItem,index){return _c('div',{key:index,staticClass:"paper-img img-wrapper"},[_c('img',{style:({display:'block'}),attrs:{"src":imgItem,"width":"100%"}})])}),0)],1)}
-var qr_code_displayvue_type_template_id_50fe5717_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/qr-code-display.vue?vue&type=template&id=60a8c9dc&scoped=true&
+var qr_code_displayvue_type_template_id_60a8c9dc_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"qr-code-display"},[_c('PrintRender',{ref:"printRender",staticClass:"config-analyse",attrs:{"config":_vm.printConfig,"data":_vm.printData}}),_c('div',{ref:"printTargetImg",staticClass:"print-target-imgs"},_vm._l((_vm.imgList),function(imgItem,index){return _c('div',{key:index,staticClass:"paper-img img-wrapper"},[_c('img',{style:({display:'block'}),attrs:{"src":imgItem,"width":"100%"}})])}),0)],1)}
+var qr_code_displayvue_type_template_id_60a8c9dc_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/qr-code-display.vue?vue&type=script&lang=js&
@@ -262746,6 +262811,11 @@ var qr_code_displayvue_type_template_id_50fe5717_scoped_true_staticRenderFns = [
 //
 //
 //
+//
+//
+//
+//
+//
 
 
 
@@ -262774,10 +262844,10 @@ var qr_code_displayvue_type_template_id_50fe5717_scoped_true_staticRenderFns = [
 });
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/qr-code-display.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_qr_code_displayvue_type_script_lang_js_ = (qr_code_displayvue_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/qr-code-display.vue?vue&type=style&index=0&id=50fe5717&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/qr-code-display.vue?vue&type=style&index=0&id=60a8c9dc&prod&lang=less&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/tf-print-render/src/qr-code-display.vue?vue&type=style&index=0&id=50fe5717&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./package/tf-print-render/src/qr-code-display.vue?vue&type=style&index=0&id=60a8c9dc&prod&lang=less&scoped=true&
 
 ;// CONCATENATED MODULE: ./package/tf-print-render/src/qr-code-display.vue
 
@@ -262790,11 +262860,11 @@ var qr_code_displayvue_type_template_id_50fe5717_scoped_true_staticRenderFns = [
 
 var qr_code_display_component = (0,componentNormalizer/* default */.Z)(
   src_qr_code_displayvue_type_script_lang_js_,
-  qr_code_displayvue_type_template_id_50fe5717_scoped_true_render,
-  qr_code_displayvue_type_template_id_50fe5717_scoped_true_staticRenderFns,
+  qr_code_displayvue_type_template_id_60a8c9dc_scoped_true_render,
+  qr_code_displayvue_type_template_id_60a8c9dc_scoped_true_staticRenderFns,
   false,
   null,
-  "50fe5717",
+  "60a8c9dc",
   null
   
 )