vant 4.8.11 → 4.9.0

package/es/calendar/index.d.ts

@@ -4,6 +4,10 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./types").CalendarType>;
         default: import("./types").CalendarType;
     };
+    switchMode: {
+        type: import("vue").PropType<import("./types").CalendarSwitchMode>;
+        default: import("./types").CalendarSwitchMode;
+    };
     title: StringConstructor;
     color: StringConstructor;
     round: {
@@ -71,24 +75,26 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     minDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     maxDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     firstDayOfWeek: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
         validator: (val: number) => boolean;
     };
-}, () => import("vue/jsx-runtime").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").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "panelChange" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "panelChange" | "unselect" | "monthShow" | "overRange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     type: {
         type: import("vue").PropType<import("./types").CalendarType>;
         default: import("./types").CalendarType;
     };
+    switchMode: {
+        type: import("vue").PropType<import("./types").CalendarSwitchMode>;
+        default: import("./types").CalendarSwitchMode;
+    };
     title: StringConstructor;
     color: StringConstructor;
     round: {
@@ -156,12 +162,10 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     minDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     maxDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     firstDayOfWeek: {
         type: (NumberConstructor | StringConstructor)[];
@@ -174,6 +178,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     onConfirm?: ((...args: any[]) => any) | undefined;
     onClickDisabledDate?: ((...args: any[]) => any) | undefined;
     onClickSubtitle?: ((...args: any[]) => any) | undefined;
+    onPanelChange?: ((...args: any[]) => any) | undefined;
     onUnselect?: ((...args: any[]) => any) | undefined;
     onMonthShow?: ((...args: any[]) => any) | undefined;
     onOverRange?: ((...args: any[]) => any) | undefined;
@@ -188,6 +193,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
     safeAreaInsetTop: boolean;
+    switchMode: import("./types").CalendarSwitchMode;
     poppable: boolean;
     maxRange: string | number;
     showMark: boolean;
@@ -196,8 +202,6 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     allowSameDay: boolean;
     showSubtitle: boolean;
     showRangePrompt: boolean;
-    minDate: Date;
-    maxDate: Date;
     firstDayOfWeek: string | number;
 }, {}>>;
 export default Calendar;

package/es/calendar/types.d.ts

@@ -2,6 +2,7 @@ import type { ComponentPublicInstance, ComputedRef, Ref } from 'vue';
 import type { Numeric } from '../utils';
 import type { CalendarProps } from './Calendar';
 import type { CalendarMonthProps } from './CalendarMonth';
+export type CalendarSwitchMode = 'none' | 'month' | 'year-month';
 export type CalendarType = 'single' | 'range' | 'multiple';
 export type CalendarDayType = '' | 'start' | 'start-end' | 'middle' | 'end' | 'selected' | 'multiple-middle' | 'multiple-selected' | 'disabled' | 'placeholder';
 export type CalendarDayItem = {
@@ -33,6 +34,9 @@ export type CalendarThemeVars = {
     calendarHeaderTitleHeight?: string;
     calendarHeaderTitleFontSize?: string;
     calendarHeaderSubtitleFontSize?: string;
+    calendarHeaderActionWidth?: string;
+    calendarHeaderActionColor?: string;
+    calendarHeaderActionDisabledColor?: string;
     calendarWeekdaysHeight?: string;
     calendarWeekdaysFontSize?: string;
     calendarMonthTitleFontSize?: string;

package/es/calendar/utils.d.ts

@@ -6,7 +6,13 @@ export declare function compareDay(day1: Date, day2: Date): 0 | 1 | -1;
 export declare const cloneDate: (date: Date) => Date;
 export declare const cloneDates: (dates: Date | Date[]) => Date | Date[];
 export declare function getDayByOffset(date: Date, offset: number): Date;
+export declare function getMonthByOffset(date: Date, offset: number): Date;
+export declare function getYearByOffset(date: Date, offset: number): Date;
 export declare const getPrevDay: (date: Date) => Date;
 export declare const getNextDay: (date: Date) => Date;
+export declare const getPrevMonth: (date: Date) => Date;
+export declare const getNextMonth: (date: Date) => Date;
+export declare const getPrevYear: (date: Date) => Date;
+export declare const getNextYear: (date: Date) => Date;
 export declare const getToday: () => Date;
 export declare function calcDateNum(date: [Date, Date]): number;

package/es/calendar/utils.mjs

@@ -27,8 +27,22 @@ function getDayByOffset(date, offset) {
   cloned.setDate(cloned.getDate() + offset);
   return cloned;
 }
+function getMonthByOffset(date, offset) {
+  const cloned = cloneDate(date);
+  cloned.setMonth(cloned.getMonth() + offset);
+  return cloned;
+}
+function getYearByOffset(date, offset) {
+  const cloned = cloneDate(date);
+  cloned.setFullYear(cloned.getFullYear() + offset);
+  return cloned;
+}
 const getPrevDay = (date) => getDayByOffset(date, -1);
 const getNextDay = (date) => getDayByOffset(date, 1);
+const getPrevMonth = (date) => getMonthByOffset(date, -1);
+const getNextMonth = (date) => getMonthByOffset(date, 1);
+const getPrevYear = (date) => getYearByOffset(date, -1);
+const getNextYear = (date) => getYearByOffset(date, 1);
 const getToday = () => {
   const today = /* @__PURE__ */ new Date();
   today.setHours(0, 0, 0, 0);
@@ -48,9 +62,15 @@ export {
   compareMonth,
   formatMonthTitle,
   getDayByOffset,
+  getMonthByOffset,
   getNextDay,
+  getNextMonth,
+  getNextYear,
   getPrevDay,
+  getPrevMonth,
+  getPrevYear,
   getToday,
+  getYearByOffset,
   name,
   t
 };

package/es/highlight/Highlight.mjs

@@ -66,6 +66,13 @@ var stdin_default = defineComponent({
         return chunks2;
       }, []);
       const lastChunk = chunks[chunks.length - 1];
+      if (!lastChunk) {
+        chunks.push({
+          start: 0,
+          end: sourceString.length,
+          highlight: false
+        });
+      }
       if (lastChunk && lastChunk.end < sourceString.length) {
         chunks.push({
           start: lastChunk.end,

package/es/image-preview/ImagePreviewItem.mjs

@@ -191,6 +191,8 @@ var stdin_default = defineComponent({
     const checkClose = (event) => {
       var _a;
       const swipeItemEl = (_a = swipeItem.value) == null ? void 0 : _a.$el;
+      if (!swipeItemEl)
+        return;
       const imageEl = swipeItemEl.firstElementChild;
       const isClickOverlay = event.target === swipeItemEl;
       const isClickImage = imageEl == null ? void 0 : imageEl.contains(event.target);

package/es/index-bar/IndexBar.mjs

@@ -84,7 +84,11 @@ var stdin_default = defineComponent({
         const match = getMatchAnchor(selectActiveIndex);
         if (match) {
           const rect = match.getRect(scrollParent.value, scrollParentRect);
-          active = getActiveAnchor(rect.top, rects);
+          if (props.sticky && props.stickyOffsetTop) {
+            active = getActiveAnchor(rect.top - props.stickyOffsetTop, rects);
+          } else {
+            active = getActiveAnchor(rect.top, rects);
+          }
         }
       } else {
         active = getActiveAnchor(scrollTop, rects);
@@ -157,7 +161,11 @@ var stdin_default = defineComponent({
           return;
         }
         if (props.sticky && props.stickyOffsetTop) {
-          setRootScrollTop(getRootScrollTop() - props.stickyOffsetTop);
+          if (getRootScrollTop() === offsetHeight - scrollParentRect.height) {
+            setRootScrollTop(getRootScrollTop());
+          } else {
+            setRootScrollTop(getRootScrollTop() - props.stickyOffsetTop);
+          }
         }
         emit("select", match.index);
       }

package/es/index.d.ts

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

package/es/index.mjs

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

package/es/picker-group/PickerGroup.d.ts

@@ -11,6 +11,10 @@ export declare const pickerGroupProps: {
         default: number;
     };
     nextStepText: StringConstructor;
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
 } & {
     title: StringConstructor;
     cancelButtonText: StringConstructor;
@@ -27,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     nextStepText: StringConstructor;
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
 } & {
     title: StringConstructor;
     cancelButtonText: StringConstructor;
@@ -41,6 +49,10 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     nextStepText: StringConstructor;
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
 } & {
     title: StringConstructor;
     cancelButtonText: StringConstructor;
@@ -50,6 +62,7 @@ declare const _default: import("vue").DefineComponent<{
     onConfirm?: ((...args: any[]) => any) | undefined;
     "onUpdate:activeTab"?: ((...args: any[]) => any) | undefined;
 }, {
+    showToolbar: boolean;
     tabs: string[];
     activeTab: string | number;
 }, {}>;

package/es/picker-group/PickerGroup.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent, Comment, Fragment } from "vue";
-import { flat, pick, extend, makeArrayProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { flat, pick, extend, makeArrayProp, makeNumericProp, createNamespace, truthProp } from "../utils/index.mjs";
 import { useChildren } from "@vant/use";
 import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
 import { Tab } from "../tab/index.mjs";
@@ -11,7 +11,8 @@ const PICKER_GROUP_KEY = Symbol(name);
 const pickerGroupProps = extend({
   tabs: makeArrayProp(),
   activeTab: makeNumericProp(0),
-  nextStepText: String
+  nextStepText: String,
+  showToolbar: truthProp
 }, pickerToolbarProps);
 var stdin_default = defineComponent({
   name,
@@ -50,13 +51,13 @@ var stdin_default = defineComponent({
       const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
       return _createVNode("div", {
         "class": bem()
-      }, [_createVNode(Toolbar, {
+      }, [props.showToolbar ? _createVNode(Toolbar, {
         "title": props.title,
         "cancelButtonText": props.cancelButtonText,
         "confirmButtonText": confirmButtonText,
         "onConfirm": onConfirm,
         "onCancel": onCancel
-      }, pick(slots, pickerToolbarSlots)), _createVNode(Tabs, {
+      }, pick(slots, pickerToolbarSlots)) : null, _createVNode(Tabs, {
         "active": activeTab.value,
         "onUpdate:active": ($event) => activeTab.value = $event,
         "class": bem("tabs"),

package/es/picker-group/index.d.ts

@@ -9,6 +9,10 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
         default: number;
     };
     nextStepText: StringConstructor;
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
 } & {
     title: StringConstructor;
     cancelButtonText: StringConstructor;
@@ -23,6 +27,10 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
         default: number;
     };
     nextStepText: StringConstructor;
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
 } & {
     title: StringConstructor;
     cancelButtonText: StringConstructor;
@@ -32,6 +40,7 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
     onConfirm?: ((...args: any[]) => any) | undefined;
     "onUpdate:activeTab"?: ((...args: any[]) => any) | undefined;
 }, {
+    showToolbar: boolean;
     tabs: string[];
     activeTab: string | number;
 }, {}>>;

package/es/utils/basic.d.ts

@@ -27,4 +27,4 @@ export type RequiredParams<T> = T extends (...args: infer P) => infer R ? (...ar
 export declare function pick<T, U extends keyof T>(obj: T, keys: ReadonlyArray<U>, ignoreUndefined?: boolean): Writeable<Pick<T, U>>;
 export declare const isSameValue: (newValue: unknown, oldValue: unknown) => boolean;
 export declare const toArray: <T>(item: T | T[]) => T[];
-export declare const flat: <T>(arr: (T | T[])[]) => T[];
+export declare const flat: <T>(arr: Array<T | T[]>) => T[];

package/lib/calendar/Calendar.d.ts

@@ -1,12 +1,16 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { PopupPosition } from '../popup';
-import type { CalendarType, CalendarDayItem } from './types';
+import type { CalendarType, CalendarSwitchMode, CalendarDayItem } from './types';
 export declare const calendarProps: {
     show: BooleanConstructor;
     type: {
         type: PropType<CalendarType>;
         default: CalendarType;
     };
+    switchMode: {
+        type: PropType<CalendarSwitchMode>;
+        default: CalendarSwitchMode;
+    };
     title: StringConstructor;
     color: StringConstructor;
     round: {
@@ -74,12 +78,10 @@ export declare const calendarProps: {
     minDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     maxDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     firstDayOfWeek: {
         type: (NumberConstructor | StringConstructor)[];
@@ -94,6 +96,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<CalendarType>;
         default: CalendarType;
     };
+    switchMode: {
+        type: PropType<CalendarSwitchMode>;
+        default: CalendarSwitchMode;
+    };
     title: StringConstructor;
     color: StringConstructor;
     round: {
@@ -161,24 +167,26 @@ declare const _default: import("vue").DefineComponent<{
     minDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     maxDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     firstDayOfWeek: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
         validator: (val: number) => boolean;
     };
-}, () => import("vue/jsx-runtime").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").PublicProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "panelChange" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "panelChange" | "unselect" | "monthShow" | "overRange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     type: {
         type: PropType<CalendarType>;
         default: CalendarType;
     };
+    switchMode: {
+        type: PropType<CalendarSwitchMode>;
+        default: CalendarSwitchMode;
+    };
     title: StringConstructor;
     color: StringConstructor;
     round: {
@@ -246,12 +254,10 @@ declare const _default: import("vue").DefineComponent<{
     minDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     maxDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     firstDayOfWeek: {
         type: (NumberConstructor | StringConstructor)[];
@@ -264,6 +270,7 @@ declare const _default: import("vue").DefineComponent<{
     onConfirm?: ((...args: any[]) => any) | undefined;
     onClickDisabledDate?: ((...args: any[]) => any) | undefined;
     onClickSubtitle?: ((...args: any[]) => any) | undefined;
+    onPanelChange?: ((...args: any[]) => any) | undefined;
     onUnselect?: ((...args: any[]) => any) | undefined;
     onMonthShow?: ((...args: any[]) => any) | undefined;
     onOverRange?: ((...args: any[]) => any) | undefined;
@@ -278,6 +285,7 @@ declare const _default: import("vue").DefineComponent<{
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
     safeAreaInsetTop: boolean;
+    switchMode: CalendarSwitchMode;
     poppable: boolean;
     maxRange: string | number;
     showMark: boolean;
@@ -286,8 +294,6 @@ declare const _default: import("vue").DefineComponent<{
     allowSameDay: boolean;
     showSubtitle: boolean;
     showRangePrompt: boolean;
-    minDate: Date;
-    maxDate: Date;
     firstDayOfWeek: string | number;
 }, {}>;
 export default _default;