blockly > Caixa de ferramentas
Classe Toolbox
Classe para uma caixa de ferramentas. Cria o DOM da caixa de ferramentas.
Signature:
export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode
Extends:DeleteArea
Implementa:IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode
Construtores
| Construtor | Modificadores | Descrição |
|---|---|---|
| (constructor)(workspace) | Cria uma nova instância da classe Toolbox. |
Propriedades
| Propriedade | Modificadores | Tipo | Descrição |
|---|---|---|---|
| boundEvents_ | protected |
browserEvents.Data[] | Matriz que contém as informações necessárias para desvincular manipuladores de eventos. Usado para descarte. Ex: [[node, name, func], [node, name, func]]. |
| conteúdo | protected |
Map<string, IToolboxItem> | Mapa do ID para o item da caixa de ferramentas correspondente. |
| contentsDiv_ | protected |
HTMLDivElement | null | O contêiner HTML para o conteúdo de uma caixa de ferramentas. |
| height_ | protected |
número | A altura da caixa de ferramentas. |
| HtmlDiv | HTMLDivElement | null | O contêiner HTML para a caixa de ferramentas. | |
| id | string | O ID exclusivo desse componente usado para registrar no ComponentManager. | |
| isVisible_ | protected |
booleano | Indica se a caixa de ferramentas está visível. |
| previouslySelectedItem_ | protected |
ISelectableToolboxItem | null | O item selecionado anteriormente. |
| RTL | booleano | ||
| selectedItem_ | protected |
ISelectableToolboxItem | null | O item selecionado no momento. |
| toolboxDef_ | protected |
toolbox.ToolboxInfo | |
| toolboxPosition | toolbox.Position | ||
| width_ | protected |
número | A largura da caixa de ferramentas. |
| workspace_ |
|
WorkspaceSvg | O espaço de trabalho em que essa caixa de ferramentas está. |
Métodos
| Método | Modificadores | Descrição |
|---|---|---|
| addToolboxItem_(toolboxItem) | protected |
Adiciona um item à caixa de ferramentas. |
| attachEvents_(container, contentsContainer) | protected |
Adiciona listeners de eventos à div do contêiner da caixa de ferramentas. |
| autoHide(onlyClosePopups) | Oculta o componente. Chamado em WorkspaceSvg.hideChaff. | |
| canBeFocused() | Consulte IFocusableNode.canBeFocused. | |
| clearSelection() | Desmarca qualquer item selecionado anteriormente. | |
| createContainer_() | protected |
Cria a div do contêiner para a caixa de ferramentas. |
| createContentsContainer_() | protected |
Cria o contêiner para todo o conteúdo na caixa de ferramentas. |
| createDom_(workspace) | protected |
Cria o DOM para a caixa de ferramentas. |
| createFlyout_() | protected |
Cria o submenu com base no layout da caixa de ferramentas. |
| deselectItem_(item) | protected |
Desmarca o item especificado, marca como não selecionado e atualiza o estado do aria. |
| dispose() | Descarta esta caixa de ferramentas. | |
| getClientRect() | Retorna o retângulo delimitador da área de destino de arrastar em unidades de pixel em relação à janela de visualização. | |
| getFlyout() | Recebe o submenu da caixa de ferramentas. | |
| getFocusableElement() | Consulte IFocusableNode.getFocusableElement. | |
| getFocusableTree() | Consulte IFocusableNode.getFocusableTree. | |
| getHeight() | Recebe a altura da caixa de ferramentas. | |
| getNestedTrees() | Consulte IFocusableTree.getNestedTrees. | |
| getPreviouslySelectedItem() | Recebe o item selecionado anteriormente. | |
| getRestoredFocusableNode(previousNode) | Consulte IFocusableTree.getRestoredFocusableNode. | |
| getRootFocusableNode() | Consulte IFocusableTree.getRootFocusableNode. | |
| getSelectedItem() | Recebe o item selecionado. | |
| getToolboxItemById(id) | Recebe o item da caixa de ferramentas com o ID especificado. | |
| getToolboxItems() | Recebe os itens na caixa de ferramentas. | |
| getWidth() | Recebe a largura da caixa de ferramentas. | |
| getWorkspace() | Recebe o espaço de trabalho da caixa de ferramentas. | |
| init() | Inicializa a caixa de ferramentas. | |
| isHorizontal() | Recebe se a caixa de ferramentas é horizontal ou não. | |
| lookUpFocusableNode(id) | Consulte IFocusableTree.lookUpFocusableNode. | |
| onClick_(e) | protected |
Processa eventos de clique quando a caixa de ferramentas ou os itens dela são clicados. |
| onDragEnter(_dragElement) | Processa quando um cursor com um bloco ou uma bolha entra nesse destino de arrastar. | |
| onDragExit(_dragElement) | Processa quando um cursor com um bloco ou uma bolha sai desse destino de arrastar. | |
| onDrop(_dragElement) | Processa quando um bloco ou balão é solto nesse componente. Não deve processar a exclusão aqui. | |
| onKeyDown_(e) | protected |
Processa eventos de tecla pressionada para a caixa de ferramentas. |
| onNodeBlur() | Consulte IFocusableNode.onNodeBlur. | |
| onNodeFocus() | Consulte IFocusableNode.onNodeFocus. | |
| onShortcut(_shortcut) | Processa o atalho de teclado especificado. | |
| onTreeBlur(nextTree) | Consulte IFocusableTree.onTreeBlur. | |
| onTreeFocus(node, _previousTree) | Consulte IFocusableTree.onTreeFocus. | |
| position() | Posiciona a caixa de ferramentas com base em se ela é horizontal e se o espaço de trabalho está em rtl. | |
| refreshSelection() | Atualiza o conteúdo do submenu sem fechá-lo. Deve ser usado em resposta a uma mudança em uma das categorias dinâmicas, como variáveis ou procedimentos. | |
| renderContents_(toolboxDef) | protected |
Adiciona todos os itens à caixa de ferramentas. |
| selectItem_(oldItem, newItem) | protected |
Seleciona o item especificado, marca como selecionado e atualiza o estado do aria. |
| selectItemByPosition(position) | Seleciona o item da caixa de ferramentas pela posição dele na lista. | |
| setSelectedItem(newItem) | Define o item especificado como selecionado. Nenhuma operação se o item não for selecionável. | |
| setVisible(isVisible) | Mostra ou oculta a caixa de ferramentas. | |
| shouldDeselectItem_(oldItem, newItem) | protected |
Decide se o item antigo deve ser desmarcado. |
| shouldSelectItem_(oldItem, newItem) | protected |
Decide se o novo item deve ser selecionado. |
| updateCursorDeleteStyle_(addStyle) | protected |
Adiciona ou remove o estilo CSS do cursor sobre a caixa de ferramentas com base em se o bloco ou a bolha sobre ele deve ser excluído se for solto (usando a propriedade interna this.wouldDelete_). |
| updateFlyout_(oldItem, newItem) | protected |
Decide se o submenu vai ser ocultado ou mostrado, dependendo do item selecionado. |
| updateWouldDelete_(wouldDelete) | protected |
Atualiza o estado interno "wouldDelete_". |
| wouldDelete(element) | Retorna se o bloco ou balão fornecido seria excluído se fosse solto nessa área. Esse método precisa verificar se o elemento pode ser excluído e é sempre chamado antes de onDragEnter/onDragOver/onDragExit. |