vant 3.6.12 → 3.6.13

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

@@ -1,21 +1,21 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { ButtonType } from '../button';
-export declare type SubmitBarTextAlign = 'left' | 'right';
-declare const submitBarProps: {
+export type SubmitBarTextAlign = 'left' | 'right';
+export declare const submitBarProps: {
     tip: StringConstructor;
     label: StringConstructor;
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
     currency: {
-        type: PropType<string>;
+        type: PropType<T>;
         default: string;
     };
     disabled: BooleanConstructor;
     textAlign: PropType<SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
-        type: PropType<ButtonType>;
+        type: PropType<T>;
         default: ButtonType;
     };
     buttonColor: StringConstructor;
@@ -30,22 +30,22 @@ declare const submitBarProps: {
         default: true;
     };
 };
-export declare type SubmitBarProps = ExtractPropTypes<typeof submitBarProps>;
-declare const _default: import("vue").DefineComponent<{
+export type SubmitBarProps = ExtractPropTypes<typeof submitBarProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     tip: StringConstructor;
     label: StringConstructor;
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
     currency: {
-        type: PropType<string>;
+        type: PropType<T>;
         default: string;
     };
     disabled: BooleanConstructor;
     textAlign: PropType<SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
-        type: PropType<ButtonType>;
+        type: PropType<T>;
         default: ButtonType;
     };
     buttonColor: StringConstructor;
@@ -59,21 +59,21 @@ 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").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     tip: StringConstructor;
     label: StringConstructor;
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
     currency: {
-        type: PropType<string>;
+        type: PropType<T>;
         default: string;
     };
     disabled: BooleanConstructor;
     textAlign: PropType<SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
-        type: PropType<ButtonType>;
+        type: PropType<T>;
         default: ButtonType;
     };
     buttonColor: StringConstructor;
@@ -87,9 +87,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+}>> & Readonly<{
     onSubmit?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     placeholder: boolean;
     safeAreaInsetBottom: boolean;
@@ -97,5 +97,5 @@ declare const _default: import("vue").DefineComponent<{
     currency: string;
     decimalLength: string | number;
     buttonType: ButtonType;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/submit-bar/SubmitBar.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, defineComponent } from "vue";
+import { ref, defineComponent, createVNode as _createVNode } from "vue";
 import { truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Button } from "../button/index.mjs";
@@ -111,5 +110,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  submitBarProps
 };

package/es/submit-bar/index.css

