StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
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.
117 lines
3.4 KiB
117 lines
3.4 KiB
import { Vue } from 'vue-property-decorator';
|
|
import { Value, MarksProp, Styles, DotOption, Dot, Direction, Position, ProcessProp, Process, TooltipProp, TooltipFormatter } from './typings';
|
|
import { HandleFunction } from './utils';
|
|
import Control from './utils/control';
|
|
import State, { StateMap } from './utils/state';
|
|
import './styles/slider.scss';
|
|
export declare const SliderState: StateMap;
|
|
export default class VueSlider extends Vue {
|
|
control: Control;
|
|
states: State;
|
|
scale: number;
|
|
focusDotIndex: number;
|
|
$refs: {
|
|
container: HTMLDivElement;
|
|
};
|
|
$el: HTMLDivElement;
|
|
value: Value | Value[];
|
|
silent: boolean;
|
|
direction: Direction;
|
|
width?: number | string;
|
|
height?: number | string;
|
|
dotSize: [number, number] | number;
|
|
contained: boolean;
|
|
min: number;
|
|
max: number;
|
|
interval: number;
|
|
disabled: boolean;
|
|
clickable: boolean;
|
|
dragOnClick: boolean;
|
|
duration: number;
|
|
data?: Value[];
|
|
lazy: boolean;
|
|
tooltip: TooltipProp;
|
|
tooltipPlacement?: Position | Position[];
|
|
tooltipFormatter?: TooltipFormatter | TooltipFormatter[];
|
|
useKeyboard?: boolean;
|
|
keydownHook: (e: KeyboardEvent) => HandleFunction | boolean;
|
|
enableCross: boolean;
|
|
fixed: boolean;
|
|
order: boolean;
|
|
minRange?: number;
|
|
maxRange?: number;
|
|
marks?: MarksProp;
|
|
process?: ProcessProp;
|
|
included?: boolean;
|
|
adsorb?: boolean;
|
|
hideLabel?: boolean;
|
|
dotOptions?: DotOption | DotOption[];
|
|
railStyle?: Styles;
|
|
processStyle?: Styles;
|
|
dotStyle?: Styles;
|
|
tooltipStyle?: Styles;
|
|
stepStyle?: Styles;
|
|
stepActiveStyle?: Styles;
|
|
labelStyle?: Styles;
|
|
labelActiveStyle?: Styles;
|
|
readonly tailSize: string;
|
|
readonly containerClasses: (string | string[] | {
|
|
'vue-slider-disabled': boolean;
|
|
})[];
|
|
readonly containerStyles: {
|
|
padding: string;
|
|
width: string;
|
|
height: string;
|
|
};
|
|
readonly processArray: Process[];
|
|
readonly dotBaseStyle: {
|
|
width: string;
|
|
height: string;
|
|
};
|
|
readonly mainDirection: string;
|
|
readonly isHorizontal: boolean;
|
|
readonly isReverse: boolean;
|
|
readonly tooltipDirections: Position[];
|
|
readonly dots: Dot[];
|
|
readonly animateTime: number;
|
|
readonly canSort: boolean;
|
|
onValueChanged(): void;
|
|
created(): void;
|
|
mounted(): void;
|
|
beforeDestroy(): void;
|
|
bindEvent(): void;
|
|
unbindEvent(): void;
|
|
setScale(): void;
|
|
initControl(): void;
|
|
private syncValueByPos;
|
|
private readonly isNotSync;
|
|
private isDiff;
|
|
private emitError;
|
|
/**
|
|
* Get the drag range of the slider
|
|
*
|
|
* @private
|
|
* @param {number} index slider index
|
|
* @returns {[number, number]} range [start, end]
|
|
* @memberof VueSlider
|
|
*/
|
|
private readonly dragRange;
|
|
private dragStartOnProcess;
|
|
private dragStart;
|
|
private dragMove;
|
|
private isCrossDot;
|
|
private dragEnd;
|
|
private blurHandle;
|
|
private clickHandle;
|
|
focus(index?: number): void;
|
|
blur(): void;
|
|
getValue(): string | number | (string | number)[];
|
|
getIndex(): number | number[];
|
|
setValue(value: Value | Value[]): void;
|
|
setIndex(index: number | number[]): void;
|
|
setValueByPos(pos: number): false | undefined;
|
|
keydownHandle(e: KeyboardEvent): false | undefined;
|
|
private getPosByEvent;
|
|
private renderSlot;
|
|
render(): JSX.Element;
|
|
}
|
|
|