vue-cesium

import { VNode, ComponentPublicInstance } from 'vue'; import { VueClassProp, VueStyleObjectProp } from 'vue-cesium/es/utils/types'; export declare const sliderProps: { modelValue: { required: boolean; default: any; validator: (v: any) => boolean; }; labelValue: (NumberConstructor | StringConstructor)[]; min: { type: NumberConstructor; default: number; }; max: { type: NumberConstructor; default: number; }; innerMin: NumberConstructor; innerMax: NumberConstructor; step: { type: NumberConstructor; default: number; validator: (v: any) => boolean; }; snap: BooleanConstructor; vertical: BooleanConstructor; reverse: BooleanConstructor; hideSelection: BooleanConstructor; color: StringConstructor; markerLabelsClass: StringConstructor; label: BooleanConstructor; labelColor: StringConstructor; labelTextColor: StringConstructor; labelAlways: BooleanConstructor; switchLabelSide: BooleanConstructor; markers: (NumberConstructor | BooleanConstructor)[]; markerLabels: (ObjectConstructor | ArrayConstructor | FunctionConstructor | BooleanConstructor)[]; switchMarkerLabelsSide: BooleanConstructor; trackImg: StringConstructor; trackColor: StringConstructor; innerTrackImg: StringConstructor; innerTrackColor: StringConstructor; selectionColor: StringConstructor; selectionImg: StringConstructor; thumbSize: { type: StringConstructor; default: string; }; trackSize: { type: StringConstructor; default: string; }; disable: BooleanConstructor; readonly: BooleanConstructor; dense: BooleanConstructor; tabindex: (NumberConstructor | StringConstructor)[]; thumbColor: StringConstructor; thumbPath: { type: StringConstructor; default: string; }; name: StringConstructor; dark: { type: BooleanConstructor; default: any; }; }; declare const _default: import("vue").DefineComponent<{ modelValue: { required: boolean; default: any; validator: (v: any) => boolean; }; labelValue: (NumberConstructor | StringConstructor)[]; min: { type: NumberConstructor; default: number; }; max: { type: NumberConstructor; default: number; }; innerMin: NumberConstructor; innerMax: NumberConstructor; step: { type: NumberConstructor; default: number; validator: (v: any) => boolean; }; snap: BooleanConstructor; vertical: BooleanConstructor; reverse: BooleanConstructor; hideSelection: BooleanConstructor; color: StringConstructor; markerLabelsClass: StringConstructor; label: BooleanConstructor; labelColor: StringConstructor; labelTextColor: StringConstructor; labelAlways: BooleanConstructor; switchLabelSide: BooleanConstructor; markers: (NumberConstructor | BooleanConstructor)[]; markerLabels: (ObjectConstructor | ArrayConstructor | FunctionConstructor | BooleanConstructor)[]; switchMarkerLabelsSide: BooleanConstructor; trackImg: StringConstructor; trackColor: StringConstructor; innerTrackImg: StringConstructor; innerTrackColor: StringConstructor; selectionColor: StringConstructor; selectionImg: StringConstructor; thumbSize: { type: StringConstructor; default: string; }; trackSize: { type: StringConstructor; default: string; }; disable: BooleanConstructor; readonly: BooleanConstructor; dense: BooleanConstructor; tabindex: (NumberConstructor | StringConstructor)[]; thumbColor: StringConstructor; thumbPath: { type: StringConstructor; default: string; }; name: StringConstructor; dark: { type: BooleanConstructor; default: any; }; }, () => VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{ modelValue: { required: boolean; default: any; validator: (v: any) => boolean; }; labelValue: (NumberConstructor | StringConstructor)[]; min: { type: NumberConstructor; default: number; }; max: { type: NumberConstructor; default: number; }; innerMin: NumberConstructor; innerMax: NumberConstructor; step: { type: NumberConstructor; default: number; validator: (v: any) => boolean; }; snap: BooleanConstructor; vertical: BooleanConstructor; reverse: BooleanConstructor; hideSelection: BooleanConstructor; color: StringConstructor; markerLabelsClass: StringConstructor; label: BooleanConstructor; labelColor: StringConstructor; labelTextColor: StringConstructor; labelAlways: BooleanConstructor; switchLabelSide: BooleanConstructor; markers: (NumberConstructor | BooleanConstructor)[]; markerLabels: (ObjectConstructor | ArrayConstructor | FunctionConstructor | BooleanConstructor)[]; switchMarkerLabelsSide: BooleanConstructor; trackImg: StringConstructor; trackColor: StringConstructor; innerTrackImg: StringConstructor; innerTrackColor: StringConstructor; selectionColor: StringConstructor; selectionImg: StringConstructor; thumbSize: { type: StringConstructor; default: string; }; trackSize: { type: StringConstructor; default: string; }; disable: BooleanConstructor; readonly: BooleanConstructor; dense: BooleanConstructor; tabindex: (NumberConstructor | StringConstructor)[]; thumbColor: StringConstructor; thumbPath: { type: StringConstructor; default: string; }; name: StringConstructor; dark: { type: BooleanConstructor; default: any; }; }>> & { [x: `on${Capitalize<string>}`]: (...args: any[]) => any; }, { reverse: boolean; vertical: boolean; label: boolean; disable: boolean; modelValue: any; dark: boolean; dense: boolean; min: number; max: number; step: number; snap: boolean; hideSelection: boolean; labelAlways: boolean; switchLabelSide: boolean; switchMarkerLabelsSide: boolean; thumbSize: string; trackSize: string; readonly: boolean; thumbPath: string; }>; export default _default; interface SliderMarkerLabelPartialDefinition { label?: number | string; classes?: VueClassProp; style?: VueStyleObjectProp; } interface SliderMarkerLabelDefinition extends SliderMarkerLabelPartialDefinition { value?: number; } interface SliderMarkerLabelDefinitionRequiredValue extends SliderMarkerLabelPartialDefinition { value: number; } interface SliderMarkerLabelObjectDefinition { [value: number]: string | SliderMarkerLabelDefinition; } export type SliderMarkerLabels = boolean | Array<SliderMarkerLabelDefinitionRequiredValue> | SliderMarkerLabelObjectDefinition | ((value: number) => string | SliderMarkerLabelDefinition); export interface VcSliderProps { /** * Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL */ name?: string | undefined; /** * Minimum value of the model; Set track's minimum value */ min?: number | undefined; /** * Maximum value of the model; Set track's maximum value * Default value: 100 */ max?: number | undefined; /** * Inner minimum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be higher or equal to 'min' prop; Defaults to 'min' prop */ innerMin?: number | undefined; /** * Inner maximum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be lower or equal to 'max' prop; Defaults to 'max' prop */ innerMax?: number | undefined; /** * Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity * Default value: 1 */ step?: number | undefined; /** * Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop */ snap?: boolean | undefined; /** * Work in reverse (changes direction) */ reverse?: boolean | undefined; /** * Display in vertical direction */ vertical?: boolean | undefined; /** * Color name for component from the Quasar Color Palette */ color?: string | undefined; /** * Color name for the track (can be 'transparent' too) from the Quasar Color Palette */ trackColor?: string | undefined; /** * Apply a pattern image on the track */ trackImg?: string | undefined; /** * Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette */ innerTrackColor?: string | undefined; /** * Apply a pattern image on the inner track */ innerTrackImg?: string | undefined; /** * Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette */ selectionColor?: string | undefined; /** * Apply a pattern image on the selection bar */ selectionImg?: string | undefined; /** * Popup a label when user clicks/taps on the slider thumb and moves it */ label?: boolean | undefined; /** * Color name for component from the Quasar Color Palette */ labelColor?: string | undefined; /** * Color name for component from the Quasar Color Palette */ labelTextColor?: string | undefined; /** * Switch the position of the label (top <-> bottom or left <-> right) */ switchLabelSide?: boolean | undefined; /** * Always display the label */ labelAlways?: boolean | undefined; /** * Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number) */ markers?: boolean | number | undefined; /** * Configure the marker labels (or show the default ones if 'true'); Array of definition Objects or Object with key-value where key is the model and the value is the marker label definition * @param value The marker value to transform * @returns Marker definition Object or directly a String for the label of the marker */ markerLabels?: SliderMarkerLabels | undefined; /** * CSS class(es) to apply to the marker labels container */ markerLabelsClass?: string | undefined; /** * Switch the position of the marker labels (top <-> bottom or left <-> right) */ switchMarkerLabelsSide?: boolean | undefined; /** * Track size (including CSS unit) * Default value: 4px */ trackSize?: string | undefined; /** * Thumb size (including CSS unit) * Default value: 20px */ thumbSize?: string | undefined; /** * Color name for component from the Quasar Color Palette */ thumbColor?: string | undefined; /** * Set custom thumb svg path * Default value: M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0 */ thumbPath?: string | undefined; /** * Notify the component that the background is a dark color */ dark?: boolean | undefined; /** * Dense mode; occupies less space */ dense?: boolean | undefined; /** * Put component in disabled mode */ disable?: boolean | undefined; /** * Put component in readonly mode */ readonly?: boolean | undefined; /** * Tabindex HTML attribute value */ tabindex?: number | string | undefined; /** * Model of the component (must be between min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive */ modelValue: number | null | undefined; /** * Override default label value */ labelValue?: string | number | undefined; /** * Emitted on lazy model value change (after user slides then releases the thumb) * @param value New model value */ onChange?: (value: any) => void; /** * Triggered when user starts panning on the component * @param phase Phase of panning */ onPan?: (phase: 'start' | 'end') => void; /** * Emitted when the component needs to change the model; Is also used by v-model * @param value New model value */ 'onUpdate:modelValue'?: (value: number | null) => void; } export type SliderMarkerLabelConfig = { index: number; value: number; label: number | string; classes: string; style: VueStyleObjectProp; }; export type SliderMarkerLabelArrayConfig = SliderMarkerLabelConfig[]; export interface SliderMarkerLabelObjectConfig { [value: number]: SliderMarkerLabelConfig; } export interface QSliderSlots { /** * What should the menu display after filtering options and none are left to be displayed; Suggestion: <div> * @param scope */ 'marker-label': (scope: { /** * Config for current marker label */ marker: SliderMarkerLabelConfig; /** * Array of marker label configs */ markerList: SliderMarkerLabelArrayConfig[]; /** * Object with key-value where key is the model and the value is the marker label config */ markerMap: SliderMarkerLabelObjectConfig; /** * Required CSS classes to be applied to the marker element */ classes: string; /** * Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap * @param value The marker label equivalent model value * @returns CSS style Object to apply to a marker element at respective model value */ getStyle: (value: number) => any; }) => VNode[]; /** * What should the menu display after filtering options and none are left to be displayed; Suggestion: <div> * @param scope */ 'marker-label-group': (scope: { /** * Array of marker label configs */ markerList: SliderMarkerLabelArrayConfig[]; /** * Object with key-value where key is the model and the value is the marker label config */ markerMap: SliderMarkerLabelObjectConfig; /** * Required CSS classes to be applied to the marker element */ classes: string; /** * Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap * @param value The marker label equivalent model value * @returns CSS style Object to apply to a marker element at respective model value */ getStyle: (value: number) => any; }) => VNode[]; } export type VcSliderRef = ComponentPublicInstance<VcSliderProps>;