vant 3.2.0 → 3.2.4

package/es/row/Row.d.ts

@@ -35,9 +35,9 @@ declare const _default: import("vue").DefineComponent<{
     wrap: boolean;
     gutter: string | number;
 } & {
-    justify?: RowJustify | undefined;
     align?: RowAlign | undefined;
-}> & {}, {
+    justify?: RowJustify | undefined;
+}>, {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
     gutter: string | number;

package/es/row/index.d.ts

@@ -1,4 +1,4 @@
-declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<{
     wrap: {
         type: BooleanConstructor;
         default: true;
@@ -24,13 +24,12 @@ declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<
     wrap: boolean;
     gutter: string | number;
 } & {
-    justify?: import("./Row").RowJustify | undefined;
     align?: import("./Row").RowAlign | undefined;
-}> & {}, {
+    justify?: import("./Row").RowJustify | undefined;
+}>, {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
     gutter: string | number;
 }>>;
 export default Row;
-export { Row };
 export type { RowAlign, RowJustify } from './Row';

package/es/row/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Row from './Row';
-var Row = withInstall(_Row);
-export default Row;
-export { Row };
+export var Row = withInstall(_Row);
+export default Row;

package/es/search/Search.d.ts

@@ -1,6 +1,8 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { SearchShape } from './types';
 declare const props: {
+    id: StringConstructor;
+    name: StringConstructor;
     formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -9,6 +11,7 @@ declare const props: {
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -58,6 +61,8 @@ declare const props: {
 };
 export declare type SearchProps = ExtractPropTypes<typeof props>;
 declare const _default: import("vue").DefineComponent<{
+    id: StringConstructor;
+    name: StringConstructor;
     formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -66,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -113,6 +119,8 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "cancel")[], "search" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    id?: unknown;
+    name?: unknown;
     formatter?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
@@ -121,6 +129,7 @@ declare const _default: import("vue").DefineComponent<{
     maxlength?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
+    autocomplete?: unknown;
     errorMessage?: unknown;
     error?: unknown;
     disabled?: unknown;
@@ -135,20 +144,23 @@ declare const _default: import("vue").DefineComponent<{
     showAction?: unknown;
     shape?: unknown;
 } & {
-    leftIcon: string;
     autofocus: boolean;
+    disabled: boolean;
+    shape: SearchShape;
+    leftIcon: string;
     clearable: boolean;
     error: boolean;
-    disabled: boolean;
     readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("../field").FieldClearTrigger;
     formatTrigger: import("../field").FieldFormatTrigger;
-    shape: SearchShape;
     showAction: boolean;
 } & {
+    name?: string | undefined;
     label?: string | undefined;
+    autocomplete?: string | undefined;
+    id?: string | undefined;
     formatter?: ((value: string) => string) | undefined;
     rightIcon?: string | undefined;
     maxlength?: string | number | undefined;
@@ -162,17 +174,17 @@ declare const _default: import("vue").DefineComponent<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
 }, {
-    leftIcon: string;
     autofocus: boolean;
+    disabled: boolean;
+    shape: SearchShape;
+    leftIcon: string;
     clearable: boolean;
     error: boolean;
-    disabled: boolean;
     readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("../field").FieldClearTrigger;
     formatTrigger: import("../field").FieldFormatTrigger;
-    shape: SearchShape;
     showAction: boolean;
 }>;
 export default _default;

package/es/search/Search.js

@@ -1,7 +1,7 @@
 import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { ref, defineComponent } from 'vue'; // Utils
 
-import { pick, extend, truthProp, createNamespace, preventDefault } from '../utils';
+import { pick, extend, truthProp, preventDefault, createNamespace } from '../utils';
 import { fieldSharedProps } from '../field/Field'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
@@ -54,8 +54,9 @@ export default defineComponent({
 
     var renderLabel = () => {
       if (slots.label || props.label) {
-        return _createVNode("div", {
-          "class": bem('label')
+        return _createVNode("label", {
+          "class": bem('label'),
+          "for": props.id
         }, [slots.label ? slots.label() : props.label]);
       }
     };

package/es/search/index.d.ts

@@ -1,4 +1,7 @@
-declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { SearchProps } from './Search';
+export declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<{
+    id: StringConstructor;
+    name: StringConstructor;
     formatter: import("vue").PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -7,6 +10,7 @@ declare const Search: import("../utils").WithInstall<import("vue").DefineCompone
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -54,6 +58,8 @@ declare const Search: import("../utils").WithInstall<import("vue").DefineCompone
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "cancel")[], "search" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    id?: unknown;
+    name?: unknown;
     formatter?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
@@ -62,6 +68,7 @@ declare const Search: import("../utils").WithInstall<import("vue").DefineCompone
     maxlength?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
+    autocomplete?: unknown;
     errorMessage?: unknown;
     error?: unknown;
     disabled?: unknown;
@@ -76,20 +83,23 @@ declare const Search: import("../utils").WithInstall<import("vue").DefineCompone
     showAction?: unknown;
     shape?: unknown;
 } & {
-    leftIcon: string;
     autofocus: boolean;
+    disabled: boolean;
+    shape: import("./types").SearchShape;
+    leftIcon: string;
     clearable: boolean;
     error: boolean;
-    disabled: boolean;
     readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("..").FieldClearTrigger;
     formatTrigger: import("..").FieldFormatTrigger;
-    shape: import("./types").SearchShape;
     showAction: boolean;
 } & {
+    name?: string | undefined;
     label?: string | undefined;
+    autocomplete?: string | undefined;
+    id?: string | undefined;
     formatter?: ((value: string) => string) | undefined;
     rightIcon?: string | undefined;
     maxlength?: string | number | undefined;
@@ -103,19 +113,19 @@ declare const Search: import("../utils").WithInstall<import("vue").DefineCompone
     onCancel?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
 }, {
-    leftIcon: string;
     autofocus: boolean;
+    disabled: boolean;
+    shape: import("./types").SearchShape;
+    leftIcon: string;
     clearable: boolean;
     error: boolean;
-    disabled: boolean;
     readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("..").FieldClearTrigger;
     formatTrigger: import("..").FieldFormatTrigger;
-    shape: import("./types").SearchShape;
     showAction: boolean;
 }>>;
 export default Search;
-export { Search };
+export type { SearchProps };
 export type { SearchShape, SearchInstance } from './types';

package/es/search/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Search from './Search';
-var Search = withInstall(_Search);
-export default Search;
-export { Search };
+export var Search = withInstall(_Search);
+export default Search;

package/es/share-sheet/ShareSheet.d.ts

@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ShareSheetOptions>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;

package/es/share-sheet/index.d.ts

@@ -1,4 +1,4 @@
-declare const ShareSheet: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const ShareSheet: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -39,7 +39,7 @@ declare const ShareSheet: import("../utils").WithInstall<import("vue").DefineCom
         type: import("vue").PropType<import("./ShareSheet").ShareSheetOptions>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -94,5 +94,4 @@ declare const ShareSheet: import("../utils").WithInstall<import("vue").DefineCom
     options: import("./ShareSheet").ShareSheetOptions;
 }>>;
 export default ShareSheet;
-export { ShareSheet };
 export type { ShareSheetOption, ShareSheetOptions } from './ShareSheet';

package/es/share-sheet/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _ShareSheet from './ShareSheet';
-var ShareSheet = withInstall(_ShareSheet);
-export default ShareSheet;
-export { ShareSheet };
+export var ShareSheet = withInstall(_ShareSheet);
+export default ShareSheet;

package/es/sidebar/index.d.ts

@@ -1,4 +1,4 @@
-declare const Sidebar: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Sidebar: import("../utils").WithInstall<import("vue").DefineComponent<{
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -14,4 +14,3 @@ declare const Sidebar: import("../utils").WithInstall<import("vue").DefineCompon
     modelValue: string | number;
 }>>;
 export default Sidebar;
-export { Sidebar };

package/es/sidebar/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Sidebar from './Sidebar';
-var Sidebar = withInstall(_Sidebar);
-export default Sidebar;
-export { Sidebar };
+export var Sidebar = withInstall(_Sidebar);
+export default Sidebar;

package/es/sidebar-item/index.d.ts

@@ -1,4 +1,4 @@
-declare const SidebarItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const SidebarItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
@@ -32,4 +32,3 @@ declare const SidebarItem: import("../utils").WithInstall<import("vue").DefineCo
     disabled: boolean;
 }>>;
 export default SidebarItem;
-export { SidebarItem };

package/es/sidebar-item/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _SidebarItem from './SidebarItem';
-var SidebarItem = withInstall(_SidebarItem);
-export default SidebarItem;
-export { SidebarItem };
+export var SidebarItem = withInstall(_SidebarItem);
+export default SidebarItem;

package/es/skeleton/Skeleton.d.ts

@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     avatarSize?: string | number | undefined;
     titleWidth?: string | number | undefined;
-}> & {}, {
+}>, {
     title: boolean;
     animate: boolean;
     round: boolean;

package/es/skeleton/index.d.ts

@@ -1,4 +1,4 @@
-declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: BooleanConstructor;
     round: BooleanConstructor;
     avatar: BooleanConstructor;
@@ -49,7 +49,7 @@ declare const Skeleton: import("../utils").WithInstall<import("vue").DefineCompo
 } & {
     avatarSize?: string | number | undefined;
     titleWidth?: string | number | undefined;
-}> & {}, {
+}>, {
     title: boolean;
     animate: boolean;
     round: boolean;
@@ -60,4 +60,3 @@ declare const Skeleton: import("../utils").WithInstall<import("vue").DefineCompo
     rowWidth: string | number | (string | number)[];
 }>>;
 export default Skeleton;
-export { Skeleton };

package/es/skeleton/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Skeleton from './Skeleton';
-var Skeleton = withInstall(_Skeleton);
-export default Skeleton;
-export { Skeleton };
+export var Skeleton = withInstall(_Skeleton);
+export default Skeleton;

package/es/slider/Slider.d.ts

@@ -1,7 +1,9 @@
 import { PropType } from 'vue';
-declare type SliderValue = number | [number, number];
+declare type NumberRange = [number, number];
+declare type SliderValue = number | NumberRange;
 declare const _default: import("vue").DefineComponent<{
     range: BooleanConstructor;
+    reverse: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
     vertical: BooleanConstructor;
@@ -27,6 +29,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "drag-end" | "drag-start")[], "update:modelValue" | "change" | "drag-end" | "drag-start", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     range?: unknown;
+    reverse?: unknown;
     disabled?: unknown;
     readonly?: unknown;
     vertical?: unknown;
@@ -39,6 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     step?: unknown;
     modelValue?: unknown;
 } & {
+    reverse: boolean;
     max: string | number;
     disabled: boolean;
     readonly: boolean;
@@ -58,6 +62,7 @@ declare const _default: import("vue").DefineComponent<{
     "onDrag-end"?: ((...args: any[]) => any) | undefined;
     "onDrag-start"?: ((...args: any[]) => any) | undefined;
 }, {
+    reverse: boolean;
     max: string | number;
     disabled: boolean;
     readonly: boolean;

package/es/slider/Slider.js

@@ -10,6 +10,7 @@ export default defineComponent({
   name,
   props: {
     range: Boolean,
+    reverse: Boolean,
     disabled: Boolean,
     readonly: Boolean,
     vertical: Boolean,
@@ -87,13 +88,25 @@ export default defineComponent({
 
     var barStyle = computed(() => {
       var mainAxis = props.vertical ? 'height' : 'width';
-      return {
+      var style = {
         [mainAxis]: calcMainAxis(),
-        left: props.vertical ? undefined : calcOffset(),
-        top: props.vertical ? calcOffset() : undefined,
-        background: props.activeColor,
-        transition: dragStatus.value ? 'none' : undefined
+        background: props.activeColor
+      };
+
+      if (dragStatus.value) {
+        style.transition = 'none';
+      }
+
+      var getPositionKey = () => {
+        if (props.vertical) {
+          return props.reverse ? 'bottom' : 'top';
+        }
+
+        return props.reverse ? 'right' : 'left';
       };
+
+      style[getPositionKey()] = calcOffset();
+      return style;
     });
 
     var format = value => {
@@ -105,20 +118,21 @@ export default defineComponent({
       return addNumber(min, diff);
     };
 
-    var isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue); // 处理两个滑块重叠之后的情况
+    var isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
 
+    var handleRangeValue = value => {
+      var _value$, _value$2;
 
-    var handleOverlap = value => {
-      if (value[0] > value[1]) {
-        return value.slice(0).reverse();
-      }
+      // 设置默认值
+      var left = (_value$ = value[0]) != null ? _value$ : Number(props.min);
+      var right = (_value$2 = value[1]) != null ? _value$2 : Number(props.max); // 处理两个滑块重叠之后的情况
 
-      return value;
+      return left > right ? [right, left] : [left, right];
     };
 
     var updateValue = (value, end) => {
       if (isRange(value)) {
-        value = handleOverlap(value).map(format);
+        value = handleRangeValue(value).map(format);
       } else {
         value = format(value);
       }
@@ -141,13 +155,30 @@ export default defineComponent({
 
       var {
         min,
+        reverse,
         vertical,
         modelValue
       } = props;
       var rect = useRect(root);
-      var delta = vertical ? event.clientY - rect.top : event.clientX - rect.left;
+
+      var getDelta = () => {
+        if (vertical) {
+          if (reverse) {
+            return rect.bottom - event.clientY;
+          }
+
+          return event.clientY - rect.top;
+        }
+
+        if (reverse) {
+          return rect.right - event.clientX;
+        }
+
+        return event.clientX - rect.left;
+      };
+
       var total = vertical ? rect.height : rect.width;
-      var value = Number(min) + delta / total * scope.value;
+      var value = Number(min) + getDelta() / total * scope.value;
 
       if (isRange(modelValue)) {
         var [left, right] = modelValue;
@@ -197,8 +228,13 @@ export default defineComponent({
       var total = props.vertical ? rect.height : rect.width;
       var diff = delta / total * scope.value;
 
+      if (props.reverse) {
+        diff = -diff;
+      }
+
       if (isRange(startValue)) {
-        currentValue[buttonIndex] = startValue[buttonIndex] + diff;
+        var index = props.reverse ? 1 - buttonIndex : buttonIndex;
+        currentValue[index] = startValue[index] + diff;
       } else {
         currentValue = startValue + diff;
       }
@@ -222,10 +258,10 @@ export default defineComponent({
     var getButtonClassName = index => {
       if (typeof index === 'number') {
         var position = ['left', 'right'];
-        return bem("button-wrapper-" + position[index]);
+        return bem("button-wrapper", position[index]);
       }
 
-      return bem('button-wrapper');
+      return bem('button-wrapper', props.reverse ? 'left' : 'right');
     };
 
     var renderButtonContent = (value, index) => {

package/es/slider/index.css

@@ -1 +1 @@
-:root{--van-slider-active-background-color:var(--van-primary-color);--van-slider-inactive-background-color:var(--van-gray-3);--van-slider-disabled-opacity:var(--van-disabled-opacity);--van-slider-bar-height:2px;--van-slider-button-width:24px;--van-slider-button-height:24px;--van-slider-button-border-radius:50%;--van-slider-button-background-color:var(--van-white);--van-slider-button-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5)}.van-slider{position:relative;width:100%;height:var(--van-slider-bar-height);background-color:var(--van-slider-inactive-background-color);border-radius:var(--van-border-radius-max);cursor:pointer}.van-slider::before{position:absolute;top:-var(--van-padding-xs);right:0;bottom:-var(--van-padding-xs);left:0;content:''}.van-slider__bar{position:relative;width:100%;height:100%;background-color:var(--van-slider-active-background-color);border-radius:inherit;transition:all var(--van-animation-duration-fast)}.van-slider__button{width:var(--van-slider-button-width);height:var(--van-slider-button-height);background-color:var(--van-slider-button-background-color);border-radius:var(--van-slider-button-border-radius);box-shadow:var(--van-slider-button-box-shadow)}.van-slider__button-wrapper,.van-slider__button-wrapper-right{position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:-webkit-grab;cursor:grab}.van-slider__button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:-webkit-grab;cursor:grab}.van-slider--disabled{cursor:not-allowed;opacity:var(--van-slider-disabled-opacity)}.van-slider--disabled .van-slider__button-wrapper,.van-slider--disabled .van-slider__button-wrapper-left,.van-slider--disabled .van-slider__button-wrapper-right{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:var(--van-slider-bar-height);height:100%}.van-slider--vertical .van-slider__button-wrapper,.van-slider--vertical .van-slider__button-wrapper-right{top:auto;right:50%;bottom:0;transform:translate3d(50%,50%,0)}.van-slider--vertical .van-slider__button-wrapper-left{top:0;right:50%;left:auto;transform:translate3d(50%,-50%,0)}.van-slider--vertical::before{top:0;right:-var(--van-padding-xs);bottom:0;left:-var(--van-padding-xs)}
+:root{--van-slider-active-background-color:var(--van-primary-color);--van-slider-inactive-background-color:var(--van-gray-3);--van-slider-disabled-opacity:var(--van-disabled-opacity);--van-slider-bar-height:2px;--van-slider-button-width:24px;--van-slider-button-height:24px;--van-slider-button-border-radius:50%;--van-slider-button-background-color:var(--van-white);--van-slider-button-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5)}.van-slider{position:relative;width:100%;height:var(--van-slider-bar-height);background-color:var(--van-slider-inactive-background-color);border-radius:var(--van-border-radius-max);cursor:pointer}.van-slider::before{position:absolute;top:calc(var(--van-padding-xs) * -1);right:0;bottom:calc(var(--van-padding-xs) * -1);left:0;content:''}.van-slider__bar{position:absolute;width:100%;height:100%;background-color:var(--van-slider-active-background-color);border-radius:inherit;transition:all var(--van-animation-duration-fast)}.van-slider__button{width:var(--van-slider-button-width);height:var(--van-slider-button-height);background-color:var(--van-slider-button-background-color);border-radius:var(--van-slider-button-border-radius);box-shadow:var(--van-slider-button-box-shadow)}.van-slider__button-wrapper{position:absolute;cursor:-webkit-grab;cursor:grab;top:50%}.van-slider__button-wrapper--right{right:0;transform:translate3d(50%,-50%,0)}.van-slider__button-wrapper--left{left:0;transform:translate3d(-50%,-50%,0)}.van-slider--disabled{cursor:not-allowed;opacity:var(--van-slider-disabled-opacity)}.van-slider--disabled .van-slider__button-wrapper{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:var(--van-slider-bar-height);height:100%}.van-slider--vertical .van-slider__button-wrapper--right{top:auto;right:50%;bottom:0;transform:translate3d(50%,50%,0)}.van-slider--vertical .van-slider__button-wrapper--left{top:0;right:50%;left:auto;transform:translate3d(50%,-50%,0)}.van-slider--vertical::before{top:0;right:calc(var(--van-padding-xs) * -1);bottom:0;left:calc(var(--van-padding-xs) * -1)}

package/es/slider/index.d.ts

@@ -1,5 +1,6 @@
-declare const Slider: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Slider: import("../utils").WithInstall<import("vue").DefineComponent<{
     range: BooleanConstructor;
+    reverse: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
     vertical: BooleanConstructor;
@@ -25,6 +26,7 @@ declare const Slider: import("../utils").WithInstall<import("vue").DefineCompone
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "drag-end" | "drag-start")[], "update:modelValue" | "change" | "drag-end" | "drag-start", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     range?: unknown;
+    reverse?: unknown;
     disabled?: unknown;
     readonly?: unknown;
     vertical?: unknown;
@@ -37,6 +39,7 @@ declare const Slider: import("../utils").WithInstall<import("vue").DefineCompone
     step?: unknown;
     modelValue?: unknown;
 } & {
+    reverse: boolean;
     max: string | number;
     disabled: boolean;
     readonly: boolean;
@@ -56,6 +59,7 @@ declare const Slider: import("../utils").WithInstall<import("vue").DefineCompone
     "onDrag-end"?: ((...args: any[]) => any) | undefined;
     "onDrag-start"?: ((...args: any[]) => any) | undefined;
 }, {
+    reverse: boolean;
     max: string | number;
     disabled: boolean;
     readonly: boolean;
@@ -66,4 +70,3 @@ declare const Slider: import("../utils").WithInstall<import("vue").DefineCompone
     step: string | number;
 }>>;
 export default Slider;
-export { Slider };

package/es/slider/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Slider from './Slider';
-var Slider = withInstall(_Slider);
-export default Slider;
-export { Slider };
+export var Slider = withInstall(_Slider);
+export default Slider;