@mamba/printable

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

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@mamba/printable
4.0.09 days ago4 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>