ツールボックス クラス
ツールボックスのクラス。ツールボックスの DOM を作成します。
署名:
export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode
拡張: DeleteArea
実装: IAutoHideable、IKeyboardAccessible、IStyleable、IToolbox、IFocusableNode
コンストラクタ
| コンストラクタ | 修飾子 | 説明 |
|---|---|---|
| （コンストラクタ）（ワークスペース） | Toolbox クラスの新しいインスタンスを構築します。 |
プロパティ
| プロパティ | 修飾子 | タイプ | 説明 |
|---|---|---|---|
| boundEvents_ | protected |
browserEvents.Data[] | イベント ハンドラのバインド解除に必要な情報を保持する配列。破棄に使用されます。例: [[node, name, func], [node, name, func]]。 |
| コンテンツ | protected |
Map<string, IToolboxItem> | ID から対応するツールボックス アイテムへのマップ。 |
| contentsDiv_ | protected |
HTMLDivElement | null | ツールボックスのコンテンツの HTML コンテナ。 |
| height_ | protected |
数値 | ツールボックスの高さ。 |
| HtmlDiv | HTMLDivElement | null | ツールボックスの HTML コンテナ。 | |
| id | 文字列 | ComponentManager への登録に使用される、このコンポーネントの一意の ID。 | |
| isVisible_ | protected |
ブール値 | ツールボックスが表示されているかどうか。 |
| previouslySelectedItem_ | protected |
ISelectableToolboxItem | null | 以前に選択したアイテム。 |
| RTL | ブール値 | ||
| selectedItem_ | protected |
ISelectableToolboxItem | null | 現在選択されているアイテム。 |
| toolboxDef_ | protected |
toolbox.ToolboxInfo | |
| toolboxPosition | toolbox.Position | ||
| width_ | protected |
数値 | ツールボックスの幅。 |
| workspace_ |
|
WorkspaceSvg | このツールボックスがあるワークスペース。 |
メソッド
| メソッド | 修飾子 | 説明 |
|---|---|---|
| addToolboxItem_(toolboxItem) | protected |
ツールボックスにアイテムを追加します。 |
| attachEvents_(container, contentsContainer) | protected |
ツールボックス コンテナ div にイベント リスナーを追加します。 |
| autoHide(onlyClosePopups) | コンポーネントを非表示にします。WorkspaceSvg.hideChaff で呼び出されます。 | |
| canBeFocused() | IFocusableNode.canBeFocused をご覧ください。 | |
| clearSelection() | 以前に選択したアイテムのハイライト表示を解除します。 | |
| createContainer_() | protected |
ツールボックスのコンテナ div を作成します。 |
| createContentsContainer_() | protected |
ツールボックス内のすべてのコンテンツのコンテナを作成します。 |
| createDom_(workspace) | protected |
ツールボックスの DOM を作成します。 |
| createFlyout_() | protected |
ツールボックスのレイアウトに基づいてフライアウトを作成します。 |
| deselectItem_(item) | protected |
指定されたアイテムの選択を解除し、選択されていないものとしてマークして、aria 状態を更新します。 |
| dispose() | このツールボックスを破棄します。 | |
| getClientRect() | ビューポートを基準としたピクセル単位で、ドラッグ ターゲット領域の境界長方形を返します。 | |
| getFlyout() | ツールボックスのフライアウトを取得します。 | |
| getFocusableElement() | IFocusableNode.getFocusableElement を参照してください。 | |
| getFocusableTree() | IFocusableNode.getFocusableTree を参照してください。 | |
| getHeight() | ツールボックスの高さを取得します。 | |
| getNestedTrees() | IFocusableTree.getNestedTrees をご覧ください。 | |
| getPreviouslySelectedItem() | 以前に選択したアイテムを取得します。 | |
| getRestoredFocusableNode(previousNode) | IFocusableTree.getRestoredFocusableNode をご覧ください。 | |
| getRootFocusableNode() | IFocusableTree.getRootFocusableNode をご覧ください。 | |
| getSelectedItem() | 選択したアイテムを取得します。 | |
| getToolboxItemById(id) | 指定された ID のツールボックス アイテムを取得します。 | |
| getToolboxItems() | ツールボックス内のアイテムを取得します。 | |
| getWidth() | ツールボックスの幅を取得します。 | |
| getWorkspace() | ツールボックスのワークスペースを取得します。 | |
| init() | ツールボックスを初期化する | |
| isHorizontal() | ツールボックスが水平かどうかを取得します。 | |
| lookUpFocusableNode(id) | IFocusableTree.lookUpFocusableNode を参照してください。 | |
| onClick_(e) | protected |
ツールボックスまたはツールボックス アイテムがクリックされたときのクリック イベントのハンドラ。 |
| onDragEnter(_dragElement) | ブロックまたはバブルを含むカーソルがこのドラッグ ターゲットに入ったときの処理。 | |
| onDragExit(_dragElement) | ブロックまたはバブルを含むカーソルがこのドラッグ ターゲットを離れたときの処理。 | |
| onDrop(_dragElement) | ブロックまたはバブルがこのコンポーネントにドロップされたときの処理を行います。ここでは削除を処理しないでください。 | |
| onKeyDown_(e) | protected |
ツールボックスのキーダウン イベントを処理します。 |
| onNodeBlur() | IFocusableNode.onNodeBlur をご覧ください。 | |
| onNodeFocus() | IFocusableNode.onNodeFocus をご覧ください。 | |
| onShortcut(_shortcut) | 指定されたキーボード ショートカットを処理します。 | |
| onTreeBlur(nextTree) | IFocusableTree.onTreeBlur を参照してください。 | |
| onTreeFocus(node, _previousTree) | IFocusableTree.onTreeFocus を参照してください。 | |
| position() | ツールボックスが横型かどうか、ワークスペースが rtl かどうかに基づいてツールボックスを配置します。 | |
| refreshSelection() | フライアウトを閉じずにコンテンツを更新します。変数やプロシージャなどの動的カテゴリのいずれかの変更に対するレスポンスで使用する必要があります。 | |
| renderContents_(toolboxDef) | protected |
すべてのツールボックス アイテムをツールボックスに追加します。 |
| selectItem_(oldItem, newItem) | protected |
指定された項目を選択し、選択済みとしてマークして、aria 状態を更新します。 |
| selectItemByPosition(position) | ツールボックス アイテムのリスト内の位置でツールボックス アイテムを選択します。 | |
| setSelectedItem(newItem) | 指定されたアイテムを選択状態にします。アイテムが選択可能でない場合、処理は実行されません。 | |
| setVisible(isVisible) | ツールボックスの表示 / 非表示を切り替えます。 | |
| shouldDeselectItem_(oldItem, newItem) | protected |
古いアイテムの選択を解除するかどうかを決定します。 |
| shouldSelectItem_(oldItem, newItem) | protected |
新しいアイテムを選択するかどうかを決定します。 |
| updateCursorDeleteStyle_(addStyle) | protected |
ツールボックス上のカーソルの CSS スタイルを追加または削除します。これは、ツールボックス上のブロックまたはバブルがドロップされた場合に削除されるかどうか（内部の this.wouldDelete_ プロパティを使用）に基づきます。 |
| updateFlyout_(oldItem, newItem) | protected |
選択した項目に応じて、フライアウトを非表示にするか表示するかを決定します。 |
| updateWouldDelete_(wouldDelete) | protected |
内部の wouldDelete_ 状態を更新します。 |
| wouldDelete(element) | 指定されたブロックまたはバブルがこの領域にドロップされた場合に削除されるかどうかを返します。このメソッドは、要素が削除可能かどうかを確認し、onDragEnter/onDragOver/onDragExit の前に常に呼び出されます。 |