Class SidebarPanelManager

Example

// 定义自定义面板类
class MyToolPanel extends BasePanelComponent {
    render() {
        return html`
            <div class="panel-content">
                <div class="panel-section">
                    <div class="panel-section-title">工具</div>
                    <button class="panel-btn" @click=${this.doSomething}>
                        执行操作
                    </button>
                </div>
            </div>
        `;
    }

    doSomething() {
        console.log("Button clicked!");
    }
}

// 注册面板
SidebarPanelManager.getInstance().registerPanel({
    name: "my-tools",
    label: "我的工具",
    icon: "./images/actbar/tools.svg",
    position: "left",
    panelClass: MyToolPanel
});

// 激活面板
SidebarPanelManager.getInstance().activatePanel("my-tools");

// 注销面板
SidebarPanelManager.getInstance().unregisterPanel("my-tools");
Copy