vant 3.5.0 → 3.5.3

package/es/locale/index.d.ts

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

package/es/popover/Popover.mjs

@@ -43,22 +43,23 @@ var stdin_default = defineComponent({
     let popper;
     const wrapperRef = ref();
     const popoverRef = ref();
+    const getPopoverOptions = () => ({
+      placement: props.placement,
+      modifiers: [{
+        name: "computeStyles",
+        options: {
+          adaptive: false,
+          gpuAcceleration: false
+        }
+      }, extend({}, offsetModifier, {
+        options: {
+          offset: props.offset
+        }
+      })]
+    });
     const createPopperInstance = () => {
       if (wrapperRef.value && popoverRef.value) {
-        return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, {
-          placement: props.placement,
-          modifiers: [{
-            name: "computeStyles",
-            options: {
-              adaptive: false,
-              gpuAcceleration: false
-            }
-          }, extend({}, offsetModifier, {
-            options: {
-              offset: props.offset
-            }
-          })]
-        });
+        return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
       }
       return null;
     };
@@ -70,9 +71,7 @@ var stdin_default = defineComponent({
         if (!popper) {
           popper = createPopperInstance();
         } else {
-          popper.setOptions({
-            placement: props.placement
-          });
+          popper.setOptions(getPopoverOptions());
         }
       });
     };
@@ -143,7 +142,7 @@ var stdin_default = defineComponent({
         popper = null;
       }
     });
-    watch(() => [props.show, props.placement], updateLocation);
+    watch(() => [props.show, props.offset, props.placement], updateLocation);
     useClickAway(wrapperRef, onClickAway, {
       eventName: "touchstart"
     });

package/es/popup/Popup.mjs

