@mamba/printable

O componente `Printable` encapsula o fluxo de impressão do POS, permitindo a impressão de qualquer conteúdo HTML estático.

Stats

StarsIssuesVersionUpdatedCreatedSize
@mamba/printable
3.6.02 months ago3 years agoMinified + gzip package size for @mamba/printable in KB

Readme

Printable

O componente Printable encapsula o fluxo de impressão do POS, permitindo a impressão de qualquer conteúdo HTML estático.

Parâmetross Descrição Tipo Padrão
dithering Define se deve ser aplicado um algoritmo de dithering na impressão. Use esta função somente para imprimir imagens, pois o dithering diminui a qualidade da impressão de texto boolean false
showPrintingDialog define se o diálogo de "Imprimindo" deve aparecer ou não boolean true
showNoPaperErrorMessage Exibir mensagem opcional Verifique a impressora e tente novamente. boolean false
$reprintException Variável da store que habilita o dialog de tentar novamente reimpressão caso falhe boolean false

Eventos

<Printable ... on:event="..."/>

Nome Disparado quando .... Tipo
finish Ao finalizar uma impressão, recebendo true se a impressão foi concluída e false caso interrompida function(boolean)
error Um erro de impressão ocorre function()

Exemplos:

Chama myMethod() quando a impressão termina, passando como parâmetro event que indica caso a impressão foi concluída ou interrompida.

<Printable on:finish="myMethod(event)" />

Chama exibe no console a mensagem quando a impressão falha:

<Printable on:error="console.log('your printing failed')" />

Métodos

print()

Envia o conteúdo do componente printable para impressão.

<Printable ref:printableContent dithering="{true}">
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium esse
  possimus eaque harum, voluptatum optio hic. Dignissimos, molestias eligendi,
  cumque et eos iusto quasi mollitia fuga quam laudantium tempora aliquid?
</Printable>

<!-- Print the ref:printableContent content -->
<button on:click="refs.printableContent.print()">Print</button>

<script>
  export default {
    components: {
      Printable: '@mamba/printable',
    },
  };
</script>

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.