ツールボックス クラス
ツールボックスのクラス。ツールボックスの DOM を作成します。
署名:
export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
拡張: DeleteArea
実装: IAutoHideable、IKeyboardAccessible、IStyleable、IToolbox
コンストラクタ
コンストラクタ | 修飾子 | 説明 |
---|---|---|
(コンストラクタ)(ワークスペース) | Toolbox クラスの新しいインスタンスを作成します。 |
プロパティ
プロパティ | 修飾子 | タイプ | 説明 |
---|---|---|---|
boundEvents_ | protected |
browserEvents.Data[] | イベント ハンドラのバインド解除に必要な情報を含む配列。廃棄に使用されます。例: [[node, name, func], [node, name, func]]。 |
contentMap_ | protected |
{ [key: string]: IToolboxItem;} | |
contents_ | protected |
IToolboxItem[] | ツールボックス内のアイテムのリスト。 |
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, contentContainer) | protected |
ツールボックス コンテナ div にイベント リスナーを追加します。 |
autoHide(onlyClosePopups) | コンポーネントを非表示にします。WorkspaceSvg.hideChaff で呼び出されます。 | |
clearSelection() | 選択済みの項目のハイライト表示を解除します。 | |
createContainer_() | protected |
ツールボックスのコンテナ div を作成します。 |
createContentsContainer_() | protected |
ツールボックス内のすべてのコンテンツのコンテナを作成します。 |
createDom_(workspace) | protected |
ツールボックスの DOM を作成します。 |
createFlyout_() | protected |
ツールボックス レイアウトに基づいてフライアウトを作成します。 |
deselectItem_(item) | protected |
指定したアイテムの選択を解除し、未選択にして、Aria の状態を更新します。 |
dispose() | このツールボックスを破棄します。 | |
getClientRect() | ドラッグ ターゲット領域の境界長方形を、ビューポートに対するピクセル単位で返します。 | |
getFlyout() | ツールボックス フライアウトを取得します。 | |
getHeight() | ツールボックスの高さを取得します。 | |
getPreviouslySelectedItem() | 以前に選択されたアイテムを取得します。 | |
getSelectedItem() | 選択したアイテムを取得します。 | |
getToolboxItemById(id) | 指定された ID のツールボックス アイテムを取得します。 | |
getToolboxItems() | ツールボックス内のアイテムを取得します。 | |
getWidth() | ツールボックスの幅を取得します。 | |
getWorkspace() | ツールボックスのワークスペースを取得します。 | |
init() | ツールボックスを初期化する | |
isHorizontal() | ツールボックスが水平かどうかを取得します。 | |
onClick_(e) | protected |
ツールボックスまたはツールボックスのアイテムがクリックされたときのクリック イベントを処理します。 |
onDragEnter(_dragElement) | ブロックまたはバブル付きのカーソルがこのドラッグ ターゲットに入るときを処理します。 | |
onDragExit(_dragElement) | ブロックまたはバブルを含むカーソルがこのドラッグ ターゲットから出たときに処理します。 | |
onDrop(_dragElement) | このコンポーネント上でブロックまたはバブルがドロップされたときを処理します。ここでは削除を処理しません。 | |
onKeyDown_(e) | protected |
ツールボックスのキーダウン イベントを処理します。 |
onShortcut(_shortcut) | 指定されたキーボード ショートカットを処理します。 | |
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 の前に呼び出されるかどうかを確認する必要があります。 |