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

package/lib/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/lib/index.js

@@ -30,6 +30,7 @@ var import_action_sheet = require("./action-sheet");
 var import_address_edit = require("./address-edit");
 var import_address_list = require("./address-list");
 var import_area = require("./area");
+var import_back_top = require("./back-top");
 var import_badge = require("./badge");
 var import_button = require("./button");
 var import_calendar = require("./calendar");
@@ -118,6 +119,7 @@ __reExport(stdin_exports, require("./action-sheet"), module.exports);
 __reExport(stdin_exports, require("./address-edit"), module.exports);
 __reExport(stdin_exports, require("./address-list"), module.exports);
 __reExport(stdin_exports, require("./area"), module.exports);
+__reExport(stdin_exports, require("./back-top"), module.exports);
 __reExport(stdin_exports, require("./badge"), module.exports);
 __reExport(stdin_exports, require("./button"), module.exports);
 __reExport(stdin_exports, require("./calendar"), module.exports);
@@ -200,7 +202,7 @@ __reExport(stdin_exports, require("./time-picker"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "4.0.0-rc.6";
+const version = "4.0.0-rc.8";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,
@@ -210,6 +212,7 @@ function install(app) {
     import_address_edit.AddressEdit,
     import_address_list.AddressList,
     import_area.Area,
+    import_back_top.BackTop,
     import_badge.Badge,
     import_button.Button,
     import_calendar.Calendar,

package/lib/lazyload/vue-lazyload/lazy-image.js

@@ -23,6 +23,7 @@ module.exports = __toCommonJS(stdin_exports);
 var import_use = require("@vant/use");
 var import_util = require("./util");
 var import_utils = require("../../utils");
+var import_vue = require("vue");
 var stdin_default = (lazyManager) => ({
   props: {
     src: [String, Object],
@@ -31,15 +32,14 @@ var stdin_default = (lazyManager) => ({
       default: "img"
     }
   },
-  render(h) {
-    return h(
+  render() {
+    var _a, _b;
+    return (0, import_vue.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/lib/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/lib/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/lib/list/List.js

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

package/lib/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/lib/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/lib/loading/types.d.ts

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

package/lib/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/lib/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/lib/nav-bar/types.d.ts

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

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/number-keyboard/NumberKeyboard.js

@@ -66,11 +66,13 @@ function shuffle(array) {
 }
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
+  inheritAttrs: false,
   props: numberKeyboardProps,
   emits: ["show", "hide", "blur", "input", "close", "delete", "update:modelValue"],
   setup(props, {
     emit,
-    slots
+    slots,
+    attrs
   }) {
     const root = (0, import_vue2.ref)();
     const genBasicKeys = () => {
@@ -226,7 +228,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const Content = (0, import_vue.createVNode)(import_vue2.Transition, {
         "name": props.transition ? "van-slide-up" : ""
       }, {
-        default: () => [(0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
+        default: () => [(0, import_vue.withDirectives)((0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
           "ref": root,
           "style": (0, import_utils.getZIndexStyle)(props.zIndex),
           "class": bem({
@@ -235,7 +237,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           }),
           "onAnimationend": onAnimationEnd,
           "onTouchstartPassive": import_utils.stopPropagation
-        }, [Title, (0, import_vue.createVNode)("div", {
+        }, attrs), [Title, (0, import_vue.createVNode)("div", {
           "class": bem("body")
         }, [(0, import_vue.createVNode)("div", {
           "class": bem("keys")

package/lib/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/lib/number-keyboard/types.d.ts

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

package/lib/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/lib/overlay/types.d.ts

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

package/lib/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/lib/pagination/types.d.ts

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

package/lib/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/lib/password-input/types.d.ts

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

package/lib/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/lib/picker/Picker.js

@@ -121,7 +121,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const confirm = () => {
       children.forEach((child) => child.stopMomentum());
       const params = getEventParams();
-      emit("confirm", params);
+      (0, import_vue2.nextTick)(() => {
+        emit("confirm", params);
+      });
       return params;
     };
     const cancel = () => emit("cancel", getEventParams());

package/lib/picker/PickerColumn.js

@@ -78,8 +78,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       currentOffset.value = offset;
     };
+    const isReadonly = () => props.readonly || !props.options.length;
     const onClickOption = (index) => {
-      if (moving || props.readonly) {
+      if (moving || isReadonly()) {
         return;
       }
       transitionEndTrigger = null;
@@ -104,7 +105,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const onTouchStart = (event) => {
-      if (props.readonly) {
+      if (isReadonly()) {
         return;
       }
       touch.start(event);
@@ -119,7 +120,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       transitionEndTrigger = null;
     };
     const onTouchMove = (event) => {
-      if (props.readonly) {
+      if (isReadonly()) {
         return;
       }
       touch.move(event);
@@ -135,7 +136,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const onTouchEnd = () => {
-      if (props.readonly) {
+      if (isReadonly()) {
         return;
       }
       const distance = currentOffset.value - momentumOffset;

package/lib/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/lib/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/lib/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/lib/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/lib/picker-group/types.d.ts

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

package/lib/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/lib/popover/Popover.js

@@ -26,10 +26,11 @@ var import_vue2 = require("vue");
 var import_popperjs = require("@vant/popperjs");
 var import_utils = require("../utils");
 var import_use = require("@vant/use");
+var import_use_sync_prop_ref = require("../composables/use-sync-prop-ref");
 var import_icon = require("../icon");
 var import_popup = require("../popup");
 const [name, bem] = (0, import_utils.createNamespace)("popover");
-const popupProps = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
+const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
 const popoverProps = {
   show: Boolean,
   theme: (0, import_utils.makeStringProp)("light"),
@@ -67,6 +68,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const popupRef = (0, import_vue2.ref)();
     const wrapperRef = (0, import_vue2.ref)();
     const popoverRef = (0, import_vue2.ref)();
+    const show = (0, import_use_sync_prop_ref.useSyncPropRef)(() => props.show, (value) => emit("update:show", value));
     const getPopoverOptions = () => ({
       placement: props.placement,
       modifiers: [{
@@ -89,7 +91,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const updateLocation = () => {
       (0, import_vue2.nextTick)(() => {
-        if (!props.show) {
+        if (!show.value) {
           return;
         }
         if (!popper) {
@@ -99,10 +101,12 @@ var stdin_default = (0, import_vue2.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) => {
@@ -111,12 +115,12 @@ var stdin_default = (0, import_vue2.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) => {
@@ -168,7 +172,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         popper = null;
       }
     });
-    (0, import_vue2.watch)(() => [props.show, props.offset, props.placement], updateLocation);
+    (0, import_vue2.watch)(() => [show.value, props.offset, props.placement], updateLocation);
     (0, import_use.useClickAway)([wrapperRef, popupRef], onClickAway, {
       eventName: "touchstart"
     });
@@ -180,6 +184,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onClick": onClickWrapper
       }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
         "ref": popoverRef,
+        "show": show.value,
         "class": bem([props.theme]),
         "position": "",
         "transition": "van-popover-zoom",