vant 4.8.11 → 4.9.1

package/lib/vant.js

@@ -2369,7 +2369,7 @@
     return propRef;
   };
   /**
-  * @vue/shared v3.4.21
+  * @vue/shared v3.4.27
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -2424,8 +2424,8 @@
     }
     for (const key in styles) {
       const value = styles[key];
-      const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
       if (isString(value) || typeof value === "number") {
+        const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
         ret += `${normalizedKey}:${value};`;
       }
     }
@@ -3734,7 +3734,8 @@
   const pickerGroupProps = extend({
     tabs: makeArrayProp(),
     activeTab: makeNumericProp(0),
-    nextStepText: String
+    nextStepText: String,
+    showToolbar: truthProp
   }, pickerToolbarProps);
   var stdin_default$1A = vue.defineComponent({
     name: name$1p,
@@ -3773,13 +3774,13 @@
         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"),
@@ -4032,9 +4033,9 @@
     const showCounty = +columnsNum > 2;
     const getProvinceChildren = () => {
       if (showCity) {
-        return placeholder.length ? [
+        return placeholder.length > 1 ? [
           makeOption(
-            placeholder[0],
+            placeholder[1],
             AREA_EMPTY_CODE,
             showCounty ? [] : void 0
           )
@@ -4052,7 +4053,7 @@
     if (showCity) {
       const getCityChildren = () => {
         if (showCounty) {
-          return placeholder.length ? [makeOption(placeholder[1])] : [];
+          return placeholder.length > 2 ? [makeOption(placeholder[2])] : [];
         }
       };
       Object.keys(city).forEach((code) => {
@@ -5790,7 +5791,71 @@
     }
   });
   const RadioGroup = withInstall(stdin_default$1q);
-  const [name$1f, bem$1b] = createNamespace("tag");
+  const [name$1f, bem$1b] = createNamespace("checkbox-group");
+  const checkboxGroupProps = {
+    max: numericProp,
+    shape: makeStringProp("round"),
+    disabled: Boolean,
+    iconSize: numericProp,
+    direction: String,
+    modelValue: makeArrayProp(),
+    checkedColor: String
+  };
+  const CHECKBOX_GROUP_KEY = Symbol(name$1f);
+  var stdin_default$1p = vue.defineComponent({
+    name: name$1f,
+    props: checkboxGroupProps,
+    emits: ["change", "update:modelValue"],
+    setup(props2, {
+      emit,
+      slots
+    }) {
+      const {
+        children,
+        linkChildren
+      } = useChildren(CHECKBOX_GROUP_KEY);
+      const updateValue = (value) => emit("update:modelValue", value);
+      const toggleAll = (options = {}) => {
+        if (typeof options === "boolean") {
+          options = {
+            checked: options
+          };
+        }
+        const {
+          checked,
+          skipDisabled
+        } = options;
+        const checkedChildren = children.filter((item) => {
+          if (!item.props.bindGroup) {
+            return false;
+          }
+          if (item.props.disabled && skipDisabled) {
+            return item.checked.value;
+          }
+          return checked != null ? checked : !item.checked.value;
+        });
+        const names = checkedChildren.map((item) => item.name);
+        updateValue(names);
+      };
+      vue.watch(() => props2.modelValue, (value) => emit("change", value));
+      useExpose({
+        toggleAll
+      });
+      useCustomFieldValue(() => props2.modelValue);
+      linkChildren({
+        props: props2,
+        updateValue
+      });
+      return () => {
+        var _a;
+        return vue.createVNode("div", {
+          "class": bem$1b([props2.direction])
+        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      };
+    }
+  });
+  const CheckboxGroup = withInstall(stdin_default$1p);
+  const [name$1e, bem$1a] = createNamespace("tag");
   const tagProps = {
     size: String,
     mark: Boolean,
@@ -5802,8 +5867,8 @@
     textColor: String,
     closeable: Boolean
   };
-  var stdin_default$1p = vue.defineComponent({
-    name: name$1f,
+  var stdin_default$1o = vue.defineComponent({
+    name: name$1e,
     props: tagProps,
     emits: ["close"],
     setup(props2, {
@@ -5846,12 +5911,12 @@
         }
         const CloseIcon = closeable && vue.createVNode(Icon, {
           "name": "cross",
-          "class": [bem$1b("close"), HAPTICS_FEEDBACK],
+          "class": [bem$1a("close"), HAPTICS_FEEDBACK],
           "onClick": onClose
         }, null);
         return vue.createVNode("span", {
           "style": getStyle(),
-          "class": bem$1b([classes, type])
+          "class": bem$1a([classes, type])
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
       };
       return () => vue.createVNode(vue.Transition, {
@@ -5861,7 +5926,7 @@
       });
     }
   });
-  const Tag = withInstall(stdin_default$1p);
+  const Tag = withInstall(stdin_default$1o);
   const checkerProps = {
     name: unknownProp,
     disabled: Boolean,
@@ -5871,7 +5936,7 @@
     labelPosition: String,
     labelDisabled: Boolean
   };
-  var stdin_default$1o = vue.defineComponent({
+  var stdin_default$1n = vue.defineComponent({
     props: extend({}, checkerProps, {
       bem: makeRequiredProp(Function),
       role: String,
@@ -6000,9 +6065,9 @@
   const radioProps = extend({}, checkerProps, {
     shape: String
   });
-  const [name$1e, bem$1a] = createNamespace("radio");
-  var stdin_default$1n = vue.defineComponent({
-    name: name$1e,
+  const [name$1d, bem$19] = createNamespace("radio");
+  var stdin_default$1m = vue.defineComponent({
+    name: name$1d,
     props: radioProps,
     emits: ["update:modelValue"],
     setup(props2, {
@@ -6023,8 +6088,8 @@
           emit("update:modelValue", props2.name);
         }
       };
-      return () => vue.createVNode(stdin_default$1o, vue.mergeProps({
-        "bem": bem$1a,
+      return () => vue.createVNode(stdin_default$1n, vue.mergeProps({
+        "bem": bem$19,
         "role": "radio",
         "parent": parent,
         "checked": checked(),
@@ -6032,14 +6097,97 @@
       }, props2), pick(slots, ["default", "icon"]));
     }
   });
-  const Radio = withInstall(stdin_default$1n);
-  const [name$1d, bem$19] = createNamespace("address-item");
-  var stdin_default$1m = vue.defineComponent({
-    name: name$1d,
+  const Radio = withInstall(stdin_default$1m);
+  const [name$1c, bem$18] = createNamespace("checkbox");
+  const checkboxProps = extend({}, checkerProps, {
+    shape: String,
+    bindGroup: truthProp,
+    indeterminate: {
+      type: Boolean,
+      default: null
+    }
+  });
+  var stdin_default$1l = vue.defineComponent({
+    name: name$1c,
+    props: checkboxProps,
+    emits: ["change", "update:modelValue"],
+    setup(props2, {
+      emit,
+      slots
+    }) {
+      const {
+        parent
+      } = useParent(CHECKBOX_GROUP_KEY);
+      const setParentValue = (checked2) => {
+        const {
+          name: name2
+        } = props2;
+        const {
+          max,
+          modelValue
+        } = parent.props;
+        const value = modelValue.slice();
+        if (checked2) {
+          const overlimit = max && value.length >= +max;
+          if (!overlimit && !value.includes(name2)) {
+            value.push(name2);
+            if (props2.bindGroup) {
+              parent.updateValue(value);
+            }
+          }
+        } else {
+          const index = value.indexOf(name2);
+          if (index !== -1) {
+            value.splice(index, 1);
+            if (props2.bindGroup) {
+              parent.updateValue(value);
+            }
+          }
+        }
+      };
+      const checked = vue.computed(() => {
+        if (parent && props2.bindGroup) {
+          return parent.props.modelValue.indexOf(props2.name) !== -1;
+        }
+        return !!props2.modelValue;
+      });
+      const toggle = (newValue = !checked.value) => {
+        if (parent && props2.bindGroup) {
+          setParentValue(newValue);
+        } else {
+          emit("update:modelValue", newValue);
+        }
+        if (props2.indeterminate !== null)
+          emit("change", newValue);
+      };
+      vue.watch(() => props2.modelValue, (value) => {
+        if (props2.indeterminate === null)
+          emit("change", value);
+      });
+      useExpose({
+        toggle,
+        props: props2,
+        checked
+      });
+      useCustomFieldValue(() => props2.modelValue);
+      return () => vue.createVNode(stdin_default$1n, vue.mergeProps({
+        "bem": bem$18,
+        "role": "checkbox",
+        "parent": parent,
+        "checked": checked.value,
+        "onToggle": toggle
+      }, props2), pick(slots, ["default", "icon"]));
+    }
+  });
+  const Checkbox = withInstall(stdin_default$1l);
+  const [name$1b, bem$17] = createNamespace("address-item");
+  var stdin_default$1k = vue.defineComponent({
+    name: name$1b,
     props: {
       address: makeRequiredProp(Object),
       disabled: Boolean,
       switchable: Boolean,
+      singleChoice: Boolean,
       defaultTagText: String,
       rightIcon: makeStringProp("edit")
     },
@@ -6056,7 +6204,7 @@
       };
       const renderRightIcon = () => vue.createVNode(Icon, {
         "name": props2.rightIcon,
-        "class": bem$19("edit"),
+        "class": bem$17("edit"),
         "onClick": (event) => {
           event.stopPropagation();
           emit("edit");
@@ -6071,7 +6219,7 @@
           return vue.createVNode(Tag, {
             "type": "primary",
             "round": true,
-            "class": bem$19("tag")
+            "class": bem$17("tag")
           }, {
             default: () => [props2.defaultTagText]
           });
@@ -6081,20 +6229,30 @@
         const {
           address,
           disabled,
-          switchable
+          switchable,
+          singleChoice
         } = props2;
         const Info = [vue.createVNode("div", {
-          "class": bem$19("name")
+          "class": bem$17("name")
         }, [`${address.name} ${address.tel}`, renderTag()]), vue.createVNode("div", {
-          "class": bem$19("address")
+          "class": bem$17("address")
         }, [address.address])];
         if (switchable && !disabled) {
-          return vue.createVNode(Radio, {
-            "name": address.id,
-            "iconSize": 18
-          }, {
-            default: () => [Info]
-          });
+          if (singleChoice) {
+            return vue.createVNode(Radio, {
+              "name": address.id,
+              "iconSize": 18
+            }, {
+              default: () => [Info]
+            });
+          } else {
+            return vue.createVNode(Checkbox, {
+              "name": address.id,
+              "iconSize": 18
+            }, {
+              default: () => [Info]
+            });
+          }
         }
         return Info;
       };
@@ -6104,13 +6262,13 @@
           disabled
         } = props2;
         return vue.createVNode("div", {
-          "class": bem$19({
+          "class": bem$17({
             disabled
           }),
           "onClick": onClick
         }, [vue.createVNode(Cell, {
           "border": false,
-          "titleClass": bem$19("title")
+          "titleClass": bem$17("title")
         }, {
           title: renderContent,
           "right-icon": renderRightIcon
@@ -6120,10 +6278,10 @@
       };
     }
   });
-  const [name$1c, bem$18, t$h] = createNamespace("address-list");
+  const [name$1a, bem$16, t$h] = createNamespace("address-list");
   const addressListProps = {
     list: makeArrayProp(),
-    modelValue: numericProp,
+    modelValue: [...numericProp, Array],
     switchable: truthProp,
     disabledText: String,
     disabledList: makeArrayProp(),
@@ -6132,14 +6290,15 @@
     defaultTagText: String,
     rightIcon: makeStringProp("edit")
   };
-  var stdin_default$1l = vue.defineComponent({
-    name: name$1c,
+  var stdin_default$1j = vue.defineComponent({
+    name: name$1a,
     props: addressListProps,
     emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
     setup(props2, {
       slots,
       emit
     }) {
+      const singleChoice = vue.computed(() => !Array.isArray(props2.modelValue));
       const renderItem = (item, index, disabled) => {
         const onEdit = () => emit(disabled ? "editDisabled" : "edit", item, index);
         const onClick = (event) => emit("clickItem", item, index, {
@@ -6148,14 +6307,24 @@
         const onSelect = () => {
           emit(disabled ? "selectDisabled" : "select", item, index);
           if (!disabled) {
-            emit("update:modelValue", item.id);
+            if (singleChoice.value) {
+              emit("update:modelValue", item.id);
+            } else {
+              const value = props2.modelValue;
+              if (value.includes(item.id)) {
+                emit("update:modelValue", value.filter((id) => id !== item.id));
+              } else {
+                emit("update:modelValue", [...value, item.id]);
+              }
+            }
           }
         };
-        return vue.createVNode(stdin_default$1m, {
+        return vue.createVNode(stdin_default$1k, {
           "key": item.id,
           "address": item,
           "disabled": disabled,
           "switchable": props2.switchable,
+          "singleChoice": singleChoice.value,
           "defaultTagText": props2.defaultTagText,
           "rightIcon": props2.rightIcon,
           "onEdit": onEdit,
@@ -6172,13 +6341,13 @@
         }
       };
       const renderBottom = () => props2.showAddButton ? vue.createVNode("div", {
-        "class": [bem$18("bottom"), "van-safe-area-bottom"]
+        "class": [bem$16("bottom"), "van-safe-area-bottom"]
       }, [vue.createVNode(Button, {
         "round": true,
         "block": true,
         "type": "primary",
         "text": props2.addButtonText || t$h("add"),
-        "class": bem$18("add"),
+        "class": bem$16("add"),
         "onClick": () => emit("add")
       }, null)]) : void 0;
       return () => {
@@ -6186,11 +6355,15 @@
         const List2 = renderList(props2.list);
         const DisabledList = renderList(props2.disabledList, true);
         const DisabledText = props2.disabledText && vue.createVNode("div", {
-          "class": bem$18("disabled-text")
+          "class": bem$16("disabled-text")
         }, [props2.disabledText]);
         return vue.createVNode("div", {
-          "class": bem$18()
-        }, [(_a = slots.top) == null ? void 0 : _a.call(slots), vue.createVNode(RadioGroup, {
+          "class": bem$16()
+        }, [(_a = slots.top) == null ? void 0 : _a.call(slots), !singleChoice.value && Array.isArray(props2.modelValue) ? vue.createVNode(CheckboxGroup, {
+          "modelValue": props2.modelValue
+        }, {
+          default: () => [List2]
+        }) : vue.createVNode(RadioGroup, {
           "modelValue": props2.modelValue
         }, {
           default: () => [List2]
@@ -6198,7 +6371,7 @@
       };
     }
   });
-  const AddressList = withInstall(stdin_default$1l);
+  const AddressList = withInstall(stdin_default$1j);
   const hasIntersectionObserver = inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
   const modeType = {
     event: "event",
@@ -6351,7 +6524,7 @@
       this.caches.shift();
     }
   }
-  const [name$1b, bem$17] = createNamespace("back-top");
+  const [name$19, bem$15] = createNamespace("back-top");
   const backTopProps = {
     right: numericProp,
     bottom: numericProp,
@@ -6364,8 +6537,8 @@
       default: "body"
     }
   };
-  var stdin_default$1k = vue.defineComponent({
-    name: name$1b,
+  var stdin_default$1i = vue.defineComponent({
+    name: name$19,
     inheritAttrs: false,
     props: backTopProps,
     emits: ["click"],
@@ -6434,19 +6607,19 @@
       return () => {
         const Content = vue.createVNode("div", vue.mergeProps({
           "ref": !props2.teleport ? root : void 0,
-          "class": bem$17({
+          "class": bem$15({
             active: show.value
           }),
           "style": style.value,
           "onClick": onClick
         }, attrs), [slots.default ? slots.default() : vue.createVNode(Icon, {
           "name": "back-top",
-          "class": bem$17("icon")
+          "class": bem$15("icon")
         }, null)]);
         if (props2.teleport) {
           return [vue.createVNode("div", {
             "ref": root,
-            "class": bem$17("placeholder")
+            "class": bem$15("placeholder")
           }, null), vue.createVNode(vue.Teleport, {
             "to": props2.teleport
           }, {
@@ -6457,7 +6630,7 @@
       };
     }
   });
-  const BackTop = withInstall(stdin_default$1k);
+  const BackTop = withInstall(stdin_default$1i);
   var __async = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -6486,9 +6659,9 @@
     delay: makeNumberProp(300),
     modelValue: makeArrayProp()
   };
-  const [name$1a, bem$16] = createNamespace("barrage");
-  var stdin_default$1j = vue.defineComponent({
-    name: name$1a,
+  const [name$18, bem$14] = createNamespace("barrage");
+  var stdin_default$1h = vue.defineComponent({
+    name: name$18,
     props: barrageProps,
     emits: ["update:modelValue"],
     setup(props2, {
@@ -6496,7 +6669,7 @@
       slots
     }) {
       const barrageWrapper = vue.ref();
-      const className = bem$16("item");
+      const className = bem$14("item");
       const total = vue.ref(0);
       const barrageItems = [];
       const createBarrageItem = (text, delay = props2.delay) => {
@@ -6577,15 +6750,15 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": bem$16(),
+          "class": bem$14(),
           "ref": barrageWrapper,
           "style": rootStyle.value
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
     }
   });
-  const Barrage = withInstall(stdin_default$1j);
-  const [name$19, bem$15, t$g] = createNamespace("calendar");
+  const Barrage = withInstall(stdin_default$1h);
+  const [name$17, bem$13, t$g] = createNamespace("calendar");
   const formatMonthTitle = (date) => t$g("monthTitle", date.getFullYear(), date.getMonth() + 1);
   function compareMonth(date1, date2) {
     const year1 = date1.getFullYear();
@@ -6613,8 +6786,22 @@
     cloned.setDate(cloned.getDate() + offset2);
     return cloned;
   }
+  function getMonthByOffset(date, offset2) {
+    const cloned = cloneDate(date);
+    cloned.setMonth(cloned.getMonth() + offset2);
+    return cloned;
+  }
+  function getYearByOffset(date, offset2) {
+    const cloned = cloneDate(date);
+    cloned.setFullYear(cloned.getFullYear() + offset2);
+    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);
@@ -6665,9 +6852,9 @@
     }
     return value;
   });
-  const [name$18] = createNamespace("calendar-day");
-  var stdin_default$1i = vue.defineComponent({
-    name: name$18,
+  const [name$16] = createNamespace("calendar-day");
+  var stdin_default$1g = vue.defineComponent({
+    name: name$16,
     props: {
       item: makeRequiredProp(Object),
       color: String,
@@ -6731,7 +6918,7 @@
         } = props2.item;
         if (topInfo || slots["top-info"]) {
           return vue.createVNode("div", {
-            "class": bem$15("top-info")
+            "class": bem$13("top-info")
           }, [slots["top-info"] ? slots["top-info"](props2.item) : topInfo]);
         }
       };
@@ -6741,7 +6928,7 @@
         } = props2.item;
         if (bottomInfo || slots["bottom-info"]) {
           return vue.createVNode("div", {
-            "class": bem$15("bottom-info")
+            "class": bem$13("bottom-info")
           }, [slots["bottom-info"] ? slots["bottom-info"](props2.item) : bottomInfo]);
         }
       };
@@ -6758,7 +6945,7 @@
         const Nodes = [renderTopInfo(), text, renderBottomInfo()];
         if (type === "selected") {
           return vue.createVNode("div", {
-            "class": bem$15("selected-day"),
+            "class": bem$13("selected-day"),
             "style": {
               width: rowHeight,
               height: rowHeight,
@@ -6775,27 +6962,27 @@
         } = props2.item;
         if (type === "placeholder") {
           return vue.createVNode("div", {
-            "class": bem$15("day"),
+            "class": bem$13("day"),
             "style": style.value
           }, null);
         }
         return vue.createVNode("div", {
           "role": "gridcell",
           "style": style.value,
-          "class": [bem$15("day", type), className],
+          "class": [bem$13("day", type), className],
           "tabindex": type === "disabled" ? void 0 : -1,
           "onClick": onClick
         }, [renderContent()]);
       };
     }
   });
-  const [name$17] = createNamespace("calendar-month");
+  const [name$15] = createNamespace("calendar-month");
   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,
@@ -6806,8 +6993,8 @@
     showMonthTitle: Boolean,
     firstDayOfWeek: Number
   };
-  var stdin_default$1h = vue.defineComponent({
-    name: name$17,
+  var stdin_default$1f = vue.defineComponent({
+    name: name$15,
     props: calendarMonthProps,
     emits: ["click", "clickDisabledDate"],
     setup(props2, {
@@ -6821,7 +7008,9 @@
       const title = vue.computed(() => formatMonthTitle(props2.date));
       const rowHeight = vue.computed(() => addUnit(props2.rowHeight));
       const offset2 = 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;
         }
@@ -6881,7 +7070,7 @@
           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) {
@@ -6912,7 +7101,7 @@
       const renderTitle = () => {
         if (props2.showMonthTitle) {
           return vue.createVNode("div", {
-            "class": bem$15("month-title")
+            "class": bem$13("month-title")
           }, [slots["month-title"] ? slots["month-title"]({
             date: props2.date,
             text: title.value
@@ -6922,7 +7111,7 @@
       const renderMark = () => {
         if (props2.showMark && shouldRender.value) {
           return vue.createVNode("div", {
-            "class": bem$15("month-mark")
+            "class": bem$13("month-mark")
           }, [props2.date.getMonth() + 1]);
         }
       };
@@ -6962,7 +7151,7 @@
           setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - useRect(body).top);
         }
       };
-      const renderDay = (item, index) => vue.createVNode(stdin_default$1i, {
+      const renderDay = (item, index) => vue.createVNode(stdin_default$1g, {
         "item": item,
         "index": index,
         "color": props2.color,
@@ -6974,7 +7163,7 @@
       const renderDays = () => vue.createVNode("div", {
         "ref": daysRef,
         "role": "grid",
-        "class": bem$15("days")
+        "class": bem$13("days")
       }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
       useExpose({
         getTitle,
@@ -6984,47 +7173,110 @@
         disabledDays
       });
       return () => vue.createVNode("div", {
-        "class": bem$15("month"),
+        "class": bem$13("month"),
         "ref": monthRef
       }, [renderTitle(), renderDays()]);
     }
   });
-  const [name$16] = createNamespace("calendar-header");
-  var stdin_default$1g = vue.defineComponent({
-    name: name$16,
+  const [name$14] = createNamespace("calendar-header");
+  var stdin_default$1e = vue.defineComponent({
+    name: name$14,
     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");
           const title = slots.title ? slots.title() : text;
           return vue.createVNode("div", {
-            "class": bem$15("header-title")
+            "class": bem$13("header-title")
           }, [title]);
         }
       };
       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$13("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$13("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$13("header-subtitle", {
+              "with-swicth": canSwitch
+            }),
             "onClick": onClickSubtitle
-          }, [title]);
+          }, [canSwitch ? [renderAction(), vue.createVNode("div", {
+            "class": bem$13("header-subtitle-text")
+          }, [title]), renderAction(true)] : title]);
         }
       };
       const renderWeekDays = () => {
@@ -7034,19 +7286,20 @@
         const weekdays = t$g("weekdays");
         const renderWeekDays2 = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
         return vue.createVNode("div", {
-          "class": bem$15("weekdays")
+          "class": bem$13("weekdays")
         }, [renderWeekDays2.map((text) => vue.createVNode("span", {
-          "class": bem$15("weekday")
+          "class": bem$13("weekday")
         }, [text]))]);
       };
       return () => vue.createVNode("div", {
-        "class": bem$15("header")
+        "class": bem$13("header")
       }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
     }
   });
   const calendarProps = {
     show: Boolean,
     type: makeStringProp("single"),
+    switchMode: makeStringProp("none"),
     title: String,
     color: String,
     round: truthProp,
@@ -7074,16 +7327,11 @@
     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,
@@ -7091,28 +7339,39 @@
       validator: (val) => val >= 0 && val <= 6
     }
   };
-  var stdin_default$1f = vue.defineComponent({
-    name: name$19,
+  var stdin_default$1d = vue.defineComponent({
+    name: name$17,
     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) {
@@ -7123,8 +7382,10 @@
           if (!Array.isArray(defaultDate)) {
             defaultDate = [];
           }
-          const start2 = limitDateRange(defaultDate[0] || now, minDate, allowSameDay ? maxDate : getPrevDay(maxDate));
-          const end2 = limitDateRange(defaultDate[1] || now, allowSameDay ? minDate : getNextDay(minDate));
+          const min = minDate.value;
+          const max = maxDate.value;
+          const start2 = limitDateRange(defaultDate[0] || now, min, max ? allowSameDay ? max : getPrevDay(max) : void 0);
+          const end2 = limitDateRange(defaultDate[1] || (allowSameDay ? now : getNextDay(now)), min ? allowSameDay ? min : getNextDay(min) : void 0);
           return [start2, end2];
         }
         if (type === "multiple") {
@@ -7138,23 +7399,28 @@
         }
         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(() => {
@@ -7204,25 +7470,26 @@
           monthRefs.value[index].setVisible(visible);
         });
         if (currentMonth) {
-          subtitle.value = {
-            textFn: currentMonth.getTitle,
-            date: currentMonth.date
-          };
+          currentMonthRef.value = currentMonth;
         }
       };
       const scrollToDate = (targetDate) => {
-        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 {
+          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) {
@@ -7233,7 +7500,7 @@
           if (isDate(targetDate)) {
             scrollToDate(targetDate);
           }
-        } else {
+        } else if (!canSwitch.value) {
           raf(onScroll);
         }
       };
@@ -7241,9 +7508,11 @@
         if (props2.poppable && !props2.show) {
           return;
         }
-        raf(() => {
-          bodyHeight = Math.floor(useRect(bodyRef).height);
-        });
+        if (!canSwitch.value) {
+          raf(() => {
+            bodyHeight = Math.floor(useRect(bodyRef).height);
+          });
+        }
         scrollToCurrentDate();
       };
       const reset = (date = getInitialDate()) => {
@@ -7265,6 +7534,12 @@
         }
         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));
@@ -7355,13 +7630,16 @@
       const updateShow = (value) => emit("update:show", value);
       const renderMonth = (date, index) => {
         const showMonthTitle = index !== 0 || !props2.showSubtitle;
-        return vue.createVNode(stdin_default$1h, vue.mergeProps({
-          "ref": setMonthRefs(index),
+        return vue.createVNode(stdin_default$1f, vue.mergeProps({
+          "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"]));
@@ -7379,7 +7657,7 @@
             "block": true,
             "type": "primary",
             "color": props2.color,
-            "class": bem$15("confirm"),
+            "class": bem$13("confirm"),
             "disabled": disabled,
             "nativeType": "button",
             "onClick": onConfirm
@@ -7391,30 +7669,34 @@
         }
       };
       const renderFooter = () => vue.createVNode("div", {
-        "class": [bem$15("footer"), {
+        "class": [bem$13("footer"), {
           "van-safe-area-bottom": props2.safeAreaInsetBottom
         }]
       }, [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,
+          "class": bem$13()
+        }, [vue.createVNode(stdin_default$1e, {
+          "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()]);
+          "class": bem$13("body"),
+          "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();
@@ -7429,7 +7711,7 @@
         if (props2.poppable) {
           return vue.createVNode(Popup, {
             "show": props2.show,
-            "class": bem$15("popup"),
+            "class": bem$13("popup"),
             "round": props2.round,
             "position": props2.position,
             "closeable": props2.showTitle || props2.showSubtitle,
@@ -7446,8 +7728,8 @@
       };
     }
   });
-  const Calendar = withInstall(stdin_default$1f);
-  const [name$15, bem$14] = createNamespace("image");
+  const Calendar = withInstall(stdin_default$1d);
+  const [name$13, bem$12] = createNamespace("image");
   const imageProps = {
     src: String,
     alt: String,
@@ -7468,8 +7750,8 @@
     crossorigin: String,
     referrerpolicy: String
   };
-  var stdin_default$1e = vue.defineComponent({
-    name: name$15,
+  var stdin_default$1c = vue.defineComponent({
+    name: name$13,
     props: imageProps,
     emits: ["load", "error"],
     setup(props2, {
@@ -7530,13 +7812,13 @@
       const renderPlaceholder = () => {
         if (loading.value && props2.showLoading) {
           return vue.createVNode("div", {
-            "class": bem$14("loading")
-          }, [renderIcon(props2.loadingIcon, bem$14("loading-icon"), slots.loading)]);
+            "class": bem$12("loading")
+          }, [renderIcon(props2.loadingIcon, bem$12("loading-icon"), slots.loading)]);
         }
         if (error.value && props2.showError) {
           return vue.createVNode("div", {
-            "class": bem$14("error")
-          }, [renderIcon(props2.errorIcon, bem$14("error-icon"), slots.error)]);
+            "class": bem$12("error")
+          }, [renderIcon(props2.errorIcon, bem$12("error-icon"), slots.error)]);
         }
       };
       const renderImage = () => {
@@ -7545,7 +7827,7 @@
         }
         const attrs = {
           alt: props2.alt,
-          class: bem$14("img"),
+          class: bem$12("img"),
           style: {
             objectFit: props2.fit,
             objectPosition: props2.position
@@ -7605,7 +7887,7 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": bem$14({
+          "class": bem$12({
             round: props2.round,
             block: props2.block
           }),
@@ -7614,8 +7896,8 @@
       };
     }
   });
-  const Image$1 = withInstall(stdin_default$1e);
-  const [name$14, bem$13] = createNamespace("card");
+  const Image$1 = withInstall(stdin_default$1c);
+  const [name$12, bem$11] = createNamespace("card");
   const cardProps = {
     tag: String,
     num: numericProp,
@@ -7629,8 +7911,8 @@
     thumbLink: String,
     originPrice: numericProp
   };
-  var stdin_default$1d = vue.defineComponent({
-    name: name$14,
+  var stdin_default$1b = vue.defineComponent({
+    name: name$12,
     props: cardProps,
     emits: ["clickThumb"],
     setup(props2, {
@@ -7643,14 +7925,14 @@
         }
         if (props2.title) {
           return vue.createVNode("div", {
-            "class": [bem$13("title"), "van-multi-ellipsis--l2"]
+            "class": [bem$11("title"), "van-multi-ellipsis--l2"]
           }, [props2.title]);
         }
       };
       const renderThumbTag = () => {
         if (slots.tag || props2.tag) {
           return vue.createVNode("div", {
-            "class": bem$13("tag")
+            "class": bem$11("tag")
           }, [slots.tag ? slots.tag() : vue.createVNode(Tag, {
             "mark": true,
             "type": "primary"
@@ -7675,7 +7957,7 @@
         if (slots.thumb || props2.thumb) {
           return vue.createVNode("a", {
             "href": props2.thumbLink,
-            "class": bem$13("thumb"),
+            "class": bem$11("thumb"),
             "onClick": (event) => emit("clickThumb", event)
           }, [renderThumbImage(), renderThumbTag()]);
         }
@@ -7686,18 +7968,18 @@
         }
         if (props2.desc) {
           return vue.createVNode("div", {
-            "class": [bem$13("desc"), "van-ellipsis"]
+            "class": [bem$11("desc"), "van-ellipsis"]
           }, [props2.desc]);
         }
       };
       const renderPriceText = () => {
         const priceArr = props2.price.toString().split(".");
         return vue.createVNode("div", null, [vue.createVNode("span", {
-          "class": bem$13("price-currency")
+          "class": bem$11("price-currency")
         }, [props2.currency]), vue.createVNode("span", {
-          "class": bem$13("price-integer")
+          "class": bem$11("price-integer")
         }, [priceArr[0]]), vue.createTextVNode("."), vue.createVNode("span", {
-          "class": bem$13("price-decimal")
+          "class": bem$11("price-decimal")
         }, [priceArr[1]])]);
       };
       return () => {
@@ -7707,34 +7989,34 @@
         const showOriginPrice = slots["origin-price"] || isDef(props2.originPrice);
         const showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
         const Price = showPrice && vue.createVNode("div", {
-          "class": bem$13("price")
+          "class": bem$11("price")
         }, [slots.price ? slots.price() : renderPriceText()]);
         const OriginPrice = showOriginPrice && vue.createVNode("div", {
-          "class": bem$13("origin-price")
+          "class": bem$11("origin-price")
         }, [slots["origin-price"] ? slots["origin-price"]() : `${props2.currency} ${props2.originPrice}`]);
         const Num = showNum && vue.createVNode("div", {
-          "class": bem$13("num")
+          "class": bem$11("num")
         }, [slots.num ? slots.num() : `x${props2.num}`]);
         const Footer = slots.footer && vue.createVNode("div", {
-          "class": bem$13("footer")
+          "class": bem$11("footer")
         }, [slots.footer()]);
         const Bottom = showBottom && vue.createVNode("div", {
-          "class": bem$13("bottom")
+          "class": bem$11("bottom")
         }, [(_a = slots["price-top"]) == null ? void 0 : _a.call(slots), Price, OriginPrice, Num, (_b = slots.bottom) == null ? void 0 : _b.call(slots)]);
         return vue.createVNode("div", {
-          "class": bem$13()
+          "class": bem$11()
         }, [vue.createVNode("div", {
-          "class": bem$13("header")
+          "class": bem$11("header")
         }, [renderThumb(), vue.createVNode("div", {
-          "class": bem$13("content", {
+          "class": bem$11("content", {
             centered: props2.centered
           })
         }, [vue.createVNode("div", null, [renderTitle(), renderDesc(), (_c = slots.tags) == null ? void 0 : _c.call(slots)]), Bottom])]), Footer]);
       };
     }
   });
-  const Card = withInstall(stdin_default$1d);
-  const [name$13, bem$12, t$f] = createNamespace("cascader");
+  const Card = withInstall(stdin_default$1b);
+  const [name$11, bem$10, t$f] = createNamespace("cascader");
   const cascaderProps = {
     title: String,
     options: makeArrayProp(),
@@ -7747,8 +8029,8 @@
     placeholder: String,
     activeColor: String
   };
-  var stdin_default$1c = vue.defineComponent({
-    name: name$13,
+  var stdin_default$1a = vue.defineComponent({
+    name: name$11,
     props: cascaderProps,
     emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
     setup(props2, {
@@ -7857,12 +8139,12 @@
         title
       }) => emit("clickTab", name2, title);
       const renderHeader = () => props2.showHeader ? vue.createVNode("div", {
-        "class": bem$12("header")
+        "class": bem$10("header")
       }, [vue.createVNode("h2", {
-        "class": bem$12("title")
+        "class": bem$10("title")
       }, [slots.title ? slots.title() : props2.title]), props2.closeable ? vue.createVNode(Icon, {
         "name": props2.closeIcon,
-        "class": [bem$12("close-icon"), HAPTICS_FEEDBACK],
+        "class": [bem$10("close-icon"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null) : null]) : null;
       const renderOption = (option, selectedOption, tabIndex) => {
@@ -7878,7 +8160,7 @@
         return vue.createVNode("li", {
           "ref": selected ? setSelectedElementRefs(tabIndex) : void 0,
           "role": "menuitemradio",
-          "class": [bem$12("option", {
+          "class": [bem$10("option", {
             selected,
             disabled
           }), option.className],
@@ -7891,12 +8173,12 @@
           "onClick": () => onSelect(option, tabIndex)
         }, [Text, selected ? vue.createVNode(Icon, {
           "name": "success",
-          "class": bem$12("selected-icon")
+          "class": bem$10("selected-icon")
         }, null) : null]);
       };
       const renderOptions = (options, selectedOption, tabIndex) => vue.createVNode("ul", {
         "role": "menu",
-        "class": bem$12("options")
+        "class": bem$10("options")
       }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
       const renderTab = (tab, tabIndex) => {
         const {
@@ -7907,7 +8189,7 @@
         const title = selected ? selected[textKey] : placeholder;
         return vue.createVNode(Tab, {
           "title": title,
-          "titleClass": bem$12("tab", {
+          "titleClass": bem$10("tab", {
             unselected: !selected
           })
         }, {
@@ -7926,7 +8208,7 @@
         "onUpdate:active": ($event) => activeTab.value = $event,
         "shrink": true,
         "animated": true,
-        "class": bem$12("tabs"),
+        "class": bem$10("tabs"),
         "color": props2.activeColor,
         "swipeable": props2.swipeable,
         "onClickTab": onClickTab
@@ -7961,19 +8243,19 @@
         updateTabs();
       });
       return () => vue.createVNode("div", {
-        "class": bem$12()
+        "class": bem$10()
       }, [renderHeader(), renderTabs()]);
     }
   });
-  const Cascader = withInstall(stdin_default$1c);
-  const [name$12, bem$11] = createNamespace("cell-group");
+  const Cascader = withInstall(stdin_default$1a);
+  const [name$10, bem$$] = createNamespace("cell-group");
   const cellGroupProps = {
     title: String,
     inset: Boolean,
     border: truthProp
   };
-  var stdin_default$1b = vue.defineComponent({
-    name: name$12,
+  var stdin_default$19 = vue.defineComponent({
+    name: name$10,
     inheritAttrs: false,
     props: cellGroupProps,
     setup(props2, {
@@ -7983,7 +8265,7 @@
       const renderGroup = () => {
         var _a;
         return vue.createVNode("div", vue.mergeProps({
-          "class": [bem$11({
+          "class": [bem$$({
             inset: props2.inset
           }), {
             [BORDER_TOP_BOTTOM]: props2.border && !props2.inset
@@ -7991,7 +8273,7 @@
         }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
       const renderTitle = () => vue.createVNode("div", {
-        "class": bem$11("title", {
+        "class": bem$$("title", {
           inset: props2.inset
         })
       }, [slots.title ? slots.title() : props2.title]);
@@ -8003,153 +8285,7 @@
       };
     }
   });
-  const CellGroup = withInstall(stdin_default$1b);
-  const [name$11, bem$10] = createNamespace("checkbox-group");
-  const checkboxGroupProps = {
-    max: numericProp,
-    shape: makeStringProp("round"),
-    disabled: Boolean,
-    iconSize: numericProp,
-    direction: String,
-    modelValue: makeArrayProp(),
-    checkedColor: String
-  };
-  const CHECKBOX_GROUP_KEY = Symbol(name$11);
-  var stdin_default$1a = vue.defineComponent({
-    name: name$11,
-    props: checkboxGroupProps,
-    emits: ["change", "update:modelValue"],
-    setup(props2, {
-      emit,
-      slots
-    }) {
-      const {
-        children,
-        linkChildren
-      } = useChildren(CHECKBOX_GROUP_KEY);
-      const updateValue = (value) => emit("update:modelValue", value);
-      const toggleAll = (options = {}) => {
-        if (typeof options === "boolean") {
-          options = {
-            checked: options
-          };
-        }
-        const {
-          checked,
-          skipDisabled
-        } = options;
-        const checkedChildren = children.filter((item) => {
-          if (!item.props.bindGroup) {
-            return false;
-          }
-          if (item.props.disabled && skipDisabled) {
-            return item.checked.value;
-          }
-          return checked != null ? checked : !item.checked.value;
-        });
-        const names = checkedChildren.map((item) => item.name);
-        updateValue(names);
-      };
-      vue.watch(() => props2.modelValue, (value) => emit("change", value));
-      useExpose({
-        toggleAll
-      });
-      useCustomFieldValue(() => props2.modelValue);
-      linkChildren({
-        props: props2,
-        updateValue
-      });
-      return () => {
-        var _a;
-        return vue.createVNode("div", {
-          "class": bem$10([props2.direction])
-        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
-      };
-    }
-  });
-  const [name$10, bem$$] = createNamespace("checkbox");
-  const checkboxProps = extend({}, checkerProps, {
-    shape: String,
-    bindGroup: truthProp,
-    indeterminate: {
-      type: Boolean,
-      default: null
-    }
-  });
-  var stdin_default$19 = vue.defineComponent({
-    name: name$10,
-    props: checkboxProps,
-    emits: ["change", "update:modelValue"],
-    setup(props2, {
-      emit,
-      slots
-    }) {
-      const {
-        parent
-      } = useParent(CHECKBOX_GROUP_KEY);
-      const setParentValue = (checked2) => {
-        const {
-          name: name2
-        } = props2;
-        const {
-          max,
-          modelValue
-        } = parent.props;
-        const value = modelValue.slice();
-        if (checked2) {
-          const overlimit = max && value.length >= +max;
-          if (!overlimit && !value.includes(name2)) {
-            value.push(name2);
-            if (props2.bindGroup) {
-              parent.updateValue(value);
-            }
-          }
-        } else {
-          const index = value.indexOf(name2);
-          if (index !== -1) {
-            value.splice(index, 1);
-            if (props2.bindGroup) {
-              parent.updateValue(value);
-            }
-          }
-        }
-      };
-      const checked = vue.computed(() => {
-        if (parent && props2.bindGroup) {
-          return parent.props.modelValue.indexOf(props2.name) !== -1;
-        }
-        return !!props2.modelValue;
-      });
-      const toggle = (newValue = !checked.value) => {
-        if (parent && props2.bindGroup) {
-          setParentValue(newValue);
-        } else {
-          emit("update:modelValue", newValue);
-        }
-        if (props2.indeterminate !== null)
-          emit("change", newValue);
-      };
-      vue.watch(() => props2.modelValue, (value) => {
-        if (props2.indeterminate === null)
-          emit("change", value);
-      });
-      useExpose({
-        toggle,
-        props: props2,
-        checked
-      });
-      useCustomFieldValue(() => props2.modelValue);
-      return () => vue.createVNode(stdin_default$1o, vue.mergeProps({
-        "bem": bem$$,
-        "role": "checkbox",
-        "parent": parent,
-        "checked": checked.value,
-        "onToggle": toggle
-      }, props2), pick(slots, ["default", "icon"]));
-    }
-  });
-  const Checkbox = withInstall(stdin_default$19);
-  const CheckboxGroup = withInstall(stdin_default$1a);
+  const CellGroup = withInstall(stdin_default$19);
   const [name$$, bem$_] = createNamespace("circle");
   let uid = 0;
   const format = (rate) => Math.min(Math.max(+rate, 0), 100);
@@ -10656,6 +10792,16 @@
       useEventListener("touchmove", onTouchmove, {
         target: rootRef
       });
+      const renderHeader = () => {
+        if (slots.header) {
+          return slots.header();
+        }
+        return vue.createVNode("div", {
+          "class": bem$I("header")
+        }, [vue.createVNode("div", {
+          "class": bem$I("header-bar")
+        }, null)]);
+      };
       return () => {
         var _a;
         return vue.createVNode("div", {
@@ -10667,11 +10813,7 @@
           "onTouchstartPassive": onTouchstart,
           "onTouchend": onTouchend,
           "onTouchcancel": onTouchend
-        }, [vue.createVNode("div", {
-          "class": bem$I("header")
-        }, [vue.createVNode("div", {
-          "class": bem$I("header-bar")
-        }, null)]), vue.createVNode("div", {
+        }, [renderHeader(), vue.createVNode("div", {
           "class": bem$I("content"),
           "ref": contentRef
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
@@ -10915,6 +11057,13 @@
           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,
@@ -11150,6 +11299,8 @@
       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);
@@ -11619,7 +11770,11 @@
           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);
@@ -11692,7 +11847,11 @@
             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);
         }
@@ -15810,6 +15969,7 @@
         "readonly": props2.disableInput,
         "inputmode": props2.integer ? "numeric" : "decimal",
         "placeholder": props2.placeholder,
+        "autocomplete": "off",
         "aria-valuemax": props2.max,
         "aria-valuemin": props2.min,
         "aria-valuenow": current2.value,
@@ -18087,7 +18247,7 @@
       });
     }
   };
-  const version = "4.8.11";
+  const version = "4.9.1";
   function install(app) {
     const components = [
       ActionBar,