code-scanner

utilisation

``
`

props

$3

active le mode dev , qui affiche plus de data dans la console
`
prop : dev_mode
required:false,
type: Boolean
default: false
`

$3

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
`

$3

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
`

$3

au chargement du composant , la lecture est tout de suite activé ou non
`
prop : default_enable
required:false,
type: Boolean
default: true
`

$3

texte affiché lorsque la lecture n'est pas active
`
prop : scan_text
required:false,
type: String
default: 'Cliquer pour commencer à scanner'
`

$3

texte affiché lors de l'attente de la lecture
`
prop : scan_text_progress
required:false,
type: String
default: 'En attente de lecture...'
`

$3

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: ''
`

$3

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
`

$3

temps affichage du popup
`
prop : alert_display_time
required:false,
type: Number
default: 2000
`

$3

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;
},
`

$3

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;
},
`

$3

Si activé , laisse le choix de pouvoir taper un code manuellement
`
prop : with_manual_mode
required:false,
type: Boolean
default: true
`

$3

placeholder du champ texte manuel
`
prop : manual_placeholder
required:false,
type: String
default: 'tapez le code manuellement'
`

$3

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'
`

$3

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

$3

event emis lors d'une lecture de code

$3

event emis lorsque la lecture est activé

$3

event emis lorsque la lecture est désactivé

$3

event emis lorsque le mode scan/manuel est modifié

$3

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

Events entrant

###enableScan
active la lecture

###disableScan
désactive la lecture