vant 3.5.0-beta.0 → 3.5.1

package/es/uploader/Uploader.mjs

@@ -1,12 +1,12 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, reactive, defineComponent, onBeforeUnmount } from "vue";
-import { pick, extend, toArray, isPromise, truthProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils";
-import { bem, name, isOversize, filterFiles, isImageFile, readFileContent } from "./utils";
+import { pick, extend, toArray, isPromise, truthProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils/index.mjs";
+import { bem, name, isOversize, filterFiles, isImageFile, readFileContent } from "./utils.mjs";
 import { useCustomFieldValue } from "@vant/use";
-import { useExpose } from "../composables/use-expose";
-import { Icon } from "../icon";
-import { ImagePreview } from "../image-preview";
-import UploaderPreviewItem from "./UploaderPreviewItem";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Icon } from "../icon/index.mjs";
+import { ImagePreview } from "../image-preview/index.mjs";
+import UploaderPreviewItem from "./UploaderPreviewItem.mjs";
 const uploaderProps = {
   name: makeNumericProp(""),
   accept: makeStringProp("image/*"),

package/es/uploader/UploaderPreviewItem.mjs

@@ -1,10 +1,10 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { t, bem, isImageFile } from "./utils";
-import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from "../utils";
-import { Icon } from "../icon";
-import { Image } from "../image";
-import { Loading } from "../loading";
+import { t, bem, isImageFile } from "./utils.mjs";
+import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Image } from "../image/index.mjs";
+import { Loading } from "../loading/index.mjs";
 var stdin_default = defineComponent({
   props: {
     name: numericProp,

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

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Uploader from "./Uploader";
+import { withInstall } from "../utils/index.mjs";
+import _Uploader from "./Uploader.mjs";
 const Uploader = withInstall(_Uploader);
 var stdin_default = Uploader;
 export {

package/es/uploader/utils.mjs

@@ -1,4 +1,4 @@
-import { toArray, createNamespace, isFunction } from "../utils";
+import { toArray, createNamespace, isFunction } from "../utils/index.mjs";
 const [name, bem, t] = createNamespace("uploader");
 function readFileContent(file, resultType) {
   return new Promise((resolve) => {

package/es/utils/create.mjs

@@ -1,7 +1,7 @@
-import { get } from "./basic";
-import { camelize } from "./format";
-import { isFunction } from "./validate";
-import locale from "../locale";
+import { get } from "./basic.mjs";
+import { camelize } from "./format.mjs";
+import { isFunction } from "./validate.mjs";
+import locale from "../locale/index.mjs";
 function createTranslate(name) {
   const prefix = camelize(name) + ".";
   return (path, ...args) => {

package/es/utils/deep-assign.mjs

@@ -1,4 +1,4 @@
-import { isDef, isObject } from "./validate";
+import { isDef, isObject } from "./validate.mjs";
 const { hasOwnProperty } = Object.prototype;
 function assignKey(to, from, key) {
   const val = from[key];

package/es/utils/deep-clone.mjs

@@ -1,4 +1,4 @@
-import { isDef, isObject } from "./validate";
+import { isDef, isObject } from "./validate.mjs";
 function deepClone(obj) {
   if (!isDef(obj)) {
     return obj;

package/es/utils/dom.mjs

@@ -1,6 +1,6 @@
 import { useRect, useWindowSize } from "@vant/use";
 import { unref } from "vue";
-import { isIOS as checkIsIOS } from "./validate";
+import { isIOS as checkIsIOS } from "./validate.mjs";
 function getScrollTop(el) {
   const top = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
   return Math.max(top, 0);

package/es/utils/format.mjs

@@ -1,6 +1,6 @@
-import { inBrowser } from "./basic";
-import { windowWidth, windowHeight } from "./dom";
-import { isDef, isNumeric } from "./validate";
+import { inBrowser } from "./basic.mjs";
+import { windowWidth, windowHeight } from "./dom.mjs";
+import { isDef, isNumeric } from "./validate.mjs";
 function addUnit(value) {
   if (isDef(value)) {
     return isNumeric(value) ? `${value}px` : String(value);

package/es/utils/index.mjs

@@ -1,9 +1,9 @@
-export * from "./basic";
-export * from "./props";
-export * from "./dom";
-export * from "./create";
-export * from "./format";
-export * from "./constant";
-export * from "./validate";
-export * from "./interceptor";
-export * from "./with-install";
+export * from "./basic.mjs";
+export * from "./props.mjs";
+export * from "./dom.mjs";
+export * from "./create.mjs";
+export * from "./format.mjs";
+export * from "./constant.mjs";
+export * from "./validate.mjs";
+export * from "./interceptor.mjs";
+export * from "./with-install.mjs";

package/es/utils/interceptor.mjs

@@ -1,5 +1,5 @@
-import { noop } from "./basic";
-import { isPromise } from "./validate";
+import { noop } from "./basic.mjs";
+import { isPromise } from "./validate.mjs";
 function callInterceptor(interceptor, {
   args = [],
   done,

package/es/utils/mount-component.mjs

@@ -1,6 +1,6 @@
 import { createApp, reactive } from "vue";
-import { extend } from "../utils";
-import { useExpose } from "../composables/use-expose";
+import { extend } from "../utils/index.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 function usePopupState() {
   const state = reactive({
     show: false

package/es/utils/validate.mjs

@@ -1,4 +1,4 @@
-import { inBrowser } from "./basic";
+import { inBrowser } from "./basic.mjs";
 const isDef = (val) => val !== void 0 && val !== null;
 const isFunction = (val) => typeof val === "function";
 const isObject = (val) => val !== null && typeof val === "object";

package/es/utils/with-install.mjs

@@ -1,4 +1,4 @@
-import { camelize } from "./format";
+import { camelize } from "./format.mjs";
 function withInstall(options) {
   options.install = (app) => {
     const { name } = options;

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

package/lib/dialog/Dialog.d.ts

@@ -45,8 +45,10 @@ declare const dialogProps: {
     showCancelButton: BooleanConstructor;
     cancelButtonText: StringConstructor;
     cancelButtonColor: StringConstructor;
+    cancelButtonDisabled: BooleanConstructor;
     confirmButtonText: StringConstructor;
     confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
     showConfirmButton: {
         type: BooleanConstructor;
         default: true;
@@ -99,8 +101,10 @@ declare const _default: import("vue").DefineComponent<{
     showCancelButton: BooleanConstructor;
     cancelButtonText: StringConstructor;
     cancelButtonColor: StringConstructor;
+    cancelButtonDisabled: BooleanConstructor;
     confirmButtonText: StringConstructor;
     confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
     showConfirmButton: {
         type: BooleanConstructor;
         default: true;
@@ -151,8 +155,10 @@ declare const _default: import("vue").DefineComponent<{
     showCancelButton: BooleanConstructor;
     cancelButtonText: StringConstructor;
     cancelButtonColor: StringConstructor;
+    cancelButtonDisabled: BooleanConstructor;
     confirmButtonText: StringConstructor;
     confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
     showConfirmButton: {
         type: BooleanConstructor;
         default: true;
@@ -174,6 +180,8 @@ declare const _default: import("vue").DefineComponent<{
     closeOnPopstate: boolean;
     allowHtml: boolean;
     showCancelButton: boolean;
+    cancelButtonDisabled: boolean;
+    confirmButtonDisabled: boolean;
     showConfirmButton: boolean;
 }>;
 export default _default;

package/lib/dialog/Dialog.js

@@ -43,8 +43,10 @@ const dialogProps = (0, import_utils.extend)({}, import_shared.popupSharedProps,
   showCancelButton: Boolean,
   cancelButtonText: String,
   cancelButtonColor: String,
+  cancelButtonDisabled: Boolean,
   confirmButtonText: String,
   confirmButtonColor: String,
+  confirmButtonDisabled: Boolean,
   showConfirmButton: import_utils.truthProp,
   closeOnClickOverlay: Boolean
 });
@@ -165,6 +167,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         color: props.cancelButtonColor
       },
       "loading": loading.cancel,
+      "disabled": props.cancelButtonDisabled,
       "onClick": onCancel
     }, null), props.showConfirmButton && (0, import_vue.createVNode)(import_button.Button, {
       "size": "large",
@@ -176,6 +179,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         color: props.confirmButtonColor
       },
       "loading": loading.confirm,
+      "disabled": props.confirmButtonDisabled,
       "onClick": onConfirm
     }, null)]);
     const renderRoundButtons = () => (0, import_vue.createVNode)(import_action_bar.ActionBar, {
@@ -187,6 +191,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": bem("cancel"),
         "color": props.cancelButtonColor,
         "loading": loading.cancel,
+        "disabled": props.cancelButtonDisabled,
         "onClick": onCancel
       }, null), props.showConfirmButton && (0, import_vue.createVNode)(import_action_bar_button.ActionBarButton, {
         "type": "danger",
@@ -194,6 +199,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": bem("confirm"),
         "color": props.confirmButtonColor,
         "loading": loading.confirm,
+        "disabled": props.confirmButtonDisabled,
         "onClick": onConfirm
       }, null)]
     });

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

@@ -20,8 +20,10 @@ declare namespace Dialog {
         messageAlign: string;
         cancelButtonText: string;
         cancelButtonColor: null;
+        cancelButtonDisabled: boolean;
         confirmButtonText: string;
         confirmButtonColor: null;
+        confirmButtonDisabled: boolean;
         showConfirmButton: boolean;
         showCancelButton: boolean;
         closeOnPopstate: boolean;
@@ -45,8 +47,10 @@ declare namespace Dialog {
         messageAlign: string;
         cancelButtonText: string;
         cancelButtonColor: null;
+        cancelButtonDisabled: boolean;
         confirmButtonText: string;
         confirmButtonColor: null;
+        confirmButtonDisabled: boolean;
         showConfirmButton: boolean;
         showCancelButton: boolean;
         closeOnPopstate: boolean;
@@ -102,8 +106,10 @@ declare namespace Dialog {
         showCancelButton: BooleanConstructor;
         cancelButtonText: StringConstructor;
         cancelButtonColor: StringConstructor;
+        cancelButtonDisabled: BooleanConstructor;
         confirmButtonText: StringConstructor;
         confirmButtonColor: StringConstructor;
+        confirmButtonDisabled: BooleanConstructor;
         showConfirmButton: {
             type: BooleanConstructor;
             default: true;
@@ -154,8 +160,10 @@ declare namespace Dialog {
         showCancelButton: BooleanConstructor;
         cancelButtonText: StringConstructor;
         cancelButtonColor: StringConstructor;
+        cancelButtonDisabled: BooleanConstructor;
         confirmButtonText: StringConstructor;
         confirmButtonColor: StringConstructor;
+        confirmButtonDisabled: BooleanConstructor;
         showConfirmButton: {
             type: BooleanConstructor;
             default: true;
@@ -177,6 +185,8 @@ declare namespace Dialog {
         closeOnPopstate: boolean;
         allowHtml: boolean;
         showCancelButton: boolean;
+        cancelButtonDisabled: boolean;
+        confirmButtonDisabled: boolean;
         showConfirmButton: boolean;
     }>>;
     var install: (app: App<any>) => void;

package/lib/dialog/function-call.js

@@ -77,8 +77,10 @@ Dialog.defaultOptions = {
   messageAlign: "",
   cancelButtonText: "",
   cancelButtonColor: null,
+  cancelButtonDisabled: false,
   confirmButtonText: "",
   confirmButtonColor: null,
+  confirmButtonDisabled: false,
   showConfirmButton: true,
   showCancelButton: false,
   closeOnPopstate: true,

package/lib/dialog/types.d.ts

@@ -21,12 +21,14 @@ export declare type DialogOptions = {
     overlayClass?: string;
     overlayStyle?: CSSProperties;
     closeOnPopstate?: boolean;
-    cancelButtonText?: string;
     showCancelButton?: boolean;
     showConfirmButton?: boolean;
+    cancelButtonText?: string;
     cancelButtonColor?: string;
+    cancelButtonDisabled?: boolean;
     confirmButtonText?: string;
     confirmButtonColor?: string;
+    confirmButtonDisabled?: boolean;
     closeOnClickOverlay?: boolean;
 };
 declare module '@vue/runtime-core' {

package/lib/index.d.ts

@@ -90,4 +90,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.5.0-beta.0";
+export const version: "3.5.1";

package/lib/index.js

@@ -194,7 +194,7 @@ __reExport(stdin_exports, require("./tag"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "3.5.0-beta.0";
+const version = "3.5.1";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/picker/Picker.js

@@ -136,7 +136,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       } else {
         formattedColumns.value = columns;
       }
-      hasOptions.value = formattedColumns.value.some((item) => item[columnsFieldNames.value.values] && item[columnsFieldNames.value.values].length !== 0);
+      hasOptions.value = formattedColumns.value.some((item) => item[columnsFieldNames.value.values] && item[columnsFieldNames.value.values].length !== 0) || children.some((item) => item.hasOptions);
     };
     const getIndexes = () => children.map((child) => child.state.index);
     const setColumnValues = (index, options) => {

package/lib/picker/PickerColumn.js

@@ -225,6 +225,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const getValue = () => state.options[state.index];
+    const hasOptions = () => state.options.length;
     setIndex(state.index);
     (0, import_use.useParent)(PICKER_KEY);
     (0, import_use_expose.useExpose)({
@@ -233,6 +234,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       getValue,
       setValue,
       setOptions,
+      hasOptions,
       stopMomentum
     });
     (0, import_vue2.watch)(() => props.initialOptions, setOptions);

package/lib/popup/Popup.js

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

package/lib/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/lib/pull-refresh/PullRefresh.js

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

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

@@ -72,6 +72,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     (0, import_use.useCustomFieldValue)(() => props.modelValue);
     return () => {
+      var _a;
       const {
         size,
         loading,
@@ -97,7 +98,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onClick": onClick
       }, [(0, import_vue.createVNode)("div", {
         "class": bem("node")
-      }, [renderLoading()])]);
+      }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
 });

package/lib/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/lib/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/lib/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/lib/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;