@@ -1 +1 @@
-:root{--van-submit-bar-height: 50px;--van-submit-bar-z-index: 100;--van-submit-bar-background-color: var(--van-background-color-light);--van-submit-bar-button-width: 110px;--van-submit-bar-price-color: var(--van-danger-color);--van-submit-bar-price-font-size: var(--van-font-size-sm);--van-submit-bar-price-integer-font-size: 20px;--van-submit-bar-price-font-family: var(--van-price-integer-font-family);--van-submit-bar-currency-font-size: var(--van-font-size-md);--van-submit-bar-text-color: var(--van-text-color);--van-submit-bar-text-font-size: var(--van-font-size-md);--van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);--van-submit-bar-tip-font-size: var(--van-font-size-sm);--van-submit-bar-tip-line-height: 1.5;--van-submit-bar-tip-color: var(--van-orange-dark);--van-submit-bar-tip-background-color: var(--van-orange-light);--van-submit-bar-tip-icon-size: 12px;--van-submit-bar-button-height: 40px;--van-submit-bar-padding: 0 var(--van-padding-md)}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:var(--van-submit-bar-z-index);width:100%;background:var(--van-submit-bar-background-color);-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:var(--van-submit-bar-tip-padding);color:var(--van-submit-bar-tip-color);font-size:var(--van-submit-bar-tip-font-size);line-height:var(--van-submit-bar-tip-line-height);background:var(--van-submit-bar-tip-background-color)}.van-submit-bar__tip-icon{margin-right:var(--van-padding-base);font-size:var(--van-submit-bar-tip-icon-size);vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:flex;align-items:center;justify-content:flex-end;height:var(--van-submit-bar-height);padding:var(--van-submit-bar-padding);font-size:var(--van-submit-bar-text-font-size)}.van-submit-bar__text{flex:1;padding-right:var(--van-padding-sm);color:var(--van-submit-bar-text-color);text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:var(--van-padding-base);font-weight:var(--van-font-weight-bold)}.van-submit-bar__price{color:var(--van-submit-bar-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-submit-bar-price-font-size);margin-left:var(--van-padding-base)}.van-submit-bar__price-integer{font-size:var(--van-submit-bar-price-integer-font-size);font-family:var(--van-submit-bar-price-font-family)}.van-submit-bar__button{width:var(--van-submit-bar-button-width);height:var(--van-submit-bar-button-height);font-weight:var(--van-font-weight-bold);border:none}.van-submit-bar__button--danger{background:var(--van-gradient-red)}
+:root,:host{--van-submit-bar-height: 50px;--van-submit-bar-z-index: 100;--van-submit-bar-background: var(--van-background-2);--van-submit-bar-button-width: 110px;--van-submit-bar-price-color: var(--van-danger-color);--van-submit-bar-price-font-size: var(--van-font-size-sm);--van-submit-bar-price-integer-font-size: 20px;--van-submit-bar-price-font: var(--van-price-font);--van-submit-bar-text-color: var(--van-text-color);--van-submit-bar-text-font-size: var(--van-font-size-md);--van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);--van-submit-bar-tip-font-size: var(--van-font-size-sm);--van-submit-bar-tip-line-height: 1.5;--van-submit-bar-tip-color: var(--van-orange-dark);--van-submit-bar-tip-background: var(--van-orange-light);--van-submit-bar-tip-icon-size: 12px;--van-submit-bar-button-height: 40px;--van-submit-bar-padding: 0 var(--van-padding-md)}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:var(--van-submit-bar-z-index);width:100%;background:var(--van-submit-bar-background);-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:var(--van-submit-bar-tip-padding);color:var(--van-submit-bar-tip-color);font-size:var(--van-submit-bar-tip-font-size);line-height:var(--van-submit-bar-tip-line-height);background:var(--van-submit-bar-tip-background)}.van-submit-bar__tip-icon{margin-right:var(--van-padding-base);font-size:var(--van-submit-bar-tip-icon-size);vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:flex;align-items:center;justify-content:flex-end;height:var(--van-submit-bar-height);padding:var(--van-submit-bar-padding);font-size:var(--van-submit-bar-text-font-size)}.van-submit-bar__text{flex:1;padding-right:var(--van-padding-sm);color:var(--van-submit-bar-text-color);text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:var(--van-padding-base);font-weight:var(--van-font-bold)}.van-submit-bar__price{color:var(--van-submit-bar-price-color);font-weight:var(--van-font-bold);font-size:var(--van-submit-bar-price-font-size);margin-left:var(--van-padding-base)}.van-submit-bar__price-integer{font-size:var(--van-submit-bar-price-integer-font-size);font-family:var(--van-submit-bar-price-font)}.van-submit-bar__button{width:var(--van-submit-bar-button-width);height:var(--van-submit-bar-button-height);font-weight:var(--van-font-bold);border:none}.van-submit-bar__button--danger{background:var(--van-gradient-red)}

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

@@ -1,18 +1,18 @@
-export declare const SubmitBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const SubmitBar: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     tip: StringConstructor;
     label: StringConstructor;
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
     currency: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     disabled: BooleanConstructor;
     textAlign: import("vue").PropType<import("./SubmitBar").SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
-        type: import("vue").PropType<import("..").ButtonType>;
+        type: import("vue").PropType<T>;
         default: import("..").ButtonType;
     };
     buttonColor: StringConstructor;
@@ -26,21 +26,21 @@ 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").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tip: StringConstructor;
     label: StringConstructor;
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
     currency: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     disabled: BooleanConstructor;
     textAlign: import("vue").PropType<import("./SubmitBar").SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
