83 lines
2.3 KiB
TypeScript
83 lines
2.3 KiB
TypeScript
/*
|
|
* Copyright 2025 coze-dev Authors
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { injectable } from 'inversify';
|
|
|
|
import { type FlowDockPanel } from '../dock-panel';
|
|
import { Panel, BoxLayout, BoxPanel, PanelLayout } from '../../lumino/widgets';
|
|
|
|
export const SidePanelHandlerFactory = Symbol('SidePanelHandlerFactory');
|
|
|
|
/**
|
|
* Sidebar grading panel handler
|
|
*/
|
|
@injectable()
|
|
export class SidePanelHandler {
|
|
protected side: 'left' | 'right';
|
|
|
|
container: Panel;
|
|
|
|
contentPanel: Panel;
|
|
|
|
dockPanel: FlowDockPanel;
|
|
|
|
/**
|
|
* Create the side bar and dock panel widgets.
|
|
*/
|
|
create(side: 'left' | 'right'): void {
|
|
this.side = side;
|
|
this.container = this.createContainer();
|
|
}
|
|
|
|
protected createContainer(): Panel {
|
|
const contentBox = new BoxLayout({
|
|
direction: 'top-to-bottom',
|
|
spacing: 0,
|
|
});
|
|
const contentPanel = new BoxPanel({ layout: contentBox });
|
|
this.contentPanel = contentPanel;
|
|
|
|
const { side } = this;
|
|
let direction: BoxLayout.Direction;
|
|
switch (side) {
|
|
case 'left':
|
|
direction = 'left-to-right';
|
|
break;
|
|
case 'right':
|
|
direction = 'right-to-left';
|
|
break;
|
|
default:
|
|
throw new Error(`Illegal argument: ${side}`);
|
|
}
|
|
const containerLayout = new BoxLayout({ direction, spacing: 0 });
|
|
const sidebarContainerLayout = new PanelLayout();
|
|
const sidebarContainer = new Panel({ layout: sidebarContainerLayout });
|
|
sidebarContainer.addClass('flow-app-sidebar-container');
|
|
|
|
this.contentPanel.layout = contentBox;
|
|
BoxPanel.setStretch(sidebarContainer, 0);
|
|
BoxPanel.setStretch(contentPanel, 1);
|
|
containerLayout.addWidget(sidebarContainer);
|
|
containerLayout.addWidget(contentPanel);
|
|
const boxPanel = new BoxPanel({ layout: containerLayout });
|
|
return boxPanel;
|
|
}
|
|
|
|
expand(id?: string) {
|
|
this.container.show();
|
|
}
|
|
}
|