code-scanner

utilisation

<scan-code @read=""></scan-code

props

Dev mode

active le mode dev , qui affiche plus de data dans la console

prop : dev_mode
required:false,
type: Boolean
default: false

Gestion touche entré auto

certain scan leve un event 'keypress' sur la touche entrée après une lecture code, d'autre non. avec la propriété à true , le composant attend l'événement "touche entrée" pour valider une lecture. si réglé à false, la lecture est envoyé automatiquement au bout d'un certain temps.

prop : enter_key_mode
required:false,
type: Boolean
default: true

Gestion temps avec lecture auto

si enter_key_mode est à false (voir prop dessus), vous pourrez régler le temps avant la lecture auto

prop : time_wait
required:false,
type: Number
default: 100

en attente de lecture par defaut

au chargement du composant , la lecture est tout de suite activé ou non

prop : default_enable
required:false,
type: Boolean
default: true

Text lecture non active

texte affiché lorsque la lecture n'est pas active

prop : scan_text
required:false,
type: String
default: 'Cliquer pour commencer à scanner'

Text lecture

texte affiché lors de l'attente de la lecture

prop : scan_text_progress
required:false,
type: String
default: 'En attente de lecture...'

Validation de lecture

le code lu peut être vérifié par une règex renseigné en prop.l'event @read ne sera émit que si le code passe ce test. la regex devra inclure également les éléments cachées ( exemple : code voulu : 145 ,code bar QR145)

prop : validation_regex
required:false,
type: String
default: ''

pop up resultat

Affichage d'un popup ,affichant le resultat, rendra également l'état (correct ou erroné ) si une regex a été passé en prop

prop : see_valid_alert
required:false,
type: Boolean
default: false

pop up time

temps affichage du popup

prop : alert_display_time
required:false,
type: Number
default: 2000

pop up texte en cas de succès

texte affiché si le code est lu sans validation ou que la validation est bonne si activé

prop : alert_success_msg
required:false,
type: Function
default: function(code){
      return 'Lecture code : ' + code;
    },

pop up texte en cas d'échec

texte affiché si le code n'est pas valide

prop : alert_error_msg
required:false,
type: Function
default: function(code){
      return 'Lecture code incorrect: ' + code;
    },

Activation mode manuel

Si activé , laisse le choix de pouvoir taper un code manuellement

prop : with_manual_mode
required:false,
type: Boolean
default: true

Activation mode manuel

placeholder du champ texte manuel

prop : manual_placeholder
required:false,
type: String
default: 'tapez le code manuellement'

Choix appareil

mode Zebra pour les appareil de marque Zebra qui n'acceptent pas les events du mode standard

prop : device
required:false,
type: String
default: 'standard'

Mask de code

pour les prefix et suffix de code qui sont cachés dans le code Bar . exemple: le code que vous chercher à lire est 145879 mais le code bar est imprimer "QR145879END" , il suffira de mettre dans la prop "QR###END".

prop : mask
required:false,
type: String
default: ''

Events sortants

read

event emis lors d'une lecture de code

enable

event emis lorsque la lecture est activé

disable

event emis lorsque la lecture est désactivé

change_mode_scan

event emis lorsque le mode scan/manuel est modifié

dev

recupère les logs émis lorsque le mode dev est activé

Events entrant

###enableScan active la lecture

###disableScan désactive la lecture