naive-ui 2.20.2 → 2.21.2

package/es/popover/src/PopoverBody.d.ts

@@ -16,7 +16,7 @@ export declare const popoverBodyProps: {
     displayDirective: PropType<"show" | "if">;
     x: NumberConstructor;
     y: NumberConstructor;
-    filp: BooleanConstructor;
+    flip: BooleanConstructor;
     overlap: BooleanConstructor;
     placement: PropType<FollowerPlacement>;
     width: PropType<number | "trigger">;
@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<{
     displayDirective: PropType<"show" | "if">;
     x: NumberConstructor;
     y: NumberConstructor;
-    filp: BooleanConstructor;
+    flip: BooleanConstructor;
     overlap: BooleanConstructor;
     placement: PropType<FollowerPlacement>;
     width: PropType<number | "trigger">;
@@ -161,7 +161,7 @@ declare const _default: import("vue").DefineComponent<{
     displayDirective?: unknown;
     x?: unknown;
     y?: unknown;
-    filp?: unknown;
+    flip?: unknown;
     overlap?: unknown;
     placement?: unknown;
     width?: unknown;
@@ -174,10 +174,10 @@ declare const _default: import("vue").DefineComponent<{
     builtinThemeOverrides?: unknown;
 } & {
     show: boolean;
+    flip: boolean;
     raw: boolean;
     overlap: boolean;
     showArrow: boolean;
-    filp: boolean;
     animated: boolean;
 } & {
     x?: number | undefined;
@@ -237,11 +237,11 @@ declare const _default: import("vue").DefineComponent<{
     onClickoutside?: ((e: MouseEvent) => void) | undefined;
 }>, {
     show: boolean;
+    flip: boolean;
     to: string | boolean | HTMLElement;
     raw: boolean;
     overlap: boolean;
     showArrow: boolean;
-    filp: boolean;
     animated: boolean;
 }>;
 export default _default;

package/es/popover/src/PopoverBody.js

@@ -8,7 +8,7 @@ import style from './styles/index.cssr';
 import { popoverBodyInjectionKey } from './interface';
 import { drawerBodyInjectionKey } from '../../drawer/src/interface';
 import { modalBodyInjectionKey } from '../../modal/src/interface';
-export const popoverBodyProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, show: Boolean, trigger: String, showArrow: Boolean, delay: Number, duration: Number, raw: Boolean, arrowStyle: [String, Object], displayDirective: String, x: Number, y: Number, filp: Boolean, overlap: Boolean, placement: String, width: [Number, String], 
+export const popoverBodyProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, show: Boolean, trigger: String, showArrow: Boolean, delay: Number, duration: Number, raw: Boolean, arrowStyle: [String, Object], displayDirective: String, x: Number, y: Number, flip: Boolean, overlap: Boolean, placement: String, width: [Number, String], 
     // private
     animated: Boolean, onClickoutside: Function, 
     /** @deprecated */
@@ -195,6 +195,7 @@ export default defineComponent({
             to: this.adjustedTo,
             x: this.x,
             y: this.y,
+            flip: this.flip,
             placement: this.placement,
             containerClass: this.namespace,
             ref: 'followerRef',

package/es/popover/src/styles/index.cssr.js

@@ -48,7 +48,6 @@ c('&.popover-transition-enter-from, &.popover-transition-leave-to', `
  `), cNotM('raw', `
  background-color: var(--color);
  border-radius: var(--border-radius);
- var(--padding);
  `, [cNotM('show-header', 'padding: var(--padding);')]), cE('header', `
  padding: var(--padding);
  border-bottom: 1px solid var(--divider-color);

package/es/popselect/src/Popselect.d.ts

@@ -60,7 +60,7 @@ declare const popselectProps: {
         default: string;
     };
     arrowStyle: PropType<string | import("vue").CSSProperties>;
-    filp: {
+    flip: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -359,7 +359,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     arrowStyle: PropType<string | import("vue").CSSProperties>;
-    filp: {
+    flip: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -672,9 +672,13 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;
@@ -828,7 +832,7 @@ declare const _default: import("vue").DefineComponent<{
     getDisabled?: unknown;
     displayDirective?: unknown;
     arrowStyle?: unknown;
-    filp?: unknown;
+    flip?: unknown;
     animated?: unknown;
     overlap?: unknown;
     internalExtraClass?: unknown;
@@ -850,6 +854,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     value: import("../../select/src/interface").Value | null;
     size: import("./interface").PopselectSize;
+    flip: boolean;
     multiple: boolean;
     disabled: boolean;
     duration: number;
@@ -861,7 +866,6 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
-    filp: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];
@@ -1100,6 +1104,7 @@ declare const _default: import("vue").DefineComponent<{
     value: import("../../select/src/interface").Value | null;
     size: import("./interface").PopselectSize;
     show: boolean | undefined;
+    flip: boolean;
     multiple: boolean;
     disabled: boolean;
     duration: number;
@@ -1113,7 +1118,6 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
-    filp: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];

package/es/popselect/src/PopselectPanel.d.ts

@@ -131,9 +131,13 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;

package/es/radio/src/Radio.d.ts

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     size: import("vue").PropType<"small" | "medium" | "large">;
+    onUpdateChecked: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     checkedValue: {
         readonly type: import("vue").PropType<boolean | undefined>;
@@ -156,6 +157,7 @@ declare const _default: import("vue").DefineComponent<{
     defaultChecked?: unknown;
     disabled?: unknown;
     size?: unknown;
+    onUpdateChecked?: unknown;
     'onUpdate:checked'?: unknown;
     checkedValue?: unknown;
     theme?: unknown;
@@ -278,6 +280,7 @@ declare const _default: import("vue").DefineComponent<{
         labelPadding: string;
     }, any>> | undefined;
     "onUpdate:checked"?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
+    onUpdateChecked?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
     checkedValue?: boolean | undefined;
 }>, {
     value: string | number;

package/es/radio/src/RadioButton.d.ts

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly size: import("vue").PropType<"small" | "medium" | "large">;
+    readonly onUpdateChecked: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     readonly 'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     readonly checkedValue: {
         readonly type: import("vue").PropType<boolean | undefined>;
@@ -30,6 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly defaultChecked?: unknown;
     readonly disabled?: unknown;
     readonly size?: unknown;
+    readonly onUpdateChecked?: unknown;
     readonly 'onUpdate:checked'?: unknown;
     readonly checkedValue?: unknown;
 } & {
@@ -41,6 +43,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled?: boolean | undefined;
     checked?: boolean | undefined;
     "onUpdate:checked"?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
+    onUpdateChecked?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
     checkedValue?: boolean | undefined;
 }>, {
     value: string | number;

package/es/radio/src/use-radio.d.ts

@@ -17,6 +17,7 @@ declare const radioProps: {
         readonly default: undefined;
     };
     readonly size: PropType<"small" | "medium" | "large">;
+    readonly onUpdateChecked: PropType<MaybeArray<(value: boolean) => void> | undefined>;
     readonly 'onUpdate:checked': PropType<MaybeArray<(value: boolean) => void> | undefined>;
     readonly checkedValue: {
         readonly type: PropType<boolean | undefined>;
@@ -68,6 +69,7 @@ declare namespace setup {
             readonly default: undefined;
         };
         readonly size: PropType<"small" | "medium" | "large">;
+        readonly onUpdateChecked: PropType<MaybeArray<(value: boolean) => void> | undefined>;
         readonly 'onUpdate:checked': PropType<MaybeArray<(value: boolean) => void> | undefined>;
         readonly checkedValue: {
             readonly type: PropType<boolean | undefined>;

package/es/radio/src/use-radio.js

@@ -18,6 +18,7 @@ const radioProps = {
         default: undefined
     },
     size: String,
+    onUpdateChecked: [Function, Array],
     'onUpdate:checked': [Function, Array],
     // deprecated
     checkedValue: {
@@ -84,10 +85,12 @@ function setup(props) {
             call(doUpdateValue, value);
         }
         else {
-            const { 'onUpdate:checked': updateChecked } = props;
+            const { onUpdateChecked, 'onUpdate:checked': _onUpdateChecked } = props;
             const { nTriggerFormInput, nTriggerFormChange } = formItem;
-            if (updateChecked)
-                call(updateChecked, true);
+            if (onUpdateChecked)
+                call(onUpdateChecked, true);
+            if (_onUpdateChecked)
+                call(_onUpdateChecked, true);
             nTriggerFormInput();
             nTriggerFormChange();
             uncontrolledCheckedRef.value = true;

package/es/select/src/Select.d.ts

@@ -1078,9 +1078,13 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;

package/es/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,44 @@ 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[]>;
+    followerEnabledIndexSet: import("vue").Ref<Set<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 +338,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 +354,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 +397,7 @@ declare const _default: import("vue").DefineComponent<{
         dotBorderActive: string;
         dotBoxShadow: string;
         railHeight: string;
+        railWidthVertical: string;
         handleSize: string;
         dotHeight: string;
         dotWidth: string;
@@ -449,6 +426,7 @@ declare const _default: import("vue").DefineComponent<{
         dotBorderActive: string;
         dotBoxShadow: string;
         railHeight: string;
+        railWidthVertical: string;
         handleSize: string;
         dotHeight: string;
         dotWidth: string;
@@ -477,27 +455,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;