vant 4.8.11 → 4.9.1

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"),
@@ -3570,9 +3571,9 @@ function formatDataForCascade({
   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
         )
@@ -3590,7 +3591,7 @@ function formatDataForCascade({
   if (showCity) {
     const getCityChildren = () => {
       if (showCounty) {
-        return placeholder.length ? [makeOption(placeholder[1])] : [];
+        return placeholder.length > 2 ? [makeOption(placeholder[2])] : [];
       }
     };
     Object.keys(city).forEach((code) => {
@@ -5328,7 +5329,71 @@ var stdin_default$1q = vue.defineComponent({
   }
 });
 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
+    } = use.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
+    });
+    use.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,
@@ -5340,8 +5405,8 @@ const tagProps = {
   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, {
@@ -5384,12 +5449,12 @@ var stdin_default$1p = vue.defineComponent({
       }
       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, {
@@ -5399,7 +5464,7 @@ var stdin_default$1p = vue.defineComponent({
     });
   }
 });
-const Tag = withInstall(stdin_default$1p);
+const Tag = withInstall(stdin_default$1o);
 const checkerProps = {
   name: unknownProp,
   disabled: Boolean,
@@ -5409,7 +5474,7 @@ const checkerProps = {
   labelPosition: String,
   labelDisabled: Boolean
 };
-var stdin_default$1o = vue.defineComponent({
+var stdin_default$1n = vue.defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -5538,9 +5603,9 @@ var stdin_default$1o = vue.defineComponent({
 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, {
@@ -5561,8 +5626,8 @@ var stdin_default$1n = vue.defineComponent({
         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(),
@@ -5570,14 +5635,97 @@ var stdin_default$1n = vue.defineComponent({
     }, 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
+    } = use.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
+    });
+    use.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")
   },
@@ -5594,7 +5742,7 @@ var stdin_default$1m = vue.defineComponent({
     };
     const renderRightIcon = () => vue.createVNode(Icon, {
       "name": props2.rightIcon,
-      "class": bem$19("edit"),
+      "class": bem$17("edit"),
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
@@ -5609,7 +5757,7 @@ var stdin_default$1m = vue.defineComponent({
         return vue.createVNode(Tag, {
           "type": "primary",
           "round": true,
-          "class": bem$19("tag")
+          "class": bem$17("tag")
         }, {
           default: () => [props2.defaultTagText]
         });
@@ -5619,20 +5767,30 @@ var stdin_default$1m = vue.defineComponent({
       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;
     };
@@ -5642,13 +5800,13 @@ var stdin_default$1m = vue.defineComponent({
         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
@@ -5658,10 +5816,10 @@ var stdin_default$1m = vue.defineComponent({
     };
   }
 });
-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(),
@@ -5670,14 +5828,15 @@ const addressListProps = {
   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, {
@@ -5686,14 +5845,24 @@ var stdin_default$1l = vue.defineComponent({
       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,
@@ -5710,13 +5879,13 @@ var stdin_default$1l = vue.defineComponent({
       }
     };
     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 () => {
@@ -5724,11 +5893,15 @@ var stdin_default$1l = vue.defineComponent({
       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]
@@ -5736,7 +5909,7 @@ var stdin_default$1l = vue.defineComponent({
     };
   }
 });
-const AddressList = withInstall(stdin_default$1l);
+const AddressList = withInstall(stdin_default$1j);
 const hasIntersectionObserver = use.inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
 const modeType = {
   event: "event",
@@ -5889,7 +6062,7 @@ class ImageCache {
     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,
@@ -5902,8 +6075,8 @@ const backTopProps = {
     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"],
@@ -5975,19 +6148,19 @@ var stdin_default$1k = vue.defineComponent({
     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
         }, {
@@ -5998,7 +6171,7 @@ var stdin_default$1k = vue.defineComponent({
     };
   }
 });
-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) => {
@@ -6027,9 +6200,9 @@ const barrageProps = {
   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, {
@@ -6037,7 +6210,7 @@ var stdin_default$1j = vue.defineComponent({
     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) => {
@@ -6118,15 +6291,15 @@ var stdin_default$1j = vue.defineComponent({
     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();
@@ -6154,8 +6327,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);
@@ -6206,9 +6393,9 @@ const formatValueRange = (values, columns) => values.map((value, index) => {
   }
   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,
@@ -6272,7 +6459,7 @@ var stdin_default$1i = vue.defineComponent({
       } = 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]);
       }
     };
@@ -6282,7 +6469,7 @@ var stdin_default$1i = vue.defineComponent({
       } = 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]);
       }
     };
@@ -6299,7 +6486,7 @@ var stdin_default$1i = vue.defineComponent({
       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,
@@ -6316,27 +6503,27 @@ var stdin_default$1i = vue.defineComponent({
       } = 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,
@@ -6347,8 +6534,8 @@ const calendarMonthProps = {
   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, {
@@ -6362,7 +6549,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 +6611,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) {
@@ -6453,7 +6642,7 @@ var stdin_default$1h = vue.defineComponent({
     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
@@ -6463,7 +6652,7 @@ var stdin_default$1h = vue.defineComponent({
     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]);
       }
     };
@@ -6503,7 +6692,7 @@ var stdin_default$1h = vue.defineComponent({
         setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - use.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,
@@ -6515,7 +6704,7 @@ var stdin_default$1h = vue.defineComponent({
     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,
@@ -6525,47 +6714,110 @@ var stdin_default$1h = vue.defineComponent({
       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 = () => {
@@ -6575,19 +6827,20 @@ var stdin_default$1g = vue.defineComponent({
       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,
@@ -6615,16 +6868,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,
@@ -6632,28 +6880,39 @@ const calendarProps = {
     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) {
@@ -6664,8 +6923,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 +6940,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 +7011,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 +7041,7 @@ var stdin_default$1f = vue.defineComponent({
         if (isDate(targetDate)) {
           scrollToDate(targetDate);
         }
-      } else {
+      } else if (!canSwitch.value) {
         use.raf(onScroll);
       }
     };
@@ -6782,9 +7049,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 +7075,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));
@@ -6896,13 +7171,16 @@ var stdin_default$1f = vue.defineComponent({
     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"]));
@@ -6920,7 +7198,7 @@ var stdin_default$1f = vue.defineComponent({
           "block": true,
           "type": "primary",
           "color": props2.color,
-          "class": bem$15("confirm"),
+          "class": bem$13("confirm"),
           "disabled": disabled,
           "nativeType": "button",
           "onClick": onConfirm
@@ -6932,30 +7210,34 @@ var stdin_default$1f = vue.defineComponent({
       }
     };
     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();
@@ -6970,7 +7252,7 @@ var stdin_default$1f = vue.defineComponent({
       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,
@@ -6987,8 +7269,8 @@ var stdin_default$1f = vue.defineComponent({
     };
   }
 });
-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,
@@ -7009,8 +7291,8 @@ const imageProps = {
   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, {
@@ -7071,13 +7353,13 @@ var stdin_default$1e = vue.defineComponent({
     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 = () => {
@@ -7086,7 +7368,7 @@ var stdin_default$1e = vue.defineComponent({
       }
       const attrs = {
         alt: props2.alt,
-        class: bem$14("img"),
+        class: bem$12("img"),
         style: {
           objectFit: props2.fit,
           objectPosition: props2.position
@@ -7146,7 +7428,7 @@ var stdin_default$1e = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$14({
+        "class": bem$12({
           round: props2.round,
           block: props2.block
         }),
@@ -7155,8 +7437,8 @@ var stdin_default$1e = vue.defineComponent({
     };
   }
 });
-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,
@@ -7170,8 +7452,8 @@ const cardProps = {
   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, {
@@ -7184,14 +7466,14 @@ var stdin_default$1d = vue.defineComponent({
       }
       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"
@@ -7216,7 +7498,7 @@ var stdin_default$1d = vue.defineComponent({
       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()]);
       }
@@ -7227,18 +7509,18 @@ var stdin_default$1d = vue.defineComponent({
       }
       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 () => {
@@ -7248,34 +7530,34 @@ var stdin_default$1d = vue.defineComponent({
       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(),
@@ -7288,8 +7570,8 @@ const cascaderProps = {
   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, {
@@ -7398,12 +7680,12 @@ var stdin_default$1c = vue.defineComponent({
       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) => {
@@ -7419,7 +7701,7 @@ var stdin_default$1c = vue.defineComponent({
       return vue.createVNode("li", {
         "ref": selected ? setSelectedElementRefs(tabIndex) : void 0,
         "role": "menuitemradio",
-        "class": [bem$12("option", {
+        "class": [bem$10("option", {
           selected,
           disabled
         }), option.className],
@@ -7432,12 +7714,12 @@ var stdin_default$1c = vue.defineComponent({
         "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 {
@@ -7448,7 +7730,7 @@ var stdin_default$1c = vue.defineComponent({
       const title = selected ? selected[textKey] : placeholder;
       return vue.createVNode(Tab, {
         "title": title,
-        "titleClass": bem$12("tab", {
+        "titleClass": bem$10("tab", {
           unselected: !selected
         })
       }, {
@@ -7467,7 +7749,7 @@ var stdin_default$1c = vue.defineComponent({
       "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
@@ -7502,19 +7784,19 @@ var stdin_default$1c = vue.defineComponent({
       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, {
@@ -7524,7 +7806,7 @@ var stdin_default$1b = vue.defineComponent({
     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
@@ -7532,7 +7814,7 @@ var stdin_default$1b = vue.defineComponent({
       }, 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]);
@@ -7544,153 +7826,7 @@ var stdin_default$1b = vue.defineComponent({
     };
   }
 });
-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
-    } = use.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
-    });
-    use.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
-    } = use.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
-    });
-    use.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);
@@ -10220,6 +10356,16 @@ var stdin_default$R = vue.defineComponent({
     use.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", {
@@ -10231,11 +10377,7 @@ var stdin_default$R = vue.defineComponent({
         "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)])]);
@@ -10482,6 +10624,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 +10866,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 +11337,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 +11414,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);
       }
@@ -14574,6 +14733,7 @@ var stdin_default$e = vue.defineComponent({
       "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,
@@ -16874,7 +17034,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.8.11";
+const version = "4.9.1";
 function install(app) {
   const components = [
     ActionBar,