도구 상자 클래스
도구 상자의 클래스입니다. 도구 상자의 DOM을 만듭니다.
Signature:
export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
확장: DeleteArea
구현: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
생성자
생성자 | 수정자 | 설명 |
---|---|---|
(생성자)(작업공간) | Toolbox 클래스의 새 인스턴스를 구성합니다. |
속성
속성 | 수정자 | 유형 | 설명 |
---|---|---|---|
boundEvents_ | protected |
browserEvents.Data[] | 이벤트 핸들러를 바인딩 해제하는 데 필요한 정보를 보유하는 배열입니다. 폐기에 사용됩니다. 예: [[node, name, actionc], [node, name, permissionc]]. |
contentMap_ | protected |
{ [key: string]: IToolboxItem; } | |
contents_ | protected |
IToolboxItem[] | 도구 상자의 항목 목록입니다. |
contentsDiv_ | protected |
HTMLDivElement | null | 도구 상자의 콘텐츠를 위한 HTML 컨테이너입니다. |
height_ | protected |
숫자 | 도구 상자의 높이입니다. |
HtmlDiv | HTMLDivElement | null | 도구 상자의 HTML 컨테이너입니다. | |
id | string | ComponentManager에 등록하는 데 사용되는 이 구성요소의 고유 ID입니다. | |
isVisible_ | protected |
boolean | 도구 상자의 표시 여부입니다. |
previouslySelectedItem_ | protected |
ISelectableToolboxItem | null | 이전에 선택한 항목입니다. |
RTL | boolean | ||
selectedItem_ | protected |
ISelectableToolboxItem | null | 현재 선택된 항목입니다. |
toolboxDef_ | protected |
toolbox.ToolboxInfo | |
toolboxPosition | toolbox.Position | ||
width_ | protected |
숫자 | 도구 상자의 너비입니다. |
workspace_ |
|
WorkspaceSvg | 이 도구 상자가 위치한 작업공간입니다. |
방법
메서드 | 수정자 | 설명 |
---|---|---|
addToolboxItem_(toolboxItem) | protected |
도구 상자에 항목을 추가합니다. |
연결 이벤트_(컨테이너, 콘텐츠 컨테이너) | 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) | 지정된 단축키를 처리합니다. | |
위치() | 가로 도구 상자인지, 작업공간이 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.stayDelete_ 속성을 사용하여 도구 상자 위에 있는 블록이나 풍선을 떨어뜨릴 경우 삭제될 것으로 예상됩니다. |
updateFlyout_(oldItem, newItem) | protected |
선택한 항목에 따라 플라이아웃을 숨기거나 표시할지 결정합니다. |
updateWouldDelete_(wouldDelete) | protected |
내부 willDelete_ 상태를 업데이트합니다. |
wouldDelete(element, _couldConnect) | 이 영역에 드롭할 경우 제공된 블록 또는 도움말 풍선을 삭제할지 여부를 반환합니다. 이 메서드는 요소가 삭제 가능한지 확인하고 항상 onDragEnter/onDragOver/onDragExit 전에 호출됩니다. |