Security News
Python Overtakes JavaScript as Top Programming Language on GitHub
Python becomes GitHub's top language in 2024, driven by AI and data science projects, while AI-powered security tools are gaining adoption.
@mamba/app
Advanced tools
import App from '@mamba';
O componente <App>
é responsável por encapsular toda a aplicação. Sem ele a aplicação perderá algumas funcionalidades básicas, o que o torna obrigatório.
Vale ressaltar também, que este componente não deve ser utilizado em nenhum outro lugar da aplicação além do ponto de entrada.
<App>
<!--
Tudo relacionado ao aplicativo deve
estar dentro do componente <App></App>
-->
</App>
<script>
export default {
components: {
App: '@mamba/app',
},
};
</script>
O POS
possúi uma porção de teclas que podem ser utilizadas como atalhos de clique. Para designer uma tecla a certo evento de click
, basta atribuir shortcut="nomeDaTecla"
a algum elemento.
As teclas existentes no POS
são: close
, back
, enter
, help
, shortcuts
, 0
, 1
, ...
, 8
, 9
.
Sempre que executado o método this.root.close()
do componente raiz, o fluxo de fechamento do aplicativo é iniciado.
Por padrão, quando o usuário clicar no botão close
/x
o fluxo se inicia automaticamente. Caso, deseje que para fechar a aplicação a senha de administrador do POS
seja informada, basta adicionar askPasswordOnClose
no seu componente App
.
<App askPasswordOnClose>
<!--
Tudo relacionado ao aplicativo deve
estar dentro do componente <App></App>
-->
</App>
Entretanto, também é possível sobrescrever este comportamento através de um método onClose
no componente raiz de seu aplicativo. Deste modo, é possível customizar o fluxo de fechamento da sua maneira, adicionando uma tela, um diálogo, algum tipo de lógica, etc.
O componente <App/>
se registra como a propriedade meta
no componente raiz. Possibilitando o acesso meta informações de estado e fluxos do aplicativo:
AppBar
e da tecla de back
this.root.meta.setNavigable({ home: boolean, back: boolean } | boolean)
Habilita/desabilita a navegação do app. Passa-se um objeto composto por back
e home
com um valor booleano ou um valor booleano único que será usado para ambos os casos.
AppBar
this.root.meta.hideAppBar(boolean)
Esconde/mostra o componete appBar. Passa-se um valor booleano.
AppBar
no botão de voltar com rota customizada e passagem de parâmetrosthis.root.meta.setNavigableRoute('/', { name: 'Mamba' })
Customiza a rota quando for clicado no botão de voltar no AppBar
. Passa-se um objeto composto por route
e params
, a propriedade route
é obrigatória e precisa receber uma string, a propriedade params
é opcional e o valor precisa ser um object.
shortcut="nomeDaTecla"
)this.root.meta.setShortcuts(boolean)
;
Habilita/desabilita os atalhos automáticos de teclado. Passa-se um parâmetro booleano.
this.root.meta.setScrollable(boolean)
;
Habilita/desabilita o scroll do app.
import Keystroke from '@mamba/app/Keystroke.html';
O componente Keystroke
associa um evento de tecla á uma tecla específica e o desassocia automaticamente quando é destruído. Quando a tecla é apertada, o componente dispara um evento de keystroke
.
É importante ressaltar que, enquanto algum <Keystroke/>
estiver associado a uma tecla e ativo
, nenhum atalho de teclado automático (shortcut="nomeDaTecla"
) desta tecla estará ativo.
<Keystroke ...props/>
Parâmetro | Descrição | Tipo | Padrão |
---|---|---|---|
key | Define a tecla associada ao handler | string | null |
active | Define ser o handler deve estar ativo ou não | boolean | true |
<Keystroke ... on:event="..."/>
Eventos | Disparado quando ... | Tipo |
---|---|---|
keystroke | Uma das teclas do POS é pressionada | function (keyup) |
Chama myMethod(keyup)
passando como parâmetro o evento de keyup quando a tecla especificada em key
é pressionada.
<Keystroke key="back" on:keystroke="myMethod(event)" />
FAQs
O componente `` é responsável por encapsular toda a aplicação. Sem ele a aplicação perderá algumas funcionalidades básicas, o que o torna **obrigatório**.
We found that @mamba/app demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Python becomes GitHub's top language in 2024, driven by AI and data science projects, while AI-powered security tools are gaining adoption.
Security News
Dutch National Police and FBI dismantle Redline and Meta infostealer malware-as-a-service operations in Operation Magnus, seizing servers and source code.
Research
Security News
Socket is tracking a new trend where malicious actors are now exploiting the popularity of LLM research to spread malware through seemingly useful open source packages.