vant 4.8.11 → 4.9.0

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

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

package/lib/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/lib/picker-group/PickerGroup.js

@@ -45,7 +45,8 @@ const PICKER_GROUP_KEY = Symbol(name);
 const pickerGroupProps = (0, import_utils.extend)({
   tabs: (0, import_utils.makeArrayProp)(),
   activeTab: (0, import_utils.makeNumericProp)(0),
-  nextStepText: String
+  nextStepText: String,
+  showToolbar: import_utils.truthProp
 }, import_PickerToolbar.pickerToolbarProps);
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -84,13 +85,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
       return (0, import_vue.createVNode)("div", {
         "class": bem()
-      }, [(0, import_vue.createVNode)(import_PickerToolbar.default, {
+      }, [props.showToolbar ? (0, import_vue.createVNode)(import_PickerToolbar.default, {
         "title": props.title,
         "cancelButtonText": props.cancelButtonText,
         "confirmButtonText": confirmButtonText,
         "onConfirm": onConfirm,
         "onCancel": onCancel
-      }, (0, import_utils.pick)(slots, import_PickerToolbar.pickerToolbarSlots)), (0, import_vue.createVNode)(import_tabs.Tabs, {
+      }, (0, import_utils.pick)(slots, import_PickerToolbar.pickerToolbarSlots)) : null, (0, import_vue.createVNode)(import_tabs.Tabs, {
         "active": activeTab.value,
         "onUpdate:active": ($event) => activeTab.value = $event,
         "class": bem("tabs"),

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

@@ -3272,7 +3272,8 @@ const PICKER_GROUP_KEY = Symbol(name$1p);
 const pickerGroupProps = extend({
   tabs: makeArrayProp(),
   activeTab: makeNumericProp(0),
-  nextStepText: String
+  nextStepText: String,
+  showToolbar: truthProp
 }, pickerToolbarProps);
 var stdin_default$1A = vue.defineComponent({
   name: name$1p,
@@ -3311,13 +3312,13 @@ var stdin_default$1A = vue.defineComponent({
       const confirmButtonText = showNextButton() ? props2.nextStepText : props2.confirmButtonText;
       return vue.createVNode("div", {
         "class": bem$1l()
-      }, [vue.createVNode(stdin_default$1H, {
+      }, [props2.showToolbar ? vue.createVNode(stdin_default$1H, {
         "title": props2.title,
         "cancelButtonText": props2.cancelButtonText,
         "confirmButtonText": confirmButtonText,
         "onConfirm": onConfirm,
         "onCancel": onCancel
-      }, pick(slots, pickerToolbarSlots)), vue.createVNode(Tabs, {
+      }, pick(slots, pickerToolbarSlots)) : null, vue.createVNode(Tabs, {
         "active": activeTab.value,
         "onUpdate:active": ($event) => activeTab.value = $event,
         "class": bem$1l("tabs"),
@@ -6154,8 +6155,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);
@@ -6335,8 +6350,8 @@ const calendarMonthProps = {
   date: makeRequiredProp(Date),
   type: String,
   color: String,
-  minDate: makeRequiredProp(Date),
-  maxDate: makeRequiredProp(Date),
+  minDate: Date,
+  maxDate: Date,
   showMark: Boolean,
   rowHeight: numericProp,
   formatter: Function,
@@ -6362,7 +6377,9 @@ var stdin_default$1h = vue.defineComponent({
     const title = vue.computed(() => formatMonthTitle(props2.date));
     const rowHeight = vue.computed(() => addUnit(props2.rowHeight));
     const offset = vue.computed(() => {
-      const realDay = props2.date.getDay();
+      const date = props2.date.getDate();
+      const day = props2.date.getDay();
+      const realDay = (day - date % 7 + 8) % 7;
       if (props2.firstDayOfWeek) {
         return (realDay + 7 - props2.firstDayOfWeek) % 7;
       }
@@ -6422,7 +6439,7 @@ var stdin_default$1h = vue.defineComponent({
         maxDate,
         currentDate
       } = props2;
-      if (compareDay(day, minDate) < 0 || compareDay(day, maxDate) > 0) {
+      if (minDate && compareDay(day, minDate) < 0 || maxDate && compareDay(day, maxDate) > 0) {
         return "disabled";
       }
       if (currentDate === null) {
@@ -6535,17 +6552,36 @@ var stdin_default$1g = vue.defineComponent({
   name: name$16,
   props: {
     date: Date,
+    minDate: Date,
+    maxDate: Date,
     title: String,
     subtitle: String,
     showTitle: Boolean,
     showSubtitle: Boolean,
-    firstDayOfWeek: Number
+    firstDayOfWeek: Number,
+    switchMode: makeStringProp("none")
   },
-  emits: ["clickSubtitle"],
+  emits: ["clickSubtitle", "panelChange"],
   setup(props2, {
     slots,
     emit
   }) {
+    const prevMonthDisabled = vue.computed(() => {
+      const prevMonth = getPrevMonth(props2.date);
+      return props2.minDate && prevMonth < props2.minDate;
+    });
+    const prevYearDisabled = vue.computed(() => {
+      const prevYear = getPrevYear(props2.date);
+      return props2.minDate && prevYear < props2.minDate;
+    });
+    const nextMonthDisabled = vue.computed(() => {
+      const nextMonth = getNextMonth(props2.date);
+      return props2.maxDate && nextMonth > props2.maxDate;
+    });
+    const nextYearDisabled = vue.computed(() => {
+      const nextYear = getNextYear(props2.date);
+      return props2.maxDate && nextYear > props2.maxDate;
+    });
     const renderTitle = () => {
       if (props2.showTitle) {
         const text = props2.title || t$g("title");
@@ -6556,16 +6592,60 @@ var stdin_default$1g = vue.defineComponent({
       }
     };
     const onClickSubtitle = (event) => emit("clickSubtitle", event);
+    const onPanelChange = (date) => emit("panelChange", date);
+    const renderAction = (isNext) => {
+      const showYearAction = props2.switchMode === "year-month";
+      const monthSlot = slots[isNext ? "next-month" : "prev-month"];
+      const yearSlot = slots[isNext ? "next-year" : "prev-year"];
+      const monthDisabled = isNext ? nextMonthDisabled.value : prevMonthDisabled.value;
+      const yearDisabled = isNext ? nextYearDisabled.value : prevYearDisabled.value;
+      const monthIconName = isNext ? "arrow" : "arrow-left";
+      const yearIconName = isNext ? "arrow-double-right" : "arrow-double-left";
+      const onMonthChange = () => onPanelChange((isNext ? getNextMonth : getPrevMonth)(props2.date));
+      const onYearChange = () => onPanelChange((isNext ? getNextYear : getPrevYear)(props2.date));
+      const MonthAction = vue.createVNode("view", {
+        "class": bem$15("header-action", {
+          disabled: monthDisabled
+        }),
+        "onClick": monthDisabled ? void 0 : onMonthChange
+      }, [monthSlot ? monthSlot({
+        disabled: monthDisabled
+      }) : vue.createVNode(Icon, {
+        "class": {
+          [HAPTICS_FEEDBACK]: !monthDisabled
+        },
+        "name": monthIconName
+      }, null)]);
+      const YearAction = showYearAction && vue.createVNode("view", {
+        "class": bem$15("header-action", {
+          disabled: yearDisabled
+        }),
+        "onClick": yearDisabled ? void 0 : onYearChange
+      }, [yearSlot ? yearSlot({
+        disabled: yearDisabled
+      }) : vue.createVNode(Icon, {
+        "class": {
+          [HAPTICS_FEEDBACK]: !yearDisabled
+        },
+        "name": yearIconName
+      }, null)]);
+      return isNext ? [MonthAction, YearAction] : [YearAction, MonthAction];
+    };
     const renderSubtitle = () => {
       if (props2.showSubtitle) {
         const title = slots.subtitle ? slots.subtitle({
           date: props2.date,
           text: props2.subtitle
         }) : props2.subtitle;
+        const canSwitch = props2.switchMode !== "none";
         return vue.createVNode("div", {
-          "class": bem$15("header-subtitle"),
+          "class": bem$15("header-subtitle", {
+            "with-swicth": canSwitch
+          }),
           "onClick": onClickSubtitle
-        }, [title]);
+        }, [canSwitch ? [renderAction(), vue.createVNode("div", {
+          "class": bem$15("header-subtitle-text")
+        }, [title]), renderAction(true)] : title]);
       }
     };
     const renderWeekDays = () => {
@@ -6588,6 +6668,7 @@ var stdin_default$1g = vue.defineComponent({
 const calendarProps = {
   show: Boolean,
   type: makeStringProp("single"),
+  switchMode: makeStringProp("none"),
   title: String,
   color: String,
   round: truthProp,
@@ -6615,16 +6696,11 @@ const calendarProps = {
   safeAreaInsetBottom: truthProp,
   minDate: {
     type: Date,
-    validator: isDate,
-    default: getToday
+    validator: isDate
   },
   maxDate: {
     type: Date,
-    validator: isDate,
-    default: () => {
-      const now = getToday();
-      return new Date(now.getFullYear(), now.getMonth() + 6, now.getDate());
-    }
+    validator: isDate
   },
   firstDayOfWeek: {
     type: numericProp,
@@ -6635,25 +6711,36 @@ const calendarProps = {
 var stdin_default$1f = vue.defineComponent({
   name: name$19,
   props: calendarProps,
-  emits: ["select", "confirm", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle", "clickDisabledDate"],
+  emits: ["select", "confirm", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle", "clickDisabledDate", "panelChange"],
   setup(props2, {
     emit,
     slots
   }) {
-    const limitDateRange = (date, minDate = props2.minDate, maxDate = props2.maxDate) => {
-      if (compareDay(date, minDate) === -1) {
-        return minDate;
+    const canSwitch = vue.computed(() => props2.switchMode !== "none");
+    const minDate = vue.computed(() => {
+      if (!props2.minDate && !canSwitch.value) {
+        return getToday();
+      }
+      return props2.minDate;
+    });
+    const maxDate = vue.computed(() => {
+      if (!props2.maxDate && !canSwitch.value) {
+        return getMonthByOffset(getToday(), 6);
+      }
+      return props2.maxDate;
+    });
+    const limitDateRange = (date, min = minDate.value, max = maxDate.value) => {
+      if (min && compareDay(date, min) === -1) {
+        return min;
       }
-      if (compareDay(date, maxDate) === 1) {
-        return maxDate;
+      if (max && compareDay(date, max) === 1) {
+        return max;
       }
       return date;
     };
     const getInitialDate = (defaultDate = props2.defaultDate) => {
       const {
         type,
-        minDate,
-        maxDate,
         allowSameDay
       } = props2;
       if (defaultDate === null) {
@@ -6664,8 +6751,10 @@ var stdin_default$1f = vue.defineComponent({
         if (!Array.isArray(defaultDate)) {
           defaultDate = [];
         }
-        const start = limitDateRange(defaultDate[0] || now, minDate, allowSameDay ? maxDate : getPrevDay(maxDate));
-        const end = limitDateRange(defaultDate[1] || now, allowSameDay ? minDate : getNextDay(minDate));
+        const min = minDate.value;
+        const max = maxDate.value;
+        const start = limitDateRange(defaultDate[0] || now, min, max ? allowSameDay ? max : getPrevDay(max) : void 0);
+        const end = limitDateRange(defaultDate[1] || (allowSameDay ? now : getNextDay(now)), min ? allowSameDay ? min : getNextDay(min) : void 0);
         return [start, end];
       }
       if (type === "multiple") {
@@ -6679,23 +6768,28 @@ var stdin_default$1f = vue.defineComponent({
       }
       return limitDateRange(defaultDate);
     };
+    const getInitialPanelDate = () => {
+      const date = Array.isArray(currentDate.value) ? currentDate.value[0] : currentDate.value;
+      return date ? date : limitDateRange(getToday());
+    };
     let bodyHeight;
     const bodyRef = vue.ref();
-    const subtitle = vue.ref({
-      textFn: () => "",
-      date: void 0
-    });
     const currentDate = vue.ref(getInitialDate());
+    const currentPanelDate = vue.ref(getInitialPanelDate());
+    const currentMonthRef = vue.ref();
     const [monthRefs, setMonthRefs] = useRefs();
     const dayOffset = vue.computed(() => props2.firstDayOfWeek ? +props2.firstDayOfWeek % 7 : 0);
     const months = vue.computed(() => {
       const months2 = [];
-      const cursor = new Date(props2.minDate);
+      if (!minDate.value || !maxDate.value) {
+        return months2;
+      }
+      const cursor = new Date(minDate.value);
       cursor.setDate(1);
       do {
         months2.push(new Date(cursor));
         cursor.setMonth(cursor.getMonth() + 1);
-      } while (compareMonth(cursor, props2.maxDate) !== 1);
+      } while (compareMonth(cursor, maxDate.value) !== 1);
       return months2;
     });
     const buttonDisabled = vue.computed(() => {
@@ -6745,25 +6839,26 @@ var stdin_default$1f = vue.defineComponent({
         monthRefs.value[index].setVisible(visible);
       });
       if (currentMonth) {
-        subtitle.value = {
-          textFn: currentMonth.getTitle,
-          date: currentMonth.date
-        };
+        currentMonthRef.value = currentMonth;
       }
     };
     const scrollToDate = (targetDate) => {
-      use.raf(() => {
-        months.value.some((month, index) => {
-          if (compareMonth(month, targetDate) === 0) {
-            if (bodyRef.value) {
-              monthRefs.value[index].scrollToDate(bodyRef.value, targetDate);
+      if (canSwitch.value) {
+        currentPanelDate.value = targetDate;
+      } else {
+        use.raf(() => {
+          months.value.some((month, index) => {
+            if (compareMonth(month, targetDate) === 0) {
+              if (bodyRef.value) {
+                monthRefs.value[index].scrollToDate(bodyRef.value, targetDate);
+              }
+              return true;
             }
-            return true;
-          }
-          return false;
+            return false;
+          });
+          onScroll();
         });
-        onScroll();
-      });
+      }
     };
     const scrollToCurrentDate = () => {
       if (props2.poppable && !props2.show) {
@@ -6774,7 +6869,7 @@ var stdin_default$1f = vue.defineComponent({
         if (isDate(targetDate)) {
           scrollToDate(targetDate);
         }
-      } else {
+      } else if (!canSwitch.value) {
         use.raf(onScroll);
       }
     };
@@ -6782,9 +6877,11 @@ var stdin_default$1f = vue.defineComponent({
       if (props2.poppable && !props2.show) {
         return;
       }
-      use.raf(() => {
-        bodyHeight = Math.floor(use.useRect(bodyRef).height);
-      });
+      if (!canSwitch.value) {
+        use.raf(() => {
+          bodyHeight = Math.floor(use.useRect(bodyRef).height);
+        });
+      }
       scrollToCurrentDate();
     };
     const reset = (date = getInitialDate()) => {
@@ -6806,6 +6903,12 @@ var stdin_default$1f = vue.defineComponent({
       }
       return true;
     };
+    const onPanelChange = (date) => {
+      currentPanelDate.value = date;
+      emit("panelChange", {
+        date
+      });
+    };
     const onConfirm = () => {
       var _a;
       return emit("confirm", (_a = currentDate.value) != null ? _a : cloneDates(currentDate.value));
@@ -6897,12 +7000,15 @@ var stdin_default$1f = vue.defineComponent({
     const renderMonth = (date, index) => {
       const showMonthTitle = index !== 0 || !props2.showSubtitle;
       return vue.createVNode(stdin_default$1h, vue.mergeProps({
-        "ref": setMonthRefs(index),
+        "ref": canSwitch.value ? currentMonthRef : setMonthRefs(index),
         "date": date,
         "currentDate": currentDate.value,
         "showMonthTitle": showMonthTitle,
-        "firstDayOfWeek": dayOffset.value
-      }, pick(props2, ["type", "color", "minDate", "maxDate", "showMark", "formatter", "rowHeight", "lazyRender", "showSubtitle", "allowSameDay"]), {
+        "firstDayOfWeek": dayOffset.value,
+        "lazyRender": canSwitch.value ? false : props2.lazyRender,
+        "maxDate": maxDate.value,
+        "minDate": minDate.value
+      }, pick(props2, ["type", "color", "showMark", "formatter", "rowHeight", "showSubtitle", "allowSameDay"]), {
         "onClick": onClickDay,
         "onClickDisabledDate": (item) => emit("clickDisabledDate", item)
       }), pick(slots, ["top-info", "bottom-info", "month-title"]));
@@ -6937,25 +7043,29 @@ var stdin_default$1f = vue.defineComponent({
       }]
     }, [renderFooterButton()]);
     const renderCalendar = () => {
-      const subTitle = subtitle.value.textFn();
+      var _a, _b;
       return vue.createVNode("div", {
         "class": bem$15()
       }, [vue.createVNode(stdin_default$1g, {
-        "date": subtitle.value.date,
+        "date": (_a = currentMonthRef.value) == null ? void 0 : _a.date,
+        "maxDate": maxDate.value,
+        "minDate": minDate.value,
         "title": props2.title,
-        "subtitle": subTitle,
+        "subtitle": (_b = currentMonthRef.value) == null ? void 0 : _b.getTitle(),
         "showTitle": props2.showTitle,
         "showSubtitle": props2.showSubtitle,
+        "switchMode": props2.switchMode,
         "firstDayOfWeek": dayOffset.value,
-        "onClickSubtitle": (event) => emit("clickSubtitle", event)
-      }, pick(slots, ["title", "subtitle"])), vue.createVNode("div", {
+        "onClickSubtitle": (event) => emit("clickSubtitle", event),
+        "onPanelChange": onPanelChange
+      }, pick(slots, ["title", "subtitle", "prev-month", "prev-year", "next-month", "next-year"])), vue.createVNode("div", {
         "ref": bodyRef,
         "class": bem$15("body"),
-        "onScroll": onScroll
-      }, [months.value.map(renderMonth)]), renderFooter()]);
+        "onScroll": canSwitch.value ? void 0 : onScroll
+      }, [canSwitch.value ? renderMonth(currentPanelDate.value, 0) : months.value.map(renderMonth)]), renderFooter()]);
     };
     vue.watch(() => props2.show, init);
-    vue.watch(() => [props2.type, props2.minDate, props2.maxDate], () => reset(getInitialDate(currentDate.value)));
+    vue.watch(() => [props2.type, props2.minDate, props2.maxDate, props2.switchMode], () => reset(getInitialDate(currentDate.value)));
     vue.watch(() => props2.defaultDate, (value = null) => {
       currentDate.value = value;
       scrollToCurrentDate();
@@ -10482,6 +10592,13 @@ var stdin_default$O = vue.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,
@@ -10717,6 +10834,8 @@ var stdin_default$N = vue.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);
@@ -11186,7 +11305,11 @@ var stdin_default$L = vue.defineComponent({
         const match = getMatchAnchor(selectActiveIndex);
         if (match) {
           const rect = match.getRect(scrollParent.value, scrollParentRect);
-          active = getActiveAnchor(rect.top, rects);
+          if (props2.sticky && props2.stickyOffsetTop) {
+            active = getActiveAnchor(rect.top - props2.stickyOffsetTop, rects);
+          } else {
+            active = getActiveAnchor(rect.top, rects);
+          }
         }
       } else {
         active = getActiveAnchor(scrollTop, rects);
@@ -11259,7 +11382,11 @@ var stdin_default$L = vue.defineComponent({
           return;
         }
         if (props2.sticky && props2.stickyOffsetTop) {
-          setRootScrollTop(getRootScrollTop() - props2.stickyOffsetTop);
+          if (getRootScrollTop() === offsetHeight - scrollParentRect.height) {
+            setRootScrollTop(getRootScrollTop());
+          } else {
+            setRootScrollTop(getRootScrollTop() - props2.stickyOffsetTop);
+          }
         }
         emit("select", match.index);
       }
@@ -16874,7 +17001,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.8.11";
+const version = "4.9.0";
 function install(app) {
   const components = [
     ActionBar,