vant 3.3.7 → 3.4.0

package/es/sidebar-item/SidebarItem.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { defineComponent } from 'vue'; // Utils
 
 import { extend, numericProp, createNamespace } from '../utils';
@@ -13,7 +13,8 @@ var sidebarItemProps = extend({}, routeProps, {
   dot: Boolean,
   title: String,
   badge: numericProp,
-  disabled: Boolean
+  disabled: Boolean,
+  badgeProps: Object
 });
 export default defineComponent({
   name,
@@ -66,11 +67,11 @@ export default defineComponent({
         "tabindex": disabled ? undefined : 0,
         "aria-selected": selected,
         "onClick": onClick
-      }, [_createVNode(Badge, {
+      }, [_createVNode(Badge, _mergeProps({
         "dot": dot,
-        "content": badge,
-        "class": bem('text')
-      }, {
+        "class": bem('text'),
+        "content": badge
+      }, props.badgeProps), {
         default: () => [slots.title ? slots.title() : title]
       })]);
     };

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

@@ -7,7 +7,27 @@ export declare const SidebarItem: import("../utils").WithInstall<import("vue").D
     title: StringConstructor;
     badge: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    badgeProps: import("vue").PropType<Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("..").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }>>;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
@@ -15,6 +35,7 @@ export declare const SidebarItem: import("../utils").WithInstall<import("vue").D
     title?: unknown;
     badge?: unknown;
     disabled?: unknown;
+    badgeProps?: unknown;
 } & {
     replace: boolean;
     dot: boolean;
@@ -24,6 +45,26 @@ export declare const SidebarItem: import("../utils").WithInstall<import("vue").D
     to?: import("vue-router").RouteLocationRaw | undefined;
     badge?: string | number | undefined;
     title?: string | undefined;
+    badgeProps?: Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("..").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }> | undefined;
 }> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
@@ -33,3 +74,8 @@ export declare const SidebarItem: import("../utils").WithInstall<import("vue").D
 }>>;
 export default SidebarItem;
 export type { SidebarItemProps } from './SidebarItem';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSidebarItem: typeof SidebarItem;
+    }
+}

package/es/skeleton/Skeleton.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type SkeletonAvatarShape = 'square' | 'round';
 declare const skeletonProps: {
     row: {
@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     row?: unknown;
     title?: unknown;
     round?: unknown;

package/es/skeleton/index.d.ts

@@ -26,7 +26,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     };
 }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     row?: unknown;
     title?: unknown;
     round?: unknown;
@@ -61,3 +61,8 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
 }>>;
 export default Skeleton;
 export type { SkeletonProps, SkeletonAvatarShape } from './Skeleton';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSkeleton: typeof Skeleton;
+    }
+}

package/es/slider/Slider.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 declare type NumberRange = [number, number];
 declare type SliderValue = number | NumberRange;
 declare const sliderProps: {
@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<SliderValue>;
         default: number;
     };
-}, () => 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<{
+}, () => 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").ComponentCustomProps, Readonly<{
     min?: unknown;
     max?: unknown;
     step?: unknown;
@@ -70,13 +70,13 @@ declare const _default: import("vue").DefineComponent<{
     inactiveColor?: unknown;
     modelValue?: unknown;
 } & {
+    range: boolean;
     max: string | number;
     reverse: boolean;
     disabled: boolean;
     modelValue: SliderValue;
     readonly: boolean;
     vertical: boolean;
-    range: boolean;
     min: string | number;
     step: string | number;
 } & {
@@ -90,13 +90,13 @@ declare const _default: import("vue").DefineComponent<{
     "onDrag-end"?: ((...args: any[]) => any) | undefined;
     "onDrag-start"?: ((...args: any[]) => any) | undefined;
 }, {
+    range: boolean;
     max: string | number;
     reverse: boolean;
     disabled: boolean;
     modelValue: SliderValue;
     readonly: boolean;
     vertical: boolean;
-    range: boolean;
     min: string | number;
     step: string | number;
 }>;

package/es/slider/index.d.ts

@@ -24,7 +24,7 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<number | [number, number]>;
         default: number;
     };
-}, () => 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<{
+}, () => 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").ComponentCustomProps, Readonly<{
     min?: unknown;
     max?: unknown;
     step?: unknown;
@@ -39,13 +39,13 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
     inactiveColor?: unknown;
     modelValue?: unknown;
 } & {
+    range: boolean;
     max: string | number;
     reverse: boolean;
     disabled: boolean;
     modelValue: number | [number, number];
     readonly: boolean;
     vertical: boolean;
-    range: boolean;
     min: string | number;
     step: string | number;
 } & {
@@ -59,15 +59,20 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
     "onDrag-end"?: ((...args: any[]) => any) | undefined;
     "onDrag-start"?: ((...args: any[]) => any) | undefined;
 }, {
+    range: boolean;
     max: string | number;
     reverse: boolean;
     disabled: boolean;
     modelValue: number | [number, number];
     readonly: boolean;
     vertical: boolean;
-    range: boolean;
     min: string | number;
     step: string | number;
 }>>;
 export default Slider;
 export type { SliderProps } from './Slider';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSlider: typeof Slider;
