vant 4.7.0 → 4.7.1

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

@@ -224,7 +224,7 @@ __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./watermark"), module.exports);
-const version = "4.7.0";
+const version = "4.7.1";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

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

@@ -26,6 +26,7 @@ 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_scope_id = require("../composables/use-scope-id");
 var import_use_sync_prop_ref = require("../composables/use-sync-prop-ref");
 var import_icon = require("../icon");
 var import_popup = require("../popup");
@@ -203,7 +204,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "transition": "van-popover-zoom",
         "lockScroll": false,
         "onUpdate:show": updateShow
-      }, attrs, (0, import_utils.pick)(props, popupProps)), {
+      }, attrs, (0, import_use_scope_id.useScopeId)(), (0, import_utils.pick)(props, popupProps)), {
         default: () => [props.showArrow && (0, import_vue.createVNode)("div", {
           "class": bem("arrow")
         }, null), (0, import_vue.createVNode)("div", {

package/lib/popup/Popup.js

@@ -31,6 +31,7 @@ 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_use_scope_id = require("../composables/use-scope-id");
 var import_icon = require("../icon");
 var import_overlay = require("../overlay");
 const popupProps = (0, import_utils.extend)({}, import_shared.popupSharedProps, {
@@ -97,16 +98,17 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const renderOverlay = () => {
       if (props.overlay) {
-        return (0, import_vue.createVNode)(import_overlay.Overlay, {
+        return (0, import_vue.createVNode)(import_overlay.Overlay, (0, import_vue.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
+        }, (0, import_use_scope_id.useScopeId)(), {
           "onClick": onClickOverlay
-        }, {
+        }), {
           default: slots["overlay-content"]
         });
       }
@@ -158,7 +160,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           "van-safe-area-bottom": safeAreaInsetBottom
         }],
         "onKeydown": onKeydown
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[import_vue.vShow, props.show]]);
+      }, attrs, (0, import_use_scope_id.useScopeId)()), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[import_vue.vShow, props.show]]);
     });
     const renderTransition = () => {
       const {

package/lib/swipe/Swipe.js

@@ -89,7 +89,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const trackStyle = (0, import_vue2.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/lib/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/lib/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/vant.cjs.js

@@ -1250,6 +1250,11 @@ function useLazyRender(show) {
   );
   return (render) => () => inited.value ? render() : null;
 }
+const useScopeId = () => {
+  var _a;
+  const { scopeId } = ((_a = vue.getCurrentInstance()) == null ? void 0 : _a.vnode) || {};
+  return scopeId ? { [scopeId]: "" } : null;
+};
 const [name$1B, bem$1w] = createNamespace("overlay");
 const overlayProps = {
   show: Boolean,
@@ -1361,16 +1366,17 @@ var stdin_default$1J = vue.defineComponent({
     };
     const renderOverlay = () => {
       if (props2.overlay) {
-        return vue.createVNode(Overlay, {
+        return vue.createVNode(Overlay, vue.mergeProps({
           "show": props2.show,
           "class": props2.overlayClass,
           "zIndex": zIndex.value,
           "duration": props2.duration,
           "customStyle": props2.overlayStyle,
           "role": props2.closeOnClickOverlay ? "button" : void 0,
-          "tabindex": props2.closeOnClickOverlay ? 0 : void 0,
+          "tabindex": props2.closeOnClickOverlay ? 0 : void 0
+        }, useScopeId(), {
           "onClick": onClickOverlay
-        }, {
+        }), {
           default: slots["overlay-content"]
         });
       }
@@ -1422,7 +1428,7 @@ var stdin_default$1J = vue.defineComponent({
           "van-safe-area-bottom": safeAreaInsetBottom
         }],
         "onKeydown": onKeydown
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vue.vShow, props2.show]]);
+      }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vue.vShow, props2.show]]);
     });
     const renderTransition = () => {
       const {
@@ -2222,7 +2228,7 @@ var stdin_default$1E = vue.defineComponent({
     const trackStyle = vue.computed(() => {
       const style = {
         transitionDuration: `${state.swiping ? 0 : props2.duration}ms`,
-        transform: `translate${props2.vertical ? "Y" : "X"}(${state.offset}px)`
+        transform: `translate${props2.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
       };
       if (size.value) {
         const mainAxis = props2.vertical ? "height" : "width";
@@ -7453,7 +7459,7 @@ var stdin_default$1a = vue.defineComponent({
         }), {
           [BORDER_TOP_BOTTOM]: props2.border && !props2.inset
         }]
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => vue.createVNode("div", {
       "class": bem$10("title", {
@@ -9954,7 +9960,7 @@ const FloatingBubble = withInstall(stdin_default$R);
 const floatingPanelProps = {
   height: makeNumericProp(0),
   anchors: makeArrayProp(),
-  duration: makeNumericProp(0.2),
+  duration: makeNumericProp(0.3),
   contentDraggable: truthProp,
   lockScroll: Boolean,
   safeAreaInsetBottom: truthProp
@@ -9984,7 +9990,7 @@ var stdin_default$Q = vue.defineComponent({
     const rootStyle = vue.computed(() => ({
       height: addUnit(boundary.value.max),
       transform: `translateY(calc(100% + ${addUnit(-height.value)}))`,
-      transition: !dragging.value ? `transform ${props2.duration}s` : "none"
+      transition: !dragging.value ? `transform ${props2.duration}s cubic-bezier(0.18, 0.89, 0.32, 1.28)` : "none"
     }));
     const ease = (moveY) => {
       const absDistance = Math.abs(moveY);
@@ -12267,7 +12273,7 @@ var stdin_default$B = vue.defineComponent({
         "transition": "van-popover-zoom",
         "lockScroll": false,
         "onUpdate:show": updateShow
-      }, attrs, pick(props2, popupProps)), {
+      }, attrs, useScopeId(), pick(props2, popupProps)), {
         default: () => [props2.showArrow && vue.createVNode("div", {
           "class": bem$s("arrow")
         }, null), vue.createVNode("div", {
@@ -16499,7 +16505,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.7.0";
+const version = "4.7.1";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -1248,6 +1248,11 @@ function useLazyRender(show) {
   );
   return (render) => () => inited.value ? render() : null;
 }
+const useScopeId = () => {
+  var _a;
+  const { scopeId } = ((_a = getCurrentInstance()) == null ? void 0 : _a.vnode) || {};
+  return scopeId ? { [scopeId]: "" } : null;
+};
 const [name$1B, bem$1w] = createNamespace("overlay");
 const overlayProps = {
   show: Boolean,
@@ -1359,16 +1364,17 @@ var stdin_default$1J = defineComponent({
     };
     const renderOverlay = () => {
       if (props2.overlay) {
-        return createVNode(Overlay, {
+        return createVNode(Overlay, mergeProps({
           "show": props2.show,
           "class": props2.overlayClass,
           "zIndex": zIndex.value,
           "duration": props2.duration,
           "customStyle": props2.overlayStyle,
           "role": props2.closeOnClickOverlay ? "button" : void 0,
-          "tabindex": props2.closeOnClickOverlay ? 0 : void 0,
+          "tabindex": props2.closeOnClickOverlay ? 0 : void 0
+        }, useScopeId(), {
           "onClick": onClickOverlay
-        }, {
+        }), {
           default: slots["overlay-content"]
         });
       }
@@ -1420,7 +1426,7 @@ var stdin_default$1J = defineComponent({
           "van-safe-area-bottom": safeAreaInsetBottom
         }],
         "onKeydown": onKeydown
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vShow, props2.show]]);
+      }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vShow, props2.show]]);
     });
     const renderTransition = () => {
       const {
@@ -2220,7 +2226,7 @@ var stdin_default$1E = defineComponent({
     const trackStyle = computed(() => {
       const style = {
         transitionDuration: `${state.swiping ? 0 : props2.duration}ms`,
-        transform: `translate${props2.vertical ? "Y" : "X"}(${state.offset}px)`
+        transform: `translate${props2.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
       };
       if (size.value) {
         const mainAxis = props2.vertical ? "height" : "width";
@@ -7451,7 +7457,7 @@ var stdin_default$1a = defineComponent({
         }), {
           [BORDER_TOP_BOTTOM]: props2.border && !props2.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$10("title", {
@@ -9952,7 +9958,7 @@ const FloatingBubble = withInstall(stdin_default$R);
 const floatingPanelProps = {
   height: makeNumericProp(0),
   anchors: makeArrayProp(),
-  duration: makeNumericProp(0.2),
+  duration: makeNumericProp(0.3),
   contentDraggable: truthProp,
   lockScroll: Boolean,
   safeAreaInsetBottom: truthProp
@@ -9982,7 +9988,7 @@ var stdin_default$Q = defineComponent({
     const rootStyle = computed(() => ({
       height: addUnit(boundary.value.max),
       transform: `translateY(calc(100% + ${addUnit(-height.value)}))`,
-      transition: !dragging.value ? `transform ${props2.duration}s` : "none"
+      transition: !dragging.value ? `transform ${props2.duration}s cubic-bezier(0.18, 0.89, 0.32, 1.28)` : "none"
     }));
     const ease = (moveY) => {
       const absDistance = Math.abs(moveY);
@@ -12265,7 +12271,7 @@ var stdin_default$B = defineComponent({
         "transition": "van-popover-zoom",
         "lockScroll": false,
         "onUpdate:show": updateShow
-      }, attrs, pick(props2, popupProps)), {
+      }, attrs, useScopeId(), pick(props2, popupProps)), {
         default: () => [props2.showArrow && createVNode("div", {
           "class": bem$s("arrow")
         }, null), createVNode("div", {
@@ -16497,7 +16503,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.7.0";
+const version = "4.7.1";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -1638,6 +1638,11 @@
     );
     return (render) => () => inited.value ? render() : null;
   }
+  const useScopeId = () => {
+    var _a;
+    const { scopeId } = ((_a = vue.getCurrentInstance()) == null ? void 0 : _a.vnode) || {};
+    return scopeId ? { [scopeId]: "" } : null;
+  };
   const [name$1B, bem$1w] = createNamespace("overlay");
   const overlayProps = {
     show: Boolean,
@@ -1749,16 +1754,17 @@
       };
       const renderOverlay = () => {
         if (props2.overlay) {
-          return vue.createVNode(Overlay, {
+          return vue.createVNode(Overlay, vue.mergeProps({
             "show": props2.show,
             "class": props2.overlayClass,
             "zIndex": zIndex.value,
             "duration": props2.duration,
             "customStyle": props2.overlayStyle,
             "role": props2.closeOnClickOverlay ? "button" : void 0,
-            "tabindex": props2.closeOnClickOverlay ? 0 : void 0,
+            "tabindex": props2.closeOnClickOverlay ? 0 : void 0
+          }, useScopeId(), {
             "onClick": onClickOverlay
-          }, {
+          }), {
             default: slots["overlay-content"]
           });
         }
@@ -1810,7 +1816,7 @@
             "van-safe-area-bottom": safeAreaInsetBottom
           }],
           "onKeydown": onKeydown
-        }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vue.vShow, props2.show]]);
+        }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vue.vShow, props2.show]]);
       });
       const renderTransition = () => {
         const {
@@ -2687,7 +2693,7 @@
       const trackStyle = vue.computed(() => {
         const style = {
           transitionDuration: `${state.swiping ? 0 : props2.duration}ms`,
-          transform: `translate${props2.vertical ? "Y" : "X"}(${state.offset}px)`
+          transform: `translate${props2.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
         };
         if (size.value) {
           const mainAxis = props2.vertical ? "height" : "width";
@@ -7909,7 +7915,7 @@
           }), {
             [BORDER_TOP_BOTTOM]: props2.border && !props2.inset
           }]
-        }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+        }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
       const renderTitle = () => vue.createVNode("div", {
         "class": bem$10("title", {
@@ -10387,7 +10393,7 @@
   const floatingPanelProps = {
     height: makeNumericProp(0),
     anchors: makeArrayProp(),
-    duration: makeNumericProp(0.2),
+    duration: makeNumericProp(0.3),
     contentDraggable: truthProp,
     lockScroll: Boolean,
     safeAreaInsetBottom: truthProp
@@ -10417,7 +10423,7 @@
       const rootStyle = vue.computed(() => ({
         height: addUnit(boundary.value.max),
         transform: `translateY(calc(100% + ${addUnit(-height2.value)}))`,
-        transition: !dragging.value ? `transform ${props2.duration}s` : "none"
+        transition: !dragging.value ? `transform ${props2.duration}s cubic-bezier(0.18, 0.89, 0.32, 1.28)` : "none"
       }));
       const ease = (moveY) => {
         const absDistance = Math.abs(moveY);
@@ -13506,7 +13512,7 @@
           "transition": "van-popover-zoom",
           "lockScroll": false,
           "onUpdate:show": updateShow
-        }, attrs, pick(props2, popupProps)), {
+        }, attrs, useScopeId(), pick(props2, popupProps)), {
           default: () => [props2.showArrow && vue.createVNode("div", {
             "class": bem$s("arrow")
           }, null), vue.createVNode("div", {
@@ -17709,7 +17715,7 @@
       });
     }
   };
-  const version = "4.7.0";
+  const version = "4.7.1";
   function install(app) {
     const components = [
       ActionBar,