naive-ui 2.20.3 → 2.21.0

package/lib/slider/src/Slider.d.ts

@@ -1,13 +1,18 @@
 import { PropType } from 'vue';
 import { FollowerPlacement } from 'vueuc';
-import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+export interface ClosestMark {
+    value: number;
+    distance: number;
+    index: number;
+}
 declare const sliderProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;
     };
     readonly defaultValue: {
-        readonly type: PropType<number | [number, number]>;
+        readonly type: PropType<number | number[]>;
         readonly default: 0;
     };
     readonly marks: PropType<Record<string, string>>;
@@ -25,15 +30,12 @@ declare const sliderProps: {
         readonly default: 100;
     };
     readonly step: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<number | "mark">;
         readonly default: 1;
     };
     readonly range: BooleanConstructor;
-    readonly value: PropType<number | [number, number]>;
-    readonly placement: {
-        readonly type: PropType<FollowerPlacement>;
-        readonly default: "top";
-    };
+    readonly value: PropType<number | number[]>;
+    readonly placement: PropType<FollowerPlacement>;
     readonly showTooltip: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -42,13 +44,10 @@ declare const sliderProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    readonly 'onUpdate:value': PropType<MaybeArray<(<T extends number & [number, number]>(value: T) => void)>>;
-    readonly onUpdateValue: PropType<MaybeArray<(<T_1 extends number & [number, number]>(value: T_1) => void)>>;
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<(<T_2 extends number & [number, number]>(value: T_2) => void)>>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly vertical: BooleanConstructor;
+    readonly reverse: BooleanConstructor;
+    readonly 'onUpdate:value': PropType<MaybeArray<(value: number & number[]) => void>>;
+    readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
         railColor: string;
