49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
|
import { BimButtonGroup } from '../components/button-group';
|
||
|
|
import type { ButtonGroupOptions } from '../components/button-group/index.type';
|
||
|
|
import type { ThemeConfig } from '../themes/types';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 通用按钮组管理器
|
||
|
|
* 负责创建和管理除底部工具栏以外的其他按钮组。
|
||
|
|
*/
|
||
|
|
export class ButtonGroupManager {
|
||
|
|
private activeGroups: BimButtonGroup[] = [];
|
||
|
|
private container: HTMLElement;
|
||
|
|
|
||
|
|
constructor(container: HTMLElement) {
|
||
|
|
this.container = container;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 创建一个新的按钮组
|
||
|
|
*/
|
||
|
|
public create(options: Omit<ButtonGroupOptions, 'container'>): BimButtonGroup {
|
||
|
|
// 自动创建一个 div 作为容器
|
||
|
|
const groupContainer = document.createElement('div');
|
||
|
|
this.container.appendChild(groupContainer);
|
||
|
|
|
||
|
|
const group = new BimButtonGroup({
|
||
|
|
container: groupContainer,
|
||
|
|
...options
|
||
|
|
});
|
||
|
|
|
||
|
|
// 立即初始化
|
||
|
|
group.init();
|
||
|
|
this.activeGroups.push(group);
|
||
|
|
return group;
|
||
|
|
}
|
||
|
|
|
||
|
|
public updateTheme(theme: ThemeConfig) {
|
||
|
|
this.activeGroups.forEach(g => g.setTheme(theme));
|
||
|
|
}
|
||
|
|
|
||
|
|
public refresh() {
|
||
|
|
this.activeGroups.forEach(g => g.render());
|
||
|
|
}
|
||
|
|
|
||
|
|
public destroy() {
|
||
|
|
this.activeGroups.forEach(g => g.destroy());
|
||
|
|
this.activeGroups = [];
|
||
|
|
}
|
||
|
|
}
|