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_	protected readonly	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.