You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
4.2 KiB
126 lines
4.2 KiB
import { ComponentOptions, Component } from '../../core';
|
|
import type { GroupStyleProps, RectStyleProps } from '../../shapes';
|
|
import { Group, Rect } from '../../shapes';
|
|
import { PrefixObject } from '../../types';
|
|
import { Indicator } from '../indicator';
|
|
import type { SelectStyleProps } from '../select';
|
|
type IconBaseStyleProps = GroupStyleProps & PrefixObject<RectStyleProps, 'background'> & {
|
|
x?: number;
|
|
y?: number;
|
|
size?: number;
|
|
color?: string;
|
|
onClick?: (e: IconBase) => void;
|
|
};
|
|
type IconBaseOptions = ComponentOptions<IconBaseStyleProps>;
|
|
export declare abstract class IconBase<T extends Record<string, any> = {}> extends Component<T & IconBaseStyleProps> {
|
|
static tag: string;
|
|
static defaultOptions: IconBaseOptions;
|
|
private static backgroundOpacities;
|
|
/** hover 时是否显示背景 */
|
|
protected showBackground: boolean;
|
|
protected get label(): string;
|
|
protected indicator: Indicator;
|
|
protected background: Rect;
|
|
protected icon: Group;
|
|
get lineWidth(): number;
|
|
protected get padding(): import("../../util").StandardSeriesAttr;
|
|
protected get iconSize(): number;
|
|
protected renderBackground(): void;
|
|
protected showIndicator(): void;
|
|
protected hideIndicator(): void;
|
|
constructor(options: IconBaseOptions);
|
|
connectedCallback(): void;
|
|
disconnectedCallback(): void;
|
|
render(): void;
|
|
abstract renderIcon(): void;
|
|
bindEvents(): void;
|
|
}
|
|
/** 重置 */
|
|
export declare class Reset extends IconBase {
|
|
private arcPath;
|
|
protected get label(): string;
|
|
renderIcon(): void;
|
|
}
|
|
/** 快退 */
|
|
export declare class Backward extends IconBase {
|
|
protected get label(): string;
|
|
renderIcon(): void;
|
|
}
|
|
/** 快进 */
|
|
export declare class Forward extends IconBase {
|
|
protected get label(): string;
|
|
renderIcon(): void;
|
|
}
|
|
export declare class Play extends IconBase {
|
|
protected get label(): string;
|
|
renderIcon(): void;
|
|
}
|
|
export declare class Pause extends IconBase {
|
|
protected get label(): string;
|
|
renderIcon(): void;
|
|
}
|
|
/** 时间范围 */
|
|
export declare class Range extends IconBase {
|
|
protected get label(): string;
|
|
renderIcon(): void;
|
|
}
|
|
/** 值范围 */
|
|
export declare class Value extends IconBase {
|
|
protected get label(): string;
|
|
renderIcon(): void;
|
|
}
|
|
export declare class LineChart extends IconBase {
|
|
protected get label(): string;
|
|
renderIcon(): void;
|
|
}
|
|
export declare class BarChart extends IconBase {
|
|
protected get label(): string;
|
|
get data(): number[];
|
|
renderIcon(): void;
|
|
}
|
|
/** 分割线 */
|
|
export declare class Split extends IconBase {
|
|
protected showBackground: boolean;
|
|
constructor(options: IconBaseOptions);
|
|
renderIcon(): void;
|
|
}
|
|
export declare class SpeedSelect extends IconBase<{
|
|
speed?: number;
|
|
onSelect: SelectStyleProps['onSelect'];
|
|
}> {
|
|
static tag: string;
|
|
protected showBackground: boolean;
|
|
protected get padding(): import("../../util").StandardSeriesAttr;
|
|
renderIcon(): void;
|
|
}
|
|
type ToggleIconStyleProps<T extends string> = IconBaseStyleProps & {
|
|
type: T;
|
|
onChange?: (type: T) => void;
|
|
};
|
|
type ToggleIconOptions<T extends string> = ComponentOptions<ToggleIconStyleProps<T>>;
|
|
export declare abstract class ToggleIcon<T extends string> extends Component<ToggleIconStyleProps<T>> {
|
|
abstract toggles: Array<[
|
|
T,
|
|
typeof Play | typeof Pause | typeof Range | typeof Value | typeof LineChart | typeof BarChart
|
|
]>;
|
|
static tag: string;
|
|
private icon;
|
|
private currentType;
|
|
getType(): T;
|
|
constructor(options: ToggleIconOptions<T>);
|
|
render(): void;
|
|
bindEvents(): void;
|
|
}
|
|
export declare class PlayPause extends ToggleIcon<'play' | 'pause'> {
|
|
toggles: ['play' | 'pause', typeof Play | typeof Pause][];
|
|
constructor(options: ToggleIconOptions<'play' | 'pause'>);
|
|
}
|
|
export declare class SelectionType extends ToggleIcon<'range' | 'value'> {
|
|
toggles: ['range' | 'value', typeof Range | typeof Value][];
|
|
constructor(options: ToggleIconOptions<'range' | 'value'>);
|
|
}
|
|
export declare class ChartType extends ToggleIcon<'line' | 'column'> {
|
|
toggles: ['line' | 'column', typeof LineChart | typeof BarChart][];
|
|
constructor(options: ToggleIconOptions<'line' | 'column'>);
|
|
}
|
|
export {};
|
|
|