naive-ui

import { type CSSProperties, type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue'; import { type FollowerPlacement } from 'vueuc'; import { type ExtractPublicPropTypes, type MaybeArray } from '../../_utils'; export interface ClosestMark { value: number; distance: number; index: number; } export declare const sliderProps: { readonly to: { type: PropType<HTMLElement | string | boolean>; default: undefined; }; readonly defaultValue: { readonly type: PropType<number | number[]>; readonly default: 0; }; readonly marks: PropType<Record<string, string | (() => VNodeChild)>>; readonly disabled: { readonly type: PropType<boolean | undefined>; readonly default: undefined; }; readonly formatTooltip: PropType<(value: number) => string | number>; readonly keyboard: { readonly type: BooleanConstructor; readonly default: true; }; readonly min: { readonly type: NumberConstructor; readonly default: 0; }; readonly max: { readonly type: NumberConstructor; readonly default: 100; }; readonly step: { readonly type: PropType<number | "mark">; readonly default: 1; }; readonly range: BooleanConstructor; readonly value: PropType<number | number[]>; readonly placement: PropType<FollowerPlacement>; readonly showTooltip: { readonly type: PropType<boolean | undefined>; readonly default: undefined; }; readonly tooltip: { readonly type: BooleanConstructor; readonly default: true; }; readonly vertical: BooleanConstructor; readonly reverse: BooleanConstructor; readonly 'onUpdate:value': PropType<MaybeArray<(value: number & number[]) => void>>; readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>; readonly onDragstart: PropType<() => void>; readonly onDragend: PropType<() => void>; readonly theme: PropType<import("../../_mixins").Theme<"Slider", { fontSize: string; markFontSize: string; railColor: string; railColorHover: string; fillColor: string; fillColorHover: string; opacityDisabled: string; handleColor: string; dotColor: string; dotColorModal: string; dotColorPopover: string; handleBoxShadow: string; handleBoxShadowHover: string; handleBoxShadowActive: string; handleBoxShadowFocus: string; indicatorColor: string; indicatorBoxShadow: string; indicatorTextColor: string; indicatorBorderRadius: string; dotBorder: string; dotBorderActive: string; dotBoxShadow: string; railHeight: string; railWidthVertical: string; handleSize: string; dotHeight: string; dotWidth: string; dotBorderRadius: string; }, any>>; readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", { fontSize: string; markFontSize: string; railColor: string; railColorHover: string; fillColor: string; fillColorHover: string; opacityDisabled: string; handleColor: string; dotColor: string; dotColorModal: string; dotColorPopover: string; handleBoxShadow: string; handleBoxShadowHover: string; handleBoxShadowActive: string; handleBoxShadowFocus: string; indicatorColor: string; indicatorBoxShadow: string; indicatorTextColor: string; indicatorBorderRadius: string; dotBorder: string; dotBorderActive: string; dotBoxShadow: string; railHeight: string; railWidthVertical: string; handleSize: string; dotHeight: string; dotWidth: string; dotBorderRadius: string; }, any>>>; readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", { fontSize: string; markFontSize: string; railColor: string; railColorHover: string; fillColor: string; fillColorHover: string; opacityDisabled: string; handleColor: string; dotColor: string; dotColorModal: string; dotColorPopover: string; handleBoxShadow: string; handleBoxShadowHover: string; handleBoxShadowActive: string; handleBoxShadowFocus: string; indicatorColor: string; indicatorBoxShadow: string; indicatorTextColor: string; indicatorBorderRadius: string; dotBorder: string; dotBorderActive: string; dotBoxShadow: string; railHeight: string; railWidthVertical: string; handleSize: string; dotHeight: string; dotWidth: string; dotBorderRadius: string; }, any>>>; }; export type SliderProps = ExtractPublicPropTypes<typeof sliderProps>; export interface SliderSlots { thumb?: () => VNode[]; default?: () => VNode[]; } declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ readonly to: { type: PropType<HTMLElement | string | boolean>; default: undefined; }; readonly defaultValue: { readonly type: PropType<number | number[]>; readonly default: 0; }; readonly marks: PropType<Record<string, string | (() => VNodeChild)>>; readonly disabled: { readonly type: PropType<boolean | undefined>; readonly default: undefined; }; readonly formatTooltip: PropType<(value: number) => string | number>; readonly keyboard: { readonly type: BooleanConstructor; readonly default: true; }; readonly min: { readonly type: NumberConstructor; readonly default: 0; }; readonly max: { readonly type: NumberConstructor; readonly default: 100; }; readonly step: { readonly type: PropType<number | "mark">; readonly default: 1; }; readonly range: BooleanConstructor; readonly value: PropType<number | number[]>; readonly placement: PropType<FollowerPlacement>; readonly showTooltip: { readonly type: PropType<boolean | undefined>; readonly default: undefined; }; readonly tooltip: { readonly type: BooleanConstructor; readonly default: true; }; readonly vertical: BooleanConstructor; readonly reverse: BooleanConstructor; readonly 'onUpdate:value': PropType<MaybeArray<(value: number & number[]) => void>>; readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>; readonly onDragstart: PropType<() => void>; readonly onDragend: PropType<() => void>; readonly theme: PropType<import("../../_mixins").Theme<"Slider", { fontSize: string; markFontSize: string; railColor: string; railColorHover: string; fillColor: string; fillColorHover: string; opacityDisabled: string; handleColor: string; dotColor: string; dotColorModal: string; dotColorPopover: string; handleBoxShadow: string; handleBoxShadowHover: string; handleBoxShadowActive: string; handleBoxShadowFocus: string; indicatorColor: string; indicatorBoxShadow: string; indicatorTextColor: string; indicatorBorderRadius: string; dotBorder: string; dotBorderActive: string; dotBoxShadow: string; railHeight: string; railWidthVertical: string; handleSize: string; dotHeight: string; dotWidth: string; dotBorderRadius: string; }, any>>; readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", { fontSize: string; markFontSize: string; railColor: string; railColorHover: string; fillColor: string; fillColorHover: string; opacityDisabled: string; handleColor: string; dotColor: string; dotColorModal: string; dotColorPopover: string; handleBoxShadow: string; handleBoxShadowHover: string; handleBoxShadowActive: string; handleBoxShadowFocus: string; indicatorColor: string; indicatorBoxShadow: string; indicatorTextColor: string; indicatorBorderRadius: string; dotBorder: string; dotBorderActive: string; dotBoxShadow: string; railHeight: string; railWidthVertical: string; handleSize: string; dotHeight: string; dotWidth: string; dotBorderRadius: string; }, any>>>; readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", { fontSize: string; markFontSize: string; railColor: string; railColorHover: string; fillColor: string; fillColorHover: string; opacityDisabled: string; handleColor: string; dotColor: string; dotColorModal: string; dotColorPopover: string; handleBoxShadow: string; handleBoxShadowHover: string; handleBoxShadowActive: string; handleBoxShadowFocus: string; indicatorColor: string; indicatorBoxShadow: string; indicatorTextColor: string; indicatorBorderRadius: string; dotBorder: string; dotBorderActive: string; dotBoxShadow: string; railHeight: string; railWidthVertical: string; handleSize: string; dotHeight: string; dotWidth: string; dotBorderRadius: string; }, any>>>; }>, { mergedClsPrefix: import("vue").Ref<string, string>; namespace: import("vue").ComputedRef<string | undefined>; uncontrolledValue: import("vue").Ref<number | number[], number | number[]>; mergedValue: import("vue").ComputedRef<number | number[]>; mergedDisabled: import("vue").ComputedRef<boolean>; mergedPlacement: import("vue").ComputedRef<FollowerPlacement>; isMounted: Readonly<import("vue").Ref<boolean, boolean>>; adjustedTo: import("vue").ComputedRef<string | HTMLElement>; dotTransitionDisabled: import("vue").Ref<boolean, boolean>; markInfos: import("vue").ComputedRef<{ active: boolean; label: string | (() => VNodeChild); key: number; style: CSSProperties; }[]>; isShowTooltip: (index: number) => boolean; shouldKeepTooltipTransition: (index: number) => boolean; handleRailRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>; setHandleRefs: (key: number) => (el: any) => void; setFollowerRefs: (key: number) => (el: any) => void; fillStyle: import("vue").ComputedRef<{ [x: string]: string; height: string; width?: undefined; } | { [x: string]: string; width: string; height?: undefined; } | undefined>; getHandleStyle: (value: number, index: number) => Record<string, any>; activeIndex: import("vue").Ref<number, number>; arrifiedValues: import("vue").ComputedRef<number[]>; followerEnabledIndexSet: import("vue").Ref<Set<number> & Omit<Set<number>, keyof Set<any>>, Set<number> | (Set<number> & Omit<Set<number>, keyof Set<any>>)>; handleRailMouseDown: (event: MouseEvent | TouchEvent) => void; handleHandleFocus: (index: number) => void; handleHandleBlur: (index: number) => void; handleHandleMouseEnter: (index: number) => void; handleHandleMouseLeave: (index: number) => void; handleRailKeyDown: (e: KeyboardEvent) => void; indicatorCssVars: import("vue").ComputedRef<{ '--n-font-size': string; '--n-indicator-border-radius': string; '--n-indicator-box-shadow': string; '--n-indicator-color': string; '--n-indicator-text-color': string; }> | undefined; indicatorThemeClass: import("vue").Ref<string, string> | undefined; indicatorOnRender: (() => void) | undefined; cssVars: import("vue").ComputedRef<{ '--n-bezier': string; '--n-dot-border': string; '--n-dot-border-active': string; '--n-dot-border-radius': string; '--n-dot-box-shadow': string; '--n-dot-color': string; '--n-dot-color-modal': string; '--n-dot-color-popover': string; '--n-dot-height': string; '--n-dot-width': string; '--n-fill-color': string; '--n-fill-color-hover': string; '--n-font-size': string; '--n-handle-box-shadow': string; '--n-handle-box-shadow-active': string; '--n-handle-box-shadow-focus': string; '--n-handle-box-shadow-hover': string; '--n-handle-color': string; '--n-handle-size': string; '--n-opacity-disabled': string; '--n-rail-color': string; '--n-rail-color-hover': string; '--n-rail-height': string; '--n-rail-width-vertical': string; '--n-mark-font-size': string; }> | undefined; themeClass: import("vue").Ref<string, string> | undefined; onRender: (() => void) | undefined; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ readonly to: { type: PropType<HTMLElement | string | boolean>; default: undefined; }; readonly defaultValue: { readonly type: PropType<number | number[]>; readonly default: 0; }; readonly marks: PropType<Record<string, string | (() => VNodeChild)>>; readonly disabled: { readonly type: PropType<boolean | undefined>; readonly default: undefined; }; readonly formatTooltip: PropType<(value: number) => string | number>; readonly keyboard: { readonly type: BooleanConstructor; readonly default: true; }; readonly min: { readonly type: NumberConstructor; readonly default: 0; }; readonly max: { readonly type: NumberConstructor; readonly default: 100; }; readonly step: { readonly type: PropType<number | "mark">; readonly default: 1; }; readonly range: BooleanConstructor; readonly value: PropType<number | number[]>; readonly placement: PropType<FollowerPlacement>; readonly showTooltip: { readonly type: PropType<boolean | undefined>; readonly default: undefined; }; readonly tooltip: { readonly type: BooleanConstructor; readonly default: true; }; readonly vertical: BooleanConstructor; readonly reverse: BooleanConstructor; readonly 'onUpdate:value': PropType<MaybeArray<(value: number & number[]) => void>>; readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>; readonly onDragstart: PropType<() => void>; readonly onDragend: PropType<() => void>; readonly theme: PropType<import("../../_mixins").Theme<"Slider", { fontSize: string; markFontSize: string; railColor: string; railColorHover: string; fillColor: string; fillColorHover: string; opacityDisabled: string; handleColor: string; dotColor: string; dotColorModal: string; dotColorPopover: string; handleBoxShadow: string; handleBoxShadowHover: string; handleBoxShadowActive: string; handleBoxShadowFocus: string; indicatorColor: string; indicatorBoxShadow: string; indicatorTextColor: string; indicatorBorderRadius: string; dotBorder: string; dotBorderActive: string; dotBoxShadow: string; railHeight: string; railWidthVertical: string; handleSize: string; dotHeight: string; dotWidth: string; dotBorderRadius: string; }, any>>; readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", { fontSize: string; markFontSize: string; railColor: string; railColorHover: string; fillColor: string; fillColorHover: string; opacityDisabled: string; handleColor: string; dotColor: string; dotColorModal: string; dotColorPopover: string; handleBoxShadow: string; handleBoxShadowHover: string; handleBoxShadowActive: string; handleBoxShadowFocus: string; indicatorColor: string; indicatorBoxShadow: string; indicatorTextColor: string; indicatorBorderRadius: string; dotBorder: string; dotBorderActive: string; dotBoxShadow: string; railHeight: string; railWidthVertical: string; handleSize: string; dotHeight: string; dotWidth: string; dotBorderRadius: string; }, any>>>; readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", { fontSize: string; markFontSize: string; railColor: string; railColorHover: string; fillColor: string; fillColorHover: string; opacityDisabled: string; handleColor: string; dotColor: string; dotColorModal: string; dotColorPopover: string; handleBoxShadow: string; handleBoxShadowHover: string; handleBoxShadowActive: string; handleBoxShadowFocus: string; indicatorColor: string; indicatorBoxShadow: string; indicatorTextColor: string; indicatorBorderRadius: string; dotBorder: string; dotBorderActive: string; dotBoxShadow: string; railHeight: string; railWidthVertical: string; handleSize: string; dotHeight: string; dotWidth: string; dotBorderRadius: string; }, any>>>; }>> & Readonly<{}>, { readonly range: boolean; readonly reverse: boolean; readonly to: string | boolean | HTMLElement; readonly disabled: boolean | undefined; readonly max: number; readonly vertical: boolean; readonly tooltip: boolean; readonly step: number | "mark"; readonly min: number; readonly defaultValue: number | number[]; readonly keyboard: boolean; readonly showTooltip: boolean | undefined; }, SlotsType<SliderSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; export default _default;