qrcode.vue - npm Package Compare versions

Comparing version 1.6.2 to 1.6.3

dist/qrcode.vue.esm.js

 /*!
- * qrcode.vue v1.6.2
+ * qrcode.vue v1.6.3
  * A Vue component for QRCode.
- * © 2017-2019 @scopewu
+ * © 2017-2019 @scopewu(https://github.com/scopewu)
  * MIT License.
@@ -926,32 +926,6 @@ */
   return utf8Str;
-}
+} // @vue/component
 
+
 var QrcodeVue = {
-  render: function render(createElement) {
-    var className = this.className,
-        value = this.value,
-        level = this.level,
-        background = this.background,
-        foreground = this.foreground,
-        size = this.size;
-    return createElement('div', {
-      class: className,
-      attrs: {
-        value: value,
-        level: level,
-        background: background,
-        foreground: foreground
-      }
-    }, [createElement('canvas', {
-      attrs: {
-        height: size,
-        width: size
-      },
-      style: {
-        width: size + 'px',
-        height: size + 'px'
-      },
-      ref: 'qrcode-vue'
-    }, [])]);
-  },
   props: {
@@ -990,2 +964,8 @@ value: {
   },
+  updated: function updated() {
+    this.render();
+  },
+  mounted: function mounted() {
+    this.render();
+  },
   methods: {
@@ -1024,7 +1004,28 @@ render: function render() {
   },
-  updated: function updated() {
-    this.render();
-  },
-  mounted: function mounted() {
-    this.render();
+  render: function render(createElement) {
+    var className = this.className,
+        value = this.value,
+        level = this.level,
+        background = this.background,
+        foreground = this.foreground,
+        size = this.size;
+    return createElement('div', {
+      class: this.class || className,
+      attrs: {
+        value: value,
+        level: level,
+        background: background,
+        foreground: foreground
+      }
+    }, [createElement('canvas', {
+      attrs: {
+        height: size,
+        width: size
+      },
+      style: {
+        width: size + 'px',
+        height: size + 'px'
+      },
+      ref: 'qrcode-vue'
+    }, [])]);
   }
@@ -1031,0 +1032,0 @@ };

dist/qrcode.vue.js

 /*!
- * qrcode.vue v1.6.2
+ * qrcode.vue v1.6.3
  * A Vue component for QRCode.
- * © 2017-2019 @scopewu
+ * © 2017-2019 @scopewu(https://github.com/scopewu)
  * MIT License.
@@ -932,32 +932,6 @@ */
   return utf8Str;
-}
+} // @vue/component
 
+
 var QrcodeVue = {
-  render: function render(createElement) {
-    var className = this.className,
-        value = this.value,
-        level = this.level,
-        background = this.background,
-        foreground = this.foreground,
-        size = this.size;
-    return createElement('div', {
-      class: className,
-      attrs: {
-        value: value,
-        level: level,
-        background: background,
-        foreground: foreground
-      }
-    }, [createElement('canvas', {
-      attrs: {
-        height: size,
-        width: size
-      },
-      style: {
-        width: size + 'px',
-        height: size + 'px'
-      },
-      ref: 'qrcode-vue'
-    }, [])]);
-  },
   props: {
@@ -996,2 +970,8 @@ value: {
   },
+  updated: function updated() {
+    this.render();
+  },
+  mounted: function mounted() {
+    this.render();
+  },
   methods: {
@@ -1030,7 +1010,28 @@ render: function render() {
   },
-  updated: function updated() {
-    this.render();
-  },
-  mounted: function mounted() {
-    this.render();
+  render: function render(createElement) {
+    var className = this.className,
+        value = this.value,
+        level = this.level,
+        background = this.background,
+        foreground = this.foreground,
+        size = this.size;
+    return createElement('div', {
+      class: this.class || className,
+      attrs: {
+        value: value,
+        level: level,
+        background: background,
+        foreground: foreground
+      }
+    }, [createElement('canvas', {
+      attrs: {
+        height: size,
+        width: size
+      },
+      style: {
+        width: size + 'px',
+        height: size + 'px'
+      },
+      ref: 'qrcode-vue'
+    }, [])]);
   }
@@ -1037,0 +1038,0 @@ };

dist/qrcode.vue.min.js

 /*!
- * qrcode.vue v1.6.2
+ * qrcode.vue v1.6.3
  * A Vue component for QRCode.
- * © 2017-2019 @scopewu
+ * © 2017-2019 @scopewu(https://github.com/scopewu)
  * MIT License.
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).QrcodeVue=e()}(this,function(){"use strict";var r=1,o=2,n=4,i=8;function t(t){this.mode=n,this.data=t}t.prototype={getLength:function(t){return this.data.length},write:function(t){for(var e=0;e<this.data.length;e++)t.put(this.data.charCodeAt(e),8)}};var a=t,f={L:1,M:0,Q:3,H:2};function l(t,e){this.totalCount=t,this.dataCount=e}l.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],l.getRSBlocks=function(t,e){var r=l.getRsBlockTable(t,e);if(null==r)throw Error("bad rs block @ typeNumber:"+t+"/errorCorrectLevel:"+e);for(var o=r.length/3,n=[],i=0;i<o;i++)for(var a=r[3*i+0],s=r[3*i+1],u=r[3*i+2],h=0;h<a;h++)n.push(new l(s,u));return n},l.getRsBlockTable=function(t,e){switch(e){case f.L:return l.RS_BLOCK_TABLE[4*(t-1)+0];case f.M:return l.RS_BLOCK_TABLE[4*(t-1)+1];case f.Q:return l.RS_BLOCK_TABLE[4*(t-1)+2];case f.H:return l.RS_BLOCK_TABLE[4*(t-1)+3];default:return}};var u=l;function e(){this.buffer=[],this.length=0}e.prototype={get:function(t){return 1==(this.buffer[Math.floor(t/8)]>>>7-t%8&1)},put:function(t,e){for(var r=0;r<e;r++)this.putBit(1==(t>>>e-r-1&1))},getLengthInBits:function(){return this.length},putBit:function(t){var e=Math.floor(this.length/8);e<this.buffer.length||this.buffer.push(0),t&&(this.buffer[e]|=128>>>this.length%8),this.length++}};for(var h=e,s={glog:function(t){if(t<1)throw Error("glog("+t+")");return s.LOG_TABLE[t]},gexp:function(t){for(;t<0;)t+=255;for(;256<=t;)t-=255;return s.EXP_TABLE[t]},EXP_TABLE:Array(256),LOG_TABLE:Array(256)},g=0;g<8;g++)s.EXP_TABLE[g]=1<<g;for(g=8;g<256;g++)s.EXP_TABLE[g]=s.EXP_TABLE[g-4]^s.EXP_TABLE[g-5]^s.EXP_TABLE[g-6]^s.EXP_TABLE[g-8];for(g=0;g<255;g++)s.LOG_TABLE[s.EXP_TABLE[g]]=g;var d=s;function c(t,e){if(null==t.length)throw Error(t.length+"/"+e);for(var r=0;r<t.length&&0==t[r];)r++;this.num=Array(t.length-r+e);for(var o=0;o<t.length-r;o++)this.num[o]=t[o+r]}c.prototype={get:function(t){return this.num[t]},getLength:function(){return this.num.length},multiply:function(t){for(var e=Array(this.getLength()+t.getLength()-1),r=0;r<this.getLength();r++)for(var o=0;o<t.getLength();o++)e[r+o]^=d.gexp(d.glog(this.get(r))+d.glog(t.get(o)));return new c(e,0)},mod:function(t){if(this.getLength()-t.getLength()<0)return this;for(var e=d.glog(this.get(0))-d.glog(t.get(0)),r=Array(this.getLength()),o=0;o<this.getLength();o++)r[o]=this.get(o);for(o=0;o<t.getLength();o++)r[o]^=d.gexp(d.glog(t.get(o))+e);return new c(r,0).mod(t)}};var p=c,m=0,v=1,C=2,L=3,B=4,y=5,P=6,k=7,E={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(t){for(var e=t<<10;0<=E.getBCHDigit(e)-E.getBCHDigit(E.G15);)e^=E.G15<<E.getBCHDigit(e)-E.getBCHDigit(E.G15);return(t<<10|e)^E.G15_MASK},getBCHTypeNumber:function(t){for(var e=t<<12;0<=E.getBCHDigit(e)-E.getBCHDigit(E.G18);)e^=E.G18<<E.getBCHDigit(e)-E.getBCHDigit(E.G18);return t<<12|e},getBCHDigit:function(t){for(var e=0;0!=t;)e++,t>>>=1;return e},getPatternPosition:function(t){return E.PATTERN_POSITION_TABLE[t-1]},getMask:function(t,e,r){switch(t){case m:return(e+r)%2==0;case v:return e%2==0;case C:return r%3==0;case L:return(e+r)%3==0;case B:return(Math.floor(e/2)+Math.floor(r/3))%2==0;case y:return e*r%2+e*r%3==0;case P:return(e*r%2+e*r%3)%2==0;case k:return(e*r%3+(e+r)%2)%2==0;default:throw Error("bad maskPattern:"+t)}},getErrorCorrectPolynomial:function(t){for(var e=new p([1],0),r=0;r<t;r++)e=e.multiply(new p([1,d.gexp(r)],0));return e},getLengthInBits:function(t,e){if(1<=e&&e<10)switch(t){case r:return 10;case o:return 9;case n:case i:return 8;default:throw Error("mode:"+t)}else if(e<27)switch(t){case r:return 12;case o:return 11;case n:return 16;case i:return 10;default:throw Error("mode:"+t)}else{if(41<=e)throw Error("type:"+e);switch(t){case r:return 14;case o:return 13;case n:return 16;case i:return 12;default:throw Error("mode:"+t)}}},getLostPoint:function(t){for(var e=t.getModuleCount(),r=0,o=0;o<e;o++)for(var n=0;n<e;n++){for(var i=0,a=t.isDark(o,n),s=-1;s<=1;s++)if(0<=o+s&&o+s<e)for(var u=-1;u<=1;u++)0<=n+u&&n+u<e&&(0==s&&0==u||a==t.isDark(o+s,n+u)&&i++);5<i&&(r+=3+i-5)}for(o=0;o<e-1;o++)for(n=0;n<e-1;n++){var h=0;t.isDark(o,n)&&h++,t.isDark(o+1,n)&&h++,t.isDark(o,n+1)&&h++,t.isDark(o+1,n+1)&&h++,0!=h&&4!=h||(r+=3)}for(o=0;o<e;o++)for(n=0;n<e-6;n++)t.isDark(o,n)&&!t.isDark(o,n+1)&&t.isDark(o,n+2)&&t.isDark(o,n+3)&&t.isDark(o,n+4)&&!t.isDark(o,n+5)&&t.isDark(o,n+6)&&(r+=40);for(n=0;n<e;n++)for(o=0;o<e-6;o++)t.isDark(o,n)&&!t.isDark(o+1,n)&&t.isDark(o+2,n)&&t.isDark(o+3,n)&&t.isDark(o+4,n)&&!t.isDark(o+5,n)&&t.isDark(o+6,n)&&(r+=40);var l=0;for(n=0;n<e;n++)for(o=0;o<e;o++)t.isDark(o,n)&&l++;return r+=10*(Math.abs(100*l/e/e-50)/5)}},A=E;function D(t,e){this.typeNumber=t,this.errorCorrectLevel=e,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}var T=D.prototype;T.addData=function(t){var e=new a(t);this.dataList.push(e),this.dataCache=null},T.isDark=function(t,e){if(t<0||this.moduleCount<=t||e<0||this.moduleCount<=e)throw Error(t+","+e);return this.modules[t][e]},T.getModuleCount=function(){return this.moduleCount},T.make=function(){if(this.typeNumber<1){var t=1;for(t=1;t<40;t++){for(var e=u.getRSBlocks(t,this.errorCorrectLevel),r=new h,o=0,n=0;n<e.length;n++)o+=e[n].dataCount;for(n=0;n<this.dataList.length;n++){var i=this.dataList[n];r.put(i.mode,4),r.put(i.getLength(),A.getLengthInBits(i.mode,t)),i.write(r)}if(r.getLengthInBits()<=8*o)break}this.typeNumber=t}this.makeImpl(!1,this.getBestMaskPattern())},T.makeImpl=function(t,e){this.moduleCount=4*this.typeNumber+17,this.modules=Array(this.moduleCount);for(var r=0;r<this.moduleCount;r++){this.modules[r]=Array(this.moduleCount);for(var o=0;o<this.moduleCount;o++)this.modules[r][o]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(t,e),this.typeNumber<7||this.setupTypeNumber(t),null==this.dataCache&&(this.dataCache=D.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,e)},T.setupPositionProbePattern=function(t,e){for(var r=-1;r<=7;r++)if(-1<t+r&&t+r<this.moduleCount)for(var o=-1;o<=7;o++)-1<e+o&&e+o<this.moduleCount&&(this.modules[t+r][e+o]=!((r<0||6<r||0!=o&&6!=o)&&(o<0||6<o||0!=r&&6!=r)&&(r<2||4<r||o<2||4<o)))},T.getBestMaskPattern=function(){for(var t=0,e=0,r=0;r<8;r++){this.makeImpl(!0,r);var o=A.getLostPoint(this);0!=r&&t<=o||(t=o,e=r)}return e},T.createMovieClip=function(t,e,r){var o=t.createEmptyMovieClip(e,r);this.make();for(var n=0;n<this.modules.length;n++)for(var i=1*n,a=0;a<this.modules[n].length;a++){var s=1*a;this.modules[n][a]&&(o.beginFill(0,100),o.moveTo(s,i),o.lineTo(1+s,i),o.lineTo(1+s,1+i),o.lineTo(s,1+i),o.endFill())}return o},T.setupTimingPattern=function(){for(var t=8;t<this.moduleCount-8;t++)null==this.modules[t][6]&&(this.modules[t][6]=t%2==0);for(var e=8;e<this.moduleCount-8;e++)null==this.modules[6][e]&&(this.modules[6][e]=e%2==0)},T.setupPositionAdjustPattern=function(){for(var t=A.getPatternPosition(this.typeNumber),e=0;e<t.length;e++)for(var r=0;r<t.length;r++){var o=t[e],n=t[r];if(null==this.modules[o][n])for(var i=-2;i<=2;i++)for(var a=-2;a<=2;a++)this.modules[o+i][n+a]=-2==i||2==i||-2==a||2==a||0==i&&0==a}},T.setupTypeNumber=function(t){for(var e=A.getBCHTypeNumber(this.typeNumber),r=0;r<18;r++){var o=!t&&1==(e>>r&1);this.modules[Math.floor(r/3)][r%3+this.moduleCount-8-3]=o}for(r=0;r<18;r++){o=!t&&1==(e>>r&1);this.modules[r%3+this.moduleCount-8-3][Math.floor(r/3)]=o}},T.setupTypeInfo=function(t,e){for(var r=A.getBCHTypeInfo(this.errorCorrectLevel<<3|e),o=0;o<15;o++){var n=!t&&1==(r>>o&1);o<6?this.modules[o][8]=n:o<8?this.modules[o+1][8]=n:this.modules[this.moduleCount-15+o][8]=n}for(o=0;o<15;o++){n=!t&&1==(r>>o&1);o<8?this.modules[8][this.moduleCount-o-1]=n:o<9?this.modules[8][15-o-1+1]=n:this.modules[8][15-o-1]=n}this.modules[this.moduleCount-8][8]=!t},T.mapData=function(t,e){for(var r=-1,o=this.moduleCount-1,n=7,i=0,a=this.moduleCount-1;0<a;a-=2)for(6==a&&a--;;){for(var s=0;s<2;s++)if(null==this.modules[o][a-s]){var u=!1;i<t.length&&(u=1==(t[i]>>>n&1)),A.getMask(e,o,a-s)&&(u=!u),this.modules[o][a-s]=u,-1==--n&&(i++,n=7)}if((o+=r)<0||this.moduleCount<=o){o-=r,r=-r;break}}},D.PAD0=236,D.PAD1=17,D.createData=function(t,e,r){for(var o=u.getRSBlocks(t,e),n=new h,i=0;i<r.length;i++){var a=r[i];n.put(a.mode,4),n.put(a.getLength(),A.getLengthInBits(a.mode,t)),a.write(n)}var s=0;for(i=0;i<o.length;i++)s+=o[i].dataCount;if(n.getLengthInBits()>8*s)throw Error("code length overflow. ("+n.getLengthInBits()+">"+8*s+")");for(n.getLengthInBits()+4>8*s||n.put(0,4);n.getLengthInBits()%8!=0;)n.putBit(!1);for(;n.getLengthInBits()<8*s&&(n.put(D.PAD0,8),n.getLengthInBits()<8*s);)n.put(D.PAD1,8);return D.createBytes(n,o)},D.createBytes=function(t,e){for(var r=0,o=0,n=0,i=Array(e.length),a=Array(e.length),s=0;s<e.length;s++){var u=e[s].dataCount,h=e[s].totalCount-u;o=Math.max(o,u),n=Math.max(n,h),i[s]=Array(u);for(var l=0;l<i[s].length;l++)i[s][l]=255&t.buffer[l+r];r+=u;var f=A.getErrorCorrectPolynomial(h),g=new p(i[s],f.getLength()-1).mod(f);a[s]=Array(f.getLength()-1);for(l=0;l<a[s].length;l++){var d=l+g.getLength()-a[s].length;a[s][l]=d<0?0:g.get(d)}}var c=0;for(l=0;l<e.length;l++)c+=e[l].totalCount;var m=Array(c),v=0;for(l=0;l<o;l++)for(s=0;s<e.length;s++)l<i[s].length&&(m[v++]=i[s][l]);for(l=0;l<n;l++)for(s=0;s<e.length;s++)l<a[s].length&&(m[v++]=a[s][l]);return m};var b=D;return{render:function(t){var e=this.size;return t("div",{class:this.className,attrs:{value:this.value,level:this.level,background:this.background,foreground:this.foreground}},[t("canvas",{attrs:{height:e,width:e},style:{width:e+"px",height:e+"px"},ref:"qrcode-vue"},[])])},props:{value:{type:String,required:!0,default:""},className:{type:String,default:""},size:{type:[Number,String],default:100,validator:function(t){return!0!==isNaN(+t)}},level:{type:String,default:"L",validator:function(t){return!!~["L","Q","M","H"].indexOf(t)}},background:{type:String,default:"#fff"},foreground:{type:String,default:"#000"}},methods:{render:function(){var t=this.value,i=this.background,a=this.foreground,e=this.size>>>0,r=new b(-1,f[this.level]);r.addData(function(t){for(var e="",r=0;r<t.length;r++){var o=t.charCodeAt(r);o<128?e+=String.fromCharCode(o):(o<2048?e+=String.fromCharCode(192|o>>6):(o<55296||57344<=o?e+=String.fromCharCode(224|o>>12):(o=65536+((1023&o)<<10|1023&t.charCodeAt(++r)),e+=String.fromCharCode(240|o>>18),e+=String.fromCharCode(128|o>>12&63)),e+=String.fromCharCode(128|o>>6&63)),e+=String.fromCharCode(128|63&o))}return e}(t)),r.make();var o=this.$refs["qrcode-vue"],s=o.getContext("2d"),n=r.modules,u=e/n.length,h=e/n.length,l=window.devicePixelRatio||1;o.height=o.width=e*l,s.scale(l,l),n.forEach(function(t,n){t.forEach(function(t,e){s.fillStyle=t?a:i;var r=Math.ceil((e+1)*u)-Math.floor(e*u),o=Math.ceil((n+1)*h)-Math.floor(n*h);s.fillRect(Math.round(e*u),Math.round(n*h),r,o)})})}},updated:function(){this.render()},mounted:function(){this.render()}}});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).QrcodeVue=e()}(this,function(){"use strict";var r=1,o=2,n=4,i=8;function t(t){this.mode=n,this.data=t}t.prototype={getLength:function(t){return this.data.length},write:function(t){for(var e=0;e<this.data.length;e++)t.put(this.data.charCodeAt(e),8)}};var a=t,f={L:1,M:0,Q:3,H:2};function l(t,e){this.totalCount=t,this.dataCount=e}l.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],l.getRSBlocks=function(t,e){var r=l.getRsBlockTable(t,e);if(null==r)throw Error("bad rs block @ typeNumber:"+t+"/errorCorrectLevel:"+e);for(var o=r.length/3,n=[],i=0;i<o;i++)for(var a=r[3*i+0],s=r[3*i+1],u=r[3*i+2],h=0;h<a;h++)n.push(new l(s,u));return n},l.getRsBlockTable=function(t,e){switch(e){case f.L:return l.RS_BLOCK_TABLE[4*(t-1)+0];case f.M:return l.RS_BLOCK_TABLE[4*(t-1)+1];case f.Q:return l.RS_BLOCK_TABLE[4*(t-1)+2];case f.H:return l.RS_BLOCK_TABLE[4*(t-1)+3];default:return}};var u=l;function e(){this.buffer=[],this.length=0}e.prototype={get:function(t){return 1==(this.buffer[Math.floor(t/8)]>>>7-t%8&1)},put:function(t,e){for(var r=0;r<e;r++)this.putBit(1==(t>>>e-r-1&1))},getLengthInBits:function(){return this.length},putBit:function(t){var e=Math.floor(this.length/8);e<this.buffer.length||this.buffer.push(0),t&&(this.buffer[e]|=128>>>this.length%8),this.length++}};for(var h=e,s={glog:function(t){if(t<1)throw Error("glog("+t+")");return s.LOG_TABLE[t]},gexp:function(t){for(;t<0;)t+=255;for(;256<=t;)t-=255;return s.EXP_TABLE[t]},EXP_TABLE:Array(256),LOG_TABLE:Array(256)},g=0;g<8;g++)s.EXP_TABLE[g]=1<<g;for(g=8;g<256;g++)s.EXP_TABLE[g]=s.EXP_TABLE[g-4]^s.EXP_TABLE[g-5]^s.EXP_TABLE[g-6]^s.EXP_TABLE[g-8];for(g=0;g<255;g++)s.LOG_TABLE[s.EXP_TABLE[g]]=g;var d=s;function c(t,e){if(null==t.length)throw Error(t.length+"/"+e);for(var r=0;r<t.length&&0==t[r];)r++;this.num=Array(t.length-r+e);for(var o=0;o<t.length-r;o++)this.num[o]=t[o+r]}c.prototype={get:function(t){return this.num[t]},getLength:function(){return this.num.length},multiply:function(t){for(var e=Array(this.getLength()+t.getLength()-1),r=0;r<this.getLength();r++)for(var o=0;o<t.getLength();o++)e[r+o]^=d.gexp(d.glog(this.get(r))+d.glog(t.get(o)));return new c(e,0)},mod:function(t){if(this.getLength()-t.getLength()<0)return this;for(var e=d.glog(this.get(0))-d.glog(t.get(0)),r=Array(this.getLength()),o=0;o<this.getLength();o++)r[o]=this.get(o);for(o=0;o<t.getLength();o++)r[o]^=d.gexp(d.glog(t.get(o))+e);return new c(r,0).mod(t)}};var p=c,m=0,v=1,C=2,L=3,B=4,y=5,P=6,k=7,E={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(t){for(var e=t<<10;0<=E.getBCHDigit(e)-E.getBCHDigit(E.G15);)e^=E.G15<<E.getBCHDigit(e)-E.getBCHDigit(E.G15);return(t<<10|e)^E.G15_MASK},getBCHTypeNumber:function(t){for(var e=t<<12;0<=E.getBCHDigit(e)-E.getBCHDigit(E.G18);)e^=E.G18<<E.getBCHDigit(e)-E.getBCHDigit(E.G18);return t<<12|e},getBCHDigit:function(t){for(var e=0;0!=t;)e++,t>>>=1;return e},getPatternPosition:function(t){return E.PATTERN_POSITION_TABLE[t-1]},getMask:function(t,e,r){switch(t){case m:return(e+r)%2==0;case v:return e%2==0;case C:return r%3==0;case L:return(e+r)%3==0;case B:return(Math.floor(e/2)+Math.floor(r/3))%2==0;case y:return e*r%2+e*r%3==0;case P:return(e*r%2+e*r%3)%2==0;case k:return(e*r%3+(e+r)%2)%2==0;default:throw Error("bad maskPattern:"+t)}},getErrorCorrectPolynomial:function(t){for(var e=new p([1],0),r=0;r<t;r++)e=e.multiply(new p([1,d.gexp(r)],0));return e},getLengthInBits:function(t,e){if(1<=e&&e<10)switch(t){case r:return 10;case o:return 9;case n:case i:return 8;default:throw Error("mode:"+t)}else if(e<27)switch(t){case r:return 12;case o:return 11;case n:return 16;case i:return 10;default:throw Error("mode:"+t)}else{if(41<=e)throw Error("type:"+e);switch(t){case r:return 14;case o:return 13;case n:return 16;case i:return 12;default:throw Error("mode:"+t)}}},getLostPoint:function(t){for(var e=t.getModuleCount(),r=0,o=0;o<e;o++)for(var n=0;n<e;n++){for(var i=0,a=t.isDark(o,n),s=-1;s<=1;s++)if(0<=o+s&&o+s<e)for(var u=-1;u<=1;u++)0<=n+u&&n+u<e&&(0==s&&0==u||a==t.isDark(o+s,n+u)&&i++);5<i&&(r+=3+i-5)}for(o=0;o<e-1;o++)for(n=0;n<e-1;n++){var h=0;t.isDark(o,n)&&h++,t.isDark(o+1,n)&&h++,t.isDark(o,n+1)&&h++,t.isDark(o+1,n+1)&&h++,0!=h&&4!=h||(r+=3)}for(o=0;o<e;o++)for(n=0;n<e-6;n++)t.isDark(o,n)&&!t.isDark(o,n+1)&&t.isDark(o,n+2)&&t.isDark(o,n+3)&&t.isDark(o,n+4)&&!t.isDark(o,n+5)&&t.isDark(o,n+6)&&(r+=40);for(n=0;n<e;n++)for(o=0;o<e-6;o++)t.isDark(o,n)&&!t.isDark(o+1,n)&&t.isDark(o+2,n)&&t.isDark(o+3,n)&&t.isDark(o+4,n)&&!t.isDark(o+5,n)&&t.isDark(o+6,n)&&(r+=40);var l=0;for(n=0;n<e;n++)for(o=0;o<e;o++)t.isDark(o,n)&&l++;return r+=10*(Math.abs(100*l/e/e-50)/5)}},A=E;function D(t,e){this.typeNumber=t,this.errorCorrectLevel=e,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}var T=D.prototype;T.addData=function(t){var e=new a(t);this.dataList.push(e),this.dataCache=null},T.isDark=function(t,e){if(t<0||this.moduleCount<=t||e<0||this.moduleCount<=e)throw Error(t+","+e);return this.modules[t][e]},T.getModuleCount=function(){return this.moduleCount},T.make=function(){if(this.typeNumber<1){var t=1;for(t=1;t<40;t++){for(var e=u.getRSBlocks(t,this.errorCorrectLevel),r=new h,o=0,n=0;n<e.length;n++)o+=e[n].dataCount;for(n=0;n<this.dataList.length;n++){var i=this.dataList[n];r.put(i.mode,4),r.put(i.getLength(),A.getLengthInBits(i.mode,t)),i.write(r)}if(r.getLengthInBits()<=8*o)break}this.typeNumber=t}this.makeImpl(!1,this.getBestMaskPattern())},T.makeImpl=function(t,e){this.moduleCount=4*this.typeNumber+17,this.modules=Array(this.moduleCount);for(var r=0;r<this.moduleCount;r++){this.modules[r]=Array(this.moduleCount);for(var o=0;o<this.moduleCount;o++)this.modules[r][o]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(t,e),this.typeNumber<7||this.setupTypeNumber(t),null==this.dataCache&&(this.dataCache=D.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,e)},T.setupPositionProbePattern=function(t,e){for(var r=-1;r<=7;r++)if(-1<t+r&&t+r<this.moduleCount)for(var o=-1;o<=7;o++)-1<e+o&&e+o<this.moduleCount&&(this.modules[t+r][e+o]=!((r<0||6<r||0!=o&&6!=o)&&(o<0||6<o||0!=r&&6!=r)&&(r<2||4<r||o<2||4<o)))},T.getBestMaskPattern=function(){for(var t=0,e=0,r=0;r<8;r++){this.makeImpl(!0,r);var o=A.getLostPoint(this);0!=r&&t<=o||(t=o,e=r)}return e},T.createMovieClip=function(t,e,r){var o=t.createEmptyMovieClip(e,r);this.make();for(var n=0;n<this.modules.length;n++)for(var i=1*n,a=0;a<this.modules[n].length;a++){var s=1*a;this.modules[n][a]&&(o.beginFill(0,100),o.moveTo(s,i),o.lineTo(1+s,i),o.lineTo(1+s,1+i),o.lineTo(s,1+i),o.endFill())}return o},T.setupTimingPattern=function(){for(var t=8;t<this.moduleCount-8;t++)null==this.modules[t][6]&&(this.modules[t][6]=t%2==0);for(var e=8;e<this.moduleCount-8;e++)null==this.modules[6][e]&&(this.modules[6][e]=e%2==0)},T.setupPositionAdjustPattern=function(){for(var t=A.getPatternPosition(this.typeNumber),e=0;e<t.length;e++)for(var r=0;r<t.length;r++){var o=t[e],n=t[r];if(null==this.modules[o][n])for(var i=-2;i<=2;i++)for(var a=-2;a<=2;a++)this.modules[o+i][n+a]=-2==i||2==i||-2==a||2==a||0==i&&0==a}},T.setupTypeNumber=function(t){for(var e=A.getBCHTypeNumber(this.typeNumber),r=0;r<18;r++){var o=!t&&1==(e>>r&1);this.modules[Math.floor(r/3)][r%3+this.moduleCount-8-3]=o}for(r=0;r<18;r++){o=!t&&1==(e>>r&1);this.modules[r%3+this.moduleCount-8-3][Math.floor(r/3)]=o}},T.setupTypeInfo=function(t,e){for(var r=A.getBCHTypeInfo(this.errorCorrectLevel<<3|e),o=0;o<15;o++){var n=!t&&1==(r>>o&1);o<6?this.modules[o][8]=n:o<8?this.modules[o+1][8]=n:this.modules[this.moduleCount-15+o][8]=n}for(o=0;o<15;o++){n=!t&&1==(r>>o&1);o<8?this.modules[8][this.moduleCount-o-1]=n:o<9?this.modules[8][15-o-1+1]=n:this.modules[8][15-o-1]=n}this.modules[this.moduleCount-8][8]=!t},T.mapData=function(t,e){for(var r=-1,o=this.moduleCount-1,n=7,i=0,a=this.moduleCount-1;0<a;a-=2)for(6==a&&a--;;){for(var s=0;s<2;s++)if(null==this.modules[o][a-s]){var u=!1;i<t.length&&(u=1==(t[i]>>>n&1)),A.getMask(e,o,a-s)&&(u=!u),this.modules[o][a-s]=u,-1==--n&&(i++,n=7)}if((o+=r)<0||this.moduleCount<=o){o-=r,r=-r;break}}},D.PAD0=236,D.PAD1=17,D.createData=function(t,e,r){for(var o=u.getRSBlocks(t,e),n=new h,i=0;i<r.length;i++){var a=r[i];n.put(a.mode,4),n.put(a.getLength(),A.getLengthInBits(a.mode,t)),a.write(n)}var s=0;for(i=0;i<o.length;i++)s+=o[i].dataCount;if(n.getLengthInBits()>8*s)throw Error("code length overflow. ("+n.getLengthInBits()+">"+8*s+")");for(n.getLengthInBits()+4>8*s||n.put(0,4);n.getLengthInBits()%8!=0;)n.putBit(!1);for(;n.getLengthInBits()<8*s&&(n.put(D.PAD0,8),n.getLengthInBits()<8*s);)n.put(D.PAD1,8);return D.createBytes(n,o)},D.createBytes=function(t,e){for(var r=0,o=0,n=0,i=Array(e.length),a=Array(e.length),s=0;s<e.length;s++){var u=e[s].dataCount,h=e[s].totalCount-u;o=Math.max(o,u),n=Math.max(n,h),i[s]=Array(u);for(var l=0;l<i[s].length;l++)i[s][l]=255&t.buffer[l+r];r+=u;var f=A.getErrorCorrectPolynomial(h),g=new p(i[s],f.getLength()-1).mod(f);a[s]=Array(f.getLength()-1);for(l=0;l<a[s].length;l++){var d=l+g.getLength()-a[s].length;a[s][l]=d<0?0:g.get(d)}}var c=0;for(l=0;l<e.length;l++)c+=e[l].totalCount;var m=Array(c),v=0;for(l=0;l<o;l++)for(s=0;s<e.length;s++)l<i[s].length&&(m[v++]=i[s][l]);for(l=0;l<n;l++)for(s=0;s<e.length;s++)l<a[s].length&&(m[v++]=a[s][l]);return m};var b=D;return{props:{value:{type:String,required:!0,default:""},className:{type:String,default:""},size:{type:[Number,String],default:100,validator:function(t){return!0!==isNaN(+t)}},level:{type:String,default:"L",validator:function(t){return!!~["L","Q","M","H"].indexOf(t)}},background:{type:String,default:"#fff"},foreground:{type:String,default:"#000"}},updated:function(){this.render()},mounted:function(){this.render()},methods:{render:function(){var t=this.value,i=this.background,a=this.foreground,e=this.size>>>0,r=new b(-1,f[this.level]);r.addData(function(t){for(var e="",r=0;r<t.length;r++){var o=t.charCodeAt(r);o<128?e+=String.fromCharCode(o):(o<2048?e+=String.fromCharCode(192|o>>6):(o<55296||57344<=o?e+=String.fromCharCode(224|o>>12):(o=65536+((1023&o)<<10|1023&t.charCodeAt(++r)),e+=String.fromCharCode(240|o>>18),e+=String.fromCharCode(128|o>>12&63)),e+=String.fromCharCode(128|o>>6&63)),e+=String.fromCharCode(128|63&o))}return e}(t)),r.make();var o=this.$refs["qrcode-vue"],s=o.getContext("2d"),n=r.modules,u=e/n.length,h=e/n.length,l=window.devicePixelRatio||1;o.height=o.width=e*l,s.scale(l,l),n.forEach(function(t,n){t.forEach(function(t,e){s.fillStyle=t?a:i;var r=Math.ceil((e+1)*u)-Math.floor(e*u),o=Math.ceil((n+1)*h)-Math.floor(n*h);s.fillRect(Math.round(e*u),Math.round(n*h),r,o)})})}},render:function(t){var e=this.size;return t("div",{class:this.class||this.className,attrs:{value:this.value,level:this.level,background:this.background,foreground:this.foreground}},[t("canvas",{attrs:{height:e,width:e},style:{width:e+"px",height:e+"px"},ref:"qrcode-vue"},[])])}}});

package.json

 {
   "name": "qrcode.vue",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "description": "A Vue component for QRCode.",
   "main": "dist/qrcode.vue.js",
   "module": "dist/qrcode.vue.esm.js",
-  "unpkg": "dist/qrcode.vue.js",
-  "jsdelivr": "dist/qrcode.vue.js",
   "scripts": {
@@ -16,2 +14,3 @@ "start": "webpack-dev-server --config webpack.config.js --open",
     "build": "npm run clean && npm run build:es && npm run build:umd && npm run build:umd:min",
+    "lint": "eslint --ext .js,.vue src",
     "prepublish": "npm run build"
@@ -31,4 +30,6 @@ },
   "files": [
-    "dist",
-    "src"
+    "/dist",
+    "/src",
+    "/docs",
+    "README-zh_cn.md"
   ],
@@ -46,25 +47,26 @@ "author": "scope.wu <[e-mail]>",
   "devDependencies": {
-    "@babel/core": "^7.4.4",
-    "@babel/polyfill": "^7.4.4",
-    "@babel/preset-env": "^7.4.4",
+    "@babel/core": "^7.5.5",
+    "@babel/preset-env": "^7.5.5",
     "babel-loader": "^8.0.6",
-    "cross-env": "^5.2.0",
-    "css-loader": "^2.1.1",
+    "cross-env": "^5.2.1",
+    "css-loader": "^3.2.0",
+    "eslint": "^6.3.0",
+    "eslint-plugin-vue": "^5.2.3",
     "html-webpack-plugin": "^3.2.0",
-    "husky": "^1.2.0",
-    "prettier": "1.15.2",
-    "pretty-quick": "^1.8.0",
+    "husky": "^3.0.5",
+    "prettier": "1.18.2",
+    "pretty-quick": "^1.11.1",
     "qr.js": "^0.0.0",
-    "rimraf": "^2.6.2",
-    "rollup": "^1.12.3",
+    "rimraf": "^3.0.0",
+    "rollup": "^1.20.3",
     "rollup-plugin-babel": "^4.3.2",
-    "rollup-plugin-commonjs": "^10.0.0",
+    "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-node-resolve": "^5.0.0",
     "rollup-plugin-replace": "^2.2.0",
-    "rollup-plugin-uglify": "^6.0.2",
-    "style-loader": "^0.23.1",
+    "rollup-plugin-uglify": "^6.0.3",
+    "style-loader": "^1.0.0",
     "vue": "^2.6.10",
-    "webpack": "^4.32.0",
-    "webpack-cli": "^3.3.2",
-    "webpack-dev-server": "^3.4.1"
+    "webpack": "^4.39.3",
+    "webpack-cli": "^3.3.7",
+    "webpack-dev-server": "^3.8.0"
   },
@@ -82,3 +84,11 @@ "husky": {
     "semi": false
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:vue/recommended"
+    ],
+    "rules": {
+      "vue/no-unused-vars": "error"
+    }
   }
 }

README.md

 # qrcode.vue
-A Vue.js component for QRCode.
 
+A Vue.js component for [QRCode](https://en.wikipedia.org/wiki/QR_code).
+
 [![Build Status](https://travis-ci.org/scopewu/qrcode.vue.svg?branch=master)](https://travis-ci.org/scopewu/qrcode.vue)
 [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/scopewu/qrcode.vue/blob/master/LICENSE)
 
-## Language
-[中文简体](./README-zh_cn.md)
+[中文](./README-zh_cn.md)
 
-## Start quick
+## install
+
 the `qrcode.vue` component can use in you Vue.js app.
+
 ```bash
@@ -17,6 +19,8 @@ npm install --save qrcode.vue # yarn add qrcode.vue
 ## Usage
+
 e.g.
+
 ```javascript
-import Vue from 'vue';
-import QrcodeVue from 'qrcode.vue';
+import Vue from 'vue'
+import QrcodeVue from 'qrcode.vue'
 
@@ -26,31 +30,33 @@ new Vue({
   data: {
-    value: 'https://example.com'
+    value: 'https://example.com',
   },
   template: '<qrcode-vue :value="value"></qrcode-vue>',
   components: {
-    QrcodeVue
-  }
+    QrcodeVue,
+  },
 })
 ```
-Or single-file components with a *.vue extension:
+
+Or single-file components with a `*.vue` extension:
+
 ```html
 <template>
-<div>
-  <qrcode-vue :value="value" :size="size" level="H"></qrcode-vue>
-</div>
+  <div>
+    <qrcode-vue :value="value" :size="size" level="H"></qrcode-vue>
+  </div>
 </template>
 <script>
-import QrcodeVue from 'qrcode.vue';
+  import QrcodeVue from 'qrcode.vue'
 
-export default {
-  data() {
-    return {
-      value: 'https://example.com',
-      size: 300
-    }
-  },
-  components: {
-    QrcodeVue
+  export default {
+    data() {
+      return {
+        value: 'https://example.com',
+        size: 300,
+      }
+    },
+    components: {
+      QrcodeVue,
+    },
   }
-}
 </script>
@@ -61,15 +67,46 @@ ```
 
-| prop | type | default value | expain |
-|------|------|--------------|---------|
-|`value`|`String`|`''`| qrcode value |
-|`className`|`String`|`''`| qrcode element className |
-|`size`|`Number`|`100`| qrcode element size |
-|`level`|`String`|`L`| Error correction level ('L', 'M', 'Q', 'H') |
-|`background`|`String`|`#fff`| qrcode background color|
-|`foreground`|`String`|`#000`| qrcode color|
+### value
 
-## Thanks
-["qr.js"](https://github.com/defunctzombie/qr.js) ["qrcode.react"](https://github.com/zpao/qrcode.react)
+- Type: `string`
+- Default: `''`
 
+The value content of qrcode
+
+### level
+
+- Type: `string`
+- Default: `L`
+
+qrcode Error correction level (one of 'L', 'M', 'Q', 'H'). Know more, [wikipedia: QR_code](https://en.wikipedia.org/wiki/QR_code#Error_correction)
+
+### size
+
+- Type: `number`
+- Default: `100`
+
+The size of qrcode element.
+
+### background
+
+- Type: `string`
+- Default: `#ffffff`
+
+The background color of qrcode.
+
+### foreground
+
+- Type: `string`
+- Default: `#000000`
+
+The foreground color of qrcode.
+
+### class || className
+
+- Type: `string`
+- Default: `''`
+
+The class name of qrcode element.
+
 ## License
-copyright &copy; 2017 scopewu, license by [MIT](https://github.com/scopewu/qrcode.vue/blob/master/LICENSE)
+
+copyright &copy; 2017 @scopewu, license by [MIT](https://github.com/scopewu/qrcode.vue/blob/master/LICENSE)

src/index.js

@@ -40,25 +40,4 @@ import QRCode from 'qr.js/lib/QRCode'
 
+// @vue/component
 const QrcodeVue = {
-  render(createElement) {
-    const { className, value, level, background, foreground, size } = this
-
-    return createElement(
-      'div',
-      {
-        class: className,
-        attrs: { value, level, background, foreground },
-      },
-      [
-        createElement(
-          'canvas',
-          {
-            attrs: { height: size, width: size },
-            style: { width: size + 'px', height: size + 'px' },
-            ref: 'qrcode-vue',
-          },
-          []
-        ),
-      ]
-    )
-  },
   props: {
@@ -93,2 +72,8 @@ value: {
   },
+  updated() {
+    this.render()
+  },
+  mounted() {
+    this.render()
+  },
   methods: {
@@ -124,10 +109,26 @@ render() {
   },
-  updated() {
-    this.render()
+  render(createElement) {
+    const { className, value, level, background, foreground, size } = this
+
+    return createElement(
+      'div',
+      {
+        class: this.class || className,
+        attrs: { value, level, background, foreground },
+      },
+      [
+        createElement(
+          'canvas',
+          {
+            attrs: { height: size, width: size },
+            style: { width: size + 'px', height: size + 'px' },
+            ref: 'qrcode-vue',
+          },
+          []
+        ),
+      ]
+    )
   },
-  mounted() {
-    this.render()
-  },
 }
 
 export default QrcodeVue

No alert changes

Improved metrics

Total package byte prevSize

95420

increased by16.64%

Number of package files

14

increased by100%

Lines of code

1963

increased by4.69%

Number of lines in readme file

110

increased by52.78%

Worsened metrics

Dev dependency count

24

increased by4.35%

No dependency changes