vant 4.0.0-rc.6 → 4.0.0-rc.8

package/es/index.d.ts

@@ -5,6 +5,7 @@ export * from "./action-sheet";
 export * from "./address-edit";
 export * from "./address-list";
 export * from "./area";
+export * from "./back-top";
 export * from "./badge";
 export * from "./button";
 export * from "./calendar";
@@ -93,4 +94,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.0-rc.6";
+export const version: "4.0.0-rc.8";

package/es/index.mjs

@@ -5,6 +5,7 @@ import { ActionSheet } from "./action-sheet/index.mjs";
 import { AddressEdit } from "./address-edit/index.mjs";
 import { AddressList } from "./address-list/index.mjs";
 import { Area } from "./area/index.mjs";
+import { BackTop } from "./back-top/index.mjs";
 import { Badge } from "./badge/index.mjs";
 import { Button } from "./button/index.mjs";
 import { Calendar } from "./calendar/index.mjs";
@@ -86,7 +87,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "4.0.0-rc.6";
+const version = "4.0.0-rc.8";
 function install(app) {
   const components = [
     ActionBar,
@@ -96,6 +97,7 @@ function install(app) {
     AddressEdit,
     AddressList,
     Area,
+    BackTop,
     Badge,
     Button,
     Calendar,
@@ -193,6 +195,7 @@ export * from "./action-sheet/index.mjs";
 export * from "./address-edit/index.mjs";
 export * from "./address-list/index.mjs";
 export * from "./area/index.mjs";
+export * from "./back-top/index.mjs";
 export * from "./badge/index.mjs";
 export * from "./button/index.mjs";
 export * from "./calendar/index.mjs";

package/es/lazyload/vue-lazyload/lazy-image.mjs

@@ -1,6 +1,7 @@
 import { useRect } from "@vant/use";
 import { loadImageAsync } from "./util.mjs";
 import { noop } from "../../utils/index.mjs";
+import { h } from "vue";
 var stdin_default = (lazyManager) => ({
   props: {
     src: [String, Object],
@@ -9,15 +10,14 @@ var stdin_default = (lazyManager) => ({
       default: "img"
     }
   },
-  render(h) {
+  render() {
+    var _a, _b;
     return h(
       this.tag,
       {
-        attrs: {
-          src: this.renderSrc
-        }
+        src: this.renderSrc
       },
-      this.$slots.default
+      (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)
     );
   },
   data() {

package/es/lazyload/vue-lazyload/util.d.ts

@@ -0,0 +1,25 @@
+export function remove(arr: any, item: any): any;
+export function getBestSelectionFromSrcset(el: any, scale: any): string | undefined;
+export function supportWebp(): boolean;
+export function throttle(action: any, delay: any): (...args: any[]) => void;
+export function on(el: any, type: any, func: any): void;
+export function off(el: any, type: any, func: any): void;
+export const hasIntersectionObserver: boolean;
+export namespace modeType {
+    const event: string;
+    const observer: string;
+}
+export function getDPR(scale?: number): number;
+export function loadImageAsync(item: any, resolve: any, reject: any): any;
+export class ImageCache {
+    constructor({ max }: {
+        max: any;
+    });
+    options: {
+        max: any;
+    };
+    caches: any[];
+    has(key: any): boolean;
+    add(key: any): void;
+    free(): void;
+}

package/es/list/List.d.ts

@@ -20,7 +20,7 @@ export declare const listProps: {
         default: true;
     };
 };
-export declare type ListProps = ExtractPropTypes<typeof listProps>;
+export type ListProps = ExtractPropTypes<typeof listProps>;
 declare const _default: import("vue").DefineComponent<{
     error: BooleanConstructor;
     offset: {

package/es/list/List.mjs

@@ -25,7 +25,7 @@ var stdin_default = defineComponent({
     emit,
     slots
   }) {
-    const loading = ref(false);
+    const loading = ref(props.loading);
     const root = ref();
     const placeholder = ref();
     const tabStatus = useTabStatus();

package/es/list/types.d.ts

@@ -1,11 +1,11 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { ListProps } from './List';
-export declare type ListDirection = 'up' | 'down';
-export declare type ListExpose = {
+export type ListDirection = 'up' | 'down';
+export type ListExpose = {
     check: () => void;
 };
-export declare type ListInstance = ComponentPublicInstance<ListProps, ListExpose>;
-export declare type ListThemeVars = {
+export type ListInstance = ComponentPublicInstance<ListProps, ListExpose>;
+export type ListThemeVars = {
     listTextColor?: string;
     listTextFontSize?: string;
     listTextLineHeight?: number | string;

package/es/loading/Loading.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-export declare type LoadingType = 'circular' | 'spinner';
+export type LoadingType = 'circular' | 'spinner';
 export declare const loadingProps: {
     size: (NumberConstructor | StringConstructor)[];
     type: {
@@ -11,7 +11,7 @@ export declare const loadingProps: {
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: StringConstructor;
 };
-export declare type LoadingProps = ExtractPropTypes<typeof loadingProps>;
+export type LoadingProps = ExtractPropTypes<typeof loadingProps>;
 declare const _default: import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
     type: {

package/es/loading/types.d.ts

@@ -1,4 +1,4 @@
-export declare type LoadingThemeVars = {
+export type LoadingThemeVars = {
     loadingTextColor?: string;
     loadingTextFontSize?: string;
     loadingSpinnerColor?: string;

package/es/locale/index.d.ts

@@ -1,4 +1,4 @@
-declare type Message = Record<string, any>;
+type Message = Record<string, any>;
 export declare const Locale: {
     messages(): Message;
     use(newLang: string, newMessages?: Message): void;

package/es/nav-bar/NavBar.d.ts

@@ -17,7 +17,7 @@ export declare const navBarProps: {
         default: true;
     };
 };
-export declare type NavBarProps = ExtractPropTypes<typeof navBarProps>;
+export type NavBarProps = ExtractPropTypes<typeof navBarProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     fixed: BooleanConstructor;

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

@@ -1,4 +1,4 @@
-export declare type NavBarThemeVars = {
+export type NavBarThemeVars = {
     navBarHeight?: string;
     navBarBackground?: string;
     navBarArrowSize?: string;

package/es/notice-bar/NoticeBar.d.ts

@@ -20,7 +20,7 @@ export declare const noticeBarProps: {
         default: null;
     };
 };
-export declare type NoticeBarProps = ExtractPropTypes<typeof noticeBarProps>;
+export type NoticeBarProps = ExtractPropTypes<typeof noticeBarProps>;
 declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;

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

@@ -1,11 +1,11 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { NoticeBarProps } from './NoticeBar';
-export declare type NoticeBarMode = 'closeable' | 'link';
-export declare type NoticeBarExpose = {
+export type NoticeBarMode = 'closeable' | 'link';
+export type NoticeBarExpose = {
     reset: () => void;
 };
-export declare type NoticeBarInstance = ComponentPublicInstance<NoticeBarProps, NoticeBarExpose>;
-export declare type NoticeBarThemeVars = {
+export type NoticeBarInstance = ComponentPublicInstance<NoticeBarProps, NoticeBarExpose>;
+export type NoticeBarThemeVars = {
     noticeBarHeight?: string;
     noticeBarPadding?: string;
     noticeBarWrapablePadding?: string;

package/es/notify/Notify.d.ts

@@ -40,7 +40,7 @@ export declare const notifyProps: {
     background: StringConstructor;
     lockScroll: BooleanConstructor;
 };
-export declare type NotifyProps = ExtractPropTypes<typeof notifyProps>;
+export type NotifyProps = ExtractPropTypes<typeof notifyProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];

package/es/notify/types.d.ts

@@ -1,8 +1,8 @@
 import type { Numeric } from '../utils';
-export declare type NotifyMessage = Numeric;
-export declare type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
-export declare type NotifyPosition = 'top' | 'bottom';
-export declare type NotifyOptions = {
+export type NotifyMessage = Numeric;
+export type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
+export type NotifyPosition = 'top' | 'bottom';
+export type NotifyOptions = {
     type?: NotifyType;
     color?: string;
     message?: NotifyMessage;
@@ -15,7 +15,7 @@ export declare type NotifyOptions = {
     onClose?: () => void;
     onOpened?: () => void;
 };
-export declare type NotifyThemeVars = {
+export type NotifyThemeVars = {
     notifyTextColor?: string;
     notifyPadding?: string;
     notifyFontSize?: string;

package/es/number-keyboard/NumberKeyboard.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
-export declare type NumberKeyboardTheme = 'default' | 'custom';
+export type NumberKeyboardTheme = 'default' | 'custom';
 export declare const numberKeyboardProps: {
     show: BooleanConstructor;
     title: StringConstructor;
@@ -46,7 +46,7 @@ export declare const numberKeyboardProps: {
         default: string;
     };
 };
-export declare type NumberKeyboardProps = ExtractPropTypes<typeof numberKeyboardProps>;
+export type NumberKeyboardProps = ExtractPropTypes<typeof numberKeyboardProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     title: StringConstructor;

package/es/number-keyboard/NumberKeyboard.mjs

@@ -1,4 +1,4 @@
-import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
+import { withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode } from "vue";
 import { ref, watch, computed, Teleport, Transition, defineComponent } from "vue";
 import { truthProp, numericProp, getZIndexStyle, makeStringProp, makeNumericProp, stopPropagation, createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
 import { useClickAway } from "@vant/use";
@@ -37,11 +37,13 @@ function shuffle(array) {
 }
 var stdin_default = defineComponent({
   name,
+  inheritAttrs: false,
   props: numberKeyboardProps,
   emits: ["show", "hide", "blur", "input", "close", "delete", "update:modelValue"],
   setup(props, {
     emit,
-    slots
+    slots,
+    attrs
   }) {
     const root = ref();
     const genBasicKeys = () => {
@@ -197,7 +199,7 @@ var stdin_default = defineComponent({
       const Content = _createVNode(Transition, {
         "name": props.transition ? "van-slide-up" : ""
       }, {
-        default: () => [_withDirectives(_createVNode("div", {
+        default: () => [_withDirectives(_createVNode("div", _mergeProps({
           "ref": root,
           "style": getZIndexStyle(props.zIndex),
           "class": bem({
@@ -206,7 +208,7 @@ var stdin_default = defineComponent({
           }),
           "onAnimationend": onAnimationEnd,
           "onTouchstartPassive": stopPropagation
-        }, [Title, _createVNode("div", {
+        }, attrs), [Title, _createVNode("div", {
           "class": bem("body")
         }, [_createVNode("div", {
           "class": bem("keys")

package/es/number-keyboard/NumberKeyboardKey.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-export declare type KeyType = '' | 'delete' | 'extra' | 'close';
+export type KeyType = '' | 'delete' | 'extra' | 'close';
 declare const _default: import("vue").DefineComponent<{
     type: PropType<KeyType>;
     text: (NumberConstructor | StringConstructor)[];

package/es/number-keyboard/types.d.ts

@@ -1,4 +1,4 @@
-export declare type NumberKeyboardThemeVars = {
+export type NumberKeyboardThemeVars = {
     numberKeyboardBackground?: string;
     numberKeyboardKeyHeight?: string;
     numberKeyboardKeyFontSize?: string;

package/es/overlay/Overlay.d.ts

@@ -14,7 +14,7 @@ export declare const overlayProps: {
     };
     customStyle: PropType<CSSProperties>;
 };
-export declare type OverlayProps = ExtractPropTypes<typeof overlayProps>;
+export type OverlayProps = ExtractPropTypes<typeof overlayProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];

package/es/overlay/types.d.ts

@@ -1,4 +1,4 @@
-export declare type OverlayThemeVars = {
+export type OverlayThemeVars = {
     overlayZIndex?: number | string;
     overlayBackground?: string;
 };

package/es/pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-export declare type PaginationMode = 'simple' | 'multi';
+export type PaginationMode = 'simple' | 'multi';
 export declare const paginationProps: {
     mode: {
         type: import("vue").PropType<PaginationMode>;
@@ -29,7 +29,7 @@ export declare const paginationProps: {
     };
     forceEllipses: BooleanConstructor;
 };
-export declare type PaginationProps = ExtractPropTypes<typeof paginationProps>;
+export type PaginationProps = ExtractPropTypes<typeof paginationProps>;
 declare const _default: import("vue").DefineComponent<{
     mode: {
         type: import("vue").PropType<PaginationMode>;

package/es/pagination/types.d.ts

@@ -1,4 +1,4 @@
-export declare type PaginationThemeVars = {
+export type PaginationThemeVars = {
     paginationHeight?: string;
     paginationFontSize?: string;
     paginationItemWidth?: string;

package/es/password-input/PasswordInput.d.ts

@@ -17,7 +17,7 @@ export declare const passwordInputProps: {
     focused: BooleanConstructor;
     errorInfo: StringConstructor;
 };
-export declare type PasswordInputProps = ExtractPropTypes<typeof passwordInputProps>;
+export type PasswordInputProps = ExtractPropTypes<typeof passwordInputProps>;
 declare const _default: import("vue").DefineComponent<{
     info: StringConstructor;
     mask: {

package/es/password-input/types.d.ts

@@ -1,4 +1,4 @@
-export declare type PasswordInputThemeVars = {
+export type PasswordInputThemeVars = {
     passwordInputHeight?: string;
     passwordInputMargin?: string;
     passwordInputFontSize?: string;

package/es/picker/Picker.d.ts

@@ -65,7 +65,7 @@ export declare const pickerProps: {
     };
     columnsFieldNames: PropType<PickerFieldNames>;
 };
-export declare type PickerProps = ExtractPropTypes<typeof pickerProps>;
+export type PickerProps = ExtractPropTypes<typeof pickerProps>;
 declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -104,7 +104,7 @@ declare const _default: import("vue").DefineComponent<{
         default: PickerToolbarPosition;
     };
     columnsFieldNames: PropType<PickerFieldNames>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "clickOption" | "confirm")[], "update:modelValue" | "change" | "cancel" | "clickOption" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "clickOption" | "confirm")[], "update:modelValue" | "cancel" | "change" | "clickOption" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;

package/es/picker/Picker.mjs

@@ -1,5 +1,5 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { ref, watch, computed, defineComponent } from "vue";
+import { ref, watch, computed, nextTick, defineComponent } from "vue";
 import { pick, extend, unitToPx, truthProp, isSameValue, makeArrayProp, preventDefault, makeStringProp, makeNumericProp, BORDER_UNSET_TOP_BOTTOM } from "../utils/index.mjs";
 import { bem, name, isOptionExist, getColumnsType, findOptionByValue, assignDefaultFields, formatCascadeColumns, getFirstEnabledOption } from "./utils.mjs";
 import { useChildren, useEventListener, useParent } from "@vant/use";
@@ -91,7 +91,9 @@ var stdin_default = defineComponent({
     const confirm = () => {
       children.forEach((child) => child.stopMomentum());
       const params = getEventParams();
-      emit("confirm", params);
+      nextTick(() => {
+        emit("confirm", params);
+      });
       return params;
     };
     const cancel = () => emit("cancel", getEventParams());

package/es/picker/PickerColumn.mjs

@@ -55,8 +55,9 @@ var stdin_default = defineComponent({
       }
       currentOffset.value = offset;
     };
+    const isReadonly = () => props.readonly || !props.options.length;
     const onClickOption = (index) => {
-      if (moving || props.readonly) {
+      if (moving || isReadonly()) {
         return;
       }
       transitionEndTrigger = null;
@@ -81,7 +82,7 @@ var stdin_default = defineComponent({
       }
     };
     const onTouchStart = (event) => {
-      if (props.readonly) {
+      if (isReadonly()) {
         return;
       }
       touch.start(event);
@@ -96,7 +97,7 @@ var stdin_default = defineComponent({
       transitionEndTrigger = null;
     };
     const onTouchMove = (event) => {
-      if (props.readonly) {
+      if (isReadonly()) {
         return;
       }
       touch.move(event);
@@ -112,7 +113,7 @@ var stdin_default = defineComponent({
       }
     };
     const onTouchEnd = () => {
-      if (props.readonly) {
+      if (isReadonly()) {
         return;
       }
       const distance = currentOffset.value - momentumOffset;

package/es/picker/PickerToolbar.d.ts

@@ -4,7 +4,7 @@ export declare const pickerToolbarProps: {
     confirmButtonText: StringConstructor;
 };
 export declare const pickerToolbarSlots: string[];
-export declare type PickerToolbarPropKeys = Array<keyof typeof pickerToolbarProps>;
+export type PickerToolbarPropKeys = Array<keyof typeof pickerToolbarProps>;
 export declare const pickerToolbarPropKeys: PickerToolbarPropKeys;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;

package/es/picker/index.d.ts

@@ -37,7 +37,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
         default: import("./types").PickerToolbarPosition;
     };
     columnsFieldNames: import("vue").PropType<import("./types").PickerFieldNames>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "clickOption" | "confirm")[], "update:modelValue" | "change" | "cancel" | "clickOption" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "clickOption" | "confirm")[], "update:modelValue" | "cancel" | "change" | "clickOption" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;

package/es/picker/types.d.ts

@@ -1,13 +1,13 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { Numeric } from '../utils';
 import type { PickerProps } from './Picker';
-export declare type PickerToolbarPosition = 'top' | 'bottom';
-export declare type PickerFieldNames = {
+export type PickerToolbarPosition = 'top' | 'bottom';
+export type PickerFieldNames = {
     text?: string;
     value?: string;
     children?: string;
 };
-export declare type PickerOption = {
+export type PickerOption = {
     text?: Numeric;
     value?: Numeric;
     disabled?: boolean;
@@ -15,12 +15,12 @@ export declare type PickerOption = {
     className?: unknown;
     [key: PropertyKey]: any;
 };
-export declare type PickerColumn = PickerOption[];
-export declare type PickerExpose = {
+export type PickerColumn = PickerOption[];
+export type PickerExpose = {
     confirm: () => void;
     getSelectedOptions: () => Array<PickerOption | undefined>;
 };
-export declare type PickerColumnProvide = {
+export type PickerColumnProvide = {
     state: {
         index: number;
         offset: number;
@@ -33,16 +33,16 @@ export declare type PickerColumnProvide = {
     setOptions: (options: PickerOption[]) => void;
     stopMomentum: () => void;
 };
-export declare type PickerInstance = ComponentPublicInstance<PickerProps, PickerExpose>;
-export declare type PickerConfirmEventParams = {
+export type PickerInstance = ComponentPublicInstance<PickerProps, PickerExpose>;
+export type PickerConfirmEventParams = {
     selectedValues: Numeric[];
     selectedOptions: Array<PickerOption | undefined>;
 };
-export declare type PickerCancelEventParams = PickerConfirmEventParams;
-export declare type PickerChangeEventParams = PickerConfirmEventParams & {
+export type PickerCancelEventParams = PickerConfirmEventParams;
+export type PickerChangeEventParams = PickerConfirmEventParams & {
     columnIndex: number;
 };
-export declare type PickerThemeVars = {
+export type PickerThemeVars = {
     pickerBackground?: string;
     pickerToolbarHeight?: string;
     pickerTitleFontSize?: string;

package/es/picker-group/PickerGroup.d.ts

@@ -1,5 +1,5 @@
 import { type InjectionKey, type ExtractPropTypes } from 'vue';
-export declare type PickerGroupProvide = Record<string, string>;
+export type PickerGroupProvide = Record<string, string>;
 export declare const PICKER_GROUP_KEY: InjectionKey<PickerGroupProvide>;
 export declare const pickerGroupProps: {
     tabs: {
@@ -11,7 +11,7 @@ export declare const pickerGroupProps: {
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 };
-export declare type PickerGroupProps = ExtractPropTypes<typeof pickerGroupProps>;
+export type PickerGroupProps = ExtractPropTypes<typeof pickerGroupProps>;
 declare const _default: import("vue").DefineComponent<{
     tabs: {
         type: import("vue").PropType<string[]>;

package/es/picker-group/types.d.ts

@@ -1,3 +1,3 @@
-export declare type PickerGroupThemeVars = {
+export type PickerGroupThemeVars = {
     pickerGroupBackground?: string;
 };

package/es/popover/Popover.d.ts

@@ -48,7 +48,7 @@ export declare const popoverProps: {
         default: string;
     };
 };
-export declare type PopoverProps = ExtractPropTypes<typeof popoverProps>;
+export type PopoverProps = ExtractPropTypes<typeof popoverProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     theme: {

package/es/popover/Popover.mjs

@@ -3,10 +3,11 @@ import { ref, watch, nextTick, onMounted, watchEffect, onBeforeUnmount, defineCo
 import { createPopper, offsetModifier } from "@vant/popperjs";
 import { pick, extend, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { useClickAway } from "@vant/use";
+import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Popup } from "../popup/index.mjs";
 const [name, bem] = createNamespace("popover");
-const popupProps = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
+const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
 const popoverProps = {
   show: Boolean,
   theme: makeStringProp("light"),
@@ -44,6 +45,7 @@ var stdin_default = defineComponent({
     const popupRef = ref();
     const wrapperRef = ref();
     const popoverRef = ref();
+    const show = useSyncPropRef(() => props.show, (value) => emit("update:show", value));
     const getPopoverOptions = () => ({
       placement: props.placement,
       modifiers: [{
@@ -66,7 +68,7 @@ var stdin_default = defineComponent({
     };
     const updateLocation = () => {
       nextTick(() => {
-        if (!props.show) {
+        if (!show.value) {
           return;
         }
         if (!popper) {
@@ -76,10 +78,12 @@ var stdin_default = defineComponent({
         }
       });
     };
-    const updateShow = (value) => emit("update:show", value);
+    const updateShow = (value) => {
+      show.value = value;
+    };
     const onClickWrapper = () => {
       if (props.trigger === "click") {
-        updateShow(!props.show);
+        show.value = !show.value;
       }
     };
     const onClickAction = (action, index) => {
@@ -88,12 +92,12 @@ var stdin_default = defineComponent({
       }
       emit("select", action, index);
       if (props.closeOnClickAction) {
-        updateShow(false);
+        show.value = false;
       }
     };
     const onClickAway = () => {
-      if (props.show && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
-        updateShow(false);
+      if (show.value && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
+        show.value = false;
       }
     };
     const renderActionContent = (action, index) => {
@@ -145,7 +149,7 @@ var stdin_default = defineComponent({
         popper = null;
       }
     });
-    watch(() => [props.show, props.offset, props.placement], updateLocation);
+    watch(() => [show.value, props.offset, props.placement], updateLocation);
     useClickAway([wrapperRef, popupRef], onClickAway, {
       eventName: "touchstart"
     });
@@ -157,6 +161,7 @@ var stdin_default = defineComponent({
         "onClick": onClickWrapper
       }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), _createVNode(Popup, _mergeProps({
         "ref": popoverRef,
+        "show": show.value,
         "class": bem([props.theme]),
         "position": "",
         "transition": "van-popover-zoom",