+    }
+}

package/es/step/Step.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
 export default _default;

package/es/step/Step.js

@@ -52,7 +52,7 @@ export default defineComponent({
         };
       }
 
-      if (!getStatus()) {
+      if (getStatus() === 'waiting') {
         return {
           color: parentProps.inactiveColor
         };

package/es/step/index.d.ts

@@ -1,2 +1,7 @@
-export declare const Step: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}>, {}>>;
+export declare const Step: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>>;
 export default Step;
+declare module 'vue' {
+    interface GlobalComponents {
+        VanStep: typeof Step;
+    }
+}

package/es/stepper/Stepper.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 export declare type StepperTheme = 'default' | 'round';
 declare const stepperProps: {
@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     min?: unknown;
     max?: unknown;
     name?: unknown;

package/es/stepper/index.d.ts

@@ -48,7 +48,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     min?: unknown;
     max?: unknown;
     name?: unknown;
@@ -122,3 +122,8 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
 }>>;
 export default Stepper;
 export type { StepperTheme, StepperProps } from './Stepper';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanStepper: typeof Stepper;
+    }
+}

package/es/steps/Steps.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes, InjectionKey } from 'vue';
+import { type ExtractPropTypes, type InjectionKey } from 'vue';
 export declare type StepsDirection = 'horizontal' | 'vertical';
 declare const stepsProps: {
     active: {
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
     activeColor: StringConstructor;
     inactiveIcon: StringConstructor;
     inactiveColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-step"[], "click-step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-step"[], "click-step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     active?: unknown;
     direction?: unknown;
     activeIcon?: unknown;

package/es/steps/index.d.ts

@@ -16,7 +16,7 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
     activeColor: StringConstructor;
     inactiveIcon: StringConstructor;
     inactiveColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-step"[], "click-step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-step"[], "click-step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     active?: unknown;
     direction?: unknown;
     activeIcon?: unknown;
@@ -44,3 +44,8 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
 }>>;
 export default Steps;
 export type { StepsProps, StepsDirection } from './Steps';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSteps: typeof Steps;
+    }
+}

package/es/sticky/Sticky.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type StickyPosition = 'top' | 'bottom';
 declare const stickyProps: {
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     zIndex?: unknown;
     position?: unknown;
     container?: unknown;

package/es/sticky/index.d.ts

@@ -13,7 +13,7 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     zIndex?: unknown;
     position?: unknown;
     container?: unknown;
@@ -36,3 +36,8 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
 }>>;
 export default Sticky;
 export type { StickyProps, StickyPosition } from './Sticky';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSticky: typeof Sticky;
+    }
+}

package/es/submit-bar/SubmitBar.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { ButtonType } from '../button';
 export declare type SubmitBarTextAlign = 'left' | 'right';
 declare const submitBarProps: {
@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     tip?: unknown;
     label?: unknown;
     price?: unknown;

package/es/submit-bar/index.d.ts

@@ -25,7 +25,7 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     tip?: unknown;
     label?: unknown;
     price?: unknown;
@@ -68,3 +68,8 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
 }>>;
 export default SubmitBar;
 export type { SubmitBarProps, SubmitBarTextAlign } from './SubmitBar';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSubmitBar: typeof SubmitBar;
+    }
+}

package/es/swipe/Swipe.d.ts