@@ -182,7 +182,7 @@ var stdin_default = defineComponent({
       }
     });
     onDeactivated(() => {
-      if (props.show) {
+      if (props.show && props.teleport) {
         close();
         shouldReopen = true;
       }

package/es/pull-refresh/PullRefresh.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "refresh")[], "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "refresh")[], "update:modelValue" | "change" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
     headHeight: {
@@ -62,6 +62,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onRefresh?: ((...args: any[]) => any) | undefined;
 }, {

package/es/pull-refresh/PullRefresh.mjs

@@ -22,7 +22,7 @@ const pullRefreshProps = {
 var stdin_default = defineComponent({
   name,
   props: pullRefreshProps,
-  emits: ["refresh", "update:modelValue"],
+  emits: ["change", "refresh", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -67,6 +67,10 @@ var stdin_default = defineComponent({
       } else {
         state.status = "loosing";
       }
+      emit("change", {
+        status: state.status,
+        distance
+      });
     };
     const getStatusText = () => {
       const {

package/es/pull-refresh/index.d.ts

@@ -18,7 +18,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "refresh")[], "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "refresh")[], "update:modelValue" | "change" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
     headHeight: {
@@ -39,6 +39,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         default: number;
     };
 }>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onRefresh?: ((...args: any[]) => any) | undefined;
 }, {

package/es/sidebar-item/index.less

@@ -38,7 +38,7 @@
   }
 
   &__text {
-    // https://github.com/youzan/vant/issues/7455
+    // https://github.com/vant-ui/vant/issues/7455
     word-break: break-all;
   }
 

package/es/submit-bar/SubmitBar.d.ts

@@ -20,6 +20,7 @@ declare const submitBarProps: {
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -76,6 +78,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -88,6 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     onSubmit?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
     loading: boolean;
     currency: string;

package/es/submit-bar/SubmitBar.mjs

@@ -1,8 +1,9 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { ref, defineComponent } from "vue";
 import { truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Button } from "../button/index.mjs";
+import { usePlaceholder } from "../composables/use-placeholder.mjs";
 const [name, bem, t] = createNamespace("submit-bar");
 const submitBarProps = {
   tip: String,
@@ -17,6 +18,7 @@ const submitBarProps = {
   buttonType: makeStringProp("danger"),
   buttonColor: String,
   suffixLabel: String,
+  placeholder: Boolean,
   decimalLength: makeNumericProp(2),
   safeAreaInsetBottom: truthProp
 };
@@ -28,6 +30,8 @@ var stdin_default = defineComponent({
     emit,
     slots
   }) {
+    const root = ref();
+    const renderPlaceholder = usePlaceholder(root, bem);
     const renderText = () => {
       const {
         price,
@@ -87,9 +91,10 @@ var stdin_default = defineComponent({
         "onClick": onClickButton
       }, null);
     };
-    return () => {
+    const renderSubmitBar = () => {
       var _a, _b;
       return _createVNode("div", {
+        "ref": root,
         "class": [bem(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
@@ -97,6 +102,12 @@ var stdin_default = defineComponent({
         "class": bem("bar")
       }, [(_b = slots.default) == null ? void 0 : _b.call(slots), renderText(), renderButton()])]);
     };
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderSubmitBar);
+      }
+      return renderSubmitBar();
+    };
   }
 });
 export {

package/es/submit-bar/index.d.ts

@@ -17,6 +17,7 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -44,6 +45,7 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -56,6 +58,7 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     onSubmit?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
     loading: boolean;
     currency: string;

package/es/swipe/index.less

@@ -12,7 +12,7 @@
 .van-swipe {
   position: relative;
   overflow: hidden;
-  // https://github.com/youzan/vant/issues/9931
+  // https://github.com/vant-ui/vant/issues/9931
   transform: translateZ(0);
   cursor: grab;
   user-select: none;

package/es/switch/index.less

@@ -33,7 +33,7 @@
     left: 0;
     width: var(--van-switch-node-size);
     height: var(--van-switch-node-size);
-    // https://github.com/youzan/vant/issues/9839
+    // https://github.com/vant-ui/vant/issues/9839
     font-size: inherit;
     background: var(--van-switch-node-background-color);
     border-radius: 100%;

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

@@ -1,11 +1,10 @@
 import { type App } from 'vue';
-import { type ComponentInstance } from '../utils';
-import type { ToastType, ToastOptions } from './types';
-declare function Toast(options?: string | ToastOptions): ComponentInstance;
+import type { ToastType, ToastOptions, ToastWrapperInstance } from './types';
+declare function Toast(options?: string | ToastOptions): ToastWrapperInstance;
 declare namespace Toast {
-    var loading: (options: string | ToastOptions) => ComponentInstance;
-    var success: (options: string | ToastOptions) => ComponentInstance;
-    var fail: (options: string | ToastOptions) => ComponentInstance;
+    var loading: (options: string | ToastOptions) => ToastWrapperInstance;
+    var success: (options: string | ToastOptions) => ToastWrapperInstance;
+    var fail: (options: string | ToastOptions) => ToastWrapperInstance;
     var clear: (all?: boolean | undefined) => void;
     var setDefaultOptions: {
         (options: ToastOptions): void;

package/es/toast/index.less

@@ -38,7 +38,7 @@
   // allow newline character
   white-space: pre-wrap;
   text-align: center;
-  // https://github.com/youzan/vant/issues/8959
+  // https://github.com/vant-ui/vant/issues/8959
   word-break: break-all;
   background: var(--van-toast-background-color);
   border-radius: var(--van-toast-border-radius);

package/es/toast/types.d.ts

@@ -1,5 +1,5 @@
 import { Toast } from './function-call';
-import type { TeleportProps } from 'vue';
+import type { ComponentPublicInstance, TeleportProps } from 'vue';
 import type { LoadingType } from '../loading';
 import type { Numeric } from '../utils';
 export declare type ToastType = 'text' | 'loading' | 'success' | 'fail' | 'html';
@@ -31,3 +31,12 @@ declare module '@vue/runtime-core' {
         $toast: typeof Toast;
     }
 }
+export declare type ToastWrapperInstance = ComponentPublicInstance<{
+    message: Numeric;
+}, {
+    clear: () => void;
+    /**
+     * @private
+     */
+    open: (props: Record<string, any>) => void;
+}>;

package/es/uploader/Uploader.d.ts

@@ -54,7 +54,7 @@ declare const uploaderProps: {
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: PropType<ImagePreviewOptions>;
+    previewOptions: PropType<Partial<ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;
@@ -116,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: PropType<ImagePreviewOptions>;
+    previewOptions: PropType<Partial<ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;
@@ -176,7 +176,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: PropType<ImagePreviewOptions>;
+    previewOptions: PropType<Partial<ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;

package/es/uploader/Uploader.mjs

@@ -147,7 +147,7 @@ var stdin_default = defineComponent({
       if (props.previewFullImage) {
         const imageFiles = props.modelValue.filter(isImageFile);
         const images = imageFiles.map((item2) => {
-          if (item2.file && !item2.url) {
+          if (item2.file && !item2.url && item2.status !== "failed") {
             item2.url = URL.createObjectURL(item2.file);
             urls.push(item2.url);
           }

package/es/uploader/index.d.ts

@@ -50,7 +50,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: import("vue").PropType<import("..").ImagePreviewOptions>;
+    previewOptions: import("vue").PropType<Partial<import("..").ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;
@@ -110,7 +110,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: import("vue").PropType<import("..").ImagePreviewOptions>;
+    previewOptions: import("vue").PropType<Partial<import("..").ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;

package/es/utils/basic.d.ts

@@ -1,9 +1,9 @@
 import type { ComponentPublicInstance } from 'vue';
 export declare function noop(): void;
 export declare const extend: {
-    <T, U>(target: T, source: U): T & U;
-    <T_1, U_1, V>(target: T_1, source1: U_1, source2: V): T_1 & U_1 & V;
-    <T_2, U_2, V_1, W>(target: T_2, source1: U_2, source2: V_1, source3: W): T_2 & U_2 & V_1 & W;
+    <T extends {}, U>(target: T, source: U): T & U;
+    <T_1 extends {}, U_1, V>(target: T_1, source1: U_1, source2: V): T_1 & U_1 & V;
+    <T_2 extends {}, U_2, V_1, W>(target: T_2, source1: U_2, source2: V_1, source3: W): T_2 & U_2 & V_1 & W;
     (target: object, ...sources: any[]): any;
 };
 export declare const inBrowser: boolean;

package/es/utils/create.d.ts

@@ -12,6 +12,6 @@ export declare type Mods = Mod | Mod[];
  * b('text', { disabled }) // 'button__text button__text--disabled'
  * b(['disabled', 'primary']) // 'button button--disabled button--primary'
  */
-export declare function createBEM(name: string): (el?: Mods | undefined, mods?: Mods | undefined) => Mods;
+export declare function createBEM(name: string): (el?: Mods, mods?: Mods) => Mods;
 export declare type BEM = ReturnType<typeof createBEM>;
 export declare function createNamespace(name: string): readonly [string, (el?: Mods | undefined, mods?: Mods | undefined) => Mods, (path: string, ...args: unknown[]) => any];

package/lib/action-bar/ActionBar.d.ts

@@ -1,6 +1,7 @@
 import { type ExtractPropTypes } from 'vue';
 export declare const ACTION_BAR_KEY: unique symbol;
 declare const actionBarProps: {
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
@@ -8,16 +9,19 @@ declare const actionBarProps: {
 };
 export declare type ActionBarProps = ExtractPropTypes<typeof actionBarProps>;
 declare const _default: import("vue").DefineComponent<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }>>, {
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
 }>;
 export default _default;

package/lib/action-bar/ActionBar.js

@@ -25,9 +25,11 @@ var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@vant/use");
+var import_use_placeholder = require("../composables/use-placeholder");
 const [name, bem] = (0, import_utils.createNamespace)("action-bar");
 const ACTION_BAR_KEY = Symbol(name);
 const actionBarProps = {
+  placeholder: Boolean,
   safeAreaInsetBottom: import_utils.truthProp
 };
 var stdin_default = (0, import_vue2.defineComponent)({
@@ -36,17 +38,26 @@ var stdin_default = (0, import_vue2.defineComponent)({
   setup(props, {
     slots
   }) {
+    const root = (0, import_vue2.ref)();
+    const renderPlaceholder = (0, import_use_placeholder.usePlaceholder)(root, bem);
     const {
       linkChildren
     } = (0, import_use.useChildren)(ACTION_BAR_KEY);
     linkChildren();
-    return () => {
+    const renderActionBar = () => {
       var _a;
       return (0, import_vue.createVNode)("div", {
+        "ref": root,
         "class": [bem(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderActionBar);
+      }
+      return renderActionBar();
+    };
   }
 });

package/lib/action-bar/index.d.ts

@@ -1,14 +1,17 @@
 export declare const ActionBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
 }>>, {
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
 }>>;
 export default ActionBar;

package/lib/button/index.less

@@ -201,7 +201,7 @@
     height: 100%;
 
     // fix icon vertical align
-    // see: https://github.com/youzan/vant/issues/7617
+    // see: https://github.com/vant-ui/vant/issues/7617
     &::before {
       content: ' ';
     }

package/lib/calendar/Calendar.js

@@ -137,6 +137,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const months = (0, import_vue2.computed)(() => {
       const months2 = [];
       const cursor = new Date(props.minDate);
+      if (props.lazyRender && !props.show && props.poppable) {
+        return months2;
+      }
       cursor.setDate(1);
       do {
         months2.push(new Date(cursor));
@@ -155,6 +158,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return !currentDate.value;
     });
+    const getSelectedDate = () => currentDate.value;
     const onScroll = () => {
       const top = (0, import_utils.getScrollTop)(bodyRef.value);
       const bottom = top + bodyHeight;
@@ -397,7 +401,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     (0, import_use_expose.useExpose)({
       reset,
-      scrollToDate
+      scrollToDate,
+      getSelectedDate
     });
     (0, import_use.onMountedOrActivated)(init);
     return () => {

package/lib/calendar/types.d.ts

@@ -15,6 +15,7 @@ export declare type CalendarDayItem = {
 export declare type CalendarExpose = {
     reset: (date?: Date | Date[]) => void;
     scrollToDate: (targetDate: Date) => void;
+    getSelectedDate: () => Date | Date[] | null;
 };
 export declare type CalendarInstance = ComponentPublicInstance<CalendarProps, CalendarExpose>;
 export declare type CalendarMonthInstance = ComponentPublicInstance<CalendarMonthProps, {

package/lib/cell/Cell.d.ts

@@ -110,10 +110,10 @@ declare const _default: import("vue").DefineComponent<{
     replace: BooleanConstructor;
 }>>, {
     replace: boolean;
+    required: boolean;
     center: boolean;
     isLink: boolean;
     border: boolean;
-    required: boolean;
     clickable: boolean | null;
 }>;
 export default _default;

package/lib/cell/index.d.ts

@@ -54,10 +54,10 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     replace: BooleanConstructor;
 }>>, {
     replace: boolean;
+    required: boolean;
     center: boolean;
     isLink: boolean;
     border: boolean;
-    required: boolean;
     clickable: boolean | null;
 }>>;
 export default Cell;

package/lib/collapse/Collapse.d.ts

@@ -1,9 +1,13 @@
-import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
+import { type PropType, type InjectionKey, type ExtractPropTypes, type ComponentPublicInstance } from 'vue';
 import { type Numeric } from '../utils';
 export declare type CollapseProvide = {
     toggle: (name: Numeric, expanded: boolean) => void;
     isExpanded: (name: Numeric) => boolean;
 };
+export declare type CollapseToggleAllOptions = boolean | {
+    expanded?: boolean;
+    skipDisabled?: boolean;
+};
 export declare const COLLAPSE_KEY: InjectionKey<CollapseProvide>;
 declare const collapseProps: {
     border: {
@@ -17,6 +21,9 @@ declare const collapseProps: {
     };
 };
 export declare type CollapseProps = ExtractPropTypes<typeof collapseProps>;
+export declare type CollapseInstance = ComponentPublicInstance<{
+    toggleAll: (options?: boolean | CollapseToggleAllOptions) => void;
+}>;
 declare const _default: import("vue").DefineComponent<{
     border: {
         type: BooleanConstructor;