vant 3.5.4 → 3.6.2

package/es/popup/Popup.mjs

@@ -7,6 +7,7 @@ import { useExpose } from "../composables/use-expose.mjs";
 import { useLockScroll } from "../composables/use-lock-scroll.mjs";
 import { useLazyRender } from "../composables/use-lazy-render.mjs";
 import { POPUP_TOGGLE_KEY } from "../composables/on-popup-reopen.mjs";
+import { useGlobalZIndex } from "../composables/use-global-z-index.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Overlay } from "../overlay/index.mjs";
 const popupProps = extend({}, popupSharedProps, {
@@ -22,7 +23,6 @@ const popupProps = extend({}, popupSharedProps, {
   safeAreaInsetBottom: Boolean
 });
 const [name, bem] = createNamespace("popup");
-let globalZIndex = 2e3;
 var stdin_default = defineComponent({
   name,
   inheritAttrs: false,
@@ -50,11 +50,8 @@ var stdin_default = defineComponent({
     });
     const open = () => {
       if (!opened) {
-        if (props.zIndex !== void 0) {
-          globalZIndex = +props.zIndex;
-        }
         opened = true;
-        zIndex.value = ++globalZIndex;
+        zIndex.value = props.zIndex !== void 0 ? +props.zIndex : useGlobalZIndex();
         emit("open");
       }
     };
@@ -83,6 +80,8 @@ var stdin_default = defineComponent({
           "zIndex": zIndex.value,
           "duration": props.duration,
           "customStyle": props.overlayStyle,
+          "role": props.closeOnClickOverlay ? "button" : void 0,
+          "tabindex": props.closeOnClickOverlay ? 0 : void 0,
           "onClick": onClickOverlay
         }, {
           default: slots["overlay-content"]
@@ -119,6 +118,8 @@ var stdin_default = defineComponent({
       return _withDirectives(_createVNode("div", _mergeProps({
         "ref": popupRef,
         "style": style.value,
+        "role": "dialog",
+        "tabindex": 0,
         "class": [bem({
           round,
           [position]: position

package/es/popup/index.d.ts

@@ -43,7 +43,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     };
     safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "keydown" | "open" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -90,8 +90,8 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     safeAreaInsetBottom: BooleanConstructor;
 }>> & {
     onKeydown?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;

package/es/popup/shared.mjs

@@ -13,7 +13,9 @@ const popupSharedProps = {
   transitionAppear: Boolean,
   closeOnClickOverlay: truthProp
 };
-const popupSharedPropKeys = Object.keys(popupSharedProps);
+const popupSharedPropKeys = Object.keys(
+  popupSharedProps
+);
 export {
   popupSharedPropKeys,
   popupSharedProps

package/es/progress/Progress.d.ts

@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
         validator: (value: Numeric) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;

package/es/progress/index.d.ts

@@ -16,7 +16,7 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
         default: number;
         validator: (value: import("../utils").Numeric) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;

package/es/pull-refresh/PullRefresh.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, reactive, nextTick, defineComponent } from "vue";
 import { numericProp, getScrollTop, preventDefault, createNamespace, makeNumericProp } from "../utils/index.mjs";
-import { useScrollParent } from "@vant/use";
+import { useEventListener, useScrollParent } from "@vant/use";
 import { useTouch } from "../composables/use-touch.mjs";
 import { Loading } from "../loading/index.mjs";
 const [name, bem, t] = createNamespace("pull-refresh");
@@ -29,6 +29,7 @@ var stdin_default = defineComponent({
   }) {
     let reachTop;
     const root = ref();
+    const track = ref();
     const scrollParent = useScrollParent(root);
     const state = reactive({
       status: "normal",
@@ -161,6 +162,9 @@ var stdin_default = defineComponent({
         setStatus(0, false);
       }
     });
+    useEventListener("touchmove", onTouchMove, {
+      target: track
+    });
     return () => {
       var _a;
       const trackStyle = {
@@ -171,10 +175,10 @@ var stdin_default = defineComponent({
         "ref": root,
         "class": bem()
       }, [_createVNode("div", {
+        "ref": track,
         "class": bem("track"),
         "style": trackStyle,
-        "onTouchstart": onTouchStart,
-        "onTouchmove": onTouchMove,
+        "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, [_createVNode("div", {

package/es/rate/Rate.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent, ref } from "vue";
 import { addUnit, truthProp, numericProp, preventDefault, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
-import { useRect, useCustomFieldValue } from "@vant/use";
+import { useRect, useCustomFieldValue, useEventListener } from "@vant/use";
 import { useRefs } from "../composables/use-refs.mjs";
 import { useTouch } from "../composables/use-touch.mjs";
 import { Icon } from "../icon/index.mjs";
@@ -197,6 +197,9 @@ var stdin_default = defineComponent({
       }, null)]);
     };
     useCustomFieldValue(() => props.modelValue);
+    useEventListener("touchmove", onTouchMove, {
+      target: groupRef
+    });
     return () => _createVNode("div", {
       "ref": groupRef,
       "role": "radiogroup",
@@ -207,8 +210,7 @@ var stdin_default = defineComponent({
       "tabindex": props.disabled ? void 0 : 0,
       "aria-disabled": props.disabled,
       "aria-readonly": props.readonly,
-      "onTouchstart": onTouchStart,
-      "onTouchmove": onTouchMove
+      "onTouchstartPassive": onTouchStart
     }, [list.value.map(renderStar)]);
   }
 });

package/es/row/Row.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     justify: PropType<RowJustify>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;

package/es/row/index.d.ts

@@ -13,7 +13,7 @@ export declare const Row: import("../utils").WithInstall<import("vue").DefineCom
         default: number;
     };
     justify: import("vue").PropType<import("./Row").RowJustify>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;

package/es/search/index.css

@@ -1 +1 @@
-:root{--van-search-padding: 10px var(--van-padding-sm);--van-search-background-color: var(--van-background-color-light);--van-search-content-background-color: var(--van-gray-1);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background-color)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background-color);border-radius:var(--van-border-radius-sm)}.van-search__content--round{border-radius:var(--van-border-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;padding:5px var(--van-padding-xs) 5px 0;background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}
+:root{--van-search-padding: 10px var(--van-padding-sm);--van-search-background-color: var(--van-background-color-light);--van-search-content-background-color: var(--van-gray-1);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background-color)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background-color);border-radius:var(--van-border-radius-sm)}.van-search__content--round{border-radius:var(--van-border-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;align-items:center;padding:0 var(--van-padding-xs) 0 0;height:var(--van-search-input-height);background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}

package/es/search/index.less

@@ -42,7 +42,9 @@
 
   &__field {
     flex: 1;
-    padding: 5px var(--van-padding-xs) 5px 0;
+    align-items: center;
+    padding: 0 var(--van-padding-xs) 0 0;
+    height: var(--van-search-input-height);
     background-color: transparent;
 
     .van-field__left-icon {

package/es/skeleton/Skeleton.d.ts

@@ -57,7 +57,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").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     row: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;

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").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     row: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;

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, 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));
@@ -226,6 +227,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,
@@ -235,13 +237,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
@@ -249,6 +250,9 @@ var stdin_default = defineComponent({
     };
     updateValue(props.modelValue);
     useCustomFieldValue(() => props.modelValue);
+    useEventListener("touchmove", onTouchMove, {
+      target: slider
+    });
     return () => _createVNode("div", {
       "ref": root,
       "style": wrapperStyle.value,

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';
+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,87 @@
+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
+};

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,37 @@
+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 type { SpaceProps, SpaceSize, SpaceAlign } from './Space';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSpace: typeof Space;
+    }
+}

package/es/space/index.less

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

package/es/space/index.mjs

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

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/space/style/less.d.ts

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

package/es/space/style/less.mjs

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

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.mjs

@@ -180,7 +180,7 @@ var stdin_default = defineComponent({
         actionType = type;
         onChange();
       },
-      onTouchstart: () => {
+      onTouchstartPassive: () => {
         actionType = type;
         onTouchStart();
       },

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 () => {

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()]);

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

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