@@ -1,4 +1,4 @@
-import { InjectionKey, ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes, type InjectionKey } from 'vue';
 import { SwipeProvide } from './types';
 declare const swipeProps: {
     loop: {
@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     loop?: unknown;
     width?: unknown;
     height?: unknown;

package/es/swipe/Swipe.js

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, reactive, computed, onMounted, onActivated, onDeactivated, onBeforeUnmount, defineComponent } from 'vue'; // Utils
+import { ref, watch, reactive, computed, onMounted, onActivated, onDeactivated, onBeforeUnmount, defineComponent, nextTick } from 'vue'; // Utils
 
 import { clamp, isHidden, truthProp, numericProp, windowWidth, windowHeight, preventDefault, createNamespace, makeNumericProp } from '../utils'; // Composables
 
@@ -220,29 +220,38 @@ export default defineComponent({
         return;
       }
 
-      if (!isHidden(root)) {
-        var _props$width, _props$height;
+      var cb = () => {
+        if (!isHidden(root)) {
+          var _props$width, _props$height;
+
+          var rect = {
+            width: root.value.offsetWidth,
+            height: root.value.offsetHeight
+          };
+          state.rect = rect;
+          state.width = +((_props$width = props.width) != null ? _props$width : rect.width);
+          state.height = +((_props$height = props.height) != null ? _props$height : rect.height);
+        }
 
-        var rect = {
-          width: root.value.offsetWidth,
-          height: root.value.offsetHeight
-        };
-        state.rect = rect;
-        state.width = +((_props$width = props.width) != null ? _props$width : rect.width);
-        state.height = +((_props$height = props.height) != null ? _props$height : rect.height);
-      }
+        if (count.value) {
+          active = Math.min(count.value - 1, active);
+        }
 
-      if (count.value) {
-        active = Math.min(count.value - 1, active);
-      }
+        state.active = active;
+        state.swiping = true;
+        state.offset = getTargetOffset(active);
+        children.forEach(swipe => {
+          swipe.setOffset(0);
+        });
+        autoplay();
+      }; // issue: https://github.com/youzan/vant/issues/10052
 
-      state.active = active;
-      state.swiping = true;
-      state.offset = getTargetOffset(active);
-      children.forEach(swipe => {
-        swipe.setOffset(0);
-      });
-      autoplay();
+
+      if (isHidden(root)) {
+        nextTick().then(cb);
+      } else {
+        cb();
+      }
     };
 
     var resize = () => initialize(state.active);
@@ -259,16 +268,10 @@ export default defineComponent({
 
     var onTouchMove = event => {
       if (props.touchable && state.swiping) {
-        touch.move(event); // if user starting to touchmove, prevent the event bubbling to
-        // avoid affecting the parent components
-
-        var shouldPrevent = isCorrectDirection.value || touch.offsetY.value > touch.offsetX.value === props.vertical;
-
-        if (shouldPrevent) {
-          preventDefault(event, props.stopPropagation);
-        }
+        touch.move(event);
 
         if (isCorrectDirection.value) {
+          preventDefault(event, props.stopPropagation);
           move({
             offset: delta.value
           });
@@ -356,7 +359,8 @@ export default defineComponent({
     var renderIndicator = () => {
       if (slots.indicator) {
         return slots.indicator({
-          active: activeIndicator.value
+          active: activeIndicator.value,
+          total: count.value
         });
       }
 

package/es/swipe/index.d.ts

@@ -33,7 +33,7 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     loop?: unknown;
     width?: unknown;
     height?: unknown;
@@ -76,3 +76,8 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
 export default Swipe;
 export type { SwipeProps };
 export type { SwipeInstance, SwipeToOptions } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSwipe: typeof Swipe;
+    }
+}

package/es/swipe-cell/SwipeCell.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 declare const swipeCellProps: {
     name: {
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: PropType<Interceptor>;
     stopPropagation: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     name?: unknown;
     disabled?: unknown;
     leftWidth?: unknown;

package/es/swipe-cell/SwipeCell.js

@@ -44,12 +44,15 @@ export default defineComponent({
     var rightWidth = computed(() => isDef(props.rightWidth) ? +props.rightWidth : getWidthByRef(rightRef));
 
     var open = side => {
-      opened = true;
       state.offset = side === 'left' ? leftWidth.value : -rightWidth.value;
-      emit('open', {
-        name: props.name,
-        position: side
-      });
+
+      if (!opened) {
+        opened = true;
+        emit('open', {
+          name: props.name,
+          position: side
+        });
+      }
     };
 
     var close = position => {

package/es/swipe-cell/index.d.ts

@@ -9,7 +9,7 @@ export declare const SwipeCell: import("../utils").WithInstall<import("vue").Def
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
     stopPropagation: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     name?: unknown;
     disabled?: unknown;
     leftWidth?: unknown;
@@ -36,3 +36,8 @@ export declare const SwipeCell: import("../utils").WithInstall<import("vue").Def
 export default SwipeCell;
 export type { SwipeCellProps };
 export type { SwipeCellSide, SwipeCellPosition, SwipeCellInstance, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSwipeCell: typeof SwipeCell;
+    }
+}

package/es/swipe-item/SwipeItem.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
 export default _default;

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

@@ -1,2 +1,7 @@
-export declare const SwipeItem: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}>, {}>>;
+export declare const SwipeItem: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>>;
 export default SwipeItem;
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSwipeItem: typeof SwipeItem;
+    }
+}

package/es/switch/Switch.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 declare const switchProps: {
     size: (NumberConstructor | StringConstructor)[];
     loading: BooleanConstructor;
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<unknown>;
         default: unknown;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     size?: unknown;
     loading?: unknown;
     disabled?: unknown;