@@ -72,6 +71,7 @@ declare const sliderProps: {
         dotBorderActive: string;
         dotBoxShadow: string;
         railHeight: string;
+        railWidthVertical: string;
         handleSize: string;
         dotHeight: string;
         dotWidth: string;
@@ -100,6 +100,7 @@ declare const sliderProps: {
         dotBorderActive: string;
         dotBoxShadow: string;
         railHeight: string;
+        railWidthVertical: string;
         handleSize: string;
         dotHeight: string;
         dotWidth: string;
@@ -128,6 +129,7 @@ declare const sliderProps: {
         dotBorderActive: string;
         dotBoxShadow: string;
         railHeight: string;
+        railWidthVertical: string;
         handleSize: string;
         dotHeight: string;
         dotWidth: string;
@@ -141,7 +143,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     readonly defaultValue: {
-        readonly type: PropType<number | [number, number]>;
+        readonly type: PropType<number | number[]>;
         readonly default: 0;
     };
     readonly marks: PropType<Record<string, string>>;
@@ -159,15 +161,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: 100;
     };
     readonly step: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<number | "mark">;
         readonly default: 1;
     };
     readonly range: BooleanConstructor;
-    readonly value: PropType<number | [number, number]>;
-    readonly placement: {
-        readonly type: PropType<FollowerPlacement>;
-        readonly default: "top";
-    };
+    readonly value: PropType<number | number[]>;
+    readonly placement: PropType<FollowerPlacement>;
     readonly showTooltip: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -176,13 +175,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    readonly 'onUpdate:value': PropType<MaybeArray<(<T extends number & [number, number]>(value: T) => void)>>;
-    readonly onUpdateValue: PropType<MaybeArray<(<T_1 extends number & [number, number]>(value: T_1) => void)>>;
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<(<T_2 extends number & [number, number]>(value: T_2) => void)>>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly vertical: BooleanConstructor;
+    readonly reverse: BooleanConstructor;
+    readonly 'onUpdate:value': PropType<MaybeArray<(value: number & number[]) => void>>;
+    readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
         railColor: string;
@@ -206,6 +202,7 @@ declare const _default: import("vue").DefineComponent<{
         dotBorderActive: string;
         dotBoxShadow: string;
         railHeight: string;
+        railWidthVertical: string;
         handleSize: string;
         dotHeight: string;
         dotWidth: string;
@@ -234,6 +231,7 @@ declare const _default: import("vue").DefineComponent<{
         dotBorderActive: string;
         dotBoxShadow: string;
         railHeight: string;
+        railWidthVertical: string;
         handleSize: string;
         dotHeight: string;
         dotWidth: string;
@@ -262,6 +260,7 @@ declare const _default: import("vue").DefineComponent<{
         dotBorderActive: string;
         dotBoxShadow: string;
         railHeight: string;
+        railWidthVertical: string;
         handleSize: string;
         dotHeight: string;
         dotWidth: string;
@@ -270,69 +269,43 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     namespace: import("vue").ComputedRef<string | undefined>;
-    uncontrolledValue: import("vue").Ref<number | [number, number]>;
-    mergedValue: import("vue").ComputedRef<number | [number, number]>;
+    uncontrolledValue: import("vue").Ref<number | number[]>;
+    mergedValue: import("vue").ComputedRef<number | number[]>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
+    mergedPlacement: import("vue").ComputedRef<FollowerPlacement>;
     isMounted: Readonly<import("vue").Ref<boolean>>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
-    handleValue1: import("vue").ComputedRef<number>;
-    handleValue2: import("vue").ComputedRef<number>;
-    mergedShowTooltip1: import("vue").ComputedRef<boolean>;
-    mergedShowTooltip2: import("vue").ComputedRef<boolean>;
-    handleActive1: import("vue").Ref<boolean>;
-    handleActive2: import("vue").Ref<boolean>;
-    handleClicked1: import("vue").Ref<boolean>;
-    handleClicked2: import("vue").Ref<boolean>;
-    memoziedOtherValue: import("vue").Ref<number>;
-    active: import("vue").ComputedRef<boolean>;
-    prevActive: import("vue").Ref<boolean>;
-    clicked: import("vue").ComputedRef<boolean>;
     dotTransitionDisabled: import("vue").Ref<boolean>;
     markInfos: import("vue").ComputedRef<{
         active: boolean;
         label: string;
         style: {
-            left: string;
+            [x: string]: string;
         };
     }[]>;
-    handleRef1: import("vue").Ref<HTMLElement | null>;
-    handleRef2: import("vue").Ref<HTMLElement | null>;
-    railRef: import("vue").Ref<HTMLElement | null>;
-    followerRef1: import("vue").Ref<{
-        syncPosition: () => void;
-    } | null>;
-    followerRef2: import("vue").Ref<{
-        syncPosition: () => void;
-    } | null>;
-    firstHandleStyle: import("vue").ComputedRef<{
-        left: string;
-        transform: string;
-        zIndex: number;
-    }>;
-    secondHandleStyle: import("vue").ComputedRef<{
-        left: string;
-        transform: string;
-        zIndex: number;
-    }>;
+    isShowTooltip: (index: number) => boolean;
+    isSkipCSSDetection: (index: number) => boolean;
+    handleRailRef: import("vue").Ref<HTMLElement | null>;
+    setHandleRefs: (key: number) => (el: any) => void;
+    setFollowerRefs: (key: number) => (el: any) => void;
     fillStyle: import("vue").ComputedRef<{
-        left: string;
-        width: string;
+        [x: string]: string;
+        height: string;
+        width?: undefined;
     } | {
-        left: number;
+        [x: string]: string;
         width: string;
-    }>;
-    handleKeyDown: (e: KeyboardEvent) => void;
-    handleRailClick: (e: MouseEvent) => void;
-    handleHandleFocus1: () => void;
-    handleHandleBlur1: () => void;
-    handleFirstHandleMouseDown: (e: MouseEvent | TouchEvent) => void;
-    handleFirstHandleMouseEnter: () => void;
-    handleFirstHandleMouseLeave: () => void;
-    handleHandleFocus2: () => void;
-    handleHandleBlur2: () => void;
-    handleSecondHandleMouseDown: (e: MouseEvent | TouchEvent) => void;
-    handleSecondHandleMouseEnter: () => void;
-    handleSecondHandleMouseLeave: () => void;
+        height?: undefined;
+    } | undefined>;
+    getHandleStyle: (value: number, index: number) => Record<string, any>;
+    activeIndex: import("vue").Ref<number>;
+    arrifiedValues: import("vue").ComputedRef<number[]>;
+    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<{
         '--font-size': string;
         '--indicator-border-radius': string;
@@ -364,6 +337,7 @@ declare const _default: import("vue").DefineComponent<{
         '--rail-color': string;
         '--rail-color-hover': string;
         '--rail-height': string;
+        '--rail-width-vertical': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly to?: unknown;
@@ -379,24 +353,25 @@ declare const _default: import("vue").DefineComponent<{
     readonly placement?: unknown;
     readonly showTooltip?: unknown;
     readonly tooltip?: unknown;
+    readonly vertical?: unknown;
+    readonly reverse?: unknown;
     readonly 'onUpdate:value'?: unknown;
     readonly onUpdateValue?: unknown;
-    readonly onChange?: unknown;
     readonly theme?: unknown;
     readonly themeOverrides?: unknown;
     readonly builtinThemeOverrides?: unknown;
 } & {
     range: boolean;
+    reverse: boolean;
+    vertical: boolean;
     tooltip: boolean;
-    step: number;
+    step: number | "mark";
     max: number;
     min: number;
-    placement: FollowerPlacement;
-    defaultValue: number | [number, number];
+    defaultValue: number | number[];
 } & {
-    value?: number | [number, number] | undefined;
+    value?: number | number[] | undefined;
     disabled?: boolean | undefined;
-    onChange?: MaybeArray<(<T_2 extends number & [number, number]>(value: T_2) => void)> | undefined;
     to?: string | boolean | HTMLElement | undefined;
     theme?: import("../../_mixins").Theme<"Slider", {
         fontSize: string;
@@ -421,6 +396,7 @@ declare const _default: import("vue").DefineComponent<{
         dotBorderActive: string;
         dotBoxShadow: string;
         railHeight: string;
+        railWidthVertical: string;
         handleSize: string;
         dotHeight: string;
         dotWidth: string;
@@ -449,6 +425,7 @@ declare const _default: import("vue").DefineComponent<{
         dotBorderActive: string;
         dotBoxShadow: string;
         railHeight: string;
+        railWidthVertical: string;
         handleSize: string;
         dotHeight: string;
         dotWidth: string;
@@ -477,27 +454,29 @@ declare const _default: import("vue").DefineComponent<{
         dotBorderActive: string;
         dotBoxShadow: string;
         railHeight: string;
+        railWidthVertical: string;
         handleSize: string;
         dotHeight: string;
         dotWidth: string;
         dotBorderRadius: string;
     }, any>> | undefined;
-    "onUpdate:value"?: MaybeArray<(<T extends number & [number, number]>(value: T) => void)> | undefined;
-    onUpdateValue?: MaybeArray<(<T_1 extends number & [number, number]>(value: T_1) => void)> | undefined;
+    placement?: FollowerPlacement | undefined;
+    "onUpdate:value"?: MaybeArray<(value: number & number[]) => void> | undefined;
+    onUpdateValue?: MaybeArray<(value: number & number[]) => void> | undefined;
     marks?: Record<string, string> | undefined;
     formatTooltip?: ((value: number) => string | number) | undefined;
     showTooltip?: boolean | undefined;
 }>, {
     range: boolean;
+    reverse: boolean;
+    vertical: boolean;
     tooltip: boolean;
     disabled: boolean | undefined;
-    step: number;
-    onChange: MaybeArray<(<T_2 extends number & [number, number]>(value: T_2) => void)>;
+    step: number | "mark";
     max: number;
     min: number;
     to: string | boolean | HTMLElement;
-    placement: FollowerPlacement;
-    defaultValue: number | [number, number];
+    defaultValue: number | number[];
     showTooltip: boolean | undefined;
 }>;
 export default _default;