134 lines
4.1 KiB
TypeScript
134 lines
4.1 KiB
TypeScript
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the MIT License. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
import 'vs/css!./selectBox';
|
|
|
|
import { Event } from 'vs/base/common/event';
|
|
import { Widget } from 'vs/base/browser/ui/widget';
|
|
import { Color } from 'vs/base/common/color';
|
|
import { deepClone } from 'vs/base/common/objects';
|
|
import { IContentActionHandler } from 'vs/base/browser/formattedTextRenderer';
|
|
import { IContextViewProvider } from 'vs/base/browser/ui/contextview/contextview';
|
|
import { IListStyles } from 'vs/base/browser/ui/list/listWidget';
|
|
import { SelectBoxNative } from 'vs/base/browser/ui/selectBox/selectBoxNative';
|
|
import { SelectBoxList } from 'vs/base/browser/ui/selectBox/selectBoxCustom';
|
|
import { isMacintosh } from 'vs/base/common/platform';
|
|
import { IDisposable } from 'vs/base/common/lifecycle';
|
|
|
|
|
|
// Public SelectBox interface - Calls routed to appropriate select implementation class
|
|
|
|
export interface ISelectBoxDelegate extends IDisposable {
|
|
|
|
// Public SelectBox Interface
|
|
readonly onDidSelect: Event<ISelectData>;
|
|
setOptions(options: ISelectOptionItem[], selected?: number): void;
|
|
select(index: number): void;
|
|
setAriaLabel(label: string): void;
|
|
focus(): void;
|
|
blur(): void;
|
|
|
|
// Delegated Widget interface
|
|
render(container: HTMLElement): void;
|
|
style(styles: ISelectBoxStyles): void;
|
|
applyStyles(): void;
|
|
}
|
|
|
|
export interface ISelectBoxOptions {
|
|
useCustomDrawn?: boolean;
|
|
ariaLabel?: string;
|
|
minBottomMargin?: number;
|
|
optionsAsChildren?: boolean;
|
|
}
|
|
|
|
// Utilize optionItem interface to capture all option parameters
|
|
export interface ISelectOptionItem {
|
|
text: string;
|
|
detail?: string;
|
|
decoratorRight?: string;
|
|
description?: string;
|
|
descriptionIsMarkdown?: boolean;
|
|
descriptionMarkdownActionHandler?: IContentActionHandler;
|
|
isDisabled?: boolean;
|
|
}
|
|
|
|
export interface ISelectBoxStyles extends IListStyles {
|
|
selectBackground?: Color;
|
|
selectListBackground?: Color;
|
|
selectForeground?: Color;
|
|
decoratorRightForeground?: Color;
|
|
selectBorder?: Color;
|
|
selectListBorder?: Color;
|
|
focusBorder?: Color;
|
|
}
|
|
|
|
export const defaultStyles = {
|
|
selectBackground: Color.fromHex('#3C3C3C'),
|
|
selectForeground: Color.fromHex('#F0F0F0'),
|
|
selectBorder: Color.fromHex('#3C3C3C')
|
|
};
|
|
|
|
export interface ISelectData {
|
|
selected: string;
|
|
index: number;
|
|
}
|
|
|
|
export class SelectBox extends Widget implements ISelectBoxDelegate {
|
|
private selectBoxDelegate: ISelectBoxDelegate;
|
|
|
|
constructor(options: ISelectOptionItem[], selected: number, contextViewProvider: IContextViewProvider, styles: ISelectBoxStyles = deepClone(defaultStyles), selectBoxOptions?: ISelectBoxOptions) {
|
|
super();
|
|
|
|
// Default to native SelectBox for OSX unless overridden
|
|
if (isMacintosh && !selectBoxOptions?.useCustomDrawn) {
|
|
this.selectBoxDelegate = new SelectBoxNative(options, selected, styles, selectBoxOptions);
|
|
} else {
|
|
this.selectBoxDelegate = new SelectBoxList(options, selected, contextViewProvider, styles, selectBoxOptions);
|
|
}
|
|
|
|
this._register(this.selectBoxDelegate);
|
|
}
|
|
|
|
// Public SelectBox Methods - routed through delegate interface
|
|
|
|
public get onDidSelect(): Event<ISelectData> {
|
|
return this.selectBoxDelegate.onDidSelect;
|
|
}
|
|
|
|
public setOptions(options: ISelectOptionItem[], selected?: number): void {
|
|
this.selectBoxDelegate.setOptions(options, selected);
|
|
}
|
|
|
|
public select(index: number): void {
|
|
this.selectBoxDelegate.select(index);
|
|
}
|
|
|
|
public setAriaLabel(label: string): void {
|
|
this.selectBoxDelegate.setAriaLabel(label);
|
|
}
|
|
|
|
public focus(): void {
|
|
this.selectBoxDelegate.focus();
|
|
}
|
|
|
|
public blur(): void {
|
|
this.selectBoxDelegate.blur();
|
|
}
|
|
|
|
// Public Widget Methods - routed through delegate interface
|
|
|
|
public render(container: HTMLElement): void {
|
|
this.selectBoxDelegate.render(container);
|
|
}
|
|
|
|
public style(styles: ISelectBoxStyles): void {
|
|
this.selectBoxDelegate.style(styles);
|
|
}
|
|
|
|
public applyStyles(): void {
|
|
this.selectBoxDelegate.applyStyles();
|
|
}
|
|
}
|