vant 3.6.14 → 3.6.16

package/lib/swipe/Swipe.js

@@ -18,11 +18,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   SWIPE_KEY: () => SWIPE_KEY,
-  default: () => stdin_default,
-  swipeProps: () => swipeProps
+  default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
+var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@vant/use");
 var import_use_touch = require("../composables/use-touch");
@@ -44,17 +44,17 @@ const swipeProps = {
   stopPropagation: import_utils.truthProp
 };
 const SWIPE_KEY = Symbol(name);
-var stdin_default = (0, import_vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: swipeProps,
-  emits: ["change", "dragStart", "dragEnd"],
+  emits: ["change"],
   setup(props, {
     emit,
     slots
   }) {
-    const root = (0, import_vue.ref)();
-    const track = (0, import_vue.ref)();
-    const state = (0, import_vue.reactive)({
+    const root = (0, import_vue2.ref)();
+    const track = (0, import_vue2.ref)();
+    const state = (0, import_vue2.reactive)({
       rect: null,
       width: 0,
       height: 0,
@@ -62,33 +62,32 @@ var stdin_default = (0, import_vue.defineComponent)({
       active: 0,
       swiping: false
     });
-    let dragging = false;
     const touch = (0, import_use_touch.useTouch)();
     const {
       children,
       linkChildren
     } = (0, import_use.useChildren)(SWIPE_KEY);
-    const count = (0, import_vue.computed)(() => children.length);
-    const size = (0, import_vue.computed)(() => state[props.vertical ? "height" : "width"]);
-    const delta = (0, import_vue.computed)(() => props.vertical ? touch.deltaY.value : touch.deltaX.value);
-    const minOffset = (0, import_vue.computed)(() => {
+    const count = (0, import_vue2.computed)(() => children.length);
+    const size = (0, import_vue2.computed)(() => state[props.vertical ? "height" : "width"]);
+    const delta = (0, import_vue2.computed)(() => props.vertical ? touch.deltaY.value : touch.deltaX.value);
+    const minOffset = (0, import_vue2.computed)(() => {
       if (state.rect) {
         const base = props.vertical ? state.rect.height : state.rect.width;
         return base - size.value * count.value;
       }
       return 0;
     });
-    const maxCount = (0, import_vue.computed)(() => size.value ? Math.ceil(Math.abs(minOffset.value) / size.value) : count.value);
-    const trackSize = (0, import_vue.computed)(() => count.value * size.value);
-    const activeIndicator = (0, import_vue.computed)(() => (state.active + count.value) % count.value);
-    const isCorrectDirection = (0, import_vue.computed)(() => {
+    const maxCount = (0, import_vue2.computed)(() => Math.ceil(Math.abs(minOffset.value) / size.value));
+    const trackSize = (0, import_vue2.computed)(() => count.value * size.value);
+    const activeIndicator = (0, import_vue2.computed)(() => (state.active + count.value) % count.value);
+    const isCorrectDirection = (0, import_vue2.computed)(() => {
       const expect = props.vertical ? "vertical" : "horizontal";
       return touch.direction.value === expect;
     });
-    const trackStyle = (0, import_vue.computed)(() => {
+    const trackStyle = (0, import_vue2.computed)(() => {
       const style = {
         transitionDuration: `${state.swiping ? 0 : props.duration}ms`,
-        transform: `translate${props.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
+        transform: `translate${props.vertical ? "Y" : "X"}(${state.offset}px)`
       };
       if (size.value) {
         const mainAxis = props.vertical ? "height" : "width";
@@ -188,7 +187,7 @@ var stdin_default = (0, import_vue.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();
@@ -212,9 +211,6 @@ var stdin_default = (0, import_vue.defineComponent)({
         }
         if (count.value) {
           active = Math.min(count.value - 1, active);
-          if (active === -1) {
-            active = count.value - 1;
-          }
         }
         state.active = active;
         state.swiping = true;
@@ -225,7 +221,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         autoplay();
       };
       if ((0, import_utils.isHidden)(root)) {
-        (0, import_vue.nextTick)().then(cb);
+        (0, import_vue2.nextTick)().then(cb);
       } else {
         cb();
       }
@@ -233,10 +229,9 @@ var stdin_default = (0, import_vue.defineComponent)({
     const resize = () => initialize(state.active);
     let touchStartTime;
     const onTouchStart = (event) => {
-      if (!props.touchable || // avoid resetting position on multi-finger touch
-      event.touches.length > 1) return;
+      if (!props.touchable)
+        return;
       touch.start(event);
-      dragging = false;
       touchStartTime = Date.now();
       stopAutoplay();
       correctPosition();
@@ -251,12 +246,6 @@ var stdin_default = (0, import_vue.defineComponent)({
             move({
               offset: delta.value
             });
-            if (!dragging) {
-              emit("dragStart", {
-                index: activeIndicator.value
-              });
-              dragging = true;
-            }
           }
         }
       }
@@ -285,11 +274,7 @@ var stdin_default = (0, import_vue.defineComponent)({
           pace: 0
         });
       }
-      dragging = false;
       state.swiping = false;
-      emit("dragEnd", {
-        index: activeIndicator.value
-      });
       autoplay();
     };
     const swipeTo = (index, options = {}) => {
@@ -355,22 +340,22 @@ var stdin_default = (0, import_vue.defineComponent)({
       count,
       activeIndicator
     });
-    (0, import_vue.watch)(() => props.initialSwipe, (value) => initialize(+value));
-    (0, import_vue.watch)(count, () => initialize(state.active));
-    (0, import_vue.watch)(() => props.autoplay, autoplay);
-    (0, import_vue.watch)([import_utils.windowWidth, import_utils.windowHeight, () => props.width, () => props.height], resize);
-    (0, import_vue.watch)((0, import_use.usePageVisibility)(), (visible) => {
+    (0, import_vue2.watch)(() => props.initialSwipe, (value) => initialize(+value));
+    (0, import_vue2.watch)(count, () => initialize(state.active));
+    (0, import_vue2.watch)(() => props.autoplay, autoplay);
+    (0, import_vue2.watch)([import_utils.windowWidth, import_utils.windowHeight], resize);
+    (0, import_vue2.watch)((0, import_use.usePageVisibility)(), (visible) => {
       if (visible === "visible") {
         autoplay();
       } else {
         stopAutoplay();
       }
     });
-    (0, import_vue.onMounted)(initialize);
-    (0, import_vue.onActivated)(() => initialize(state.active));
+    (0, import_vue2.onMounted)(initialize);
+    (0, import_vue2.onActivated)(() => initialize(state.active));
     (0, import_on_popup_reopen.onPopupReopen)(() => initialize(state.active));
-    (0, import_vue.onDeactivated)(stopAutoplay);
-    (0, import_vue.onBeforeUnmount)(stopAutoplay);
+    (0, import_vue2.onDeactivated)(stopAutoplay);
+    (0, import_vue2.onBeforeUnmount)(stopAutoplay);
     (0, import_use.useEventListener)("touchmove", onTouchMove, {
       target: track
     });

package/lib/swipe/index.css

@@ -1 +1 @@
-: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)}
+: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)}

package/lib/swipe/index.d.ts

@@ -1,5 +1,5 @@
 import { SwipeProps } from './Swipe';
-export declare const Swipe: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Swipe: import("../utils").WithInstall<import("vue").DefineComponent<{
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -33,7 +33,7 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-}>, () => 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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -67,11 +67,9 @@ 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;
@@ -81,11 +79,10 @@ 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, SwipeThemeVars } from './types';
+export type { SwipeInstance, SwipeToOptions } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanSwipe: typeof Swipe;

package/lib/swipe/index.js

@@ -17,10 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,12 +24,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Swipe: () => Swipe,
-  default: () => stdin_default,
-  swipeProps: () => import_Swipe2.swipeProps
+  default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Swipe = __toESM(require("./Swipe"));
-var import_Swipe2 = require("./Swipe");
 const Swipe = (0, import_utils.withInstall)(import_Swipe.default);
 var stdin_default = Swipe;

package/lib/swipe/index.less

@@ -0,0 +1,67 @@
+@import './var.less';
+
+:root {
+  --van-swipe-indicator-size: @swipe-indicator-size;
+  --van-swipe-indicator-margin: @swipe-indicator-margin;
+  --van-swipe-indicator-active-opacity: @swipe-indicator-active-opacity;
+  --van-swipe-indicator-inactive-opacity: @swipe-indicator-inactive-opacity;
+  --van-swipe-indicator-active-background-color: @swipe-indicator-active-background-color;
+  --van-swipe-indicator-inactive-background-color: @swipe-indicator-inactive-background-color;
+}
+
+.van-swipe {
+  position: relative;
+  overflow: hidden;
+  // https://github.com/vant-ui/vant/issues/9931
+  transform: translateZ(0);
+  cursor: grab;
+  user-select: none;
+
+  &__track {
+    display: flex;
+    height: 100%;
+
+    &--vertical {
+      flex-direction: column;
+    }
+  }
+
+  &__indicators {
+    position: absolute;
+    bottom: var(--van-swipe-indicator-margin);
+    left: 50%;
+    display: flex;
+    transform: translateX(-50%);
+
+    &--vertical {
+      top: 50%;
+      bottom: auto;
+      left: var(--van-swipe-indicator-margin);
+      flex-direction: column;
+      transform: translateY(-50%);
+
+      .van-swipe__indicator:not(:last-child) {
+        margin-bottom: var(--van-swipe-indicator-size);
+      }
+    }
+  }
+
+  &__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);
+
+    &:not(:last-child) {
+      margin-right: var(--van-swipe-indicator-size);
+    }
+
+    &--active {
+      background-color: var(--van-swipe-indicator-active-background-color);
+      opacity: var(--van-swipe-indicator-active-opacity);
+    }
+  }
+}

package/lib/swipe/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/swipe/style/less.js

@@ -0,0 +1,2 @@
+require("../../style/base.less");
+require("../index.less");

package/lib/swipe/types.d.ts

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

package/lib/swipe/var.less

@@ -0,0 +1,8 @@
+@import '../style/var.less';
+
+@swipe-indicator-size: 6px;
+@swipe-indicator-margin: var(--van-padding-sm);
+@swipe-indicator-active-opacity: 1;
+@swipe-indicator-inactive-opacity: 0.3;
+@swipe-indicator-active-background-color: var(--van-primary-color);
+@swipe-indicator-inactive-background-color: var(--van-border-color);

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

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
-export declare const swipeCellProps: {
+declare const swipeCellProps: {
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -11,8 +11,8 @@ export declare const swipeCellProps: {
     beforeClose: PropType<Interceptor>;
     stopPropagation: BooleanConstructor;
 };
-export type SwipeCellProps = ExtractPropTypes<typeof swipeCellProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type SwipeCellProps = ExtractPropTypes<typeof swipeCellProps>;
+declare const _default: import("vue").DefineComponent<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: PropType<Interceptor>;
     stopPropagation: BooleanConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => 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<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -32,13 +32,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     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/lib/swipe-cell/SwipeCell.js

@@ -17,11 +17,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default,
-  swipeCellProps: () => swipeCellProps
+  default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
+var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@vant/use");
 var import_use_touch = require("../composables/use-touch");
@@ -35,7 +35,7 @@ const swipeCellProps = {
   beforeClose: Function,
   stopPropagation: Boolean
 };
-var stdin_default = (0, import_vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: swipeCellProps,
   emits: ["open", "close", "click"],
@@ -46,18 +46,17 @@ var stdin_default = (0, import_vue.defineComponent)({
     let opened;
     let lockClick;
     let startOffset;
-    let isInBeforeClosing;
-    const root = (0, import_vue.ref)();
-    const leftRef = (0, import_vue.ref)();
-    const rightRef = (0, import_vue.ref)();
-    const state = (0, import_vue.reactive)({
+    const root = (0, import_vue2.ref)();
+    const leftRef = (0, import_vue2.ref)();
+    const rightRef = (0, import_vue2.ref)();
+    const state = (0, import_vue2.reactive)({
       offset: 0,
       dragging: false
     });
     const touch = (0, import_use_touch.useTouch)();
     const getWidthByRef = (ref2) => ref2.value ? (0, import_use.useRect)(ref2).width : 0;
-    const leftWidth = (0, import_vue.computed)(() => (0, import_utils.isDef)(props.leftWidth) ? +props.leftWidth : getWidthByRef(leftRef));
-    const rightWidth = (0, import_vue.computed)(() => (0, import_utils.isDef)(props.rightWidth) ? +props.rightWidth : getWidthByRef(rightRef));
+    const leftWidth = (0, import_vue2.computed)(() => (0, import_utils.isDef)(props.leftWidth) ? +props.leftWidth : getWidthByRef(leftRef));
+    const rightWidth = (0, import_vue2.computed)(() => (0, import_utils.isDef)(props.rightWidth) ? +props.rightWidth : getWidthByRef(rightRef));
     const open = (side) => {
       state.offset = side === "left" ? leftWidth.value : -rightWidth.value;
       if (!opened) {
@@ -122,23 +121,15 @@ var stdin_default = (0, import_vue.defineComponent)({
         }, 0);
       }
     };
-    const onClick = (position = "outside", event) => {
-      if (isInBeforeClosing) return;
+    const onClick = (position = "outside") => {
       emit("click", position);
       if (opened && !lockClick) {
-        isInBeforeClosing = true;
         (0, import_utils.callInterceptor)(props.beforeClose, {
           args: [{
-            event,
             name: props.name,
             position
           }],
-          done: () => {
-            isInBeforeClosing = false;
-            close(position);
-          },
-          canceled: () => isInBeforeClosing = false,
-          error: () => isInBeforeClosing = false
+          done: () => close(position)
         });
       }
     };
@@ -146,10 +137,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       if (stop) {
         event.stopPropagation();
       }
-      if (lockClick) {
-        return;
-      }
-      onClick(position, event);
+      onClick(position);
     };
     const renderSideContent = (side, ref2) => {
       const contentSlot = slots[side];
@@ -165,7 +153,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       open,
       close
     });
-    (0, import_use.useClickAway)(root, (event) => onClick("outside", event), {
+    (0, import_use.useClickAway)(root, () => onClick("outside"), {
       eventName: "touchstart"
     });
     (0, import_use.useEventListener)("touchmove", onTouchMove, {

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

@@ -1,5 +1,5 @@
 import { SwipeCellProps } from './SwipeCell';
-export declare const SwipeCell: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const SwipeCell: import("../utils").WithInstall<import("vue").DefineComponent<{
     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;
-}>, () => 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<{
+}, () => 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<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -19,17 +19,16 @@ 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' {

package/lib/swipe-cell/index.js

@@ -17,10 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,12 +24,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   SwipeCell: () => SwipeCell,
-  default: () => stdin_default,
-  swipeCellProps: () => import_SwipeCell2.swipeCellProps
+  default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_SwipeCell = __toESM(require("./SwipeCell"));
-var import_SwipeCell2 = require("./SwipeCell");
 const SwipeCell = (0, import_utils.withInstall)(import_SwipeCell.default);
 var stdin_default = SwipeCell;

package/lib/swipe-cell/index.less

@@ -0,0 +1,27 @@
+.van-swipe-cell {
+  position: relative;
+  overflow: hidden;
+  cursor: grab;
+
+  &__wrapper {
+    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
+    transition-property: transform;
+  }
+
+  &__left,
+  &__right {
+    position: absolute;
+    top: 0;
+    height: 100%;
+  }
+
+  &__left {
+    left: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  &__right {
+    right: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}

package/lib/swipe-cell/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/swipe-cell/style/less.js

@@ -0,0 +1,2 @@
+require("../../style/base.less");
+require("../index.less");

package/lib/swipe-cell/types.d.ts

@@ -1,9 +1,9 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { SwipeCellProps } from './SwipeCell';
-export type SwipeCellSide = 'left' | 'right';
-export type SwipeCellPosition = SwipeCellSide | 'cell' | 'outside';
-export type SwipeCellExpose = {
+export declare type SwipeCellSide = 'left' | 'right';
+export declare type SwipeCellPosition = SwipeCellSide | 'cell' | 'outside';
+export declare type SwipeCellExpose = {
     open: (side: SwipeCellSide) => void;
     close: (position: SwipeCellPosition) => void;
 };
-export type SwipeCellInstance = ComponentPublicInstance<SwipeCellProps, SwipeCellExpose>;
+export declare type SwipeCellInstance = ComponentPublicInstance<SwipeCellProps, SwipeCellExpose>;

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

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