Fixed #1836 - For Slider

pull/1846/head
mertsincan 2021-12-01 17:18:39 +03:00
parent c0f4c9c583
commit ffd8a07e1e
1 changed files with 90 additions and 14 deletions

View File

@ -1,19 +1,95 @@
interface SliderProps { import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
modelValue?: number | any[];
min?: number; type SliderOrientationType = 'horizontal' | 'vertical';
max?: number;
orientation?: string; export interface SliderSlideEndEvent {
step?: number; /**
range?: boolean; * Original event
disabled?: boolean; */
ariaLabelledBy?: string; originalEvent: Event;
/**
* New value.
*/
value: number;
} }
declare class Slider { export interface SliderProps {
$props: SliderProps; /**
$emit(eventName: 'update:modelValue', value: number | any[]): this; * Value of the component.
$emit(eventName: 'change', value: any): this; * Default value is 0.
$emit(eventName: 'slideend', e: {originalEvent: Event, value: any}): this; */
modelValue?: number | number[] | undefined;
/**
* Mininum boundary value.
* Default value is 0.
*/
min?: number | undefined;
/**
* Maximum boundary value.
* Default value is 100.
*/
max?: number | undefined;
/**
* Orientation of the slider.
* @see SliderOrientationType
* Default value is 'horizontal'.
*/
orientation?: SliderOrientationType;
/**
* Step factor to increment/decrement the value.
* Default value is 1.
*/
step?: number | undefined;
/**
* When speficed, allows two boundary values to be picked.
*/
range?: boolean | undefined;
/**
* When present, it specifies that the component should be disabled.
*/
disabled?: boolean | undefined;
/**
* Establishes relationships between the component and label(s) where its value should be one or more element IDs.
*/
ariaLabelledBy?: string | undefined;
} }
export interface SliderSlots {
}
export declare type SliderEmits = {
/**
* Emitted when the value changes.
* @param {number | number[]} value - New value.
*/
'update:modelValue': (value: number | number[]) => void;
/**
* Callback to invoke on value change.
* @param {number} value - New value
*/
'change': (value: number) => void;
/**
* Callback to invoke when slide ends.
* @param {SliderSlideEndEvent} event - Custom slide end event.
*/
'slideend': (event: SliderSlideEndEvent) => void;
}
declare class Slider extends ClassComponent<SliderProps, SliderSlots, SliderEmits> { }
declare module '@vue/runtime-core' {
interface GlobalComponents {
Slider: GlobalComponentConstructor<Slider>
}
}
/**
*
* Slider is an input component to provide a numerical input.
*
* Demos:
*
* - [Slider](https://www.primefaces.org/primevue/showcase/#/slider)
*
*/
export default Slider; export default Slider;