vant 4.6.8 → 4.7.1

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/signature/Signature.mjs

@@ -68,12 +68,16 @@ var stdin_default = defineComponent({
       const empty = document.createElement("canvas");
       empty.width = canvas.width;
       empty.height = canvas.height;
+      if (props.backgroundColor) {
+        const emptyCtx = empty.getContext("2d");
+        setCanvasBgColor(emptyCtx);
+      }
       return canvas.toDataURL() === empty.toDataURL();
     };
-    const setCanvasBgColor = () => {
-      if (state.ctx && props.backgroundColor) {
-        state.ctx.fillStyle = props.backgroundColor;
-        state.ctx.fillRect(0, 0, state.width, state.height);
+    const setCanvasBgColor = (ctx) => {
+      if (ctx && props.backgroundColor) {
+        ctx.fillStyle = props.backgroundColor;
+        ctx.fillRect(0, 0, state.width, state.height);
       }
     };
     const submit = () => {
@@ -96,7 +100,7 @@ var stdin_default = defineComponent({
       if (state.ctx) {
         state.ctx.clearRect(0, 0, state.width, state.height);
         state.ctx.closePath();
-        setCanvasBgColor();
+        setCanvasBgColor(state.ctx);
       }
       emit("clear");
     };
@@ -107,7 +111,7 @@ var stdin_default = defineComponent({
         state.width = (((_b = wrapRef.value) == null ? void 0 : _b.offsetWidth) || 0) * state.ratio;
         state.height = (((_c = wrapRef.value) == null ? void 0 : _c.offsetHeight) || 0) * state.ratio;
         nextTick(() => {
-          setCanvasBgColor();
+          setCanvasBgColor(state.ctx);
         });
       }
     });

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/swipe-cell/SwipeCell.mjs

@@ -24,6 +24,7 @@ var stdin_default = defineComponent({
     let opened;
     let lockClick;
     let startOffset;
+    let isInBeforeClosing;
     const root = ref();
     const leftRef = ref();
     const rightRef = ref();
@@ -100,14 +101,22 @@ var stdin_default = defineComponent({
       }
     };
     const onClick = (position = "outside") => {
+      if (isInBeforeClosing)
+        return;
       emit("click", position);
       if (opened && !lockClick) {
+        isInBeforeClosing = true;
         callInterceptor(props.beforeClose, {
           args: [{
             name: props.name,
             position
           }],
-          done: () => close(position)
+          done: () => {
+            isInBeforeClosing = false;
+            close(position);
+          },
+          canceled: () => isInBeforeClosing = false,
+          error: () => isInBeforeClosing = false
         });
       }
     };

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/es/uploader/index.css

@@ -1 +1 @@
-:root{--van-uploader-size: 80px;--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity)}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}
+:root{--van-uploader-size: 80px;--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity);--van-uploader-border-radius: 0px}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden;border-radius:var(--van-uploader-border-radius)}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}

package/es/utils/interceptor.d.ts

@@ -1,6 +1,7 @@
 export type Interceptor = (...args: any[]) => Promise<boolean> | boolean | undefined | void;
-export declare function callInterceptor(interceptor: Interceptor | undefined, { args, done, canceled, }: {
+export declare function callInterceptor(interceptor: Interceptor | undefined, { args, done, canceled, error, }: {
     args?: unknown[];
     done: () => void;
     canceled?: () => void;
+    error?: () => void;
 }): void;

package/es/utils/interceptor.mjs

@@ -2,7 +2,8 @@ import { noop, isPromise } from "./basic.mjs";
 function callInterceptor(interceptor, {
   args = [],
   done,
-  canceled
+  canceled,
+  error
 }) {
   if (interceptor) {
     const returnVal = interceptor.apply(null, args);
@@ -13,7 +14,7 @@ function callInterceptor(interceptor, {
         } else if (canceled) {
           canceled();
         }
-      }).catch(noop);
+      }).catch(error || noop);
     } else if (returnVal) {
       done();
     } else if (canceled) {

package/lib/address-edit/AddressEdit.d.ts

@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(val: string) => boolean>;
         default: typeof isMobile;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault")[], "focus" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "change" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault")[], "focus" | "change" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     areaList: PropType<AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -132,6 +132,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     onSelectSearch?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;

package/lib/address-edit/AddressEdit.js

@@ -88,7 +88,7 @@ const addressEditProps = {
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: addressEditProps,
-  emits: ["save", "focus", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
+  emits: ["save", "focus", "change", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
   setup(props, {
     emit,
     slots
@@ -122,6 +122,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
       detailFocused.value = key === "addressDetail";
       emit("focus", key);
     };
+    const onChange = (key, value) => {
+      emit("change", {
+        key,
+        value
+      });
+    };
     const rules = (0, import_vue2.computed)(() => {
       const {
         validator,
@@ -233,7 +239,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
             "class": bem("fields")
           }, [(0, import_vue.createVNode)(import_field.Field, {
             "modelValue": data.name,
-            "onUpdate:modelValue": ($event) => data.name = $event,
+            "onUpdate:modelValue": [($event) => data.name = $event, (val) => onChange("name", val)],
             "clearable": true,
             "label": t("name"),
             "rules": rules.value.name,
@@ -241,7 +247,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
             "onFocus": () => onFocus("name")
           }, null), (0, import_vue.createVNode)(import_field.Field, {
             "modelValue": data.tel,
-            "onUpdate:modelValue": ($event) => data.tel = $event,
+            "onUpdate:modelValue": [($event) => data.tel = $event, (val) => onChange("tel", val)],
             "clearable": true,
             "type": "tel",
             "label": t("tel"),

package/lib/address-edit/index.d.ts

@@ -41,7 +41,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<(val: string) => boolean>;
         default: typeof import("../utils").isMobile;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault")[], "focus" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "change" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault")[], "focus" | "change" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     areaList: import("vue").PropType<import("..").AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -85,6 +85,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
     };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     onSelectSearch?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;

package/lib/calendar/Calendar.d.ts

@@ -173,7 +173,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
         validator: (val: number) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickSubtitle" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickSubtitle" | "unselect" | "monthShow" | "overRange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "unselect" | "monthShow" | "overRange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     type: {
         type: PropType<CalendarType>;
@@ -262,6 +262,7 @@ declare const _default: import("vue").DefineComponent<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    onClickDisabledDate?: ((...args: any[]) => any) | undefined;
     onClickSubtitle?: ((...args: any[]) => any) | undefined;
     onUnselect?: ((...args: any[]) => any) | undefined;
     onMonthShow?: ((...args: any[]) => any) | undefined;

package/lib/calendar/Calendar.js

@@ -93,7 +93,7 @@ const calendarProps = {
 var stdin_default = (0, import_vue2.defineComponent)({
   name: import_utils2.name,
   props: calendarProps,
-  emits: ["select", "confirm", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle"],
+  emits: ["select", "confirm", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle", "clickDisabledDate"],
   setup(props, {
     emit,
     slots
@@ -361,7 +361,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "showMonthTitle": showMonthTitle,
         "firstDayOfWeek": dayOffset.value
       }, (0, import_utils.pick)(props, ["type", "color", "minDate", "maxDate", "showMark", "formatter", "rowHeight", "lazyRender", "showSubtitle", "allowSameDay"]), {
-        "onClick": onClickDay
+        "onClick": onClickDay,
+        "onClickDisabledDate": (item) => emit("clickDisabledDate", item)
       }), (0, import_utils.pick)(slots, ["top-info", "bottom-info", "month-title"]));
     };
     const renderFooterButton = () => {

package/lib/calendar/CalendarDay.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     rowHeight: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "clickDisabledDate")[], "click" | "clickDisabledDate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<CalendarDayItem>;
         required: true;
@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     rowHeight: StringConstructor;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
+    onClickDisabledDate?: ((...args: any[]) => any) | undefined;
 }, {
     offset: number;
 }, {}>;

package/lib/calendar/CalendarDay.js

@@ -34,7 +34,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     offset: (0, import_utils.makeNumberProp)(0),
     rowHeight: String
   },
-  emits: ["click"],
+  emits: ["click", "clickDisabledDate"],
   setup(props, {
     emit,
     slots
@@ -80,6 +80,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const onClick = () => {
       if (props.item.type !== "disabled") {
         emit("click", props.item);
+      } else {
+        emit("clickDisabledDate", props.item);
       }
     };
     const renderTopInfo = () => {

package/lib/calendar/CalendarMonth.d.ts

@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     showSubtitle: BooleanConstructor;
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "clickDisabledDate")[], "click" | "clickDisabledDate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     date: {
         type: DateConstructor;
         required: true;
@@ -76,6 +76,7 @@ declare const _default: import("vue").DefineComponent<{
     firstDayOfWeek: NumberConstructor;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
+    onClickDisabledDate?: ((...args: any[]) => any) | undefined;
 }, {
     lazyRender: boolean;
     showMark: boolean;

package/lib/calendar/CalendarMonth.js

@@ -59,7 +59,7 @@ const calendarMonthProps = {
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: calendarMonthProps,
-  emits: ["click"],
+  emits: ["click", "clickDisabledDate"],
   setup(props, {
     emit,
     slots
@@ -218,7 +218,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "color": props.color,
       "offset": offset.value,
       "rowHeight": rowHeight.value,
-      "onClick": (item2) => emit("click", item2)
+      "onClick": (item2) => emit("click", item2),
+      "onClickDisabledDate": (item2) => emit("clickDisabledDate", item2)
     }, (0, import_utils.pick)(slots, ["top-info", "bottom-info"]));
     const renderDays = () => (0, import_vue.createVNode)("div", {
       "ref": daysRef,

package/lib/calendar/index.d.ts

@@ -83,7 +83,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         default: number;
         validator: (val: number) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickSubtitle" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickSubtitle" | "unselect" | "monthShow" | "overRange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "unselect" | "monthShow" | "overRange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     type: {
         type: import("vue").PropType<import("./types").CalendarType>;
@@ -172,6 +172,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    onClickDisabledDate?: ((...args: any[]) => any) | undefined;
     onClickSubtitle?: ((...args: any[]) => any) | undefined;
     onUnselect?: ((...args: any[]) => any) | undefined;
     onMonthShow?: ((...args: any[]) => any) | undefined;

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 { DialogOptions } from './types';
-export declare function showDialog(options: DialogOptions): Promise<unknown>;
+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;
-export declare const showConfirmDialog: (options: DialogOptions) => Promise<unknown>;
+/**
+ * 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/dialog/function-call.js

@@ -85,7 +85,7 @@ function initInstance() {
 }
 function showDialog(options) {
   if (!import_utils.inBrowser) {
-    return Promise.resolve();
+    return Promise.resolve(void 0);
   }
   return new Promise((resolve, reject) => {
     if (!instance) {

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);
@@ -121,7 +121,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     }, {
       immediate: true
     });
-    (0, import_use_lock_scroll.useLockScroll)(rootRef, () => props.lockScroll);
+    (0, import_use_lock_scroll.useLockScroll)(rootRef, () => props.lockScroll || dragging.value);
     (0, import_use.useEventListener)("touchmove", onTouchmove, {
       target: rootRef
     });

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)}