99 lines
2.5 KiB
JavaScript
99 lines
2.5 KiB
JavaScript
|
/**
|
|||
|
|
* @name: useQrCodeScan
|
|||
|
|
* @author: kahu4
|
|||
|
|
* @date: 2024-01-22 14:01
|
|||
|
|
* @description：useQrCodeScan
|
|||
|
|
* @update: 2024-01-22 14:01
|
|||
|
|
* */
|
|||
|
|
// #ifdef H5
|
|||
|
|
import { Html5Qrcode } from "html5-qrcode"
|
|||
|
|
// #endif
|
|||
|
|
export const useQrCodeScan = () => {
|
|||
|
|
let html5QrCode
|
|||
|
|
|
|||
|
|
const qrCodeScan = (options = {}) => {
|
|||
|
|
let res
|
|||
|
|
// #ifdef H5
|
|||
|
|
res = _qrInH5(options)
|
|||
|
|
// #endif
|
|||
|
|
// #ifndef H5
|
|||
|
|
res = _qrInNonH5(options)
|
|||
|
|
// #endif
|
|||
|
|
return res
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 非h5环境扫码
|
|||
|
|
* @param options
|
|||
|
|
* @return {Promise<unknown>}
|
|||
|
|
* @private
|
|||
|
|
*/
|
|||
|
|
const _qrInNonH5 = (options = {}) => {
|
|||
|
|
// #ifndef H5
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
const defaultOptions = {
|
|||
|
|
onlyFromCamera: false,
|
|||
|
|
scanType: ['barCode', 'qrCode', 'datamatrix', 'pdf417'],
|
|||
|
|
hideAlbum: false
|
|||
|
|
}
|
|||
|
|
uni.scanCode({
|
|||
|
|
...defaultOptions,
|
|||
|
|
...options,
|
|||
|
|
success: (res) => {
|
|||
|
|
resolve(res.result)
|
|||
|
|
},
|
|||
|
|
fail: (err) => {
|
|||
|
|
reject(err)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
// #endif
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* H5环境扫码
|
|||
|
|
* @param options
|
|||
|
|
* @return {Promise<unknown>}
|
|||
|
|
* @private
|
|||
|
|
*/
|
|||
|
|
const _qrInH5 = async (options) => {
|
|||
|
|
// #ifdef H5
|
|||
|
|
return new Promise(async (resolve, reject) => {
|
|||
|
|
try { // 获取屏幕宽度
|
|||
|
|
const windowWith = window.innerWidth || document.documentElement.offsetWidth
|
|||
|
|
const windowHeight = window.innerHeight || document.documentElement.offsetHeight
|
|||
|
|
html5QrCode = new Html5Qrcode("reader");
|
|||
|
|
const cameras = await Html5Qrcode.getCameras();
|
|||
|
|
await html5QrCode.start(
|
|||
|
|
cameras[cameras.length - 1].id,
|
|||
|
|
{
|
|||
|
|
fps: 1,
|
|||
|
|
aspectRatio: windowHeight / windowWith
|
|||
|
|
},
|
|||
|
|
(decodedText, decodedResult) => {
|
|||
|
|
// do something when code is read
|
|||
|
|
resolve(decodedText)
|
|||
|
|
html5QrCode.stop()
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
uni.hideLoading()
|
|||
|
|
} catch (e) {
|
|||
|
|
reject(e)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
// #endif
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 取消扫描
|
|||
|
|
*/
|
|||
|
|
const cancelScan = () => {
|
|||
|
|
html5QrCode && html5QrCode.stop()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
qrCodeScan,
|
|||
|
|
cancelScan
|
|||
|
|
}
|
|||
|
|
}
|