qrcode.vue.js 31 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132
  1. /*!
  2. * qrcode.vue v1.7.0
  3. * A Vue component to generate QRCode.
  4. * © 2017-2019 @scopewu(https://github.com/scopewu)
  5. * MIT License.
  6. */
  7. (function (global, factory) {
  8. typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
  9. typeof define === 'function' && define.amd ? define(factory) :
  10. (global = global || self, global.QrcodeVue = factory());
  11. }(this, function () { 'use strict';
  12. var mode = {
  13. MODE_NUMBER: 1 << 0,
  14. MODE_ALPHA_NUM: 1 << 1,
  15. MODE_8BIT_BYTE: 1 << 2,
  16. MODE_KANJI: 1 << 3
  17. };
  18. function QR8bitByte(data) {
  19. this.mode = mode.MODE_8BIT_BYTE;
  20. this.data = data;
  21. }
  22. QR8bitByte.prototype = {
  23. getLength: function (buffer) {
  24. return this.data.length;
  25. },
  26. write: function (buffer) {
  27. for (var i = 0; i < this.data.length; i++) {
  28. // not JIS ...
  29. buffer.put(this.data.charCodeAt(i), 8);
  30. }
  31. }
  32. };
  33. var _8BitByte = QR8bitByte;
  34. var ErrorCorrectLevel = {
  35. L: 1,
  36. M: 0,
  37. Q: 3,
  38. H: 2
  39. };
  40. function QRRSBlock(totalCount, dataCount) {
  41. this.totalCount = totalCount;
  42. this.dataCount = dataCount;
  43. }
  44. QRRSBlock.RS_BLOCK_TABLE = [// L
  45. // M
  46. // Q
  47. // H
  48. // 1
  49. [1, 26, 19], [1, 26, 16], [1, 26, 13], [1, 26, 9], // 2
  50. [1, 44, 34], [1, 44, 28], [1, 44, 22], [1, 44, 16], // 3
  51. [1, 70, 55], [1, 70, 44], [2, 35, 17], [2, 35, 13], // 4
  52. [1, 100, 80], [2, 50, 32], [2, 50, 24], [4, 25, 9], // 5
  53. [1, 134, 108], [2, 67, 43], [2, 33, 15, 2, 34, 16], [2, 33, 11, 2, 34, 12], // 6
  54. [2, 86, 68], [4, 43, 27], [4, 43, 19], [4, 43, 15], // 7
  55. [2, 98, 78], [4, 49, 31], [2, 32, 14, 4, 33, 15], [4, 39, 13, 1, 40, 14], // 8
  56. [2, 121, 97], [2, 60, 38, 2, 61, 39], [4, 40, 18, 2, 41, 19], [4, 40, 14, 2, 41, 15], // 9
  57. [2, 146, 116], [3, 58, 36, 2, 59, 37], [4, 36, 16, 4, 37, 17], [4, 36, 12, 4, 37, 13], // 10
  58. [2, 86, 68, 2, 87, 69], [4, 69, 43, 1, 70, 44], [6, 43, 19, 2, 44, 20], [6, 43, 15, 2, 44, 16], // 11
  59. [4, 101, 81], [1, 80, 50, 4, 81, 51], [4, 50, 22, 4, 51, 23], [3, 36, 12, 8, 37, 13], // 12
  60. [2, 116, 92, 2, 117, 93], [6, 58, 36, 2, 59, 37], [4, 46, 20, 6, 47, 21], [7, 42, 14, 4, 43, 15], // 13
  61. [4, 133, 107], [8, 59, 37, 1, 60, 38], [8, 44, 20, 4, 45, 21], [12, 33, 11, 4, 34, 12], // 14
  62. [3, 145, 115, 1, 146, 116], [4, 64, 40, 5, 65, 41], [11, 36, 16, 5, 37, 17], [11, 36, 12, 5, 37, 13], // 15
  63. [5, 109, 87, 1, 110, 88], [5, 65, 41, 5, 66, 42], [5, 54, 24, 7, 55, 25], [11, 36, 12], // 16
  64. [5, 122, 98, 1, 123, 99], [7, 73, 45, 3, 74, 46], [15, 43, 19, 2, 44, 20], [3, 45, 15, 13, 46, 16], // 17
  65. [1, 135, 107, 5, 136, 108], [10, 74, 46, 1, 75, 47], [1, 50, 22, 15, 51, 23], [2, 42, 14, 17, 43, 15], // 18
  66. [5, 150, 120, 1, 151, 121], [9, 69, 43, 4, 70, 44], [17, 50, 22, 1, 51, 23], [2, 42, 14, 19, 43, 15], // 19
  67. [3, 141, 113, 4, 142, 114], [3, 70, 44, 11, 71, 45], [17, 47, 21, 4, 48, 22], [9, 39, 13, 16, 40, 14], // 20
  68. [3, 135, 107, 5, 136, 108], [3, 67, 41, 13, 68, 42], [15, 54, 24, 5, 55, 25], [15, 43, 15, 10, 44, 16], // 21
  69. [4, 144, 116, 4, 145, 117], [17, 68, 42], [17, 50, 22, 6, 51, 23], [19, 46, 16, 6, 47, 17], // 22
  70. [2, 139, 111, 7, 140, 112], [17, 74, 46], [7, 54, 24, 16, 55, 25], [34, 37, 13], // 23
  71. [4, 151, 121, 5, 152, 122], [4, 75, 47, 14, 76, 48], [11, 54, 24, 14, 55, 25], [16, 45, 15, 14, 46, 16], // 24
  72. [6, 147, 117, 4, 148, 118], [6, 73, 45, 14, 74, 46], [11, 54, 24, 16, 55, 25], [30, 46, 16, 2, 47, 17], // 25
  73. [8, 132, 106, 4, 133, 107], [8, 75, 47, 13, 76, 48], [7, 54, 24, 22, 55, 25], [22, 45, 15, 13, 46, 16], // 26
  74. [10, 142, 114, 2, 143, 115], [19, 74, 46, 4, 75, 47], [28, 50, 22, 6, 51, 23], [33, 46, 16, 4, 47, 17], // 27
  75. [8, 152, 122, 4, 153, 123], [22, 73, 45, 3, 74, 46], [8, 53, 23, 26, 54, 24], [12, 45, 15, 28, 46, 16], // 28
  76. [3, 147, 117, 10, 148, 118], [3, 73, 45, 23, 74, 46], [4, 54, 24, 31, 55, 25], [11, 45, 15, 31, 46, 16], // 29
  77. [7, 146, 116, 7, 147, 117], [21, 73, 45, 7, 74, 46], [1, 53, 23, 37, 54, 24], [19, 45, 15, 26, 46, 16], // 30
  78. [5, 145, 115, 10, 146, 116], [19, 75, 47, 10, 76, 48], [15, 54, 24, 25, 55, 25], [23, 45, 15, 25, 46, 16], // 31
  79. [13, 145, 115, 3, 146, 116], [2, 74, 46, 29, 75, 47], [42, 54, 24, 1, 55, 25], [23, 45, 15, 28, 46, 16], // 32
  80. [17, 145, 115], [10, 74, 46, 23, 75, 47], [10, 54, 24, 35, 55, 25], [19, 45, 15, 35, 46, 16], // 33
  81. [17, 145, 115, 1, 146, 116], [14, 74, 46, 21, 75, 47], [29, 54, 24, 19, 55, 25], [11, 45, 15, 46, 46, 16], // 34
  82. [13, 145, 115, 6, 146, 116], [14, 74, 46, 23, 75, 47], [44, 54, 24, 7, 55, 25], [59, 46, 16, 1, 47, 17], // 35
  83. [12, 151, 121, 7, 152, 122], [12, 75, 47, 26, 76, 48], [39, 54, 24, 14, 55, 25], [22, 45, 15, 41, 46, 16], // 36
  84. [6, 151, 121, 14, 152, 122], [6, 75, 47, 34, 76, 48], [46, 54, 24, 10, 55, 25], [2, 45, 15, 64, 46, 16], // 37
  85. [17, 152, 122, 4, 153, 123], [29, 74, 46, 14, 75, 47], [49, 54, 24, 10, 55, 25], [24, 45, 15, 46, 46, 16], // 38
  86. [4, 152, 122, 18, 153, 123], [13, 74, 46, 32, 75, 47], [48, 54, 24, 14, 55, 25], [42, 45, 15, 32, 46, 16], // 39
  87. [20, 147, 117, 4, 148, 118], [40, 75, 47, 7, 76, 48], [43, 54, 24, 22, 55, 25], [10, 45, 15, 67, 46, 16], // 40
  88. [19, 148, 118, 6, 149, 119], [18, 75, 47, 31, 76, 48], [34, 54, 24, 34, 55, 25], [20, 45, 15, 61, 46, 16]];
  89. QRRSBlock.getRSBlocks = function (typeNumber, errorCorrectLevel) {
  90. var rsBlock = QRRSBlock.getRsBlockTable(typeNumber, errorCorrectLevel);
  91. if (rsBlock == undefined) {
  92. throw new Error("bad rs block @ typeNumber:" + typeNumber + "/errorCorrectLevel:" + errorCorrectLevel);
  93. }
  94. var length = rsBlock.length / 3;
  95. var list = new Array();
  96. for (var i = 0; i < length; i++) {
  97. var count = rsBlock[i * 3 + 0];
  98. var totalCount = rsBlock[i * 3 + 1];
  99. var dataCount = rsBlock[i * 3 + 2];
  100. for (var j = 0; j < count; j++) {
  101. list.push(new QRRSBlock(totalCount, dataCount));
  102. }
  103. }
  104. return list;
  105. };
  106. QRRSBlock.getRsBlockTable = function (typeNumber, errorCorrectLevel) {
  107. switch (errorCorrectLevel) {
  108. case ErrorCorrectLevel.L:
  109. return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];
  110. case ErrorCorrectLevel.M:
  111. return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];
  112. case ErrorCorrectLevel.Q:
  113. return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];
  114. case ErrorCorrectLevel.H:
  115. return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];
  116. default:
  117. return undefined;
  118. }
  119. };
  120. var RSBlock = QRRSBlock;
  121. function QRBitBuffer() {
  122. this.buffer = new Array();
  123. this.length = 0;
  124. }
  125. QRBitBuffer.prototype = {
  126. get: function (index) {
  127. var bufIndex = Math.floor(index / 8);
  128. return (this.buffer[bufIndex] >>> 7 - index % 8 & 1) == 1;
  129. },
  130. put: function (num, length) {
  131. for (var i = 0; i < length; i++) {
  132. this.putBit((num >>> length - i - 1 & 1) == 1);
  133. }
  134. },
  135. getLengthInBits: function () {
  136. return this.length;
  137. },
  138. putBit: function (bit) {
  139. var bufIndex = Math.floor(this.length / 8);
  140. if (this.buffer.length <= bufIndex) {
  141. this.buffer.push(0);
  142. }
  143. if (bit) {
  144. this.buffer[bufIndex] |= 0x80 >>> this.length % 8;
  145. }
  146. this.length++;
  147. }
  148. };
  149. var BitBuffer = QRBitBuffer;
  150. var QRMath = {
  151. glog: function (n) {
  152. if (n < 1) {
  153. throw new Error("glog(" + n + ")");
  154. }
  155. return QRMath.LOG_TABLE[n];
  156. },
  157. gexp: function (n) {
  158. while (n < 0) {
  159. n += 255;
  160. }
  161. while (n >= 256) {
  162. n -= 255;
  163. }
  164. return QRMath.EXP_TABLE[n];
  165. },
  166. EXP_TABLE: new Array(256),
  167. LOG_TABLE: new Array(256)
  168. };
  169. for (var i = 0; i < 8; i++) {
  170. QRMath.EXP_TABLE[i] = 1 << i;
  171. }
  172. for (var i = 8; i < 256; i++) {
  173. QRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4] ^ QRMath.EXP_TABLE[i - 5] ^ QRMath.EXP_TABLE[i - 6] ^ QRMath.EXP_TABLE[i - 8];
  174. }
  175. for (var i = 0; i < 255; i++) {
  176. QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]] = i;
  177. }
  178. var math = QRMath;
  179. function QRPolynomial(num, shift) {
  180. if (num.length == undefined) {
  181. throw new Error(num.length + "/" + shift);
  182. }
  183. var offset = 0;
  184. while (offset < num.length && num[offset] == 0) {
  185. offset++;
  186. }
  187. this.num = new Array(num.length - offset + shift);
  188. for (var i = 0; i < num.length - offset; i++) {
  189. this.num[i] = num[i + offset];
  190. }
  191. }
  192. QRPolynomial.prototype = {
  193. get: function (index) {
  194. return this.num[index];
  195. },
  196. getLength: function () {
  197. return this.num.length;
  198. },
  199. multiply: function (e) {
  200. var num = new Array(this.getLength() + e.getLength() - 1);
  201. for (var i = 0; i < this.getLength(); i++) {
  202. for (var j = 0; j < e.getLength(); j++) {
  203. num[i + j] ^= math.gexp(math.glog(this.get(i)) + math.glog(e.get(j)));
  204. }
  205. }
  206. return new QRPolynomial(num, 0);
  207. },
  208. mod: function (e) {
  209. if (this.getLength() - e.getLength() < 0) {
  210. return this;
  211. }
  212. var ratio = math.glog(this.get(0)) - math.glog(e.get(0));
  213. var num = new Array(this.getLength());
  214. for (var i = 0; i < this.getLength(); i++) {
  215. num[i] = this.get(i);
  216. }
  217. for (var i = 0; i < e.getLength(); i++) {
  218. num[i] ^= math.gexp(math.glog(e.get(i)) + ratio);
  219. } // recursive call
  220. return new QRPolynomial(num, 0).mod(e);
  221. }
  222. };
  223. var Polynomial = QRPolynomial;
  224. var QRMaskPattern = {
  225. PATTERN000: 0,
  226. PATTERN001: 1,
  227. PATTERN010: 2,
  228. PATTERN011: 3,
  229. PATTERN100: 4,
  230. PATTERN101: 5,
  231. PATTERN110: 6,
  232. PATTERN111: 7
  233. };
  234. var QRUtil = {
  235. 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]],
  236. G15: 1 << 10 | 1 << 8 | 1 << 5 | 1 << 4 | 1 << 2 | 1 << 1 | 1 << 0,
  237. G18: 1 << 12 | 1 << 11 | 1 << 10 | 1 << 9 | 1 << 8 | 1 << 5 | 1 << 2 | 1 << 0,
  238. G15_MASK: 1 << 14 | 1 << 12 | 1 << 10 | 1 << 4 | 1 << 1,
  239. getBCHTypeInfo: function (data) {
  240. var d = data << 10;
  241. while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >= 0) {
  242. d ^= QRUtil.G15 << QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15);
  243. }
  244. return (data << 10 | d) ^ QRUtil.G15_MASK;
  245. },
  246. getBCHTypeNumber: function (data) {
  247. var d = data << 12;
  248. while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >= 0) {
  249. d ^= QRUtil.G18 << QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18);
  250. }
  251. return data << 12 | d;
  252. },
  253. getBCHDigit: function (data) {
  254. var digit = 0;
  255. while (data != 0) {
  256. digit++;
  257. data >>>= 1;
  258. }
  259. return digit;
  260. },
  261. getPatternPosition: function (typeNumber) {
  262. return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1];
  263. },
  264. getMask: function (maskPattern, i, j) {
  265. switch (maskPattern) {
  266. case QRMaskPattern.PATTERN000:
  267. return (i + j) % 2 == 0;
  268. case QRMaskPattern.PATTERN001:
  269. return i % 2 == 0;
  270. case QRMaskPattern.PATTERN010:
  271. return j % 3 == 0;
  272. case QRMaskPattern.PATTERN011:
  273. return (i + j) % 3 == 0;
  274. case QRMaskPattern.PATTERN100:
  275. return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0;
  276. case QRMaskPattern.PATTERN101:
  277. return i * j % 2 + i * j % 3 == 0;
  278. case QRMaskPattern.PATTERN110:
  279. return (i * j % 2 + i * j % 3) % 2 == 0;
  280. case QRMaskPattern.PATTERN111:
  281. return (i * j % 3 + (i + j) % 2) % 2 == 0;
  282. default:
  283. throw new Error("bad maskPattern:" + maskPattern);
  284. }
  285. },
  286. getErrorCorrectPolynomial: function (errorCorrectLength) {
  287. var a = new Polynomial([1], 0);
  288. for (var i = 0; i < errorCorrectLength; i++) {
  289. a = a.multiply(new Polynomial([1, math.gexp(i)], 0));
  290. }
  291. return a;
  292. },
  293. getLengthInBits: function (mode$1, type) {
  294. if (1 <= type && type < 10) {
  295. // 1 - 9
  296. switch (mode$1) {
  297. case mode.MODE_NUMBER:
  298. return 10;
  299. case mode.MODE_ALPHA_NUM:
  300. return 9;
  301. case mode.MODE_8BIT_BYTE:
  302. return 8;
  303. case mode.MODE_KANJI:
  304. return 8;
  305. default:
  306. throw new Error("mode:" + mode$1);
  307. }
  308. } else if (type < 27) {
  309. // 10 - 26
  310. switch (mode$1) {
  311. case mode.MODE_NUMBER:
  312. return 12;
  313. case mode.MODE_ALPHA_NUM:
  314. return 11;
  315. case mode.MODE_8BIT_BYTE:
  316. return 16;
  317. case mode.MODE_KANJI:
  318. return 10;
  319. default:
  320. throw new Error("mode:" + mode$1);
  321. }
  322. } else if (type < 41) {
  323. // 27 - 40
  324. switch (mode$1) {
  325. case mode.MODE_NUMBER:
  326. return 14;
  327. case mode.MODE_ALPHA_NUM:
  328. return 13;
  329. case mode.MODE_8BIT_BYTE:
  330. return 16;
  331. case mode.MODE_KANJI:
  332. return 12;
  333. default:
  334. throw new Error("mode:" + mode$1);
  335. }
  336. } else {
  337. throw new Error("type:" + type);
  338. }
  339. },
  340. getLostPoint: function (qrCode) {
  341. var moduleCount = qrCode.getModuleCount();
  342. var lostPoint = 0; // LEVEL1
  343. for (var row = 0; row < moduleCount; row++) {
  344. for (var col = 0; col < moduleCount; col++) {
  345. var sameCount = 0;
  346. var dark = qrCode.isDark(row, col);
  347. for (var r = -1; r <= 1; r++) {
  348. if (row + r < 0 || moduleCount <= row + r) {
  349. continue;
  350. }
  351. for (var c = -1; c <= 1; c++) {
  352. if (col + c < 0 || moduleCount <= col + c) {
  353. continue;
  354. }
  355. if (r == 0 && c == 0) {
  356. continue;
  357. }
  358. if (dark == qrCode.isDark(row + r, col + c)) {
  359. sameCount++;
  360. }
  361. }
  362. }
  363. if (sameCount > 5) {
  364. lostPoint += 3 + sameCount - 5;
  365. }
  366. }
  367. } // LEVEL2
  368. for (var row = 0; row < moduleCount - 1; row++) {
  369. for (var col = 0; col < moduleCount - 1; col++) {
  370. var count = 0;
  371. if (qrCode.isDark(row, col)) count++;
  372. if (qrCode.isDark(row + 1, col)) count++;
  373. if (qrCode.isDark(row, col + 1)) count++;
  374. if (qrCode.isDark(row + 1, col + 1)) count++;
  375. if (count == 0 || count == 4) {
  376. lostPoint += 3;
  377. }
  378. }
  379. } // LEVEL3
  380. for (var row = 0; row < moduleCount; row++) {
  381. for (var col = 0; col < moduleCount - 6; col++) {
  382. if (qrCode.isDark(row, col) && !qrCode.isDark(row, col + 1) && qrCode.isDark(row, col + 2) && qrCode.isDark(row, col + 3) && qrCode.isDark(row, col + 4) && !qrCode.isDark(row, col + 5) && qrCode.isDark(row, col + 6)) {
  383. lostPoint += 40;
  384. }
  385. }
  386. }
  387. for (var col = 0; col < moduleCount; col++) {
  388. for (var row = 0; row < moduleCount - 6; row++) {
  389. if (qrCode.isDark(row, col) && !qrCode.isDark(row + 1, col) && qrCode.isDark(row + 2, col) && qrCode.isDark(row + 3, col) && qrCode.isDark(row + 4, col) && !qrCode.isDark(row + 5, col) && qrCode.isDark(row + 6, col)) {
  390. lostPoint += 40;
  391. }
  392. }
  393. } // LEVEL4
  394. var darkCount = 0;
  395. for (var col = 0; col < moduleCount; col++) {
  396. for (var row = 0; row < moduleCount; row++) {
  397. if (qrCode.isDark(row, col)) {
  398. darkCount++;
  399. }
  400. }
  401. }
  402. var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5;
  403. lostPoint += ratio * 10;
  404. return lostPoint;
  405. }
  406. };
  407. var util = QRUtil;
  408. function QRCode(typeNumber, errorCorrectLevel) {
  409. this.typeNumber = typeNumber;
  410. this.errorCorrectLevel = errorCorrectLevel;
  411. this.modules = null;
  412. this.moduleCount = 0;
  413. this.dataCache = null;
  414. this.dataList = [];
  415. } // for client side minification
  416. var proto = QRCode.prototype;
  417. proto.addData = function (data) {
  418. var newData = new _8BitByte(data);
  419. this.dataList.push(newData);
  420. this.dataCache = null;
  421. };
  422. proto.isDark = function (row, col) {
  423. if (row < 0 || this.moduleCount <= row || col < 0 || this.moduleCount <= col) {
  424. throw new Error(row + "," + col);
  425. }
  426. return this.modules[row][col];
  427. };
  428. proto.getModuleCount = function () {
  429. return this.moduleCount;
  430. };
  431. proto.make = function () {
  432. // Calculate automatically typeNumber if provided is < 1
  433. if (this.typeNumber < 1) {
  434. var typeNumber = 1;
  435. for (typeNumber = 1; typeNumber < 40; typeNumber++) {
  436. var rsBlocks = RSBlock.getRSBlocks(typeNumber, this.errorCorrectLevel);
  437. var buffer = new BitBuffer();
  438. var totalDataCount = 0;
  439. for (var i = 0; i < rsBlocks.length; i++) {
  440. totalDataCount += rsBlocks[i].dataCount;
  441. }
  442. for (var i = 0; i < this.dataList.length; i++) {
  443. var data = this.dataList[i];
  444. buffer.put(data.mode, 4);
  445. buffer.put(data.getLength(), util.getLengthInBits(data.mode, typeNumber));
  446. data.write(buffer);
  447. }
  448. if (buffer.getLengthInBits() <= totalDataCount * 8) break;
  449. }
  450. this.typeNumber = typeNumber;
  451. }
  452. this.makeImpl(false, this.getBestMaskPattern());
  453. };
  454. proto.makeImpl = function (test, maskPattern) {
  455. this.moduleCount = this.typeNumber * 4 + 17;
  456. this.modules = new Array(this.moduleCount);
  457. for (var row = 0; row < this.moduleCount; row++) {
  458. this.modules[row] = new Array(this.moduleCount);
  459. for (var col = 0; col < this.moduleCount; col++) {
  460. this.modules[row][col] = null; //(col + row) % 3;
  461. }
  462. }
  463. this.setupPositionProbePattern(0, 0);
  464. this.setupPositionProbePattern(this.moduleCount - 7, 0);
  465. this.setupPositionProbePattern(0, this.moduleCount - 7);
  466. this.setupPositionAdjustPattern();
  467. this.setupTimingPattern();
  468. this.setupTypeInfo(test, maskPattern);
  469. if (this.typeNumber >= 7) {
  470. this.setupTypeNumber(test);
  471. }
  472. if (this.dataCache == null) {
  473. this.dataCache = QRCode.createData(this.typeNumber, this.errorCorrectLevel, this.dataList);
  474. }
  475. this.mapData(this.dataCache, maskPattern);
  476. };
  477. proto.setupPositionProbePattern = function (row, col) {
  478. for (var r = -1; r <= 7; r++) {
  479. if (row + r <= -1 || this.moduleCount <= row + r) continue;
  480. for (var c = -1; c <= 7; c++) {
  481. if (col + c <= -1 || this.moduleCount <= col + c) continue;
  482. if (0 <= r && r <= 6 && (c == 0 || c == 6) || 0 <= c && c <= 6 && (r == 0 || r == 6) || 2 <= r && r <= 4 && 2 <= c && c <= 4) {
  483. this.modules[row + r][col + c] = true;
  484. } else {
  485. this.modules[row + r][col + c] = false;
  486. }
  487. }
  488. }
  489. };
  490. proto.getBestMaskPattern = function () {
  491. var minLostPoint = 0;
  492. var pattern = 0;
  493. for (var i = 0; i < 8; i++) {
  494. this.makeImpl(true, i);
  495. var lostPoint = util.getLostPoint(this);
  496. if (i == 0 || minLostPoint > lostPoint) {
  497. minLostPoint = lostPoint;
  498. pattern = i;
  499. }
  500. }
  501. return pattern;
  502. };
  503. proto.createMovieClip = function (target_mc, instance_name, depth) {
  504. var qr_mc = target_mc.createEmptyMovieClip(instance_name, depth);
  505. var cs = 1;
  506. this.make();
  507. for (var row = 0; row < this.modules.length; row++) {
  508. var y = row * cs;
  509. for (var col = 0; col < this.modules[row].length; col++) {
  510. var x = col * cs;
  511. var dark = this.modules[row][col];
  512. if (dark) {
  513. qr_mc.beginFill(0, 100);
  514. qr_mc.moveTo(x, y);
  515. qr_mc.lineTo(x + cs, y);
  516. qr_mc.lineTo(x + cs, y + cs);
  517. qr_mc.lineTo(x, y + cs);
  518. qr_mc.endFill();
  519. }
  520. }
  521. }
  522. return qr_mc;
  523. };
  524. proto.setupTimingPattern = function () {
  525. for (var r = 8; r < this.moduleCount - 8; r++) {
  526. if (this.modules[r][6] != null) {
  527. continue;
  528. }
  529. this.modules[r][6] = r % 2 == 0;
  530. }
  531. for (var c = 8; c < this.moduleCount - 8; c++) {
  532. if (this.modules[6][c] != null) {
  533. continue;
  534. }
  535. this.modules[6][c] = c % 2 == 0;
  536. }
  537. };
  538. proto.setupPositionAdjustPattern = function () {
  539. var pos = util.getPatternPosition(this.typeNumber);
  540. for (var i = 0; i < pos.length; i++) {
  541. for (var j = 0; j < pos.length; j++) {
  542. var row = pos[i];
  543. var col = pos[j];
  544. if (this.modules[row][col] != null) {
  545. continue;
  546. }
  547. for (var r = -2; r <= 2; r++) {
  548. for (var c = -2; c <= 2; c++) {
  549. if (r == -2 || r == 2 || c == -2 || c == 2 || r == 0 && c == 0) {
  550. this.modules[row + r][col + c] = true;
  551. } else {
  552. this.modules[row + r][col + c] = false;
  553. }
  554. }
  555. }
  556. }
  557. }
  558. };
  559. proto.setupTypeNumber = function (test) {
  560. var bits = util.getBCHTypeNumber(this.typeNumber);
  561. for (var i = 0; i < 18; i++) {
  562. var mod = !test && (bits >> i & 1) == 1;
  563. this.modules[Math.floor(i / 3)][i % 3 + this.moduleCount - 8 - 3] = mod;
  564. }
  565. for (var i = 0; i < 18; i++) {
  566. var mod = !test && (bits >> i & 1) == 1;
  567. this.modules[i % 3 + this.moduleCount - 8 - 3][Math.floor(i / 3)] = mod;
  568. }
  569. };
  570. proto.setupTypeInfo = function (test, maskPattern) {
  571. var data = this.errorCorrectLevel << 3 | maskPattern;
  572. var bits = util.getBCHTypeInfo(data); // vertical
  573. for (var i = 0; i < 15; i++) {
  574. var mod = !test && (bits >> i & 1) == 1;
  575. if (i < 6) {
  576. this.modules[i][8] = mod;
  577. } else if (i < 8) {
  578. this.modules[i + 1][8] = mod;
  579. } else {
  580. this.modules[this.moduleCount - 15 + i][8] = mod;
  581. }
  582. } // horizontal
  583. for (var i = 0; i < 15; i++) {
  584. var mod = !test && (bits >> i & 1) == 1;
  585. if (i < 8) {
  586. this.modules[8][this.moduleCount - i - 1] = mod;
  587. } else if (i < 9) {
  588. this.modules[8][15 - i - 1 + 1] = mod;
  589. } else {
  590. this.modules[8][15 - i - 1] = mod;
  591. }
  592. } // fixed module
  593. this.modules[this.moduleCount - 8][8] = !test;
  594. };
  595. proto.mapData = function (data, maskPattern) {
  596. var inc = -1;
  597. var row = this.moduleCount - 1;
  598. var bitIndex = 7;
  599. var byteIndex = 0;
  600. for (var col = this.moduleCount - 1; col > 0; col -= 2) {
  601. if (col == 6) col--;
  602. while (true) {
  603. for (var c = 0; c < 2; c++) {
  604. if (this.modules[row][col - c] == null) {
  605. var dark = false;
  606. if (byteIndex < data.length) {
  607. dark = (data[byteIndex] >>> bitIndex & 1) == 1;
  608. }
  609. var mask = util.getMask(maskPattern, row, col - c);
  610. if (mask) {
  611. dark = !dark;
  612. }
  613. this.modules[row][col - c] = dark;
  614. bitIndex--;
  615. if (bitIndex == -1) {
  616. byteIndex++;
  617. bitIndex = 7;
  618. }
  619. }
  620. }
  621. row += inc;
  622. if (row < 0 || this.moduleCount <= row) {
  623. row -= inc;
  624. inc = -inc;
  625. break;
  626. }
  627. }
  628. }
  629. };
  630. QRCode.PAD0 = 0xEC;
  631. QRCode.PAD1 = 0x11;
  632. QRCode.createData = function (typeNumber, errorCorrectLevel, dataList) {
  633. var rsBlocks = RSBlock.getRSBlocks(typeNumber, errorCorrectLevel);
  634. var buffer = new BitBuffer();
  635. for (var i = 0; i < dataList.length; i++) {
  636. var data = dataList[i];
  637. buffer.put(data.mode, 4);
  638. buffer.put(data.getLength(), util.getLengthInBits(data.mode, typeNumber));
  639. data.write(buffer);
  640. } // calc num max data.
  641. var totalDataCount = 0;
  642. for (var i = 0; i < rsBlocks.length; i++) {
  643. totalDataCount += rsBlocks[i].dataCount;
  644. }
  645. if (buffer.getLengthInBits() > totalDataCount * 8) {
  646. throw new Error("code length overflow. (" + buffer.getLengthInBits() + ">" + totalDataCount * 8 + ")");
  647. } // end code
  648. if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {
  649. buffer.put(0, 4);
  650. } // padding
  651. while (buffer.getLengthInBits() % 8 != 0) {
  652. buffer.putBit(false);
  653. } // padding
  654. while (true) {
  655. if (buffer.getLengthInBits() >= totalDataCount * 8) {
  656. break;
  657. }
  658. buffer.put(QRCode.PAD0, 8);
  659. if (buffer.getLengthInBits() >= totalDataCount * 8) {
  660. break;
  661. }
  662. buffer.put(QRCode.PAD1, 8);
  663. }
  664. return QRCode.createBytes(buffer, rsBlocks);
  665. };
  666. QRCode.createBytes = function (buffer, rsBlocks) {
  667. var offset = 0;
  668. var maxDcCount = 0;
  669. var maxEcCount = 0;
  670. var dcdata = new Array(rsBlocks.length);
  671. var ecdata = new Array(rsBlocks.length);
  672. for (var r = 0; r < rsBlocks.length; r++) {
  673. var dcCount = rsBlocks[r].dataCount;
  674. var ecCount = rsBlocks[r].totalCount - dcCount;
  675. maxDcCount = Math.max(maxDcCount, dcCount);
  676. maxEcCount = Math.max(maxEcCount, ecCount);
  677. dcdata[r] = new Array(dcCount);
  678. for (var i = 0; i < dcdata[r].length; i++) {
  679. dcdata[r][i] = 0xff & buffer.buffer[i + offset];
  680. }
  681. offset += dcCount;
  682. var rsPoly = util.getErrorCorrectPolynomial(ecCount);
  683. var rawPoly = new Polynomial(dcdata[r], rsPoly.getLength() - 1);
  684. var modPoly = rawPoly.mod(rsPoly);
  685. ecdata[r] = new Array(rsPoly.getLength() - 1);
  686. for (var i = 0; i < ecdata[r].length; i++) {
  687. var modIndex = i + modPoly.getLength() - ecdata[r].length;
  688. ecdata[r][i] = modIndex >= 0 ? modPoly.get(modIndex) : 0;
  689. }
  690. }
  691. var totalCodeCount = 0;
  692. for (var i = 0; i < rsBlocks.length; i++) {
  693. totalCodeCount += rsBlocks[i].totalCount;
  694. }
  695. var data = new Array(totalCodeCount);
  696. var index = 0;
  697. for (var i = 0; i < maxDcCount; i++) {
  698. for (var r = 0; r < rsBlocks.length; r++) {
  699. if (i < dcdata[r].length) {
  700. data[index++] = dcdata[r][i];
  701. }
  702. }
  703. }
  704. for (var i = 0; i < maxEcCount; i++) {
  705. for (var r = 0; r < rsBlocks.length; r++) {
  706. if (i < ecdata[r].length) {
  707. data[index++] = ecdata[r][i];
  708. }
  709. }
  710. }
  711. return data;
  712. };
  713. var QRCode_1 = QRCode;
  714. /**
  715. * Encode UTF16 to UTF8.
  716. * See: http://jonisalonen.com/2012/from-utf-16-to-utf-8-in-javascript/
  717. * @param str {string}
  718. * @returns {string}
  719. */
  720. function toUTF8String(str) {
  721. var utf8Str = '';
  722. for (var i = 0; i < str.length; i++) {
  723. var charCode = str.charCodeAt(i);
  724. if (charCode < 0x0080) {
  725. utf8Str += String.fromCharCode(charCode);
  726. } else if (charCode < 0x0800) {
  727. utf8Str += String.fromCharCode(0xc0 | charCode >> 6);
  728. utf8Str += String.fromCharCode(0x80 | charCode & 0x3f);
  729. } else if (charCode < 0xd800 || charCode >= 0xe000) {
  730. utf8Str += String.fromCharCode(0xe0 | charCode >> 12);
  731. utf8Str += String.fromCharCode(0x80 | charCode >> 6 & 0x3f);
  732. utf8Str += String.fromCharCode(0x80 | charCode & 0x3f);
  733. } else {
  734. // surrogate pair
  735. i++; // UTF-16 encodes 0x10000-0x10FFFF by
  736. // subtracting 0x10000 and splitting the
  737. // 20 bits of 0x0-0xFFFFF into two halves
  738. charCode = 0x10000 + ((charCode & 0x3ff) << 10 | str.charCodeAt(i) & 0x3ff);
  739. utf8Str += String.fromCharCode(0xf0 | charCode >> 18);
  740. utf8Str += String.fromCharCode(0x80 | charCode >> 12 & 0x3f);
  741. utf8Str += String.fromCharCode(0x80 | charCode >> 6 & 0x3f);
  742. utf8Str += String.fromCharCode(0x80 | charCode & 0x3f);
  743. }
  744. }
  745. return utf8Str;
  746. }
  747. function generatePath(modules) {
  748. var margin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
  749. var ops = [];
  750. modules.forEach(function (row, y) {
  751. var start = null;
  752. row.forEach(function (cell, x) {
  753. if (!cell && start !== null) {
  754. // M0 0h7v1H0z injects the space with the move and drops the comma,
  755. // saving a char per operation
  756. ops.push("M".concat(start + margin, " ").concat(y + margin, "h").concat(x - start, "v1H").concat(start + margin, "z"));
  757. start = null;
  758. return;
  759. } // end of row, clean up or skip
  760. if (x === row.length - 1) {
  761. if (!cell) {
  762. // We would have closed the op above already so this can only mean
  763. // 2+ light modules in a row.
  764. return;
  765. }
  766. if (start === null) {
  767. // Just a single dark module.
  768. ops.push("M".concat(x + margin, ",").concat(y + margin, " h1v1H").concat(x + margin, "z"));
  769. } else {
  770. // Otherwise finish the current line.
  771. ops.push("M".concat(start + margin, ",").concat(y + margin, " h").concat(x + 1 - start, "v1H").concat(start + margin, "z"));
  772. }
  773. return;
  774. }
  775. if (cell && start === null) {
  776. start = x;
  777. }
  778. });
  779. });
  780. return ops.join('');
  781. } // @vue/component
  782. var QrcodeVue = {
  783. props: {
  784. value: {
  785. type: String,
  786. required: true,
  787. default: ''
  788. },
  789. className: {
  790. type: String,
  791. default: ''
  792. },
  793. size: {
  794. type: [Number, String],
  795. default: 100,
  796. validator: function validator(s) {
  797. return isNaN(Number(s)) !== true;
  798. }
  799. },
  800. level: {
  801. type: String,
  802. default: 'L',
  803. validator: function validator(l) {
  804. return ['L', 'Q', 'M', 'H'].indexOf(l) > -1;
  805. }
  806. },
  807. background: {
  808. type: String,
  809. default: '#fff'
  810. },
  811. foreground: {
  812. type: String,
  813. default: '#000'
  814. },
  815. renderAs: {
  816. type: String,
  817. required: false,
  818. default: 'canvas',
  819. validator: function validator(as) {
  820. return ['canvas', 'svg'].indexOf(as) > -1;
  821. }
  822. }
  823. },
  824. data: function data() {
  825. return {
  826. numCells: 0,
  827. fgPath: ''
  828. };
  829. },
  830. updated: function updated() {
  831. this.render();
  832. },
  833. mounted: function mounted() {
  834. this.render();
  835. },
  836. methods: {
  837. render: function render() {
  838. var value = this.value,
  839. size = this.size,
  840. level = this.level,
  841. background = this.background,
  842. foreground = this.foreground,
  843. renderAs = this.renderAs;
  844. var _size = size >>> 0; // size to number
  845. // We'll use type===-1 to force QRCode to automatically pick the best type
  846. var qrCode = new QRCode_1(-1, ErrorCorrectLevel[level]);
  847. qrCode.addData(toUTF8String(value));
  848. qrCode.make();
  849. var cells = qrCode.modules;
  850. var tileW = _size / cells.length;
  851. var tileH = _size / cells.length;
  852. var scale = window.devicePixelRatio || 1;
  853. if (renderAs === 'svg') {
  854. this.numCells = cells.length; // Drawing strategy: instead of a rect per module, we're going to create a
  855. // single path for the dark modules and layer that on top of a light rect,
  856. // for a total of 2 DOM nodes. We pay a bit more in string concat but that's
  857. // way faster than DOM ops.
  858. // For level 1, 441 nodes -> 2
  859. // For level 40, 31329 -> 2
  860. this.fgPath = generatePath(cells);
  861. } else {
  862. var canvas = this.$refs['qrcode-vue'];
  863. var ctx = canvas.getContext('2d');
  864. canvas.height = canvas.width = _size * scale;
  865. ctx.scale(scale, scale);
  866. cells.forEach(function (row, rdx) {
  867. row.forEach(function (cell, cdx) {
  868. ctx.fillStyle = cell ? foreground : background;
  869. var w = Math.ceil((cdx + 1) * tileW) - Math.floor(cdx * tileW);
  870. var h = Math.ceil((rdx + 1) * tileH) - Math.floor(rdx * tileH);
  871. ctx.fillRect(Math.round(cdx * tileW), Math.round(rdx * tileH), w, h);
  872. });
  873. });
  874. }
  875. }
  876. },
  877. render: function render(createElement) {
  878. var className = this.className,
  879. value = this.value,
  880. level = this.level,
  881. background = this.background,
  882. foreground = this.foreground,
  883. size = this.size,
  884. renderAs = this.renderAs,
  885. numCells = this.numCells,
  886. fgPath = this.fgPath;
  887. return createElement('div', {
  888. class: this.class || className,
  889. attrs: {
  890. value: value,
  891. level: level,
  892. background: background,
  893. foreground: foreground
  894. }
  895. }, [renderAs === 'svg' ? createElement('svg', {
  896. attrs: {
  897. height: size,
  898. width: size,
  899. shapeRendering: 'crispEdges',
  900. viewBox: "0 0 ".concat(numCells, " ").concat(numCells)
  901. },
  902. style: {
  903. width: size + 'px',
  904. height: size + 'px'
  905. }
  906. }, [createElement('path', {
  907. attrs: {
  908. fill: background,
  909. d: "M0,0 h".concat(numCells, "v").concat(numCells, "H0z")
  910. }
  911. }), createElement('path', {
  912. attrs: {
  913. fill: foreground,
  914. d: fgPath
  915. }
  916. })]) : createElement('canvas', {
  917. attrs: {
  918. height: size,
  919. width: size
  920. },
  921. style: {
  922. width: size + 'px',
  923. height: size + 'px'
  924. },
  925. ref: 'qrcode-vue'
  926. }, [])]);
  927. }
  928. };
  929. return QrcodeVue;
  930. }));