vant 4.0.0-beta.0 → 4.0.0-rc.1

package/es/slider/Slider.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, computed, defineComponent } from "vue";
 import { clamp, addUnit, addNumber, numericProp, isSameValue, getSizeStyle, preventDefault, stopPropagation, createNamespace, makeNumericProp } from "../utils/index.mjs";
-import { useRect, useCustomFieldValue } from "@vant/use";
+import { useRect, useCustomFieldValue, useEventListener } from "@vant/use";
 import { useTouch } from "../composables/use-touch.mjs";
 const [name, bem] = createNamespace("slider");
 const sliderProps = {
@@ -34,6 +34,7 @@ var stdin_default = defineComponent({
     let current;
     let startValue;
     const root = ref();
+    const slider = ref();
     const dragStatus = ref();
     const touch = useTouch();
     const scope = computed(() => Number(props.max) - Number(props.min));
@@ -225,6 +226,7 @@ var stdin_default = defineComponent({
     const renderButton = (index) => {
       const current2 = typeof index === "number" ? props.modelValue[index] : props.modelValue;
       return _createVNode("div", {
+        "ref": slider,
         "role": "slider",
         "class": getButtonClassName(index),
         "tabindex": props.disabled ? void 0 : 0,
@@ -234,13 +236,12 @@ var stdin_default = defineComponent({
         "aria-disabled": props.disabled || void 0,
         "aria-readonly": props.readonly || void 0,
         "aria-orientation": props.vertical ? "vertical" : "horizontal",
-        "onTouchstart": (event) => {
+        "onTouchstartPassive": (event) => {
           if (typeof index === "number") {
             buttonIndex = index;
           }
           onTouchStart(event);
         },
-        "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
         "onClick": stopPropagation
@@ -248,6 +249,9 @@ var stdin_default = defineComponent({
     };
     updateValue(props.modelValue);
     useCustomFieldValue(() => props.modelValue);
+    useEventListener("touchmove", onTouchMove, {
+      target: slider
+    });
     return () => _createVNode("div", {
       "ref": root,
       "style": wrapperStyle.value,
@@ -263,5 +267,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  sliderProps
 };

package/es/slider/index.d.ts

@@ -67,6 +67,7 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
     min: string | number;
 }>>;
 export default Slider;
+export { sliderProps } from './Slider';
 export type { SliderProps } from './Slider';
 declare module 'vue' {
     interface GlobalComponents {

package/es/slider/index.mjs

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

package/es/space/Space.d.ts

@@ -0,0 +1,48 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare type SpaceSize = number | string;
+export declare type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
+export declare const spaceProps: {
+    align: PropType<SpaceAlign>;
+    direction: {
+        type: PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    size: {
+        type: PropType<string | number | [SpaceSize, SpaceSize]>;
+        default: number;
+    };
+    wrap: BooleanConstructor;
+    fill: BooleanConstructor;
+};
+export declare type SpaceProps = ExtractPropTypes<typeof spaceProps>;
+declare const _default: import("vue").DefineComponent<{
+    align: PropType<SpaceAlign>;
+    direction: {
+        type: PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    size: {
+        type: PropType<string | number | [SpaceSize, SpaceSize]>;
+        default: number;
+    };
+    wrap: BooleanConstructor;
+    fill: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    align: PropType<SpaceAlign>;
+    direction: {
+        type: PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    size: {
+        type: PropType<string | number | [SpaceSize, SpaceSize]>;
+        default: number;
+    };
+    wrap: BooleanConstructor;
+    fill: BooleanConstructor;
+}>>, {
+    fill: boolean;
+    size: string | number | [SpaceSize, SpaceSize];
+    wrap: boolean;
+    direction: "vertical" | "horizontal";
+}>;
+export default _default;

package/es/space/Space.mjs

@@ -0,0 +1,88 @@
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent, Fragment } from "vue";
+import { createNamespace } from "../utils/index.mjs";
+const [name, bem] = createNamespace("space");
+const spaceProps = {
+  align: String,
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
+  size: {
+    type: [Number, String, Array],
+    default: 8
+  },
+  wrap: Boolean,
+  fill: Boolean
+};
+function filterEmpty(children = []) {
+  const nodes = [];
+  children.forEach((child) => {
+    if (Array.isArray(child)) {
+      nodes.push(...child);
+    } else if (child.type === Fragment) {
+      nodes.push(...filterEmpty(child.children));
+    } else {
+      nodes.push(child);
+    }
+  });
+  return nodes.filter((c) => {
+    var _a;
+    return !(c && (typeof Comment !== "undefined" && c.type === Comment || c.type === Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === Text && c.children.trim() === ""));
+  });
+}
+var stdin_default = defineComponent({
+  name,
+  props: spaceProps,
+  setup(props, {
+    slots
+  }) {
+    const mergedAlign = computed(() => {
+      var _a;
+      return (_a = props.align) != null ? _a : props.direction === "horizontal" ? "center" : "";
+    });
+    const getMargin = (size) => {
+      if (typeof size === "number") {
+        return size + "px";
+      }
+      return size;
+    };
+    const getMarginStyle = (isLast) => {
+      const style = {};
+      const marginRight = `${getMargin(Array.isArray(props.size) ? props.size[0] : props.size)}`;
+      const marginBottom = `${getMargin(Array.isArray(props.size) ? props.size[1] : props.size)}`;
+      if (isLast) {
+        return props.wrap ? {
+          marginBottom
+        } : {};
+      }
+      if (props.direction === "horizontal") {
+        style.marginRight = marginRight;
+      }
+      if (props.direction === "vertical" || props.wrap) {
+        style.marginBottom = marginBottom;
+      }
+      return style;
+    };
+    return () => {
+      var _a;
+      const children = filterEmpty((_a = slots.default) == null ? void 0 : _a.call(slots));
+      return _createVNode("div", {
+        "class": [bem({
+          [props.direction]: props.direction,
+          [`align-${mergedAlign.value}`]: mergedAlign.value,
+          wrap: props.wrap,
+          fill: props.fill
+        })]
+      }, [children.map((c, i) => _createVNode("div", {
+        "key": `item-${i}`,
+        "class": `${name}-item`,
+        "style": getMarginStyle(i === children.length - 1)
+      }, [c]))]);
+    };
+  }
+});
+export {
+  stdin_default as default,
+  spaceProps
+};

package/es/space/index.css

@@ -0,0 +1 @@
+.van-space{display:inline-flex}.van-space--horizontal .van-space-item{display:flex;align-items:center}.van-space--vertical{flex-direction:column}.van-space--align-baseline{align-items:baseline}.van-space--align-start{align-items:flex-start}.van-space--align-end{align-items:flex-end}.van-space--align-center{align-items:center}.van-space--wrap{flex-wrap:wrap}.van-space--fill{display:flex}

package/es/space/index.d.ts

@@ -0,0 +1,38 @@
+export declare const Space: import("../utils").WithInstall<import("vue").DefineComponent<{
+    align: import("vue").PropType<import("./Space").SpaceAlign>;
+    direction: {
+        type: import("vue").PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize]>;
+        default: number;
+    };
+    wrap: BooleanConstructor;
+    fill: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    align: import("vue").PropType<import("./Space").SpaceAlign>;
+    direction: {
+        type: import("vue").PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize]>;
+        default: number;
+    };
+    wrap: BooleanConstructor;
+    fill: BooleanConstructor;
+}>>, {
+    fill: boolean;
+    size: string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize];
+    wrap: boolean;
+    direction: "vertical" | "horizontal";
+}>>;
+export default Space;
+export { spaceProps } from './Space';
+export type { SpaceProps, SpaceSize, SpaceAlign } from './Space';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSpace: typeof Space;
+    }
+}

package/es/space/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _Space from "./Space.mjs";
+const Space = withInstall(_Space);
+var stdin_default = Space;
+import { spaceProps } from "./Space.mjs";
+export {
+  Space,
+  stdin_default as default,
+  spaceProps
+};

package/es/space/style/index.d.ts

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

package/es/space/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.css";
+import "../index.css";

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").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+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;

package/es/step/index.d.ts

@@ -1,4 +1,4 @@
-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<import("vue").ExtractPropTypes<{}>>, {}>>;
+export declare const Step: import("../utils").WithInstall<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 Step;
 declare module 'vue' {
     interface GlobalComponents {

package/es/stepper/Stepper.d.ts

@@ -1,7 +1,7 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 export declare type StepperTheme = 'default' | 'round';
-declare const stepperProps: {
+export declare const stepperProps: {
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;

package/es/stepper/Stepper.mjs

@@ -180,7 +180,7 @@ var stdin_default = defineComponent({
         actionType = type;
         onChange();
       },
-      onTouchstart: () => {
+      onTouchstartPassive: () => {
         actionType = type;
         onTouchStart();
       },
@@ -243,5 +243,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  stepperProps
 };

package/es/stepper/index.d.ts

@@ -124,6 +124,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     defaultValue: string | number;
 }>>;
 export default Stepper;
+export { stepperProps } from './Stepper';
 export type { StepperTheme, StepperProps } from './Stepper';
 declare module 'vue' {
     interface GlobalComponents {

package/es/stepper/index.mjs

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

package/es/steps/Steps.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes, type InjectionKey } from 'vue';
 export declare type StepsDirection = 'horizontal' | 'vertical';
-declare const stepsProps: {
+export declare const stepsProps: {
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;

package/es/steps/Steps.mjs

@@ -42,5 +42,6 @@ var stdin_default = defineComponent({
 });
 export {
   STEPS_KEY,
-  stdin_default as default
+  stdin_default as default,
+  stepsProps
 };

package/es/steps/index.d.ts

@@ -42,6 +42,7 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
     activeIcon: string;
 }>>;
 export default Steps;
+export { stepsProps } from './Steps';
 export type { StepsProps, StepsDirection } from './Steps';
 declare module 'vue' {
     interface GlobalComponents {

package/es/steps/index.mjs

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

package/es/sticky/Sticky.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type StickyPosition = 'top' | 'bottom';
-declare const stickyProps: {
+export declare const stickyProps: {
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
         type: PropType<StickyPosition>;

package/es/sticky/Sticky.mjs

@@ -97,7 +97,8 @@ var stdin_default = defineComponent({
     };
     watch(() => state.fixed, (value) => emit("change", value));
     useEventListener("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     useVisibilityChange(root, onScroll);
     return () => {
@@ -115,5 +116,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  stickyProps
 };

package/es/sticky/index.d.ts

@@ -37,6 +37,7 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
     offsetBottom: string | number;
 }>>;
 export default Sticky;
+export { stickyProps } from './Sticky';
 export type { StickyProps, StickyPosition } from './Sticky';
 declare module 'vue' {
     interface GlobalComponents {

package/es/sticky/index.mjs

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

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

@@ -1,7 +1,7 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { ButtonType } from '../button';
 export declare type SubmitBarTextAlign = 'left' | 'right';
-declare const submitBarProps: {
+export declare const submitBarProps: {
     tip: StringConstructor;
     label: StringConstructor;
     price: NumberConstructor;

package/es/submit-bar/SubmitBar.mjs

@@ -111,5 +111,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  submitBarProps
 };

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

@@ -66,6 +66,7 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     buttonType: import("..").ButtonType;
 }>>;
 export default SubmitBar;
+export { submitBarProps } from './SubmitBar';
 export type { SubmitBarProps, SubmitBarTextAlign } from './SubmitBar';
 declare module 'vue' {
     interface GlobalComponents {

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/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;

package/es/swipe/Swipe.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, reactive, computed, onMounted, onActivated, onDeactivated, onBeforeUnmount, defineComponent, nextTick } from "vue";
 import { clamp, isHidden, truthProp, numericProp, windowWidth, windowHeight, preventDefault, createNamespace, makeNumericProp } from "../utils/index.mjs";
-import { doubleRaf, useChildren, usePageVisibility } from "@vant/use";
+import { doubleRaf, useChildren, useEventListener, usePageVisibility } from "@vant/use";
 import { useTouch } from "../composables/use-touch.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 import { onPopupReopen } from "../composables/on-popup-reopen.mjs";
@@ -30,6 +30,7 @@ var stdin_default = defineComponent({
     slots
   }) {
     const root = ref();
+    const track = ref();
     const state = reactive({
       rect: null,
       width: 0,
@@ -216,10 +217,13 @@ var stdin_default = defineComponent({
       if (props.touchable && state.swiping) {
         touch.move(event);
         if (isCorrectDirection.value) {
-          preventDefault(event, props.stopPropagation);
-          move({
-            offset: delta.value
-          });
+          const isEdgeTouch = !props.loop && (state.active === 0 && delta.value > 0 || state.active === count.value - 1 && delta.value < 0);
+          if (!isEdgeTouch) {
+            preventDefault(event, props.stopPropagation);
+            move({
+              offset: delta.value
+            });
+          }
         }
       }
     };
@@ -329,18 +333,21 @@ var stdin_default = defineComponent({
     onPopupReopen(() => initialize(state.active));
     onDeactivated(stopAutoplay);
     onBeforeUnmount(stopAutoplay);
+    useEventListener("touchmove", onTouchMove, {
+      target: track
+    });
     return () => {
       var _a;
       return _createVNode("div", {
         "ref": root,
         "class": bem()
       }, [_createVNode("div", {
+        "ref": track,
         "style": trackStyle.value,
         "class": bem("track", {
           vertical: props.vertical
         }),
-        "onTouchstart": onTouchStart,
-        "onTouchmove": onTouchMove,
+        "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), renderIndicator()]);
@@ -349,5 +356,6 @@ var stdin_default = defineComponent({
 });
 export {
   SWIPE_KEY,
-  stdin_default as default
+  stdin_default as default,
+  swipeProps
 };

package/es/swipe/index.d.ts

@@ -81,6 +81,7 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
     stopPropagation: boolean;
 }>>;
 export default Swipe;
+export { swipeProps } from './Swipe';
 export type { SwipeProps };
 export type { SwipeInstance, SwipeToOptions } from './types';
 declare module 'vue' {

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-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;
@@ -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").ComponentCustomProps, 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;
@@ -34,8 +34,8 @@ declare const _default: import("vue").DefineComponent<{
     stopPropagation: BooleanConstructor;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;
     disabled: boolean;

package/es/swipe-cell/SwipeCell.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, reactive, computed, defineComponent } from "vue";
 import { clamp, isDef, numericProp, preventDefault, callInterceptor, createNamespace, makeNumericProp } from "../utils/index.mjs";
-import { useRect, useClickAway } from "@vant/use";
+import { useRect, useClickAway, useEventListener } from "@vant/use";
 import { useTouch } from "../composables/use-touch.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("swipe-cell");
@@ -134,6 +134,9 @@ var stdin_default = defineComponent({
     useClickAway(root, () => onClick("outside"), {
       eventName: "touchstart"
     });
+    useEventListener("touchmove", onTouchMove, {
+      target: root
+    });
     return () => {
       var _a;
       const wrapperStyle = {
@@ -144,8 +147,7 @@ var stdin_default = defineComponent({
         "ref": root,
         "class": bem(),
         "onClick": getClickHandler("cell", lockClick),
-        "onTouchstart": onTouchStart,
-        "onTouchmove": onTouchMove,
+        "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, [_createVNode("div", {
@@ -156,5 +158,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  swipeCellProps
 };