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

package/lib/picker-group/PickerGroup.js

@@ -0,0 +1,82 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  PICKER_GROUP_KEY: () => PICKER_GROUP_KEY,
+  default: () => stdin_default,
+  pickerGroupProps: () => pickerGroupProps
+});
+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_tab = require("../tab");
+var import_tabs = require("../tabs");
+var import_PickerToolbar = __toESM(require("../picker/PickerToolbar"));
+const [name, bem] = (0, import_utils.createNamespace)("picker-group");
+const PICKER_GROUP_KEY = Symbol(name);
+const pickerGroupProps = (0, import_utils.extend)({
+  tabs: (0, import_utils.makeArrayProp)()
+}, import_PickerToolbar.pickerToolbarProps);
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: pickerGroupProps,
+  emits: ["confirm", "cancel"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      children,
+      linkChildren
+    } = (0, import_use.useChildren)(PICKER_GROUP_KEY);
+    linkChildren();
+    const onConfirm = () => {
+      emit("confirm", children.map((item) => item.confirm()));
+    };
+    const onCancel = () => emit("cancel");
+    return () => {
+      var _a;
+      const childNodes = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      return (0, import_vue.createVNode)("div", {
+        "class": bem()
+      }, [(0, import_vue.createVNode)(import_PickerToolbar.default, (0, import_vue.mergeProps)(props, {
+        "onConfirm": onConfirm,
+        "onCancel": onCancel
+      }), null), (0, import_vue.createVNode)(import_tabs.Tabs, {
+        "shrink": true,
+        "class": bem("tabs"),
+        "animated": true
+      }, {
+        default: () => [props.tabs.map((title, index) => (0, import_vue.createVNode)(import_tab.Tab, {
+          "title": title,
+          "titleClass": bem("tab-title")
+        }, {
+          default: () => [childNodes == null ? void 0 : childNodes[index]]
+        }))]
+      })]);
+    };
+  }
+});

package/lib/picker-group/index.css

@@ -0,0 +1 @@
+body{--van-picker-group-background: var(--van-background-2)}.van-picker-group{background:var(--van-picker-group-background)}.van-picker-group__tabs{margin-top:var(--van-padding-base)}.van-picker-group__tab-title{margin-right:16px}

package/lib/picker-group/index.d.ts

@@ -0,0 +1,33 @@
+import { PickerGroupProps } from './PickerGroup';
+export declare const PickerGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
+    tabs: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+} & {
+    title: StringConstructor;
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabs: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+} & {
+    title: StringConstructor;
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+}>> & {
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    tabs: string[];
+}>>;
+export default PickerGroup;
+export { pickerGroupProps } from './PickerGroup';
+export type { PickerGroupProps };
+declare module 'vue' {
+    interface GlobalComponents {
+        VanPickerGroup: typeof PickerGroup;
+    }
+}

package/lib/picker-group/index.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  PickerGroup: () => PickerGroup,
+  default: () => stdin_default,
+  pickerGroupProps: () => import_PickerGroup2.pickerGroupProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_PickerGroup = __toESM(require("./PickerGroup"));
+var import_PickerGroup2 = require("./PickerGroup");
+const PickerGroup = (0, import_utils.withInstall)(import_PickerGroup.default);
+var stdin_default = PickerGroup;

package/lib/picker-group/style/index.d.ts

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

package/lib/picker-group/style/index.js

@@ -0,0 +1,9 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../sticky/index.css");
+require("../../swipe/index.css");
+require("../../swipe-item/index.css");
+require("../../tabs/index.css");
+require("../../tab/index.css");
+require("../../picker/index.css");
+require("../index.css");

package/lib/popover/Popover.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 import { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement } from './types';
-declare const popoverProps: {
+export declare const popoverProps: {
     show: BooleanConstructor;
     theme: {
         type: PropType<PopoverTheme>;

package/lib/popover/Popover.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  popoverProps: () => popoverProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -63,24 +64,26 @@ var stdin_default = (0, import_vue2.defineComponent)({
     attrs
   }) {
     let popper;
+    const popupRef = (0, import_vue2.ref)();
     const wrapperRef = (0, import_vue2.ref)();
     const popoverRef = (0, import_vue2.ref)();
+    const getPopoverOptions = () => ({
+      placement: props.placement,
+      modifiers: [{
+        name: "computeStyles",
+        options: {
+          adaptive: false,
+          gpuAcceleration: false
+        }
+      }, (0, import_utils.extend)({}, import_popperjs.offsetModifier, {
+        options: {
+          offset: props.offset
+        }
+      })]
+    });
     const createPopperInstance = () => {
       if (wrapperRef.value && popoverRef.value) {
-        return (0, import_popperjs.createPopper)(wrapperRef.value, popoverRef.value.popupRef.value, {
-          placement: props.placement,
-          modifiers: [{
-            name: "computeStyles",
-            options: {
-              adaptive: false,
-              gpuAcceleration: false
-            }
-          }, (0, import_utils.extend)({}, import_popperjs.offsetModifier, {
-            options: {
-              offset: props.offset
-            }
-          })]
-        });
+        return (0, import_popperjs.createPopper)(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
       }
       return null;
     };
@@ -92,9 +95,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         if (!popper) {
           popper = createPopperInstance();
         } else {
-          popper.setOptions({
-            placement: props.placement
-          });
+          popper.setOptions(getPopoverOptions());
         }
       });
     };
@@ -104,10 +105,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
         updateShow(!props.show);
       }
     };
