@extclp/vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
984 lines • 125 kB
TypeScript
import { SliderMarker, SliderSlots } from './symbol';
declare function isValueInRange(value: number | string): boolean;
declare function focus(options?: FocusOptions): void;
declare function blur(): void;
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: Readonly<SliderSlots> & SliderSlots;
refs: {
track: HTMLDivElement;
filler: HTMLDivElement;
startTrigger: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
value: number;
reverse: boolean;
vertical: boolean;
loading: boolean;
disabled: boolean;
min: number;
max: number;
tipTransfer: string | boolean;
hideTip: boolean;
sliding: boolean;
tipHover: boolean;
tipProps: import('./symbol').SliderTipProps;
}> & Omit<{
readonly value: number;
readonly reverse: boolean;
readonly vertical: boolean;
readonly loading: boolean;
readonly disabled: boolean;
readonly min: number;
readonly max: number;
readonly tipTransfer: string | boolean;
readonly hideTip: boolean;
readonly sliding: boolean;
readonly tipHover: boolean;
readonly tipProps: import('./symbol').SliderTipProps;
readonly "onKey-minus"?: ((...args: any[]) => any) | undefined;
readonly "onKey-plus"?: ((...args: any[]) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "value" | "reverse" | "vertical" | "loading" | "disabled" | "min" | "max" | "tipTransfer" | "hideTip" | "sliding" | "tipHover" | "tipProps">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
wrapper: HTMLDivElement;
tooltip: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
trigger: import('vue').PropType<"click" | "focus" | "hover" | "hover-focus" | "custom">;
wrapper: import('vue').PropType<string | boolean>;
noArrow: import('vue').PropType<boolean>;
transitionName: import('vue').PropType<string>;
visible: import('vue').PropType<boolean>;
placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
outsideClose: import('vue').PropType<boolean>;
noHover: import('vue').PropType<boolean>;
tipClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
tipStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
transfer: import('vue').PropType<string | boolean>;
disabled: import('vue').PropType<boolean>;
raw: import('vue').PropType<boolean>;
delay: import('vue').PropType<number | number[]>;
tipAlive: import('vue').PropType<boolean>;
reverse: import('vue').PropType<boolean>;
width: import('vue').PropType<number | "trigger" | "auto">;
virtual: import('vue').PropType<{
getBoundingClientRect: () => DOMRect;
} | {
$el: {
getBoundingClientRect: () => DOMRect;
};
} | {
x: number;
y: number;
}>;
shift: import('vue').PropType<boolean | "horizontal" | "vertical" | "both">;
onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
onTipEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onTipLeave: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onClickOutside: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onOutsideClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
}>> & Readonly<{
onClickoutside?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
}>, () => (false | import("vue/jsx-runtime").JSX.Element | null)[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clickoutside" | "update:visible")[], import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
trigger: import('vue').PropType<"click" | "focus" | "hover" | "hover-focus" | "custom">;
wrapper: import('vue').PropType<string | boolean>;
noArrow: import('vue').PropType<boolean>;
transitionName: import('vue').PropType<string>;
visible: import('vue').PropType<boolean>;
placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
outsideClose: import('vue').PropType<boolean>;
noHover: import('vue').PropType<boolean>;
tipClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
tipStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
transfer: import('vue').PropType<string | boolean>;
disabled: import('vue').PropType<boolean>;
raw: import('vue').PropType<boolean>;
delay: import('vue').PropType<number | number[]>;
tipAlive: import('vue').PropType<boolean>;
reverse: import('vue').PropType<boolean>;
width: import('vue').PropType<number | "trigger" | "auto">;
virtual: import('vue').PropType<{
getBoundingClientRect: () => DOMRect;
} | {
$el: {
getBoundingClientRect: () => DOMRect;
};
} | {
x: number;
y: number;
}>;
shift: import('vue').PropType<boolean | "horizontal" | "vertical" | "both">;
onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
onTipEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onTipLeave: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onClickOutside: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onOutsideClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
}>> & Readonly<{
onClickoutside?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
}>, () => (false | import("vue/jsx-runtime").JSX.Element | null)[], {}, {}, {}, {}> | null;
handler: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "key-minus", ...args: any[]) => void) & ((event: "key-plus", ...args: any[]) => void);
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
value: {
type: NumberConstructor;
default: number;
};
tipTransfer: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
};
hideTip: {
type: BooleanConstructor;
default: boolean;
};
vertical: {
type: BooleanConstructor;
default: boolean;
};
min: {
type: NumberConstructor;
default: number;
};
max: {
type: NumberConstructor;
default: number;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
reverse: {
type: BooleanConstructor;
default: boolean;
};
sliding: {
type: BooleanConstructor;
default: boolean;
};
tipHover: {
type: BooleanConstructor;
default: boolean;
};
tipProps: {
type: import('vue').PropType<import('./symbol').SliderTipProps>;
default: () => {};
};
}>> & Readonly<{
"onKey-minus"?: ((...args: any[]) => any) | undefined;
"onKey-plus"?: ((...args: any[]) => any) | undefined;
}>, {
updateTooltip: () => void;
focus: (options?: FocusOptions) => void;
blur: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"key-minus": (...args: any[]) => void;
"key-plus": (...args: any[]) => void;
}, string, {
value: number;
reverse: boolean;
vertical: boolean;
loading: boolean;
disabled: boolean;
min: number;
max: number;
tipTransfer: string | boolean;
hideTip: boolean;
sliding: boolean;
tipHover: boolean;
tipProps: import('./symbol').SliderTipProps;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
value: number;
reverse: boolean;
vertical: boolean;
loading: boolean;
disabled: boolean;
min: number;
max: number;
tipTransfer: string | boolean;
hideTip: boolean;
sliding: boolean;
tipHover: boolean;
tipProps: import('./symbol').SliderTipProps;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
value: {
type: NumberConstructor;
default: number;
};
tipTransfer: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
};
hideTip: {
type: BooleanConstructor;
default: boolean;
};
vertical: {
type: BooleanConstructor;
default: boolean;
};
min: {
type: NumberConstructor;
default: number;
};
max: {
type: NumberConstructor;
default: number;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
reverse: {
type: BooleanConstructor;
default: boolean;
};
sliding: {
type: BooleanConstructor;
default: boolean;
};
tipHover: {
type: BooleanConstructor;
default: boolean;
};
tipProps: {
type: import('vue').PropType<import('./symbol').SliderTipProps>;
default: () => {};
};
}>> & Readonly<{
"onKey-minus"?: ((...args: any[]) => any) | undefined;
"onKey-plus"?: ((...args: any[]) => any) | undefined;
}>, "blur" | "focus" | "updateTooltip" | ("value" | "reverse" | "vertical" | "loading" | "disabled" | "min" | "max" | "tipTransfer" | "hideTip" | "sliding" | "tipHover" | "tipProps")> & import('vue').ShallowUnwrapRef<{
updateTooltip: () => void;
focus: (options?: FocusOptions) => void;
blur: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default: () => any;
tip: () => any;
}> & {
default: () => any;
tip: () => any;
};
}) | null;
endTrigger: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
value: number;
reverse: boolean;
vertical: boolean;
loading: boolean;
disabled: boolean;
min: number;
max: number;
tipTransfer: string | boolean;
hideTip: boolean;
sliding: boolean;
tipHover: boolean;
tipProps: import('./symbol').SliderTipProps;
}> & Omit<{
readonly value: number;
readonly reverse: boolean;
readonly vertical: boolean;
readonly loading: boolean;
readonly disabled: boolean;
readonly min: number;
readonly max: number;
readonly tipTransfer: string | boolean;
readonly hideTip: boolean;
readonly sliding: boolean;
readonly tipHover: boolean;
readonly tipProps: import('./symbol').SliderTipProps;
readonly "onKey-minus"?: ((...args: any[]) => any) | undefined;
readonly "onKey-plus"?: ((...args: any[]) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "value" | "reverse" | "vertical" | "loading" | "disabled" | "min" | "max" | "tipTransfer" | "hideTip" | "sliding" | "tipHover" | "tipProps">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
wrapper: HTMLDivElement;
tooltip: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
trigger: import('vue').PropType<"click" | "focus" | "hover" | "hover-focus" | "custom">;
wrapper: import('vue').PropType<string | boolean>;
noArrow: import('vue').PropType<boolean>;
transitionName: import('vue').PropType<string>;
visible: import('vue').PropType<boolean>;
placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
outsideClose: import('vue').PropType<boolean>;
noHover: import('vue').PropType<boolean>;
tipClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
tipStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
transfer: import('vue').PropType<string | boolean>;
disabled: import('vue').PropType<boolean>;
raw: import('vue').PropType<boolean>;
delay: import('vue').PropType<number | number[]>;
tipAlive: import('vue').PropType<boolean>;
reverse: import('vue').PropType<boolean>;
width: import('vue').PropType<number | "trigger" | "auto">;
virtual: import('vue').PropType<{
getBoundingClientRect: () => DOMRect;
} | {
$el: {
getBoundingClientRect: () => DOMRect;
};
} | {
x: number;
y: number;
}>;
shift: import('vue').PropType<boolean | "horizontal" | "vertical" | "both">;
onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
onTipEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onTipLeave: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onClickOutside: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onOutsideClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
}>> & Readonly<{
onClickoutside?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
}>, () => (false | import("vue/jsx-runtime").JSX.Element | null)[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clickoutside" | "update:visible")[], import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
trigger: import('vue').PropType<"click" | "focus" | "hover" | "hover-focus" | "custom">;
wrapper: import('vue').PropType<string | boolean>;
noArrow: import('vue').PropType<boolean>;
transitionName: import('vue').PropType<string>;
visible: import('vue').PropType<boolean>;
placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
outsideClose: import('vue').PropType<boolean>;
noHover: import('vue').PropType<boolean>;
tipClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
tipStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
transfer: import('vue').PropType<string | boolean>;
disabled: import('vue').PropType<boolean>;
raw: import('vue').PropType<boolean>;
delay: import('vue').PropType<number | number[]>;
tipAlive: import('vue').PropType<boolean>;
reverse: import('vue').PropType<boolean>;
width: import('vue').PropType<number | "trigger" | "auto">;
virtual: import('vue').PropType<{
getBoundingClientRect: () => DOMRect;
} | {
$el: {
getBoundingClientRect: () => DOMRect;
};
} | {
x: number;
y: number;
}>;
shift: import('vue').PropType<boolean | "horizontal" | "vertical" | "both">;
onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
onTipEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onTipLeave: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onClickOutside: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onOutsideClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
}>> & Readonly<{
onClickoutside?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
}>, () => (false | import("vue/jsx-runtime").JSX.Element | null)[], {}, {}, {}, {}> | null;
handler: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "key-minus", ...args: any[]) => void) & ((event: "key-plus", ...args: any[]) => void);
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
value: {
type: NumberConstructor;
default: number;
};
tipTransfer: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
};
hideTip: {
type: BooleanConstructor;
default: boolean;
};
vertical: {
type: BooleanConstructor;
default: boolean;
};
min: {
type: NumberConstructor;
default: number;
};
max: {
type: NumberConstructor;
default: number;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
reverse: {
type: BooleanConstructor;
default: boolean;
};
sliding: {
type: BooleanConstructor;
default: boolean;
};
tipHover: {
type: BooleanConstructor;
default: boolean;
};
tipProps: {
type: import('vue').PropType<import('./symbol').SliderTipProps>;
default: () => {};
};
}>> & Readonly<{
"onKey-minus"?: ((...args: any[]) => any) | undefined;
"onKey-plus"?: ((...args: any[]) => any) | undefined;
}>, {
updateTooltip: () => void;
focus: (options?: FocusOptions) => void;
blur: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"key-minus": (...args: any[]) => void;
"key-plus": (...args: any[]) => void;
}, string, {
value: number;
reverse: boolean;
vertical: boolean;
loading: boolean;
disabled: boolean;
min: number;
max: number;
tipTransfer: string | boolean;
hideTip: boolean;
sliding: boolean;
tipHover: boolean;
tipProps: import('./symbol').SliderTipProps;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
value: number;
reverse: boolean;
vertical: boolean;
loading: boolean;
disabled: boolean;
min: number;
max: number;
tipTransfer: string | boolean;
hideTip: boolean;
sliding: boolean;
tipHover: boolean;
tipProps: import('./symbol').SliderTipProps;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
value: {
type: NumberConstructor;
default: number;
};
tipTransfer: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
};
hideTip: {
type: BooleanConstructor;
default: boolean;
};
vertical: {
type: BooleanConstructor;
default: boolean;
};
min: {
type: NumberConstructor;
default: number;
};
max: {
type: NumberConstructor;
default: number;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
reverse: {
type: BooleanConstructor;
default: boolean;
};
sliding: {
type: BooleanConstructor;
default: boolean;
};
tipHover: {
type: BooleanConstructor;
default: boolean;
};
tipProps: {
type: import('vue').PropType<import('./symbol').SliderTipProps>;
default: () => {};
};
}>> & Readonly<{
"onKey-minus"?: ((...args: any[]) => any) | undefined;
"onKey-plus"?: ((...args: any[]) => any) | undefined;
}>, "blur" | "focus" | "updateTooltip" | ("value" | "reverse" | "vertical" | "loading" | "disabled" | "min" | "max" | "tipTransfer" | "hideTip" | "sliding" | "tipHover" | "tipProps")> & import('vue').ShallowUnwrapRef<{
updateTooltip: () => void;
focus: (options?: FocusOptions) => void;
blur: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default: () => any;
tip: () => any;
}> & {
default: () => any;
tip: () => any;
};
}) | null;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
state: import('vue').PropType<"default" | "success" | "error" | "warning">;
value: import('vue').PropType<number | number[]>;
min: import('vue').PropType<number>;
max: import('vue').PropType<number>;
step: import('vue').PropType<number>;
vertical: import('vue').PropType<boolean>;
hideTip: import('vue').PropType<boolean>;
tipTransfer: import('vue').PropType<string | boolean>;
disabled: import('vue').PropType<boolean>;
loading: import('vue').PropType<boolean>;
loadingLock: import('vue').PropType<boolean>;
reverse: import('vue').PropType<boolean>;
range: import('vue').PropType<boolean>;
markers: import('vue').PropType<Record<string | number, string | SliderMarker> | (number | (SliderMarker & {
value: number;
}))[]>;
markerOnly: import('vue').PropType<boolean>;
tipHover: import('vue').PropType<boolean>;
flipMarker: import('vue').PropType<boolean>;
triggerFade: import('vue').PropType<boolean>;
tipProps: import('vue').PropType<import('./symbol').SliderTipProps>;
sync: import('vue').PropType<boolean>;
rangeDraggable: import('vue').PropType<boolean>;
slots: import('vue').PropType<SliderSlots>;
onChange: import('vue').PropType<((value: number | number[]) => void) | ((value: number | number[]) => void)[]>;
onInput: import('vue').PropType<((value: number | number[]) => void) | ((value: number | number[]) => void)[]>;
}>, {
idFor: import('vue').Ref<string | undefined, string | undefined>;
sliding: import('vue').Ref<boolean[], boolean[]>;
track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
startTrigger: import('vue').Ref<({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
value: number;
reverse: boolean;
vertical: boolean;
loading: boolean;
disabled: boolean;
min: number;
max: number;
tipTransfer: string | boolean;
hideTip: boolean;
sliding: boolean;
tipHover: boolean;
tipProps: import('./symbol').SliderTipProps;
}> & Omit<{
readonly value: number;
readonly reverse: boolean;
readonly vertical: boolean;
readonly loading: boolean;
readonly disabled: boolean;
readonly min: number;
readonly max: number;
readonly tipTransfer: string | boolean;
readonly hideTip: boolean;
readonly sliding: boolean;
readonly tipHover: boolean;
readonly tipProps: import('./symbol').SliderTipProps;
readonly "onKey-minus"?: ((...args: any[]) => any) | undefined;
readonly "onKey-plus"?: ((...args: any[]) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "value" | "reverse" | "vertical" | "loading" | "disabled" | "min" | "max" | "tipTransfer" | "hideTip" | "sliding" | "tipHover" | "tipProps">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
wrapper: HTMLDivElement;
tooltip: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
trigger: import('vue').PropType<"click" | "focus" | "hover" | "hover-focus" | "custom">;
wrapper: import('vue').PropType<string | boolean>;
noArrow: import('vue').PropType<boolean>;
transitionName: import('vue').PropType<string>;
visible: import('vue').PropType<boolean>;
placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
outsideClose: import('vue').PropType<boolean>;
noHover: import('vue').PropType<boolean>;
tipClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
tipStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
transfer: import('vue').PropType<string | boolean>;
disabled: import('vue').PropType<boolean>;
raw: import('vue').PropType<boolean>;
delay: import('vue').PropType<number | number[]>;
tipAlive: import('vue').PropType<boolean>;
reverse: import('vue').PropType<boolean>;
width: import('vue').PropType<number | "trigger" | "auto">;
virtual: import('vue').PropType<{
getBoundingClientRect: () => DOMRect;
} | {
$el: {
getBoundingClientRect: () => DOMRect;
};
} | {
x: number;
y: number;
}>;
shift: import('vue').PropType<boolean | "horizontal" | "vertical" | "both">;
onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
onTipEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onTipLeave: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onClickOutside: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onOutsideClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
}>> & Readonly<{
onClickoutside?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
}>, () => (false | import("vue/jsx-runtime").JSX.Element | null)[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clickoutside" | "update:visible")[], import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
trigger: import('vue').PropType<"click" | "focus" | "hover" | "hover-focus" | "custom">;
wrapper: import('vue').PropType<string | boolean>;
noArrow: import('vue').PropType<boolean>;
transitionName: import('vue').PropType<string>;
visible: import('vue').PropType<boolean>;
placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
outsideClose: import('vue').PropType<boolean>;
noHover: import('vue').PropType<boolean>;
tipClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
tipStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
transfer: import('vue').PropType<string | boolean>;
disabled: import('vue').PropType<boolean>;
raw: import('vue').PropType<boolean>;
delay: import('vue').PropType<number | number[]>;
tipAlive: import('vue').PropType<boolean>;
reverse: import('vue').PropType<boolean>;
width: import('vue').PropType<number | "trigger" | "auto">;
virtual: import('vue').PropType<{
getBoundingClientRect: () => DOMRect;
} | {
$el: {
getBoundingClientRect: () => DOMRect;
};
} | {
x: number;
y: number;
}>;
shift: import('vue').PropType<boolean | "horizontal" | "vertical" | "both">;
onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
onTipEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onTipLeave: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onClickOutside: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onOutsideClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
}>> & Readonly<{
onClickoutside?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
}>, () => (false | import("vue/jsx-runtime").JSX.Element | null)[], {}, {}, {}, {}> | null;
handler: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "key-minus", ...args: any[]) => void) & ((event: "key-plus", ...args: any[]) => void);
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
value: {
type: NumberConstructor;
default: number;
};
tipTransfer: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
};
hideTip: {
type: BooleanConstructor;
default: boolean;
};
vertical: {
type: BooleanConstructor;
default: boolean;
};
min: {
type: NumberConstructor;
default: number;
};
max: {
type: NumberConstructor;
default: number;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
reverse: {
type: BooleanConstructor;
default: boolean;
};
sliding: {
type: BooleanConstructor;
default: boolean;
};
tipHover: {
type: BooleanConstructor;
default: boolean;
};
tipProps: {
type: import('vue').PropType<import('./symbol').SliderTipProps>;
default: () => {};
};
}>> & Readonly<{
"onKey-minus"?: ((...args: any[]) => any) | undefined;
"onKey-plus"?: ((...args: any[]) => any) | undefined;
}>, {
updateTooltip: () => void;
focus: (options?: FocusOptions) => void;
blur: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"key-minus": (...args: any[]) => void;
"key-plus": (...args: any[]) => void;
}, string, {
value: number;
reverse: boolean;
vertical: boolean;
loading: boolean;
disabled: boolean;
min: number;
max: number;
tipTransfer: string | boolean;
hideTip: boolean;
sliding: boolean;
tipHover: boolean;
tipProps: import('./symbol').SliderTipProps;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
value: number;
reverse: boolean;
vertical: boolean;
loading: boolean;
disabled: boolean;
min: number;
max: number;
tipTransfer: string | boolean;
hideTip: boolean;
sliding: boolean;
tipHover: boolean;
tipProps: import('./symbol').SliderTipProps;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
value: {
type: NumberConstructor;
default: number;
};
tipTransfer: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
};
hideTip: {
type: BooleanConstructor;
default: boolean;
};
vertical: {
type: BooleanConstructor;
default: boolean;
};
min: {
type: NumberConstructor;
default: number;
};
max: {
type: NumberConstructor;
default: number;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
reverse: {
type: BooleanConstructor;
default: boolean;
};
sliding: {
type: BooleanConstructor;
default: boolean;
};
tipHover: {
type: BooleanConstructor;
default: boolean;
};
tipProps: {
type: import('vue').PropType<import('./symbol').SliderTipProps>;
default: () => {};
};
}>> & Readonly<{
"onKey-minus"?: ((...args: any[]) => any) | undefined;
"onKey-plus"?: ((...args: any[]) => any) | undefined;
}>, "blur" | "focus" | "updateTooltip" | ("value" | "reverse" | "vertical" | "loading" | "disabled" | "min" | "max" | "tipTransfer" | "hideTip" | "sliding" | "tipHover" | "tipProps")> & import('vue').ShallowUnwrapRef<{
updateTooltip: () => void;
focus: (options?: FocusOptions) => void;
blur: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default: () => any;
tip: () => any;
}> & {
default: () => any;
tip: () => any;
};
}) | undefined, ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
value: number;
reverse: boolean;
vertical: boolean;
loading: boolean;
disabled: boolean;
min: number;
max: number;
tipTransfer: string | boolean;
hideTip: boolean;
sliding: boolean;
tipHover: boolean;
tipProps: import('./symbol').SliderTipProps;
}> & Omit<{
readonly value: number;
readonly reverse: boolean;
readonly vertical: boolean;
readonly loading: boolean;
readonly disabled: boolean;
readonly min: number;
readonly max: number;
readonly tipTransfer: string | boolean;
readonly hideTip: boolean;
readonly sliding: boolean;
readonly tipHover: boolean;
readonly tipProps: import('./symbol').SliderTipProps;
readonly "onKey-minus"?: ((...