vant 4.7.0 → 4.7.1

package/README.md

@@ -109,7 +109,10 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | [taroify](https://gitee.com/mallfoundry/taroify) | Vant Taro |
 | [vant-theme](https://github.com/Aisen60/vant-theme) | Online theme preview built on Vant UI |
 | [@antmjs/vantui](https://github.com/antmjs/vantui) | Mobile UI Components based on Vant, supporting Taro and React |
-| [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Try Vant in the Playground. Currently only Vant 3+ is supported |
+| [vant-playground](https://github.com/LadyChatterleyLover/vant-playground) | Vant Playground |
+| [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Vant Playground |
+| [vue3-h5-template](https://github.com/yulimchen/vue3-h5-template) | Mobile project template based on Vant |
+| [vue3-vant-mobile](https://github.com/CharleeWa/vue3-vant-mobile) | Mobile project template based on Vant |
 
 ## Links
 

package/es/cell-group/CellGroup.mjs

@@ -1,6 +1,7 @@
 import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { defineComponent } from "vue";
 import { truthProp, createNamespace, BORDER_TOP_BOTTOM } from "../utils/index.mjs";
+import { useScopeId } from "../composables/use-scope-id.mjs";
 const [name, bem] = createNamespace("cell-group");
 const cellGroupProps = {
   title: String,
@@ -23,7 +24,7 @@ var stdin_default = defineComponent({
         }), {
           [BORDER_TOP_BOTTOM]: props.border && !props.inset
         }]
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => _createVNode("div", {
       "class": bem("title", {

package/es/composables/use-scope-id.d.ts

@@ -0,0 +1,3 @@
+export declare const useScopeId: () => {
+    [x: string]: string;
+} | null;

package/es/composables/use-scope-id.mjs

@@ -0,0 +1,9 @@
+import { getCurrentInstance } from "vue";
+const useScopeId = () => {
+  var _a;
+  const { scopeId } = ((_a = getCurrentInstance()) == null ? void 0 : _a.vnode) || {};
+  return scopeId ? { [scopeId]: "" } : null;
+};
+export {
+  useScopeId
+};

package/es/dialog/function-call.d.ts

@@ -1,6 +1,21 @@
 import type { DialogAction, DialogOptions } from './types';
+/**
+ * Display a message prompt dialog with a default confirm button
+ */
 export declare function showDialog(options: DialogOptions): Promise<DialogAction | undefined>;
+/**
+ * Modify the default configuration that affects all `showDialog` calls
+ */
 export declare const setDialogDefaultOptions: (options: DialogOptions) => void;
+/**
+ * Reset the default configuration that affects all `showDialog` calls
+ */
 export declare const resetDialogDefaultOptions: () => void;
+/**
+ * Display a message confirmation dialog with default confirm and cancel buttons
+ */
 export declare const showConfirmDialog: (options: DialogOptions) => Promise<DialogAction | undefined>;
+/**
+ * Close the currently displayed dialog
+ */
 export declare const closeDialog: () => void;

package/es/floating-panel/FloatingPanel.mjs

@@ -8,7 +8,7 @@ import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
 const floatingPanelProps = {
   height: makeNumericProp(0),
   anchors: makeArrayProp(),
-  duration: makeNumericProp(0.2),
+  duration: makeNumericProp(0.3),
   contentDraggable: truthProp,
   lockScroll: Boolean,
   safeAreaInsetBottom: truthProp
@@ -38,7 +38,7 @@ var stdin_default = defineComponent({
     const rootStyle = computed(() => ({
       height: addUnit(boundary.value.max),
       transform: `translateY(calc(100% + ${addUnit(-height.value)}))`,
-      transition: !dragging.value ? `transform ${props.duration}s` : "none"
+      transition: !dragging.value ? `transform ${props.duration}s cubic-bezier(0.18, 0.89, 0.32, 1.28)` : "none"
     }));
     const ease = (moveY) => {
       const absDistance = Math.abs(moveY);

package/es/floating-panel/index.css

@@ -1 +1 @@
-:root{--van-floating-panel-border-radius: 16px;--van-floating-panel-header-height: 30px;--van-floating-panel-z-index: 999;--van-floating-panel-background: var(--van-background-2);--van-floating-panel-bar-width: 20px;--van-floating-panel-bar-height: 3px;--van-floating-panel-bar-color: var(--van-gray-5)}.van-floating-panel{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--van-floating-panel-z-index);display:flex;flex-direction:column;touch-action:none;border-top-left-radius:var(--van-floating-panel-border-radius);border-top-right-radius:var(--van-floating-panel-border-radius);background:var(--van-floating-panel-background)}.van-floating-panel:after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.van-floating-panel__header{height:var(--van-floating-panel-header-height);display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-floating-panel__header-bar{height:var(--van-floating-panel-bar-height);width:var(--van-floating-panel-bar-width);border-radius:var(--van-radius-md);background:var(--van-floating-panel-bar-color)}.van-floating-panel__content{flex:1;overflow-y:auto;background-color:var(--van-floating-panel-background)}
+:root{--van-floating-panel-border-radius: 16px;--van-floating-panel-header-height: 30px;--van-floating-panel-z-index: 999;--van-floating-panel-background: var(--van-background-2);--van-floating-panel-bar-width: 20px;--van-floating-panel-bar-height: 3px;--van-floating-panel-bar-color: var(--van-gray-5)}.van-floating-panel{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--van-floating-panel-z-index);display:flex;flex-direction:column;touch-action:none;border-top-left-radius:var(--van-floating-panel-border-radius);border-top-right-radius:var(--van-floating-panel-border-radius);background:var(--van-floating-panel-background);will-change:transform}.van-floating-panel:after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.van-floating-panel__header{height:var(--van-floating-panel-header-height);display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-floating-panel__header-bar{height:var(--van-floating-panel-bar-height);width:var(--van-floating-panel-bar-width);border-radius:var(--van-radius-md);background:var(--van-floating-panel-bar-color)}.van-floating-panel__content{flex:1;overflow-y:auto;background-color:var(--van-floating-panel-background)}

package/es/image-preview/function-call.d.ts

@@ -1,3 +1,6 @@
 import { ComponentInstance } from '../utils';
 import type { ImagePreviewOptions } from './types';
+/**
+ * Display a full-screen image preview component
+ */
 export declare const showImagePreview: (options: string[] | ImagePreviewOptions, startPosition?: number) => ComponentInstance | undefined;

package/es/index.d.ts

@@ -105,4 +105,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.7.0";
+export const version: "4.7.1";

package/es/index.mjs

@@ -98,7 +98,7 @@ import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Watermark } from "./watermark/index.mjs";
-const version = "4.7.0";
+const version = "4.7.1";
 function install(app) {
   const components = [
     ActionBar,

package/es/notify/function-call.d.ts

@@ -1,6 +1,18 @@
 import { type ComponentInstance } from '../utils';
 import type { NotifyMessage, NotifyOptions } from './types';
+/**
+ * Close the currently displayed Notify
+ */
 export declare const closeNotify: () => void;
+/**
+ * Display Notify at the top of the page
+ */
 export declare function showNotify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
+/**
+ * Modify the default configuration, affecting all `showNotify` calls
+ */
 export declare const setNotifyDefaultOptions: (options: NotifyOptions) => NotifyOptions;
+/**
+ * Reset the default configuration, affecting all `showNotify` calls
+ */
 export declare const resetNotifyDefaultOptions: () => void;

package/es/popover/Popover.mjs

@@ -3,6 +3,7 @@ import { ref, watch, nextTick, onMounted, watchEffect, onBeforeUnmount, defineCo
 import { createPopper, offsetModifier } from "@vant/popperjs";
 import { pick, extend, inBrowser, truthProp, numericProp, unknownProp, BORDER_RIGHT, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { useClickAway } from "@vant/use";
+import { useScopeId } from "../composables/use-scope-id.mjs";
 import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Popup } from "../popup/index.mjs";
@@ -180,7 +181,7 @@ var stdin_default = defineComponent({
         "transition": "van-popover-zoom",
         "lockScroll": false,
         "onUpdate:show": updateShow
-      }, attrs, pick(props, popupProps)), {
+      }, attrs, useScopeId(), pick(props, popupProps)), {
         default: () => [props.showArrow && _createVNode("div", {
           "class": bem("arrow")
         }, null), _createVNode("div", {

package/es/popup/Popup.mjs

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode } from "vue";
+import { Fragment as _Fragment, withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, watch, provide, Teleport, nextTick, computed, onMounted, Transition, onActivated, onDeactivated, defineComponent } from "vue";
 import { popupSharedProps } from "./shared.mjs";
 import { isDef, extend, makeStringProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
@@ -8,6 +8,7 @@ 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 { useScopeId } from "../composables/use-scope-id.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Overlay } from "../overlay/index.mjs";
 const popupProps = extend({}, popupSharedProps, {
@@ -74,16 +75,17 @@ var stdin_default = defineComponent({
     };
     const renderOverlay = () => {
       if (props.overlay) {
-        return _createVNode(Overlay, {
+        return _createVNode(Overlay, _mergeProps({
           "show": props.show,
           "class": props.overlayClass,
           "zIndex": zIndex.value,
           "duration": props.duration,
           "customStyle": props.overlayStyle,
           "role": props.closeOnClickOverlay ? "button" : void 0,
-          "tabindex": props.closeOnClickOverlay ? 0 : void 0,
+          "tabindex": props.closeOnClickOverlay ? 0 : void 0
+        }, useScopeId(), {
           "onClick": onClickOverlay
-        }, {
+        }), {
           default: slots["overlay-content"]
         });
       }
@@ -135,7 +137,7 @@ var stdin_default = defineComponent({
           "van-safe-area-bottom": safeAreaInsetBottom
         }],
         "onKeydown": onKeydown
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[_vShow, props.show]]);
+      }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[_vShow, props.show]]);
     });
     const renderTransition = () => {
       const {

package/es/swipe/Swipe.mjs

@@ -65,7 +65,7 @@ var stdin_default = defineComponent({
     const trackStyle = computed(() => {
       const style = {
         transitionDuration: `${state.swiping ? 0 : props.duration}ms`,
-        transform: `translate${props.vertical ? "Y" : "X"}(${state.offset}px)`
+        transform: `translate${props.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
       };
       if (size.value) {
         const mainAxis = props.vertical ? "height" : "width";

package/es/swipe/index.css

@@ -1 +1 @@
-:root{--van-swipe-indicator-size: 6px;--van-swipe-indicator-margin: var(--van-padding-sm);--van-swipe-indicator-active-opacity: 1;--van-swipe-indicator-inactive-opacity: .3;--van-swipe-indicator-active-background: var(--van-primary-color);--van-swipe-indicator-inactive-background: var(--van-border-color)}.van-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:flex;height:100%}.van-swipe__track--vertical{flex-direction:column}.van-swipe__indicators{position:absolute;bottom:var(--van-swipe-indicator-margin);left:50%;display:flex;transform:translate(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:var(--van-swipe-indicator-margin);flex-direction:column;transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:var(--van-swipe-indicator-size)}.van-swipe__indicator{width:var(--van-swipe-indicator-size);height:var(--van-swipe-indicator-size);background-color:var(--van-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--van-swipe-indicator-inactive-opacity);transition:opacity var(--van-duration-fast),background-color var(--van-duration-fast)}.van-swipe__indicator:not(:last-child){margin-right:var(--van-swipe-indicator-size)}.van-swipe__indicator--active{background-color:var(--van-swipe-indicator-active-background);opacity:var(--van-swipe-indicator-active-opacity)}
+:root{--van-swipe-indicator-size: 6px;--van-swipe-indicator-margin: var(--van-padding-sm);--van-swipe-indicator-active-opacity: 1;--van-swipe-indicator-inactive-opacity: .3;--van-swipe-indicator-active-background: var(--van-primary-color);--van-swipe-indicator-inactive-background: var(--van-border-color)}.van-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:flex;height:100%;transition-property:transform}.van-swipe__track--vertical{flex-direction:column}.van-swipe__indicators{position:absolute;bottom:var(--van-swipe-indicator-margin);left:50%;display:flex;transform:translate(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:var(--van-swipe-indicator-margin);flex-direction:column;transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:var(--van-swipe-indicator-size)}.van-swipe__indicator{width:var(--van-swipe-indicator-size);height:var(--van-swipe-indicator-size);background-color:var(--van-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--van-swipe-indicator-inactive-opacity);transition:opacity var(--van-duration-fast),background-color var(--van-duration-fast)}.van-swipe__indicator:not(:last-child){margin-right:var(--van-swipe-indicator-size)}.van-swipe__indicator--active{background-color:var(--van-swipe-indicator-active-background);opacity:var(--van-swipe-indicator-active-opacity)}

package/es/toast/function-call.d.ts

@@ -1,10 +1,36 @@
 import type { ToastType, ToastOptions, ToastWrapperInstance } from './types';
+/**
+ * Display a text toast
+ */
 export declare function showToast(options?: string | ToastOptions): ToastWrapperInstance;
+/**
+ * Display a loading toast
+ */
 export declare const showLoadingToast: (options: string | ToastOptions) => ToastWrapperInstance;
+/**
+ * Display a success toast
+ */
 export declare const showSuccessToast: (options: string | ToastOptions) => ToastWrapperInstance;
+/**
+ * Display a fail toast
+ */
 export declare const showFailToast: (options: string | ToastOptions) => ToastWrapperInstance;
+/**
+ * Close the currently displayed toast
+ */
 export declare const closeToast: (all?: boolean) => void;
+/**
+ * Modify the default configuration that affects all `showToast` calls.
+ * Specify the `type` parameter to modify the default configuration of a specific type of toast
+ */
 export declare function setToastDefaultOptions(options: ToastOptions): void;
 export declare function setToastDefaultOptions(type: ToastType, options: ToastOptions): void;
+/**
+ * Reset the default configuration that affects all `showToast` calls.
+ * Specify the `type` parameter to reset the default configuration of a specific type of toast
+ */
 export declare const resetToastDefaultOptions: (type?: ToastType) => void;
+/**
+ * Allow multiple toasts to be displayed as the same time
+ */
 export declare const allowMultipleToast: (value?: boolean) => void;

package/lib/cell-group/CellGroup.js

@@ -24,6 +24,7 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
+var import_use_scope_id = require("../composables/use-scope-id");
 const [name, bem] = (0, import_utils.createNamespace)("cell-group");
 const cellGroupProps = {
   title: String,
@@ -46,7 +47,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }), {
           [import_utils.BORDER_TOP_BOTTOM]: props.border && !props.inset
         }]
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      }, attrs, (0, import_use_scope_id.useScopeId)()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => (0, import_vue.createVNode)("div", {
       "class": bem("title", {

package/lib/composables/use-scope-id.d.ts

@@ -0,0 +1,3 @@
+export declare const useScopeId: () => {
+    [x: string]: string;
+} | null;

package/lib/composables/use-scope-id.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  useScopeId: () => useScopeId
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+const useScopeId = () => {
+  var _a;
+  const { scopeId } = ((_a = (0, import_vue.getCurrentInstance)()) == null ? void 0 : _a.vnode) || {};
+  return scopeId ? { [scopeId]: "" } : null;
+};

package/lib/dialog/function-call.d.ts

@@ -1,6 +1,21 @@
 import type { DialogAction, DialogOptions } from './types';
+/**
+ * Display a message prompt dialog with a default confirm button
+ */
 export declare function showDialog(options: DialogOptions): Promise<DialogAction | undefined>;
+/**
+ * Modify the default configuration that affects all `showDialog` calls
+ */
 export declare const setDialogDefaultOptions: (options: DialogOptions) => void;
+/**
+ * Reset the default configuration that affects all `showDialog` calls
+ */
 export declare const resetDialogDefaultOptions: () => void;
+/**
+ * Display a message confirmation dialog with default confirm and cancel buttons
+ */
 export declare const showConfirmDialog: (options: DialogOptions) => Promise<DialogAction | undefined>;
+/**
+ * Close the currently displayed dialog
+ */
 export declare const closeDialog: () => void;

package/lib/floating-panel/FloatingPanel.js

@@ -31,7 +31,7 @@ var import_use_sync_prop_ref = require("../composables/use-sync-prop-ref");
 const floatingPanelProps = {
   height: (0, import_utils.makeNumericProp)(0),
   anchors: (0, import_utils.makeArrayProp)(),
-  duration: (0, import_utils.makeNumericProp)(0.2),
+  duration: (0, import_utils.makeNumericProp)(0.3),
   contentDraggable: import_utils.truthProp,
   lockScroll: Boolean,
   safeAreaInsetBottom: import_utils.truthProp
@@ -61,7 +61,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const rootStyle = (0, import_vue2.computed)(() => ({
       height: (0, import_utils.addUnit)(boundary.value.max),
       transform: `translateY(calc(100% + ${(0, import_utils.addUnit)(-height.value)}))`,
-      transition: !dragging.value ? `transform ${props.duration}s` : "none"
+      transition: !dragging.value ? `transform ${props.duration}s cubic-bezier(0.18, 0.89, 0.32, 1.28)` : "none"
     }));
     const ease = (moveY) => {
       const absDistance = Math.abs(moveY);

package/lib/floating-panel/index.css

@@ -1 +1 @@
-:root{--van-floating-panel-border-radius: 16px;--van-floating-panel-header-height: 30px;--van-floating-panel-z-index: 999;--van-floating-panel-background: var(--van-background-2);--van-floating-panel-bar-width: 20px;--van-floating-panel-bar-height: 3px;--van-floating-panel-bar-color: var(--van-gray-5)}.van-floating-panel{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--van-floating-panel-z-index);display:flex;flex-direction:column;touch-action:none;border-top-left-radius:var(--van-floating-panel-border-radius);border-top-right-radius:var(--van-floating-panel-border-radius);background:var(--van-floating-panel-background)}.van-floating-panel:after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.van-floating-panel__header{height:var(--van-floating-panel-header-height);display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-floating-panel__header-bar{height:var(--van-floating-panel-bar-height);width:var(--van-floating-panel-bar-width);border-radius:var(--van-radius-md);background:var(--van-floating-panel-bar-color)}.van-floating-panel__content{flex:1;overflow-y:auto;background-color:var(--van-floating-panel-background)}
+:root{--van-floating-panel-border-radius: 16px;--van-floating-panel-header-height: 30px;--van-floating-panel-z-index: 999;--van-floating-panel-background: var(--van-background-2);--van-floating-panel-bar-width: 20px;--van-floating-panel-bar-height: 3px;--van-floating-panel-bar-color: var(--van-gray-5)}.van-floating-panel{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--van-floating-panel-z-index);display:flex;flex-direction:column;touch-action:none;border-top-left-radius:var(--van-floating-panel-border-radius);border-top-right-radius:var(--van-floating-panel-border-radius);background:var(--van-floating-panel-background);will-change:transform}.van-floating-panel:after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.van-floating-panel__header{height:var(--van-floating-panel-header-height);display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-floating-panel__header-bar{height:var(--van-floating-panel-bar-height);width:var(--van-floating-panel-bar-width);border-radius:var(--van-radius-md);background:var(--van-floating-panel-bar-color)}.van-floating-panel__content{flex:1;overflow-y:auto;background-color:var(--van-floating-panel-background)}

package/lib/image-preview/function-call.d.ts

@@ -1,3 +1,6 @@
 import { ComponentInstance } from '../utils';
 import type { ImagePreviewOptions } from './types';
+/**
+ * Display a full-screen image preview component
+ */
 export declare const showImagePreview: (options: string[] | ImagePreviewOptions, startPosition?: number) => ComponentInstance | undefined;