-        type: import("vue").PropType<import("..").ButtonType>;
+        type: import("vue").PropType<T>;
         default: import("..").ButtonType;
     };
     buttonColor: StringConstructor;
@@ -54,9 +54,9 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+}>> & Readonly<{
     onSubmit?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     placeholder: boolean;
     safeAreaInsetBottom: boolean;
@@ -64,9 +64,11 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     currency: string;
     decimalLength: string | number;
     buttonType: import("..").ButtonType;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default SubmitBar;
+export { submitBarProps } from './SubmitBar';
 export type { SubmitBarProps, SubmitBarTextAlign } from './SubmitBar';
+export type { SubmitBarThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanSubmitBar: typeof SubmitBar;

package/es/submit-bar/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _SubmitBar from "./SubmitBar.mjs";
 const SubmitBar = withInstall(_SubmitBar);
 var stdin_default = SubmitBar;
+import { submitBarProps } from "./SubmitBar.mjs";
 export {
   SubmitBar,
-  stdin_default as default
+  stdin_default as default,
+  submitBarProps
 };

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

@@ -0,0 +1,20 @@
+export type SubmitBarThemeVars = {
+    submitBarHeight?: string;
+    submitBarZIndex?: number | string;
+    submitBarBackground?: string;
+    submitBarButtonWidth?: string;
+    submitBarPriceColor?: string;
+    submitBarPriceFontSize?: string;
+    submitBarPriceIntegerFontSize?: string;
+    submitBarPriceFont?: string;
+    submitBarTextColor?: string;
+    submitBarTextFontSize?: string;
+    submitBarTipPadding?: string;
+    submitBarTipFontSize?: string;
+    submitBarTipLineHeight?: number | string;
+    submitBarTipColor?: string;
+    submitBarTipBackground?: string;
+    submitBarTipIconSize?: string;
+    submitBarButtonHeight?: string;
+    submitBarPadding?: string;
+};

package/es/swipe/Swipe.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes, type InjectionKey } from 'vue';
 import { SwipeProvide } from './types';
-declare const swipeProps: {
+export declare const swipeProps: {
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -35,9 +35,9 @@ declare const swipeProps: {
         default: true;
     };
 };
-export declare type SwipeProps = ExtractPropTypes<typeof swipeProps>;
+export type SwipeProps = ExtractPropTypes<typeof swipeProps>;
 export declare const SWIPE_KEY: InjectionKey<SwipeProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -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").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "dragStart" | "dragEnd")[], "change" | "dragStart" | "dragEnd", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -105,9 +105,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-}, {
+    onDragStart?: ((...args: any[]) => any) | undefined;
+    onDragEnd?: ((...args: any[]) => any) | undefined;
+}>, {
     autoplay: string | number;
     loop: boolean;
     vertical: boolean;
@@ -117,5 +119,5 @@ declare const _default: import("vue").DefineComponent<{
     initialSwipe: string | number;
     showIndicators: boolean;
     stopPropagation: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/swipe/Swipe.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, watch, reactive, computed, onMounted, onActivated, onDeactivated, onBeforeUnmount, defineComponent, nextTick } from "vue";
+import { ref, watch, reactive, computed, onMounted, onActivated, onDeactivated, onBeforeUnmount, defineComponent, nextTick, createVNode as _createVNode } from "vue";
 import { clamp, isHidden, truthProp, numericProp, windowWidth, windowHeight, preventDefault, createNamespace, makeNumericProp } from "../utils/index.mjs";
 import { doubleRaf, useChildren, useEventListener, usePageVisibility } from "@vant/use";
 import { useTouch } from "../composables/use-touch.mjs";
@@ -24,7 +23,7 @@ const SWIPE_KEY = Symbol(name);
 var stdin_default = defineComponent({
   name,
   props: swipeProps,
-  emits: ["change"],
+  emits: ["change", "dragStart", "dragEnd"],
   setup(props, {
     emit,
     slots
@@ -39,6 +38,7 @@ var stdin_default = defineComponent({
       active: 0,
       swiping: false
     });
+    let dragging = false;
     const touch = useTouch();
     const {
       children,
@@ -54,7 +54,7 @@ var stdin_default = defineComponent({
       }
       return 0;
     });
-    const maxCount = computed(() => Math.ceil(Math.abs(minOffset.value) / size.value));
+    const maxCount = computed(() => size.value ? Math.ceil(Math.abs(minOffset.value) / size.value) : count.value);
     const trackSize = computed(() => count.value * size.value);
     const activeIndicator = computed(() => (state.active + count.value) % count.value);
     const isCorrectDirection = computed(() => {
@@ -64,7 +64,7 @@ var stdin_default = defineComponent({
     const trackStyle = computed(() => {
       const style = {
         transitionDuration: `${state.swiping ? 0 : props.duration}ms`,
-        transform: `translate${props.vertical ? "Y" : "X"}(${state.offset}px)`
+        transform: `translate${props.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
       };
       if (size.value) {
         const mainAxis = props.vertical ? "height" : "width";
@@ -164,7 +164,7 @@ var stdin_default = defineComponent({
     const stopAutoplay = () => clearTimeout(autoplayTimer);
     const autoplay = () => {
       stopAutoplay();
-      if (props.autoplay > 0 && count.value > 1) {
+      if (+props.autoplay > 0 && count.value > 1) {
         autoplayTimer = setTimeout(() => {
           next();
           autoplay();
@@ -188,6 +188,9 @@ var stdin_default = defineComponent({
         }
         if (count.value) {
           active = Math.min(count.value - 1, active);
+          if (active === -1) {
+            active = count.value - 1;
+          }
         }
         state.active = active;
         state.swiping = true;
@@ -206,9 +209,10 @@ var stdin_default = defineComponent({
     const resize = () => initialize(state.active);
     let touchStartTime;
     const onTouchStart = (event) => {
-      if (!props.touchable)
-        return;
+      if (!props.touchable || // avoid resetting position on multi-finger touch
+      event.touches.length > 1) return;
       touch.start(event);
+      dragging = false;
       touchStartTime = Date.now();
       stopAutoplay();
       correctPosition();
@@ -223,6 +227,12 @@ var stdin_default = defineComponent({
             move({
               offset: delta.value
             });
+            if (!dragging) {
+              emit("dragStart", {
+                index: activeIndicator.value
+              });
+              dragging = true;
+            }
           }
         }
       }
@@ -251,7 +261,11 @@ var stdin_default = defineComponent({
           pace: 0
         });
       }
+      dragging = false;
       state.swiping = false;
+      emit("dragEnd", {
+        index: activeIndicator.value
+      });
       autoplay();
     };
     const swipeTo = (index, options = {}) => {
@@ -320,7 +334,7 @@ var stdin_default = defineComponent({
     watch(() => props.initialSwipe, (value) => initialize(+value));
     watch(count, () => initialize(state.active));
     watch(() => props.autoplay, autoplay);
-    watch([windowWidth, windowHeight], resize);
+    watch([windowWidth, windowHeight, () => props.width, () => props.height], resize);
     watch(usePageVisibility(), (visible) => {
       if (visible === "visible") {
         autoplay();
@@ -356,5 +370,6 @@ var stdin_default = defineComponent({
 });
 export {
   SWIPE_KEY,
-  stdin_default as default
+  stdin_default as default,
+  swipeProps
 };

package/es/swipe/index.css

@@ -1 +1 @@
-:root{--van-swipe-indicator-size: 6px;--van-swipe-indicator-margin: var(--van-padding-sm);--van-swipe-indicator-active-opacity: 1;--van-swipe-indicator-inactive-opacity: .3;--van-swipe-indicator-active-background-color: var(--van-primary-color);--van-swipe-indicator-inactive-background-color: var(--van-border-color)}.van-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:flex;height:100%}.van-swipe__track--vertical{flex-direction:column}.van-swipe__indicators{position:absolute;bottom:var(--van-swipe-indicator-margin);left:50%;display:flex;transform:translate(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:var(--van-swipe-indicator-margin);flex-direction:column;transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:var(--van-swipe-indicator-size)}.van-swipe__indicator{width:var(--van-swipe-indicator-size);height:var(--van-swipe-indicator-size);background-color:var(--van-swipe-indicator-inactive-background-color);border-radius:100%;opacity:var(--van-swipe-indicator-inactive-opacity);transition:opacity var(--van-animation-duration-fast),background-color var(--van-animation-duration-fast)}.van-swipe__indicator:not(:last-child){margin-right:var(--van-swipe-indicator-size)}.van-swipe__indicator--active{background-color:var(--van-swipe-indicator-active-background-color);opacity:var(--van-swipe-indicator-active-opacity)}
+:root,:host{--van-swipe-indicator-size: 6px;--van-swipe-indicator-margin: var(--van-padding-sm);--van-swipe-indicator-active-opacity: 1;--van-swipe-indicator-inactive-opacity: .3;--van-swipe-indicator-active-background: var(--van-primary-color);--van-swipe-indicator-inactive-background: var(--van-border-color)}.van-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:flex;height:100%;transition-property:transform}.van-swipe__track--vertical{flex-direction:column}.van-swipe__indicators{position:absolute;bottom:var(--van-swipe-indicator-margin);left:50%;display:flex;transform:translate(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:var(--van-swipe-indicator-margin);flex-direction:column;transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:var(--van-swipe-indicator-size)}.van-swipe__indicator{width:var(--van-swipe-indicator-size);height:var(--van-swipe-indicator-size);background-color:var(--van-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--van-swipe-indicator-inactive-opacity);transition:opacity var(--van-duration-fast),background-color var(--van-duration-fast)}.van-swipe__indicator:not(:last-child){margin-right:var(--van-swipe-indicator-size)}.van-swipe__indicator--active{background-color:var(--van-swipe-indicator-active-background);opacity:var(--van-swipe-indicator-active-opacity)}

package/es/swipe/index.d.ts

@@ -1,5 +1,5 @@
 import { SwipeProps } from './Swipe';
-export declare const Swipe: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Swipe: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -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").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "dragStart" | "dragEnd")[], "change" | "dragStart" | "dragEnd", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -67,9 +67,11 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-}, {
+    onDragStart?: ((...args: any[]) => any) | undefined;
+    onDragEnd?: ((...args: any[]) => any) | undefined;
+}>, {
     autoplay: string | number;
     loop: boolean;
     vertical: boolean;
@@ -79,10 +81,11 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
     initialSwipe: string | number;
     showIndicators: boolean;
     stopPropagation: boolean;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Swipe;
+export { swipeProps } from './Swipe';
 export type { SwipeProps };
-export type { SwipeInstance, SwipeToOptions } from './types';
+export type { SwipeInstance, SwipeToOptions, SwipeThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanSwipe: typeof Swipe;

package/es/swipe/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Swipe from "./Swipe.mjs";
 const Swipe = withInstall(_Swipe);
 var stdin_default = Swipe;
+import { swipeProps } from "./Swipe.mjs";
 export {
   Swipe,
-  stdin_default as default
+  stdin_default as default,
+  swipeProps
 };

package/es/swipe/types.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentPublicInstance, ComputedRef } from 'vue';
 import type { SwipeProps } from './Swipe';
-export declare type SwipeState = {
+export type SwipeState = {
     rect: {
         width: number;
         height: number;
@@ -11,10 +11,10 @@ export declare type SwipeState = {
     active: number;
     swiping: boolean;
 };
-export declare type SwipeToOptions = {
+export type SwipeToOptions = {
     immediate?: boolean;
 };
-export declare type SwipeExpose = {
+export type SwipeExpose = {
     prev: () => void;
     next: () => void;
     resize: () => void;
@@ -22,10 +22,18 @@ export declare type SwipeExpose = {
     /** @private */
     state: SwipeState;
 };
-export declare type SwipeProvide = {
+export type SwipeProvide = {
     props: SwipeProps;
     size: ComputedRef<number>;
     count: ComputedRef<number>;
     activeIndicator: ComputedRef<number>;
 };
-export declare type SwipeInstance = ComponentPublicInstance<SwipeProps, SwipeExpose>;
+export type SwipeInstance = ComponentPublicInstance<SwipeProps, SwipeExpose>;
+export type SwipeThemeVars = {
+    swipeIndicatorSize?: string;
+    swipeIndicatorMargin?: string;
+    swipeIndicatorActiveOpacity?: number | string;
+    swipeIndicatorInactiveOpacity?: number | string;
+    swipeIndicatorActiveBackground?: string;
+    swipeIndicatorInactiveBackground?: string;
+};

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

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
-declare const swipeCellProps: {
+export declare const swipeCellProps: {
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -11,8 +11,8 @@ declare const swipeCellProps: {
     beforeClose: PropType<Interceptor>;
     stopPropagation: BooleanConstructor;
 };
-export declare type SwipeCellProps = ExtractPropTypes<typeof swipeCellProps>;
-declare const _default: import("vue").DefineComponent<{
+export type SwipeCellProps = ExtractPropTypes<typeof swipeCellProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -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, ("click" | "close" | "open")[], "open" | "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -32,13 +32,13 @@ declare const _default: import("vue").DefineComponent<{
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: PropType<Interceptor>;
     stopPropagation: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     name: string | number;
     disabled: boolean;
     stopPropagation: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/swipe-cell/SwipeCell.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, reactive, computed, defineComponent } from "vue";
+import { ref, reactive, computed, defineComponent, createVNode as _createVNode } from "vue";
 import { clamp, isDef, numericProp, preventDefault, callInterceptor, createNamespace, makeNumericProp } from "../utils/index.mjs";
 import { useRect, useClickAway, useEventListener } from "@vant/use";
 import { useTouch } from "../composables/use-touch.mjs";
@@ -24,6 +23,7 @@ var stdin_default = defineComponent({
     let opened;
     let lockClick;
     let startOffset;
+    let isInBeforeClosing;
     const root = ref();
     const leftRef = ref();
     const rightRef = ref();
@@ -99,15 +99,23 @@ var stdin_default = defineComponent({
         }, 0);
       }
     };
-    const onClick = (position = "outside") => {
+    const onClick = (position = "outside", event) => {
+      if (isInBeforeClosing) return;
       emit("click", position);
       if (opened && !lockClick) {
+        isInBeforeClosing = true;
         callInterceptor(props.beforeClose, {
           args: [{
+            event,
             name: props.name,
             position
           }],
-          done: () => close(position)
+          done: () => {
+            isInBeforeClosing = false;
+            close(position);
+          },
+          canceled: () => isInBeforeClosing = false,
+          error: () => isInBeforeClosing = false
         });
       }
     };
@@ -115,7 +123,10 @@ var stdin_default = defineComponent({
       if (stop) {
         event.stopPropagation();
       }
-      onClick(position);
+      if (lockClick) {
+        return;
+      }
+      onClick(position, event);
     };
     const renderSideContent = (side, ref2) => {
       const contentSlot = slots[side];
@@ -131,7 +142,7 @@ var stdin_default = defineComponent({
       open,
       close
     });
-    useClickAway(root, () => onClick("outside"), {
+    useClickAway(root, (event) => onClick("outside", event), {
       eventName: "touchstart"
     });
     useEventListener("touchmove", onTouchMove, {
@@ -158,5 +169,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  swipeCellProps
 };

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

@@ -1,5 +1,5 @@
 import { SwipeCellProps } from './SwipeCell';
-export declare const SwipeCell: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const SwipeCell: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -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, ("click" | "close" | "open")[], "open" | "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -19,16 +19,17 @@ export declare const SwipeCell: import("../utils").WithInstall<import("vue").Def
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
     stopPropagation: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     name: string | number;
     disabled: boolean;
     stopPropagation: boolean;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default SwipeCell;
+export { swipeCellProps } from './SwipeCell';
 export type { SwipeCellProps };
 export type { SwipeCellSide, SwipeCellPosition, SwipeCellInstance, } from './types';
 declare module 'vue' {