-    const onTouchstart = (event) => {
-      event.stopPropagation();
-      emit("touchstart", event);
-    };
     const onClickAction = (action, index) => {
       if (action.disabled) {
         return;
@@ -118,7 +115,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const onClickAway = () => {
-      if (props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
+      if (props.show && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
         updateShow(false);
       }
     };
@@ -158,15 +155,21 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onClick": () => onClickAction(action, index)
       }, [renderActionContent(action, index)]);
     };
-    (0, import_vue2.onMounted)(updateLocation);
+    (0, import_vue2.onMounted)(() => {
+      updateLocation();
+      (0, import_vue2.watchEffect)(() => {
+        var _a;
+        popupRef.value = (_a = popoverRef.value) == null ? void 0 : _a.popupRef.value;
+      });
+    });
     (0, import_vue2.onBeforeUnmount)(() => {
       if (popper) {
         popper.destroy();
         popper = null;
       }
     });
-    (0, import_vue2.watch)(() => [props.show, props.placement], updateLocation);
-    (0, import_use.useClickAway)(wrapperRef, onClickAway, {
+    (0, import_vue2.watch)(() => [props.show, props.offset, props.placement], updateLocation);
+    (0, import_use.useClickAway)([wrapperRef, popupRef], onClickAway, {
       eventName: "touchstart"
     });
     return () => {
@@ -181,7 +184,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "position": "",
         "transition": "van-popover-zoom",
         "lockScroll": false,
-        "onTouchstart": onTouchstart,
         "onUpdate:show": updateShow
       }, attrs, (0, import_utils.pick)(props, popupProps)), {
         default: () => [props.showArrow && (0, import_vue.createVNode)("div", {

package/lib/popover/index.d.ts

@@ -111,6 +111,7 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
     placement: import("./types").PopoverPlacement;
 }>>;
 export default Popover;
+export { popoverProps } from './Popover';
 export type { PopoverProps } from './Popover';
 export type { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement, } from './types';
 declare module 'vue' {

package/lib/popover/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
   Popover: () => Popover,
-  default: () => stdin_default
+  default: () => stdin_default,
+  popoverProps: () => import_Popover2.popoverProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Popover = __toESM(require("./Popover"));
+var import_Popover2 = require("./Popover");
 const Popover = (0, import_utils.withInstall)(import_Popover.default);
 var stdin_default = Popover;

package/lib/popup/Popup.d.ts

@@ -1,6 +1,6 @@
 import { type CSSProperties, type ExtractPropTypes } from 'vue';
 import type { PopupPosition, PopupCloseIconPosition } from './types';
-declare const popupProps: {
+export declare const popupProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "keydown" | "open" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -139,8 +139,8 @@ declare const _default: import("vue").DefineComponent<{
     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/lib/popup/Popup.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  popupProps: () => popupProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -29,6 +30,7 @@ var import_use_expose = require("../composables/use-expose");
 var import_use_lock_scroll = require("../composables/use-lock-scroll");
 var import_use_lazy_render = require("../composables/use-lazy-render");
 var import_on_popup_reopen = require("../composables/on-popup-reopen");
+var import_use_global_z_index = require("../composables/use-global-z-index");
 var import_icon = require("../icon");
 var import_overlay = require("../overlay");
 const popupProps = (0, import_utils.extend)({}, import_shared.popupSharedProps, {
@@ -44,7 +46,6 @@ const popupProps = (0, import_utils.extend)({}, import_shared.popupSharedProps,
   safeAreaInsetBottom: Boolean
 });
 const [name, bem] = (0, import_utils.createNamespace)("popup");
-let globalZIndex = 2e3;
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   inheritAttrs: false,
@@ -72,11 +73,8 @@ var stdin_default = (0, import_vue2.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 : (0, import_use_global_z_index.useGlobalZIndex)();
         emit("open");
       }
     };
@@ -105,6 +103,8 @@ var stdin_default = (0, import_vue2.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"]
@@ -141,6 +141,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
         "ref": popupRef,
         "style": style.value,
+        "role": "dialog",
+        "tabindex": 0,
         "class": [bem({
           round,
           [position]: position

package/lib/popup/index.css

@@ -1 +1 @@
-body{--van-popup-background: var(--van-background-2);--van-popup-transition: transform var(--van-duration-base);--van-popup-round-radius: 16px;--van-popup-close-icon-size: 22px;--van-popup-close-icon-color: var(--van-gray-5);--van-popup-close-icon-margin: 16px;--van-popup-close-icon-z-index: 1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--van-popup-background);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-radius) var(--van-popup-round-radius)}.van-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0}.van-popup-slide-top-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-bottom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popup-slide-top-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-bottom-leave-active{transition-timing-function:var(--van-ease-in)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size)}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}
+body{--van-popup-background: var(--van-background-2);--van-popup-transition: transform var(--van-duration-base);--van-popup-round-radius: 16px;--van-popup-close-icon-size: 22px;--van-popup-close-icon-color: var(--van-gray-5);--van-popup-close-icon-margin: 16px;--van-popup-close-icon-z-index: 1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;box-sizing:border-box;background:var(--van-popup-background);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:0;right:0;width:-webkit-fit-content;width:fit-content;max-width:calc(100vw - var(--van-padding-md) * 2);margin:0 auto;transform:translateY(-50%)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-radius) var(--van-popup-round-radius)}.van-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0}.van-popup-slide-top-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-bottom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popup-slide-top-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-bottom-leave-active{transition-timing-function:var(--van-ease-in)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size)}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}

package/lib/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" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", 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" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", 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;
@@ -114,6 +114,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     safeAreaInsetTop: boolean;
 }>>;
 export default Popup;
+export { popupProps } from './Popup';
 export type { PopupProps } from './Popup';
 export type { PopupPosition, PopupInstance, PopupCloseIconPosition, } from './types';
 declare module 'vue' {

package/lib/popup/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
   Popup: () => Popup,
-  default: () => stdin_default
+  default: () => stdin_default,
+  popupProps: () => import_Popup2.popupProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Popup = __toESM(require("./Popup"));
+var import_Popup2 = require("./Popup");
 const Popup = (0, import_utils.withInstall)(import_Popup.default);
 var stdin_default = Popup;

package/lib/popup/shared.js

@@ -36,4 +36,6 @@ const popupSharedProps = {
   transitionAppear: Boolean,
   closeOnClickOverlay: import_utils.truthProp
 };
-const popupSharedPropKeys = Object.keys(popupSharedProps);
+const popupSharedPropKeys = Object.keys(
+  popupSharedProps
+);

package/lib/progress/Progress.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
-declare const progressProps: {
+export declare const progressProps: {
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
@@ -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/lib/progress/Progress.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  progressProps: () => progressProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");

package/lib/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;
@@ -39,6 +39,7 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
     percentage: string | number;
 }>>;
 export default Progress;
+export { progressProps } from './Progress';
 export type { ProgressProps };
 export type { ProgressInstance } from './types';
 declare module 'vue' {

package/lib/progress/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
   Progress: () => Progress,
-  default: () => stdin_default
+  default: () => stdin_default,
+  progressProps: () => import_Progress2.progressProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Progress = __toESM(require("./Progress"));
+var import_Progress2 = require("./Progress");
 const Progress = (0, import_utils.withInstall)(import_Progress.default);
 var stdin_default = Progress;

package/lib/pull-refresh/PullRefresh.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const pullRefreshProps: {
+export declare const pullRefreshProps: {
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
     headHeight: {

package/lib/pull-refresh/PullRefresh.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  pullRefreshProps: () => pullRefreshProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -51,6 +52,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     let reachTop;
     const root = (0, import_vue2.ref)();
+    const track = (0, import_vue2.ref)();
     const scrollParent = (0, import_use.useScrollParent)(root);
     const state = (0, import_vue2.reactive)({
       status: "normal",
@@ -183,6 +185,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         setStatus(0, false);
       }
     });
+    (0, import_use.useEventListener)("touchmove", onTouchMove, {
+      target: track
+    });
     return () => {
       var _a;
       const trackStyle = {
@@ -193,10 +198,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "ref": root,
         "class": bem()
       }, [(0, import_vue.createVNode)("div", {
+        "ref": track,
         "class": bem("track"),
         "style": trackStyle,
-        "onTouchstart": onTouchStart,
-        "onTouchmove": onTouchMove,
+        "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, [(0, import_vue.createVNode)("div", {

package/lib/pull-refresh/index.d.ts

@@ -50,6 +50,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
     successDuration: string | number;
 }>>;
 export default PullRefresh;
+export { pullRefreshProps } from './PullRefresh';
 export type { PullRefreshProps } from './PullRefresh';
 declare module 'vue' {
     interface GlobalComponents {

package/lib/pull-refresh/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
   PullRefresh: () => PullRefresh,
-  default: () => stdin_default
+  default: () => stdin_default,
+  pullRefreshProps: () => import_PullRefresh2.pullRefreshProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_PullRefresh = __toESM(require("./PullRefresh"));
+var import_PullRefresh2 = require("./PullRefresh");
 const PullRefresh = (0, import_utils.withInstall)(import_PullRefresh.default);
 var stdin_default = PullRefresh;