From f01e5949f44c74ce85f74e37658ad848036b6b12 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期一, 09 六月 2025 15:09:00 +0800 Subject: [PATCH] fix: v1.4 --- apps/taro/src/subpackages/my/promotionQrcode/promotionQrcode.vue | 2 apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue | 8 packages/core/src/lifeRechargeAccountModel.ts | 2 apps/taro/src/components/Layout/PageLayout.vue | 2 packages/services/api/typings.d.ts | 10 apps/taro/src/hooks/user.ts | 2 apps/taro/types/global.d.ts | 1 packages/core/src/lifeRecharge.ts | 1 apps/taro/src/subpackages/my/promotionQrcode/InnerPage.vue | 40 apps/taro/src/pages/mine/index.vue | 17 packages/core/src/lifeRechargeServices.ts | 2 apps/taro/src/components/Qrcode/utils/qrcode.ts | 1772 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 12 files changed, 1,838 insertions(+), 21 deletions(-) diff --git a/apps/taro/src/components/Layout/PageLayout.vue b/apps/taro/src/components/Layout/PageLayout.vue index d67b575..d2f5272 100644 --- a/apps/taro/src/components/Layout/PageLayout.vue +++ b/apps/taro/src/components/Layout/PageLayout.vue @@ -1,6 +1,6 @@ <template> <Portal.Host> - <div :class="['page-layout-wrapper', { isWeb: isWeb, hasBgColor }]"> + <div :class="['page-layout-wrapper', { isWeb: isWeb, hasBgColor }]" v-bind="$attrs"> <slot v-if="_showNavigationBar" name="navigationBar"> <CommonNavigationBar v-bind="_commonNavigationBarProps" /> </slot> diff --git a/apps/taro/src/components/Qrcode/utils/qrcode.ts b/apps/taro/src/components/Qrcode/utils/qrcode.ts new file mode 100644 index 0000000..e3e367b --- /dev/null +++ b/apps/taro/src/components/Qrcode/utils/qrcode.ts @@ -0,0 +1,1772 @@ +/* eslint-disable @typescript-eslint/no-unsafe-member-access */ +/* eslint-disable @typescript-eslint/explicit-function-return-type */ +/* eslint-disable @typescript-eslint/no-unsafe-return */ +/* eslint-disable no-shadow */ +/* eslint-disable no-redeclare */ +/* eslint-disable eqeqeq */ +/* eslint-disable no-array-constructor */ +// --------------------------------------------------------------------- +// +// QR Code Generator for JavaScript +// +// Copyright (c) 2009 Kazuhiko Arase +// +// URL: http://www.d-project.com/ +// +// Licensed under the MIT license: +// http://www.opensource.org/licenses/mit-license.php +// +// The word 'QR Code' is registered trademark of +// DENSO WAVE INCORPORATED +// http://www.denso-wave.com/qrcode/faqpatent-e.html +// +// --------------------------------------------------------------------- + +export interface QRCode { + addData: (data: string) => void; + isDark: (row: number, col: number) => boolean; + getModuleCount: () => number; + make: () => void; + createTableTag: (cellSize: number, margin: number) => string; + createImgTag: ( + cellSize: number, + margin: number, + size: number, + black: string, + white: string + ) => string; +} + +/* eslint-disable */ +/** + * qrcode + * @param typeNumber 1 to 40 + * @param errorCorrectLevel 'L','M','Q','H' + */ +const qrcode = function (typeNumber: number, errorCorrectLevel: 'L' | 'M' | 'Q' | 'H'): QRCode { + const PAD0 = 0xec; + const PAD1 = 0x11; + + const _typeNumber = typeNumber; + const _errorCorrectLevel = QRErrorCorrectLevel[errorCorrectLevel]; + let _modules: any = null; + let _moduleCount = 0; + let _dataCache: any = null; + const _dataList: any[] = []; + + const _this: any = {}; + + const makeImpl = function (test, maskPattern): any { + _moduleCount = _typeNumber * 4 + 17; + _modules = (function (moduleCount) { + const modules = new Array(moduleCount); + for (let row = 0; row < moduleCount; row += 1) { + modules[row] = new Array(moduleCount); + for (let col = 0; col < moduleCount; col += 1) { + modules[row][col] = null; + } + } + return modules; + })(_moduleCount); + + setupPositionProbePattern(0, 0); + setupPositionProbePattern(_moduleCount - 7, 0); + setupPositionProbePattern(0, _moduleCount - 7); + setupPositionAdjustPattern(); + setupTimingPattern(); + setupTypeInfo(test, maskPattern); + + if (_typeNumber >= 7) { + setupTypeNumber(test); + } + + if (_dataCache == null) { + _dataCache = createData(_typeNumber, _errorCorrectLevel, _dataList); + } + + mapData(_dataCache, maskPattern); + }; + + var setupPositionProbePattern = function (row, col) { + for (let r = -1; r <= 7; r += 1) { + if (row + r <= -1 || _moduleCount <= row + r) continue; + + for (let c = -1; c <= 7; c += 1) { + if (col + c <= -1 || _moduleCount <= col + c) continue; + + if ( + (r >= 0 && r <= 6 && (c == 0 || c == 6)) || + (c >= 0 && c <= 6 && (r == 0 || r == 6)) || + (r >= 2 && r <= 4 && c >= 2 && c <= 4) + ) { + _modules[row + r][col + c] = true; + } else { + _modules[row + r][col + c] = false; + } + } + } + }; + + const getBestMaskPattern = function () { + let minLostPoint = 0; + let pattern = 0; + + for (let i = 0; i < 8; i += 1) { + makeImpl(true, i); + + const lostPoint = QRUtil.getLostPoint(_this); + + if (i == 0 || minLostPoint > lostPoint) { + minLostPoint = lostPoint; + pattern = i; + } + } + + return pattern; + }; + + var setupTimingPattern = function () { + for (let r = 8; r < _moduleCount - 8; r += 1) { + if (_modules[r][6] != null) { + continue; + } + _modules[r][6] = r % 2 == 0; + } + + for (let c = 8; c < _moduleCount - 8; c += 1) { + if (_modules[6][c] != null) { + continue; + } + _modules[6][c] = c % 2 == 0; + } + }; + + var setupPositionAdjustPattern = function () { + const pos = QRUtil.getPatternPosition(_typeNumber); + + for (let i = 0; i < pos.length; i += 1) { + for (let j = 0; j < pos.length; j += 1) { + const row = pos[i]; + const col = pos[j]; + + if (_modules[row][col] != null) { + continue; + } + + for (let r = -2; r <= 2; r += 1) { + for (let c = -2; c <= 2; c += 1) { + if (r == -2 || r == 2 || c == -2 || c == 2 || (r == 0 && c == 0)) { + _modules[row + r][col + c] = true; + } else { + _modules[row + r][col + c] = false; + } + } + } + } + } + }; + + var setupTypeNumber = function (test) { + const bits = QRUtil.getBCHTypeNumber(_typeNumber); + + for (var i = 0; i < 18; i += 1) { + var mod = !test && ((bits >> i) & 1) == 1; + _modules[Math.floor(i / 3)][(i % 3) + _moduleCount - 8 - 3] = mod; + } + + for (var i = 0; i < 18; i += 1) { + var mod = !test && ((bits >> i) & 1) == 1; + _modules[(i % 3) + _moduleCount - 8 - 3][Math.floor(i / 3)] = mod; + } + }; + + var setupTypeInfo = function (test, maskPattern) { + const data = (_errorCorrectLevel << 3) | maskPattern; + const bits = QRUtil.getBCHTypeInfo(data); + + // vertical + for (var i = 0; i < 15; i += 1) { + var mod = !test && ((bits >> i) & 1) == 1; + + if (i < 6) { + _modules[i][8] = mod; + } else if (i < 8) { + _modules[i + 1][8] = mod; + } else { + _modules[_moduleCount - 15 + i][8] = mod; + } + } + + // horizontal + for (var i = 0; i < 15; i += 1) { + var mod = !test && ((bits >> i) & 1) == 1; + + if (i < 8) { + _modules[8][_moduleCount - i - 1] = mod; + } else if (i < 9) { + _modules[8][15 - i - 1 + 1] = mod; + } else { + _modules[8][15 - i - 1] = mod; + } + } + + // fixed module + _modules[_moduleCount - 8][8] = !test; + }; + + var mapData = function (data, maskPattern) { + let inc = -1; + let row = _moduleCount - 1; + let bitIndex = 7; + let byteIndex = 0; + const maskFunc = QRUtil.getMaskFunction(maskPattern); + + for (let col = _moduleCount - 1; col > 0; col -= 2) { + if (col == 6) col -= 1; + + while (true) { + for (let c = 0; c < 2; c += 1) { + if (_modules[row][col - c] == null) { + let dark = false; + + if (byteIndex < data.length) { + dark = ((data[byteIndex] >>> bitIndex) & 1) == 1; + } + + const mask = maskFunc(row, col - c); + + if (mask) { + dark = !dark; + } + + _modules[row][col - c] = dark; + bitIndex -= 1; + + if (bitIndex == -1) { + byteIndex += 1; + bitIndex = 7; + } + } + } + + row += inc; + + if (row < 0 || _moduleCount <= row) { + row -= inc; + inc = -inc; + break; + } + } + } + }; + + const createBytes = function (buffer, rsBlocks) { + let offset = 0; + + let maxDcCount = 0; + let maxEcCount = 0; + + const dcdata = new Array(rsBlocks.length); + const ecdata = new Array(rsBlocks.length); + + for (var r = 0; r < rsBlocks.length; r += 1) { + const dcCount = rsBlocks[r].dataCount; + const ecCount = rsBlocks[r].totalCount - dcCount; + + maxDcCount = Math.max(maxDcCount, dcCount); + maxEcCount = Math.max(maxEcCount, ecCount); + + dcdata[r] = new Array(dcCount); + + for (var i = 0; i < dcdata[r].length; i += 1) { + dcdata[r][i] = 0xff & buffer.getBuffer()[i + offset]; + } + offset += dcCount; + + const rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount); + const rawPoly = qrPolynomial(dcdata[r], rsPoly.getLength() - 1); + + const modPoly = rawPoly.mod(rsPoly); + ecdata[r] = new Array(rsPoly.getLength() - 1); + for (var i = 0; i < ecdata[r].length; i += 1) { + const modIndex = i + modPoly.getLength() - ecdata[r].length; + ecdata[r][i] = modIndex >= 0 ? modPoly.getAt(modIndex) : 0; + } + } + + let totalCodeCount = 0; + for (var i = 0; i < rsBlocks.length; i += 1) { + totalCodeCount += rsBlocks[i].totalCount; + } + + const data = new Array(totalCodeCount); + let index = 0; + + for (var i = 0; i < maxDcCount; i += 1) { + for (var r = 0; r < rsBlocks.length; r += 1) { + if (i < dcdata[r].length) { + data[index] = dcdata[r][i]; + index += 1; + } + } + } + + for (var i = 0; i < maxEcCount; i += 1) { + for (var r = 0; r < rsBlocks.length; r += 1) { + if (i < ecdata[r].length) { + data[index] = ecdata[r][i]; + index += 1; + } + } + } + + return data; + }; + + var createData = function (typeNumber, errorCorrectLevel, dataList) { + const rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectLevel); + + const buffer = qrBitBuffer(); + + for (var i = 0; i < dataList.length; i += 1) { + const data = dataList[i]; + buffer.put(data.getMode(), 4); + buffer.put(data.getLength(), QRUtil.getLengthInBits(data.getMode(), typeNumber)); + data.write(buffer); + } + + // calc num max data. + let totalDataCount = 0; + for (var i = 0; i < rsBlocks.length; i += 1) { + totalDataCount += rsBlocks[i].dataCount; + } + + if (buffer.getLengthInBits() > totalDataCount * 8) { + throw new Error( + 'code length overflow. (' + buffer.getLengthInBits() + '>' + totalDataCount * 8 + ')' + ); + } + + // end code + if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) { + buffer.put(0, 4); + } + + // padding + while (buffer.getLengthInBits() % 8 != 0) { + buffer.putBit(false); + } + + // padding + while (true) { + if (buffer.getLengthInBits() >= totalDataCount * 8) { + break; + } + buffer.put(PAD0, 8); + + if (buffer.getLengthInBits() >= totalDataCount * 8) { + break; + } + buffer.put(PAD1, 8); + } + + return createBytes(buffer, rsBlocks); + }; + + _this.addData = function (data) { + const newData = qr8BitByte(data); + _dataList.push(newData); + _dataCache = null; + }; + + _this.isDark = function (row, col) { + if (row < 0 || _moduleCount <= row || col < 0 || _moduleCount <= col) { + throw new Error(row + ',' + col); + } + return _modules[row][col]; + }; + + _this.getModuleCount = function () { + return _moduleCount; + }; + + _this.make = function () { + makeImpl(false, getBestMaskPattern()); + }; + + _this.createTableTag = function (cellSize, margin) { + cellSize = cellSize || 2; + margin = typeof margin === 'undefined' ? cellSize * 4 : margin; + + let qrHtml = ''; + + qrHtml += '<table style="'; + qrHtml += ' border-width: 0px; border-style: none;'; + qrHtml += ' border-collapse: collapse;'; + qrHtml += ' padding: 0px; margin: ' + margin + 'px;'; + qrHtml += '">'; + qrHtml += '<tbody>'; + + for (let r = 0; r < _this.getModuleCount(); r += 1) { + qrHtml += '<tr>'; + + for (let c = 0; c < _this.getModuleCount(); c += 1) { + qrHtml += '<td style="'; + qrHtml += ' border-width: 0px; border-style: none;'; + qrHtml += ' border-collapse: collapse;'; + qrHtml += ' padding: 0px; margin: 0px;'; + qrHtml += ' width: ' + cellSize + 'px;'; + qrHtml += ' height: ' + cellSize + 'px;'; + qrHtml += ' background-color: '; + qrHtml += _this.isDark(r, c) ? '#000000' : '#ffffff'; + qrHtml += ';'; + qrHtml += '"/>'; + } + + qrHtml += '</tr>'; + } + + qrHtml += '</tbody>'; + qrHtml += '</table>'; + + return qrHtml; + }; + + _this.createImgTag = function (cellSize, margin, size, black, white) { + cellSize = cellSize || 2; + margin = typeof margin === 'undefined' ? cellSize * 4 : margin; + + const min = margin; + const max = _this.getModuleCount() * cellSize + margin; + + return createImgTag( + size, + size, + function (x, y) { + if (min <= x && x < max && min <= y && y < max) { + const c = Math.floor((x - min) / cellSize); + const r = Math.floor((y - min) / cellSize); + return _this.isDark(r, c) ? 0 : 1; + } else { + return 1; + } + }, + black, + white + ); + }; + + return _this; +}; + +// --------------------------------------------------------------------- +// qrcode.stringToBytes +// --------------------------------------------------------------------- + +qrcode.stringToBytes = function (s) { + const bytes: any[] = []; + for (let i = 0; i < s.length; i += 1) { + const c = s.charCodeAt(i); + bytes.push(c & 0xff); + } + return bytes; +}; + +// --------------------------------------------------------------------- +// qrcode.createStringToBytes +// --------------------------------------------------------------------- + +/** + * @param unicodeData base64 string of byte array. + * [16bit Unicode],[16bit Bytes], ... + * @param numChars + */ +qrcode.createStringToBytes = function (unicodeData, numChars) { + // create conversion map. + + const unicodeMap = (function () { + const bin = base64DecodeInputStream(unicodeData); + const read = function () { + const b = bin.read(); + if (b == -1) throw new Error(); + return b; + }; + + let count = 0; + const unicodeMap = {}; + while (true) { + const b0 = bin.read(); + if (b0 == -1) break; + const b1 = read(); + const b2 = read(); + const b3 = read(); + const k = String.fromCharCode((b0 << 8) | b1); + const v = (b2 << 8) | b3; + unicodeMap[k] = v; + count += 1; + } + if (count != numChars) { + throw new Error(count + ' != ' + numChars); + } + + return unicodeMap; + })(); + + const unknownChar = '?'.charCodeAt(0); + + return function (s) { + const bytes: any[] = []; + for (let i = 0; i < s.length; i += 1) { + const c = s.charCodeAt(i); + if (c < 128) { + bytes.push(c); + } else { + const b = unicodeMap[s.charAt(i)]; + if (typeof b === 'number') { + if ((b & 0xff) == b) { + // 1byte + bytes.push(b); + } else { + // 2bytes + bytes.push(b >>> 8); + bytes.push(b & 0xff); + } + } else { + bytes.push(unknownChar); + } + } + } + return bytes; + }; +}; + +// --------------------------------------------------------------------- +// QRMode +// --------------------------------------------------------------------- + +const QRMode = { + MODE_NUMBER: 1 << 0, + MODE_ALPHA_NUM: 1 << 1, + MODE_8BIT_BYTE: 1 << 2, + MODE_KANJI: 1 << 3, +}; + +// --------------------------------------------------------------------- +// QRErrorCorrectLevel +// --------------------------------------------------------------------- + +var QRErrorCorrectLevel = { + L: 1, + M: 0, + Q: 3, + H: 2, +}; + +// --------------------------------------------------------------------- +// QRMaskPattern +// --------------------------------------------------------------------- + +const QRMaskPattern = { + PATTERN000: 0, + PATTERN001: 1, + PATTERN010: 2, + PATTERN011: 3, + PATTERN100: 4, + PATTERN101: 5, + PATTERN110: 6, + PATTERN111: 7, +}; + +// --------------------------------------------------------------------- +// QRUtil +// --------------------------------------------------------------------- + +var QRUtil = (function () { + const 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], + ]; + const G15 = (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0); + const G18 = + (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) | (1 << 5) | (1 << 2) | (1 << 0); + const G15_MASK = (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1); + + const _this: any = {}; + + const getBCHDigit = function (data) { + let digit = 0; + while (data != 0) { + digit += 1; + data >>>= 1; + } + return digit; + }; + + _this.getBCHTypeInfo = function (data) { + let d = data << 10; + while (getBCHDigit(d) - getBCHDigit(G15) >= 0) { + d ^= G15 << (getBCHDigit(d) - getBCHDigit(G15)); + } + return ((data << 10) | d) ^ G15_MASK; + }; + + _this.getBCHTypeNumber = function (data) { + let d = data << 12; + while (getBCHDigit(d) - getBCHDigit(G18) >= 0) { + d ^= G18 << (getBCHDigit(d) - getBCHDigit(G18)); + } + return (data << 12) | d; + }; + + _this.getPatternPosition = function (typeNumber) { + return PATTERN_POSITION_TABLE[typeNumber - 1]; + }; + + _this.getMaskFunction = function (maskPattern) { + switch (maskPattern) { + case QRMaskPattern.PATTERN000: + return function (i, j) { + return (i + j) % 2 == 0; + }; + case QRMaskPattern.PATTERN001: + return function (i) { + return i % 2 == 0; + }; + case QRMaskPattern.PATTERN010: + return function (_i, j) { + return j % 3 == 0; + }; + case QRMaskPattern.PATTERN011: + return function (i, j) { + return (i + j) % 3 == 0; + }; + case QRMaskPattern.PATTERN100: + return function (i, j) { + return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0; + }; + case QRMaskPattern.PATTERN101: + return function (i, j) { + return ((i * j) % 2) + ((i * j) % 3) == 0; + }; + case QRMaskPattern.PATTERN110: + return function (i, j) { + return (((i * j) % 2) + ((i * j) % 3)) % 2 == 0; + }; + case QRMaskPattern.PATTERN111: + return function (i, j) { + return (((i * j) % 3) + ((i + j) % 2)) % 2 == 0; + }; + + default: + throw new Error('bad maskPattern:' + maskPattern); + } + }; + + _this.getErrorCorrectPolynomial = function (errorCorrectLength) { + let a: any = qrPolynomial([1], 0); + for (let i = 0; i < errorCorrectLength; i += 1) { + a = a.multiply(qrPolynomial([1, QRMath.gexp(i)], 0)); + } + return a; + }; + + _this.getLengthInBits = function (mode, type) { + if (type >= 1 && type < 10) { + // 1 - 9 + + switch (mode) { + case QRMode.MODE_NUMBER: + return 10; + case QRMode.MODE_ALPHA_NUM: + return 9; + case QRMode.MODE_8BIT_BYTE: + return 8; + case QRMode.MODE_KANJI: + return 8; + default: + throw new Error('mode:' + mode); + } + } else if (type < 27) { + // 10 - 26 + + switch (mode) { + case QRMode.MODE_NUMBER: + return 12; + case QRMode.MODE_ALPHA_NUM: + return 11; + case QRMode.MODE_8BIT_BYTE: + return 16; + case QRMode.MODE_KANJI: + return 10; + default: + throw new Error('mode:' + mode); + } + } else if (type < 41) { + // 27 - 40 + + switch (mode) { + case QRMode.MODE_NUMBER: + return 14; + case QRMode.MODE_ALPHA_NUM: + return 13; + case QRMode.MODE_8BIT_BYTE: + return 16; + case QRMode.MODE_KANJI: + return 12; + default: + throw new Error('mode:' + mode); + } + } else { + throw new Error('type:' + type); + } + }; + + _this.getLostPoint = function (qrcode) { + const moduleCount = qrcode.getModuleCount(); + + let lostPoint = 0; + + // LEVEL1 + + for (var row = 0; row < moduleCount; row += 1) { + for (var col = 0; col < moduleCount; col += 1) { + let sameCount = 0; + const dark = qrcode.isDark(row, col); + + for (let r = -1; r <= 1; r += 1) { + if (row + r < 0 || moduleCount <= row + r) { + continue; + } + + for (let c = -1; c <= 1; c += 1) { + if (col + c < 0 || moduleCount <= col + c) { + continue; + } + + if (r == 0 && c == 0) { + continue; + } + + if (dark == qrcode.isDark(row + r, col + c)) { + sameCount += 1; + } + } + } + + if (sameCount > 5) { + lostPoint += 3 + sameCount - 5; + } + } + } + + // LEVEL2 + + for (var row = 0; row < moduleCount - 1; row += 1) { + for (var col = 0; col < moduleCount - 1; col += 1) { + let count = 0; + if (qrcode.isDark(row, col)) count += 1; + if (qrcode.isDark(row + 1, col)) count += 1; + if (qrcode.isDark(row, col + 1)) count += 1; + if (qrcode.isDark(row + 1, col + 1)) count += 1; + if (count == 0 || count == 4) { + lostPoint += 3; + } + } + } + + // LEVEL3 + + for (var row = 0; row < moduleCount; row += 1) { + for (var col = 0; col < moduleCount - 6; col += 1) { + 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) + ) { + lostPoint += 40; + } + } + } + + for (var col = 0; col < moduleCount; col += 1) { + for (var row = 0; row < moduleCount - 6; row += 1) { + 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) + ) { + lostPoint += 40; + } + } + } + + // LEVEL4 + + let darkCount = 0; + + for (var col = 0; col < moduleCount; col += 1) { + for (var row = 0; row < moduleCount; row += 1) { + if (qrcode.isDark(row, col)) { + darkCount += 1; + } + } + } + + const ratio = Math.abs((100 * darkCount) / moduleCount / moduleCount - 50) / 5; + lostPoint += ratio * 10; + + return lostPoint; + }; + + return _this; +})(); + +// --------------------------------------------------------------------- +// QRMath +// --------------------------------------------------------------------- + +var QRMath: any = (function () { + const EXP_TABLE = new Array(256); + const LOG_TABLE = new Array(256); + + // initialize tables + for (var i = 0; i < 8; i += 1) { + EXP_TABLE[i] = 1 << i; + } + for (var i = 8; i < 256; i += 1) { + EXP_TABLE[i] = EXP_TABLE[i - 4] ^ EXP_TABLE[i - 5] ^ EXP_TABLE[i - 6] ^ EXP_TABLE[i - 8]; + } + for (var i = 0; i < 255; i += 1) { + LOG_TABLE[EXP_TABLE[i]] = i; + } + + const _this: any = {}; + + _this.glog = function (n) { + if (n < 1) { + throw new Error('glog(' + n + ')'); + } + + return LOG_TABLE[n]; + }; + + _this.gexp = function (n) { + while (n < 0) { + n += 255; + } + + while (n >= 256) { + n -= 255; + } + + return EXP_TABLE[n]; + }; + + return _this; +})(); + +// --------------------------------------------------------------------- +// qrPolynomial +// --------------------------------------------------------------------- + +function qrPolynomial(num, shift) { + if (typeof num.length === 'undefined') { + throw new Error(num.length + '/' + shift); + } + + const _num = (function () { + let offset = 0; + while (offset < num.length && num[offset] == 0) { + offset += 1; + } + const _num = new Array(num.length - offset + shift); + for (let i = 0; i < num.length - offset; i += 1) { + _num[i] = num[i + offset]; + } + return _num; + })(); + + const _this: any = {}; + + _this.getAt = function (index) { + return _num[index]; + }; + + _this.getLength = function () { + return _num.length; + }; + + _this.multiply = function (e) { + const num = new Array(_this.getLength() + e.getLength() - 1); + + for (let i = 0; i < _this.getLength(); i += 1) { + for (let j = 0; j < e.getLength(); j += 1) { + num[i + j] ^= QRMath.gexp(QRMath.glog(_this.getAt(i)) + QRMath.glog(e.getAt(j))); + } + } + + return qrPolynomial(num, 0); + }; + + _this.mod = function (e) { + if (_this.getLength() - e.getLength() < 0) { + return _this; + } + + const ratio = QRMath.glog(_this.getAt(0)) - QRMath.glog(e.getAt(0)); + + const num = new Array(_this.getLength()); + for (var i = 0; i < _this.getLength(); i += 1) { + num[i] = _this.getAt(i); + } + + for (var i = 0; i < e.getLength(); i += 1) { + num[i] ^= QRMath.gexp(QRMath.glog(e.getAt(i)) + ratio); + } + + // recursive call + return qrPolynomial(num, 0).mod(e); + }; + + return _this; +} + +// --------------------------------------------------------------------- +// QRRSBlock +// --------------------------------------------------------------------- + +var QRRSBlock = (function () { + // [1: [L, M, Q, H], ..] + const 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], + ]; + + const qrRSBlock = function (totalCount, dataCount) { + const _this: any = {}; + _this.totalCount = totalCount; + _this.dataCount = dataCount; + return _this; + }; + + const _this: any = {}; + + const getRsBlockTable = function (typeNumber, errorCorrectLevel) { + switch (errorCorrectLevel) { + case QRErrorCorrectLevel.L: + return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0]; + case QRErrorCorrectLevel.M: + return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1]; + case QRErrorCorrectLevel.Q: + return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2]; + case QRErrorCorrectLevel.H: + return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3]; + default: + return undefined; + } + }; + + _this.getRSBlocks = function (typeNumber, errorCorrectLevel) { + const rsBlock = getRsBlockTable(typeNumber, errorCorrectLevel); + + if (typeof rsBlock === 'undefined') { + throw new Error( + 'bad rs block @ typeNumber:' + typeNumber + '/errorCorrectLevel:' + errorCorrectLevel + ); + } + + const length = rsBlock.length / 3; + + const list: any[] = []; + + for (let i = 0; i < length; i += 1) { + const count = rsBlock[i * 3 + 0]; + const totalCount = rsBlock[i * 3 + 1]; + const dataCount = rsBlock[i * 3 + 2]; + + for (let j = 0; j < count; j += 1) { + list.push(qrRSBlock(totalCount, dataCount)); + } + } + + return list; + }; + + return _this; +})(); + +// --------------------------------------------------------------------- +// qrBitBuffer +// --------------------------------------------------------------------- + +var qrBitBuffer = function () { + const _buffer: any[] = []; + let _length = 0; + + const _this: any = {}; + + _this.getBuffer = function () { + return _buffer; + }; + + _this.getAt = function (index) { + const bufIndex = Math.floor(index / 8); + return ((_buffer[bufIndex] >>> (7 - (index % 8))) & 1) == 1; + }; + + _this.put = function (num, length) { + for (let i = 0; i < length; i += 1) { + _this.putBit(((num >>> (length - i - 1)) & 1) == 1); + } + }; + + _this.getLengthInBits = function () { + return _length; + }; + + _this.putBit = function (bit) { + const bufIndex = Math.floor(_length / 8); + if (_buffer.length <= bufIndex) { + _buffer.push(0); + } + + if (bit) { + _buffer[bufIndex] |= 0x80 >>> _length % 8; + } + + _length += 1; + }; + + return _this; +}; + +// --------------------------------------------------------------------- +// qr8BitByte +// --------------------------------------------------------------------- + +var qr8BitByte = function (data) { + const _mode = QRMode.MODE_8BIT_BYTE; + const _data = data; + let _parsedData: any = []; + + const _this: any = {}; + + // Added to support UTF-8 Characters + for (let i = 0, l = _data.length; i < l; i++) { + const byteArray: any[] = []; + const code = _data.charCodeAt(i); + + if (code > 0x10000) { + byteArray[0] = 0xf0 | ((code & 0x1c0000) >>> 18); + byteArray[1] = 0x80 | ((code & 0x3f000) >>> 12); + byteArray[2] = 0x80 | ((code & 0xfc0) >>> 6); + byteArray[3] = 0x80 | (code & 0x3f); + } else if (code > 0x800) { + byteArray[0] = 0xe0 | ((code & 0xf000) >>> 12); + byteArray[1] = 0x80 | ((code & 0xfc0) >>> 6); + byteArray[2] = 0x80 | (code & 0x3f); + } else if (code > 0x80) { + byteArray[0] = 0xc0 | ((code & 0x7c0) >>> 6); + byteArray[1] = 0x80 | (code & 0x3f); + } else { + byteArray[0] = code; + } + + // Fix Unicode corruption bug + _parsedData.push(byteArray); + } + + _parsedData = Array.prototype.concat.apply([], _parsedData); + + if (_parsedData.length != _data.length) { + _parsedData.unshift(191); + _parsedData.unshift(187); + _parsedData.unshift(239); + } + + const _bytes = _parsedData; + + _this.getMode = function () { + return _mode; + }; + + _this.getLength = function () { + return _bytes.length; + }; + + _this.write = function (buffer) { + for (let i = 0; i < _bytes.length; i += 1) { + buffer.put(_bytes[i], 8); + } + }; + + return _this; +}; + +//= ==================================================================== +// GIF Support etc. +// + +// --------------------------------------------------------------------- +// byteArrayOutputStream +// --------------------------------------------------------------------- + +const byteArrayOutputStream = function () { + const _bytes: any[] = []; + + const _this: any = {}; + + _this.writeByte = function (b) { + _bytes.push(b & 0xff); + }; + + _this.writeShort = function (i) { + _this.writeByte(i); + _this.writeByte(i >>> 8); + }; + + _this.writeBytes = function (b, off, len) { + off = off || 0; + len = len || b.length; + for (let i = 0; i < len; i += 1) { + _this.writeByte(b[i + off]); + } + }; + + _this.writeString = function (s) { + for (let i = 0; i < s.length; i += 1) { + _this.writeByte(s.charCodeAt(i)); + } + }; + + _this.toByteArray = function () { + return _bytes; + }; + + _this.toString = function () { + let s = ''; + s += '['; + for (let i = 0; i < _bytes.length; i += 1) { + if (i > 0) { + s += ','; + } + s += _bytes[i]; + } + s += ']'; + return s; + }; + + return _this; +}; + +// --------------------------------------------------------------------- +// base64EncodeOutputStream +// --------------------------------------------------------------------- + +const base64EncodeOutputStream = function () { + let _buffer = 0; + let _buflen = 0; + let _length = 0; + let _base64 = ''; + + const _this: any = {}; + + const writeEncoded = function (b) { + _base64 += String.fromCharCode(encode(b & 0x3f)); + }; + + var encode = function (n) { + if (n < 0) { + // error. + } else if (n < 26) { + return 0x41 + n; + } else if (n < 52) { + return 0x61 + (n - 26); + } else if (n < 62) { + return 0x30 + (n - 52); + } else if (n == 62) { + return 0x2b; + } else if (n == 63) { + return 0x2f; + } + throw new Error('n:' + n); + }; + + _this.writeByte = function (n) { + _buffer = (_buffer << 8) | (n & 0xff); + _buflen += 8; + _length += 1; + + while (_buflen >= 6) { + writeEncoded(_buffer >>> (_buflen - 6)); + _buflen -= 6; + } + }; + + _this.flush = function () { + if (_buflen > 0) { + writeEncoded(_buffer << (6 - _buflen)); + _buffer = 0; + _buflen = 0; + } + + if (_length % 3 != 0) { + // padding + const padlen = 3 - (_length % 3); + for (let i = 0; i < padlen; i += 1) { + _base64 += '='; + } + } + }; + + _this.toString = function () { + return _base64; + }; + + return _this; +}; + +// --------------------------------------------------------------------- +// base64DecodeInputStream +// --------------------------------------------------------------------- + +var base64DecodeInputStream = function (str) { + const _str = str; + let _pos = 0; + let _buffer = 0; + let _buflen = 0; + + const _this: any = {}; + + _this.read = function () { + while (_buflen < 8) { + if (_pos >= _str.length) { + if (_buflen == 0) { + return -1; + } + throw new Error('unexpected end of file./' + _buflen); + } + + const c = _str.charAt(_pos); + _pos += 1; + + if (c == '=') { + _buflen = 0; + return -1; + } else if (c.match(/^\s$/)) { + // ignore if whitespace. + continue; + } + + _buffer = (_buffer << 6) | decode(c.charCodeAt(0)); + _buflen += 6; + } + + const n = (_buffer >>> (_buflen - 8)) & 0xff; + _buflen -= 8; + return n; + }; + + var decode = function (c) { + if (c >= 0x41 && c <= 0x5a) { + return c - 0x41; + } else if (c >= 0x61 && c <= 0x7a) { + return c - 0x61 + 26; + } else if (c >= 0x30 && c <= 0x39) { + return c - 0x30 + 52; + } else if (c == 0x2b) { + return 62; + } else if (c == 0x2f) { + return 63; + } else { + throw new Error('c:' + c); + } + }; + + return _this; +}; + +// --------------------------------------------------------------------- +// gifImage (B/W) +// --------------------------------------------------------------------- + +const gifImage = function (width, height) { + const _width = width; + const _height = height; + const _data = new Array(width * height); + + const _this: any = {}; + + _this.setPixel = function (x, y, pixel) { + _data[y * _width + x] = pixel; + }; + + _this.write = function (out, blackColor = '#000000', whiteColor = '#ffffff') { + // --------------------------------- + // GIF Signature + + out.writeString('GIF87a'); + + // --------------------------------- + // Screen Descriptor + + out.writeShort(_width); + out.writeShort(_height); + + out.writeByte(0x80); // 2bit + out.writeByte(0); + out.writeByte(0); + + // --------------------------------- + // Global Color Map + + const black = blackColor.split(''); + + // black + out.writeByte(parseInt(`${black[1]}${black[2]}`, 16)); + out.writeByte(parseInt(`${black[3]}${black[4]}`, 16)); + out.writeByte(parseInt(`${black[5]}${black[6]}`, 16)); + + const white = whiteColor.split(''); + + // white + out.writeByte(parseInt(`${white[1]}${white[2]}`, 16)); + out.writeByte(parseInt(`${white[3]}${white[4]}`, 16)); + out.writeByte(parseInt(`${white[5]}${white[6]}`, 16)); + + // --------------------------------- + // Image Descriptor + + out.writeString(','); + out.writeShort(0); + out.writeShort(0); + out.writeShort(_width); + out.writeShort(_height); + out.writeByte(0); + + // --------------------------------- + // Local Color Map + + // --------------------------------- + // Raster Data + + const lzwMinCodeSize = 2; + const raster = getLZWRaster(lzwMinCodeSize); + + out.writeByte(lzwMinCodeSize); + + let offset = 0; + + while (raster.length - offset > 255) { + out.writeByte(255); + out.writeBytes(raster, offset, 255); + offset += 255; + } + + out.writeByte(raster.length - offset); + out.writeBytes(raster, offset, raster.length - offset); + out.writeByte(0x00); + + // --------------------------------- + // GIF Terminator + out.writeString(';'); + }; + + const bitOutputStream = function (out) { + const _out = out; + let _bitLength = 0; + let _bitBuffer = 0; + + const _this: any = {}; + + _this.write = function (data, length) { + if (data >>> length != 0) { + throw new Error('length over'); + } + + while (_bitLength + length >= 8) { + _out.writeByte(0xff & ((data << _bitLength) | _bitBuffer)); + length -= 8 - _bitLength; + data >>>= 8 - _bitLength; + _bitBuffer = 0; + _bitLength = 0; + } + + _bitBuffer = (data << _bitLength) | _bitBuffer; + _bitLength = _bitLength + length; + }; + + _this.flush = function () { + if (_bitLength > 0) { + _out.writeByte(_bitBuffer); + } + }; + + return _this; + }; + + var getLZWRaster = function (lzwMinCodeSize) { + const clearCode = 1 << lzwMinCodeSize; + const endCode = (1 << lzwMinCodeSize) + 1; + let bitLength = lzwMinCodeSize + 1; + + // Setup LZWTable + const table = lzwTable(); + + for (let i = 0; i < clearCode; i += 1) { + table.add(String.fromCharCode(i)); + } + table.add(String.fromCharCode(clearCode)); + table.add(String.fromCharCode(endCode)); + + const byteOut = byteArrayOutputStream(); + const bitOut = bitOutputStream(byteOut); + + // clear code + bitOut.write(clearCode, bitLength); + + let dataIndex = 0; + + let s = String.fromCharCode(_data[dataIndex]); + dataIndex += 1; + + while (dataIndex < _data.length) { + const c = String.fromCharCode(_data[dataIndex]); + dataIndex += 1; + + if (table.contains(s + c)) { + s = s + c; + } else { + bitOut.write(table.indexOf(s), bitLength); + + if (table.size() < 0xfff) { + if (table.size() == 1 << bitLength) { + bitLength += 1; + } + + table.add(s + c); + } + + s = c; + } + } + + bitOut.write(table.indexOf(s), bitLength); + + // end code + bitOut.write(endCode, bitLength); + + bitOut.flush(); + + return byteOut.toByteArray(); + }; + + var lzwTable = function () { + const _map = {}; + let _size = 0; + + const _this: any = {}; + + _this.add = function (key) { + if (_this.contains(key)) { + throw new Error('dup key:' + key); + } + _map[key] = _size; + _size += 1; + }; + + _this.size = function () { + return _size; + }; + + _this.indexOf = function (key) { + return _map[key]; + }; + + _this.contains = function (key) { + return typeof _map[key] !== 'undefined'; + }; + + return _this; + }; + + return _this; +}; + +var createImgTag = function (width, height, getPixel, black, white) { + const gif = gifImage(width, height); + for (let y = 0; y < height; y += 1) { + for (let x = 0; x < width; x += 1) { + gif.setPixel(x, y, getPixel(x, y)); + } + } + + const b = byteArrayOutputStream(); + gif.write(b, black, white); + + const base64 = base64EncodeOutputStream(); + const bytes = b.toByteArray(); + for (let i = 0; i < bytes.length; i += 1) { + base64.writeByte(bytes[i]); + } + base64.flush(); + + let img = ''; + img += 'data:image/png;base64,'; + img += base64; + + return img; +}; + +// --------------------------------------------------------------------- +// returns qrcode function. + +export const createQrCodeImg = function ( + text: string, + options: { + size?: number; + typeNumber?: number; + errorCorrectLevel?: 'L' | 'M' | 'Q' | 'H'; + black?: string; + white?: string; + } = {} +): string { + const typeNumber = options.typeNumber ?? 4; + const errorCorrectLevel = options.errorCorrectLevel ?? 'M'; + const size = options.size ?? 500; + const black = options.black ?? '#000000'; + const white = options.white ?? '#FFFFFF'; + + let qr: ReturnType<typeof qrcode>; + + try { + qr = qrcode(typeNumber, errorCorrectLevel ?? 'M'); + qr.addData(text); + qr.make(); + } catch (e) { + if (typeNumber >= 40) { + throw new Error('Text too long to encode'); + } else { + return createQrCodeImg(text, { + size: size, + errorCorrectLevel: errorCorrectLevel, + typeNumber: typeNumber + 1, + black, + white, + }); + } + } + + // calc cellsize and margin + const cellsize = parseInt(`${size / qr.getModuleCount()}`); + const margin = parseInt(`${(size - qr.getModuleCount() * cellsize) / 2}`); + + return qr.createImgTag(cellsize, margin, size, black, white); +}; + +export { qrcode }; +/* eslint-enable */ diff --git a/apps/taro/src/hooks/user.ts b/apps/taro/src/hooks/user.ts index 981d80e..ed8986e 100644 --- a/apps/taro/src/hooks/user.ts +++ b/apps/taro/src/hooks/user.ts @@ -58,6 +58,7 @@ // const { virtualUserInfo } = useVirtualUserInfo(); const isChannelAccount = computed(() => blLifeRecharge.accountModel.isBackClientUser); + const userPromoterIdNumber = computed(() => blLifeRecharge.accountModel.promoterIdNumber); return { user: userInfo, @@ -69,6 +70,7 @@ wxCode, wxOpenId, isChannelAccount, + userPromoterIdNumber, // virtualUserInfo, }; } diff --git a/apps/taro/src/pages/mine/index.vue b/apps/taro/src/pages/mine/index.vue index 5b64b7f..2ccfa7f 100644 --- a/apps/taro/src/pages/mine/index.vue +++ b/apps/taro/src/pages/mine/index.vue @@ -32,6 +32,7 @@ :icon="IconMinePromotion" title="鎺ㄥ箍浜岀淮鐮�" @click="goPromotionQrcode" + v-if="!!userPromoterIdNumber" ></ListItemV2> <ListItemV2 :icon="IconMineAgentRecruitment" @@ -76,7 +77,7 @@ import { useLifeRechargeContext } from '@life-payment/core-vue'; import { hiddenPhoneNumber } from '@life-payment/utils'; -const { userDetail, virtualPhoneNumber, isChannelAccount } = useUser(); +const { userDetail, virtualPhoneNumber, isChannelAccount, userPromoterIdNumber } = useUser(); const isLogin = useIsLogin(); const systemStore = useSystemStore(); @@ -112,9 +113,19 @@ const goOrderManage = useAccessLogin(() => goPage(RouterPath.order)); const goUserAccountList = useAccessLogin(() => goPage(RouterPath.userAccountList)); const goShareQrcode = useAccessLogin(() => goPage(RouterPath.shareQrcode)); -const goPromotionQrcode = useAccessLogin(() => goPage(RouterPath.promotionQrcode)); +const goPromotionQrcode = useAccessLogin(() => { + RouteHelper.navigateTo({ + url: `${RouterPath.promotionQrcode}?promoterIdNumber=${userPromoterIdNumber.value}`, + }); +}); const goDashboard = useAccessLogin(() => goPage(RouterPath.dashboard)); -const goAgentRecruitment = useAccessLogin(() => goPage(RouterPath.agentRecruitment)); +const goAgentRecruitment = () => { + RouteHelper.navigateTo({ + url: userPromoterIdNumber.value + ? `${RouterPath.agentRecruitment}?promoterIdNumber=${userPromoterIdNumber.value}` + : RouterPath.agentRecruitment, + }); +}; async function goLogout() { try { diff --git a/apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue b/apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue index 7f10ab2..0186594 100644 --- a/apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue +++ b/apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue @@ -50,11 +50,11 @@ const promoterIdNumber = router.params?.promoterIdNumber ?? ''; -onMounted(()=>{ - if(promoterIdNumber){ - setClickCount() +onMounted(() => { + if (promoterIdNumber) { + setClickCount(); } -}) +}); function submit() { RouteHelper.navigateTo({ diff --git a/apps/taro/src/subpackages/my/promotionQrcode/InnerPage.vue b/apps/taro/src/subpackages/my/promotionQrcode/InnerPage.vue index ee5a193..32a7724 100644 --- a/apps/taro/src/subpackages/my/promotionQrcode/InnerPage.vue +++ b/apps/taro/src/subpackages/my/promotionQrcode/InnerPage.vue @@ -5,21 +5,23 @@ class="promotion-qrcode-content-qrcode" :style="{ backgroundImage: `url(${OssAssets.common.PromotionQrcodeCodeBG})` }" > - <ShareQrcodeView :channles-num="userChannles[0]?.channlesNum" :size="150" /> + <div class="share-qrcode-view"> + <img v-if="link" :src="link" class="share-qrcode-view-img" /> + </div> <div class="promotion-qrcode-content-qrcode-tips">闀挎寜浜岀淮鐮佸垎浜ソ鍙�</div> </div> - <div class="promotion-qrcode-content-btn">鐐瑰嚮涓嬭浇浜岀淮鐮�</div> + <div class="promotion-qrcode-content-btn" @click="downloadQrcode">鐐瑰嚮涓嬭浇浜岀淮鐮�</div> </div> </ContentView> </template> <script setup lang="ts"> -import { ShareQrcodeView, ResultWithoutBG } from '@life-payment/components'; import { useLifeRechargeContext } from '@life-payment/core-vue'; import Taro from '@tarojs/taro'; import { useSystemStore } from '@/stores/modules/system'; import { CSSProperties, useTemplateRef } from 'vue'; import { OssAssets } from '@/constants'; +import { createQrCodeImg } from '@/components/Qrcode/utils/qrcode'; defineOptions({ name: 'InnerPage', @@ -28,16 +30,21 @@ // const { virtualUserInfo } = useUser(); const { blLifeRecharge } = useLifeRechargeContext(); -const userChannles = computed(() => - (blLifeRecharge.accountModel.userChannles ?? []).filter( - (x) => x.switchType !== blLifeRecharge.constants.LifePaySwitchTypeEnum.寰俊灏忕▼搴� - ) -); +const qrcodeRef = ref(); -const channlesType = ref(userChannles.value[0]?.channlesNum ?? ''); +const router = Taro.useRouter(); -watch(userChannles, (val) => { - channlesType.value = val?.[0]?.channlesNum ?? ''; +const promoterIdNumber = router.params?.promoterIdNumber ?? ''; + +// const link = computed( +// () => +// `${CLIENT_ORIGIN}/subpackages/my/AgentRecruitment/AgentRecruitment?promoterIdNumber=${promoterIdNumber}` +// ); +const link = computed(() => { + const url = `${CLIENT_ORIGIN}/subpackages/my/AgentRecruitment/AgentRecruitment?promoterIdNumber=${promoterIdNumber}`; + return createQrCodeImg(url, { + size: 300, + }); }); const systemStore = useSystemStore(); @@ -49,6 +56,12 @@ backgroundImage: `url(${OssAssets.common.PromotionQrcodeContentBG})`, } as CSSProperties) ); + +function downloadQrcode() { + Taro.saveImageToPhotosAlbum({ + filePath: link.value, + }); +} </script> <style lang="scss"> @@ -107,5 +120,10 @@ margin-top: -20px; padding: 0; } + + .share-qrcode-view-img { + width: 300px; + height: 300px; + } } </style> diff --git a/apps/taro/src/subpackages/my/promotionQrcode/promotionQrcode.vue b/apps/taro/src/subpackages/my/promotionQrcode/promotionQrcode.vue index 6547e85..a1d9ada 100644 --- a/apps/taro/src/subpackages/my/promotionQrcode/promotionQrcode.vue +++ b/apps/taro/src/subpackages/my/promotionQrcode/promotionQrcode.vue @@ -1,5 +1,5 @@ <template> - <PageLayoutWithBg class="promotion-qrcode-page-wrapper"> + <PageLayoutWithBg class="promotion-qrcode-page-wrapper" :need-auth="false"> <template #navigationBar> <TransparentNavigationBar :title="'鎺ㄥ箍浜岀淮鐮�'" :is-absolute="false"> </TransparentNavigationBar> diff --git a/apps/taro/types/global.d.ts b/apps/taro/types/global.d.ts index a19b70a..1c50f5c 100644 --- a/apps/taro/types/global.d.ts +++ b/apps/taro/types/global.d.ts @@ -36,6 +36,7 @@ declare const OSS_URL: string declare const WeixinJSBridge: any +declare const CLIENT_ORIGIN: string declare namespace NodeJS { interface ProcessEnv { diff --git a/packages/core/src/lifeRecharge.ts b/packages/core/src/lifeRecharge.ts index a2e318a..84d0f87 100644 --- a/packages/core/src/lifeRecharge.ts +++ b/packages/core/src/lifeRecharge.ts @@ -50,6 +50,7 @@ this.accountModel.setPhoneNumber(''); this.accountModel.setUserChannles([]); this.accountModel.isBackClientUser = false; + this.accountModel.promoterIdNumber = ''; } isLogin() { diff --git a/packages/core/src/lifeRechargeAccountModel.ts b/packages/core/src/lifeRechargeAccountModel.ts index 45a7dfd..22df608 100644 --- a/packages/core/src/lifeRechargeAccountModel.ts +++ b/packages/core/src/lifeRechargeAccountModel.ts @@ -8,6 +8,7 @@ userId = ''; phoneNumber = ''; channlesNum = ''; + promoterIdNumber = ''; /**鐢ㄦ埛鎵�鏈夌殑娓犻亾 */ userChannles = [] as ChannelOutput[]; @@ -43,6 +44,7 @@ } ); this.isBackClientUser = res.isBackClientUser; + this.promoterIdNumber = res.promoterIdNumber; if (res && res.isBackClientUser) { this.setUserChannles(res.channlesNum ?? []); } diff --git a/packages/core/src/lifeRechargeServices.ts b/packages/core/src/lifeRechargeServices.ts index e612ef8..6762eea 100644 --- a/packages/core/src/lifeRechargeServices.ts +++ b/packages/core/src/lifeRechargeServices.ts @@ -871,6 +871,8 @@ export interface LifePayPhoneMesssageCodeLoginOutput { /** 鐢ㄦ埛Id */ userId?: string; + /** 鎺ㄥ箍鍛業D */ + promoterIdNumber?: string; /** 鏄惁鏄悗鍙扮敤鎴� */ isBackClientUser?: boolean; /** 娓犻亾鍙� */ diff --git a/packages/services/api/typings.d.ts b/packages/services/api/typings.d.ts index df2aaef..c8bf145 100644 --- a/packages/services/api/typings.d.ts +++ b/packages/services/api/typings.d.ts @@ -1066,6 +1066,12 @@ interface GetPromotersInput { pageModel?: Pagination; + /** 鍒涘缓鐨勫紑濮嬫椂闂� */ + startDate?: string; + /** 鍒涘缓鐨勭粨鏉熸椂闂� */ + endDate?: string; + /** 鎼滅储鍏抽敭璇� */ + searchKey?: string; } interface GetRolesInput { @@ -1291,7 +1297,7 @@ type LifePayChannelAgentType = 1 | 2 | 3; - type LifePayChannelConsultationFollowupStatus = 0 | 1; + type LifePayChannelConsultationFollowupStatus = 1 | 2 | 3 | 4; type LifePayChannelsStatsEnum = 10 | 20; @@ -1587,6 +1593,8 @@ interface LifePayPhoneMesssageCodeLoginOutput { /** 鐢ㄦ埛Id */ userId?: string; + /** 鎺ㄥ箍鍛業D */ + promoterIdNumber?: string; /** 鏄惁鏄悗鍙扮敤鎴� */ isBackClientUser?: boolean; /** 娓犻亾鍙� */ -- Gitblit v1.9.1