vant 4.9.0 → 4.9.1

package/lib/vant.cjs.js

@@ -3571,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
         )
@@ -3591,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) => {
@@ -5329,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,
@@ -5341,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, {
@@ -5385,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, {
@@ -5400,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,
@@ -5410,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,
@@ -5539,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, {
@@ -5562,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(),
@@ -5571,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")
   },
@@ -5595,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");
@@ -5610,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]
         });
@@ -5620,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;
     };
@@ -5643,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
@@ -5659,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(),
@@ -5671,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, {
@@ -5687,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,
@@ -5711,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 () => {
@@ -5725,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]
@@ -5737,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",
@@ -5890,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,
@@ -5903,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"],
@@ -5976,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
         }, {
@@ -5999,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) => {
@@ -6028,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, {
@@ -6038,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) => {
@@ -6119,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();
@@ -6221,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,
@@ -6287,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]);
       }
     };
@@ -6297,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]);
       }
     };
@@ -6314,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,
@@ -6331,21 +6503,21 @@ 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,
@@ -6362,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, {
@@ -6470,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
@@ -6480,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]);
       }
     };
@@ -6520,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,
@@ -6532,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,
@@ -6542,14 +6714,14 @@ 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,
@@ -6587,7 +6759,7 @@ var stdin_default$1g = vue.defineComponent({
         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]);
       }
     };
@@ -6604,7 +6776,7 @@ var stdin_default$1g = vue.defineComponent({
       const onMonthChange = () => onPanelChange((isNext ? getNextMonth : getPrevMonth)(props2.date));
       const onYearChange = () => onPanelChange((isNext ? getNextYear : getPrevYear)(props2.date));
       const MonthAction = vue.createVNode("view", {
-        "class": bem$15("header-action", {
+        "class": bem$13("header-action", {
           disabled: monthDisabled
         }),
         "onClick": monthDisabled ? void 0 : onMonthChange
@@ -6617,7 +6789,7 @@ var stdin_default$1g = vue.defineComponent({
         "name": monthIconName
       }, null)]);
       const YearAction = showYearAction && vue.createVNode("view", {
-        "class": bem$15("header-action", {
+        "class": bem$13("header-action", {
           disabled: yearDisabled
         }),
         "onClick": yearDisabled ? void 0 : onYearChange
@@ -6639,12 +6811,12 @@ var stdin_default$1g = vue.defineComponent({
         }) : 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
         }, [canSwitch ? [renderAction(), vue.createVNode("div", {
-          "class": bem$15("header-subtitle-text")
+          "class": bem$13("header-subtitle-text")
         }, [title]), renderAction(true)] : title]);
       }
     };
@@ -6655,13 +6827,13 @@ 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()]);
   }
 });
@@ -6708,8 +6880,8 @@ 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", "panelChange"],
   setup(props2, {
@@ -6999,7 +7171,7 @@ 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({
+      return vue.createVNode(stdin_default$1f, vue.mergeProps({
         "ref": canSwitch.value ? currentMonthRef : setMonthRefs(index),
         "date": date,
         "currentDate": currentDate.value,
@@ -7026,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
@@ -7038,15 +7210,15 @@ 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 = () => {
       var _a, _b;
       return vue.createVNode("div", {
-        "class": bem$15()
-      }, [vue.createVNode(stdin_default$1g, {
+        "class": bem$13()
+      }, [vue.createVNode(stdin_default$1e, {
         "date": (_a = currentMonthRef.value) == null ? void 0 : _a.date,
         "maxDate": maxDate.value,
         "minDate": minDate.value,
@@ -7060,7 +7232,7 @@ var stdin_default$1f = vue.defineComponent({
         "onPanelChange": onPanelChange
       }, pick(slots, ["title", "subtitle", "prev-month", "prev-year", "next-month", "next-year"])), vue.createVNode("div", {
         "ref": bodyRef,
-        "class": bem$15("body"),
+        "class": bem$13("body"),
         "onScroll": canSwitch.value ? void 0 : onScroll
       }, [canSwitch.value ? renderMonth(currentPanelDate.value, 0) : months.value.map(renderMonth)]), renderFooter()]);
     };
@@ -7080,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,
@@ -7097,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,
@@ -7119,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, {
@@ -7181,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 = () => {
@@ -7196,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
@@ -7256,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
         }),
@@ -7265,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,
@@ -7280,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, {
@@ -7294,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"
@@ -7326,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()]);
       }
@@ -7337,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 () => {
@@ -7358,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(),
@@ -7398,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, {
@@ -7508,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) => {
@@ -7529,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],
@@ -7542,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 {
@@ -7558,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
         })
       }, {
@@ -7577,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
@@ -7612,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, {
@@ -7634,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
@@ -7642,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]);
@@ -7654,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);
@@ -10330,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", {
@@ -10341,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)])]);
@@ -14701,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,
@@ -17001,7 +17034,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.0";
+const version = "4.9.1";
 function install(app) {
   const components = [
     ActionBar,