@zeedhi/zd-qrcode-reader-vue

Componente QRCodeReader para Zeedhi

Instalação   |    Uso Básico   |    Propriedades   |   

O component zd-qrcode-reader é um componente para fazer a leitura de QRCode usando a câmera.

Instalação

Para instalar o pacote basta rodar o seguinte comando:
npm i @zeedhi/zd-qrcode-reader
Com isso, dois pacotes serão instalados: o @zeedhi/zd-qrcode-reader-common e o @zeedhi/zd-qrcode-reader-vue.
Após a instalação, é necessário que você importe o pacote @zeedhi/zd-qrcode-reader-vue dentro de seu arquivo de configuração zeedhi.ts

import { ZdQRCodeReader } from '@zeedhi/zd-qrcode-reader-vue';

Vue.component('ZdQRCodeReader', ZdQRCodeReader);

Já o pacote @zeedhi/zd-qrcode-reader-common deve ser importado no arquivo controller do componente.

Uso Básico

Para usar, defina a propriedade component como 'ZdQRCodeReader'.

{
  "name": "qrcode-reader-example",
  "component": "ZdQRCodeReader"
}

Propriedades

Nome	Tipo	Default	Descrição
detectedCodes	string | string[]	undefined	A string para gerar o QR Code
loadingCamera	boolean	false	Tamanho do QR Code
cameraMode	string	"auto"	Nível de correção de erros
trackingOption	string	'outline' | 'none'	Cor do QR Code

Propriedades

Nome	Tipo	Default	Descrição
detectedCodes	string | string[]	undefined	Código(s) detectados
loadingCamera	boolean	false	Indica se a câmera está sendo carregada
cameraMode	string	"auto"	Controla qual câmera acessar no dispositivo do usuário, Use font ou rear para forçar o uso da câmera frontal ou traseira, respectivamente. Se você escolher auto, a câmera traseira será solicitada por padrão. No entanto, se um dispositivo, como um laptop, tiver apenas uma câmera frontal instalada, o modo auto será redirecionado para ela. Use off para não solicitar nenhuma câmera, ou seja, desligar a câmera.
trackingOption	string	'outline' | 'none'	Modo de rastreamento. Para desabilitar, é necessário definir como none

---